@iziui/react 0.0.3-rc → 0.0.4-rc

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Checkbox.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Checkbox } from './Checkbox';
+export declare const Colors: StoryObj<typeof Checkbox>;
+export declare const Label: StoryObj<typeof Checkbox>;
+export declare const Validation: StoryObj<typeof Checkbox>;
+export declare const Disabled: StoryObj<typeof Checkbox>;
+export declare const Playground: StoryObj<typeof Checkbox>;
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,2 @@
+export { default, type CheckboxProps } from './Checkbox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

package/dist/fields/CheckboxGroup/CheckboxGroup.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+type CheckboxData = {
+    id: string;
+    value: any;
+    checked: boolean;
+};
+export interface CheckboxGroupProps {
+    className?: string;
+    children: React.ReactNode;
+    values?: string[];
+    onChange?: (data: CheckboxData[]) => void;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<CheckboxGroupProps>>;
+export default _default;
+//# sourceMappingURL=CheckboxGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CheckboxGroup.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as CheckboxGroup } from './CheckboxGroup';
+export declare const Default: StoryObj<typeof CheckboxGroup>;
+export declare const WithPreselected: StoryObj<typeof CheckboxGroup>;
+export declare const Playground: StoryObj<typeof CheckboxGroup>;
+declare const meta: Meta<typeof CheckboxGroup>;
+export default meta;
+//# sourceMappingURL=CheckboxGroup.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,2 @@
+export { default, type CheckboxGroupProps } from './CheckboxGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

package/dist/fields/ColorPicker/ColorPicker.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+export interface ColorPickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> {
+    label?: string;
+    value: string;
+    error?: boolean;
+    helperText?: string;
+    fitContent?: boolean;
+    autoClose?: boolean;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<ColorPickerProps>>;
+export default _default;
+//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColorPicker.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as ColorPicker } from './ColorPicker';
+export declare const Default: StoryObj<typeof ColorPicker>;
+export declare const Validation: StoryObj<typeof ColorPicker>;
+export declare const State: StoryObj<typeof ColorPicker>;
+export declare const AutoClose: StoryObj<typeof ColorPicker>;
+export declare const Playground: StoryObj<typeof ColorPicker>;
+declare const meta: Meta<typeof ColorPicker>;
+export default meta;
+//# sourceMappingURL=ColorPicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+declare const _default: string[];
+export default _default;
+//# sourceMappingURL=colors.d.ts.map

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

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

package/dist/fields/ColorPicker/colors.js

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,2 @@
+export { default, type ColorPickerProps } from './ColorPicker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

package/dist/fields/Input/Input.cjs

@@ -0,0 +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("../../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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes, CSSProperties } from 'react';
+export type InputType = 'text' | 'password' | 'number' | 'date' | 'month' | 'tel';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    error?: boolean;
+    label?: string;
+    helperText?: string;
+    type?: InputType;
+    width?: CSSProperties['width'];
+    endIcon?: React.JSX.Element | boolean;
+    startIcon?: React.JSX.Element | boolean;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<InputProps>>;
+export default _default;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Input } from './Input';
+export declare const InputTypes: StoryObj<typeof Input>;
+export declare const WithIcon: StoryObj<typeof Input>;
+export declare const Label: StoryObj<typeof Input>;
+export declare const Validation: StoryObj<typeof Input>;
+export declare const HelperText: StoryObj<typeof Input>;
+export declare const State: StoryObj<typeof Input>;
+export declare const Playground: StoryObj<typeof Input>;
+declare const meta: Meta<typeof Input>;
+export default meta;
+//# sourceMappingURL=Input.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,2 @@
+export { default, type InputProps, type InputType } from './Input';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

package/dist/fields/InputFile/InputFile.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes } from 'react';
+export interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<InputFileProps>>;
+export default _default;
+//# sourceMappingURL=InputFile.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InputFile.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as InputFile } from './InputFile';
+export declare const Default: StoryObj<typeof InputFile>;
+export declare const Playground: StoryObj<typeof InputFile>;
+declare const meta: Meta<typeof InputFile>;
+export default meta;
+//# sourceMappingURL=InputFile.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,2 @@
+export { default, type InputFileProps } from './InputFile';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

package/dist/fields/Select/Option.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    value: any;
+    children: string;
+    startIcon?: React.JSX.Element | boolean;
+}
+export default function Option({ children, startIcon, disabled, ...props }: OptionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Option.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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