@iziui/react 0.0.4-rc → 0.0.51-rc

package/dist/feedback/Modal/useModal.js

@@ -1,2 +0,0 @@
-import{useState as s}from"react";function r({open:e=!1}={}){const[t,o]=s(e);return[t,()=>o(n=>!n)]}export{r as default};
-//# sourceMappingURL=useModal.js.map

package/dist/feedback/Modal/useModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.js","sources":["../../../src/feedback/Modal/useModal.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseModalProps { open?: boolean; }\n\nexport default function useModal({ open = false }: UseModalProps = {}): [boolean, () => void] {\n  const [_open, setOpen] = useState(open);\n\n  const toggle = () => setOpen((prev) => !prev);\n\n  return [_open, toggle];\n};"],"names":["useModal","open","_open","setOpen","useState","prev"],"mappings":"iCAIA,SAAwBA,EAAS,CAAE,KAAAC,EAAO,EAAA,EAAyB,CAAA,EAA2B,CAC5F,KAAM,CAACC,EAAOC,CAAO,EAAIC,EAASH,CAAI,EAItC,MAAO,CAACC,EAFO,IAAMC,EAASE,GAAS,CAACA,CAAI,CAEvB,CACvB"}

package/dist/feedback/Skeleton/Skeleton.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("../../tokens/dist/web/js/index.cjs"),u=require("../../core/src/utils/joinClass/joinClass.cjs"),i=require("../../core/createComponent.cjs");;/* empty css                                          */function l({width:t,height:n,variant:o="rounded"}){const r=u.joinClass(`${e.prefix}-skeleton`,`${e.prefix}-skeleton--${o}`);return s.jsx("div",{className:r,style:{width:t,height:n}})}const a=i.default(l);exports.default=a;
-//# sourceMappingURL=Skeleton.cjs.map

package/dist/feedback/Skeleton/Skeleton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.cjs","sources":["../../../src/feedback/Skeleton/Skeleton.tsx"],"sourcesContent":["import { CSSProperties } 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/Skeleton.scss';\n\ntype Variants = 'rounded' | 'rectangular' | 'circular';\n\nexport interface SkeletonProps {\n  variant?: Variants;\n  width: CSSProperties['width'];\n  height: CSSProperties['height'];\n}\n\nfunction Skeleton({ width, height, variant = 'rounded' }: SkeletonProps) {\n  const className = joinClass(\n    `${prefix}-skeleton`,\n    `${prefix}-skeleton--${variant}`\n  );\n\n  return (\n    <div className={className} style={{ width, height }} />\n  );\n}\n\nexport default createComponent(Skeleton);"],"names":["Skeleton","width","height","variant","className","joinClass","prefix","Skeleton_default","createComponent"],"mappings":"gWAkBA,SAASA,EAAS,CAAE,MAAAC,EAAO,OAAAC,EAAQ,QAAAC,EAAU,WAA4B,CACvE,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,YACT,GAAGA,EAAAA,MAAM,cAAcH,CAAO,EAAA,EAGhC,aACG,MAAA,CAAI,UAAAC,EAAsB,MAAO,CAAE,MAAAH,EAAO,OAAAC,GAAU,CAEzD,CAEA,MAAAK,EAAeC,EAAAA,QAAgBR,CAAQ"}

package/dist/feedback/Skeleton/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/feedback/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,OAAO,wCAAwC,CAAC;AAEhD,KAAK,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACjC;;AAaD,wBAAyC"}

package/dist/feedback/Skeleton/Skeleton.js

@@ -1,2 +0,0 @@
-import{jsx as m}from"react/jsx-runtime";import{prefix as o}from"../../tokens/dist/web/js/index.js";import{joinClass as s}from"../../core/src/utils/joinClass/joinClass.js";import i from"../../core/createComponent.js";/* empty css                                       */function l({width:e,height:t,variant:r="rounded"}){const n=s(`${o}-skeleton`,`${o}-skeleton--${r}`);return m("div",{className:n,style:{width:e,height:t}})}const u=i(l);export{u as default};
-//# sourceMappingURL=Skeleton.js.map

package/dist/feedback/Skeleton/Skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/feedback/Skeleton/Skeleton.tsx"],"sourcesContent":["import { CSSProperties } 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/Skeleton.scss';\n\ntype Variants = 'rounded' | 'rectangular' | 'circular';\n\nexport interface SkeletonProps {\n  variant?: Variants;\n  width: CSSProperties['width'];\n  height: CSSProperties['height'];\n}\n\nfunction Skeleton({ width, height, variant = 'rounded' }: SkeletonProps) {\n  const className = joinClass(\n    `${prefix}-skeleton`,\n    `${prefix}-skeleton--${variant}`\n  );\n\n  return (\n    <div className={className} style={{ width, height }} />\n  );\n}\n\nexport default createComponent(Skeleton);"],"names":["Skeleton","width","height","variant","className","joinClass","prefix","Skeleton_default","createComponent"],"mappings":"6QAkBA,SAASA,EAAS,CAAE,MAAAC,EAAO,OAAAC,EAAQ,QAAAC,EAAU,WAA4B,CACvE,MAAMC,EAAYC,EAChB,GAAGC,CAAM,YACT,GAAGA,CAAM,cAAcH,CAAO,EAAA,EAGhC,SACG,MAAA,CAAI,UAAAC,EAAsB,MAAO,CAAE,MAAAH,EAAO,OAAAC,GAAU,CAEzD,CAEA,MAAAK,EAAeC,EAAgBR,CAAQ"}

package/dist/feedback/Skeleton/Skeleton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../src/feedback/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAU9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAEhD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAmD/B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/feedback/Skeleton/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Skeleton.cjs");exports.default=e.default;
-//# sourceMappingURL=index.cjs.map

package/dist/feedback/Skeleton/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/feedback/Skeleton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/feedback/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/feedback/Skeleton/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./Skeleton.js";export{o as default};
-//# sourceMappingURL=index.js.map

package/dist/feedback/Skeleton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/feedback/index.cjs

@@ -1,2 +0,0 @@
-"use strict";require("./Alert/Alert.cjs");require("./Loading/Loading.cjs");
-//# sourceMappingURL=index.cjs.map

package/dist/feedback/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/feedback/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/feedback/index.js

@@ -1,2 +0,0 @@
-import"./Alert/Alert.js";import"./Loading/Loading.js";
-//# sourceMappingURL=index.js.map

package/dist/feedback/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/Checkbox/Checkbox.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../../tokens/dist/web/js/index.cjs"),x=require("../../core/src/utils/joinClass/joinClass.cjs"),p=require("../../layout/Stack/Stack.cjs"),b=require("../../core/createComponent.cjs");;/* empty css                                          */function f({label:l,name:c,color:t="primary",checked:s,disabled:i,error:n,helperText:o,...u}){const a=x.joinClass(`${e.prefix}-checkbox`,`${e.prefix}-checkbox--${t}`,s&&`${e.prefix}-checkbox--${t}--checked`,i&&`${e.prefix}-checkbox--disabled`),h=x.joinClass(`${e.prefix}-checkbox__helper-text`,o&&`${e.prefix}-checkbox__helper-text--visible`,n&&`${e.prefix}-checkbox__helper-text--error`);return r.jsxs(p.default,{gap:4,children:[r.jsxs("label",{htmlFor:c,className:a,children:[r.jsx("input",{type:"checkbox",...u,id:c,name:c,checked:s,disabled:i}),l]}),r.jsx("span",{className:h,children:o})]})}const d=b.default(f);exports.default=d;
-//# sourceMappingURL=Checkbox.cjs.map

package/dist/fields/Checkbox/Checkbox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { HTMLProps } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Checkbox.scss';\n\nexport interface CheckboxProps extends Omit<HTMLProps<HTMLInputElement>, 'id'> {\n  name: string;\n  label: string;\n  helperText?: string;\n  error?: boolean;\n  color?: Colors;\n  checked?: boolean;\n}\n\nfunction Checkbox({\n  label,\n  name,\n  color = 'primary',\n  checked,\n  disabled,\n  error,\n  helperText,\n  ...props\n}: CheckboxProps) {\n  const className = joinClass(\n    `${prefix}-checkbox`,\n    `${prefix}-checkbox--${color}`,\n    checked && `${prefix}-checkbox--${color}--checked`,\n    disabled && `${prefix}-checkbox--disabled`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-checkbox__helper-text`,\n    helperText && `${prefix}-checkbox__helper-text--visible`,\n    error && `${prefix}-checkbox__helper-text--error`,\n  );\n\n  return (\n    <Stack gap={4}>\n      <label htmlFor={name} className={className}>\n        <input\n          type=\"checkbox\"\n          {...props}\n          id={name}\n          name={name}\n          checked={checked}\n          disabled={disabled}\n        />\n        {label}\n      </label>\n      {\n        <span className={helperTextClss}>{helperText}</span>\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Checkbox);\n"],"names":["Checkbox","label","name","color","checked","disabled","error","helperText","props","className","joinClass","prefix","helperTextClss","jsxs","Stack","jsx","Checkbox_default","createComponent"],"mappings":"0YAsBA,SAASA,EAAS,CAChB,MAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,YACT,GAAGA,EAAAA,MAAM,cAAcR,CAAK,GAC5BC,GAAW,GAAGO,EAAAA,MAAM,cAAcR,CAAK,YACvCE,GAAY,GAAGM,EAAAA,MAAM,qBAAA,EAGjBC,EAAiBF,EAAAA,UACrB,GAAGC,EAAAA,MAAM,yBACTJ,GAAc,GAAGI,EAAAA,MAAM,kCACvBL,GAAS,GAAGK,EAAAA,MAAM,+BAAA,EAGpB,OACEE,EAAAA,KAACC,EAAAA,QAAA,CAAM,IAAK,EACV,SAAA,CAAAD,EAAAA,KAAC,QAAA,CAAM,QAASX,EAAM,UAAAO,EACpB,SAAA,CAAAM,EAAAA,IAAC,QAAA,CACC,KAAK,WACJ,GAAGP,EACJ,GAAIN,EACJ,KAAAA,EACA,QAAAE,EACA,SAAAC,CAAA,CAAA,EAEDJ,CAAA,EACH,EAEEc,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAiB,SAAAL,CAAA,CAAW,CAAA,EAEjD,CAEJ,CAEA,MAAAS,EAAeC,EAAAA,QAAgBjB,CAAQ"}

package/dist/fields/Checkbox/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOhD,OAAO,wCAAwC,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;AA6CD,wBAAyC"}

package/dist/fields/Checkbox/Checkbox.js

@@ -1,2 +0,0 @@
-import{jsxs as i,jsx as p}from"react/jsx-runtime";import{prefix as e}from"../../tokens/dist/web/js/index.js";import{joinClass as s}from"../../core/src/utils/joinClass/joinClass.js";import n from"../../layout/Stack/Stack.js";import k from"../../core/createComponent.js";/* empty css                                       */function f({label:x,name:o,color:c="primary",checked:r,disabled:t,error:l,helperText:h,...m}){const a=s(`${e}-checkbox`,`${e}-checkbox--${c}`,r&&`${e}-checkbox--${c}--checked`,t&&`${e}-checkbox--disabled`),b=s(`${e}-checkbox__helper-text`,h&&`${e}-checkbox__helper-text--visible`,l&&`${e}-checkbox__helper-text--error`);return i(n,{gap:4,children:[i("label",{htmlFor:o,className:a,children:[p("input",{type:"checkbox",...m,id:o,name:o,checked:r,disabled:t}),x]}),p("span",{className:b,children:h})]})}const y=k(f);export{y as default};
-//# sourceMappingURL=Checkbox.js.map

package/dist/fields/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { HTMLProps } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Checkbox.scss';\n\nexport interface CheckboxProps extends Omit<HTMLProps<HTMLInputElement>, 'id'> {\n  name: string;\n  label: string;\n  helperText?: string;\n  error?: boolean;\n  color?: Colors;\n  checked?: boolean;\n}\n\nfunction Checkbox({\n  label,\n  name,\n  color = 'primary',\n  checked,\n  disabled,\n  error,\n  helperText,\n  ...props\n}: CheckboxProps) {\n  const className = joinClass(\n    `${prefix}-checkbox`,\n    `${prefix}-checkbox--${color}`,\n    checked && `${prefix}-checkbox--${color}--checked`,\n    disabled && `${prefix}-checkbox--disabled`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-checkbox__helper-text`,\n    helperText && `${prefix}-checkbox__helper-text--visible`,\n    error && `${prefix}-checkbox__helper-text--error`,\n  );\n\n  return (\n    <Stack gap={4}>\n      <label htmlFor={name} className={className}>\n        <input\n          type=\"checkbox\"\n          {...props}\n          id={name}\n          name={name}\n          checked={checked}\n          disabled={disabled}\n        />\n        {label}\n      </label>\n      {\n        <span className={helperTextClss}>{helperText}</span>\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Checkbox);\n"],"names":["Checkbox","label","name","color","checked","disabled","error","helperText","props","className","joinClass","prefix","helperTextClss","jsxs","Stack","jsx","Checkbox_default","createComponent"],"mappings":"kUAsBA,SAASA,EAAS,CAChB,MAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYC,EAChB,GAAGC,CAAM,YACT,GAAGA,CAAM,cAAcR,CAAK,GAC5BC,GAAW,GAAGO,CAAM,cAAcR,CAAK,YACvCE,GAAY,GAAGM,CAAM,qBAAA,EAGjBC,EAAiBF,EACrB,GAAGC,CAAM,yBACTJ,GAAc,GAAGI,CAAM,kCACvBL,GAAS,GAAGK,CAAM,+BAAA,EAGpB,OACEE,EAACC,EAAA,CAAM,IAAK,EACV,SAAA,CAAAD,EAAC,QAAA,CAAM,QAASX,EAAM,UAAAO,EACpB,SAAA,CAAAM,EAAC,QAAA,CACC,KAAK,WACJ,GAAGP,EACJ,GAAIN,EACJ,KAAAA,EACA,QAAAE,EACA,SAAAC,CAAA,CAAA,EAEDJ,CAAA,EACH,EAEEc,EAAC,OAAA,CAAK,UAAWH,EAAiB,SAAAL,CAAA,CAAW,CAAA,EAEjD,CAEJ,CAEA,MAAAS,EAAeC,EAAgBjB,CAAQ"}

package/dist/fields/Checkbox/Checkbox.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.spec.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Checkbox.spec.tsx"],"names":[],"mappings":""}

package/dist/fields/Checkbox/Checkbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,QAA2B,MAAM,YAAY,CAAC;AAErD,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAa5C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAM3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAYhD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAS9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAEhD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAyF/B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/fields/Checkbox/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Checkbox.cjs");exports.default=e.default;
-//# sourceMappingURL=index.cjs.map

package/dist/fields/Checkbox/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/Checkbox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/fields/Checkbox/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./Checkbox.js";export{o as default};
-//# sourceMappingURL=index.js.map

package/dist/fields/Checkbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/CheckboxGroup/CheckboxGroup.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),c=require("react"),x=require("../../tokens/dist/web/js/index.cjs"),b=require("../../core/src/utils/joinClass/joinClass.cjs"),q=require("../../layout/Stack/Stack.cjs"),E=require("../../core/createComponent.cjs");;/* empty css                                               */let g=0;function j({children:d,values:r,onChange:a,className:l}){const i=++g,n=c.Children.toArray(d),k=b.joinClass(`${x.prefix}-checkbox-group`,l),[s,p]=c.useState(n.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),f=c.useCallback(()=>n.map((e,o)=>{const h=e.props.name;return c.cloneElement(e,{key:o,name:`${e.props.name}-${i}`,checked:e.props.checked||s[o].checked,onChange:m=>{const u=s.map(t=>t.id===h?{...t,checked:m.target.checked}:t);a&&a(u),p(u)}})}),[r,s]);return c.useEffect(()=>{p(n.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),C.jsx(q.default,{gap:2,className:k,children:f()})}const y=E.default(j);exports.default=y;
-//# sourceMappingURL=CheckboxGroup.cjs.map

package/dist/fields/CheckboxGroup/CheckboxGroup.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.cjs","sources":["../../../src/fields/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { ChangeEvent, Children, cloneElement, ReactElement, useCallback, useEffect, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\nimport type { CheckboxProps } from '../Checkbox';\n\nimport '@iziui/styles/components/CheckboxGroup.scss';\n\ntype CheckboxData = { id: string; value: any; checked: boolean };\n\nlet ID_REFERENCE = 0;\n\nexport interface CheckboxGroupProps {\n  className?: string;\n  children: React.ReactNode;\n  values?: string[];\n  onChange?: (data: CheckboxData[]) => void;\n}\n\nfunction CheckboxGroup({ children, values, onChange, className }: CheckboxGroupProps) {\n  const reference = ++ID_REFERENCE;\n  const arrayChildren = Children.toArray(children) as ReactElement<CheckboxProps>[];\n\n  const cls = joinClass(\n    `${prefix}-checkbox-group`,\n    className,\n  );\n\n  const [checkboxes, setCheckboxes] = useState<CheckboxData[]>(arrayChildren.map((item) => ({\n    id: item.props.name,\n    value: item.props.value,\n    checked: values ? values.some((val) => val === item.props.name) : false,\n  })));\n\n  const renderBoxes = useCallback(() => {\n    return arrayChildren.map((child, index) => {\n      const id = child.props.name;\n\n      return cloneElement(child, {\n        key: index,\n        name: `${child.props.name}-${reference}`,\n        checked: child.props.checked || checkboxes[index].checked,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => {\n          const newArray = checkboxes.map((item) => {\n            if (item.id === id) { return { ...item, checked: e.target.checked }; }\n\n            return item;\n          });\n\n          if (onChange) { onChange(newArray); }\n\n          setCheckboxes(newArray);\n        },\n      });\n    });\n  }, [values, checkboxes]);\n\n  useEffect(() => {\n    setCheckboxes(arrayChildren.map((item) => ({\n      id: item.props.name,\n      value: item.props.value,\n      checked: values ? values.some((val) => val === item.props.name) : false,\n    })));\n  }, [values]);\n\n  return (\n    <Stack gap={2} className={cls}>\n      {renderBoxes()}\n    </Stack>\n  );\n}\n\nexport default createComponent(CheckboxGroup);\n"],"names":["ID_REFERENCE","CheckboxGroup","children","values","onChange","className","reference","arrayChildren","Children","cls","joinClass","prefix","checkboxes","setCheckboxes","useState","item","val","renderBoxes","useCallback","child","index","id","cloneElement","e","newArray","useEffect","Stack","CheckboxGroup_default","createComponent"],"mappings":"kaAeA,IAAIA,EAAe,EASnB,SAASC,EAAc,CAAE,SAAAC,EAAU,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,GAAiC,CACpF,MAAMC,EAAY,EAAEN,EACdO,EAAgBC,EAAAA,SAAS,QAAQN,CAAQ,EAEzCO,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,kBACTN,CAAA,EAGI,CAACO,EAAYC,CAAa,EAAIC,EAAAA,SAAyBP,EAAc,IAAKQ,IAAU,CACxF,GAAIA,EAAK,MAAM,KACf,MAAOA,EAAK,MAAM,MAClB,QAASZ,EAASA,EAAO,KAAMa,GAAQA,IAAQD,EAAK,MAAM,IAAI,EAAI,EAAA,EAClE,CAAC,EAEGE,EAAcC,EAAAA,YAAY,IACvBX,EAAc,IAAI,CAACY,EAAOC,IAAU,CACzC,MAAMC,EAAKF,EAAM,MAAM,KAEvB,OAAOG,EAAAA,aAAaH,EAAO,CACzB,IAAKC,EACL,KAAM,GAAGD,EAAM,MAAM,IAAI,IAAIb,CAAS,GACtC,QAASa,EAAM,MAAM,SAAWP,EAAWQ,CAAK,EAAE,QAClD,SAAWG,GAAqC,CAC9C,MAAMC,EAAWZ,EAAW,IAAKG,GAC3BA,EAAK,KAAOM,EAAa,CAAE,GAAGN,EAAM,QAASQ,EAAE,OAAO,OAAA,EAEnDR,CACR,EAEGX,GAAYA,EAASoB,CAAQ,EAEjCX,EAAcW,CAAQ,CACxB,CAAA,CACD,CACH,CAAC,EACA,CAACrB,EAAQS,CAAU,CAAC,EAEvBa,OAAAA,EAAAA,UAAU,IAAM,CACdZ,EAAcN,EAAc,IAAKQ,IAAU,CACzC,GAAIA,EAAK,MAAM,KACf,MAAOA,EAAK,MAAM,MAClB,QAASZ,EAASA,EAAO,KAAMa,GAAQA,IAAQD,EAAK,MAAM,IAAI,EAAI,EAAA,EAClE,CAAC,CACL,EAAG,CAACZ,CAAM,CAAC,QAGRuB,UAAA,CAAM,IAAK,EAAG,UAAWjB,EACvB,aACH,CAEJ,CAEA,MAAAkB,EAAeC,EAAAA,QAAgB3B,CAAa"}

package/dist/fields/CheckboxGroup/CheckboxGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAWA,OAAO,6CAA6C,CAAC;AAErD,KAAK,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAIjE,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC3C;;AAuDD,wBAA8C"}

package/dist/fields/CheckboxGroup/CheckboxGroup.js

@@ -1,2 +0,0 @@
-import{jsx as i}from"react/jsx-runtime";import{Children as C,useState as x,useCallback as b,cloneElement as E,useEffect as y}from"react";import{prefix as g}from"../../tokens/dist/web/js/index.js";import{joinClass as $}from"../../core/src/utils/joinClass/joinClass.js";import j from"../../layout/Stack/Stack.js";import A from"../../core/createComponent.js";/* empty css                                            */let G=0;function N({children:m,values:r,onChange:s,className:f}){const k=++G,c=C.toArray(m),d=$(`${g}-checkbox-group`,f),[p,t]=x(c.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),u=b(()=>c.map((e,o)=>{const h=e.props.name;return E(e,{key:o,name:`${e.props.name}-${k}`,checked:e.props.checked||p[o].checked,onChange:l=>{const a=p.map(n=>n.id===h?{...n,checked:l.target.checked}:n);s&&s(a),t(a)}})}),[r,p]);return y(()=>{t(c.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),i(j,{gap:2,className:d,children:u()})}const I=A(N);export{I as default};
-//# sourceMappingURL=CheckboxGroup.js.map

package/dist/fields/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/fields/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { ChangeEvent, Children, cloneElement, ReactElement, useCallback, useEffect, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\nimport type { CheckboxProps } from '../Checkbox';\n\nimport '@iziui/styles/components/CheckboxGroup.scss';\n\ntype CheckboxData = { id: string; value: any; checked: boolean };\n\nlet ID_REFERENCE = 0;\n\nexport interface CheckboxGroupProps {\n  className?: string;\n  children: React.ReactNode;\n  values?: string[];\n  onChange?: (data: CheckboxData[]) => void;\n}\n\nfunction CheckboxGroup({ children, values, onChange, className }: CheckboxGroupProps) {\n  const reference = ++ID_REFERENCE;\n  const arrayChildren = Children.toArray(children) as ReactElement<CheckboxProps>[];\n\n  const cls = joinClass(\n    `${prefix}-checkbox-group`,\n    className,\n  );\n\n  const [checkboxes, setCheckboxes] = useState<CheckboxData[]>(arrayChildren.map((item) => ({\n    id: item.props.name,\n    value: item.props.value,\n    checked: values ? values.some((val) => val === item.props.name) : false,\n  })));\n\n  const renderBoxes = useCallback(() => {\n    return arrayChildren.map((child, index) => {\n      const id = child.props.name;\n\n      return cloneElement(child, {\n        key: index,\n        name: `${child.props.name}-${reference}`,\n        checked: child.props.checked || checkboxes[index].checked,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => {\n          const newArray = checkboxes.map((item) => {\n            if (item.id === id) { return { ...item, checked: e.target.checked }; }\n\n            return item;\n          });\n\n          if (onChange) { onChange(newArray); }\n\n          setCheckboxes(newArray);\n        },\n      });\n    });\n  }, [values, checkboxes]);\n\n  useEffect(() => {\n    setCheckboxes(arrayChildren.map((item) => ({\n      id: item.props.name,\n      value: item.props.value,\n      checked: values ? values.some((val) => val === item.props.name) : false,\n    })));\n  }, [values]);\n\n  return (\n    <Stack gap={2} className={cls}>\n      {renderBoxes()}\n    </Stack>\n  );\n}\n\nexport default createComponent(CheckboxGroup);\n"],"names":["ID_REFERENCE","CheckboxGroup","children","values","onChange","className","reference","arrayChildren","Children","cls","joinClass","prefix","checkboxes","setCheckboxes","useState","item","val","renderBoxes","useCallback","child","index","id","cloneElement","e","newArray","useEffect","Stack","CheckboxGroup_default","createComponent"],"mappings":"8ZAeA,IAAIA,EAAe,EASnB,SAASC,EAAc,CAAE,SAAAC,EAAU,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,GAAiC,CACpF,MAAMC,EAAY,EAAEN,EACdO,EAAgBC,EAAS,QAAQN,CAAQ,EAEzCO,EAAMC,EACV,GAAGC,CAAM,kBACTN,CAAA,EAGI,CAACO,EAAYC,CAAa,EAAIC,EAAyBP,EAAc,IAAKQ,IAAU,CACxF,GAAIA,EAAK,MAAM,KACf,MAAOA,EAAK,MAAM,MAClB,QAASZ,EAASA,EAAO,KAAMa,GAAQA,IAAQD,EAAK,MAAM,IAAI,EAAI,EAAA,EAClE,CAAC,EAEGE,EAAcC,EAAY,IACvBX,EAAc,IAAI,CAACY,EAAOC,IAAU,CACzC,MAAMC,EAAKF,EAAM,MAAM,KAEvB,OAAOG,EAAaH,EAAO,CACzB,IAAKC,EACL,KAAM,GAAGD,EAAM,MAAM,IAAI,IAAIb,CAAS,GACtC,QAASa,EAAM,MAAM,SAAWP,EAAWQ,CAAK,EAAE,QAClD,SAAWG,GAAqC,CAC9C,MAAMC,EAAWZ,EAAW,IAAKG,GAC3BA,EAAK,KAAOM,EAAa,CAAE,GAAGN,EAAM,QAASQ,EAAE,OAAO,OAAA,EAEnDR,CACR,EAEGX,GAAYA,EAASoB,CAAQ,EAEjCX,EAAcW,CAAQ,CACxB,CAAA,CACD,CACH,CAAC,EACA,CAACrB,EAAQS,CAAU,CAAC,EAEvB,OAAAa,EAAU,IAAM,CACdZ,EAAcN,EAAc,IAAKQ,IAAU,CACzC,GAAIA,EAAK,MAAM,KACf,MAAOA,EAAK,MAAM,MAClB,QAASZ,EAASA,EAAO,KAAMa,GAAQA,IAAQD,EAAK,MAAM,IAAI,EAAI,EAAA,EAClE,CAAC,CACL,EAAG,CAACZ,CAAM,CAAC,IAGRuB,EAAA,CAAM,IAAK,EAAG,UAAWjB,EACvB,aACH,CAEJ,CAEA,MAAAkB,EAAeC,EAAgB3B,CAAa"}

package/dist/fields/CheckboxGroup/CheckboxGroup.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.spec.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckboxGroup/CheckboxGroup.spec.tsx"],"names":[],"mappings":""}

package/dist/fields/CheckboxGroup/CheckboxGroup.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,aAAa,CAQlD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,aAAa,CAQ1D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,aAAa,CASrD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAmBpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/fields/CheckboxGroup/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./CheckboxGroup.cjs");exports.default=e.default;
-//# sourceMappingURL=index.cjs.map

package/dist/fields/CheckboxGroup/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/CheckboxGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/fields/CheckboxGroup/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./CheckboxGroup.js";export{o as default};
-//# sourceMappingURL=index.js.map

package/dist/fields/CheckboxGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/ColorPicker/ColorPicker.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),e=require("../../tokens/dist/web/js/index.cjs"),l=require("../../core/src/utils/joinClass/joinClass.cjs"),x=require("../../core/src/utils/getContrastColor/getContrastColor.cjs"),P=require("../../toolkit/src/uuid/uuid.cjs"),E=require("../../layout/Box/Box.cjs"),C=require("../../display/Icon/Icon.cjs"),R=require("../../layout/Stack/Stack.cjs"),S=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");require("../../core/src/theme/Theme.cjs");const T=require("../../navigation/Menu/Menu.cjs");require("../../navigation/Menu/MenuButton.cjs");const B=require("../../navigation/Menu/useMenu.cjs"),_=require("./colors.cjs"),D=require("../../core/createComponent.cjs");;/* empty css                                             */function F({label:t,error:s,helperText:n,fitContent:k,value:c=_.default[0],autoClose:m,onChange:j,onInput:h,...q}){const{theme:{palette:a}}=S.default(),i=f.useRef(null),[b,$,u]=B.default(),p=f.useMemo(()=>P.uuid(),[]),g=l.joinClass(`${e.prefix}-color-picker__label`,s&&`${e.prefix}-color-picker__label--error`),N=l.joinClass(`${e.prefix}-color-picker-container`,s&&`${e.prefix}-color-picker-container--error`),y=l.joinClass(`${e.prefix}-color-picker`,s&&`${e.prefix}-color-picker--error`),v=l.joinClass(`${e.prefix}-color-picker__value`,s&&`${e.prefix}-color-picker__value--error`),w=l.joinClass(`${e.prefix}-color-picker__helper-text`,n&&`${e.prefix}-color-picker__helper-text--visible`,s&&`${e.prefix}-color-picker__helper-text--error`),d=o=>l.joinClass(`${e.prefix}-color-picker__color__icon`,c===o&&`${e.prefix}-color-picker__color__icon--visible`);function M(o){i.current&&(i.current.value=o,i.current.dispatchEvent(new Event("input",{bubbles:!0})))}return r.jsxs("div",{className:N,children:[t&&r.jsxs("label",{className:g,children:[t," ",q.required&&"*"]}),r.jsxs("button",{type:"button",onClick:u,className:y,children:[r.jsx("div",{className:`${e.prefix}-color-picker__preview`,children:r.jsx("div",{style:{backgroundColor:c}})}),r.jsx("div",{className:v,children:c})]}),r.jsx("span",{className:w,children:n}),r.jsx(T.default,{direction:"left",autoClose:m,open:b,anchorEl:$,width:k?"fit-content":"",onClose:u,children:r.jsx(E.default,{sx:{p:1},children:r.jsxs(R.default,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[_.default.map(o=>r.jsx("button",{type:"button",className:`${e.prefix}-color-picker__color`,onClick:()=>M(o),style:{backgroundColor:o},children:r.jsx(C.default,{name:"check",className:d(o),style:{color:x.getContrastColor(c)}})},o)),r.jsxs("label",{htmlFor:`color-picker-${p}`,className:`${e.prefix}-color-picker__color`,style:{backgroundColor:a.grey.main},children:[r.jsx(C.default,{name:"plus",className:d(c),style:{color:x.getContrastColor(a.grey.main)}}),r.jsx("input",{ref:i,type:"color",id:`color-picker-${p}`,value:c,onChange:j,onInput:h})]})]})})})]})}const I=D.default(F);exports.default=I;
-//# sourceMappingURL=ColorPicker.cjs.map

package/dist/fields/ColorPicker/ColorPicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.cjs","sources":["../../../src/fields/ColorPicker/ColorPicker.tsx"],"sourcesContent":["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":["ColorPicker","label","error","helperText","fitContent","value","COLORS","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":"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"}

package/dist/fields/ColorPicker/ColorPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/fields/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAkBf,OAAO,2CAA2C,CAAC;AAEnD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;AAkID,wBAA4C"}

package/dist/fields/ColorPicker/ColorPicker.js

@@ -1,2 +0,0 @@
-import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useRef as P,useMemo as R}from"react";import{prefix as o}from"../../tokens/dist/web/js/index.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import{getContrastColor as d}from"../../core/src/utils/getContrastColor/getContrastColor.js";import{uuid as O}from"../../toolkit/src/uuid/uuid.js";import S from"../../layout/Box/Box.js";import f from"../../display/Icon/Icon.js";import q from"../../layout/Stack/Stack.js";import B from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";import"../../core/src/theme/Theme.js";import D from"../../navigation/Menu/Menu.js";import"../../navigation/Menu/MenuButton.js";import F from"../../navigation/Menu/useMenu.js";import k from"./colors.js";import I from"../../core/createComponent.js";/* empty css                                          */function L({label:s,error:t,helperText:p,fitContent:h,value:c=k[0],autoClose:C,onChange:$,onInput:b,...N}){const{theme:{palette:a}}=B(),n=P(null),[y,x,m]=F(),u=R(()=>O(),[]),g=l(`${o}-color-picker__label`,t&&`${o}-color-picker__label--error`),v=l(`${o}-color-picker-container`,t&&`${o}-color-picker-container--error`),w=l(`${o}-color-picker`,t&&`${o}-color-picker--error`),j=l(`${o}-color-picker__value`,t&&`${o}-color-picker__value--error`),E=l(`${o}-color-picker__helper-text`,p&&`${o}-color-picker__helper-text--visible`,t&&`${o}-color-picker__helper-text--error`),_=e=>l(`${o}-color-picker__color__icon`,c===e&&`${o}-color-picker__color__icon--visible`);function M(e){n.current&&(n.current.value=e,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:w,children:[r("div",{className:`${o}-color-picker__preview`,children:r("div",{style:{backgroundColor:c}})}),r("div",{className:j,children:c})]}),r("span",{className:E,children:p}),r(D,{direction:"left",autoClose:C,open:y,anchorEl:x,width:h?"fit-content":"",onClose:m,children:r(S,{sx:{p:1},children:i(q,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(e=>r("button",{type:"button",className:`${o}-color-picker__color`,onClick:()=>M(e),style:{backgroundColor:e},children:r(f,{name:"check",className:_(e),style:{color:d(c)}})},e)),i("label",{htmlFor:`color-picker-${u}`,className:`${o}-color-picker__color`,style:{backgroundColor:a.grey.main},children:[r(f,{name:"plus",className:_(c),style:{color:d(a.grey.main)}}),r("input",{ref:n,type:"color",id:`color-picker-${u}`,value:c,onChange:$,onInput:b})]})]})})})]})}const lo=I(L);export{lo as default};
-//# sourceMappingURL=ColorPicker.js.map

package/dist/fields/ColorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../src/fields/ColorPicker/ColorPicker.tsx"],"sourcesContent":["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":["ColorPicker","label","error","helperText","fitContent","value","COLORS","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":"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"}

package/dist/fields/ColorPicker/ColorPicker.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.spec.d.ts","sourceRoot":"","sources":["../../../src/fields/ColorPicker/ColorPicker.spec.tsx"],"names":[],"mappings":""}

package/dist/fields/ColorPicker/ColorPicker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/fields/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,WAAsC,MAAM,eAAe,CAAC;AAenE,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,WAAW,CAehD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,WAAW,CAcnD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,WAAW,CAc9C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,WAAW,CAelD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,WAAW,CAEnD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA+ElC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/fields/ColorPicker/colors.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];exports.default=e;
-//# sourceMappingURL=colors.cjs.map

package/dist/fields/ColorPicker/colors.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.cjs","sources":["../../../src/fields/ColorPicker/colors.ts"],"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];"],"names":["COLORS"],"mappings":"4GAAA,MAAAA,EAAe,CACb,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF"}

package/dist/fields/ColorPicker/colors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/fields/ColorPicker/colors.ts"],"names":[],"mappings":";AAAA,wBAiBE"}

package/dist/fields/ColorPicker/colors.js

@@ -1,2 +0,0 @@
-const f=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];export{f as default};
-//# sourceMappingURL=colors.js.map

package/dist/fields/ColorPicker/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sources":["../../../src/fields/ColorPicker/colors.ts"],"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];"],"names":["COLORS"],"mappings":"AAAA,MAAAA,EAAe,CACb,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF"}

package/dist/fields/ColorPicker/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ColorPicker.cjs");exports.default=e.default;
-//# sourceMappingURL=index.cjs.map

package/dist/fields/ColorPicker/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/ColorPicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/fields/ColorPicker/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./ColorPicker.js";export{o as default};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/Input/Input.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("react"),e=require("../../tokens/dist/web/js/index.cjs"),i=require("../../core/src/utils/joinClass/joinClass.cjs"),q=require("../../core/createComponent.cjs");;/* empty css                                       */function N({error:n,label:p,helperText:a,endIcon:o,startIcon:u,type:f="text",disabled:r,width:j="100%",...l}){const C=i.joinClass(`${e.prefix}-input-container`),_=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),d=i.joinClass(`${e.prefix}-input__helper-text`,a&&`${e.prefix}-input__helper-text--visible`,n&&`${e.prefix}-input__helper-text--error`),c=(s,m)=>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-${m}`),onClick:x=>{x.stopPropagation(),s.props.onClick&&s.props.onClick(x)}});return t.jsxs("div",{className:C,style:{width:j},children:[p&&t.jsxs("label",{className:_,children:[p," ",l.required&&"*"]}),t.jsxs("div",{className:$,children:[u&&c(u,"right"),t.jsx("input",{...l,type:f,disabled:r}),o&&c(o,"left")]}),t.jsx("p",{className:d,children:a})]})}const b=q.default(N);exports.default=b;
-//# sourceMappingURL=Input.cjs.map

package/dist/fields/Input/Input.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.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":"gXAuBA,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,QAAgBxB,CAAK"}

package/dist/fields/Input/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAoD,aAAa,EAAE,MAAM,OAAO,CAAC;AASlH,OAAO,qCAAqC,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAElF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IACtC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;CACzC;;AAqED,wBAAsC"}

package/dist/fields/Input/Input.js

@@ -1,2 +0,0 @@
-import{jsxs as l,jsx as $}from"react/jsx-runtime";import{cloneElement as b}from"react";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{joinClass as n}from"../../core/src/utils/joinClass/joinClass.js";import y from"../../core/createComponent.js";/* empty css                                    */function g({error:s,label:p,helperText:o,endIcon:a,startIcon:c,type:f="text",disabled:i,width:_="100%",...r}){const h=n(`${t}-input-container`),x=n(`${t}-input-label`,s&&`${t}-input-label--error`),C=n(`${t}-input-container`,`${t}-input`,i&&`${t}-input--disabled`,s&&`${t}-input--error`,r.className),d=n(`${t}-input__helper-text`,o&&`${t}-input__helper-text--visible`,s&&`${t}-input__helper-text--error`),u=(e,N)=>b(e,{disabled:i,type:"button",size:30,style:{...e.props.style},className:n(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=y(g);export{I as default};
-//# sourceMappingURL=Input.js.map

package/dist/fields/Input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.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":"yTAuBA,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/fields/Input/Input.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/fields/Input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,KAAyB,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAW7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,KAAK,CA0B3C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,KAAK,CAMxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAM7C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAM7C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,KAAK,CAaxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAE7C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8G5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/fields/Input/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Input.cjs");exports.default=e.default;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/Input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/fields/Input/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./Input.js";export{o as default};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/InputFile/InputFile.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("../../tokens/dist/web/js/index.cjs"),u=require("../../core/src/utils/joinClass/joinClass.cjs"),s=require("../../core/createComponent.cjs");;/* empty css                                           */function r({...e}){const t=u.joinClass(`${n.prefix}-input-file`,e.className);return i.jsx("input",{...e,type:"file",className:t})}const l=s.default(r);exports.default=l;
-//# sourceMappingURL=InputFile.cjs.map

package/dist/fields/InputFile/InputFile.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile.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":"iWAYA,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,QAAgBN,CAAS"}

package/dist/fields/InputFile/InputFile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../src/fields/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAQjD,OAAO,yCAAyC,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAAG;;AAa9F,wBAA0C"}

package/dist/fields/InputFile/InputFile.js

@@ -1,2 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import{prefix as i}from"../../tokens/dist/web/js/index.js";import{joinClass as r}from"../../core/src/utils/joinClass/joinClass.js";import m from"../../core/createComponent.js";/* empty css                                        */function n({...t}){const e=r(`${i}-input-file`,t.className);return o("input",{...t,type:"file",className:e})}const u=m(n);export{u as default};
-//# sourceMappingURL=InputFile.js.map

package/dist/fields/InputFile/InputFile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile.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":"8QAYA,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/fields/InputFile/InputFile.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile.spec.d.ts","sourceRoot":"","sources":["../../../src/fields/InputFile/InputFile.spec.tsx"],"names":[],"mappings":""}

package/dist/fields/InputFile/InputFile.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../src/fields/InputFile/InputFile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,SAAS,CAM9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAEjD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiBhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/fields/InputFile/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputFile.cjs");exports.default=e.default;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/InputFile/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/InputFile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/fields/InputFile/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./InputFile.js";export{o as default};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fields/Select/Option.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),a=require("react"),e=require("../../tokens/dist/web/js/index.cjs"),o=require("../../core/src/utils/joinClass/joinClass.cjs");function p({children:i,startIcon:t,disabled:r,...s}){const l=o.joinClass(`${e.prefix}-select__option`,r&&`${e.prefix}-select__option--disabled`,s.className),c=n=>a.cloneElement(n,{type:"button",className:o.joinClass(n.props.className,`${e.prefix}-select__option__icon`)});return u.jsxs("button",{type:"button",...s,className:l,children:[t&&c(t),i]})}exports.default=p;
-//# sourceMappingURL=Option.cjs.map

package/dist/fields/Select/Option.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option.cjs","sources":["../../../src/fields/Select/Option.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nexport interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  value: any;\n  children: string;\n  startIcon?: React.JSX.Element | boolean;\n}\nexport default function Option({ children, startIcon, disabled, ...props }: OptionProps) {\n  const className = joinClass(\n    `${prefix}-select__option`,\n    disabled && `${prefix}-select__option--disabled`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      type: 'button',\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__option__icon`,\n      ),\n    });\n  };\n\n  return (\n    <button type=\"button\" {...props} className={className}>\n      {startIcon && renderIcon(startIcon as React.JSX.Element)}\n      {children}\n    </button>\n  );\n};"],"names":["Option","children","startIcon","disabled","props","className","joinClass","prefix","renderIcon","icon","cloneElement"],"mappings":"8QAWA,SAAwBA,EAAO,CAAE,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAsB,CACvF,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,kBACTJ,GAAY,GAAGI,EAAAA,MAAM,4BACrBH,EAAM,SAAA,EAGFI,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAM,SACN,UAAWH,EAAAA,UACTG,EAAK,MAAM,UACX,GAAGF,EAAAA,MAAM,uBAAA,CACX,CACD,EAGH,cACG,SAAA,CAAO,KAAK,SAAU,GAAGH,EAAO,UAAAC,EAC9B,SAAA,CAAAH,GAAaM,EAAWN,CAA8B,EACtDD,CAAA,EACH,CAEJ"}

package/dist/fields/Select/Option.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAA8B,MAAM,OAAO,CAAC;AAMzE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;CACzC;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAuBtF"}

package/dist/fields/Select/Option.js

@@ -1,2 +0,0 @@
-import{jsxs as l}from"react/jsx-runtime";import{cloneElement as m}from"react";import{prefix as e}from"../../tokens/dist/web/js/index.js";import{joinClass as r}from"../../core/src/utils/joinClass/joinClass.js";function d({children:s,startIcon:o,disabled:c,...t}){const i=r(`${e}-select__option`,c&&`${e}-select__option--disabled`,t.className);return l("button",{type:"button",...t,className:i,children:[o&&(n=>m(n,{type:"button",className:r(n.props.className,`${e}-select__option__icon`)}))(o),s]})}export{d as default};
-//# sourceMappingURL=Option.js.map

package/dist/fields/Select/Option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option.js","sources":["../../../src/fields/Select/Option.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nexport interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  value: any;\n  children: string;\n  startIcon?: React.JSX.Element | boolean;\n}\nexport default function Option({ children, startIcon, disabled, ...props }: OptionProps) {\n  const className = joinClass(\n    `${prefix}-select__option`,\n    disabled && `${prefix}-select__option--disabled`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      type: 'button',\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__option__icon`,\n      ),\n    });\n  };\n\n  return (\n    <button type=\"button\" {...props} className={className}>\n      {startIcon && renderIcon(startIcon as React.JSX.Element)}\n      {children}\n    </button>\n  );\n};"],"names":["Option","children","startIcon","disabled","props","className","joinClass","prefix","icon","cloneElement"],"mappings":"iNAWA,SAAwBA,EAAO,CAAE,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAsB,CACvF,MAAMC,EAAYC,EAChB,GAAGC,CAAM,kBACTJ,GAAY,GAAGI,CAAM,4BACrBH,EAAM,SAAA,EAaR,SACG,SAAA,CAAO,KAAK,SAAU,GAAGA,EAAO,UAAAC,EAC9B,SAAA,CAAAH,IAZeM,GACXC,EAAaD,EAAM,CACxB,KAAM,SACN,UAAWF,EACTE,EAAK,MAAM,UACX,GAAGD,CAAM,uBAAA,CACX,CACD,GAK0BL,CAA8B,EACtDD,CAAA,EACH,CAEJ"}

package/dist/fields/Select/Select.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("react"),e=require("../../tokens/dist/web/js/index.cjs"),l=require("../../core/src/utils/joinClass/joinClass.cjs"),y=require("../../display/Icon/Icon.cjs"),g=require("../../navigation/Menu/Menu.cjs");require("../../navigation/Menu/MenuButton.cjs");const k=require("../../navigation/Menu/useMenu.cjs"),M=require("../../core/createComponent.cjs");;/* empty css                                        */function S({error:i,label:a,helperText:u,startIcon:p,children:C,disabled:n,onChange:x,...r}){const d=c.Children.toArray(C),m=c.useMemo(()=>d.find(s=>s.props.value===r.value)?.props.children||"",[r.value]),[j,_,f]=k.default(),$=l.joinClass(`${e.prefix}-select-container`),q=l.joinClass(`${e.prefix}-select-label`,i&&`${e.prefix}-select-label--error`),v=l.joinClass(`${e.prefix}-select`,n&&`${e.prefix}-select--disabled`,i&&`${e.prefix}-select--error`,r.className),h=l.joinClass(`${e.prefix}-select__helper-text`,u&&`${e.prefix}-select__helper-text--visible`,i&&`${e.prefix}-select__helper-text--error`),N=s=>c.cloneElement(s,{className:l.joinClass(s.props.className,`${e.prefix}-select__icon--left`),type:"button",onClick:o=>{o.stopPropagation(),s.props.onClick&&!n&&s.props.onClick(o)}}),b=()=>d.map(s=>c.cloneElement(s,{className:l.joinClass(s.props.className,s.props.value===r.value&&`${e.prefix}-select__option--selected`),onClick:o=>{!s.props.disabled&&x&&x(o)}}));return t.jsxs("div",{className:$,children:[a&&t.jsxs("label",{className:q,children:[a," ",r.required&&"*"]}),t.jsxs("button",{type:"button",className:v,onClick:f,disabled:n,children:[t.jsx("div",{children:p&&N(p)}),t.jsx("input",{...r,readOnly:!0,type:"text",value:m,disabled:n}),t.jsx(y.default,{name:"angle-down",color:"text.secondary",className:`${e.prefix}-select__icon--right`})]}),t.jsx(g.default,{autoClose:!0,direction:"center",open:j,anchorEl:_,onClose:f,children:b()}),t.jsx("span",{className:h,children:u})]})}const E=M.default(S);exports.default=E;
-//# sourceMappingURL=Select.cjs.map

package/dist/fields/Select/Select.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.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":"2iBA8BA,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,QAAA,CACC,KAAK,aACL,MAAM,iBACN,UAAW,GAAGX,EAAAA,MAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAAAA,IAACE,EAAAA,QAAA,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,QAAgBlC,CAAM"}

package/dist/fields/Select/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,mBAAmB,EAEzB,MAAM,OAAO,CAAC;AAYf,OAAO,sCAAsC,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACtF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;CACnD;;AAmGD,wBAAuC"}

package/dist/fields/Select/Select.js

@@ -1,2 +0,0 @@
-import{jsxs as a,jsx as o}from"react/jsx-runtime";import{Children as j,useMemo as M,cloneElement as C}from"react";import{prefix as e}from"../../tokens/dist/web/js/index.js";import{joinClass as r}from"../../core/src/utils/joinClass/joinClass.js";import w from"../../display/Icon/Icon.js";import E from"../../navigation/Menu/Menu.js";import"../../navigation/Menu/MenuButton.js";import O from"../../navigation/Menu/useMenu.js";import S from"../../core/createComponent.js";/* empty css                                     */function q({error:c,label:i,helperText:m,startIcon:p,children:_,disabled:s,onChange:u,...l}){const d=j.toArray(_),$=M(()=>d.find(t=>t.props.value===l.value)?.props.children||"",[l.value]),[h,N,f]=O(),v=r(`${e}-select-container`),x=r(`${e}-select-label`,c&&`${e}-select-label--error`),y=r(`${e}-select`,s&&`${e}-select--disabled`,c&&`${e}-select--error`,l.className),b=r(`${e}-select__helper-text`,m&&`${e}-select__helper-text--visible`,c&&`${e}-select__helper-text--error`),k=t=>C(t,{className:r(t.props.className,`${e}-select__icon--left`),type:"button",onClick:n=>{n.stopPropagation(),t.props.onClick&&!s&&t.props.onClick(n)}}),g=()=>d.map(t=>C(t,{className:r(t.props.className,t.props.value===l.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," ",l.required&&"*"]}),a("button",{type:"button",className:y,onClick:f,disabled:s,children:[o("div",{children:p&&k(p)}),o("input",{...l,readOnly:!0,type:"text",value:$,disabled:s}),o(w,{name:"angle-down",color:"text.secondary",className:`${e}-select__icon--right`})]}),o(E,{autoClose:!0,direction:"center",open:h,anchorEl:N,onClose:f,children:g()}),o("span",{className:b,children:m})]})}const J=S(q);export{J as default};
-//# sourceMappingURL=Select.js.map

package/dist/fields/Select/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","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":"wgBA8BA,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAA,EAErBC,EAAgBC,EACpB,GAAGC,CAAM,mBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,gBACTnB,GAAS,GAAGmB,CAAM,sBAAA,EAGdE,EAAOH,EACX,GAAGC,CAAM,UACTd,GAAY,GAAGc,CAAM,oBACrBnB,GAAS,GAAGmB,CAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EACrB,GAAGC,CAAM,uBACTjB,GAAc,GAAGiB,CAAM,gCACvBnB,GAAS,GAAGmB,CAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAaD,EAAM,CACxB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,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,EAAab,EAAO,CACzB,UAAWM,EACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,CAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAACC,EAAA,CACC,KAAK,aACL,MAAM,iBACN,UAAW,GAAGX,CAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAACE,EAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAlB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA8B,EAAeC,EAAgBlC,CAAM"}