@iziui/react 0.0.100-rc → 0.0.102-rc

package/dist/components/Skeleton/index.js

@@ -1,2 +1,2 @@
-import{jsx as m}from"react/jsx-runtime";import{p as o}from"../../chunks/index-CZ41y9Hn.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as i}from"../../chunks/createComponent-BmdhWozT.js";import"../../chunks/useTheme-BYuNiCiH.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function p({width:t,height:e,variant:r="rounded"}){const s=n(`${o}-skeleton`,`${o}-skeleton--${r}`);return m("div",{className:s,style:{width:t,height:e}})}const j=i(p);export{j as default};
+import{jsx as m}from"react/jsx-runtime";import{p as o}from"../../chunks/index-CZ41y9Hn.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as i}from"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function p({width:t,height:e,variant:r="rounded"}){const s=n(`${o}-skeleton`,`${o}-skeleton--${r}`);return m("div",{className:s,style:{width:t,height:e}})}const j=i(p);export{j as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Stack/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Stack-CF3Wyma9.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Bls5N6x8.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Stack;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Stack-KD0LOLkS.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Stack;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Stack/index.js

@@ -1,2 +1,2 @@
-import{S as d}from"../../chunks/Stack-CHR_pZC4.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-BmdhWozT.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
+import{S as d}from"../../chunks/Stack-DnCw2pFA.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Switch/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),m=require("../../chunks/uuid-omnJ9TjZ.cjs"),b=require("../../chunks/Stack-CF3Wyma9.cjs"),p=require("../../chunks/createComponent-Bls5N6x8.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function w({label:o,error:n,helperText:a,color:h="primary",...c}){const[l,u]=i.useState(!!c.checked),x=r.joinClass(`${e.prefix}-switch__checkbox`,`${e.prefix}-switch__checkbox--${h}`),d=r.joinClass(`${e.prefix}-switch__label`,n&&`${e.prefix}-switch__label--error`),_=r.joinClass(`${e.prefix}-switch__helper-text`,n&&`${e.prefix}-switch__helper-text--error`,a&&`${e.prefix}-switch__helper-text--visible`),s=i.useMemo(()=>`${e.prefix}-switch-${m.uuid()}`,[]);i.useEffect(()=>{u(!!c.checked)},[c.checked]);const f=()=>{c.onChange&&c.onChange({type:"checkbox",target:{checked:!l}})};return t.jsxs(b.Stack,{gap:2,style:{width:"fit-content"},children:[t.jsx("label",{htmlFor:s,className:d,children:o}),t.jsxs("div",{className:`${e.prefix}-switch`,children:[t.jsx("input",{...c,type:"checkbox",id:s,className:x,onChange:f,checked:l}),t.jsx("label",{className:`${e.prefix}-switch__box`,htmlFor:s,children:t.jsx("span",{className:`${e.prefix}-switch__button`})})]}),t.jsx("span",{className:_,children:a})]})}const j=p.createComponent(w);exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),m=require("../../chunks/uuid-omnJ9TjZ.cjs"),b=require("../../chunks/Stack-KD0LOLkS.cjs"),p=require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function w({label:o,error:n,helperText:a,color:h="primary",...c}){const[l,u]=i.useState(!!c.checked),x=r.joinClass(`${e.prefix}-switch__checkbox`,`${e.prefix}-switch__checkbox--${h}`),d=r.joinClass(`${e.prefix}-switch__label`,n&&`${e.prefix}-switch__label--error`),_=r.joinClass(`${e.prefix}-switch__helper-text`,n&&`${e.prefix}-switch__helper-text--error`,a&&`${e.prefix}-switch__helper-text--visible`),s=i.useMemo(()=>`${e.prefix}-switch-${m.uuid()}`,[]);i.useEffect(()=>{u(!!c.checked)},[c.checked]);const f=()=>{c.onChange&&c.onChange({type:"checkbox",target:{checked:!l}})};return t.jsxs(b.Stack,{gap:2,style:{width:"fit-content"},children:[t.jsx("label",{htmlFor:s,className:d,children:o}),t.jsxs("div",{className:`${e.prefix}-switch`,children:[t.jsx("input",{...c,type:"checkbox",id:s,className:x,onChange:f,checked:l}),t.jsx("label",{className:`${e.prefix}-switch__box`,htmlFor:s,children:t.jsx("span",{className:`${e.prefix}-switch__button`})})]}),t.jsx("span",{className:_,children:a})]})}const j=p.createComponent(w);exports.default=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Switch/index.js

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as c}from"react/jsx-runtime";import{useState as b,useMemo as p,useEffect as u}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as a}from"../../chunks/joinClass-anSpaauN.js";import{u as x}from"../../chunks/uuid-dGvr9vBZ.js";import{S as $}from"../../chunks/Stack-CHR_pZC4.js";import{c as k}from"../../chunks/createComponent-BmdhWozT.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function C({label:n,error:o,helperText:i,color:r="primary",...t}){const[h,m]=b(!!t.checked),_=a(`${e}-switch__checkbox`,`${e}-switch__checkbox--${r}`),d=a(`${e}-switch__label`,o&&`${e}-switch__label--error`),f=a(`${e}-switch__helper-text`,o&&`${e}-switch__helper-text--error`,i&&`${e}-switch__helper-text--visible`),s=p(()=>`${e}-switch-${x()}`,[]);u(()=>{m(!!t.checked)},[t.checked]);const w=()=>{t.onChange&&t.onChange({type:"checkbox",target:{checked:!h}})};return l($,{gap:2,style:{width:"fit-content"},children:[c("label",{htmlFor:s,className:d,children:n}),l("div",{className:`${e}-switch`,children:[c("input",{...t,type:"checkbox",id:s,className:_,onChange:w,checked:h}),c("label",{className:`${e}-switch__box`,htmlFor:s,children:c("span",{className:`${e}-switch__button`})})]}),c("span",{className:f,children:i})]})}const L=k(C);export{L as default};
+import{jsxs as l,jsx as c}from"react/jsx-runtime";import{useState as b,useMemo as p,useEffect as u}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as a}from"../../chunks/joinClass-anSpaauN.js";import{u as x}from"../../chunks/uuid-dGvr9vBZ.js";import{S as $}from"../../chunks/Stack-DnCw2pFA.js";import{c as k}from"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function C({label:n,error:o,helperText:i,color:r="primary",...t}){const[h,m]=b(!!t.checked),_=a(`${e}-switch__checkbox`,`${e}-switch__checkbox--${r}`),d=a(`${e}-switch__label`,o&&`${e}-switch__label--error`),f=a(`${e}-switch__helper-text`,o&&`${e}-switch__helper-text--error`,i&&`${e}-switch__helper-text--visible`),s=p(()=>`${e}-switch-${x()}`,[]);u(()=>{m(!!t.checked)},[t.checked]);const w=()=>{t.onChange&&t.onChange({type:"checkbox",target:{checked:!h}})};return l($,{gap:2,style:{width:"fit-content"},children:[c("label",{htmlFor:s,className:d,children:n}),l("div",{className:`${e}-switch`,children:[c("input",{...t,type:"checkbox",id:s,className:_,onChange:w,checked:h}),c("label",{className:`${e}-switch__box`,htmlFor:s,children:c("span",{className:`${e}-switch__button`})})]}),c("span",{className:f,children:i})]})}const L=k(C);export{L as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/TableHeader-D0wXM5mO.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Bls5N6x8.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Card-Bqgukgip.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");exports.Table=e.Table_default;exports.TableBody=e.TableBody;exports.TableCell=e.TableCell_default;exports.TableHeader=e.TableHeader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/TableHeader-hddlVfv3.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Card-KRiSWAFI.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");exports.Table=e.Table_default;exports.TableBody=e.TableBody;exports.TableCell=e.TableCell_default;exports.TableHeader=e.TableHeader;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Table/index.js

@@ -1,2 +1,2 @@
-import{T as s,a as d,b as c,c as f}from"../../chunks/TableHeader-CrbbJXyv.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-BmdhWozT.js";import"../../chunks/useTheme-BYuNiCiH.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Card-C2mSdoXV.js";import"../../chunks/Ripple-Bq9bxg4k.js";export{s as Table,d as TableBody,c as TableCell,f as TableHeader};
+import{T as s,a as d,b as c,c as f}from"../../chunks/TableHeader-Crwdqye1.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Card-CigqRMT2.js";import"../../chunks/Ripple-Bq9bxg4k.js";export{s as Table,d as TableBody,c as TableCell,f as TableHeader};
 //# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useTabs-DXjPVKGl.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/createComponent-Bls5N6x8.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");exports.TabButton=e.TabButton;exports.TabContent=e.TabContent;exports.Tabs=e.Tabs_default;exports.useTabs=e.useTabs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useTabs-D1LpVrab.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");exports.TabButton=e.TabButton;exports.TabContent=e.TabContent;exports.Tabs=e.Tabs_default;exports.useTabs=e.useTabs;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Tabs/index.js

@@ -1,2 +1,2 @@
-import{T as n,a as u,b as f,u as x}from"../../chunks/useTabs-C10MlXVP.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/createComponent-BmdhWozT.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";export{n as TabButton,u as TabContent,f as Tabs,x as useTabs};
+import{T as n,a as u,b as f,u as x}from"../../chunks/useTabs-BOKC1kGI.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";export{n as TabButton,u as TabContent,f as Tabs,x as useTabs};
 //# sourceMappingURL=index.js.map

package/dist/components/Textarea/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),h=require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function q({error:i,label:n,helperText:o,endIcon:x,startIcon:c,disabled:a,width:f="100%",...l}){const C=s.joinClass(`${e.prefix}-textarea-container`),j=s.joinClass(`${e.prefix}-textarea-label`,i&&`${e.prefix}-textarea-label--error`),m=s.joinClass(`${e.prefix}-textarea`,a&&`${e.prefix}-textarea--disabled`,i&&`${e.prefix}-textarea--error`,l.className),_=s.joinClass(`${e.prefix}-textarea__helper-text`,o&&`${e.prefix}-textarea__helper-text--visible`,i&&`${e.prefix}-textarea__helper-text--error`),p=(r,$)=>d.cloneElement(r,{disabled:a,size:r.props.size||30,type:"button",style:{...a?{background:"transparent"}:{},...r.props.style},className:s.joinClass(r.props.className,`${e.prefix}-textarea__icon`,`${e.prefix}-textarea__icon--margin-${$}`),onClick:u=>{u.stopPropagation(),r.props.onClick&&r.props.onClick(u)}});return t.jsxs("div",{className:C,style:{width:f},children:[n&&t.jsxs("label",{className:j,children:[n," ",l.required&&"*"]}),t.jsxs("div",{className:m,children:[c&&p(c,"right"),t.jsx("textarea",{...l,disabled:a}),x&&p(x,"left")]}),t.jsx("p",{className:_,children:o})]})}const N=h.createComponent(q);exports.default=N;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Textarea/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/fields/Textarea/Textarea.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type MouseEvent,\n  type ReactElement,\n  type CSSProperties,\n  type TextareaHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core';\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\n\nimport '@iziui/styles/components/Textarea.scss';\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  width?: CSSProperties['width'];\n  endIcon?: React.JSX.Element | boolean;\n  startIcon?: React.JSX.Element | boolean;\n}\n\nfunction Textarea({\n  error,\n  label,\n  helperText,\n  endIcon,\n  startIcon,\n  disabled,\n  width = '100%',\n  ...props\n}: TextareaProps) {\n  const containerClss = joinClass(\n    `${prefix}-textarea-container`,\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-textarea-label`,\n    error && `${prefix}-textarea-label--error`,\n  );\n\n  const classes = joinClass(\n    `${prefix}-textarea`,\n    disabled && `${prefix}-textarea--disabled`,\n    error && `${prefix}-textarea--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-textarea__helper-text`,\n    helperText && `${prefix}-textarea__helper-text--visible`,\n    error && `${prefix}-textarea__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' | 'right') => {\n    return cloneElement(icon, {\n      disabled,\n      size: icon.props.size || 30,\n      type: 'button',\n      style: {\n        ...(disabled ? { background: 'transparent' } : {}),\n        ...icon.props.style,\n      },\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-textarea__icon`,\n        `${prefix}-textarea__icon--margin-${direction}`\n      ),\n      onClick: (e: MouseEvent<any, globalThis.MouseEvent>) => {\n        e.stopPropagation();\n        if (icon.props.onClick) { icon.props.onClick(e); };\n      }\n    });\n  };\n\n  return (\n    <div className={containerClss} style={{ width }}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <div className={classes}>\n        {startIcon && renderIcon(startIcon as React.JSX.Element, 'right')}\n        <textarea {...props} disabled={disabled} />\n        {endIcon && renderIcon(endIcon as React.JSX.Element, 'left')}\n      </div>\n      <p className={helperTextClss}>{helperText}</p>\n    </div>\n  );\n}\n\nexport default createComponent(Textarea);\n"],"names":["Textarea","error","label","helperText","endIcon","startIcon","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Textarea_default","createComponent"],"mappings":"kaA0BA,SAASA,EAAS,CAChB,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAgBC,EAAAA,UACpB,GAAGC,EAAAA,MAAM,qBAAA,EAGLC,EAAYF,EAAAA,UAChB,GAAGC,EAAAA,MAAM,kBACTV,GAAS,GAAGU,EAAAA,MAAM,wBAAA,EAGdE,EAAUH,EAAAA,UACd,GAAGC,EAAAA,MAAM,YACTL,GAAY,GAAGK,EAAAA,MAAM,sBACrBV,GAAS,GAAGU,EAAAA,MAAM,mBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,yBACTR,GAAc,GAAGQ,EAAAA,MAAM,kCACvBV,GAAS,GAAGU,EAAAA,MAAM,+BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAAA,aAAaF,EAAM,CACxB,SAAAV,EACA,KAAMU,EAAK,MAAM,MAAQ,GACzB,KAAM,SACN,MAAO,CACL,GAAIV,EAAW,CAAE,WAAY,aAAA,EAAkB,CAAA,EAC/C,GAAGU,EAAK,MAAM,KAAA,EAEhB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,kBACT,GAAGA,EAAAA,MAAM,2BAA2BM,CAAS,EAAA,EAE/C,QAAUE,GAA8C,CACtDA,EAAE,gBAAA,EACEH,EAAK,MAAM,SAAWA,EAAK,MAAM,QAAQG,CAAC,CAChD,CAAA,CACD,EAGH,cACG,MAAA,CAAI,UAAWV,EAAe,MAAO,CAAE,MAAAF,GACrC,SAAA,CAAAL,GAASkB,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAV,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAAA,KAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAR,GAAaU,EAAWV,EAAgC,OAAO,EAChEgB,EAAAA,IAAC,WAAA,CAAU,GAAGb,EAAO,SAAAF,CAAA,CAAoB,EACxCF,GAAWW,EAAWX,EAA8B,MAAM,CAAA,EAC7D,EACAiB,EAAAA,IAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAX,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAmB,EAAeC,EAAAA,gBAAgBvB,CAAQ"}

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/fields/Textarea';
+export * from '../../.types/fields/Textarea';

package/dist/components/Textarea/index.js

@@ -0,0 +1,2 @@
+import{jsxs as o,jsx as $}from"react/jsx-runtime";import{cloneElement as d}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as a}from"../../chunks/joinClass-anSpaauN.js";import{c as b}from"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function g({error:s,label:n,helperText:i,endIcon:p,startIcon:c,disabled:r,width:f="100%",...l}){const _=a(`${e}-textarea-container`),h=a(`${e}-textarea-label`,s&&`${e}-textarea-label--error`),u=a(`${e}-textarea`,r&&`${e}-textarea--disabled`,s&&`${e}-textarea--error`,l.className),C=a(`${e}-textarea__helper-text`,i&&`${e}-textarea__helper-text--visible`,s&&`${e}-textarea__helper-text--error`),m=(t,N)=>d(t,{disabled:r,size:t.props.size||30,type:"button",style:{...r?{background:"transparent"}:{},...t.props.style},className:a(t.props.className,`${e}-textarea__icon`,`${e}-textarea__icon--margin-${N}`),onClick:x=>{x.stopPropagation(),t.props.onClick&&t.props.onClick(x)}});return o("div",{className:_,style:{width:f},children:[n&&o("label",{className:h,children:[n," ",l.required&&"*"]}),o("div",{className:u,children:[c&&m(c,"right"),$("textarea",{...l,disabled:r}),p&&m(p,"left")]}),$("p",{className:C,children:i})]})}const E=b(g);export{E as default};
+//# sourceMappingURL=index.js.map

package/dist/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/fields/Textarea/Textarea.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type MouseEvent,\n  type ReactElement,\n  type CSSProperties,\n  type TextareaHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core';\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\n\nimport '@iziui/styles/components/Textarea.scss';\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  width?: CSSProperties['width'];\n  endIcon?: React.JSX.Element | boolean;\n  startIcon?: React.JSX.Element | boolean;\n}\n\nfunction Textarea({\n  error,\n  label,\n  helperText,\n  endIcon,\n  startIcon,\n  disabled,\n  width = '100%',\n  ...props\n}: TextareaProps) {\n  const containerClss = joinClass(\n    `${prefix}-textarea-container`,\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-textarea-label`,\n    error && `${prefix}-textarea-label--error`,\n  );\n\n  const classes = joinClass(\n    `${prefix}-textarea`,\n    disabled && `${prefix}-textarea--disabled`,\n    error && `${prefix}-textarea--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-textarea__helper-text`,\n    helperText && `${prefix}-textarea__helper-text--visible`,\n    error && `${prefix}-textarea__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' | 'right') => {\n    return cloneElement(icon, {\n      disabled,\n      size: icon.props.size || 30,\n      type: 'button',\n      style: {\n        ...(disabled ? { background: 'transparent' } : {}),\n        ...icon.props.style,\n      },\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-textarea__icon`,\n        `${prefix}-textarea__icon--margin-${direction}`\n      ),\n      onClick: (e: MouseEvent<any, globalThis.MouseEvent>) => {\n        e.stopPropagation();\n        if (icon.props.onClick) { icon.props.onClick(e); };\n      }\n    });\n  };\n\n  return (\n    <div className={containerClss} style={{ width }}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <div className={classes}>\n        {startIcon && renderIcon(startIcon as React.JSX.Element, 'right')}\n        <textarea {...props} disabled={disabled} />\n        {endIcon && renderIcon(endIcon as React.JSX.Element, 'left')}\n      </div>\n      <p className={helperTextClss}>{helperText}</p>\n    </div>\n  );\n}\n\nexport default createComponent(Textarea);\n"],"names":["Textarea","error","label","helperText","endIcon","startIcon","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Textarea_default","createComponent"],"mappings":"+VA0BA,SAASA,EAAS,CAChB,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAgBC,EACpB,GAAGC,CAAM,qBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,kBACTV,GAAS,GAAGU,CAAM,wBAAA,EAGdE,EAAUH,EACd,GAAGC,CAAM,YACTL,GAAY,GAAGK,CAAM,sBACrBV,GAAS,GAAGU,CAAM,mBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EACrB,GAAGC,CAAM,yBACTR,GAAc,GAAGQ,CAAM,kCACvBV,GAAS,GAAGU,CAAM,+BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAaF,EAAM,CACxB,SAAAV,EACA,KAAMU,EAAK,MAAM,MAAQ,GACzB,KAAM,SACN,MAAO,CACL,GAAIV,EAAW,CAAE,WAAY,aAAA,EAAkB,CAAA,EAC/C,GAAGU,EAAK,MAAM,KAAA,EAEhB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,kBACT,GAAGA,CAAM,2BAA2BM,CAAS,EAAA,EAE/C,QAAUE,GAA8C,CACtDA,EAAE,gBAAA,EACEH,EAAK,MAAM,SAAWA,EAAK,MAAM,QAAQG,CAAC,CAChD,CAAA,CACD,EAGH,SACG,MAAA,CAAI,UAAWV,EAAe,MAAO,CAAE,MAAAF,GACrC,SAAA,CAAAL,GAASkB,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAV,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAR,GAAaU,EAAWV,EAAgC,OAAO,EAChEgB,EAAC,WAAA,CAAU,GAAGb,EAAO,SAAAF,CAAA,CAAoB,EACxCF,GAAWW,EAAWX,EAA8B,MAAM,CAAA,EAC7D,EACAiB,EAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAX,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAmB,EAAeC,EAAgBvB,CAAQ"}

package/dist/components/Toast/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),f=require("../../chunks/index-DYxwT4uW.cjs"),h=require("../../chunks/joinClass-Jk3EszKD.cjs"),C=require("../../chunks/createComponent-Bls5N6x8.cjs"),p=require("../../chunks/Alert-BamYo9Fn.cjs"),b=require("../../chunks/useTheme-DsrjDJKC.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/Stack-CF3Wyma9.cjs");require("../../chunks/Typography-cNb2fPDw.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/ButtonIcon-Ccq88QaY.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-BN4Kp4Aq.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function y({id:o,color:i,message:u,icon:c,delay:a=2500,onRemove:l,...e}){const t=n.useRef(null),{theme:{mode:r}}=b.useTheme(),j=h.joinClass(`${f.prefix}-toast`,e.className);n.useEffect(()=>(T(),q),[]);const m=()=>{o&&l(o)},T=()=>{t.current=setTimeout(()=>{m()},a)},q=()=>{t.current&&(clearTimeout(t.current),t.current=null)};return s.jsx(p.Alert,{className:j,icon:c,sx:{backgroundColor:({text:d})=>d.primary,color:d=>d[i][r]},onClose:m,onMouseEnter:q,onMouseLeave:T,children:u})}const x=C.createComponent(y),v=n.createContext({toasts:[],add:()=>{}});function M({children:o}){const[i,u]=n.useState([]),c=n.useMemo(()=>({toasts:i,add:e=>{a(e)}}),[i]),a=e=>{u(t=>[...t,{id:R.uuid(),visible:!0,...e}])},l=e=>{u(t=>t.map(r=>(r.id===e&&(r.visible=!1),r))),setTimeout(()=>{u(t=>t.filter(r=>r.id!==e))},500)};return s.jsxs(v.Provider,{value:c,children:[s.jsx("div",{className:`${f.prefix}-toast-container`,children:i.map(({...e})=>s.jsx("div",{style:{marginBottom:15},children:s.jsx(g.Zoom,{enter:!!e.visible,children:s.jsx(x,{...e,onRemove:l})})},e.id))}),o]})}function P(){const{add:o}=n.useContext(v);return{addToast:o}}exports.Toast=x;exports.ToastProvider=M;exports.useToast=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),f=require("../../chunks/index-DYxwT4uW.cjs"),h=require("../../chunks/joinClass-Jk3EszKD.cjs"),C=require("../../chunks/createComponent-cs9AuqoJ.cjs"),p=require("../../chunks/useTheme-DZmXQ5qV.cjs"),b=require("../../chunks/Alert-C1OQ_kCA.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Stack-KD0LOLkS.cjs");require("../../chunks/Typography-BMBXbiC1.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/ButtonIcon-CQrH17s6.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-DK9kFkJZ.cjs");function y({id:o,color:i,message:u,icon:c,delay:a=2500,onRemove:l,...e}){const t=n.useRef(null),{theme:{mode:r}}=p.useTheme(),j=h.joinClass(`${f.prefix}-toast`,e.className);n.useEffect(()=>(T(),q),[]);const m=()=>{o&&l(o)},T=()=>{t.current=setTimeout(()=>{m()},a)},q=()=>{t.current&&(clearTimeout(t.current),t.current=null)};return s.jsx(b.Alert,{className:j,icon:c,sx:{backgroundColor:({text:d})=>d.primary,color:d=>d[i][r]},onClose:m,onMouseEnter:q,onMouseLeave:T,children:u})}const x=C.createComponent(y),v=n.createContext({toasts:[],add:()=>{}});function M({children:o}){const[i,u]=n.useState([]),c=n.useMemo(()=>({toasts:i,add:e=>{a(e)}}),[i]),a=e=>{u(t=>[...t,{id:R.uuid(),visible:!0,...e}])},l=e=>{u(t=>t.map(r=>(r.id===e&&(r.visible=!1),r))),setTimeout(()=>{u(t=>t.filter(r=>r.id!==e))},500)};return s.jsxs(v.Provider,{value:c,children:[s.jsx("div",{className:`${f.prefix}-toast-container`,children:i.map(({...e})=>s.jsx("div",{style:{marginBottom:15},children:s.jsx(g.Zoom,{enter:!!e.visible,children:s.jsx(x,{...e,onRemove:l})})},e.id))}),o]})}function P(){const{add:o}=n.useContext(v);return{addToast:o}}exports.Toast=x;exports.ToastProvider=M;exports.useToast=P;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as x}from"react/jsx-runtime";import{useRef as h,useEffect as C,useState as b,useMemo as j,createContext as R,useContext as M}from"react";import{p as f}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-BmdhWozT.js";import{A as g}from"../../chunks/Alert-D9ZINnNc.js";import{u as y}from"../../chunks/useTheme-BYuNiCiH.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/Stack-CHR_pZC4.js";import"../../chunks/Typography-BeCR9fky.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/ButtonIcon-DMetcfYt.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-DTU52KQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function E({id:r,color:s,message:n,icon:m,delay:a=2500,onRemove:c,...t}){const o=h(null),{theme:{mode:e}}=y(),v=N(`${f}-toast`,t.className);C(()=>(d(),p),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},a)},p=()=>{o.current&&(clearTimeout(o.current),o.current=null)};return i(g,{className:v,icon:m,sx:{backgroundColor:({text:u})=>u.primary,color:u=>u[s][e]},onClose:l,onMouseEnter:p,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function U({children:r}){const[s,n]=b([]),m=j(()=>({toasts:s,add:t=>{a(t)}}),[s]),a=t=>{n(o=>[...o,{id:A(),visible:!0,...t}])},c=t=>{n(o=>o.map(e=>(e.id===t&&(e.visible=!1),e))),setTimeout(()=>{n(o=>o.filter(e=>e.id!==t))},500)};return x(T.Provider,{value:m,children:[i("div",{className:`${f}-toast-container`,children:s.map(({...t})=>i("div",{style:{marginBottom:15},children:i(B,{enter:!!t.visible,children:i(P,{...t,onRemove:c})})},t.id))}),r]})}function V(){const{add:r}=M(T);return{addToast:r}}export{P as Toast,U as ToastProvider,V as useToast};
+import{jsx as i,jsxs as x}from"react/jsx-runtime";import{useRef as h,useEffect as C,useState as b,useMemo as j,createContext as R,useContext as M}from"react";import{p as f}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-BvE_8glE.js";import{u as g}from"../../chunks/useTheme-Bxa1LbQE.js";import{A as y}from"../../chunks/Alert-2lPmGif4.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Stack-DnCw2pFA.js";import"../../chunks/Typography-BFtQbh5C.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/ButtonIcon-DuOL6WWW.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-DHtgHg6D.js";function E({id:r,color:s,message:n,icon:m,delay:a=2500,onRemove:c,...t}){const o=h(null),{theme:{mode:e}}=g(),v=N(`${f}-toast`,t.className);C(()=>(d(),p),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},a)},p=()=>{o.current&&(clearTimeout(o.current),o.current=null)};return i(y,{className:v,icon:m,sx:{backgroundColor:({text:u})=>u.primary,color:u=>u[s][e]},onClose:l,onMouseEnter:p,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function U({children:r}){const[s,n]=b([]),m=j(()=>({toasts:s,add:t=>{a(t)}}),[s]),a=t=>{n(o=>[...o,{id:A(),visible:!0,...t}])},c=t=>{n(o=>o.map(e=>(e.id===t&&(e.visible=!1),e))),setTimeout(()=>{n(o=>o.filter(e=>e.id!==t))},500)};return x(T.Provider,{value:m,children:[i("div",{className:`${f}-toast-container`,children:s.map(({...t})=>i("div",{style:{marginBottom:15},children:i(B,{enter:!!t.visible,children:i(P,{...t,onRemove:c})})},t.id))}),r]})}function V(){const{add:r}=M(T);return{addToast:r}}export{P as Toast,U as ToastProvider,V as useToast};
 //# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),t=require("react"),v=require("../../chunks/index-DYxwT4uW.cjs"),S=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/createComponent-Bls5N6x8.cjs"),A=require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function H({children:x,label:b,width:g="max-content",direction:l="bottom",...d}){const{theme:{spacing:n}}=A.useTheme(),[r,h]=t.useState(!1),[j,i]=t.useState(!1),[y,T]=t.useState(null),c=t.useRef(null),a=t.useRef(null),e=t.useRef(null);t.useLayoutEffect(()=>{if(!r||!c.current||!a.current)return;const{offsetHeight:o,offsetWidth:f}=c.current,{offsetHeight:m,offsetWidth:p}=a.current;let s,u;l==="top"?(s=-(m+n),u=-(p-f)/2):l==="bottom"?(s=o+n,u=-(p-f)/2):l==="right"?(s=(o-m)/2,u=f+n):(s=(o-m)/2,u=-(p+n)),T({top:s,left:u})},[r,l,n]),t.useEffect(()=>{if(!r)return;const o=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(o)},[r]),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}h(!0)},C=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{h(!1),T(null),e.current=null},300)},E=S.joinClass(`${v.prefix}-tooltip`,j&&`${v.prefix}-tooltip--visible`);return q.jsxs("div",{ref:c,...d,style:{position:"relative",...d.style},onMouseEnter:R,onMouseLeave:C,children:[x,q.jsx("span",{ref:a,className:E,style:{...y,width:g,display:r?"block":"none"},children:b})]})}const L=M.createComponent(H);exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),t=require("react"),v=require("../../chunks/index-DYxwT4uW.cjs"),S=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/createComponent-cs9AuqoJ.cjs"),A=require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function H({children:x,label:b,width:g="max-content",direction:l="bottom",...d}){const{theme:{spacing:n}}=A.useTheme(),[r,h]=t.useState(!1),[j,i]=t.useState(!1),[y,T]=t.useState(null),c=t.useRef(null),a=t.useRef(null),e=t.useRef(null);t.useLayoutEffect(()=>{if(!r||!c.current||!a.current)return;const{offsetHeight:o,offsetWidth:f}=c.current,{offsetHeight:m,offsetWidth:p}=a.current;let s,u;l==="top"?(s=-(m+n),u=-(p-f)/2):l==="bottom"?(s=o+n,u=-(p-f)/2):l==="right"?(s=(o-m)/2,u=f+n):(s=(o-m)/2,u=-(p+n)),T({top:s,left:u})},[r,l,n]),t.useEffect(()=>{if(!r)return;const o=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(o)},[r]),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}h(!0)},C=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{h(!1),T(null),e.current=null},300)},E=S.joinClass(`${v.prefix}-tooltip`,j&&`${v.prefix}-tooltip--visible`);return q.jsxs("div",{ref:c,...d,style:{position:"relative",...d.style},onMouseEnter:R,onMouseLeave:C,children:[x,q.jsx("span",{ref:a,className:E,style:{...y,width:g,display:r?"block":"none"},children:b})]})}const L=M.createComponent(H);exports.default=L;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-import{jsxs as R,jsx as W}from"react/jsx-runtime";import{useState as p,useRef as h,useLayoutEffect as F,useEffect as x}from"react";import{p as y}from"../../chunks/index-CZ41y9Hn.js";import{j as M}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-BmdhWozT.js";import{u as k}from"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function q({children:b,label:g,width:j="max-content",direction:l="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[E,i]=p(!1),[A,v]=p(null),u=h(null),c=h(null),e=h(null);F(()=>{if(!o||!u.current||!c.current)return;const{offsetHeight:r,offsetWidth:a}=u.current,{offsetHeight:f,offsetWidth:m}=c.current;let n,s;l==="top"?(n=-(f+t),s=-(m-a)/2):l==="bottom"?(n=r+t,s=-(m-a)/2):l==="right"?(n=(r-f)/2,s=a+t):(n=(r-f)/2,s=-(m+t)),v({top:n,left:s})},[o,l,t]),x(()=>{if(!o)return;const r=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(r)},[o]),x(()=>()=>{e.current&&clearTimeout(e.current)},[]);const C=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}T(!0)},H=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{T(!1),v(null),e.current=null},300)},L=M(`${y}-tooltip`,E&&`${y}-tooltip--visible`);return R("div",{ref:u,...d,style:{position:"relative",...d.style},onMouseEnter:C,onMouseLeave:H,children:[b,W("span",{ref:c,className:L,style:{...A,width:j,display:o?"block":"none"},children:g})]})}const D=$(q);export{D as default};
+import{jsxs as R,jsx as W}from"react/jsx-runtime";import{useState as p,useRef as h,useLayoutEffect as F,useEffect as x}from"react";import{p as y}from"../../chunks/index-CZ41y9Hn.js";import{j as M}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-BvE_8glE.js";import{u as k}from"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function q({children:b,label:g,width:j="max-content",direction:l="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[E,i]=p(!1),[A,v]=p(null),u=h(null),c=h(null),e=h(null);F(()=>{if(!o||!u.current||!c.current)return;const{offsetHeight:r,offsetWidth:a}=u.current,{offsetHeight:f,offsetWidth:m}=c.current;let n,s;l==="top"?(n=-(f+t),s=-(m-a)/2):l==="bottom"?(n=r+t,s=-(m-a)/2):l==="right"?(n=(r-f)/2,s=a+t):(n=(r-f)/2,s=-(m+t)),v({top:n,left:s})},[o,l,t]),x(()=>{if(!o)return;const r=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(r)},[o]),x(()=>()=>{e.current&&clearTimeout(e.current)},[]);const C=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}T(!0)},H=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{T(!1),v(null),e.current=null},300)},L=M(`${y}-tooltip`,E&&`${y}-tooltip--visible`);return R("div",{ref:u,...d,style:{position:"relative",...d.style},onMouseEnter:C,onMouseLeave:H,children:[b,W("span",{ref:c,className:L,style:{...A,width:j,display:o?"block":"none"},children:g})]})}const D=$(q);export{D as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Typography/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-cNb2fPDw.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/createComponent-Bls5N6x8.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Typography;exports.variants=e.variants;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-BMBXbiC1.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/createComponent-cs9AuqoJ.cjs");exports.default=e.Typography;exports.variants=e.variants;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Typography/index.js

@@ -1,2 +1,2 @@
-import{T as v,v as d}from"../../chunks/Typography-BeCR9fky.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/createComponent-BmdhWozT.js";import"../../chunks/useTheme-BYuNiCiH.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{v as default,d as variants};
+import{T as v,v as d}from"../../chunks/Typography-BFtQbh5C.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/createComponent-BvE_8glE.js";export{v as default,d as variants};
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-CD-_L271.cjs"),d=require("./chunks/Fade-DfxUFkY4.cjs"),n=require("./chunks/Option-COyiqmg0.cjs"),l=require("./chunks/Slide-D4aLHjYS.cjs"),u=require("./chunks/useTabs-DXjPVKGl.cjs"),o=require("./chunks/TableHeader-D0wXM5mO.cjs"),t=require("./chunks/useTheme-DsrjDJKC.cjs"),q=require("./chunks/Zoom-BOnqwiDY.cjs"),r=require("./chunks/DrawerContent-BkSL16Os.cjs"),c=require("./chunks/useListenerResized-AwpsZLcP.cjs"),a=require("./chunks/useMenu-BfWmrq4L.cjs"),T=require("./chunks/useResize-Dnf6Ktrn.cjs"),m=require("./chunks/Card-Bqgukgip.cjs"),C=require("./chunks/CardContent-DPL-tBOS.cjs"),s=require("./chunks/GridItem-wwo-SHGR.cjs"),b=require("./chunks/MenuButton-Dpbow8YC.cjs"),F=require("./chunks/Typography-cNb2fPDw.cjs");require("react/jsx-runtime");require("react");require("./chunks/wait-CgS79FV1.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/Icon-BN4Kp4Aq.cjs");require("./chunks/createComponent-Bls5N6x8.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/Stack-CF3Wyma9.cjs");require("./chunks/ButtonIcon-Ccq88QaY.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/convertPathToColor-D8eBpd_D.cjs");exports.Bounce=i.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.FormControl=e.FormControl;exports.FormGroup=e.FormGroup;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=d.Fade;exports.Option=n.Option;exports.Select=n.Select_default;exports.Slide=l.Slide;exports.TabButton=u.TabButton;exports.TabContent=u.TabContent;exports.Tabs=u.Tabs_default;exports.useTabs=u.useTabs;exports.Table=o.Table_default;exports.TableBody=o.TableBody;exports.TableCell=o.TableCell_default;exports.TableHeader=o.TableHeader;exports.ThemeProvider=t.ThemeProvider;exports.createTheme=t.createTheme;exports.useTheme=t.useTheme;exports.Zoom=q.Zoom;exports.Drawer=r.Drawer_default;exports.DrawerContent=r.DrawerContent_default;exports.DrawerFooter=r.DrawerFooter_default;exports.DrawerHeader=r.DrawerHeader_default;exports.useDrawer=r.useDrawer;exports.useListenerResized=c.useListenerResized;exports.Menu=a.Menu;exports.useMenu=a.useMenu;exports.useResize=T.useResize;exports.Card=m.Card;exports.CardContent=C.CardContent;exports.Grid=s.Grid;exports.GridItem=s.GridItem;exports.MenuButton=b.MenuButton_default;exports.variants=F.variants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const t=require("./chunks/useTheme-DZmXQ5qV.cjs"),s=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-CD-_L271.cjs"),i=require("./chunks/Fade-DfxUFkY4.cjs"),d=require("./chunks/Option-BrwvLgKT.cjs"),l=require("./chunks/Slide-D4aLHjYS.cjs"),u=require("./chunks/useTabs-D1LpVrab.cjs"),o=require("./chunks/TableHeader-hddlVfv3.cjs"),q=require("./chunks/Zoom-BOnqwiDY.cjs"),r=require("./chunks/DrawerContent-wjJUFV6j.cjs"),c=require("./chunks/useListenerResized-AwpsZLcP.cjs"),n=require("./chunks/useMenu-i5MYMNcY.cjs"),T=require("./chunks/useResize-Dnf6Ktrn.cjs"),m=require("./chunks/Card-KRiSWAFI.cjs"),C=require("./chunks/CardContent-iH_wskpH.cjs"),a=require("./chunks/GridItem-wwo-SHGR.cjs"),b=require("./chunks/MenuButton-qyHJwXtF.cjs"),F=require("./chunks/Select-CXDit8M-.cjs"),w=require("./chunks/Typography-BMBXbiC1.cjs");require("react");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/wait-CgS79FV1.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-cs9AuqoJ.cjs");require("./chunks/Stack-KD0LOLkS.cjs");require("./chunks/ButtonIcon-CQrH17s6.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Icon-DK9kFkJZ.cjs");require("./chunks/convertPathToColor-D8eBpd_D.cjs");exports.ThemeProvider=t.ThemeProvider;exports.createTheme=t.createTheme;exports.useTheme=t.useTheme;exports.Bounce=s.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.FormControl=e.FormControl;exports.FormGroup=e.FormGroup;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=i.Fade;exports.Option=d.Option;exports.Slide=l.Slide;exports.TabButton=u.TabButton;exports.TabContent=u.TabContent;exports.Tabs=u.Tabs_default;exports.useTabs=u.useTabs;exports.Table=o.Table_default;exports.TableBody=o.TableBody;exports.TableCell=o.TableCell_default;exports.TableHeader=o.TableHeader;exports.Zoom=q.Zoom;exports.Drawer=r.Drawer_default;exports.DrawerContent=r.DrawerContent_default;exports.DrawerFooter=r.DrawerFooter_default;exports.DrawerHeader=r.DrawerHeader_default;exports.useDrawer=r.useDrawer;exports.useListenerResized=c.useListenerResized;exports.Menu=n.Menu;exports.useMenu=n.useMenu;exports.useResize=T.useResize;exports.Card=m.Card;exports.CardContent=C.CardContent;exports.Grid=a.Grid;exports.GridItem=a.GridItem;exports.MenuButton=b.MenuButton_default;exports.Select=F.Select_default;exports.variants=w.variants;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import{B as d}from"./chunks/Bounce-DP0PU3kr.js";import{C as l,F,a as c,b as D,u as w,c as B,d as G}from"./chunks/useForm-CRRXYOep.js";import{F as S}from"./chunks/Fade-CWDTkVB8.js";import{O as v,S as z}from"./chunks/Option-CzDngSSk.js";import{S as O}from"./chunks/Slide-BxEwoZ70.js";import{T as Z,a as y,b as I,u as L}from"./chunks/useTabs-C10MlXVP.js";import{T as g,a as j,b as k,c as q}from"./chunks/TableHeader-CrbbJXyv.js";import{T as E,c as J,u as K}from"./chunks/useTheme-BYuNiCiH.js";import{Z as Q}from"./chunks/Zoom-DqgU4Wfv.js";import{D as V,a as W,b as X,c as Y,u as _}from"./chunks/DrawerContent-D8NDBDBf.js";import{u as rr}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as er,u as ar}from"./chunks/useMenu-B49hOh6R.js";import{u as tr}from"./chunks/useResize-BUftB918.js";import{C as pr}from"./chunks/Card-C2mSdoXV.js";import{C as ir}from"./chunks/CardContent-CViecz1a.js";import{G as nr,a as xr}from"./chunks/GridItem-CaoPZmBu.js";import{M as br}from"./chunks/MenuButton-31ZFG3JW.js";import{v as Cr}from"./chunks/Typography-BeCR9fky.js";import"react/jsx-runtime";import"react";import"./chunks/wait-BSgGzoPk.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/Icon-DTU52KQE.js";import"./chunks/createComponent-BmdhWozT.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/Stack-CHR_pZC4.js";import"./chunks/ButtonIcon-DMetcfYt.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";export{d as Bounce,pr as Card,ir as CardContent,l as Control,V as Drawer,W as DrawerContent,X as DrawerFooter,Y as DrawerHeader,S as Fade,F as Form,c as FormControl,D as FormGroup,nr as Grid,xr as GridItem,er as Menu,br as MenuButton,v as Option,z as Select,O as Slide,Z as TabButton,y as TabContent,g as Table,j as TableBody,k as TableCell,q as TableHeader,I as Tabs,E as ThemeProvider,Q as Zoom,J as createTheme,w as useControl,_ as useDrawer,B as useForm,G as useFormGroup,rr as useListenerResized,ar as useMenu,tr as useResize,L as useTabs,K as useTheme,Cr as variants};
+import"react/jsx-runtime";import{T as d,c as C,u as l}from"./chunks/useTheme-Bxa1LbQE.js";import{B as c}from"./chunks/Bounce-DP0PU3kr.js";import{C as w,F as B,a as G,b as M,u as S,c as h,d as v}from"./chunks/useForm-CRRXYOep.js";import{F as H}from"./chunks/Fade-CWDTkVB8.js";import{O as R}from"./chunks/Option-BU_FWsap.js";import{S as y}from"./chunks/Slide-BxEwoZ70.js";import{T as L,a as P,b as g,u as j}from"./chunks/useTabs-BOKC1kGI.js";import{T as q,a as A,b as E,c as J}from"./chunks/TableHeader-Crwdqye1.js";import{Z as N}from"./chunks/Zoom-DqgU4Wfv.js";import{D as U,a as V,b as W,c as X,u as Y}from"./chunks/DrawerContent-kQFoLzOg.js";import{u as $}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as or,u as er}from"./chunks/useMenu-BLhAh_V2.js";import{u as sr}from"./chunks/useResize-BUftB918.js";import{C as mr}from"./chunks/Card-CigqRMT2.js";import{C as ur}from"./chunks/CardContent-fPZactJG.js";import{G as fr,a as xr}from"./chunks/GridItem-CaoPZmBu.js";import{M as Tr}from"./chunks/MenuButton-CQakN75R.js";import{S as dr}from"./chunks/Select-CQPxeEfV.js";import{v as lr}from"./chunks/Typography-BFtQbh5C.js";import"react";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/wait-BSgGzoPk.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-BvE_8glE.js";import"./chunks/Stack-DnCw2pFA.js";import"./chunks/ButtonIcon-DuOL6WWW.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Icon-DHtgHg6D.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";export{c as Bounce,mr as Card,ur as CardContent,w as Control,U as Drawer,V as DrawerContent,W as DrawerFooter,X as DrawerHeader,H as Fade,B as Form,G as FormControl,M as FormGroup,fr as Grid,xr as GridItem,or as Menu,Tr as MenuButton,R as Option,dr as Select,y as Slide,L as TabButton,P as TabContent,q as Table,A as TableBody,E as TableCell,J as TableHeader,g as Tabs,d as ThemeProvider,N as Zoom,C as createTheme,S as useControl,Y as useDrawer,h as useForm,v as useFormGroup,$ as useListenerResized,er as useMenu,sr as useResize,j as useTabs,l as useTheme,lr as variants};
 //# sourceMappingURL=index.js.map

package/dist/style.css

@@ -14,17 +14,23 @@
 /* assets/index-tbLNWUoG.css */
 .iziui-skeleton{position:relative;overflow:hidden;background-color:var(--divider)}.iziui-skeleton--rounded{border-radius:var(--radius)}.iziui-skeleton--circular{border-radius:50%}.iziui-skeleton:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:2s linear .5s infinite normal none running shimmer;content:""}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}
 /*$vite$:1*/
-/* assets/Alert-De-ql8WM.css */
-.iziui-alert{min-height:48px;width:max-content;border-radius:var(--radius)}.iziui-alert--primary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--primary-opacity)}.iziui-alert--secondary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--secondary-opacity)}.iziui-alert--info{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--info-opacity)}.iziui-alert--error{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--error-opacity)}.iziui-alert--warning{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--warning-opacity)}.iziui-alert--success{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--success-opacity)}.iziui-alert--grey{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--grey-opacity)}.iziui-alert--light.iziui-alert--primary{color:var(--primary-dark)}.iziui-alert--light.iziui-alert--secondary{color:var(--secondary-dark)}.iziui-alert--light.iziui-alert--info{color:var(--info-dark)}.iziui-alert--light.iziui-alert--error{color:var(--error-dark)}.iziui-alert--light.iziui-alert--warning{color:var(--warning-dark)}.iziui-alert--light.iziui-alert--success{color:var(--success-dark)}.iziui-alert--light.iziui-alert--grey{color:var(--grey-dark)}.iziui-alert--dark.iziui-alert--primary{color:var(--primary-light)}.iziui-alert--dark.iziui-alert--secondary{color:var(--secondary-light)}.iziui-alert--dark.iziui-alert--info{color:var(--info-light)}.iziui-alert--dark.iziui-alert--error{color:var(--error-light)}.iziui-alert--dark.iziui-alert--warning{color:var(--warning-light)}.iziui-alert--dark.iziui-alert--success{color:var(--success-light)}.iziui-alert--dark.iziui-alert--grey{color:var(--grey-light)}.iziui-alert__content{padding:8px 16px}.iziui-alert__button{margin-right:16px}
+/* assets/Alert-BE7FjeBB.css */
+.iziui-alert{min-height:48px;width:max-content;border-radius:var(--radius)}.iziui-alert--primary{overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--primary-opacity)}.iziui-alert--secondary{overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--secondary-opacity)}.iziui-alert--info{overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--info-opacity)}.iziui-alert--error{overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--error-opacity)}.iziui-alert--warning{overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--warning-opacity)}.iziui-alert--success{overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--success-opacity)}.iziui-alert--grey{overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--grey-opacity)}.iziui-alert--light.iziui-alert--primary{color:var(--primary-dark)}.iziui-alert--light.iziui-alert--secondary{color:var(--secondary-dark)}.iziui-alert--light.iziui-alert--info{color:var(--info-dark)}.iziui-alert--light.iziui-alert--error{color:var(--error-dark)}.iziui-alert--light.iziui-alert--warning{color:var(--warning-dark)}.iziui-alert--light.iziui-alert--success{color:var(--success-dark)}.iziui-alert--light.iziui-alert--grey{color:var(--grey-dark)}.iziui-alert--dark.iziui-alert--primary{color:var(--primary-light)}.iziui-alert--dark.iziui-alert--secondary{color:var(--secondary-light)}.iziui-alert--dark.iziui-alert--info{color:var(--info-light)}.iziui-alert--dark.iziui-alert--error{color:var(--error-light)}.iziui-alert--dark.iziui-alert--warning{color:var(--warning-light)}.iziui-alert--dark.iziui-alert--success{color:var(--success-light)}.iziui-alert--dark.iziui-alert--grey{color:var(--grey-light)}.iziui-alert__content{padding:8px 16px}.iziui-alert__button{margin-right:16px}
+/*$vite$:1*/
+/* assets/index-DKgIrhpo.css */
+.iziui-textarea{cursor:text;border-radius:var(--radius);border:1px solid var(--divider);position:relative;background-color:var(--background-paper);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:flex-start}.iziui-textarea:focus-within{outline:2px solid var(--primary)}.iziui-textarea--error{border-color:var(--error)}.iziui-textarea--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-textarea textarea{background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-textarea textarea:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-textarea textarea::placeholder{color:var(--text-secondary);opacity:1}.iziui-textarea textarea:disabled{cursor:not-allowed}.iziui-textarea-container{width:100%;position:relative}.iziui-textarea-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-textarea-label--error{color:var(--error)}.iziui-textarea__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-textarea__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-textarea__helper-text--error{color:var(--error)}.iziui-textarea__icon{margin-top:10px;color:var(--text-secondary)}.iziui-textarea__icon--margin-left{margin-right:8px;margin-left:-8px}.iziui-textarea__icon--margin-right{margin-right:-8px;margin-left:8px}.iziui-textarea__icon--padding-left{padding-right:8px;padding-left:-8px}.iziui-textarea__icon--padding-right{padding-right:-8px;padding-left:8px}
 /*$vite$:1*/
 /* assets/index-O2dE8-hT.css */
 .iziui-switch{position:relative;padding:3px}.iziui-switch__label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-switch__label--error{color:var(--error)}.iziui-switch__checkbox{height:0;width:0;visibility:hidden;position:absolute}.iziui-switch__checkbox:active+.iziui-switch__box .iziui-switch__button{width:36px}.iziui-switch__checkbox:checked+.iziui-switch__box .iziui-switch__button{left:100%;transform:translate(calc(-100% + 2px),-50%)}.iziui-switch__checkbox--primary:checked+.iziui-switch__box{background-color:var(--primary)}.iziui-switch__checkbox--secondary:checked+.iziui-switch__box{background-color:var(--secondary)}.iziui-switch__checkbox--info:checked+.iziui-switch__box{background-color:var(--info)}.iziui-switch__checkbox--error:checked+.iziui-switch__box{background-color:var(--error)}.iziui-switch__checkbox--warning:checked+.iziui-switch__box{background-color:var(--warning)}.iziui-switch__checkbox--success:checked+.iziui-switch__box{background-color:var(--success)}.iziui-switch__checkbox--grey:checked+.iziui-switch__box{background-color:var(--grey)}.iziui-switch__box{display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;cursor:pointer;width:58px;height:24px;background:var(--divider);border-radius:100px;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.iziui-switch__button{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-2px;width:28px;height:28px;border-radius:45px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.iziui-switch__helper-text{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-switch__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-switch__helper-text--error{color:var(--error)}
 /*$vite$:1*/
+/* assets/Select-BPR6dVtw.css */
+.iziui-select{position:relative;padding:0;width:100%;border:none;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.iziui-select:focus-within{outline:2px solid var(--primary)}.iziui-select--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-select--error{border-color:var(--error)}.iziui-select input{cursor:pointer;background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-select input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-select input::placeholder{color:var(--text-secondary);opacity:1}.iziui-select input:disabled{cursor:not-allowed;color:var(--text-disabled)}.iziui-select-container{width:100%;position:relative}.iziui-select-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-select-label--error{color:var(--error)}.iziui-select__icon--left{margin-left:10.8px;margin-right:-5px}.iziui-select__icon--right{margin-right:10.8px}.iziui-select__icon--disabled{background:var(--text-disabled)}.iziui-select__option{font-size:16px;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;border:none;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:flex-start;background-color:transparent}.iziui-select__option--selected{background-color:var(--primary-opacity)}.iziui-select__option--disabled{cursor:not-allowed;background-color:var(--divider)!important;color:var(--text-disabled)!important}.iziui-select__option--primary{color:var(--primary)}.iziui-select__option--primary:hover{background-color:var(--primary-opacity)}.iziui-select__option--secondary{color:var(--secondary)}.iziui-select__option--secondary:hover{background-color:var(--secondary-opacity)}.iziui-select__option--info{color:var(--info)}.iziui-select__option--info:hover{background-color:var(--info-opacity)}.iziui-select__option--error{color:var(--error)}.iziui-select__option--error:hover{background-color:var(--error-opacity)}.iziui-select__option--warning{color:var(--warning)}.iziui-select__option--warning:hover{background-color:var(--warning-opacity)}.iziui-select__option--success{color:var(--success)}.iziui-select__option--success:hover{background-color:var(--success-opacity)}.iziui-select__option--grey{color:var(--grey)}.iziui-select__option--grey:hover{background-color:var(--grey-opacity)}.iziui-select__option__icon{margin-right:10px}.iziui-select__helper-text{opacity:0;margin:6px 0 0;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-select__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-select__helper-text--error{color:var(--error)}
+/*$vite$:1*/
 /* assets/index-ZcCW3wVX.css */
 .iziui-input-file{position:relative;width:100%;height:180px;border:3px dashed var(--divider);border-radius:var(--radius);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.iziui-input-file--dragging{background-color:var(--primary-opacity);border:3px dashed var(--primary)}.iziui-input-file--success{border:3px dashed var(--success)}.iziui-input-file--error{border:3px dashed var(--error)}.iziui-input-file input{opacity:0;width:100%;height:100%;cursor:pointer;position:absolute}
 /*$vite$:1*/
-/* assets/index-DYPt7lEw.css */
-.iziui-input-container{width:100%;position:relative}.iziui-input-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-input-label--error{color:var(--error)}.iziui-input{cursor:text;border-radius:var(--radius);border:1px solid var(--divider);position:relative;background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center}.iziui-input:focus-within{outline:2px solid var(--primary)}.iziui-input--error{border-color:var(--error)}.iziui-input--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-input input{background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-input input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-input input::placeholder{color:var(--);opacity:1}.iziui-input input:disabled{cursor:not-allowed}.iziui-input__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-input__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-input__helper-text--error{color:var(--error)}.iziui-input__icon{color:var(--text-secondary)}.iziui-input__icon--margin-left{margin-right:8px;margin-left:-8px}.iziui-input__icon--margin-right{margin-right:-8px;margin-left:8px}.iziui-input__icon--padding-left{padding-right:8px;padding-left:-8px}.iziui-input__icon--padding-right{padding-right:-8px;padding-left:8px}
+/* assets/index-Bny9baby.css */
+.iziui-input-container{width:100%;position:relative}.iziui-input-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-input-label--error{color:var(--error)}.iziui-input{cursor:text;border-radius:var(--radius);border:1px solid var(--divider);position:relative;background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center}.iziui-input:focus-within{outline:2px solid var(--primary)}.iziui-input--error{border-color:var(--error)}.iziui-input--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-input input{background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-input input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-input input::placeholder{color:var(--text-secondary);opacity:1}.iziui-input input:disabled{cursor:not-allowed}.iziui-input__helper-text{opacity:0;margin:6px 0 0;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-input__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-input__helper-text--error{color:var(--error)}.iziui-input__icon{color:var(--text-secondary)}.iziui-input__icon--margin-left{margin-right:8px;margin-left:-8px}.iziui-input__icon--margin-right{margin-right:-8px;margin-left:8px}.iziui-input__icon--padding-left{padding-right:8px;padding-left:-8px}.iziui-input__icon--padding-right{padding-right:-8px;padding-left:8px}
 /*$vite$:1*/
 /* assets/index-BuyOiNeP.css */
 .iziui-checkbox-group .iziui-checkbox--primary--checked,.iziui-checkbox-group .iziui-checkbox--primary:hover{background-color:var(--primary-opacity)}.iziui-checkbox-group .iziui-checkbox--primary:active{background-color:var(--primary-light)}.iziui-checkbox-group .iziui-checkbox--secondary--checked,.iziui-checkbox-group .iziui-checkbox--secondary:hover{background-color:var(--secondary-opacity)}.iziui-checkbox-group .iziui-checkbox--secondary:active{background-color:var(--secondary-light)}.iziui-checkbox-group .iziui-checkbox--info--checked,.iziui-checkbox-group .iziui-checkbox--info:hover{background-color:var(--info-opacity)}.iziui-checkbox-group .iziui-checkbox--info:active{background-color:var(--info-light)}.iziui-checkbox-group .iziui-checkbox--error--checked,.iziui-checkbox-group .iziui-checkbox--error:hover{background-color:var(--error-opacity)}.iziui-checkbox-group .iziui-checkbox--error:active{background-color:var(--error-light)}.iziui-checkbox-group .iziui-checkbox--warning--checked,.iziui-checkbox-group .iziui-checkbox--warning:hover{background-color:var(--warning-opacity)}.iziui-checkbox-group .iziui-checkbox--warning:active{background-color:var(--warning-light)}.iziui-checkbox-group .iziui-checkbox--success--checked,.iziui-checkbox-group .iziui-checkbox--success:hover{background-color:var(--success-opacity)}.iziui-checkbox-group .iziui-checkbox--success:active{background-color:var(--success-light)}.iziui-checkbox-group .iziui-checkbox--grey--checked,.iziui-checkbox-group .iziui-checkbox--grey:hover{background-color:var(--grey-opacity)}.iziui-checkbox-group .iziui-checkbox--grey:active{background-color:var(--grey-light)}
@@ -32,8 +38,8 @@
 /* assets/index-dttcdTxl.css */
 .iziui-checkbox{width:100%;padding:10.8px 14.4px;border-radius:var(--radius);color:var(--text-primary);position:relative;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-checkbox--primary input[type=checkbox]{border:2px solid var(--primary)}.iziui-checkbox--primary input[type=checkbox]:checked{background-color:var(--primary)}.iziui-checkbox--primary input[type=checkbox]:before{border:solid var(--primary-opacity);opacity:0}.iziui-checkbox--primary--checked input[type=checkbox]:before{border:solid var(--primary-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--secondary input[type=checkbox]{border:2px solid var(--secondary)}.iziui-checkbox--secondary input[type=checkbox]:checked{background-color:var(--secondary)}.iziui-checkbox--secondary input[type=checkbox]:before{border:solid var(--secondary-opacity);opacity:0}.iziui-checkbox--secondary--checked input[type=checkbox]:before{border:solid var(--secondary-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--info input[type=checkbox]{border:2px solid var(--info)}.iziui-checkbox--info input[type=checkbox]:checked{background-color:var(--info)}.iziui-checkbox--info input[type=checkbox]:before{border:solid var(--info-opacity);opacity:0}.iziui-checkbox--info--checked input[type=checkbox]:before{border:solid var(--info-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--error input[type=checkbox]{border:2px solid var(--error)}.iziui-checkbox--error input[type=checkbox]:checked{background-color:var(--error)}.iziui-checkbox--error input[type=checkbox]:before{border:solid var(--error-opacity);opacity:0}.iziui-checkbox--error--checked input[type=checkbox]:before{border:solid var(--error-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--warning input[type=checkbox]{border:2px solid var(--warning)}.iziui-checkbox--warning input[type=checkbox]:checked{background-color:var(--warning)}.iziui-checkbox--warning input[type=checkbox]:before{border:solid var(--warning-opacity);opacity:0}.iziui-checkbox--warning--checked input[type=checkbox]:before{border:solid var(--warning-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--success input[type=checkbox]{border:2px solid var(--success)}.iziui-checkbox--success input[type=checkbox]:checked{background-color:var(--success)}.iziui-checkbox--success input[type=checkbox]:before{border:solid var(--success-opacity);opacity:0}.iziui-checkbox--success--checked input[type=checkbox]:before{border:solid var(--success-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--grey input[type=checkbox]{border:2px solid var(--grey)}.iziui-checkbox--grey input[type=checkbox]:checked{background-color:var(--grey)}.iziui-checkbox--grey input[type=checkbox]:before{border:solid var(--grey-opacity);opacity:0}.iziui-checkbox--grey--checked input[type=checkbox]:before{border:solid var(--grey-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--disabled{color:var(--text-disabled);cursor:not-allowed;background-color:transparent}.iziui-checkbox--disabled:hover{background-color:transparent}.iziui-checkbox input[type=checkbox]{position:relative;border-radius:var(--radius);background:none;cursor:pointer;line-height:0;margin:0 .6em 0 0;outline:0;padding:0!important;vertical-align:text-top;height:22px;width:22px;-webkit-appearance:none;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.5}.iziui-checkbox input[type=checkbox]:hover{opacity:1}.iziui-checkbox input[type=checkbox]:checked{opacity:1}.iziui-checkbox input[type=checkbox]:before{content:"";position:absolute;right:50%;top:50%;width:4px;height:10px;border-width:0 2px 2px 0;margin:-1px -1px 0;transform:rotate(45deg) translate(-50%,-50%) scale(0);z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-checkbox input[type=checkbox]:disabled{background-color:var(--divider);border:2px solid var(--divider);opacity:1}.iziui-checkbox__helper-text{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px);margin-left:14.4px}.iziui-checkbox__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-checkbox__helper-text--error{color:var(--error)}
 /*$vite$:1*/
-/* assets/index-VGPs5UN3.css */
-.iziui-autocomplete{position:relative;padding:0;width:100%;border:none;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.iziui-autocomplete:focus-within{outline:2px solid var(--primary)}.iziui-autocomplete--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-autocomplete--error{border-color:var(--error)}.iziui-autocomplete input{cursor:pointer;background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-autocomplete input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-autocomplete input::placeholder{color:var(--text-secondary);opacity:1}.iziui-autocomplete input:disabled{cursor:not-allowed;color:var(--text-disabled)}.iziui-autocomplete-container{width:100%;position:relative}.iziui-autocomplete-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-autocomplete-label--error{color:var(--error)}.iziui-autocomplete__reset-button{margin-right:6px}.iziui-autocomplete__icon--left{margin-left:10.8px;margin-right:-5px}.iziui-autocomplete__icon--disabled{background:var(--text-disabled)}.iziui-autocomplete__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-autocomplete__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-autocomplete__helper-text--error{color:var(--error)}
+/* assets/index-D9VQdlkP.css */
+.iziui-autocomplete{position:relative;padding:0;width:100%;border:none;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.iziui-autocomplete:focus-within{outline:2px solid var(--primary)}.iziui-autocomplete--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-autocomplete--error{border-color:var(--error)}.iziui-autocomplete input{cursor:pointer;background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-autocomplete input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-autocomplete input::placeholder{color:var(--text-secondary);opacity:1}.iziui-autocomplete input:disabled{cursor:not-allowed;color:var(--text-disabled)}.iziui-autocomplete-container{width:100%;position:relative}.iziui-autocomplete-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-autocomplete-label--error{color:var(--error)}.iziui-autocomplete__reset-button{margin-right:6px}.iziui-autocomplete__icon{color:var(--text-secondary)}.iziui-autocomplete__icon--left{margin-left:10.8px;margin-right:-5px}.iziui-autocomplete__icon--disabled{background:var(--text-disabled)}.iziui-autocomplete__helper-text{opacity:0;margin:6px 0 0;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-autocomplete__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-autocomplete__helper-text--error{color:var(--error)}
 /*$vite$:1*/
 /* assets/Loading-BeVKXeEI.css */
 .iziui-loading{display:inline-block;animation:circle-rotate 1.4s linear 0s infinite}.iziui-loading__svg{display:block}.iziui-loading__circle{stroke:currentcolor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:circle-animation 1.4s ease-in-out 0s infinite}@keyframes circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
@@ -43,8 +49,14 @@
 /*$vite$:1*/
 /* assets/index-tn0RQdqM.css */
 /*$vite$:1*/
-/* assets/Card-CsjbyRZq.css */
-.iziui-card{position:relative;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.iziui-card--clickable{cursor:pointer}.iziui-card--clickable:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-color:var(--primary-light)}.iziui-card__content{padding:16px;border-radius:var(--radius)}
+/* assets/Card-CoH1HxBi.css */
+.iziui-card{position:relative;color:var(--text-secondary);border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.iziui-card--clickable{cursor:pointer}.iziui-card--clickable:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-color:var(--primary-light)}.iziui-card__content{padding:16px;border-radius:var(--radius)}
+/*$vite$:1*/
+/* assets/Ripple-D71SUpze.css */
+.iziui-ripple-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.iziui-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .8s ease-out;pointer-events:none;background-color:#fff9}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}
+/*$vite$:1*/
+/* assets/Stack-CaqHhBiY.css */
+.iziui-stack{width:100%;display:flex}
 /*$vite$:1*/
 /* assets/ButtonIcon-COrrQJcN.css */
 .iziui-button-icon{position:relative;border-radius:50%;border:none;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:5px;display:flex;justify-content:center;align-items:center}.iziui-button-icon:hover{background-color:var(--divider)}.iziui-button-icon:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button-icon:disabled:hover{background-color:var(--text-disabled)!important}.iziui-button-icon--primary{color:var(--primary)}.iziui-button-icon--primary:hover{background-color:var(--primary-opacity)}.iziui-button-icon--secondary{color:var(--secondary)}.iziui-button-icon--secondary:hover{background-color:var(--secondary-opacity)}.iziui-button-icon--info{color:var(--info)}.iziui-button-icon--info:hover{background-color:var(--info-opacity)}.iziui-button-icon--error{color:var(--error)}.iziui-button-icon--error:hover{background-color:var(--error-opacity)}.iziui-button-icon--warning{color:var(--warning)}.iziui-button-icon--warning:hover{background-color:var(--warning-opacity)}.iziui-button-icon--success{color:var(--success)}.iziui-button-icon--success:hover{background-color:var(--success-opacity)}.iziui-button-icon--grey{color:var(--grey)}.iziui-button-icon--grey:hover{background-color:var(--grey-opacity)}
@@ -52,18 +64,9 @@
 /* assets/Icon-Dw_BtwcS.css */
 .iziui-icon{transition:all .3s cubic-bezier(.4,0,.2,1);color:currentColor}.iziui-icon--primary{color:var(--primary)}.iziui-icon--secondary{color:var(--secondary)}.iziui-icon--info{color:var(--info)}.iziui-icon--error{color:var(--error)}.iziui-icon--warning{color:var(--warning)}.iziui-icon--success{color:var(--success)}.iziui-icon--grey{color:var(--grey)}
 /*$vite$:1*/
-/* assets/Stack-CaqHhBiY.css */
-.iziui-stack{width:100%;display:flex}
-/*$vite$:1*/
-/* assets/Ripple-D71SUpze.css */
-.iziui-ripple-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.iziui-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .8s ease-out;pointer-events:none;background-color:#fff9}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}
-/*$vite$:1*/
 /* assets/index-Bs0qH-ot.css */
 .iziui-avatar{display:flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;line-height:1;overflow:hidden;-webkit-user-select:none;user-select:none;border:1px solid var(--divider);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-avatar--rounded{border-radius:var(--radius)}.iziui-avatar--circular{border-radius:50%}.iziui-avatar--clickable{cursor:pointer}.iziui-avatar--primary{color:var(--primary-contrast);background-color:var(--primary)}.iziui-avatar--secondary{color:var(--secondary-contrast);background-color:var(--secondary)}.iziui-avatar--info{color:var(--info-contrast);background-color:var(--info)}.iziui-avatar--error{color:var(--error-contrast);background-color:var(--error)}.iziui-avatar--warning{color:var(--warning-contrast);background-color:var(--warning)}.iziui-avatar--success{color:var(--success-contrast);background-color:var(--success)}.iziui-avatar--grey{color:var(--grey-contrast);background-color:var(--grey)}.iziui-avatar__icon{color:currentColor!important}
 /*$vite$:1*/
-/* assets/Option-1-YIWqjx.css */
-.iziui-select{position:relative;padding:0;width:100%;border:none;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.iziui-select:focus-within{outline:2px solid var(--primary)}.iziui-select--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-select--error{border-color:var(--error)}.iziui-select input{cursor:pointer;background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-select input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-select input::placeholder{color:var(--text-secondary);opacity:1}.iziui-select input:disabled{cursor:not-allowed;color:var(--text-disabled)}.iziui-select-container{width:100%;position:relative}.iziui-select-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-select-label--error{color:var(--error)}.iziui-select__icon--left{margin-left:10.8px;margin-right:-5px}.iziui-select__icon--right{margin-right:10.8px}.iziui-select__icon--disabled{background:var(--text-disabled)}.iziui-select__option{font-size:16px;cursor:pointer;padding:.5rem 1rem;border:none;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:flex-start;background-color:transparent}.iziui-select__option--selected{background-color:var(--primary-opacity)}.iziui-select__option--disabled{cursor:not-allowed;background-color:var(--divider)!important;color:var(--text-disabled)!important}.iziui-select__option--primary{color:var(--primary)}.iziui-select__option--primary:hover{background-color:var(--primary-opacity)}.iziui-select__option--secondary{color:var(--secondary)}.iziui-select__option--secondary:hover{background-color:var(--secondary-opacity)}.iziui-select__option--info{color:var(--info)}.iziui-select__option--info:hover{background-color:var(--info-opacity)}.iziui-select__option--error{color:var(--error)}.iziui-select__option--error:hover{background-color:var(--error-opacity)}.iziui-select__option--warning{color:var(--warning)}.iziui-select__option--warning:hover{background-color:var(--warning-opacity)}.iziui-select__option--success{color:var(--success)}.iziui-select__option--success:hover{background-color:var(--success-opacity)}.iziui-select__option--grey{color:var(--grey)}.iziui-select__option--grey:hover{background-color:var(--grey-opacity)}.iziui-select__option__icon{margin-right:10px}.iziui-select__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-select__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-select__helper-text--error{color:var(--error)}
-/*$vite$:1*/
 /* assets/index-C3yxI1Ai.css */
 .iziui-color-picker{padding:0;min-width:160px;width:100%;cursor:pointer;overflow:hidden;position:relative;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);display:flex;align-items:center;justify-content:flex-start}.iziui-color-picker:focus-within{outline:2px solid var(--primary)}.iziui-color-picker--error{border-color:var(--error)}.iziui-color-picker-container{width:fit-content}.iziui-color-picker__preview{width:72px;height:48px;background-color:var(--background-default);border:none;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--divider)}.iziui-color-picker__preview div{width:20px;height:20px;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-color-picker__label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-color-picker__label--error{color:var(--error)}.iziui-color-picker__value{width:100%;height:100%;padding-left:16px;color:var(--text-secondary);text-transform:uppercase;display:flex;align-items:center;justify-content:flex-start}.iziui-color-picker__value--error{color:var(--error)}.iziui-color-picker__helper-text{opacity:0;margin-top:5px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px}.iziui-color-picker__helper-text--visible{opacity:1}.iziui-color-picker__helper-text--error{color:var(--error)}.iziui-color-picker__color{width:30px;height:30px;position:relative;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer}.iziui-color-picker__color:hover{box-shadow:0 0 0 2px var(--primary)}.iziui-color-picker__color__icon{transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-color-picker__color__icon--visible{transform:scale(1)}.iziui-color-picker__color input{position:absolute;visibility:hidden}.iziui-color-picker input{height:48px;width:100%;border:none;outline:none;font:inherit;padding-left:16px}
 /*$vite$:1*/

package/dist/theme/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/useTheme-DsrjDJKC.cjs");require("react");require("react/jsx-runtime");require("../chunks/generateSupportColors-CTMoGhDf.cjs");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.useTheme=e.useTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../chunks/useTheme-DZmXQ5qV.cjs");require("react");require("../chunks/generateSupportColors-CTMoGhDf.cjs");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.useTheme=e.useTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/theme/index.js

@@ -1,2 +1,2 @@
-import{T as a,c as i,u as p}from"../chunks/useTheme-BYuNiCiH.js";import"react";import"react/jsx-runtime";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
+import"react/jsx-runtime";import{T as a,c as i,u as p}from"../chunks/useTheme-Bxa1LbQE.js";import"react";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iziui/react",
-  "version": "0.0.100-rc",
+  "version": "0.0.102-rc",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/chunks/Alert-BamYo9Fn.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("./index-DYxwT4uW.cjs"),c=require("./joinClass-Jk3EszKD.cjs"),i=require("./Stack-CF3Wyma9.cjs"),f=require("./Typography-cNb2fPDw.cjs"),p=require("./ButtonIcon-Ccq88QaY.cjs"),j=require("./createComponent-Bls5N6x8.cjs"),y=require("./Icon-BN4Kp4Aq.cjs"),$=require("./useTheme-DsrjDJKC.cjs");function d({children:r,icon:a,color:n="primary",onClose:s,...o}){const{theme:{mode:l}}=$.useTheme(),u=c.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${l}`,`${t.prefix}-alert--${n}`,o.className),m=c.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${n}`),x=()=>typeof r=="string"?e.jsx(f.Typography,{variant:"body1",style:{color:"currentcolor"},children:r}):r;return e.jsxs(i.Stack,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...o,className:u,children:[e.jsxs(i.Stack,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[a,x()]}),s&&e.jsx("div",{children:e.jsx(p.ButtonIcon,{className:m,onClick:s,color:n,style:{color:"currentColor"},children:e.jsx(y.Icon,{name:"times"})})})]})}const h=j.createComponent(d);exports.Alert=h;
-//# sourceMappingURL=Alert-BamYo9Fn.cjs.map

package/dist/chunks/Alert-D9ZINnNc.js

@@ -1,2 +0,0 @@
-import{jsxs as s,jsx as r}from"react/jsx-runtime";import{p as t}from"./index-CZ41y9Hn.js";import{j as m}from"./joinClass-anSpaauN.js";import{S as i}from"./Stack-CHR_pZC4.js";import{T as $}from"./Typography-BeCR9fky.js";import{B as d}from"./ButtonIcon-DMetcfYt.js";import{c as y}from"./createComponent-BmdhWozT.js";import{I as g}from"./Icon-DTU52KQE.js";import{u as h}from"./useTheme-BYuNiCiH.js";function x({children:e,icon:c,color:o="primary",onClose:a,...n}){const{theme:{mode:l}}=h(),f=m(`${t}-alert`,`${t}-alert--${l}`,`${t}-alert--${o}`,n.className),p=m(`${t}-alert__button`,`${t}-alert__button--${o}`),u=()=>typeof e=="string"?r($,{variant:"body1",style:{color:"currentcolor"},children:e}):e;return s(i,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...n,className:f,children:[s(i,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t}-alert__content`,children:[c,u()]}),a&&r("div",{children:r(d,{className:p,onClick:a,color:o,style:{color:"currentColor"},children:r(g,{name:"times"})})})]})}const v=y(x);export{v as A};
-//# sourceMappingURL=Alert-D9ZINnNc.js.map

package/dist/chunks/Option-COyiqmg0.cjs

@@ -1,2 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),e=require("./index-DYxwT4uW.cjs"),n=require("./joinClass-Jk3EszKD.cjs"),E=require("./Icon-BN4Kp4Aq.cjs"),j=require("./useMenu-BfWmrq4L.cjs"),M=require("./createComponent-Bls5N6x8.cjs");function O({error:o,color:c="grey",position:p="bottom",label:u,helperText:i,startIcon:x,children:f,disabled:l,onChange:_,...r}){const C=a.Children.toArray(f),$=a.useMemo(()=>C.find(s=>s.props.value===r.value)?.props.children||"",[r.value]),[N,b,d]=j.useMenu(),h=n.joinClass(`${e.prefix}-select-container`),y=n.joinClass(`${e.prefix}-select-label`,o&&`${e.prefix}-select-label--error`),v=n.joinClass(`${e.prefix}-select`,l&&`${e.prefix}-select--disabled`,o&&`${e.prefix}-select--error`,r.className),q=n.joinClass(`${e.prefix}-select__helper-text`,i&&`${e.prefix}-select__helper-text--visible`,o&&`${e.prefix}-select__helper-text--error`),g=s=>a.cloneElement(s,{className:n.joinClass(s.props.className,`${e.prefix}-select__icon--left`),type:"button",style:{color:c},onClick:m=>{m.stopPropagation(),s.props.onClick&&!l&&s.props.onClick(m)}}),k=()=>C.map(s=>a.cloneElement(s,{color:c,className:n.joinClass(s.props.className,s.props.value===r.value&&`${e.prefix}-select__option--selected`),onClick:m=>{!s.props.disabled&&_&&_(m)}}));return t.jsxs("div",{className:h,children:[u&&t.jsxs("label",{className:y,children:[u," ",r.required&&"*"]}),t.jsxs("button",{type:"button",className:v,onClick:d,disabled:l,children:[t.jsx("div",{children:x&&g(x)}),t.jsx("input",{...r,readOnly:!0,type:"text",value:$,disabled:l}),t.jsx(E.Icon,{name:"angle-down",sx:{color:({grey:s})=>s.main},className:`${e.prefix}-select__icon--right`})]}),t.jsx(j.Menu,{autoClose:!0,position:p,direction:"center",open:N,anchorEl:b,onClose:d,children:k()}),t.jsx("span",{className:q,children:i})]})}const S=M.createComponent(O);function w({children:o,color:c,startIcon:p,disabled:u,...i}){const x=n.joinClass(`${e.prefix}-select__option`,u&&`${e.prefix}-select__option--disabled`,c&&`${e.prefix}-select__option--${c}`,i.className),f=l=>a.cloneElement(l,{type:"button",className:n.joinClass(l.props.className,`${e.prefix}-select__option__icon`)});return t.jsxs("button",{type:"button",...i,className:x,children:[p&&f(p),o]})}exports.Option=w;exports.Select_default=S;
-//# sourceMappingURL=Option-COyiqmg0.cjs.map

package/dist/chunks/Option-COyiqmg0.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option-COyiqmg0.cjs","sources":["../../src/fields/Select/Select.tsx","../../src/fields/Select/Option.tsx"],"sourcesContent":["import {\n  useMemo,\n  Children,\n  cloneElement,\n  type ReactElement,\n  type InputHTMLAttributes,\n  type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, type MenuProps, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'> {\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  color?: Colors;\n  position?: MenuProps['position'];\n  startIcon?: React.JSX.Element | boolean;\n  children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n  error,\n  color = 'grey',\n  position = 'bottom',\n  label,\n  helperText,\n  startIcon,\n  children,\n  disabled,\n  onChange,\n  ...props\n}: SelectProps) {\n  const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n  const newValue = useMemo(() => {\n    return arrayChildren.find((child) =>\n      child.props.value === props.value)?.props.children || '';\n  }, [props.value]);\n\n  const [open, el, toggle] = useMenu();\n\n  const containerClss = joinClass(\n    `${prefix}-select-container`\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-select-label`,\n    error && `${prefix}-select-label--error`,\n  );\n\n  const clss = joinClass(\n    `${prefix}-select`,\n    disabled && `${prefix}-select--disabled`,\n    error && `${prefix}-select--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-select__helper-text`,\n    helperText && `${prefix}-select__helper-text--visible`,\n    error && `${prefix}-select__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__icon--left`\n      ),\n      type: 'button',\n      style: { color },\n      onClick: (e) => {\n        e.stopPropagation();\n        if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n      }\n    });\n  };\n\n  const renderOption = () => {\n    return arrayChildren.map((child) => {\n      return cloneElement(child, {\n        color,\n        className: joinClass(\n          child.props.className,\n          child.props.value === props.value && `${prefix}-select__option--selected`,\n        ),\n        onClick: (e) => {\n          if (!child.props.disabled && onChange) { onChange(e as any); }\n        }\n      });\n    });\n  };\n\n  return (\n    <div className={containerClss}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n        <div>\n          {startIcon && renderIcon(startIcon as React.JSX.Element)}\n        </div>\n        <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n        <Icon\n          name=\"angle-down\"\n          sx={{ color: ({ grey }) => grey.main }}\n          className={`${prefix}-select__icon--right`}\n        />\n      </button>\n      <Menu\n        autoClose\n        position={position}\n        direction=\"center\"\n        open={open}\n        anchorEl={el}\n        onClose={toggle}\n      >\n        {renderOption()}\n      </Menu>\n      <span className={helperTextClss}>{helperText}</span>\n    </div>\n  );\n}\n\nexport default createComponent(Select);\n","import { ButtonHTMLAttributes, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nexport interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  value: any;\n  children: string;\n  color?: Colors;\n  startIcon?: React.JSX.Element | boolean;\n}\nexport default function Option({ children, color, startIcon, disabled, ...props }: OptionProps) {\n  const className = joinClass(\n    `${prefix}-select__option`,\n    disabled && `${prefix}-select__option--disabled`,\n    color && `${prefix}-select__option--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      type: 'button',\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__option__icon`,\n      ),\n    });\n  };\n\n  return (\n    <button type=\"button\" {...props} className={className}>\n      {startIcon && renderIcon(startIcon as React.JSX.Element)}\n      {children}\n    </button>\n  );\n};"],"names":["Select","error","color","position","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent","Option","className"],"mappings":"8PAgCA,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EAAQ,OACR,SAAAC,EAAW,SACX,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAAA,SAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAAA,QAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAAA,QAAA,EAErBC,EAAgBC,EAAAA,UACpB,GAAGC,EAAAA,MAAM,mBAAA,EAGLC,EAAYF,EAAAA,UAChB,GAAGC,EAAAA,MAAM,gBACTrB,GAAS,GAAGqB,EAAAA,MAAM,sBAAA,EAGdE,EAAOH,EAAAA,UACX,GAAGC,EAAAA,MAAM,UACTd,GAAY,GAAGc,EAAAA,MAAM,oBACrBrB,GAAS,GAAGqB,EAAAA,MAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTjB,GAAc,GAAGiB,EAAAA,MAAM,gCACvBrB,GAAS,GAAGqB,EAAAA,MAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,qBAAA,EAEX,KAAM,SACN,MAAO,CAAE,MAAApB,CAAA,EACT,QAAU2B,GAAM,CACdA,EAAE,gBAAA,EACEF,EAAK,MAAM,SAAW,CAACnB,GAAYmB,EAAK,MAAM,QAAQE,CAAC,CAC7D,CAAA,CACD,EAGGC,EAAe,IACZnB,EAAc,IAAKI,GACjBa,EAAAA,aAAab,EAAO,CACzB,MAAAb,EACA,UAAWmB,EAAAA,UACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,EAAAA,MAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAAA,KAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAAA,IAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAAA,IAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,aACL,GAAI,CAAE,MAAO,CAAC,CAAE,KAAAC,CAAA,IAAWA,EAAK,IAAA,EAChC,UAAW,GAAGZ,EAAAA,MAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAAAA,IAACG,EAAAA,KAAA,CACC,UAAS,GACT,SAAAhC,EACA,UAAU,SACV,KAAAa,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA+B,EAAeC,EAAAA,gBAAgBrC,CAAM,ECzHrC,SAAwBsC,EAAO,CAAE,SAAA/B,EAAU,MAAAL,EAAO,UAAAI,EAAW,SAAAE,EAAU,GAAGE,GAAsB,CAC9F,MAAM6B,EAAYlB,EAAAA,UAChB,GAAGC,EAAAA,MAAM,kBACTd,GAAY,GAAGc,EAAAA,MAAM,4BACrBpB,GAAS,GAAGoB,EAAAA,MAAM,oBAAoBpB,CAAK,GAC3CQ,EAAM,SAAA,EAGFgB,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAM,SACN,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,uBAAA,CACX,CACD,EAGH,cACG,SAAA,CAAO,KAAK,SAAU,GAAGZ,EAAO,UAAA6B,EAC9B,SAAA,CAAAjC,GAAaoB,EAAWpB,CAA8B,EACtDC,CAAA,EACH,CAEJ"}

package/dist/chunks/Option-CzDngSSk.js

@@ -1,2 +0,0 @@
-import{jsxs as _,jsx as a}from"react/jsx-runtime";import{Children as O,useMemo as I,cloneElement as d}from"react";import{p as e}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{I as S}from"./Icon-DTU52KQE.js";import{u as w,M as E}from"./useMenu-B49hOh6R.js";import{c as q}from"./createComponent-BmdhWozT.js";function A({error:o,color:r="grey",position:i="bottom",label:p,helperText:c,startIcon:m,children:$,disabled:n,onChange:f,...l}){const N=O.toArray($),b=I(()=>N.find(t=>t.props.value===l.value)?.props.children||"",[l.value]),[h,y,C]=w(),v=s(`${e}-select-container`),x=s(`${e}-select-label`,o&&`${e}-select-label--error`),g=s(`${e}-select`,n&&`${e}-select--disabled`,o&&`${e}-select--error`,l.className),k=s(`${e}-select__helper-text`,c&&`${e}-select__helper-text--visible`,o&&`${e}-select__helper-text--error`),j=t=>d(t,{className:s(t.props.className,`${e}-select__icon--left`),type:"button",style:{color:r},onClick:u=>{u.stopPropagation(),t.props.onClick&&!n&&t.props.onClick(u)}}),M=()=>N.map(t=>d(t,{color:r,className:s(t.props.className,t.props.value===l.value&&`${e}-select__option--selected`),onClick:u=>{!t.props.disabled&&f&&f(u)}}));return _("div",{className:v,children:[p&&_("label",{className:x,children:[p," ",l.required&&"*"]}),_("button",{type:"button",className:g,onClick:C,disabled:n,children:[a("div",{children:m&&j(m)}),a("input",{...l,readOnly:!0,type:"text",value:b,disabled:n}),a(S,{name:"angle-down",sx:{color:({grey:t})=>t.main},className:`${e}-select__icon--right`})]}),a(E,{autoClose:!0,position:i,direction:"center",open:h,anchorEl:y,onClose:C,children:M()}),a("span",{className:k,children:c})]})}const H=q(A);function J({children:o,color:r,startIcon:i,disabled:p,...c}){const m=s(`${e}-select__option`,p&&`${e}-select__option--disabled`,r&&`${e}-select__option--${r}`,c.className);return _("button",{type:"button",...c,className:m,children:[i&&(n=>d(n,{type:"button",className:s(n.props.className,`${e}-select__option__icon`)}))(i),o]})}export{J as O,H as S};
-//# sourceMappingURL=Option-CzDngSSk.js.map

package/dist/chunks/Option-CzDngSSk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option-CzDngSSk.js","sources":["../../src/fields/Select/Select.tsx","../../src/fields/Select/Option.tsx"],"sourcesContent":["import {\n  useMemo,\n  Children,\n  cloneElement,\n  type ReactElement,\n  type InputHTMLAttributes,\n  type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, type MenuProps, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'> {\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  color?: Colors;\n  position?: MenuProps['position'];\n  startIcon?: React.JSX.Element | boolean;\n  children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n  error,\n  color = 'grey',\n  position = 'bottom',\n  label,\n  helperText,\n  startIcon,\n  children,\n  disabled,\n  onChange,\n  ...props\n}: SelectProps) {\n  const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n  const newValue = useMemo(() => {\n    return arrayChildren.find((child) =>\n      child.props.value === props.value)?.props.children || '';\n  }, [props.value]);\n\n  const [open, el, toggle] = useMenu();\n\n  const containerClss = joinClass(\n    `${prefix}-select-container`\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-select-label`,\n    error && `${prefix}-select-label--error`,\n  );\n\n  const clss = joinClass(\n    `${prefix}-select`,\n    disabled && `${prefix}-select--disabled`,\n    error && `${prefix}-select--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-select__helper-text`,\n    helperText && `${prefix}-select__helper-text--visible`,\n    error && `${prefix}-select__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__icon--left`\n      ),\n      type: 'button',\n      style: { color },\n      onClick: (e) => {\n        e.stopPropagation();\n        if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n      }\n    });\n  };\n\n  const renderOption = () => {\n    return arrayChildren.map((child) => {\n      return cloneElement(child, {\n        color,\n        className: joinClass(\n          child.props.className,\n          child.props.value === props.value && `${prefix}-select__option--selected`,\n        ),\n        onClick: (e) => {\n          if (!child.props.disabled && onChange) { onChange(e as any); }\n        }\n      });\n    });\n  };\n\n  return (\n    <div className={containerClss}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n        <div>\n          {startIcon && renderIcon(startIcon as React.JSX.Element)}\n        </div>\n        <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n        <Icon\n          name=\"angle-down\"\n          sx={{ color: ({ grey }) => grey.main }}\n          className={`${prefix}-select__icon--right`}\n        />\n      </button>\n      <Menu\n        autoClose\n        position={position}\n        direction=\"center\"\n        open={open}\n        anchorEl={el}\n        onClose={toggle}\n      >\n        {renderOption()}\n      </Menu>\n      <span className={helperTextClss}>{helperText}</span>\n    </div>\n  );\n}\n\nexport default createComponent(Select);\n","import { ButtonHTMLAttributes, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nexport interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  value: any;\n  children: string;\n  color?: Colors;\n  startIcon?: React.JSX.Element | boolean;\n}\nexport default function Option({ children, color, startIcon, disabled, ...props }: OptionProps) {\n  const className = joinClass(\n    `${prefix}-select__option`,\n    disabled && `${prefix}-select__option--disabled`,\n    color && `${prefix}-select__option--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      type: 'button',\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__option__icon`,\n      ),\n    });\n  };\n\n  return (\n    <button type=\"button\" {...props} className={className}>\n      {startIcon && renderIcon(startIcon as React.JSX.Element)}\n      {children}\n    </button>\n  );\n};"],"names":["Select","error","color","position","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent","Option","className"],"mappings":"gVAgCA,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EAAQ,OACR,SAAAC,EAAW,SACX,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAA,EAErBC,EAAgBC,EACpB,GAAGC,CAAM,mBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,gBACTrB,GAAS,GAAGqB,CAAM,sBAAA,EAGdE,EAAOH,EACX,GAAGC,CAAM,UACTd,GAAY,GAAGc,CAAM,oBACrBrB,GAAS,GAAGqB,CAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EACrB,GAAGC,CAAM,uBACTjB,GAAc,GAAGiB,CAAM,gCACvBrB,GAAS,GAAGqB,CAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAaD,EAAM,CACxB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,qBAAA,EAEX,KAAM,SACN,MAAO,CAAE,MAAApB,CAAA,EACT,QAAU2B,GAAM,CACdA,EAAE,gBAAA,EACEF,EAAK,MAAM,SAAW,CAACnB,GAAYmB,EAAK,MAAM,QAAQE,CAAC,CAC7D,CAAA,CACD,EAGGC,EAAe,IACZnB,EAAc,IAAKI,GACjBa,EAAab,EAAO,CACzB,MAAAb,EACA,UAAWmB,EACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,CAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAACC,EAAA,CACC,KAAK,aACL,GAAI,CAAE,MAAO,CAAC,CAAE,KAAAC,CAAA,IAAWA,EAAK,IAAA,EAChC,UAAW,GAAGZ,CAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAACG,EAAA,CACC,UAAS,GACT,SAAAhC,EACA,UAAU,SACV,KAAAa,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA+B,EAAeC,EAAgBrC,CAAM,ECzHrC,SAAwBsC,EAAO,CAAE,SAAA/B,EAAU,MAAAL,EAAO,UAAAI,EAAW,SAAAE,EAAU,GAAGE,GAAsB,CAC9F,MAAM6B,EAAYlB,EAChB,GAAGC,CAAM,kBACTd,GAAY,GAAGc,CAAM,4BACrBpB,GAAS,GAAGoB,CAAM,oBAAoBpB,CAAK,GAC3CQ,EAAM,SAAA,EAaR,SACG,SAAA,CAAO,KAAK,SAAU,GAAGA,EAAO,UAAA6B,EAC9B,SAAA,CAAAjC,IAZeqB,GACXC,EAAaD,EAAM,CACxB,KAAM,SACN,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,uBAAA,CACX,CACD,GAK0BhB,CAA8B,EACtDC,CAAA,EACH,CAEJ"}

package/dist/chunks/Typography-BeCR9fky.js

@@ -1,2 +0,0 @@
-import{jsx as i}from"react/jsx-runtime";import{p as t}from"./index-CZ41y9Hn.js";import{j as l}from"./joinClass-anSpaauN.js";import{c as n}from"./convertPathToColor-DtOjH4ZP.js";import{c as b}from"./createComponent-BmdhWozT.js";import{u}from"./useTheme-BYuNiCiH.js";const v=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2"],f={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"};function g({children:e,variant:s="body1",color:a="text.primary",weight:h,textAlign:p,...o}){const{theme:{palette:m}}=u(),y=f[s],c=l(`${t}-typography`,`${t}-typography--${s}`,h&&`${t}-typography--weight-${h}`,o.className),r=n(a,m);return i(y,{...o,className:c,style:{...r?{color:r}:{},textAlign:p,...o.style},children:e})}const N=b(g);export{N as T,v};
-//# sourceMappingURL=Typography-BeCR9fky.js.map