Merge branch 'main' into feat

Author: codeacme17

README.md

@@ -4,6 +4,14 @@
 
 Echo UI is a high-performance and out-of-the-box web audio API component library, build with React and TailwindCSS.
 
+<a href="https://echoui.dev/en"> 
+  <img src="https://img.shields.io/badge/Document-ffbe3b?style=flat" />
+</a>
+
+<a href="https://echoui.dev/zh"> 
+  <img src="https://img.shields.io/badge/中文文档-ffbe3b?style=flat&logo=googletranslate&logoColor=%231e1e1e" />
+</a>
+
 <a href="./ROADMAP.md"> 
   <img src="https://img.shields.io/badge/ROADMAP-ffbe3b?style=flat" />
 </a>

docs/.island/config.ts

@@ -94,8 +94,8 @@ function getSidebar(lang: 'zh' | 'en'): DefaultTheme.Sidebar {
       {
         items: [
           {
-            text: getText('与我联系', 'Connection'),
-            link: getLink('/guide/connection'),
+            text: getText('关于', 'About'),
+            link: getLink('/guide/about'),
           },
         ],
       },
@@ -235,7 +235,7 @@ function getNavbar(lang: 'zh' | 'en') {
         },
         {
           text: 'Discord',
-          link: 'https://discord.gg/cvEuPJtT',
+          link: 'https://discord.gg/R9JX9twvXF',
         },
         {
           text: 'Twitter',

docs/.island/dist/404.html

@@ -1,4 +1,4 @@
-import{U as n,f as s,u as d,d as i,h as l,a as r,A as u,c as e}from"./index.22fc5bb3.js";import{jsx as t,jsxs as c,Fragment as B}from"react/jsx-runtime";const h=()=>t(n,{code:"<Button> Button </Button>",scope:{Button:s}}),b=()=>t(n,{code:"<Button toggled> Toggled </Button>",scope:{Button:s}}),f=()=>t(n,{code:"<Button disabled> Disabled </Button>",scope:{Button:s}}),m=()=>t(n,{code:`<div className="flex gap-4 items-center">
+import{U as n,f as s,_ as d,v as i,y as l,b as r,A as u,c as e}from"./index.3d5bb27b.js";import{jsx as t,jsxs as c,Fragment as B}from"react/jsx-runtime";const b=()=>t(n,{code:"<Button> Button </Button>",scope:{Button:s}}),h=()=>t(n,{code:"<Button toggled> Toggled </Button>",scope:{Button:s}}),m=()=>t(n,{code:"<Button disabled> Disabled </Button>",scope:{Button:s}}),f=()=>t(n,{code:`<div className="flex gap-4 items-center">
   <Button size="sm">
     Small
   </Button>  
@@ -37,4 +37,4 @@ import{U as n,f as s,u as d,d as i,h as l,a as r,A as u,c as e}from"./index.22fc
   <Button value={4}>
     Triangle
   </Button>
-</Button.Group>`,scope:{Button:s,SineIcon:d,SawtoothIcon:i,SquareIcon:l,TriangleIcon:r}}),T=()=>t(u,{data:[{attribute:"value",description:c(B,{children:["The bound value (only effective in ",t(e,{children:"`Group`"}),")."]}),type:t(e,{children:"any"}),default:"-"},{attribute:"disabled",description:"Indicates whether the button is disabled",type:t(e,{children:"boolean"}),default:t(e,{children:"false"})},{attribute:"size",description:"Button size",type:t(e,{children:"'sm' | 'md' | 'lg'"}),default:t(e,{children:"'md'"})},{attribute:"radius",description:"Button border radius",type:t(e,{children:"'none' | 'sm' | 'md' | 'lg' | 'full'"}),default:t(e,{children:"'md'"})},{attribute:"toggled",description:"Indicates whether the button is toggled",type:t(e,{children:"boolean"}),default:t(e,{children:"false"})},{attribute:"onToggleChange",description:"Callback function when the toggle state changes",type:t(e,{children:"(toggled: boolean) => void"}),default:"-"}]}),S=()=>t(u,{data:[{attribute:"value",description:"The value associated with the button group",type:t(e,{children:"any[]"}),default:"-"},{attribute:"disabled",description:"Indicates whether buttons in the button group are disabled",type:t(e,{children:"boolean"}),default:t(e,{children:"false"})},{attribute:"size",description:"Button size",type:t(e,{children:"'sm' | 'md' | 'lg'"}),default:t(e,{children:"'md'"})},{attribute:"radius",description:"Button border radius",type:t(e,{children:"'none' | 'sm' | 'md' | 'lg' | 'full'"}),default:t(e,{children:"'md'"})},{attribute:"classNames",description:"Allows setting custom class names for buttons and toggle states",type:t(e,{children:"{ button?: string }"}),default:"-"},{attribute:"styles",description:"Allows setting custom styles for buttons and toggle states",type:t(e,{children:"{ button?: React.CSSProperties }"}),default:"-"},{attribute:"onChange",description:"Callback function when options change",type:t(e,{children:"(values: any[]) => void"}),default:"-"}]});export{T as B,h as D,v as G,y as R,m as S,b as T,f as a,S as b};
+</Button.Group>`,scope:{Button:s,SineIcon:d,SawtoothIcon:i,SquareIcon:l,TriangleIcon:r}}),T=()=>t(u,{data:[{attribute:"value",description:c(B,{children:["The bound value (only effective in ",t(e,{children:"`Group`"}),")."]}),type:t(e,{children:"any"}),default:"-"},{attribute:"disabled",description:"Indicates whether the button is disabled",type:t(e,{children:"boolean"}),default:t(e,{children:"false"})},{attribute:"size",description:"Button size",type:t(e,{children:"'sm' | 'md' | 'lg'"}),default:t(e,{children:"'md'"})},{attribute:"radius",description:"Button border radius",type:t(e,{children:"'none' | 'sm' | 'md' | 'lg' | 'full'"}),default:t(e,{children:"'md'"})},{attribute:"toggled",description:"Indicates whether the button is toggled",type:t(e,{children:"boolean"}),default:t(e,{children:"false"})},{attribute:"onToggleChange",description:"Callback function when the toggle state changes",type:t(e,{children:"(toggled: boolean) => void"}),default:"-"}]}),S=()=>t(u,{data:[{attribute:"value",description:"The value associated with the button group",type:t(e,{children:"any[]"}),default:"-"},{attribute:"disabled",description:"Indicates whether buttons in the button group are disabled",type:t(e,{children:"boolean"}),default:t(e,{children:"false"})},{attribute:"size",description:"Button size",type:t(e,{children:"'sm' | 'md' | 'lg'"}),default:t(e,{children:"'md'"})},{attribute:"radius",description:"Button border radius",type:t(e,{children:"'none' | 'sm' | 'md' | 'lg' | 'full'"}),default:t(e,{children:"'md'"})},{attribute:"classNames",description:"Allows setting custom class names for buttons and toggle states",type:t(e,{children:"{ button?: string }"}),default:"-"},{attribute:"styles",description:"Allows setting custom styles for buttons and toggle states",type:t(e,{children:"{ button?: React.CSSProperties }"}),default:"-"},{attribute:"onChange",description:"Callback function when options change",type:t(e,{children:"(values: any[]) => void"}),default:"-"}]});export{T as B,b as D,v as G,y as R,f as S,h as T,m as a,S as b};