@iziui/react 0.0.4-rc → 0.0.7-rc

package/dist/feedback/Loading/index.cjs

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

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

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

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

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

package/dist/feedback/Loading/index.js

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

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

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

package/dist/feedback/Modal/Modal.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("react"),n=require("../../tokens/dist/web/js/index.cjs"),a=require("../../core/src/utils/joinClass/joinClass.cjs"),v=require("../../core/createComponent.cjs"),y=require("../../display/Card/Card.cjs"),_=require("../../display/Card/CardContent.cjs"),q=require("../../layout/Stack/Stack.cjs"),N=require("../../actions/ButtonIcon/ButtonIcon.cjs"),w=require("../../display/Icon/Icon.cjs");;/* empty css                                       */function $({children:d,title:f,subtitle:m,isOpen:l,onClose:c,...u}){const[i,s]=r.useState({visible:!1,animation:"hide"}),o=r.useRef(null),x=300,j=a.joinClass(`${n.prefix}-modal`,`${n.prefix}-modal--${i.animation}`),p=a.joinClass(`${n.prefix}-modal__content`,u.className),C=a.joinClass(`${n.prefix}-modal__backdrop`,`${n.prefix}-modal__backdrop--${i.animation}`);r.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),r.useEffect(()=>(l?b():h(),()=>{o.current&&(clearTimeout(o.current),o.current=null)}),[l]);const b=()=>{s(e=>({...e,visible:!0})),o.current=setTimeout(()=>{s(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)},h=()=>{s(e=>({...e,animation:"hide"})),o.current=setTimeout(()=>{s(e=>({...e,visible:!1})),document.body.style.overflow=""},x)};return i.visible&&t.jsx("div",{className:C,onClick:c,children:t.jsx("div",{className:`${n.prefix}-modal__container`,children:t.jsx(y.default,{className:j,children:t.jsxs(_.default,{onClick:e=>e.stopPropagation(),children:[t.jsxs(q.default,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[t.jsxs("div",{children:[f,m]}),t.jsx(N.default,{color:"primary",onClick:c,children:t.jsx(w.default,{name:"times",color:"text.secondary"})})]}),t.jsx("div",{...u,className:p,children:d})]})})})})}const k=v.default($);exports.default=k;
-//# sourceMappingURL=Modal.cjs.map

package/dist/feedback/Modal/Modal.cjs.map

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

package/dist/feedback/Modal/Modal.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
-    isOpen: boolean;
-    onClose: () => void;
-    children: React.ReactNode;
-    title?: React.JSX.Element;
-    subtitle?: React.JSX.Element;
-}
-declare const _default: import('react').FC<import('@iziui/core/options').Sx<ModalProps>>;
-export default _default;
-//# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/feedback/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAYzE,OAAO,qCAAqC,CAAC;AAK7C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC5E,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC9B;;AA6FD,wBAAsC"}

package/dist/feedback/Modal/Modal.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as _,useRef as w,useEffect as d}from"react";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import x from"../../core/createComponent.js";import $ from"../../display/Card/Card.js";import k from"../../display/Card/CardContent.js";import I from"../../layout/Stack/Stack.js";import T from"../../actions/ButtonIcon/ButtonIcon.js";import g from"../../display/Icon/Icon.js";/* empty css                                    */function j({children:f,title:u,subtitle:p,isOpen:s,onClose:c,...m}){const[i,r]=_({visible:!1,animation:"hide"}),n=w(null),h=300,b=l(`${t}-modal`,`${t}-modal--${i.animation}`),v=l(`${t}-modal__content`,m.className),y=l(`${t}-modal__backdrop`,`${t}-modal__backdrop--${i.animation}`);d(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),d(()=>(s?C():N(),()=>{n.current&&(clearTimeout(n.current),n.current=null)}),[s]);const C=()=>{r(o=>({...o,visible:!0})),n.current=setTimeout(()=>{r(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},N=()=>{r(o=>({...o,animation:"hide"})),n.current=setTimeout(()=>{r(o=>({...o,visible:!1})),document.body.style.overflow=""},h)};return i.visible&&e("div",{className:y,onClick:c,children:e("div",{className:`${t}-modal__container`,children:e($,{className:b,children:a(k,{onClick:o=>o.stopPropagation(),children:[a(I,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[a("div",{children:[u,p]}),e(T,{color:"primary",onClick:c,children:e(g,{name:"times",color:"text.secondary"})})]}),e("div",{...m,className:v,children:f})]})})})})}const q=x(j);export{q as default};
-//# sourceMappingURL=Modal.js.map

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

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

package/dist/feedback/Modal/Modal.spec.d.ts.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/feedback/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,KAAK,CAyB3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAE7C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAkB5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/feedback/Modal/ModalFooter.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("../../layout/Stack/Stack.cjs"),r=require("../../core/createComponent.cjs");function n({children:e}){return t.jsx(o.default,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:e})}const u=r.default(n);exports.default=u;
-//# sourceMappingURL=ModalFooter.cjs.map

package/dist/feedback/Modal/ModalFooter.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalFooter.cjs","sources":["../../../src/feedback/Modal/ModalFooter.tsx"],"sourcesContent":["\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\ninterface ModalFooterProps { children: React.ReactNode; }\n\nfunction ModalFooter({ children }: ModalFooterProps) {\n  return (\n    <Stack flexDirection=\"row\" justifyContent=\"flex-end\" alignItems=\"center\">\n      {children}\n    </Stack>\n  );\n}\n\nexport default createComponent(ModalFooter);"],"names":["ModalFooter","children","jsx","Stack","ModalFooter_default","createComponent"],"mappings":"uOAOA,SAASA,EAAY,CAAE,SAAAC,GAA8B,CACnD,OACEC,MAACC,EAAAA,SAAM,cAAc,MAAM,eAAe,WAAW,WAAW,SAC7D,SAAAF,EACH,CAEJ,CAEA,MAAAG,EAAeC,EAAAA,QAAgBL,CAAW"}

package/dist/feedback/Modal/ModalFooter.d.ts

@@ -1,6 +0,0 @@
-interface ModalFooterProps {
-    children: React.ReactNode;
-}
-declare const _default: import('react').FC<import('@iziui/core/options').Sx<ModalFooterProps>>;
-export default _default;
-//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/feedback/Modal/ModalFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/feedback/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAAE;;AAUzD,wBAA4C"}

package/dist/feedback/Modal/ModalFooter.js

@@ -1,2 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import e from"../../layout/Stack/Stack.js";import r from"../../core/createComponent.js";function n({children:o}){return t(e,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:o})}const m=r(n);export{m as default};
-//# sourceMappingURL=ModalFooter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ModalFooter.js","sources":["../../../src/feedback/Modal/ModalFooter.tsx"],"sourcesContent":["\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\ninterface ModalFooterProps { children: React.ReactNode; }\n\nfunction ModalFooter({ children }: ModalFooterProps) {\n  return (\n    <Stack flexDirection=\"row\" justifyContent=\"flex-end\" alignItems=\"center\">\n      {children}\n    </Stack>\n  );\n}\n\nexport default createComponent(ModalFooter);"],"names":["ModalFooter","children","jsx","Stack","ModalFooter_default","createComponent"],"mappings":"gIAOA,SAASA,EAAY,CAAE,SAAAC,GAA8B,CACnD,OACEC,EAACC,GAAM,cAAc,MAAM,eAAe,WAAW,WAAW,SAC7D,SAAAF,EACH,CAEJ,CAEA,MAAAG,EAAeC,EAAgBL,CAAW"}

package/dist/feedback/Modal/index.cjs

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

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

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

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

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

package/dist/feedback/Modal/index.js

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

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

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

package/dist/feedback/Modal/useModal.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react");function l({open:e=!1}={}){const[t,o]=s.useState(e);return[t,()=>o(u=>!u)]}exports.default=l;
-//# sourceMappingURL=useModal.cjs.map

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

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

package/dist/feedback/Modal/useModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../src/feedback/Modal/useModal.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IAAG,IAAI,CAAC,EAAE,OAAO,CAAC;CAAE;AAE3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAY,EAAE,GAAE,aAAkB,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAM5F"}

package/dist/feedback/Modal/useModal.js

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

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

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

package/dist/feedback/Skeleton/Skeleton.cjs

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

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

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

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

@@ -1,10 +0,0 @@
-import { CSSProperties } from 'react';
-type Variants = 'rounded' | 'rectangular' | 'circular';
-export interface SkeletonProps {
-    variant?: Variants;
-    width: CSSProperties['width'];
-    height: CSSProperties['height'];
-}
-declare const _default: import('react').FC<import('@iziui/core/options').Sx<SkeletonProps>>;
-export default _default;
-//# sourceMappingURL=Skeleton.d.ts.map

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

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

package/dist/feedback/Skeleton/Skeleton.js

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

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

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

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

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

package/dist/feedback/Skeleton/index.cjs

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

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

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

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

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

package/dist/feedback/Skeleton/index.js

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

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

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

package/dist/feedback/index.cjs

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

package/dist/feedback/index.cjs.map

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

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

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

package/dist/feedback/index.js

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

package/dist/feedback/index.js.map

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

package/dist/fields/Checkbox/Checkbox.cjs

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

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

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

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

@@ -1,13 +0,0 @@
-import { HTMLProps } from 'react';
-import { Colors } from '@iziui/core/theme';
-export interface CheckboxProps extends Omit<HTMLProps<HTMLInputElement>, 'id'> {
-    name: string;
-    label: string;
-    helperText?: string;
-    error?: boolean;
-    color?: Colors;
-    checked?: boolean;
-}
-declare const _default: import('react').FC<import('@iziui/core/options').Sx<CheckboxProps>>;
-export default _default;
-//# sourceMappingURL=Checkbox.d.ts.map

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

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

package/dist/fields/Checkbox/Checkbox.js

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

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

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

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

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

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

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

package/dist/fields/Checkbox/index.cjs

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

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

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

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

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

package/dist/fields/Checkbox/index.js

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

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

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

package/dist/fields/CheckboxGroup/CheckboxGroup.cjs

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

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

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

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

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

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

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

package/dist/fields/CheckboxGroup/CheckboxGroup.js

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

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

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

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

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

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

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

package/dist/fields/CheckboxGroup/index.cjs

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

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

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

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

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

package/dist/fields/CheckboxGroup/index.js

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

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

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

package/dist/fields/ColorPicker/ColorPicker.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.cjs","sources":["../../../src/fields/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import {\n  useRef,\n  useMemo,\n  type InputHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { getContrastColor } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Box from '@/layout/Box';\nimport Icon from '@/display/Icon';\nimport Stack from '@/layout/Stack';\nimport { useTheme } from '@/theme';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport COLORS from './colors';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/ColorPicker.scss';\n\nexport interface ColorPickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> {\n  label?: string;\n  value: string;\n  error?: boolean;\n  helperText?: string;\n  fitContent?: boolean;\n  autoClose?: boolean;\n}\n\nfunction ColorPicker({\n  label,\n  error,\n  helperText,\n  fitContent,\n  value = COLORS[0],\n  autoClose,\n  onChange,\n  onInput,\n  ...props\n}: ColorPickerProps) {\n  const { theme: { palette } } = useTheme();\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const [open, el, toggle] = useMenu();\n\n  const id = useMemo(() => uuid(), []);\n\n  const labelClss = joinClass(\n    `${prefix}-color-picker__label`,\n    error && `${prefix}-color-picker__label--error`,\n  );\n\n  const containerClassName = joinClass(\n    `${prefix}-color-picker-container`,\n    error && `${prefix}-color-picker-container--error`,\n  );\n\n  const colorPickerClassName = joinClass(\n    `${prefix}-color-picker`,\n    error && `${prefix}-color-picker--error`,\n  );\n\n  const valueClassName = joinClass(\n    `${prefix}-color-picker__value`,\n    error && `${prefix}-color-picker__value--error`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-color-picker__helper-text`,\n    helperText && `${prefix}-color-picker__helper-text--visible`,\n    error && `${prefix}-color-picker__helper-text--error`,\n  );\n\n  const iconClassName = (c: string) => joinClass(\n    `${prefix}-color-picker__color__icon`,\n    value === c && `${prefix}-color-picker__color__icon--visible`,\n  );\n\n  function handleColorChange(color: string) {\n    if (!inputRef.current) { return; }\n    // if (autoClose) { toggle(); }\n\n    inputRef.current.value = color;\n    inputRef.current.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  return (\n    <div className={containerClassName}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" onClick={toggle} className={colorPickerClassName}>\n        <div className={`${prefix}-color-picker__preview`}>\n          <div style={{ backgroundColor: value }} />\n        </div>\n        <div className={valueClassName}>\n          {value}\n        </div>\n      </button>\n      <span className={helperTextClss}>{helperText}</span>\n      <Menu\n        direction=\"left\"\n        autoClose={autoClose}\n        open={open}\n        anchorEl={el}\n        width={fitContent ? 'fit-content' : ''}\n        onClose={toggle}\n      >\n        <Box sx={{ p: 1 }}>\n          <Stack\n            gap={8}\n            flexDirection=\"row\"\n            justifyContent=\"center\"\n            style={{ flexWrap: 'wrap' }}\n          >\n            {\n              COLORS.map((c) => (\n                <button\n                  key={c}\n                  type=\"button\"\n                  className={`${prefix}-color-picker__color`}\n                  onClick={() => handleColorChange(c)}\n                  style={{ backgroundColor: c }}\n                >\n                  <Icon\n                    name=\"check\"\n                    className={iconClassName(c)}\n                    style={{ color: getContrastColor(value) }}\n                  />\n                </button>\n              ))\n            }\n            <label\n              htmlFor={`color-picker-${id}`}\n              className={`${prefix}-color-picker__color`}\n              style={{ backgroundColor: palette.grey.main }}\n            >\n              <Icon\n                name=\"plus\"\n                className={iconClassName(value)}\n                style={{ color: getContrastColor(palette.grey.main) }}\n              />\n              <input\n                ref={inputRef}\n                type=\"color\"\n                id={`color-picker-${id}`}\n                value={value}\n                onChange={onChange}\n                onInput={onInput}\n              />\n            </label>\n          </Stack>\n        </Box>\n      </Menu>\n    </div>\n  );\n}\n\nexport default createComponent(ColorPicker);\n"],"names":["ColorPicker","label","error","helperText","fitContent","value","COLORS","autoClose","onChange","onInput","props","palette","useTheme","inputRef","useRef","open","el","toggle","useMenu","id","useMemo","uuid","labelClss","joinClass","prefix","containerClassName","colorPickerClassName","valueClassName","helperTextClss","iconClassName","c","handleColorChange","color","jsxs","jsx","Menu","Box","Stack","Icon","getContrastColor","ColorPicker_default","createComponent"],"mappings":"84BAiCA,SAASA,EAAY,CACnB,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EAAQC,EAAAA,QAAO,CAAC,EAChB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,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,uBACTtB,GAAS,GAAGsB,EAAAA,MAAM,6BAAA,EAGdC,EAAqBF,EAAAA,UACzB,GAAGC,EAAAA,MAAM,0BACTtB,GAAS,GAAGsB,EAAAA,MAAM,gCAAA,EAGdE,EAAuBH,EAAAA,UAC3B,GAAGC,EAAAA,MAAM,gBACTtB,GAAS,GAAGsB,EAAAA,MAAM,sBAAA,EAGdG,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTtB,GAAS,GAAGsB,EAAAA,MAAM,6BAAA,EAGdI,EAAiBL,EAAAA,UACrB,GAAGC,EAAAA,MAAM,6BACTrB,GAAc,GAAGqB,EAAAA,MAAM,sCACvBtB,GAAS,GAAGsB,EAAAA,MAAM,mCAAA,EAGdK,EAAiBC,GAAcP,EAAAA,UACnC,GAAGC,EAAAA,MAAM,6BACTnB,IAAUyB,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,CAAAxB,GAASgC,EAAAA,KAAC,QAAA,CAAM,UAAWX,EAAY,SAAA,CAAArB,EAAM,IAAES,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,gBAAiB7B,CAAA,CAAM,CAAG,EAC1C,EACA6B,EAAAA,IAAC,MAAA,CAAI,UAAWP,EACb,SAAAtB,CAAA,CACH,CAAA,EACF,EACA6B,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAiB,SAAAzB,EAAW,EAC7C+B,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAU,OACV,UAAA5B,EACA,KAAAQ,EACA,SAAUC,EACV,MAAOZ,EAAa,cAAgB,GACpC,QAASa,EAET,eAACmB,EAAAA,QAAA,CAAI,GAAI,CAAE,EAAG,GACZ,SAAAH,EAAAA,KAACI,EAAAA,QAAA,CACC,IAAK,EACL,cAAc,MACd,eAAe,SACf,MAAO,CAAE,SAAU,MAAA,EAGjB,SAAA,CAAA/B,UAAO,IAAKwB,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,QAAA,CACC,KAAK,QACL,UAAWT,EAAcC,CAAC,EAC1B,MAAO,CAAE,MAAOS,EAAAA,iBAAiBlC,CAAK,CAAA,CAAE,CAAA,CAC1C,EAVKyB,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,QAAA,CACC,KAAK,OACL,UAAWT,EAAcxB,CAAK,EAC9B,MAAO,CAAE,MAAOkC,EAAAA,iBAAiB5B,EAAQ,KAAK,IAAI,CAAA,CAAE,CAAA,EAEtDuB,EAAAA,IAAC,QAAA,CACC,IAAKrB,EACL,KAAK,QACL,GAAI,gBAAgBM,CAAE,GACtB,MAAAd,EACA,SAAAG,EACA,QAAAC,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,EACF,CAEJ,CAEA,MAAA+B,EAAeC,EAAAA,QAAgBzC,CAAW"}

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

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

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

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

package/dist/fields/ColorPicker/ColorPicker.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../src/fields/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import {\n  useRef,\n  useMemo,\n  type InputHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { getContrastColor } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Box from '@/layout/Box';\nimport Icon from '@/display/Icon';\nimport Stack from '@/layout/Stack';\nimport { useTheme } from '@/theme';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport COLORS from './colors';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/ColorPicker.scss';\n\nexport interface ColorPickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> {\n  label?: string;\n  value: string;\n  error?: boolean;\n  helperText?: string;\n  fitContent?: boolean;\n  autoClose?: boolean;\n}\n\nfunction ColorPicker({\n  label,\n  error,\n  helperText,\n  fitContent,\n  value = COLORS[0],\n  autoClose,\n  onChange,\n  onInput,\n  ...props\n}: ColorPickerProps) {\n  const { theme: { palette } } = useTheme();\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const [open, el, toggle] = useMenu();\n\n  const id = useMemo(() => uuid(), []);\n\n  const labelClss = joinClass(\n    `${prefix}-color-picker__label`,\n    error && `${prefix}-color-picker__label--error`,\n  );\n\n  const containerClassName = joinClass(\n    `${prefix}-color-picker-container`,\n    error && `${prefix}-color-picker-container--error`,\n  );\n\n  const colorPickerClassName = joinClass(\n    `${prefix}-color-picker`,\n    error && `${prefix}-color-picker--error`,\n  );\n\n  const valueClassName = joinClass(\n    `${prefix}-color-picker__value`,\n    error && `${prefix}-color-picker__value--error`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-color-picker__helper-text`,\n    helperText && `${prefix}-color-picker__helper-text--visible`,\n    error && `${prefix}-color-picker__helper-text--error`,\n  );\n\n  const iconClassName = (c: string) => joinClass(\n    `${prefix}-color-picker__color__icon`,\n    value === c && `${prefix}-color-picker__color__icon--visible`,\n  );\n\n  function handleColorChange(color: string) {\n    if (!inputRef.current) { return; }\n    // if (autoClose) { toggle(); }\n\n    inputRef.current.value = color;\n    inputRef.current.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  return (\n    <div className={containerClassName}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" onClick={toggle} className={colorPickerClassName}>\n        <div className={`${prefix}-color-picker__preview`}>\n          <div style={{ backgroundColor: value }} />\n        </div>\n        <div className={valueClassName}>\n          {value}\n        </div>\n      </button>\n      <span className={helperTextClss}>{helperText}</span>\n      <Menu\n        direction=\"left\"\n        autoClose={autoClose}\n        open={open}\n        anchorEl={el}\n        width={fitContent ? 'fit-content' : ''}\n        onClose={toggle}\n      >\n        <Box sx={{ p: 1 }}>\n          <Stack\n            gap={8}\n            flexDirection=\"row\"\n            justifyContent=\"center\"\n            style={{ flexWrap: 'wrap' }}\n          >\n            {\n              COLORS.map((c) => (\n                <button\n                  key={c}\n                  type=\"button\"\n                  className={`${prefix}-color-picker__color`}\n                  onClick={() => handleColorChange(c)}\n                  style={{ backgroundColor: c }}\n                >\n                  <Icon\n                    name=\"check\"\n                    className={iconClassName(c)}\n                    style={{ color: getContrastColor(value) }}\n                  />\n                </button>\n              ))\n            }\n            <label\n              htmlFor={`color-picker-${id}`}\n              className={`${prefix}-color-picker__color`}\n              style={{ backgroundColor: palette.grey.main }}\n            >\n              <Icon\n                name=\"plus\"\n                className={iconClassName(value)}\n                style={{ color: getContrastColor(palette.grey.main) }}\n              />\n              <input\n                ref={inputRef}\n                type=\"color\"\n                id={`color-picker-${id}`}\n                value={value}\n                onChange={onChange}\n                onInput={onInput}\n              />\n            </label>\n          </Stack>\n        </Box>\n      </Menu>\n    </div>\n  );\n}\n\nexport default createComponent(ColorPicker);\n"],"names":["ColorPicker","label","error","helperText","fitContent","value","COLORS","autoClose","onChange","onInput","props","palette","useTheme","inputRef","useRef","open","el","toggle","useMenu","id","useMemo","uuid","labelClss","joinClass","prefix","containerClassName","colorPickerClassName","valueClassName","helperTextClss","iconClassName","c","handleColorChange","color","jsxs","jsx","Menu","Box","Stack","Icon","getContrastColor","ColorPicker_default","createComponent"],"mappings":"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"}

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

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

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

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

package/dist/fields/ColorPicker/colors.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"colors.cjs","sources":["../../../src/fields/ColorPicker/colors.ts"],"sourcesContent":["export default [\n  '#00aae6',\n  '#2e72fe',\n  '#6f4dff',\n  '#9f40f1',\n  '#9e2dbf',\n  '#db5bdc',\n  '#ea479b',\n  '#ff83a8',\n  '#d80051',\n  '#eb3d32',\n  '#fa8d2f',\n  '#f5cd2b',\n  '#93ca00',\n  '#62d26f',\n  '#38c5ab',\n  '#87969f',\n];"],"names":["COLORS"],"mappings":"4GAAA,MAAAA,EAAe,CACb,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF"}

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

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

package/dist/fields/ColorPicker/colors.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sources":["../../../src/fields/ColorPicker/colors.ts"],"sourcesContent":["export default [\n  '#00aae6',\n  '#2e72fe',\n  '#6f4dff',\n  '#9f40f1',\n  '#9e2dbf',\n  '#db5bdc',\n  '#ea479b',\n  '#ff83a8',\n  '#d80051',\n  '#eb3d32',\n  '#fa8d2f',\n  '#f5cd2b',\n  '#93ca00',\n  '#62d26f',\n  '#38c5ab',\n  '#87969f',\n];"],"names":["COLORS"],"mappings":"AAAA,MAAAA,EAAe,CACb,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF"}

package/dist/fields/ColorPicker/index.cjs

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

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

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

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

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

package/dist/fields/ColorPicker/index.js

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

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

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

package/dist/fields/Input/Input.cjs

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