npm - @iziui/react - Versions diffs - 0.0.104-rc → 0.0.106-rc - Mend

@iziui/react 0.0.104-rc → 0.0.106-rc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

package/dist/components/CheckboxGroup/index.js CHANGED Viewed

@@ -1,2 +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{p as g}from"../../chunks/index-CZ41y9Hn.js";import{j}from"../../chunks/joinClass-anSpaauN.js";import{S}from"../../chunks/Stack-DnCw2pFA.js";import{c as $}from"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";let A=0;function G({children:m,values:r,onChange:a,className:f}){const k=++A,p=C.toArray(m),d=j(`${g}-checkbox-group`,f),[c,n]=x(p.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),u=b(()=>p.map((e,o)=>{const h=e.props.name;return E(e,{key:o,name:`${e.props.name}-${k}`,checked:e.props.checked||c[o].checked,onChange:l=>{const t=c.map(s=>s.id===h?{...s,checked:l.target.checked}:s);a&&a(t),n(t)}})}),[r,c]);return y(()=>{n(p.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),i(S,{gap:2,className:d,children:u()})}const q=$(G);export{q as default};
+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{p as g}from"../../chunks/index-CZ41y9Hn.js";import{j}from"../../chunks/joinClass-anSpaauN.js";import{S}from"../../chunks/Stack-D4d-dCQk.js";import{c as $}from"../../chunks/createComponent-CIN2GARQ.js";import"../../chunks/useTheme-dBpqJs9-.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";let A=0;function G({children:m,values:r,onChange:a,className:f}){const k=++A,p=C.toArray(m),d=j(`${g}-checkbox-group`,f),[c,n]=x(p.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),u=b(()=>p.map((e,o)=>{const h=e.props.name;return E(e,{key:o,name:`${e.props.name}-${k}`,checked:e.props.checked||c[o].checked,onChange:l=>{const t=c.map(s=>s.id===h?{...s,checked:l.target.checked}:s);a&&a(t),n(t)}})}),[r,c]);return y(()=>{n(p.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),i(S,{gap:2,className:d,children:u()})}const q=$(G);export{q as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Chip/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),a=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),o=require("../../chunks/joinClass-Jk3EszKD.cjs"),p=require("../../chunks/Ripple-Dy4i91j1.cjs"),j=require("../../chunks/useTheme-DZmXQ5qV.cjs"),C=require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");const _=a.forwardRef(({label:n,icon:t,size:u="medium",color:l="default",variant:d="contained",onDelete:c,...s},h)=>{const{theme:{mode:m}}=j.useTheme(),x=o.joinClass(`${e.prefix}-chip`,`${e.prefix}-chip--${m}`,`${e.prefix}-chip--${l}`,`${e.prefix}-chip--${l}--${d}`,`${e.prefix}-chip--${u}`,c&&`${e.prefix}-chip--deletable`,s.onClick&&`${e.prefix}-chip--clickable`,s.className),f=r=>a.cloneElement(r,{size:14,className:o.joinClass(r.props.className,`${e.prefix}-chip__icon`,n&&`${e.prefix}-chip__icon--margin`)}),$=r=>{r.stopPropagation(),c&&c()};return i.jsxs("div",{...s,ref:h,className:x,style:{...s.style},children:[t&&f(t),i.jsx("span",{children:n}),s.onClick&&i.jsx(p.Ripple,{}),c&&i.jsxs("button",{className:`${e.prefix}-chip__delete-icon`,onClick:$,children:[i.jsx("i",{className:"uil uil-times-circle"}),i.jsx(p.Ripple,{})]})]})}),q=C.createComponent(_);exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),a=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),o=require("../../chunks/joinClass-Jk3EszKD.cjs"),p=require("../../chunks/Ripple-Dy4i91j1.cjs"),j=require("../../chunks/useTheme-BY1JQ7q7.cjs"),C=require("../../chunks/createComponent-DQ0m5xyl.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");const _=a.forwardRef(({label:n,icon:t,size:u="medium",color:l="default",variant:d="contained",onDelete:c,...s},h)=>{const{theme:{mode:m}}=j.useTheme(),x=o.joinClass(`${e.prefix}-chip`,`${e.prefix}-chip--${m}`,`${e.prefix}-chip--${l}`,`${e.prefix}-chip--${l}--${d}`,`${e.prefix}-chip--${u}`,c&&`${e.prefix}-chip--deletable`,s.onClick&&`${e.prefix}-chip--clickable`,s.className),f=r=>a.cloneElement(r,{size:14,className:o.joinClass(r.props.className,`${e.prefix}-chip__icon`,n&&`${e.prefix}-chip__icon--margin`)}),$=r=>{r.stopPropagation(),c&&c()};return i.jsxs("div",{...s,ref:h,className:x,style:{...s.style},children:[t&&f(t),i.jsx("span",{children:n}),s.onClick&&i.jsx(p.Ripple,{}),c&&i.jsxs("button",{className:`${e.prefix}-chip__delete-icon`,onClick:$,children:[i.jsx("i",{className:"uil uil-times-circle"}),i.jsx(p.Ripple,{})]})]})}),q=C.createComponent(_);exports.default=q;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Chip/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import{forwardRef as _,cloneElement as N}from"react";import{p as i}from"../../chunks/index-CZ41y9Hn.js";import{j as l}from"../../chunks/joinClass-anSpaauN.js";import{R as n}from"../../chunks/Ripple-Bq9bxg4k.js";import{u as j}from"../../chunks/useTheme-Bxa1LbQE.js";import{c as k}from"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";const x=_(({label:a,icon:m,size:p="medium",color:o="default",variant:h="contained",onDelete:c,...e},d)=>{const{theme:{mode:$}}=j(),f=l(`${i}-chip`,`${i}-chip--${$}`,`${i}-chip--${o}`,`${i}-chip--${o}--${h}`,`${i}-chip--${p}`,c&&`${i}-chip--deletable`,e.onClick&&`${i}-chip--clickable`,e.className),u=s=>N(s,{size:14,className:l(s.props.className,`${i}-chip__icon`,a&&`${i}-chip__icon--margin`)}),C=s=>{s.stopPropagation(),c&&c()};return r("div",{...e,ref:d,className:f,style:{...e.style},children:[m&&u(m),t("span",{children:a}),e.onClick&&t(n,{}),c&&r("button",{className:`${i}-chip__delete-icon`,onClick:C,children:[t("i",{className:"uil uil-times-circle"}),t(n,{})]})]})}),I=k(x);export{I as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{forwardRef as _,cloneElement as N}from"react";import{p as i}from"../../chunks/index-CZ41y9Hn.js";import{j as l}from"../../chunks/joinClass-anSpaauN.js";import{R as n}from"../../chunks/Ripple-Bq9bxg4k.js";import{u as j}from"../../chunks/useTheme-dBpqJs9-.js";import{c as k}from"../../chunks/createComponent-CIN2GARQ.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";const x=_(({label:a,icon:m,size:p="medium",color:o="default",variant:h="contained",onDelete:c,...e},d)=>{const{theme:{mode:$}}=j(),f=l(`${i}-chip`,`${i}-chip--${$}`,`${i}-chip--${o}`,`${i}-chip--${o}--${h}`,`${i}-chip--${p}`,c&&`${i}-chip--deletable`,e.onClick&&`${i}-chip--clickable`,e.className),u=s=>N(s,{size:14,className:l(s.props.className,`${i}-chip__icon`,a&&`${i}-chip__icon--margin`)}),C=s=>{s.stopPropagation(),c&&c()};return r("div",{...e,ref:d,className:f,style:{...e.style},children:[m&&u(m),t("span",{children:a}),e.onClick&&t(n,{}),c&&r("button",{className:`${i}-chip__delete-icon`,onClick:C,children:[t("i",{className:"uil uil-times-circle"}),t(n,{})]})]})}),I=k(x);export{I as default};
 //# sourceMappingURL=index.js.map

package/dist/components/ColorPicker/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),d=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/generateSupportColors-CTMoGhDf.cjs"),P=require("../../chunks/uuid-omnJ9TjZ.cjs"),R=require("../../chunks/Box-BKxhMtOj.cjs"),C=require("../../chunks/Icon-DK9kFkJZ.cjs"),E=require("../../chunks/Stack-KD0LOLkS.cjs"),I=require("../../chunks/useTheme-DZmXQ5qV.cjs"),_=require("../../chunks/useMenu-i5MYMNcY.cjs"),O=require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-KRiSWAFI.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-iH_wskpH.cjs");const k=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];function T({label:n,error:i,helperText:t,fitContent:m,value:c=k[0],autoClose:b,onChange:j,onInput:h,...$}){const{theme:{palette:a}}=I.useTheme(),l=d.useRef(null),[q,g,u]=_.useMenu(),p=d.useMemo(()=>P.uuid(),[]),N=s.joinClass(`${e.prefix}-color-picker__label`,i&&`${e.prefix}-color-picker__label--error`),y=s.joinClass(`${e.prefix}-color-picker-container`,i&&`${e.prefix}-color-picker-container--error`),v=s.joinClass(`${e.prefix}-color-picker`,i&&`${e.prefix}-color-picker--error`),M=s.joinClass(`${e.prefix}-color-picker__value`,i&&`${e.prefix}-color-picker__value--error`),S=s.joinClass(`${e.prefix}-color-picker__helper-text`,t&&`${e.prefix}-color-picker__helper-text--visible`,i&&`${e.prefix}-color-picker__helper-text--error`),f=o=>s.joinClass(`${e.prefix}-color-picker__color__icon`,c===o&&`${e.prefix}-color-picker__color__icon--visible`);function w(o){l.current&&(l.current.value=o,l.current.dispatchEvent(new Event("input",{bubbles:!0})))}return r.jsxs("div",{className:y,children:[n&&r.jsxs("label",{className:N,children:[n," ",$.required&&"*"]}),r.jsxs("button",{type:"button",onClick:u,className:v,children:[r.jsx("div",{className:`${e.prefix}-color-picker__preview`,children:r.jsx("div",{style:{backgroundColor:c}})}),r.jsx("div",{className:M,children:c})]}),r.jsx("span",{className:S,children:t}),r.jsx(_.Menu,{direction:"left",autoClose:b,open:q,anchorEl:g,width:m?"fit-content":"",onClose:u,children:r.jsx(R.Box,{sx:{p:1},children:r.jsxs(E.Stack,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(o=>r.jsx("button",{type:"button",className:`${e.prefix}-color-picker__color`,onClick:()=>w(o),style:{backgroundColor:o},children:r.jsx(C.Icon,{name:"check",className:f(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.Icon,{name:"plus",className:f(c),style:{color:x.getContrastColor(a.grey.main)}}),r.jsx("input",{ref:l,type:"color",id:`color-picker-${p}`,value:c,onChange:j,onInput:h})]})]})})})]})}const B=O.createComponent(T);exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),r=require("../../chunks/index-DYxwT4uW.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/generateSupportColors-CTMoGhDf.cjs"),P=require("../../chunks/uuid-omnJ9TjZ.cjs"),R=require("../../chunks/Box-D4_2sdPT.cjs"),C=require("../../chunks/Icon-C1MlDdnE.cjs"),T=require("../../chunks/Stack-B8avMp90.cjs"),E=require("../../chunks/useTheme-BY1JQ7q7.cjs"),_=require("../../chunks/useMenu-CzjSo7zc.cjs"),I=require("../../chunks/createComponent-DQ0m5xyl.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-XCQBlDqs.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-DtJs1hn5.cjs");const k=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];function O({label:l,error:i,helperText:m,fitContent:j,value:c=k[0],autoClose:b,onChange:h,onInput:q,...$}){const{theme:{palette:t}}=E.useTheme(),n=d.useRef(null),[g,N,a]=_.useMenu(),u=d.useMemo(()=>P.uuid(),[]),y=s.joinClass(`${r.prefix}-color-picker__label`,i&&`${r.prefix}-color-picker__label--error`),v=s.joinClass(`${r.prefix}-color-picker-container`,i&&`${r.prefix}-color-picker-container--error`),M=s.joinClass(`${r.prefix}-color-picker`,i&&`${r.prefix}-color-picker--error`),S=s.joinClass(`${r.prefix}-color-picker__value`,i&&`${r.prefix}-color-picker__value--error`),p=s.joinClass(`${r.prefix}-color-picker__helper-text`,i&&`${r.prefix}-color-picker__helper-text--error`),f=o=>s.joinClass(`${r.prefix}-color-picker__color__icon`,c===o&&`${r.prefix}-color-picker__color__icon--visible`);function w(o){n.current&&(n.current.value=o,n.current.dispatchEvent(new Event("input",{bubbles:!0})))}return e.jsxs("div",{className:v,children:[l&&e.jsxs("label",{className:y,children:[l," ",$.required&&"*"]}),e.jsxs("button",{type:"button",onClick:a,className:M,children:[e.jsx("div",{className:`${r.prefix}-color-picker__preview`,children:e.jsx("div",{style:{backgroundColor:c}})}),e.jsx("div",{className:S,children:c})]}),p&&e.jsx("span",{className:p,children:m}),e.jsx(_.Menu,{direction:"left",autoClose:b,open:g,anchorEl:N,width:j?"fit-content":"",onClose:a,children:e.jsx(R.Box,{sx:{p:1},children:e.jsxs(T.Stack,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(o=>e.jsx("button",{type:"button",className:`${r.prefix}-color-picker__color`,onClick:()=>w(o),style:{backgroundColor:o},children:e.jsx(C.Icon,{name:"check",className:f(o),style:{color:x.getContrastColor(c)}})},o)),e.jsxs("label",{htmlFor:`color-picker-${u}`,className:`${r.prefix}-color-picker__color`,style:{backgroundColor:t.grey.main},children:[e.jsx(C.Icon,{name:"plus",className:f(c),style:{color:x.getContrastColor(t.grey.main)}}),e.jsx("input",{ref:n,type:"color",id:`color-picker-${u}`,value:c,onChange:h,onInput:q})]})]})})})]})}const B=I.createComponent(O);exports.default=B;
 //# sourceMappingURL=index.cjs.map

package/dist/components/ColorPicker/index.cjs.map CHANGED Viewed

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

package/dist/components/ColorPicker/index.js CHANGED Viewed

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

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

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

package/dist/components/Container/index.cjs CHANGED Viewed

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

package/dist/components/Container/index.js CHANGED Viewed

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

package/dist/components/Divider/index.cjs CHANGED Viewed

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

package/dist/components/Divider/index.js CHANGED Viewed

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

package/dist/components/Drawer/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/DrawerContent-wjJUFV6j.cjs");require("react");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-KD0LOLkS.cjs");require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/ButtonIcon-CQrH17s6.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-DK9kFkJZ.cjs");exports.Drawer=e.Drawer_default;exports.DrawerContent=e.DrawerContent_default;exports.DrawerFooter=e.DrawerFooter_default;exports.DrawerHeader=e.DrawerHeader_default;exports.useDrawer=e.useDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/DrawerContent-HD1hysbJ.cjs");require("react");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-B8avMp90.cjs");require("../../chunks/createComponent-DQ0m5xyl.cjs");require("../../chunks/useTheme-BY1JQ7q7.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/ButtonIcon-DX3mcqdA.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-C1MlDdnE.cjs");exports.Drawer=e.Drawer_default;exports.DrawerContent=e.DrawerContent_default;exports.DrawerFooter=e.DrawerFooter_default;exports.DrawerHeader=e.DrawerHeader_default;exports.useDrawer=e.useDrawer;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Drawer/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{D as b,a as c,b as d,c as f,u as x}from"../../chunks/DrawerContent-kQFoLzOg.js";import"react";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DnCw2pFA.js";import"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/ButtonIcon-DuOL6WWW.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-DHtgHg6D.js";export{b as Drawer,c as DrawerContent,d as DrawerFooter,f as DrawerHeader,x as useDrawer};
+import{D as b,a as c,b as d,c as f,u as x}from"../../chunks/DrawerContent-DnmGbnN3.js";import"react";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-D4d-dCQk.js";import"../../chunks/createComponent-CIN2GARQ.js";import"../../chunks/useTheme-dBpqJs9-.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/ButtonIcon-MvGnh-dW.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-BivXJuO4.js";export{b as Drawer,c as DrawerContent,d as DrawerFooter,f as DrawerHeader,x as useDrawer};
 //# sourceMappingURL=index.js.map

package/dist/components/Icon/index.cjs CHANGED Viewed

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

package/dist/components/Icon/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{I as d}from"../../chunks/Icon-DHtgHg6D.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
+import{I as d}from"../../chunks/Icon-BivXJuO4.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CIN2GARQ.js";import"../../chunks/useTheme-dBpqJs9-.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Input/index.cjs CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import {\n cloneElement,\n type MouseEvent,\n type ReactElement,\n type CSSProperties,\n type InputHTMLAttributes,\n} 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 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n error?: boolean;\n label?: string;\n helperText?: string;\n width?: CSSProperties['width'];\n endIcon?: React.JSX.Element \| boolean;\n startIcon?: React.JSX.Element \| boolean;\n}\n\nfunction 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`,\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 size: icon.props.size \|\| 30,\n type: 'button',\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":"kaA0BA,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,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,KAAMU,EAAK,MAAM,MAAQ,GACzB,KAAM,SACN,MAAO,CACL,GAAGA,EAAK,MAAM,KAAA,EAEhB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,eACT,GAAGA,EAAAA,MAAM,wBAAwBM,CAAS,EAAA,EAE5C,QAAUE,GAA8C,CACtDA,EAAE,gBAAA,EACEH,EAAK,MAAM,SAAWA,EAAK,MAAM,QAAQG,CAAC,CAChD,CAAA,CACD,EAGH,cACG,MAAA,CAAI,UAAWV,EAAe,MAAO,CAAE,MAAAF,GACrC,SAAA,CAAAN,GAASmB,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAAA,KAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAAA,IAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,~~EACAkB~~,EAAAA,IAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,~~EAC5C~~,CAEJ,CAEA,MAAAoB,EAAeC,EAAAA,gBAAgBxB,CAAK"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import {\n cloneElement,\n type MouseEvent,\n type ReactElement,\n type CSSProperties,\n type InputHTMLAttributes,\n} 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 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n error?: boolean;\n label?: string;\n helperText?: string;\n width?: CSSProperties['width'];\n endIcon?: React.JSX.Element \| boolean;\n startIcon?: React.JSX.Element \| boolean;\n}\n\nfunction 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`,\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 error && `${prefix}-input__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' \| 'right') => {\n return cloneElement(icon, {\n disabled,\n size: icon.props.size \|\| 30,\n type: 'button',\n style: {\n ...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 {\n helperText && (\n <p className={helperTextClss}>{helperText}</p>\n )\n }\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":"kaA0BA,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,SACTL,GAAY,GAAGK,EAAAA,MAAM,mBACrBX,GAAS,GAAGW,EAAAA,MAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,sBACTX,GAAS,GAAGW,EAAAA,MAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAAA,aAAaF,EAAM,CACxB,SAAAV,EACA,KAAMU,EAAK,MAAM,MAAQ,GACzB,KAAM,SACN,MAAO,CACL,GAAGA,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,EAEED,GACEmB,EAAAA,IAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAGhD,CAEJ,CAEA,MAAAoB,EAAeC,EAAAA,gBAAgBxB,CAAK"}

package/dist/components/Input/index.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import {\n cloneElement,\n type MouseEvent,\n type ReactElement,\n type CSSProperties,\n type InputHTMLAttributes,\n} 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 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n error?: boolean;\n label?: string;\n helperText?: string;\n width?: CSSProperties['width'];\n endIcon?: React.JSX.Element \| boolean;\n startIcon?: React.JSX.Element \| boolean;\n}\n\nfunction 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`,\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 size: icon.props.size \|\| 30,\n type: 'button',\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":"+VA0BA,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,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,KAAMU,EAAK,MAAM,MAAQ,GACzB,KAAM,SACN,MAAO,CACL,GAAGA,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"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import {\n cloneElement,\n type MouseEvent,\n type ReactElement,\n type CSSProperties,\n type InputHTMLAttributes,\n} 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 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n error?: boolean;\n label?: string;\n helperText?: string;\n width?: CSSProperties['width'];\n endIcon?: React.JSX.Element \| boolean;\n startIcon?: React.JSX.Element \| boolean;\n}\n\nfunction 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`,\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 error && `${prefix}-input__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' \| 'right') => {\n return cloneElement(icon, {\n disabled,\n size: icon.props.size \|\| 30,\n type: 'button',\n style: {\n ...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 {\n helperText && (\n <p className={helperTextClss}>{helperText}</p>\n )\n }\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":"+VA0BA,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,SACTL,GAAY,GAAGK,CAAM,mBACrBX,GAAS,GAAGW,CAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EACrB,GAAGC,CAAM,sBACTX,GAAS,GAAGW,CAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAaF,EAAM,CACxB,SAAAV,EACA,KAAMU,EAAK,MAAM,MAAQ,GACzB,KAAM,SACN,MAAO,CACL,GAAGA,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,EAEED,GACEmB,EAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAGhD,CAEJ,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK"}

package/dist/components/InputFile/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),c=require("../../chunks/index-DYxwT4uW.cjs"),T=require("../../chunks/joinClass-Jk3EszKD.cjs"),b=require("../../chunks/wait-CgS79FV1.cjs"),l=require("../../chunks/Stack-KD0LOLkS.cjs"),h=require("../../chunks/Zoom-BOnqwiDY.cjs"),p=require("../../chunks/Icon-DK9kFkJZ.cjs"),j=require("../../chunks/Slide-D4aLHjYS.cjs"),z=require("../../chunks/Loading-CZmsYoqx.cjs"),s=require("../../chunks/Typography-BMBXbiC1.cjs"),L=require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function $({files:a,error:r,success:u,helperText:y,placeholder:S,renderFiles:m,onChange:f,...i}){const d=g.useRef(null),[n,o]=g.useState("empty"),q=g.useMemo(()=>!i.multiple&&a.length>0,[a,i.multiple]),v=T.joinClass(`${c.prefix}-input-file`,r&&`${c.prefix}-input-file--error`,u&&n!=="loading"&&`${c.prefix}-input-file--success`,n==="dragging"&&!q&&`${c.prefix}-input-file--dragging`,i.className),x=t=>{if(!t.length){o("empty");return}o("loading"),b.wait(()=>{f&&f(i.multiple?[...a,...t]:t),o("empty")},1500)},D=t=>{const A=t.target.files?Array.from(t.target.files):[];d.current&&(d.current.value=""),x(A)},I=t=>{t.preventDefault(),o("dragging")},C=t=>{t.preventDefault(),o("empty")},k=t=>{t.preventDefault(),x(Array.from(t.dataTransfer.files))};return e.jsxs(l.Stack,{children:[e.jsxs("div",{className:v,onDrop:k,onDragOver:I,onDragLeave:C,children:[e.jsx("input",{...i,ref:d,type:"file",onChange:D}),e.jsxs(l.Stack,{justifyContent:"center",alignItems:"center",children:[n==="loading"&&!r&&e.jsxs(j.Slide,{enter:!0,direction:"top",style:{textAlign:"center"},children:[e.jsx(z.Loading,{style:{fontSize:42}}),e.jsx(s.Typography,{variant:"body2",color:"primary.main",children:"Carregando..."})]}),n!=="loading"&&!u&&!r&&e.jsxs(j.Slide,{enter:!0,direction:"top",style:{textAlign:"center"},children:[e.jsx(p.Icon,{name:"cloud-upload",color:n==="empty"?"grey":"primary",style:{fontSize:42}}),e.jsx(s.Typography,{color:n==="empty"?"text.secondary":"primary.main",variant:"body2",children:S})]}),n!=="loading"&&u&&!r&&e.jsx(h.Zoom,{enter:!0,style:{textAlign:"center"},children:e.jsxs(l.Stack,{gap:0,alignItems:"center",children:[e.jsx(p.Icon,{color:"success",name:"check-circle",style:{fontSize:42}}),e.jsx(s.Typography,{color:"success.main",children:y})]})}),r&&e.jsx(h.Zoom,{enter:!0,style:{textAlign:"center"},children:e.jsxs(l.Stack,{gap:0,alignItems:"center",children:[e.jsx(p.Icon,{color:"error",name:"exclamation-octagon",style:{fontSize:42}}),e.jsx(s.Typography,{color:"error.main",children:y})]})})]})]}),m&&m(a)]})}const M=L.createComponent($);exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),c=require("../../chunks/index-DYxwT4uW.cjs"),T=require("../../chunks/joinClass-Jk3EszKD.cjs"),b=require("../../chunks/wait-CgS79FV1.cjs"),l=require("../../chunks/Stack-B8avMp90.cjs"),h=require("../../chunks/Zoom-BOnqwiDY.cjs"),p=require("../../chunks/Icon-C1MlDdnE.cjs"),j=require("../../chunks/Slide-D4aLHjYS.cjs"),z=require("../../chunks/Loading-DdvJ7_W9.cjs"),s=require("../../chunks/Typography-BBFKZ_nV.cjs"),L=require("../../chunks/createComponent-DQ0m5xyl.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/useTheme-BY1JQ7q7.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function $({files:a,error:r,success:u,helperText:y,placeholder:S,renderFiles:m,onChange:f,...i}){const d=g.useRef(null),[n,o]=g.useState("empty"),q=g.useMemo(()=>!i.multiple&&a.length>0,[a,i.multiple]),v=T.joinClass(`${c.prefix}-input-file`,r&&`${c.prefix}-input-file--error`,u&&n!=="loading"&&`${c.prefix}-input-file--success`,n==="dragging"&&!q&&`${c.prefix}-input-file--dragging`,i.className),x=t=>{if(!t.length){o("empty");return}o("loading"),b.wait(()=>{f&&f(i.multiple?[...a,...t]:t),o("empty")},1500)},D=t=>{const A=t.target.files?Array.from(t.target.files):[];d.current&&(d.current.value=""),x(A)},I=t=>{t.preventDefault(),o("dragging")},C=t=>{t.preventDefault(),o("empty")},k=t=>{t.preventDefault(),x(Array.from(t.dataTransfer.files))};return e.jsxs(l.Stack,{children:[e.jsxs("div",{className:v,onDrop:k,onDragOver:I,onDragLeave:C,children:[e.jsx("input",{...i,ref:d,type:"file",onChange:D}),e.jsxs(l.Stack,{justifyContent:"center",alignItems:"center",children:[n==="loading"&&!r&&e.jsxs(j.Slide,{enter:!0,direction:"top",style:{textAlign:"center"},children:[e.jsx(z.Loading,{style:{fontSize:42}}),e.jsx(s.Typography,{variant:"body2",color:"primary.main",children:"Carregando..."})]}),n!=="loading"&&!u&&!r&&e.jsxs(j.Slide,{enter:!0,direction:"top",style:{textAlign:"center"},children:[e.jsx(p.Icon,{name:"cloud-upload",color:n==="empty"?"grey":"primary",style:{fontSize:42}}),e.jsx(s.Typography,{color:n==="empty"?"text.secondary":"primary.main",variant:"body2",children:S})]}),n!=="loading"&&u&&!r&&e.jsx(h.Zoom,{enter:!0,style:{textAlign:"center"},children:e.jsxs(l.Stack,{gap:0,alignItems:"center",children:[e.jsx(p.Icon,{color:"success",name:"check-circle",style:{fontSize:42}}),e.jsx(s.Typography,{color:"success.main",children:y})]})}),r&&e.jsx(h.Zoom,{enter:!0,style:{textAlign:"center"},children:e.jsxs(l.Stack,{gap:0,alignItems:"center",children:[e.jsx(p.Icon,{color:"error",name:"exclamation-octagon",style:{fontSize:42}}),e.jsx(s.Typography,{color:"error.main",children:y})]})})]})]}),m&&m(a)]})}const M=L.createComponent($);exports.default=M;
 //# sourceMappingURL=index.cjs.map

package/dist/components/InputFile/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useRef as C,useState as j,useMemo as L}from"react";import{p as c}from"../../chunks/index-CZ41y9Hn.js";import{j as z}from"../../chunks/joinClass-anSpaauN.js";import{w as $}from"../../chunks/wait-BSgGzoPk.js";import{S as m}from"../../chunks/Stack-DnCw2pFA.js";import{Z as v}from"../../chunks/Zoom-DqgU4Wfv.js";import{I as g}from"../../chunks/Icon-DHtgHg6D.js";import{S as D}from"../../chunks/Slide-BxEwoZ70.js";import{L as O}from"../../chunks/Loading-Bw5MXPw-.js";import{T as s}from"../../chunks/Typography-BFtQbh5C.js";import{c as b}from"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function k({files:l,error:a,success:p,helperText:f,placeholder:S,renderFiles:u,onChange:y,...i}){const d=C(null),[r,o]=j("empty"),x=L(()=>!i.multiple&&l.length>0,[l,i.multiple]),I=z(`${c}-input-file`,a&&`${c}-input-file--error`,p&&r!=="loading"&&`${c}-input-file--success`,r==="dragging"&&!x&&`${c}-input-file--dragging`,i.className),h=e=>{if(!e.length){o("empty");return}o("loading"),$(()=>{y&&y(i.multiple?[...l,...e]:e),o("empty")},1500)};return n(m,{children:[n("div",{className:I,onDrop:e=>{e.preventDefault(),h(Array.from(e.dataTransfer.files))},onDragOver:e=>{e.preventDefault(),o("dragging")},onDragLeave:e=>{e.preventDefault(),o("empty")},children:[t("input",{...i,ref:d,type:"file",onChange:e=>{const A=e.target.files?Array.from(e.target.files):[];d.current&&(d.current.value=""),h(A)}}),n(m,{justifyContent:"center",alignItems:"center",children:[r==="loading"&&!a&&n(D,{enter:!0,direction:"top",style:{textAlign:"center"},children:[t(O,{style:{fontSize:42}}),t(s,{variant:"body2",color:"primary.main",children:"Carregando..."})]}),r!=="loading"&&!p&&!a&&n(D,{enter:!0,direction:"top",style:{textAlign:"center"},children:[t(g,{name:"cloud-upload",color:r==="empty"?"grey":"primary",style:{fontSize:42}}),t(s,{color:r==="empty"?"text.secondary":"primary.main",variant:"body2",children:S})]}),r!=="loading"&&p&&!a&&t(v,{enter:!0,style:{textAlign:"center"},children:n(m,{gap:0,alignItems:"center",children:[t(g,{color:"success",name:"check-circle",style:{fontSize:42}}),t(s,{color:"success.main",children:f})]})}),a&&t(v,{enter:!0,style:{textAlign:"center"},children:n(m,{gap:0,alignItems:"center",children:[t(g,{color:"error",name:"exclamation-octagon",style:{fontSize:42}}),t(s,{color:"error.main",children:f})]})})]})]}),u&&u(l)]})}const W=b(k);export{W as default};
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useRef as C,useState as j,useMemo as L}from"react";import{p as c}from"../../chunks/index-CZ41y9Hn.js";import{j as z}from"../../chunks/joinClass-anSpaauN.js";import{w as $}from"../../chunks/wait-BSgGzoPk.js";import{S as m}from"../../chunks/Stack-D4d-dCQk.js";import{Z as v}from"../../chunks/Zoom-DqgU4Wfv.js";import{I as g}from"../../chunks/Icon-BivXJuO4.js";import{S as D}from"../../chunks/Slide-BxEwoZ70.js";import{L as O}from"../../chunks/Loading-pX_kDZTy.js";import{T as s}from"../../chunks/Typography-CPy8xbfs.js";import{c as b}from"../../chunks/createComponent-CIN2GARQ.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/useTheme-dBpqJs9-.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function k({files:l,error:a,success:p,helperText:f,placeholder:S,renderFiles:u,onChange:y,...i}){const d=C(null),[r,o]=j("empty"),x=L(()=>!i.multiple&&l.length>0,[l,i.multiple]),I=z(`${c}-input-file`,a&&`${c}-input-file--error`,p&&r!=="loading"&&`${c}-input-file--success`,r==="dragging"&&!x&&`${c}-input-file--dragging`,i.className),h=e=>{if(!e.length){o("empty");return}o("loading"),$(()=>{y&&y(i.multiple?[...l,...e]:e),o("empty")},1500)};return n(m,{children:[n("div",{className:I,onDrop:e=>{e.preventDefault(),h(Array.from(e.dataTransfer.files))},onDragOver:e=>{e.preventDefault(),o("dragging")},onDragLeave:e=>{e.preventDefault(),o("empty")},children:[t("input",{...i,ref:d,type:"file",onChange:e=>{const A=e.target.files?Array.from(e.target.files):[];d.current&&(d.current.value=""),h(A)}}),n(m,{justifyContent:"center",alignItems:"center",children:[r==="loading"&&!a&&n(D,{enter:!0,direction:"top",style:{textAlign:"center"},children:[t(O,{style:{fontSize:42}}),t(s,{variant:"body2",color:"primary.main",children:"Carregando..."})]}),r!=="loading"&&!p&&!a&&n(D,{enter:!0,direction:"top",style:{textAlign:"center"},children:[t(g,{name:"cloud-upload",color:r==="empty"?"grey":"primary",style:{fontSize:42}}),t(s,{color:r==="empty"?"text.secondary":"primary.main",variant:"body2",children:S})]}),r!=="loading"&&p&&!a&&t(v,{enter:!0,style:{textAlign:"center"},children:n(m,{gap:0,alignItems:"center",children:[t(g,{color:"success",name:"check-circle",style:{fontSize:42}}),t(s,{color:"success.main",children:f})]})}),a&&t(v,{enter:!0,style:{textAlign:"center"},children:n(m,{gap:0,alignItems:"center",children:[t(g,{color:"error",name:"exclamation-octagon",style:{fontSize:42}}),t(s,{color:"error.main",children:f})]})})]})]}),u&&u(l)]})}const W=b(k);export{W as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Loading/index.cjs CHANGED Viewed

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

package/dist/components/Loading/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{L as l}from"../../chunks/Loading-Bw5MXPw-.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{l as default};
+import{L as l}from"../../chunks/Loading-pX_kDZTy.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CIN2GARQ.js";import"../../chunks/useTheme-dBpqJs9-.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{l as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Menu/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useMenu-i5MYMNcY.cjs"),r=require("../../chunks/MenuButton-qyHJwXtF.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-KRiSWAFI.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/CardContent-iH_wskpH.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=r.MenuButton_default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useMenu-CzjSo7zc.cjs"),r=require("../../chunks/MenuButton-CyAVGQuK.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-XCQBlDqs.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-DQ0m5xyl.cjs");require("../../chunks/useTheme-BY1JQ7q7.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/CardContent-DtJs1hn5.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=r.MenuButton_default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Menu/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as B,u as b}from"../../chunks/useMenu-BLhAh_V2.js";import{M as d}from"../../chunks/MenuButton-CQakN75R.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-CigqRMT2.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/CardContent-fPZactJG.js";export{B as Menu,d as MenuButton,b as useMenu};
+import{M as B,u as b}from"../../chunks/useMenu-Cmdi4bDX.js";import{M as d}from"../../chunks/MenuButton-BK65tV7s.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-ClgczePq.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-CIN2GARQ.js";import"../../chunks/useTheme-dBpqJs9-.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/CardContent-ClanBXcy.js";export{B as Menu,d as MenuButton,b as useMenu};
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),o=require("../../chunks/index-DYxwT4uW.cjs"),f=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/createComponent-cs9AuqoJ.cjs"),v=require("../../chunks/Card-KRiSWAFI.cjs"),g=require("../../chunks/CardContent-iH_wskpH.cjs"),C=require("../../chunks/Stack-KD0LOLkS.cjs"),_=require("../../chunks/ButtonIcon-CQrH17s6.cjs"),M=require("../../chunks/Icon-DK9kFkJZ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");function N({children:n,title:c,subtitle:l,isOpen:u,onClose:i,...m}){const[d,a]=s.useState({visible:!1,animation:"hide"}),r=s.useRef(null),j=300,p=f.joinClass(`${o.prefix}-modal`,`${o.prefix}-modal--${d.animation}`),b=f.joinClass(`${o.prefix}-modal__content`,m.className),h=f.joinClass(`${o.prefix}-modal__backdrop`,`${o.prefix}-modal__backdrop--${d.animation}`);s.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),s.useEffect(()=>(u?y():q(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[u]);const y=()=>{a(t=>({...t,visible:!0})),r.current=setTimeout(()=>{a(t=>({...t,animation:"show"})),document.body.style.overflow="hidden"},100)},q=()=>{a(t=>({...t,animation:"hide"})),r.current=setTimeout(()=>{a(t=>({...t,visible:!1})),document.body.style.overflow=""},j)};return d.visible&&e.jsx("div",{className:h,onClick:i,children:e.jsx("div",{className:`${o.prefix}-modal__container`,children:e.jsx(v.Card,{className:p,children:e.jsxs(g.CardContent,{onClick:t=>t.stopPropagation(),children:[e.jsxs(C.Stack,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[e.jsxs("div",{children:[c,l]}),e.jsx(_.ButtonIcon,{color:"grey",onClick:i,children:e.jsx(M.Icon,{name:"times"})})]}),e.jsx("div",{...m,className:b,children:n})]})})})})}const k=x.createComponent(N);function w({children:n}){return e.jsx(C.Stack,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const I=x.createComponent(w);function $({open:n=!1}={}){const[c,l]=s.useState(n);return[c,()=>l(i=>!i)]}exports.Modal=k;exports.ModalFooter=I;exports.useModal=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),o=require("../../chunks/index-DYxwT4uW.cjs"),f=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/createComponent-DQ0m5xyl.cjs"),v=require("../../chunks/Card-XCQBlDqs.cjs"),g=require("../../chunks/CardContent-DtJs1hn5.cjs"),C=require("../../chunks/Stack-B8avMp90.cjs"),_=require("../../chunks/ButtonIcon-DX3mcqdA.cjs"),M=require("../../chunks/Icon-C1MlDdnE.cjs");require("../../chunks/useTheme-BY1JQ7q7.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");function N({children:n,title:c,subtitle:l,isOpen:u,onClose:i,...m}){const[d,a]=s.useState({visible:!1,animation:"hide"}),r=s.useRef(null),j=300,p=f.joinClass(`${o.prefix}-modal`,`${o.prefix}-modal--${d.animation}`),b=f.joinClass(`${o.prefix}-modal__content`,m.className),h=f.joinClass(`${o.prefix}-modal__backdrop`,`${o.prefix}-modal__backdrop--${d.animation}`);s.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),s.useEffect(()=>(u?y():q(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[u]);const y=()=>{a(t=>({...t,visible:!0})),r.current=setTimeout(()=>{a(t=>({...t,animation:"show"})),document.body.style.overflow="hidden"},100)},q=()=>{a(t=>({...t,animation:"hide"})),r.current=setTimeout(()=>{a(t=>({...t,visible:!1})),document.body.style.overflow=""},j)};return d.visible&&e.jsx("div",{className:h,onClick:i,children:e.jsx("div",{className:`${o.prefix}-modal__container`,children:e.jsx(v.Card,{className:p,children:e.jsxs(g.CardContent,{onClick:t=>t.stopPropagation(),children:[e.jsxs(C.Stack,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[e.jsxs("div",{children:[c,l]}),e.jsx(_.ButtonIcon,{color:"grey",onClick:i,children:e.jsx(M.Icon,{name:"times"})})]}),e.jsx("div",{...m,className:b,children:n})]})})})})}const k=x.createComponent(N);function w({children:n}){return e.jsx(C.Stack,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const I=x.createComponent(w);function $({open:n=!1}={}){const[c,l]=s.useState(n);return[c,()=>l(i=>!i)]}exports.Modal=k;exports.ModalFooter=I;exports.useModal=$;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useState as C,useRef as x,useEffect as p}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as f}from"../../chunks/joinClass-anSpaauN.js";import{c as h}from"../../chunks/createComponent-BvE_8glE.js";import{C as I}from"../../chunks/Card-CigqRMT2.js";import{C as M}from"../../chunks/CardContent-fPZactJG.js";import{S as b}from"../../chunks/Stack-DnCw2pFA.js";import{B as $}from"../../chunks/ButtonIcon-DuOL6WWW.js";import{I as k}from"../../chunks/Icon-DHtgHg6D.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";function j({children:n,title:s,subtitle:l,isOpen:c,onClose:a,...u}){const[m,i]=C({visible:!1,animation:"hide"}),r=x(null),v=300,y=f(`${t}-modal`,`${t}-modal--${m.animation}`),_=f(`${t}-modal__content`,u.className),g=f(`${t}-modal__backdrop`,`${t}-modal__backdrop--${m.animation}`);p(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),p(()=>(c?N():w(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[c]);const N=()=>{i(o=>({...o,visible:!0})),r.current=setTimeout(()=>{i(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},w=()=>{i(o=>({...o,animation:"hide"})),r.current=setTimeout(()=>{i(o=>({...o,visible:!1})),document.body.style.overflow=""},v)};return m.visible&&e("div",{className:g,onClick:a,children:e("div",{className:`${t}-modal__container`,children:e(I,{className:y,children:d(M,{onClick:o=>o.stopPropagation(),children:[d(b,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[d("div",{children:[s,l]}),e($,{color:"grey",onClick:a,children:e(k,{name:"times"})})]}),e("div",{...u,className:_,children:n})]})})})})}const G=h(j);function T({children:n}){return e(b,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const H=h(T);function J({open:n=!1}={}){const[s,l]=C(n);return[s,()=>l(a=>!a)]}export{G as Modal,H as ModalFooter,J as useModal};
+import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useState as C,useRef as x,useEffect as p}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as f}from"../../chunks/joinClass-anSpaauN.js";import{c as h}from"../../chunks/createComponent-CIN2GARQ.js";import{C as I}from"../../chunks/Card-ClgczePq.js";import{C as M}from"../../chunks/CardContent-ClanBXcy.js";import{S as b}from"../../chunks/Stack-D4d-dCQk.js";import{B as $}from"../../chunks/ButtonIcon-MvGnh-dW.js";import{I as k}from"../../chunks/Icon-BivXJuO4.js";import"../../chunks/useTheme-dBpqJs9-.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";function j({children:n,title:s,subtitle:l,isOpen:c,onClose:a,...u}){const[m,i]=C({visible:!1,animation:"hide"}),r=x(null),v=300,y=f(`${t}-modal`,`${t}-modal--${m.animation}`),_=f(`${t}-modal__content`,u.className),g=f(`${t}-modal__backdrop`,`${t}-modal__backdrop--${m.animation}`);p(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),p(()=>(c?N():w(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[c]);const N=()=>{i(o=>({...o,visible:!0})),r.current=setTimeout(()=>{i(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},w=()=>{i(o=>({...o,animation:"hide"})),r.current=setTimeout(()=>{i(o=>({...o,visible:!1})),document.body.style.overflow=""},v)};return m.visible&&e("div",{className:g,onClick:a,children:e("div",{className:`${t}-modal__container`,children:e(I,{className:y,children:d(M,{onClick:o=>o.stopPropagation(),children:[d(b,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[d("div",{children:[s,l]}),e($,{color:"grey",onClick:a,children:e(k,{name:"times"})})]}),e("div",{...u,className:_,children:n})]})})})})}const G=h(j);function T({children:n}){return e(b,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const H=h(T);function J({open:n=!1}={}){const[s,l]=C(n);return[s,()=>l(a=>!a)]}export{G as Modal,H as ModalFooter,J as useModal};
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/Select-CXDit8M-.cjs"),r=require("../../chunks/Option-BrwvLgKT.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Icon-DK9kFkJZ.cjs");require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/useMenu-i5MYMNcY.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-KRiSWAFI.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-iH_wskpH.cjs");exports.Select=e.Select_default;exports.Option=r.Option;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/Select-_LVZ87j1.cjs"),r=require("../../chunks/Option-BrwvLgKT.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Icon-C1MlDdnE.cjs");require("../../chunks/createComponent-DQ0m5xyl.cjs");require("../../chunks/useTheme-BY1JQ7q7.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/useMenu-CzjSo7zc.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-XCQBlDqs.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-DtJs1hn5.cjs");exports.Select=e.Select_default;exports.Option=r.Option;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Select/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as b}from"../../chunks/Select-CQPxeEfV.js";import{O as g}from"../../chunks/Option-BU_FWsap.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Icon-DHtgHg6D.js";import"../../chunks/createComponent-BvE_8glE.js";import"../../chunks/useTheme-Bxa1LbQE.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/useMenu-BLhAh_V2.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-CigqRMT2.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-fPZactJG.js";export{g as Option,b as Select};
+import{S as b}from"../../chunks/Select-HDvgk_EX.js";import{O as g}from"../../chunks/Option-BU_FWsap.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Icon-BivXJuO4.js";import"../../chunks/createComponent-CIN2GARQ.js";import"../../chunks/useTheme-dBpqJs9-.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/useMenu-Cmdi4bDX.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-ClgczePq.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-ClanBXcy.js";export{g as Option,b as Select};
 //# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-cs9AuqoJ.cjs");require("../../chunks/useTheme-DZmXQ5qV.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function l({width:t,height:r,variant:n="rounded"}){const o=i.joinClass(`${e.prefix}-skeleton`,`${e.prefix}-skeleton--${n}`);return s.jsx("div",{className:o,style:{width:t,height:r}})}const c=u.createComponent(l);exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-DQ0m5xyl.cjs");require("../../chunks/useTheme-BY1JQ7q7.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function l({width:t,height:r,variant:n="rounded"}){const o=i.joinClass(`${e.prefix}-skeleton`,`${e.prefix}-skeleton--${n}`);return s.jsx("div",{className:o,style:{width:t,height:r}})}const c=u.createComponent(l);exports.default=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Skeleton/index.js CHANGED Viewed

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

package/dist/components/Stack/index.cjs CHANGED Viewed

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

package/dist/components/Stack/index.js CHANGED Viewed

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

package/dist/components/Switch/index.cjs CHANGED Viewed

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

package/dist/components/Switch/index.js CHANGED Viewed

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

package/dist/components/Table/index.cjs CHANGED Viewed

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

package/dist/components/Table/index.js CHANGED Viewed

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

package/dist/components/Tabs/index.cjs CHANGED Viewed

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

package/dist/components/Tabs/index.js CHANGED Viewed

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

package/dist/components/Textarea/index.cjs CHANGED Viewed

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