@iziui/react 0.0.5-rc → 0.0.7-rc

package/dist/components/ColorPicker/index.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useRef as P,useMemo as R}from"react";import{p as o}from"../../chunks/index-Bmr5u5lp.js";import{j as l}from"../../chunks/joinClass-anSpaauN.js";import{u as S,g as u}from"../../chunks/useTheme-BQxrRS5M.js";import{u as B}from"../../chunks/uuid-dGvr9vBZ.js";import{B as I}from"../../chunks/Box-CNenh0Si.js";import{I as _}from"../../chunks/Icon-Dr2s-fYK.js";import{S as O}from"../../chunks/Stack-Cde2gkUJ.js";import{u as q,M as D}from"../../chunks/useMenu-C47b1gPc.js";import{c as F}from"../../chunks/createComponent-CyZoFjRB.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-BcsU9Bwu.js";import"../../chunks/Ripple-DUBh1UW5.js";import"../../chunks/CardContent-BvRmc1hs.js";const k=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];function L({label:s,error:t,helperText:a,fitContent:b,value:c=k[0],autoClose:h,onChange:C,onInput:$,...N}){const{theme:{palette:p}}=S(),n=P(null),[y,g,m]=q(),f=R(()=>B(),[]),x=l(`${o}-color-picker__label`,t&&`${o}-color-picker__label--error`),v=l(`${o}-color-picker-container`,t&&`${o}-color-picker-container--error`),j=l(`${o}-color-picker`,t&&`${o}-color-picker--error`),w=l(`${o}-color-picker__value`,t&&`${o}-color-picker__value--error`),M=l(`${o}-color-picker__helper-text`,a&&`${o}-color-picker__helper-text--visible`,t&&`${o}-color-picker__helper-text--error`),d=r=>l(`${o}-color-picker__color__icon`,c===r&&`${o}-color-picker__color__icon--visible`);function E(r){n.current&&(n.current.value=r,n.current.dispatchEvent(new Event("input",{bubbles:!0})))}return i("div",{className:v,children:[s&&i("label",{className:x,children:[s," ",N.required&&"*"]}),i("button",{type:"button",onClick:m,className:j,children:[e("div",{className:`${o}-color-picker__preview`,children:e("div",{style:{backgroundColor:c}})}),e("div",{className:w,children:c})]}),e("span",{className:M,children:a}),e(D,{direction:"left",autoClose:h,open:y,anchorEl:g,width:b?"fit-content":"",onClose:m,children:e(I,{sx:{p:1},children:i(O,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(r=>e("button",{type:"button",className:`${o}-color-picker__color`,onClick:()=>E(r),style:{backgroundColor:r},children:e(_,{name:"check",className:d(r),style:{color:u(c)}})},r)),i("label",{htmlFor:`color-picker-${f}`,className:`${o}-color-picker__color`,style:{backgroundColor:p.grey.main},children:[e(_,{name:"plus",className:d(c),style:{color:u(p.grey.main)}}),e("input",{ref:n,type:"color",id:`color-picker-${f}`,value:c,onChange:C,onInput:$})]})]})})})]})}const eo=F(L);export{eo as default};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useRef as P,useMemo as R}from"react";import{p as o}from"../../chunks/index-CZ41y9Hn.js";import{j as l}from"../../chunks/joinClass-anSpaauN.js";import{b as u}from"../../chunks/generateSupportColors-BN5t8dA-.js";import{u as S}from"../../chunks/uuid-dGvr9vBZ.js";import{B}from"../../chunks/Box-DD-rZ2rr.js";import{I as _}from"../../chunks/Icon-CCIgEwA9.js";import{S as I}from"../../chunks/Stack-DK5pfu2w.js";import{u as O}from"../../chunks/useTheme-njpgklWP.js";import{u as q,M as D}from"../../chunks/useMenu-BNL22pOQ.js";import{c as F}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-DOsl4_nu.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-C8ypE7yH.js";const k=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];function L({label:s,error:t,helperText:a,fitContent:b,value:c=k[0],autoClose:h,onChange:C,onInput:$,...N}){const{theme:{palette:p}}=O(),n=P(null),[y,x,m]=q(),f=R(()=>S(),[]),g=l(`${o}-color-picker__label`,t&&`${o}-color-picker__label--error`),v=l(`${o}-color-picker-container`,t&&`${o}-color-picker-container--error`),j=l(`${o}-color-picker`,t&&`${o}-color-picker--error`),w=l(`${o}-color-picker__value`,t&&`${o}-color-picker__value--error`),M=l(`${o}-color-picker__helper-text`,a&&`${o}-color-picker__helper-text--visible`,t&&`${o}-color-picker__helper-text--error`),d=r=>l(`${o}-color-picker__color__icon`,c===r&&`${o}-color-picker__color__icon--visible`);function E(r){n.current&&(n.current.value=r,n.current.dispatchEvent(new Event("input",{bubbles:!0})))}return i("div",{className:v,children:[s&&i("label",{className:g,children:[s," ",N.required&&"*"]}),i("button",{type:"button",onClick:m,className:j,children:[e("div",{className:`${o}-color-picker__preview`,children:e("div",{style:{backgroundColor:c}})}),e("div",{className:w,children:c})]}),e("span",{className:M,children:a}),e(D,{direction:"left",autoClose:h,open:y,anchorEl:x,width:b?"fit-content":"",onClose:m,children:e(B,{sx:{p:1},children:i(I,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(r=>e("button",{type:"button",className:`${o}-color-picker__color`,onClick:()=>E(r),style:{backgroundColor:r},children:e(_,{name:"check",className:d(r),style:{color:u(c)}})},r)),i("label",{htmlFor:`color-picker-${f}`,className:`${o}-color-picker__color`,style:{backgroundColor:p.grey.main},children:[e(_,{name:"plus",className:d(c),style:{color:u(p.grey.main)}}),e("input",{ref:n,type:"color",id:`color-picker-${f}`,value:c,onChange:C,onInput:$})]})]})})})]})}const ro=F(L);export{ro as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/fields/ColorPicker/colors.ts","../../../src/fields/ColorPicker/ColorPicker.tsx"],"sourcesContent":["export default [\n  '#00aae6',\n  '#2e72fe',\n  '#6f4dff',\n  '#9f40f1',\n  '#9e2dbf',\n  '#db5bdc',\n  '#ea479b',\n  '#ff83a8',\n  '#d80051',\n  '#eb3d32',\n  '#fa8d2f',\n  '#f5cd2b',\n  '#93ca00',\n  '#62d26f',\n  '#38c5ab',\n  '#87969f',\n];","import {\n  useRef,\n  useMemo,\n  type InputHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { getContrastColor } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Box from '@/layout/Box';\nimport Icon from '@/display/Icon';\nimport Stack from '@/layout/Stack';\nimport { useTheme } from '@/theme';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport COLORS from './colors';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/ColorPicker.scss';\n\nexport interface ColorPickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> {\n  label?: string;\n  value: string;\n  error?: boolean;\n  helperText?: string;\n  fitContent?: boolean;\n  autoClose?: boolean;\n}\n\nfunction ColorPicker({\n  label,\n  error,\n  helperText,\n  fitContent,\n  value = COLORS[0],\n  autoClose,\n  onChange,\n  onInput,\n  ...props\n}: ColorPickerProps) {\n  const { theme: { palette } } = useTheme();\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const [open, el, toggle] = useMenu();\n\n  const id = useMemo(() => uuid(), []);\n\n  const labelClss = joinClass(\n    `${prefix}-color-picker__label`,\n    error && `${prefix}-color-picker__label--error`,\n  );\n\n  const containerClassName = joinClass(\n    `${prefix}-color-picker-container`,\n    error && `${prefix}-color-picker-container--error`,\n  );\n\n  const colorPickerClassName = joinClass(\n    `${prefix}-color-picker`,\n    error && `${prefix}-color-picker--error`,\n  );\n\n  const valueClassName = joinClass(\n    `${prefix}-color-picker__value`,\n    error && `${prefix}-color-picker__value--error`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-color-picker__helper-text`,\n    helperText && `${prefix}-color-picker__helper-text--visible`,\n    error && `${prefix}-color-picker__helper-text--error`,\n  );\n\n  const iconClassName = (c: string) => joinClass(\n    `${prefix}-color-picker__color__icon`,\n    value === c && `${prefix}-color-picker__color__icon--visible`,\n  );\n\n  function handleColorChange(color: string) {\n    if (!inputRef.current) { return; }\n    // if (autoClose) { toggle(); }\n\n    inputRef.current.value = color;\n    inputRef.current.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  return (\n    <div className={containerClassName}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" onClick={toggle} className={colorPickerClassName}>\n        <div className={`${prefix}-color-picker__preview`}>\n          <div style={{ backgroundColor: value }} />\n        </div>\n        <div className={valueClassName}>\n          {value}\n        </div>\n      </button>\n      <span className={helperTextClss}>{helperText}</span>\n      <Menu\n        direction=\"left\"\n        autoClose={autoClose}\n        open={open}\n        anchorEl={el}\n        width={fitContent ? 'fit-content' : ''}\n        onClose={toggle}\n      >\n        <Box sx={{ p: 1 }}>\n          <Stack\n            gap={8}\n            flexDirection=\"row\"\n            justifyContent=\"center\"\n            style={{ flexWrap: 'wrap' }}\n          >\n            {\n              COLORS.map((c) => (\n                <button\n                  key={c}\n                  type=\"button\"\n                  className={`${prefix}-color-picker__color`}\n                  onClick={() => handleColorChange(c)}\n                  style={{ backgroundColor: c }}\n                >\n                  <Icon\n                    name=\"check\"\n                    className={iconClassName(c)}\n                    style={{ color: getContrastColor(value) }}\n                  />\n                </button>\n              ))\n            }\n            <label\n              htmlFor={`color-picker-${id}`}\n              className={`${prefix}-color-picker__color`}\n              style={{ backgroundColor: palette.grey.main }}\n            >\n              <Icon\n                name=\"plus\"\n                className={iconClassName(value)}\n                style={{ color: getContrastColor(palette.grey.main) }}\n              />\n              <input\n                ref={inputRef}\n                type=\"color\"\n                id={`color-picker-${id}`}\n                value={value}\n                onChange={onChange}\n                onInput={onInput}\n              />\n            </label>\n          </Stack>\n        </Box>\n      </Menu>\n    </div>\n  );\n}\n\nexport default createComponent(ColorPicker);\n"],"names":["COLORS","ColorPicker","label","error","helperText","fitContent","value","autoClose","onChange","onInput","props","palette","useTheme","inputRef","useRef","open","el","toggle","useMenu","id","useMemo","uuid","labelClss","joinClass","prefix","containerClassName","colorPickerClassName","valueClassName","helperTextClss","iconClassName","c","handleColorChange","color","jsxs","jsx","Menu","Box","Stack","Icon","getContrastColor","ColorPicker_default","createComponent"],"mappings":"qvBAAA,MAAAA,EAAe,CACb,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF,ECgBA,SAASC,EAAY,CACnB,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EAAQN,EAAO,CAAC,EAChB,UAAAO,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAWC,EAAgC,IAAI,EAE/C,CAACC,EAAMC,EAAIC,CAAM,EAAIC,EAAA,EAErBC,EAAKC,EAAQ,IAAMC,EAAA,EAAQ,CAAA,CAAE,EAE7BC,EAAYC,EAChB,GAAGC,CAAM,uBACTrB,GAAS,GAAGqB,CAAM,6BAAA,EAGdC,EAAqBF,EACzB,GAAGC,CAAM,0BACTrB,GAAS,GAAGqB,CAAM,gCAAA,EAGdE,EAAuBH,EAC3B,GAAGC,CAAM,gBACTrB,GAAS,GAAGqB,CAAM,sBAAA,EAGdG,EAAiBJ,EACrB,GAAGC,CAAM,uBACTrB,GAAS,GAAGqB,CAAM,6BAAA,EAGdI,EAAiBL,EACrB,GAAGC,CAAM,6BACTpB,GAAc,GAAGoB,CAAM,sCACvBrB,GAAS,GAAGqB,CAAM,mCAAA,EAGdK,EAAiBC,GAAcP,EACnC,GAAGC,CAAM,6BACTlB,IAAUwB,GAAK,GAAGN,CAAM,qCAAA,EAG1B,SAASO,EAAkBC,EAAe,CACnCnB,EAAS,UAGdA,EAAS,QAAQ,MAAQmB,EACzBnB,EAAS,QAAQ,cAAc,IAAI,MAAM,QAAS,CAAE,QAAS,EAAA,CAAM,CAAC,EACtE,CAEA,OACEoB,EAAC,MAAA,CAAI,UAAWR,EACb,SAAA,CAAAvB,GAAS+B,EAAC,QAAA,CAAM,UAAWX,EAAY,SAAA,CAAApB,EAAM,IAAEQ,EAAM,UAAY,GAAA,EAAI,IACrE,SAAA,CAAO,KAAK,SAAS,QAASO,EAAQ,UAAWS,EAChD,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAW,GAAGV,CAAM,yBACvB,SAAAU,EAAC,MAAA,CAAI,MAAO,CAAE,gBAAiB5B,CAAA,CAAM,CAAG,EAC1C,EACA4B,EAAC,MAAA,CAAI,UAAWP,EACb,SAAArB,CAAA,CACH,CAAA,EACF,EACA4B,EAAC,OAAA,CAAK,UAAWN,EAAiB,SAAAxB,EAAW,EAC7C8B,EAACC,EAAA,CACC,UAAU,OACV,UAAA5B,EACA,KAAAQ,EACA,SAAUC,EACV,MAAOX,EAAa,cAAgB,GACpC,QAASY,EAET,WAACmB,EAAA,CAAI,GAAI,CAAE,EAAG,GACZ,SAAAH,EAACI,EAAA,CACC,IAAK,EACL,cAAc,MACd,eAAe,SACf,MAAO,CAAE,SAAU,MAAA,EAGjB,SAAA,CAAArC,EAAO,IAAK8B,GACVI,EAAC,SAAA,CAEC,KAAK,SACL,UAAW,GAAGV,CAAM,uBACpB,QAAS,IAAMO,EAAkBD,CAAC,EAClC,MAAO,CAAE,gBAAiBA,CAAA,EAE1B,SAAAI,EAACI,EAAA,CACC,KAAK,QACL,UAAWT,EAAcC,CAAC,EAC1B,MAAO,CAAE,MAAOS,EAAiBjC,CAAK,CAAA,CAAE,CAAA,CAC1C,EAVKwB,CAAA,CAYR,EAEHG,EAAC,QAAA,CACC,QAAS,gBAAgBd,CAAE,GAC3B,UAAW,GAAGK,CAAM,uBACpB,MAAO,CAAE,gBAAiBb,EAAQ,KAAK,IAAA,EAEvC,SAAA,CAAAuB,EAACI,EAAA,CACC,KAAK,OACL,UAAWT,EAAcvB,CAAK,EAC9B,MAAO,CAAE,MAAOiC,EAAiB5B,EAAQ,KAAK,IAAI,CAAA,CAAE,CAAA,EAEtDuB,EAAC,QAAA,CACC,IAAKrB,EACL,KAAK,QACL,GAAI,gBAAgBM,CAAE,GACtB,MAAAb,EACA,SAAAE,EACA,QAAAC,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,EACF,CAEJ,CAEA,MAAA+B,GAAeC,EAAgBxC,CAAW"}
+{"version":3,"file":"index.js","sources":["../../../src/fields/ColorPicker/colors.ts","../../../src/fields/ColorPicker/ColorPicker.tsx"],"sourcesContent":["export default [\n  '#00aae6',\n  '#2e72fe',\n  '#6f4dff',\n  '#9f40f1',\n  '#9e2dbf',\n  '#db5bdc',\n  '#ea479b',\n  '#ff83a8',\n  '#d80051',\n  '#eb3d32',\n  '#fa8d2f',\n  '#f5cd2b',\n  '#93ca00',\n  '#62d26f',\n  '#38c5ab',\n  '#87969f',\n];","import {\n  useRef,\n  useMemo,\n  type InputHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { getContrastColor } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Box from '@/layout/Box';\nimport Icon from '@/display/Icon';\nimport Stack from '@/layout/Stack';\nimport { useTheme } from '@/theme';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport COLORS from './colors';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/ColorPicker.scss';\n\nexport interface ColorPickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> {\n  label?: string;\n  value: string;\n  error?: boolean;\n  helperText?: string;\n  fitContent?: boolean;\n  autoClose?: boolean;\n}\n\nfunction ColorPicker({\n  label,\n  error,\n  helperText,\n  fitContent,\n  value = COLORS[0],\n  autoClose,\n  onChange,\n  onInput,\n  ...props\n}: ColorPickerProps) {\n  const { theme: { palette } } = useTheme();\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const [open, el, toggle] = useMenu();\n\n  const id = useMemo(() => uuid(), []);\n\n  const labelClss = joinClass(\n    `${prefix}-color-picker__label`,\n    error && `${prefix}-color-picker__label--error`,\n  );\n\n  const containerClassName = joinClass(\n    `${prefix}-color-picker-container`,\n    error && `${prefix}-color-picker-container--error`,\n  );\n\n  const colorPickerClassName = joinClass(\n    `${prefix}-color-picker`,\n    error && `${prefix}-color-picker--error`,\n  );\n\n  const valueClassName = joinClass(\n    `${prefix}-color-picker__value`,\n    error && `${prefix}-color-picker__value--error`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-color-picker__helper-text`,\n    helperText && `${prefix}-color-picker__helper-text--visible`,\n    error && `${prefix}-color-picker__helper-text--error`,\n  );\n\n  const iconClassName = (c: string) => joinClass(\n    `${prefix}-color-picker__color__icon`,\n    value === c && `${prefix}-color-picker__color__icon--visible`,\n  );\n\n  function handleColorChange(color: string) {\n    if (!inputRef.current) { return; }\n    // if (autoClose) { toggle(); }\n\n    inputRef.current.value = color;\n    inputRef.current.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  return (\n    <div className={containerClassName}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" onClick={toggle} className={colorPickerClassName}>\n        <div className={`${prefix}-color-picker__preview`}>\n          <div style={{ backgroundColor: value }} />\n        </div>\n        <div className={valueClassName}>\n          {value}\n        </div>\n      </button>\n      <span className={helperTextClss}>{helperText}</span>\n      <Menu\n        direction=\"left\"\n        autoClose={autoClose}\n        open={open}\n        anchorEl={el}\n        width={fitContent ? 'fit-content' : ''}\n        onClose={toggle}\n      >\n        <Box sx={{ p: 1 }}>\n          <Stack\n            gap={8}\n            flexDirection=\"row\"\n            justifyContent=\"center\"\n            style={{ flexWrap: 'wrap' }}\n          >\n            {\n              COLORS.map((c) => (\n                <button\n                  key={c}\n                  type=\"button\"\n                  className={`${prefix}-color-picker__color`}\n                  onClick={() => handleColorChange(c)}\n                  style={{ backgroundColor: c }}\n                >\n                  <Icon\n                    name=\"check\"\n                    className={iconClassName(c)}\n                    style={{ color: getContrastColor(value) }}\n                  />\n                </button>\n              ))\n            }\n            <label\n              htmlFor={`color-picker-${id}`}\n              className={`${prefix}-color-picker__color`}\n              style={{ backgroundColor: palette.grey.main }}\n            >\n              <Icon\n                name=\"plus\"\n                className={iconClassName(value)}\n                style={{ color: getContrastColor(palette.grey.main) }}\n              />\n              <input\n                ref={inputRef}\n                type=\"color\"\n                id={`color-picker-${id}`}\n                value={value}\n                onChange={onChange}\n                onInput={onInput}\n              />\n            </label>\n          </Stack>\n        </Box>\n      </Menu>\n    </div>\n  );\n}\n\nexport default createComponent(ColorPicker);\n"],"names":["COLORS","ColorPicker","label","error","helperText","fitContent","value","autoClose","onChange","onInput","props","palette","useTheme","inputRef","useRef","open","el","toggle","useMenu","id","useMemo","uuid","labelClss","joinClass","prefix","containerClassName","colorPickerClassName","valueClassName","helperTextClss","iconClassName","c","handleColorChange","color","jsxs","jsx","Menu","Box","Stack","Icon","getContrastColor","ColorPicker_default","createComponent"],"mappings":"4yBAAA,MAAAA,EAAe,CACb,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF,ECgBA,SAASC,EAAY,CACnB,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EAAQN,EAAO,CAAC,EAChB,UAAAO,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAWC,EAAgC,IAAI,EAE/C,CAACC,EAAMC,EAAIC,CAAM,EAAIC,EAAA,EAErBC,EAAKC,EAAQ,IAAMC,EAAA,EAAQ,CAAA,CAAE,EAE7BC,EAAYC,EAChB,GAAGC,CAAM,uBACTrB,GAAS,GAAGqB,CAAM,6BAAA,EAGdC,EAAqBF,EACzB,GAAGC,CAAM,0BACTrB,GAAS,GAAGqB,CAAM,gCAAA,EAGdE,EAAuBH,EAC3B,GAAGC,CAAM,gBACTrB,GAAS,GAAGqB,CAAM,sBAAA,EAGdG,EAAiBJ,EACrB,GAAGC,CAAM,uBACTrB,GAAS,GAAGqB,CAAM,6BAAA,EAGdI,EAAiBL,EACrB,GAAGC,CAAM,6BACTpB,GAAc,GAAGoB,CAAM,sCACvBrB,GAAS,GAAGqB,CAAM,mCAAA,EAGdK,EAAiBC,GAAcP,EACnC,GAAGC,CAAM,6BACTlB,IAAUwB,GAAK,GAAGN,CAAM,qCAAA,EAG1B,SAASO,EAAkBC,EAAe,CACnCnB,EAAS,UAGdA,EAAS,QAAQ,MAAQmB,EACzBnB,EAAS,QAAQ,cAAc,IAAI,MAAM,QAAS,CAAE,QAAS,EAAA,CAAM,CAAC,EACtE,CAEA,OACEoB,EAAC,MAAA,CAAI,UAAWR,EACb,SAAA,CAAAvB,GAAS+B,EAAC,QAAA,CAAM,UAAWX,EAAY,SAAA,CAAApB,EAAM,IAAEQ,EAAM,UAAY,GAAA,EAAI,IACrE,SAAA,CAAO,KAAK,SAAS,QAASO,EAAQ,UAAWS,EAChD,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAW,GAAGV,CAAM,yBACvB,SAAAU,EAAC,MAAA,CAAI,MAAO,CAAE,gBAAiB5B,CAAA,CAAM,CAAG,EAC1C,EACA4B,EAAC,MAAA,CAAI,UAAWP,EACb,SAAArB,CAAA,CACH,CAAA,EACF,EACA4B,EAAC,OAAA,CAAK,UAAWN,EAAiB,SAAAxB,EAAW,EAC7C8B,EAACC,EAAA,CACC,UAAU,OACV,UAAA5B,EACA,KAAAQ,EACA,SAAUC,EACV,MAAOX,EAAa,cAAgB,GACpC,QAASY,EAET,WAACmB,EAAA,CAAI,GAAI,CAAE,EAAG,GACZ,SAAAH,EAACI,EAAA,CACC,IAAK,EACL,cAAc,MACd,eAAe,SACf,MAAO,CAAE,SAAU,MAAA,EAGjB,SAAA,CAAArC,EAAO,IAAK8B,GACVI,EAAC,SAAA,CAEC,KAAK,SACL,UAAW,GAAGV,CAAM,uBACpB,QAAS,IAAMO,EAAkBD,CAAC,EAClC,MAAO,CAAE,gBAAiBA,CAAA,EAE1B,SAAAI,EAACI,EAAA,CACC,KAAK,QACL,UAAWT,EAAcC,CAAC,EAC1B,MAAO,CAAE,MAAOS,EAAiBjC,CAAK,CAAA,CAAE,CAAA,CAC1C,EAVKwB,CAAA,CAYR,EAEHG,EAAC,QAAA,CACC,QAAS,gBAAgBd,CAAE,GAC3B,UAAW,GAAGK,CAAM,uBACpB,MAAO,CAAE,gBAAiBb,EAAQ,KAAK,IAAA,EAEvC,SAAA,CAAAuB,EAACI,EAAA,CACC,KAAK,OACL,UAAWT,EAAcvB,CAAK,EAC9B,MAAO,CAAE,MAAOiC,EAAiB5B,EAAQ,KAAK,IAAI,CAAA,CAAE,CAAA,EAEtDuB,EAAC,QAAA,CACC,IAAKrB,EACL,KAAK,QACL,GAAI,gBAAgBM,CAAE,GACtB,MAAAb,EACA,SAAAE,EACA,QAAAC,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,EACF,CAEJ,CAEA,MAAA+B,GAAeC,EAAgBxC,CAAW"}

package/dist/components/Container/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),s=require("react"),C=require("../../chunks/joinClass-Jk3EszKD.cjs"),g=require("../../chunks/useResize-B-oebgDR.cjs"),f=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");const j=s.forwardRef(function({sm:o="100%",md:r=750,lg:i=950,children:u,tag:a="div",...n},c){const[l,e]=s.useState(0),t={sm:o,lg:i,md:r},d=C.joinClass(n.className);g.useResize({onXs:()=>e(t.sm),onSm:()=>e(t.md),onMd:()=>e(t.md),onLg:()=>e(t.lg),onXl:()=>e(t.lg)});const m=a;return q.jsx(m,{...n,ref:c,style:{width:"100%",maxWidth:l,margin:"auto",...n.style},className:d,children:u})}),h=f.createComponent(j);exports.default=h;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/layout/Container/Container.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef, useState } from 'react';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport useResize from '@/hooks/useResize';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Container.scss';\n\ntype Width = string | number;\n\nexport interface ContainerProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  sm?: Width;\n  md?: Width;\n  lg?: Width;\n}\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(\n  function Container({\n    sm = '100%',\n    md = 750,\n    lg = 950,\n    children,\n    tag = 'div',\n    ...props\n  }, ref) {\n    const [width, setWidth] = useState<Width>(0);\n\n    const MAP = { sm, lg, md };\n\n    const className = joinClass(\n      props.className\n    );\n\n    useResize({\n      onXs: () => setWidth(MAP['sm']),\n      onSm: () => setWidth(MAP['md']),\n      onMd: () => setWidth(MAP['md']),\n      onLg: () => setWidth(MAP['lg']),\n      onXl: () => setWidth(MAP['lg']),\n    });\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        style={{\n          width: '100%',\n          maxWidth: width,\n          margin: 'auto',\n          ...props.style\n        }}\n        className={className}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Container);\n"],"names":["Container","forwardRef","sm","md","lg","children","tag","props","ref","width","setWidth","useState","MAP","className","joinClass","useResize","CustomTag","jsx","Container_default","createComponent"],"mappings":"idAmBA,MAAMA,EAAYC,EAAAA,WAChB,SAAmB,CACjB,GAAAC,EAAK,OACL,GAAAC,EAAK,IACL,GAAAC,EAAK,IACL,SAAAC,EACA,IAAAC,EAAM,MACN,GAAGC,CAAA,EACFC,EAAK,CACN,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAgB,CAAC,EAErCC,EAAM,CAAE,GAAAV,EAAI,GAAAE,EAAI,GAAAD,CAAA,EAEhBU,EAAYC,EAAAA,UAChBP,EAAM,SAAA,EAGRQ,YAAU,CACR,KAAM,IAAML,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,CAAA,CAC/B,EAED,MAAMI,EAAYV,EAElB,OACEW,EAAAA,IAACD,EAAA,CACE,GAAGT,EACJ,IAAAC,EACA,MAAO,CACL,MAAO,OACP,SAAUC,EACV,OAAQ,OACR,GAAGF,EAAM,KAAA,EAEX,UAAAM,EAEC,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAa,EAAeC,EAAAA,gBAAgBnB,CAAS"}

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

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

package/dist/components/Container/index.js

@@ -0,0 +1,2 @@
+import{jsx as f}from"react/jsx-runtime";import{forwardRef as l,useState as u}from"react";import{j as C}from"../../chunks/joinClass-anSpaauN.js";import{u as g}from"../../chunks/useResize-BjM6tiAF.js";import{c as p}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";const h=l(function({sm:m="100%",md:n=750,lg:a=950,children:e,tag:r="div",...s},i){const[c,t]=u(0),o={sm:m,lg:a,md:n},d=C(s.className);return g({onXs:()=>t(o.sm),onSm:()=>t(o.md),onMd:()=>t(o.md),onLg:()=>t(o.lg),onXl:()=>t(o.lg)}),f(r,{...s,ref:i,style:{width:"100%",maxWidth:c,margin:"auto",...s.style},className:d,children:e})}),X=p(h);export{X as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/layout/Container/Container.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef, useState } from 'react';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport useResize from '@/hooks/useResize';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Container.scss';\n\ntype Width = string | number;\n\nexport interface ContainerProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  sm?: Width;\n  md?: Width;\n  lg?: Width;\n}\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(\n  function Container({\n    sm = '100%',\n    md = 750,\n    lg = 950,\n    children,\n    tag = 'div',\n    ...props\n  }, ref) {\n    const [width, setWidth] = useState<Width>(0);\n\n    const MAP = { sm, lg, md };\n\n    const className = joinClass(\n      props.className\n    );\n\n    useResize({\n      onXs: () => setWidth(MAP['sm']),\n      onSm: () => setWidth(MAP['md']),\n      onMd: () => setWidth(MAP['md']),\n      onLg: () => setWidth(MAP['lg']),\n      onXl: () => setWidth(MAP['lg']),\n    });\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        style={{\n          width: '100%',\n          maxWidth: width,\n          margin: 'auto',\n          ...props.style\n        }}\n        className={className}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Container);\n"],"names":["Container","forwardRef","sm","md","lg","children","tag","props","ref","width","setWidth","useState","MAP","className","joinClass","useResize","jsx","Container_default","createComponent"],"mappings":"4YAmBA,MAAMA,EAAYC,EAChB,SAAmB,CACjB,GAAAC,EAAK,OACL,GAAAC,EAAK,IACL,GAAAC,EAAK,IACL,SAAAC,EACA,IAAAC,EAAM,MACN,GAAGC,CAAA,EACFC,EAAK,CACN,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAgB,CAAC,EAErCC,EAAM,CAAE,GAAAV,EAAI,GAAAE,EAAI,GAAAD,CAAA,EAEhBU,EAAYC,EAChBP,EAAM,SAAA,EAGR,OAAAQ,EAAU,CACR,KAAM,IAAML,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,CAAA,CAC/B,EAKCI,EAHgBV,EAGf,CACE,GAAGC,EACJ,IAAAC,EACA,MAAO,CACL,MAAO,OACP,SAAUC,EACV,OAAQ,OACR,GAAGF,EAAM,KAAA,EAEX,UAAAM,EAEC,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAY,EAAeC,EAAgBlB,CAAS"}

package/dist/components/Divider/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("../../chunks/index-BaaRDmgo.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),n=require("../../chunks/createComponent-D7BY-VlJ.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");require("react");function o({...e}){const r=s.joinClass(`${t.prefix}-divider`,e.className);return i.jsx("div",{...e,className:r})}const u=n.createComponent(o);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("../../chunks/index-DYxwT4uW.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),n=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function u({...e}){const r=s.joinClass(`${t.prefix}-divider`,e.className);return i.jsx("div",{...e,className:r})}const o=n.createComponent(u);exports.default=o;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/display/Divider/Divider.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Divider.scss';\n\nexport type DividerProps = HTMLAttributes<HTMLElement>;\nfunction Divider({ ...props }: DividerProps) {\n\n  const clss = joinClass(\n    `${prefix}-divider`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={clss} />\n  );\n}\n\nexport default createComponent(Divider);"],"names":["Divider","props","clss","joinClass","prefix","jsx","Divider_default","createComponent"],"mappings":"qWAWA,SAASA,EAAQ,CAAE,GAAGC,GAAuB,CAE3C,MAAMC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,WACTH,EAAM,SAAA,EAGR,OACEI,EAAAA,IAAC,MAAA,CAAK,GAAGJ,EAAO,UAAWC,EAAM,CAErC,CAEA,MAAAI,EAAeC,EAAAA,gBAAgBP,CAAO"}
+{"version":3,"file":"index.cjs","sources":["../../../src/display/Divider/Divider.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Divider.scss';\n\nexport type DividerProps = HTMLAttributes<HTMLElement>;\nfunction Divider({ ...props }: DividerProps) {\n\n  const clss = joinClass(\n    `${prefix}-divider`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={clss} />\n  );\n}\n\nexport default createComponent(Divider);"],"names":["Divider","props","clss","joinClass","prefix","jsx","Divider_default","createComponent"],"mappings":"gaAWA,SAASA,EAAQ,CAAE,GAAGC,GAAuB,CAE3C,MAAMC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,WACTH,EAAM,SAAA,EAGR,OACEI,EAAAA,IAAC,MAAA,CAAK,GAAGJ,EAAO,UAAWC,EAAM,CAErC,CAEA,MAAAI,EAAeC,EAAAA,gBAAgBP,CAAO"}

package/dist/components/Divider/index.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{p as t}from"../../chunks/index-Bmr5u5lp.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as e}from"../../chunks/createComponent-CyZoFjRB.js";import"../../chunks/useTheme-BQxrRS5M.js";import"react";function m({...r}){const i=s(`${t}-divider`,r.className);return o("div",{...r,className:i})}const l=e(m);export{l as default};
+import{jsx as o}from"react/jsx-runtime";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{c as s}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function e({...r}){const i=m(`${t}-divider`,r.className);return o("div",{...r,className:i})}const u=s(e);export{u as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/display/Divider/Divider.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Divider.scss';\n\nexport type DividerProps = HTMLAttributes<HTMLElement>;\nfunction Divider({ ...props }: DividerProps) {\n\n  const clss = joinClass(\n    `${prefix}-divider`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={clss} />\n  );\n}\n\nexport default createComponent(Divider);"],"names":["Divider","props","clss","joinClass","prefix","jsx","Divider_default","createComponent"],"mappings":"uQAWA,SAASA,EAAQ,CAAE,GAAGC,GAAuB,CAE3C,MAAMC,EAAOC,EACX,GAAGC,CAAM,WACTH,EAAM,SAAA,EAGR,OACEI,EAAC,MAAA,CAAK,GAAGJ,EAAO,UAAWC,EAAM,CAErC,CAEA,MAAAI,EAAeC,EAAgBP,CAAO"}
+{"version":3,"file":"index.js","sources":["../../../src/display/Divider/Divider.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Divider.scss';\n\nexport type DividerProps = HTMLAttributes<HTMLElement>;\nfunction Divider({ ...props }: DividerProps) {\n\n  const clss = joinClass(\n    `${prefix}-divider`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={clss} />\n  );\n}\n\nexport default createComponent(Divider);"],"names":["Divider","props","clss","joinClass","prefix","jsx","Divider_default","createComponent"],"mappings":"8TAWA,SAASA,EAAQ,CAAE,GAAGC,GAAuB,CAE3C,MAAMC,EAAOC,EACX,GAAGC,CAAM,WACTH,EAAM,SAAA,EAGR,OACEI,EAAC,MAAA,CAAK,GAAGJ,EAAO,UAAWC,EAAM,CAErC,CAEA,MAAAI,EAAeC,EAAgBP,CAAO"}

package/dist/components/Drawer/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Drawer-C0bFfY0L.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-BaaRDmgo.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-dVH2e42b.cjs");require("../../chunks/createComponent-D7BY-VlJ.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");exports.default=e.Drawer_default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Drawer-0wOdungj.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-beBM7a60.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Drawer_default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Drawer/index.js

@@ -1,2 +1,2 @@
-import{D as d}from"../../chunks/Drawer-BvpQwgSH.js";import"react/jsx-runtime";import"react";import"../../chunks/index-Bmr5u5lp.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-Cde2gkUJ.js";import"../../chunks/createComponent-CyZoFjRB.js";import"../../chunks/useTheme-BQxrRS5M.js";export{d as default};
+import{D as l}from"../../chunks/Drawer-D1lAWrdi.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DK5pfu2w.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{l as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Grid/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/GridItem-CWqF8c-3.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-BaaRDmgo.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");exports.Grid=e.Grid;exports.GridItem=e.GridItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/GridItem-wwo-SHGR.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");exports.Grid=e.Grid;exports.GridItem=e.GridItem;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Grid/index.js

@@ -1,2 +1,2 @@
-import{G as a,a as G}from"../../chunks/GridItem-B1AVF8KI.js";import"react/jsx-runtime";import"react";import"../../chunks/index-Bmr5u5lp.js";import"../../chunks/joinClass-anSpaauN.js";export{a as Grid,G as GridItem};
+import{G as a,a as G}from"../../chunks/GridItem-CaoPZmBu.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";export{a as Grid,G as GridItem};
 //# sourceMappingURL=index.js.map

package/dist/components/Icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Icon-DkPC2mKK.cjs");require("react/jsx-runtime");require("../../chunks/index-BaaRDmgo.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-D7BY-VlJ.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");require("react");exports.default=e.Icon;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Icon-COl2Nhp9.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Icon;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Icon/index.js

@@ -1,2 +1,2 @@
-import{I as f}from"../../chunks/Icon-Dr2s-fYK.js";import"react/jsx-runtime";import"../../chunks/index-Bmr5u5lp.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CyZoFjRB.js";import"../../chunks/useTheme-BQxrRS5M.js";import"react";export{f as default};
+import{I as d}from"../../chunks/Icon-CCIgEwA9.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Input/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, type ReactElement, type MouseEvent, cloneElement, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/Input.scss';\n\nexport type InputType = 'text' | 'password' | 'number' | 'date' | 'month' | 'tel';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  type?: InputType;\n  width?: CSSProperties['width'];\n  endIcon?: React.JSX.Element | boolean;\n  startIcon?: React.JSX.Element | boolean;\n}\n\nfunction Input({\n  error,\n  label,\n  helperText,\n  endIcon,\n  startIcon,\n  type = 'text',\n  disabled,\n  width = '100%',\n  ...props\n}: InputProps) {\n  const containerClss = joinClass(\n    `${prefix}-input-container`,\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-input-label`,\n    error && `${prefix}-input-label--error`,\n  );\n\n  const classes = joinClass(\n    `${prefix}-input-container`,\n    `${prefix}-input`,\n    disabled && `${prefix}-input--disabled`,\n    error && `${prefix}-input--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-input__helper-text`,\n    helperText && `${prefix}-input__helper-text--visible`,\n    error && `${prefix}-input__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' | 'right') => {\n    return cloneElement(icon, {\n      disabled,\n      type: 'button',\n      size: 30,\n      style: {\n        ...icon.props.style,\n      },\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-input__icon`,\n        `${prefix}-input__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        <input {...props} type={type} 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(Input);"],"names":["Input","error","label","helperText","endIcon","startIcon","type","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Input_default","createComponent"],"mappings":"uWAuBA,SAASA,EAAM,CACb,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAe,CACb,MAAMC,EAAgBC,EAAAA,UACpB,GAAGC,EAAAA,MAAM,kBAAA,EAGLC,EAAYF,EAAAA,UAChB,GAAGC,EAAAA,MAAM,eACTX,GAAS,GAAGW,EAAAA,MAAM,qBAAA,EAGdE,EAAUH,EAAAA,UACd,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,SACTL,GAAY,GAAGK,EAAAA,MAAM,mBACrBX,GAAS,GAAGW,EAAAA,MAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,sBACTT,GAAc,GAAGS,EAAAA,MAAM,+BACvBX,GAAS,GAAGW,EAAAA,MAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAAA,aAAaF,EAAM,CACxB,SAAAV,EACA,KAAM,SACN,KAAM,GACN,MAAO,CACL,GAAGU,EAAK,MAAM,KAAA,EAEhB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,eACT,GAAGA,EAAAA,MAAM,wBAAwBM,CAAS,EAAA,EAE5C,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,CAAAN,GAASmB,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAAA,KAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAAA,IAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,EACAkB,EAAAA,IAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAoB,EAAeC,EAAAA,gBAAgBxB,CAAK"}
+{"version":3,"file":"index.cjs","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, type ReactElement, type MouseEvent, cloneElement, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/Input.scss';\n\nexport type InputType = 'text' | 'password' | 'number' | 'date' | 'month' | 'tel';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  type?: InputType;\n  width?: CSSProperties['width'];\n  endIcon?: React.JSX.Element | boolean;\n  startIcon?: React.JSX.Element | boolean;\n}\n\nfunction Input({\n  error,\n  label,\n  helperText,\n  endIcon,\n  startIcon,\n  type = 'text',\n  disabled,\n  width = '100%',\n  ...props\n}: InputProps) {\n  const containerClss = joinClass(\n    `${prefix}-input-container`,\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-input-label`,\n    error && `${prefix}-input-label--error`,\n  );\n\n  const classes = joinClass(\n    `${prefix}-input-container`,\n    `${prefix}-input`,\n    disabled && `${prefix}-input--disabled`,\n    error && `${prefix}-input--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-input__helper-text`,\n    helperText && `${prefix}-input__helper-text--visible`,\n    error && `${prefix}-input__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' | 'right') => {\n    return cloneElement(icon, {\n      disabled,\n      type: 'button',\n      size: 30,\n      style: {\n        ...icon.props.style,\n      },\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-input__icon`,\n        `${prefix}-input__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        <input {...props} type={type} 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(Input);"],"names":["Input","error","label","helperText","endIcon","startIcon","type","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Input_default","createComponent"],"mappings":"kaAuBA,SAASA,EAAM,CACb,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAe,CACb,MAAMC,EAAgBC,EAAAA,UACpB,GAAGC,EAAAA,MAAM,kBAAA,EAGLC,EAAYF,EAAAA,UAChB,GAAGC,EAAAA,MAAM,eACTX,GAAS,GAAGW,EAAAA,MAAM,qBAAA,EAGdE,EAAUH,EAAAA,UACd,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,SACTL,GAAY,GAAGK,EAAAA,MAAM,mBACrBX,GAAS,GAAGW,EAAAA,MAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,sBACTT,GAAc,GAAGS,EAAAA,MAAM,+BACvBX,GAAS,GAAGW,EAAAA,MAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAAA,aAAaF,EAAM,CACxB,SAAAV,EACA,KAAM,SACN,KAAM,GACN,MAAO,CACL,GAAGU,EAAK,MAAM,KAAA,EAEhB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,eACT,GAAGA,EAAAA,MAAM,wBAAwBM,CAAS,EAAA,EAE5C,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,CAAAN,GAASmB,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAAA,KAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAAA,IAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,EACAkB,EAAAA,IAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAoB,EAAeC,EAAAA,gBAAgBxB,CAAK"}

package/dist/components/Input/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, type ReactElement, type MouseEvent, cloneElement, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/Input.scss';\n\nexport type InputType = 'text' | 'password' | 'number' | 'date' | 'month' | 'tel';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  type?: InputType;\n  width?: CSSProperties['width'];\n  endIcon?: React.JSX.Element | boolean;\n  startIcon?: React.JSX.Element | boolean;\n}\n\nfunction Input({\n  error,\n  label,\n  helperText,\n  endIcon,\n  startIcon,\n  type = 'text',\n  disabled,\n  width = '100%',\n  ...props\n}: InputProps) {\n  const containerClss = joinClass(\n    `${prefix}-input-container`,\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-input-label`,\n    error && `${prefix}-input-label--error`,\n  );\n\n  const classes = joinClass(\n    `${prefix}-input-container`,\n    `${prefix}-input`,\n    disabled && `${prefix}-input--disabled`,\n    error && `${prefix}-input--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-input__helper-text`,\n    helperText && `${prefix}-input__helper-text--visible`,\n    error && `${prefix}-input__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' | 'right') => {\n    return cloneElement(icon, {\n      disabled,\n      type: 'button',\n      size: 30,\n      style: {\n        ...icon.props.style,\n      },\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-input__icon`,\n        `${prefix}-input__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        <input {...props} type={type} 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(Input);"],"names":["Input","error","label","helperText","endIcon","startIcon","type","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Input_default","createComponent"],"mappings":"wSAuBA,SAASA,EAAM,CACb,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAe,CACb,MAAMC,EAAgBC,EACpB,GAAGC,CAAM,kBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,eACTX,GAAS,GAAGW,CAAM,qBAAA,EAGdE,EAAUH,EACd,GAAGC,CAAM,mBACT,GAAGA,CAAM,SACTL,GAAY,GAAGK,CAAM,mBACrBX,GAAS,GAAGW,CAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EACrB,GAAGC,CAAM,sBACTT,GAAc,GAAGS,CAAM,+BACvBX,GAAS,GAAGW,CAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAaF,EAAM,CACxB,SAAAV,EACA,KAAM,SACN,KAAM,GACN,MAAO,CACL,GAAGU,EAAK,MAAM,KAAA,EAEhB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,eACT,GAAGA,CAAM,wBAAwBM,CAAS,EAAA,EAE5C,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,CAAAN,GAASmB,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,EACAkB,EAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK"}
+{"version":3,"file":"index.js","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, type ReactElement, type MouseEvent, cloneElement, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/Input.scss';\n\nexport type InputType = 'text' | 'password' | 'number' | 'date' | 'month' | 'tel';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  type?: InputType;\n  width?: CSSProperties['width'];\n  endIcon?: React.JSX.Element | boolean;\n  startIcon?: React.JSX.Element | boolean;\n}\n\nfunction Input({\n  error,\n  label,\n  helperText,\n  endIcon,\n  startIcon,\n  type = 'text',\n  disabled,\n  width = '100%',\n  ...props\n}: InputProps) {\n  const containerClss = joinClass(\n    `${prefix}-input-container`,\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-input-label`,\n    error && `${prefix}-input-label--error`,\n  );\n\n  const classes = joinClass(\n    `${prefix}-input-container`,\n    `${prefix}-input`,\n    disabled && `${prefix}-input--disabled`,\n    error && `${prefix}-input--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-input__helper-text`,\n    helperText && `${prefix}-input__helper-text--visible`,\n    error && `${prefix}-input__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' | 'right') => {\n    return cloneElement(icon, {\n      disabled,\n      type: 'button',\n      size: 30,\n      style: {\n        ...icon.props.style,\n      },\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-input__icon`,\n        `${prefix}-input__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        <input {...props} type={type} 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(Input);"],"names":["Input","error","label","helperText","endIcon","startIcon","type","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Input_default","createComponent"],"mappings":"+VAuBA,SAASA,EAAM,CACb,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAe,CACb,MAAMC,EAAgBC,EACpB,GAAGC,CAAM,kBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,eACTX,GAAS,GAAGW,CAAM,qBAAA,EAGdE,EAAUH,EACd,GAAGC,CAAM,mBACT,GAAGA,CAAM,SACTL,GAAY,GAAGK,CAAM,mBACrBX,GAAS,GAAGW,CAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EACrB,GAAGC,CAAM,sBACTT,GAAc,GAAGS,CAAM,+BACvBX,GAAS,GAAGW,CAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAaF,EAAM,CACxB,SAAAV,EACA,KAAM,SACN,KAAM,GACN,MAAO,CACL,GAAGU,EAAK,MAAM,KAAA,EAEhB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,eACT,GAAGA,CAAM,wBAAwBM,CAAS,EAAA,EAE5C,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,CAAAN,GAASmB,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,EACAkB,EAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK"}

package/dist/components/InputFile/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),i=require("../../chunks/index-BaaRDmgo.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-D7BY-VlJ.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");require("react");function s({...e}){const t=r.joinClass(`${i.prefix}-input-file`,e.className);return n.jsx("input",{...e,type:"file",className:t})}const o=u.createComponent(s);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function s({...e}){const t=r.joinClass(`${n.prefix}-input-file`,e.className);return i.jsx("input",{...e,type:"file",className:t})}const o=u.createComponent(s);exports.default=o;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/fields/InputFile/InputFile.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/InputFile.scss';\n\nexport interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {}\n\nfunction InputFile({ ...props }: InputFileProps) {\n  const cls = joinClass(\n    `${prefix}-input-file`,\n    props.className\n  );\n\n  return (\n    <input {...props} type=\"file\" className={cls} />\n  );\n}\n\nexport default createComponent(InputFile);\n"],"names":["InputFile","props","cls","joinClass","prefix","InputFile_default","createComponent"],"mappings":"qWAYA,SAASA,EAAU,CAAE,GAAGC,GAAyB,CAC/C,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,cACTH,EAAM,SAAA,EAGR,aACG,QAAA,CAAO,GAAGA,EAAO,KAAK,OAAO,UAAWC,EAAK,CAElD,CAEA,MAAAG,EAAeC,EAAAA,gBAAgBN,CAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/fields/InputFile/InputFile.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/InputFile.scss';\n\nexport interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {}\n\nfunction InputFile({ ...props }: InputFileProps) {\n  const cls = joinClass(\n    `${prefix}-input-file`,\n    props.className\n  );\n\n  return (\n    <input {...props} type=\"file\" className={cls} />\n  );\n}\n\nexport default createComponent(InputFile);\n"],"names":["InputFile","props","cls","joinClass","prefix","InputFile_default","createComponent"],"mappings":"gaAYA,SAASA,EAAU,CAAE,GAAGC,GAAyB,CAC/C,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,cACTH,EAAM,SAAA,EAGR,aACG,QAAA,CAAO,GAAGA,EAAO,KAAK,OAAO,UAAWC,EAAK,CAElD,CAEA,MAAAG,EAAeC,EAAAA,gBAAgBN,CAAS"}

package/dist/components/InputFile/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{p as i}from"../../chunks/index-Bmr5u5lp.js";import{j as r}from"../../chunks/joinClass-anSpaauN.js";import{c as m}from"../../chunks/createComponent-CyZoFjRB.js";import"../../chunks/useTheme-BQxrRS5M.js";import"react";function p({...t}){const o=r(`${i}-input-file`,t.className);return e("input",{...t,type:"file",className:o})}const u=m(p);export{u as default};
+import{jsx as i}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as r}from"../../chunks/joinClass-anSpaauN.js";import{c as m}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function p({...t}){const o=r(`${e}-input-file`,t.className);return i("input",{...t,type:"file",className:o})}const j=m(p);export{j as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/fields/InputFile/InputFile.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/InputFile.scss';\n\nexport interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {}\n\nfunction InputFile({ ...props }: InputFileProps) {\n  const cls = joinClass(\n    `${prefix}-input-file`,\n    props.className\n  );\n\n  return (\n    <input {...props} type=\"file\" className={cls} />\n  );\n}\n\nexport default createComponent(InputFile);\n"],"names":["InputFile","props","cls","joinClass","prefix","InputFile_default","createComponent"],"mappings":"uQAYA,SAASA,EAAU,CAAE,GAAGC,GAAyB,CAC/C,MAAMC,EAAMC,EACV,GAAGC,CAAM,cACTH,EAAM,SAAA,EAGR,SACG,QAAA,CAAO,GAAGA,EAAO,KAAK,OAAO,UAAWC,EAAK,CAElD,CAEA,MAAAG,EAAeC,EAAgBN,CAAS"}
+{"version":3,"file":"index.js","sources":["../../../src/fields/InputFile/InputFile.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/InputFile.scss';\n\nexport interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {}\n\nfunction InputFile({ ...props }: InputFileProps) {\n  const cls = joinClass(\n    `${prefix}-input-file`,\n    props.className\n  );\n\n  return (\n    <input {...props} type=\"file\" className={cls} />\n  );\n}\n\nexport default createComponent(InputFile);\n"],"names":["InputFile","props","cls","joinClass","prefix","InputFile_default","createComponent"],"mappings":"8TAYA,SAASA,EAAU,CAAE,GAAGC,GAAyB,CAC/C,MAAMC,EAAMC,EACV,GAAGC,CAAM,cACTH,EAAM,SAAA,EAGR,SACG,QAAA,CAAO,GAAGA,EAAO,KAAK,OAAO,UAAWC,EAAK,CAElD,CAEA,MAAAG,EAAeC,EAAgBN,CAAS"}

package/dist/components/Loading/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("../../chunks/index-BaaRDmgo.cjs"),a=require("../../chunks/convertPathToColor-BlQMLS4V.cjs"),l=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-D7BY-VlJ.cjs"),d=require("../../chunks/useTheme-BZl65Sjh.cjs");require("react");function m({color:n="primary",size:t="1.5rem",...e}){const{theme:{palette:i}}=d.useTheme(),s=a.convertPathToColor(`${n}.main`,i),c=l.joinClass(`${r.prefix}-loading`,e.className);return o.jsx("span",{...e,className:c,style:{...e,color:s,width:t,height:t},children:o.jsx("svg",{className:`${r.prefix}-loading__svg`,viewBox:"22 22 44 44",children:o.jsx("circle",{className:`${r.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const h=u.createComponent(m);exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("../../chunks/index-DYxwT4uW.cjs"),a=require("../../chunks/convertPathToColor-BlQMLS4V.cjs"),l=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-CTufIEiN.cjs"),d=require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function m({color:n="primary",size:t="1.5rem",...e}){const{theme:{palette:i}}=d.useTheme(),s=a.convertPathToColor(`${n}.main`,i),c=l.joinClass(`${o.prefix}-loading`,e.className);return r.jsx("span",{...e,className:c,style:{...e,color:s,width:t,height:t},children:r.jsx("svg",{className:`${o.prefix}-loading__svg`,viewBox:"22 22 44 44",children:r.jsx("circle",{className:`${o.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const h=u.createComponent(m);exports.default=h;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/feedback/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { Colors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: Colors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(`${color}.main`, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"iaAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,UAAW,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CAC/E,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzBC,EAAIC,EAAAA,mBAAmB,GAAGN,CAAK,QAASG,CAAO,EAE/CI,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,WAAYP,EAAM,SAAS,EAEhE,aACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,IAAC,OAAI,UAAW,GAAGD,EAAAA,MAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,IAAC,UAAO,UAAW,GAAGD,EAAAA,MAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAAA,gBAAgBb,CAAO"}
+{"version":3,"file":"index.cjs","sources":["../../../src/feedback/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { Colors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: Colors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(`${color}.main`, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"4dAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,UAAW,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CAC/E,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzBC,EAAIC,EAAAA,mBAAmB,GAAGN,CAAK,QAASG,CAAO,EAE/CI,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,WAAYP,EAAM,SAAS,EAEhE,aACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,IAAC,OAAI,UAAW,GAAGD,EAAAA,MAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,IAAC,UAAO,UAAW,GAAGD,EAAAA,MAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAAA,gBAAgBb,CAAO"}

package/dist/components/Loading/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{p as a}from"../../chunks/index-Bmr5u5lp.js";import{c as m}from"../../chunks/convertPathToColor-D2SdAqGh.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as l}from"../../chunks/createComponent-CyZoFjRB.js";import{u as d}from"../../chunks/useTheme-BQxrRS5M.js";import"react";function f({color:t="primary",size:r="1.5rem",...o}){const{theme:{palette:i}}=d(),s=m(`${t}.main`,i),c=n(`${a}-loading`,o.className);return e("span",{...o,className:c,style:{...o,color:s,width:r,height:r},children:e("svg",{className:`${a}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${a}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const N=l(f);export{N as default};
+import{jsx as e}from"react/jsx-runtime";import{p as r}from"../../chunks/index-CZ41y9Hn.js";import{c}from"../../chunks/convertPathToColor-D2SdAqGh.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as l}from"../../chunks/createComponent-WNQRXK89.js";import{u as d}from"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function f({color:a="primary",size:t="1.5rem",...o}){const{theme:{palette:i}}=d(),m=c(`${a}.main`,i),s=n(`${r}-loading`,o.className);return e("span",{...o,className:s,style:{...o,color:m,width:t,height:t},children:e("svg",{className:`${r}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${r}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const $=l(f);export{$ as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/feedback/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { Colors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: Colors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(`${color}.main`, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"mVAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,UAAW,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CAC/E,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAIC,EAAmB,GAAGN,CAAK,QAASG,CAAO,EAE/CI,EAAYC,EAAU,GAAGC,CAAM,WAAYP,EAAM,SAAS,EAEhE,SACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAC,OAAI,UAAW,GAAGD,CAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAC,UAAO,UAAW,GAAGD,CAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAgBb,CAAO"}
+{"version":3,"file":"index.js","sources":["../../../src/feedback/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { Colors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: Colors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(`${color}.main`, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"qYAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,UAAW,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CAC/E,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAIC,EAAmB,GAAGN,CAAK,QAASG,CAAO,EAE/CI,EAAYC,EAAU,GAAGC,CAAM,WAAYP,EAAM,SAAS,EAEhE,SACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAC,OAAI,UAAW,GAAGD,CAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAC,UAAO,UAAW,GAAGD,CAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAgBb,CAAO"}

package/dist/components/Menu/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useMenu-C6Vg_3uM.cjs"),u=require("../../chunks/MenuButton-Dr8liABR.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-BaaRDmgo.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-DwQwp0Z1.cjs");require("../../chunks/Ripple-BqrSCCqr.cjs");require("../../chunks/createComponent-D7BY-VlJ.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");require("../../chunks/CardContent-BfNpVYNI.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=u.MenuButton_default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useMenu-C0u9aTiR.cjs"),r=require("../../chunks/MenuButton-AyzSxRY0.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-B8XSgLaD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/CardContent-BivcVoIc.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=r.MenuButton_default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Menu/index.js

@@ -1,2 +1,2 @@
-import{M as x,u as B}from"../../chunks/useMenu-C47b1gPc.js";import{M as c}from"../../chunks/MenuButton-Cz3vFc6y.js";import"react/jsx-runtime";import"react";import"../../chunks/index-Bmr5u5lp.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-BcsU9Bwu.js";import"../../chunks/Ripple-DUBh1UW5.js";import"../../chunks/createComponent-CyZoFjRB.js";import"../../chunks/useTheme-BQxrRS5M.js";import"../../chunks/CardContent-BvRmc1hs.js";export{x as Menu,c as MenuButton,B as useMenu};
+import{M as B,u as b}from"../../chunks/useMenu-BNL22pOQ.js";import{M as d}from"../../chunks/MenuButton-DLf22r80.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-DOsl4_nu.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/CardContent-C8ypE7yH.js";export{B as Menu,d as MenuButton,b as useMenu};
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),n=require("../../chunks/index-BaaRDmgo.cjs"),a=require("../../chunks/joinClass-Jk3EszKD.cjs"),v=require("../../chunks/createComponent-D7BY-VlJ.cjs"),q=require("../../chunks/Card-DwQwp0Z1.cjs"),y=require("../../chunks/CardContent-BfNpVYNI.cjs"),_=require("../../chunks/Stack-dVH2e42b.cjs"),N=require("../../chunks/ButtonIcon-CJPT8zy-.cjs"),k=require("../../chunks/Icon-DkPC2mKK.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");require("../../chunks/Ripple-BqrSCCqr.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function w({children:d,title:m,subtitle:f,isOpen:c,onClose:l,...u}){const[i,r]=s.useState({visible:!1,animation:"hide"}),o=s.useRef(null),x=300,C=a.joinClass(`${n.prefix}-modal`,`${n.prefix}-modal--${i.animation}`),j=a.joinClass(`${n.prefix}-modal__content`,u.className),p=a.joinClass(`${n.prefix}-modal__backdrop`,`${n.prefix}-modal__backdrop--${i.animation}`);s.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),s.useEffect(()=>(c?b():h(),()=>{o.current&&(clearTimeout(o.current),o.current=null)}),[c]);const b=()=>{r(e=>({...e,visible:!0})),o.current=setTimeout(()=>{r(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)},h=()=>{r(e=>({...e,animation:"hide"})),o.current=setTimeout(()=>{r(e=>({...e,visible:!1})),document.body.style.overflow=""},x)};return i.visible&&t.jsx("div",{className:p,onClick:l,children:t.jsx("div",{className:`${n.prefix}-modal__container`,children:t.jsx(q.Card,{className:C,children:t.jsxs(y.CardContent,{onClick:e=>e.stopPropagation(),children:[t.jsxs(_.Stack,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[t.jsxs("div",{children:[m,f]}),t.jsx(N.ButtonIcon,{color:"primary",onClick:l,children:t.jsx(k.Icon,{name:"times",color:"text.secondary"})})]}),t.jsx("div",{...u,className:j,children:d})]})})})})}const I=v.createComponent(w);exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),n=require("../../chunks/index-DYxwT4uW.cjs"),a=require("../../chunks/joinClass-Jk3EszKD.cjs"),q=require("../../chunks/createComponent-CTufIEiN.cjs"),v=require("../../chunks/Card-B8XSgLaD.cjs"),y=require("../../chunks/CardContent-BivcVoIc.cjs"),_=require("../../chunks/Stack-beBM7a60.cjs"),N=require("../../chunks/ButtonIcon-Cz8zJH-E.cjs"),k=require("../../chunks/Icon-COl2Nhp9.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function w({children:d,title:m,subtitle:f,isOpen:c,onClose:l,...u}){const[i,r]=s.useState({visible:!1,animation:"hide"}),o=s.useRef(null),x=300,C=a.joinClass(`${n.prefix}-modal`,`${n.prefix}-modal--${i.animation}`),j=a.joinClass(`${n.prefix}-modal__content`,u.className),p=a.joinClass(`${n.prefix}-modal__backdrop`,`${n.prefix}-modal__backdrop--${i.animation}`);s.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),s.useEffect(()=>(c?b():h(),()=>{o.current&&(clearTimeout(o.current),o.current=null)}),[c]);const b=()=>{r(e=>({...e,visible:!0})),o.current=setTimeout(()=>{r(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)},h=()=>{r(e=>({...e,animation:"hide"})),o.current=setTimeout(()=>{r(e=>({...e,visible:!1})),document.body.style.overflow=""},x)};return i.visible&&t.jsx("div",{className:p,onClick:l,children:t.jsx("div",{className:`${n.prefix}-modal__container`,children:t.jsx(v.Card,{className:C,children:t.jsxs(y.CardContent,{onClick:e=>e.stopPropagation(),children:[t.jsxs(_.Stack,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[t.jsxs("div",{children:[m,f]}),t.jsx(N.ButtonIcon,{color:"primary",onClick:l,children:t.jsx(k.Icon,{name:"times",color:"text.secondary"})})]}),t.jsx("div",{...u,className:j,children:d})]})})})})}const I=q.createComponent(w);exports.default=I;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/feedback/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { Card, CardContent } from '@/display/Card';\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Modal.scss';\n\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass, visible: boolean };\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  title?: React.JSX.Element;\n  subtitle?: React.JSX.Element;\n}\n\nfunction Modal({ children, title, subtitle, isOpen, onClose, ...props }: ModalProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const ANIMATION_DURATION = 300;\n\n  const className = joinClass(\n    `${prefix}-modal`,\n    `${prefix}-modal--${config.animation}`\n  );\n  const classNameContent = joinClass(\n    `${prefix}-modal__content`,\n    props.className\n  );\n  const backdropClassName = joinClass(\n    `${prefix}-modal__backdrop`,\n    `${prefix}-modal__backdrop--${config.animation}`\n  );\n\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = 'auto';\n    };\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      handleOpen();\n    } else {\n      handleClose();\n    }\n\n    return () => {\n      if (!timeoutRef.current) { return; }\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    };\n  }, [isOpen]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n    timeoutRef.current = setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n    timeoutRef.current = setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div className={backdropClassName} onClick={onClose}>\n        <div className={`${prefix}-modal__container`}>\n          <Card className={className}>\n            <CardContent onClick={(e) => e.stopPropagation()}>\n              <Stack\n                flexDirection=\"row\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                style={{ flexWrap: 'nowrap' }}\n              >\n                <div>\n                  {title}\n                  {subtitle}\n                </div>\n                <ButtonIcon color=\"primary\" onClick={onClose}>\n                  <Icon name=\"times\" color=\"text.secondary\" />\n                </ButtonIcon>\n              </Stack>\n              <div\n                {...props}\n                className={classNameContent}\n              >\n                {children}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Modal);\n"],"names":["Modal","children","title","subtitle","isOpen","onClose","props","config","setConfig","useState","timeoutRef","useRef","ANIMATION_DURATION","className","joinClass","prefix","classNameContent","backdropClassName","useEffect","handleOpen","handleClose","prev","jsx","Card","jsxs","CardContent","Stack","ButtonIcon","Icon","Modal_default","createComponent"],"mappings":"qrBAyBA,SAASA,EAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAqB,CACnF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAC5EC,EAAaC,EAAAA,OAA6C,IAAI,EAE9DC,EAAqB,IAErBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWR,EAAO,SAAS,EAAA,EAEhCS,EAAmBF,EAAAA,UACvB,GAAGC,EAAAA,MAAM,kBACTT,EAAM,SAAA,EAEFW,EAAoBH,EAAAA,UACxB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBR,EAAO,SAAS,EAAA,EAGhDW,EAAAA,UAAU,KACR,SAAS,KAAK,MAAM,SAAW,SAExB,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,MACjC,GACC,CAAA,CAAE,EAELA,EAAAA,UAAU,KACJd,EACFe,EAAA,EAEAC,EAAA,EAGK,IAAM,CACNV,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,GACC,CAACN,CAAM,CAAC,EAEX,MAAMe,EAAa,IAAM,CACvBX,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAO,EAC9CX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,CACR,EAEMD,EAAc,IAAM,CACxBZ,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClDX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGT,CAAkB,CACvB,EAEA,OACEL,EAAO,SACLe,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAmB,QAASZ,EAC1C,SAAAiB,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGP,EAAAA,MAAM,oBACvB,SAAAO,EAAAA,IAACC,EAAAA,KAAA,CAAK,UAAAV,EACJ,SAAAW,EAAAA,KAACC,EAAAA,YAAA,CAAY,QAAU,GAAM,EAAE,gBAAA,EAC7B,SAAA,CAAAD,EAAAA,KAACE,EAAAA,MAAA,CACC,cAAc,MACd,WAAW,aACX,eAAe,gBACf,MAAO,CAAE,SAAU,QAAA,EAEnB,SAAA,CAAAF,OAAC,MAAA,CACE,SAAA,CAAAtB,EACAC,CAAA,EACH,EACAmB,EAAAA,IAACK,EAAAA,WAAA,CAAW,MAAM,UAAU,QAAStB,EACnC,SAAAiB,EAAAA,IAACM,EAAAA,KAAA,CAAK,KAAK,QAAQ,MAAM,gBAAA,CAAiB,CAAA,CAC5C,CAAA,CAAA,CAAA,EAEFN,EAAAA,IAAC,MAAA,CACE,GAAGhB,EACJ,UAAWU,EAEV,SAAAf,CAAA,CAAA,CACH,EACF,CAAA,CACF,EACF,EACF,CAGN,CAEA,MAAA4B,EAAeC,EAAAA,gBAAgB9B,CAAK"}
+{"version":3,"file":"index.cjs","sources":["../../../src/feedback/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { Card, CardContent } from '@/display/Card';\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Modal.scss';\n\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass, visible: boolean };\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  title?: React.JSX.Element;\n  subtitle?: React.JSX.Element;\n}\n\nfunction Modal({ children, title, subtitle, isOpen, onClose, ...props }: ModalProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const ANIMATION_DURATION = 300;\n\n  const className = joinClass(\n    `${prefix}-modal`,\n    `${prefix}-modal--${config.animation}`\n  );\n  const classNameContent = joinClass(\n    `${prefix}-modal__content`,\n    props.className\n  );\n  const backdropClassName = joinClass(\n    `${prefix}-modal__backdrop`,\n    `${prefix}-modal__backdrop--${config.animation}`\n  );\n\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = 'auto';\n    };\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      handleOpen();\n    } else {\n      handleClose();\n    }\n\n    return () => {\n      if (!timeoutRef.current) { return; }\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    };\n  }, [isOpen]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n    timeoutRef.current = setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n    timeoutRef.current = setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div className={backdropClassName} onClick={onClose}>\n        <div className={`${prefix}-modal__container`}>\n          <Card className={className}>\n            <CardContent onClick={(e) => e.stopPropagation()}>\n              <Stack\n                flexDirection=\"row\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                style={{ flexWrap: 'nowrap' }}\n              >\n                <div>\n                  {title}\n                  {subtitle}\n                </div>\n                <ButtonIcon color=\"primary\" onClick={onClose}>\n                  <Icon name=\"times\" color=\"text.secondary\" />\n                </ButtonIcon>\n              </Stack>\n              <div\n                {...props}\n                className={classNameContent}\n              >\n                {children}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Modal);\n"],"names":["Modal","children","title","subtitle","isOpen","onClose","props","config","setConfig","useState","timeoutRef","useRef","ANIMATION_DURATION","className","joinClass","prefix","classNameContent","backdropClassName","useEffect","handleOpen","handleClose","prev","jsx","Card","jsxs","CardContent","Stack","ButtonIcon","Icon","Modal_default","createComponent"],"mappings":"gvBAyBA,SAASA,EAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAqB,CACnF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAC5EC,EAAaC,EAAAA,OAA6C,IAAI,EAE9DC,EAAqB,IAErBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWR,EAAO,SAAS,EAAA,EAEhCS,EAAmBF,EAAAA,UACvB,GAAGC,EAAAA,MAAM,kBACTT,EAAM,SAAA,EAEFW,EAAoBH,EAAAA,UACxB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBR,EAAO,SAAS,EAAA,EAGhDW,EAAAA,UAAU,KACR,SAAS,KAAK,MAAM,SAAW,SAExB,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,MACjC,GACC,CAAA,CAAE,EAELA,EAAAA,UAAU,KACJd,EACFe,EAAA,EAEAC,EAAA,EAGK,IAAM,CACNV,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,GACC,CAACN,CAAM,CAAC,EAEX,MAAMe,EAAa,IAAM,CACvBX,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAO,EAC9CX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,CACR,EAEMD,EAAc,IAAM,CACxBZ,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClDX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGT,CAAkB,CACvB,EAEA,OACEL,EAAO,SACLe,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAmB,QAASZ,EAC1C,SAAAiB,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGP,EAAAA,MAAM,oBACvB,SAAAO,EAAAA,IAACC,EAAAA,KAAA,CAAK,UAAAV,EACJ,SAAAW,EAAAA,KAACC,EAAAA,YAAA,CAAY,QAAU,GAAM,EAAE,gBAAA,EAC7B,SAAA,CAAAD,EAAAA,KAACE,EAAAA,MAAA,CACC,cAAc,MACd,WAAW,aACX,eAAe,gBACf,MAAO,CAAE,SAAU,QAAA,EAEnB,SAAA,CAAAF,OAAC,MAAA,CACE,SAAA,CAAAtB,EACAC,CAAA,EACH,EACAmB,EAAAA,IAACK,EAAAA,WAAA,CAAW,MAAM,UAAU,QAAStB,EACnC,SAAAiB,EAAAA,IAACM,EAAAA,KAAA,CAAK,KAAK,QAAQ,MAAM,gBAAA,CAAiB,CAAA,CAC5C,CAAA,CAAA,CAAA,EAEFN,EAAAA,IAAC,MAAA,CACE,GAAGhB,EACJ,UAAWU,EAEV,SAAAf,CAAA,CAAA,CACH,EACF,CAAA,CACF,EACF,EACF,CAGN,CAEA,MAAA4B,EAAeC,EAAAA,gBAAgB9B,CAAK"}

package/dist/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as _,useRef as w,useEffect as d}from"react";import{p as t}from"../../chunks/index-Bmr5u5lp.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as x}from"../../chunks/createComponent-CyZoFjRB.js";import{C as $}from"../../chunks/Card-BcsU9Bwu.js";import{C as k}from"../../chunks/CardContent-BvRmc1hs.js";import{S as I}from"../../chunks/Stack-Cde2gkUJ.js";import{B as j}from"../../chunks/ButtonIcon-B5nwYzcd.js";import{I as T}from"../../chunks/Icon-Dr2s-fYK.js";import"../../chunks/useTheme-BQxrRS5M.js";import"../../chunks/Ripple-DUBh1UW5.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function g({children:f,title:u,subtitle:p,isOpen:l,onClose:m,...c}){const[a,r]=_({visible:!1,animation:"hide"}),n=w(null),h=300,C=s(`${t}-modal`,`${t}-modal--${a.animation}`),b=s(`${t}-modal__content`,c.className),v=s(`${t}-modal__backdrop`,`${t}-modal__backdrop--${a.animation}`);d(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),d(()=>(l?y():N(),()=>{n.current&&(clearTimeout(n.current),n.current=null)}),[l]);const y=()=>{r(o=>({...o,visible:!0})),n.current=setTimeout(()=>{r(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},N=()=>{r(o=>({...o,animation:"hide"})),n.current=setTimeout(()=>{r(o=>({...o,visible:!1})),document.body.style.overflow=""},h)};return a.visible&&e("div",{className:v,onClick:m,children:e("div",{className:`${t}-modal__container`,children:e($,{className:C,children:i(k,{onClick:o=>o.stopPropagation(),children:[i(I,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[i("div",{children:[u,p]}),e(j,{color:"primary",onClick:m,children:e(T,{name:"times",color:"text.secondary"})})]}),e("div",{...c,className:b,children:f})]})})})})}const F=x(g);export{F as default};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as _,useRef as w,useEffect as d}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as x}from"../../chunks/createComponent-WNQRXK89.js";import{C as $}from"../../chunks/Card-DOsl4_nu.js";import{C as k}from"../../chunks/CardContent-C8ypE7yH.js";import{S as I}from"../../chunks/Stack-DK5pfu2w.js";import{B as j}from"../../chunks/ButtonIcon-CsX4oYeI.js";import{I as T}from"../../chunks/Icon-CCIgEwA9.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function g({children:f,title:u,subtitle:p,isOpen:l,onClose:m,...c}){const[a,r]=_({visible:!1,animation:"hide"}),n=w(null),h=300,C=s(`${t}-modal`,`${t}-modal--${a.animation}`),b=s(`${t}-modal__content`,c.className),v=s(`${t}-modal__backdrop`,`${t}-modal__backdrop--${a.animation}`);d(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),d(()=>(l?y():N(),()=>{n.current&&(clearTimeout(n.current),n.current=null)}),[l]);const y=()=>{r(o=>({...o,visible:!0})),n.current=setTimeout(()=>{r(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},N=()=>{r(o=>({...o,animation:"hide"})),n.current=setTimeout(()=>{r(o=>({...o,visible:!1})),document.body.style.overflow=""},h)};return a.visible&&e("div",{className:v,onClick:m,children:e("div",{className:`${t}-modal__container`,children:e($,{className:C,children:i(k,{onClick:o=>o.stopPropagation(),children:[i(I,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[i("div",{children:[u,p]}),e(j,{color:"primary",onClick:m,children:e(T,{name:"times",color:"text.secondary"})})]}),e("div",{...c,className:b,children:f})]})})})})}const G=x(g);export{G as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/feedback/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { Card, CardContent } from '@/display/Card';\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Modal.scss';\n\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass, visible: boolean };\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  title?: React.JSX.Element;\n  subtitle?: React.JSX.Element;\n}\n\nfunction Modal({ children, title, subtitle, isOpen, onClose, ...props }: ModalProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const ANIMATION_DURATION = 300;\n\n  const className = joinClass(\n    `${prefix}-modal`,\n    `${prefix}-modal--${config.animation}`\n  );\n  const classNameContent = joinClass(\n    `${prefix}-modal__content`,\n    props.className\n  );\n  const backdropClassName = joinClass(\n    `${prefix}-modal__backdrop`,\n    `${prefix}-modal__backdrop--${config.animation}`\n  );\n\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = 'auto';\n    };\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      handleOpen();\n    } else {\n      handleClose();\n    }\n\n    return () => {\n      if (!timeoutRef.current) { return; }\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    };\n  }, [isOpen]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n    timeoutRef.current = setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n    timeoutRef.current = setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div className={backdropClassName} onClick={onClose}>\n        <div className={`${prefix}-modal__container`}>\n          <Card className={className}>\n            <CardContent onClick={(e) => e.stopPropagation()}>\n              <Stack\n                flexDirection=\"row\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                style={{ flexWrap: 'nowrap' }}\n              >\n                <div>\n                  {title}\n                  {subtitle}\n                </div>\n                <ButtonIcon color=\"primary\" onClick={onClose}>\n                  <Icon name=\"times\" color=\"text.secondary\" />\n                </ButtonIcon>\n              </Stack>\n              <div\n                {...props}\n                className={classNameContent}\n              >\n                {children}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Modal);\n"],"names":["Modal","children","title","subtitle","isOpen","onClose","props","config","setConfig","useState","timeoutRef","useRef","ANIMATION_DURATION","className","joinClass","prefix","classNameContent","backdropClassName","useEffect","handleOpen","handleClose","prev","jsx","Card","jsxs","CardContent","e","Stack","ButtonIcon","Icon","Modal_default","createComponent"],"mappings":"mqBAyBA,SAASA,EAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAqB,CACnF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAC5EC,EAAaC,EAA6C,IAAI,EAE9DC,EAAqB,IAErBC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWR,EAAO,SAAS,EAAA,EAEhCS,EAAmBF,EACvB,GAAGC,CAAM,kBACTT,EAAM,SAAA,EAEFW,EAAoBH,EACxB,GAAGC,CAAM,mBACT,GAAGA,CAAM,qBAAqBR,EAAO,SAAS,EAAA,EAGhDW,EAAU,KACR,SAAS,KAAK,MAAM,SAAW,SAExB,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,MACjC,GACC,CAAA,CAAE,EAELA,EAAU,KACJd,EACFe,EAAA,EAEAC,EAAA,EAGK,IAAM,CACNV,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,GACC,CAACN,CAAM,CAAC,EAEX,MAAMe,EAAa,IAAM,CACvBX,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAO,EAC9CX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,CACR,EAEMD,EAAc,IAAM,CACxBZ,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClDX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGT,CAAkB,CACvB,EAEA,OACEL,EAAO,SACLe,EAAC,MAAA,CAAI,UAAWL,EAAmB,QAASZ,EAC1C,SAAAiB,EAAC,MAAA,CAAI,UAAW,GAAGP,CAAM,oBACvB,SAAAO,EAACC,EAAA,CAAK,UAAAV,EACJ,SAAAW,EAACC,EAAA,CAAY,QAAUC,GAAMA,EAAE,gBAAA,EAC7B,SAAA,CAAAF,EAACG,EAAA,CACC,cAAc,MACd,WAAW,aACX,eAAe,gBACf,MAAO,CAAE,SAAU,QAAA,EAEnB,SAAA,CAAAH,EAAC,MAAA,CACE,SAAA,CAAAtB,EACAC,CAAA,EACH,EACAmB,EAACM,EAAA,CAAW,MAAM,UAAU,QAASvB,EACnC,SAAAiB,EAACO,EAAA,CAAK,KAAK,QAAQ,MAAM,gBAAA,CAAiB,CAAA,CAC5C,CAAA,CAAA,CAAA,EAEFP,EAAC,MAAA,CACE,GAAGhB,EACJ,UAAWU,EAEV,SAAAf,CAAA,CAAA,CACH,EACF,CAAA,CACF,EACF,EACF,CAGN,CAEA,MAAA6B,EAAeC,EAAgB/B,CAAK"}
+{"version":3,"file":"index.js","sources":["../../../src/feedback/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { Card, CardContent } from '@/display/Card';\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Modal.scss';\n\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass, visible: boolean };\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  title?: React.JSX.Element;\n  subtitle?: React.JSX.Element;\n}\n\nfunction Modal({ children, title, subtitle, isOpen, onClose, ...props }: ModalProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const ANIMATION_DURATION = 300;\n\n  const className = joinClass(\n    `${prefix}-modal`,\n    `${prefix}-modal--${config.animation}`\n  );\n  const classNameContent = joinClass(\n    `${prefix}-modal__content`,\n    props.className\n  );\n  const backdropClassName = joinClass(\n    `${prefix}-modal__backdrop`,\n    `${prefix}-modal__backdrop--${config.animation}`\n  );\n\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = 'auto';\n    };\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      handleOpen();\n    } else {\n      handleClose();\n    }\n\n    return () => {\n      if (!timeoutRef.current) { return; }\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    };\n  }, [isOpen]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n    timeoutRef.current = setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n    timeoutRef.current = setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div className={backdropClassName} onClick={onClose}>\n        <div className={`${prefix}-modal__container`}>\n          <Card className={className}>\n            <CardContent onClick={(e) => e.stopPropagation()}>\n              <Stack\n                flexDirection=\"row\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                style={{ flexWrap: 'nowrap' }}\n              >\n                <div>\n                  {title}\n                  {subtitle}\n                </div>\n                <ButtonIcon color=\"primary\" onClick={onClose}>\n                  <Icon name=\"times\" color=\"text.secondary\" />\n                </ButtonIcon>\n              </Stack>\n              <div\n                {...props}\n                className={classNameContent}\n              >\n                {children}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Modal);\n"],"names":["Modal","children","title","subtitle","isOpen","onClose","props","config","setConfig","useState","timeoutRef","useRef","ANIMATION_DURATION","className","joinClass","prefix","classNameContent","backdropClassName","useEffect","handleOpen","handleClose","prev","jsx","Card","jsxs","CardContent","e","Stack","ButtonIcon","Icon","Modal_default","createComponent"],"mappings":"0tBAyBA,SAASA,EAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAqB,CACnF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAC5EC,EAAaC,EAA6C,IAAI,EAE9DC,EAAqB,IAErBC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWR,EAAO,SAAS,EAAA,EAEhCS,EAAmBF,EACvB,GAAGC,CAAM,kBACTT,EAAM,SAAA,EAEFW,EAAoBH,EACxB,GAAGC,CAAM,mBACT,GAAGA,CAAM,qBAAqBR,EAAO,SAAS,EAAA,EAGhDW,EAAU,KACR,SAAS,KAAK,MAAM,SAAW,SAExB,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,MACjC,GACC,CAAA,CAAE,EAELA,EAAU,KACJd,EACFe,EAAA,EAEAC,EAAA,EAGK,IAAM,CACNV,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,GACC,CAACN,CAAM,CAAC,EAEX,MAAMe,EAAa,IAAM,CACvBX,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAO,EAC9CX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,CACR,EAEMD,EAAc,IAAM,CACxBZ,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClDX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGT,CAAkB,CACvB,EAEA,OACEL,EAAO,SACLe,EAAC,MAAA,CAAI,UAAWL,EAAmB,QAASZ,EAC1C,SAAAiB,EAAC,MAAA,CAAI,UAAW,GAAGP,CAAM,oBACvB,SAAAO,EAACC,EAAA,CAAK,UAAAV,EACJ,SAAAW,EAACC,EAAA,CAAY,QAAUC,GAAMA,EAAE,gBAAA,EAC7B,SAAA,CAAAF,EAACG,EAAA,CACC,cAAc,MACd,WAAW,aACX,eAAe,gBACf,MAAO,CAAE,SAAU,QAAA,EAEnB,SAAA,CAAAH,EAAC,MAAA,CACE,SAAA,CAAAtB,EACAC,CAAA,EACH,EACAmB,EAACM,EAAA,CAAW,MAAM,UAAU,QAASvB,EACnC,SAAAiB,EAACO,EAAA,CAAK,KAAK,QAAQ,MAAM,gBAAA,CAAiB,CAAA,CAC5C,CAAA,CAAA,CAAA,EAEFP,EAAC,MAAA,CACE,GAAGhB,EACJ,UAAWU,EAEV,SAAAf,CAAA,CAAA,CACH,EACF,CAAA,CACF,EACF,EACF,CAGN,CAEA,MAAA6B,EAAeC,EAAgB/B,CAAK"}

package/dist/components/Ripple/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Ripple-BqrSCCqr.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-BaaRDmgo.cjs");exports.default=e.Ripple;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Ripple-Dy4i91j1.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");exports.default=e.Ripple;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Ripple/index.js

@@ -1,2 +1,2 @@
-import{R as i}from"../../chunks/Ripple-DUBh1UW5.js";import"react/jsx-runtime";import"react";import"../../chunks/index-Bmr5u5lp.js";export{i as default};
+import{R as i}from"../../chunks/Ripple-Bq9bxg4k.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";export{i as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),e=require("../../chunks/index-BaaRDmgo.cjs"),n=require("../../chunks/joinClass-Jk3EszKD.cjs"),g=require("../../chunks/Icon-DkPC2mKK.cjs"),C=require("../../chunks/useMenu-C6Vg_3uM.cjs"),M=require("../../chunks/createComponent-D7BY-VlJ.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-DwQwp0Z1.cjs");require("../../chunks/Ripple-BqrSCCqr.cjs");require("../../chunks/CardContent-BfNpVYNI.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");function k({error:i,label:a,helperText:u,startIcon:p,children:m,disabled:l,onChange:x,...t}){const d=c.Children.toArray(m),j=c.useMemo(()=>d.find(s=>s.props.value===t.value)?.props.children||"",[t.value]),[_,q,f]=C.useMenu(),$=n.joinClass(`${e.prefix}-select-container`),v=n.joinClass(`${e.prefix}-select-label`,i&&`${e.prefix}-select-label--error`),h=n.joinClass(`${e.prefix}-select`,l&&`${e.prefix}-select--disabled`,i&&`${e.prefix}-select--error`,t.className),N=n.joinClass(`${e.prefix}-select__helper-text`,u&&`${e.prefix}-select__helper-text--visible`,i&&`${e.prefix}-select__helper-text--error`),b=s=>c.cloneElement(s,{className:n.joinClass(s.props.className,`${e.prefix}-select__icon--left`),type:"button",onClick:o=>{o.stopPropagation(),s.props.onClick&&!l&&s.props.onClick(o)}}),y=()=>d.map(s=>c.cloneElement(s,{className:n.joinClass(s.props.className,s.props.value===t.value&&`${e.prefix}-select__option--selected`),onClick:o=>{!s.props.disabled&&x&&x(o)}}));return r.jsxs("div",{className:$,children:[a&&r.jsxs("label",{className:v,children:[a," ",t.required&&"*"]}),r.jsxs("button",{type:"button",className:h,onClick:f,disabled:l,children:[r.jsx("div",{children:p&&b(p)}),r.jsx("input",{...t,readOnly:!0,type:"text",value:j,disabled:l}),r.jsx(g.Icon,{name:"angle-down",color:"text.secondary",className:`${e.prefix}-select__icon--right`})]}),r.jsx(C.Menu,{autoClose:!0,direction:"center",open:_,anchorEl:q,onClose:f,children:y()}),r.jsx("span",{className:N,children:u})]})}const S=M.createComponent(k);exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),n=require("../../chunks/joinClass-Jk3EszKD.cjs"),g=require("../../chunks/Icon-COl2Nhp9.cjs"),C=require("../../chunks/useMenu-C0u9aTiR.cjs"),M=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-B8XSgLaD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-BivcVoIc.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function k({error:i,label:a,helperText:u,startIcon:p,children:m,disabled:l,onChange:x,...t}){const d=c.Children.toArray(m),j=c.useMemo(()=>d.find(s=>s.props.value===t.value)?.props.children||"",[t.value]),[q,_,f]=C.useMenu(),$=n.joinClass(`${e.prefix}-select-container`),v=n.joinClass(`${e.prefix}-select-label`,i&&`${e.prefix}-select-label--error`),h=n.joinClass(`${e.prefix}-select`,l&&`${e.prefix}-select--disabled`,i&&`${e.prefix}-select--error`,t.className),N=n.joinClass(`${e.prefix}-select__helper-text`,u&&`${e.prefix}-select__helper-text--visible`,i&&`${e.prefix}-select__helper-text--error`),b=s=>c.cloneElement(s,{className:n.joinClass(s.props.className,`${e.prefix}-select__icon--left`),type:"button",onClick:o=>{o.stopPropagation(),s.props.onClick&&!l&&s.props.onClick(o)}}),y=()=>d.map(s=>c.cloneElement(s,{className:n.joinClass(s.props.className,s.props.value===t.value&&`${e.prefix}-select__option--selected`),onClick:o=>{!s.props.disabled&&x&&x(o)}}));return r.jsxs("div",{className:$,children:[a&&r.jsxs("label",{className:v,children:[a," ",t.required&&"*"]}),r.jsxs("button",{type:"button",className:h,onClick:f,disabled:l,children:[r.jsx("div",{children:p&&b(p)}),r.jsx("input",{...t,readOnly:!0,type:"text",value:j,disabled:l}),r.jsx(g.Icon,{name:"angle-down",color:"text.secondary",className:`${e.prefix}-select__icon--right`})]}),r.jsx(C.Menu,{autoClose:!0,direction:"center",open:q,anchorEl:_,onClose:f,children:y()}),r.jsx("span",{className:N,children:u})]})}const S=M.createComponent(k);exports.default=S;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/fields/Select/Select.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 { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, 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'> {\n  error?: boolean;\n  autoClose?: boolean;\n  label?: string;\n  helperText?: string;\n  startIcon?: React.JSX.Element | boolean;\n  children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n  error,\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      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        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          color=\"text.secondary\"\n          className={`${prefix}-select__icon--right`}\n        />\n      </button>\n      <Menu\n        autoClose\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"],"names":["Select","error","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","Menu","Select_default","createComponent"],"mappings":"2qBA8BA,SAASA,EAAO,CACd,MAAAC,EACA,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,gBACTnB,GAAS,GAAGmB,EAAAA,MAAM,sBAAA,EAGdE,EAAOH,EAAAA,UACX,GAAGC,EAAAA,MAAM,UACTd,GAAY,GAAGc,EAAAA,MAAM,oBACrBnB,GAAS,GAAGmB,EAAAA,MAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTjB,GAAc,GAAGiB,EAAAA,MAAM,gCACvBnB,GAAS,GAAGmB,EAAAA,MAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,qBAAA,EAEX,KAAM,SACN,QAAUO,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,UAAWM,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,MAAM,iBACN,UAAW,GAAGX,EAAAA,MAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAAAA,IAACE,EAAAA,KAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAlB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA8B,EAAeC,EAAAA,gBAAgBlC,CAAM"}
+{"version":3,"file":"index.cjs","sources":["../../../src/fields/Select/Select.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 { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, 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'> {\n  error?: boolean;\n  autoClose?: boolean;\n  label?: string;\n  helperText?: string;\n  startIcon?: React.JSX.Element | boolean;\n  children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n  error,\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      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        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          color=\"text.secondary\"\n          className={`${prefix}-select__icon--right`}\n        />\n      </button>\n      <Menu\n        autoClose\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"],"names":["Select","error","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","Menu","Select_default","createComponent"],"mappings":"suBA8BA,SAASA,EAAO,CACd,MAAAC,EACA,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,gBACTnB,GAAS,GAAGmB,EAAAA,MAAM,sBAAA,EAGdE,EAAOH,EAAAA,UACX,GAAGC,EAAAA,MAAM,UACTd,GAAY,GAAGc,EAAAA,MAAM,oBACrBnB,GAAS,GAAGmB,EAAAA,MAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTjB,GAAc,GAAGiB,EAAAA,MAAM,gCACvBnB,GAAS,GAAGmB,EAAAA,MAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,qBAAA,EAEX,KAAM,SACN,QAAUO,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,UAAWM,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,MAAM,iBACN,UAAW,GAAGX,EAAAA,MAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAAAA,IAACE,EAAAA,KAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAlB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA8B,EAAeC,EAAAA,gBAAgBlC,CAAM"}

package/dist/components/Select/index.js

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as l}from"react/jsx-runtime";import{Children as j,useMemo as M,cloneElement as C}from"react";import{p as e}from"../../chunks/index-Bmr5u5lp.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{I as w}from"../../chunks/Icon-Dr2s-fYK.js";import{u as E,M as I}from"../../chunks/useMenu-C47b1gPc.js";import{c as O}from"../../chunks/createComponent-CyZoFjRB.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-BcsU9Bwu.js";import"../../chunks/Ripple-DUBh1UW5.js";import"../../chunks/CardContent-BvRmc1hs.js";import"../../chunks/useTheme-BQxrRS5M.js";function S({error:c,label:i,helperText:p,startIcon:m,children:_,disabled:o,onChange:u,...r}){const d=j.toArray(_),$=M(()=>d.find(t=>t.props.value===r.value)?.props.children||"",[r.value]),[h,N,f]=E(),v=s(`${e}-select-container`),x=s(`${e}-select-label`,c&&`${e}-select-label--error`),y=s(`${e}-select`,o&&`${e}-select--disabled`,c&&`${e}-select--error`,r.className),b=s(`${e}-select__helper-text`,p&&`${e}-select__helper-text--visible`,c&&`${e}-select__helper-text--error`),k=t=>C(t,{className:s(t.props.className,`${e}-select__icon--left`),type:"button",onClick:n=>{n.stopPropagation(),t.props.onClick&&!o&&t.props.onClick(n)}}),g=()=>d.map(t=>C(t,{className:s(t.props.className,t.props.value===r.value&&`${e}-select__option--selected`),onClick:n=>{!t.props.disabled&&u&&u(n)}}));return a("div",{className:v,children:[i&&a("label",{className:x,children:[i," ",r.required&&"*"]}),a("button",{type:"button",className:y,onClick:f,disabled:o,children:[l("div",{children:m&&k(m)}),l("input",{...r,readOnly:!0,type:"text",value:$,disabled:o}),l(w,{name:"angle-down",color:"text.secondary",className:`${e}-select__icon--right`})]}),l(I,{autoClose:!0,direction:"center",open:h,anchorEl:N,onClose:f,children:g()}),l("span",{className:b,children:p})]})}const Q=O(S);export{Q as default};
+import{jsxs as a,jsx as l}from"react/jsx-runtime";import{Children as j,useMemo as M,cloneElement as C}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{I as w}from"../../chunks/Icon-CCIgEwA9.js";import{u as E,M as I}from"../../chunks/useMenu-BNL22pOQ.js";import{c as O}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-DOsl4_nu.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-C8ypE7yH.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function S({error:c,label:i,helperText:p,startIcon:m,children:_,disabled:o,onChange:u,...r}){const d=j.toArray(_),$=M(()=>d.find(t=>t.props.value===r.value)?.props.children||"",[r.value]),[h,N,f]=E(),v=s(`${e}-select-container`),x=s(`${e}-select-label`,c&&`${e}-select-label--error`),y=s(`${e}-select`,o&&`${e}-select--disabled`,c&&`${e}-select--error`,r.className),b=s(`${e}-select__helper-text`,p&&`${e}-select__helper-text--visible`,c&&`${e}-select__helper-text--error`),k=t=>C(t,{className:s(t.props.className,`${e}-select__icon--left`),type:"button",onClick:n=>{n.stopPropagation(),t.props.onClick&&!o&&t.props.onClick(n)}}),g=()=>d.map(t=>C(t,{className:s(t.props.className,t.props.value===r.value&&`${e}-select__option--selected`),onClick:n=>{!t.props.disabled&&u&&u(n)}}));return a("div",{className:v,children:[i&&a("label",{className:x,children:[i," ",r.required&&"*"]}),a("button",{type:"button",className:y,onClick:f,disabled:o,children:[l("div",{children:m&&k(m)}),l("input",{...r,readOnly:!0,type:"text",value:$,disabled:o}),l(w,{name:"angle-down",color:"text.secondary",className:`${e}-select__icon--right`})]}),l(I,{autoClose:!0,direction:"center",open:h,anchorEl:N,onClose:f,children:g()}),l("span",{className:b,children:p})]})}const R=O(S);export{R as default};
 //# sourceMappingURL=index.js.map