@iziui/react 0.0.93-rc → 0.0.95-rc

package/dist/.types/core/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../../../src/core/createComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAW7C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,CAAC,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,aA8B5E"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../../../src/core/createComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAW7C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,CAAC,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,aAwB5E"}

package/dist/.types/feedback/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/feedback/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAUhD,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;;AA8ED,wBAAsC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/feedback/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAUhD,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;;AAwED,wBAAsC"}

package/dist/.types/fields/Select/index.d.ts

@@ -1,2 +1,3 @@
-export { default, type SelectProps } from './Select';
+export { default as Select, type SelectProps } from './Select';
+export { default as Option, type OptionProps } from './Option';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/chunks/Alert-CD6hOvos.js

@@ -0,0 +1,2 @@
+import{jsxs as s,jsx as r}from"react/jsx-runtime";import{p as t}from"./index-CZ41y9Hn.js";import{j as m}from"./joinClass-anSpaauN.js";import{u as $}from"./useTheme-BYuNiCiH.js";import{S as i}from"./Stack-CHR_pZC4.js";import{T as d}from"./Typography-B_WR62ip.js";import{B as y}from"./ButtonIcon-DMetcfYt.js";import{c as g}from"./createComponent-BmdhWozT.js";import{I as h}from"./Icon-DTU52KQE.js";function x({children:e,icon:c,color:o="primary",onClose:a,...n}){const{theme:{mode:l}}=$(),f=m(`${t}-alert`,`${t}-alert--${l}`,`${t}-alert--${o}`,n.className),p=m(`${t}-alert__button`,`${t}-alert__button--${o}`),u=()=>typeof e=="string"?r(d,{variant:"body1",style:{color:"currentcolor"},children:e}):e;return s(i,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...n,className:f,children:[s(i,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t}-alert__content`,children:[c,u()]}),a&&r("div",{children:r(y,{className:p,onClick:a,color:o,style:{color:"currentColor"},children:r(h,{name:"times"})})})]})}const v=g(x);export{v as A};
+//# sourceMappingURL=Alert-CD6hOvos.js.map

package/dist/chunks/Alert-CD6hOvos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-CD6hOvos.js","sources":["../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { type HtmlHTMLAttributes } 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 { useTheme } from '@/theme';\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${mode}`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...props}\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","mode","useTheme","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","jsxs","Stack","ButtonIcon","Icon","Alert$1","createComponent"],"mappings":"4YAuBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,KAAM,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAA,EAEtBC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWJ,CAAI,GACxB,GAAGI,CAAM,WAAWP,CAAK,GACzBE,EAAM,SAAA,EAGFM,EAAkBF,EACtB,GAAGC,CAAM,iBACT,GAAGA,CAAM,mBAAmBP,CAAK,EAAA,EAG7BS,EAAgB,IAChB,OAAOX,GAAa,SAEpBY,EAACC,GAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAb,EACH,EAIGA,EAGT,OACEc,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGX,EACJ,UAAAG,EAEA,SAAA,CAAAO,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGN,CAAM,kBAEnB,SAAA,CAAAR,EACAU,EAAA,CAAc,CAAA,CAAA,EAGfR,KACG,MAAA,CACC,SAAAS,EAACI,EAAA,CACC,UAAWN,EACX,QAASP,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAU,EAACK,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAC,EAAeC,EAAgBpB,CAAK"}

package/dist/chunks/Alert-DCB56IAI.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./index-DYxwT4uW.cjs"),c=require("./joinClass-Jk3EszKD.cjs"),f=require("./useTheme-DsrjDJKC.cjs"),i=require("./Stack-CF3Wyma9.cjs"),p=require("./Typography-Ch-BLqCH.cjs"),j=require("./ButtonIcon-Ccq88QaY.cjs"),y=require("./createComponent-Bls5N6x8.cjs"),$=require("./Icon-BN4Kp4Aq.cjs");function d({children:r,icon:a,color:n="primary",onClose:s,...o}){const{theme:{mode:l}}=f.useTheme(),u=c.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${l}`,`${t.prefix}-alert--${n}`,o.className),m=c.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${n}`),x=()=>typeof r=="string"?e.jsx(p.Typography,{variant:"body1",style:{color:"currentcolor"},children:r}):r;return e.jsxs(i.Stack,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...o,className:u,children:[e.jsxs(i.Stack,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[a,x()]}),s&&e.jsx("div",{children:e.jsx(j.ButtonIcon,{className:m,onClick:s,color:n,style:{color:"currentColor"},children:e.jsx($.Icon,{name:"times"})})})]})}const h=y.createComponent(d);exports.Alert=h;
+//# sourceMappingURL=Alert-DCB56IAI.cjs.map

package/dist/chunks/Alert-DCB56IAI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-DCB56IAI.cjs","sources":["../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { type HtmlHTMLAttributes } 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 { useTheme } from '@/theme';\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${mode}`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...props}\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","mode","useTheme","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","jsxs","Stack","ButtonIcon","Icon","createComponent"],"mappings":"4VAuBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,KAAM,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWJ,CAAI,GACxB,GAAGI,EAAAA,MAAM,WAAWP,CAAK,GACzBE,EAAM,SAAA,EAGFM,EAAkBF,EAAAA,UACtB,GAAGC,EAAAA,MAAM,iBACT,GAAGA,EAAAA,MAAM,mBAAmBP,CAAK,EAAA,EAG7BS,EAAgB,IAChB,OAAOX,GAAa,SAEpBY,MAACC,EAAAA,YAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAb,EACH,EAIGA,EAGT,OACEc,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGX,EACJ,UAAAG,EAEA,SAAA,CAAAO,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGN,EAAAA,MAAM,kBAEnB,SAAA,CAAAR,EACAU,EAAA,CAAc,CAAA,CAAA,EAGfR,SACG,MAAA,CACC,SAAAS,EAAAA,IAACI,EAAAA,WAAA,CACC,UAAWN,EACX,QAASP,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAU,EAAAA,IAACK,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAlB,EAAemB,EAAAA,gBAAgBnB,CAAK"}

package/dist/chunks/{Box-BCKQa2JS.cjs → Box-CNg55MFq.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),s=require("react"),u=require("./createComponent-B2C4sTOb.cjs"),i=s.forwardRef(function({tag:e="div",children:o,...t},n){const r=e;return c.jsx(r,{ref:n,...t,children:o})}),x=u.createComponent(i);exports.Box=x;
-//# sourceMappingURL=Box-BCKQa2JS.cjs.map
+"use strict";const c=require("react/jsx-runtime"),s=require("react"),u=require("./createComponent-Bls5N6x8.cjs"),i=s.forwardRef(function({tag:e="div",children:o,...t},n){const r=e;return c.jsx(r,{ref:n,...t,children:o})}),x=u.createComponent(i);exports.Box=x;
+//# sourceMappingURL=Box-CNg55MFq.cjs.map

package/dist/chunks/{Box-BCKQa2JS.cjs.map → Box-CNg55MFq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Box-BCKQa2JS.cjs","sources":["../../src/layout/Box/Box.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\n\nimport createComponent from '@/core';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n}\n\nconst Box = forwardRef<HTMLElement, BoxProps>(\n  function Box({ tag = 'div', children, ...props }, ref) {\n    const CustomTag = tag;\n\n    return (\n      <CustomTag ref={ref} {...props}>\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Box);"],"names":["Box","forwardRef","tag","children","props","ref","CustomTag","jsx","createComponent"],"mappings":"iHAQMA,EAAMC,EAAAA,WACV,SAAa,CAAE,IAAAC,EAAM,MAAO,SAAAC,EAAU,GAAGC,CAAA,EAASC,EAAK,CACrD,MAAMC,EAAYJ,EAElB,OACEK,EAAAA,IAACD,EAAA,CAAU,IAAAD,EAAW,GAAGD,EACtB,SAAAD,EACH,CAEJ,CACF,EAEAH,EAAeQ,EAAAA,gBAAgBR,CAAG"}
+{"version":3,"file":"Box-CNg55MFq.cjs","sources":["../../src/layout/Box/Box.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\n\nimport createComponent from '@/core';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n}\n\nconst Box = forwardRef<HTMLElement, BoxProps>(\n  function Box({ tag = 'div', children, ...props }, ref) {\n    const CustomTag = tag;\n\n    return (\n      <CustomTag ref={ref} {...props}>\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Box);"],"names":["Box","forwardRef","tag","children","props","ref","CustomTag","jsx","createComponent"],"mappings":"iHAQMA,EAAMC,EAAAA,WACV,SAAa,CAAE,IAAAC,EAAM,MAAO,SAAAC,EAAU,GAAGC,CAAA,EAASC,EAAK,CACrD,MAAMC,EAAYJ,EAElB,OACEK,EAAAA,IAACD,EAAA,CAAU,IAAAD,EAAW,GAAGD,EACtB,SAAAD,EACH,CAEJ,CACF,EAEAH,EAAeQ,EAAAA,gBAAgBR,CAAG"}

package/dist/chunks/{Box-Cs7u6zrl.js → Box-DqBZgXYR.js}

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{forwardRef as s}from"react";import{c as a}from"./createComponent-D-IheGJm.js";const c=s(function({tag:o="div",children:t,...r},m){return n(o,{ref:m,...r,children:t})}),u=a(c);export{u as B};
-//# sourceMappingURL=Box-Cs7u6zrl.js.map
+import{jsx as n}from"react/jsx-runtime";import{forwardRef as s}from"react";import{c as a}from"./createComponent-BmdhWozT.js";const c=s(function({tag:o="div",children:t,...r},m){return n(o,{ref:m,...r,children:t})}),u=a(c);export{u as B};
+//# sourceMappingURL=Box-DqBZgXYR.js.map

package/dist/chunks/{Box-Cs7u6zrl.js.map → Box-DqBZgXYR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Box-Cs7u6zrl.js","sources":["../../src/layout/Box/Box.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\n\nimport createComponent from '@/core';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n}\n\nconst Box = forwardRef<HTMLElement, BoxProps>(\n  function Box({ tag = 'div', children, ...props }, ref) {\n    const CustomTag = tag;\n\n    return (\n      <CustomTag ref={ref} {...props}>\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Box);"],"names":["Box","forwardRef","tag","children","props","ref","jsx","Box$1","createComponent"],"mappings":"6HAQA,MAAMA,EAAMC,EACV,SAAa,CAAE,IAAAC,EAAM,MAAO,SAAAC,EAAU,GAAGC,CAAA,EAASC,EAAK,CAGrD,OACEC,EAHgBJ,EAGf,CAAU,IAAAG,EAAW,GAAGD,EACtB,SAAAD,EACH,CAEJ,CACF,EAEAI,EAAeC,EAAgBR,CAAG"}
+{"version":3,"file":"Box-DqBZgXYR.js","sources":["../../src/layout/Box/Box.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\n\nimport createComponent from '@/core';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n}\n\nconst Box = forwardRef<HTMLElement, BoxProps>(\n  function Box({ tag = 'div', children, ...props }, ref) {\n    const CustomTag = tag;\n\n    return (\n      <CustomTag ref={ref} {...props}>\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Box);"],"names":["Box","forwardRef","tag","children","props","ref","jsx","Box$1","createComponent"],"mappings":"6HAQA,MAAMA,EAAMC,EACV,SAAa,CAAE,IAAAC,EAAM,MAAO,SAAAC,EAAU,GAAGC,CAAA,EAASC,EAAK,CAGrD,OACEC,EAHgBJ,EAGf,CAAU,IAAAG,EAAW,GAAGD,EACtB,SAAAD,EACH,CAEJ,CACF,EAEAI,EAAeC,EAAgBR,CAAG"}

package/dist/chunks/{ButtonIcon-CJ5Iz-uJ.cjs → ButtonIcon-Ccq88QaY.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),c=require("./index-DYxwT4uW.cjs"),p=require("./joinClass-Jk3EszKD.cjs"),q=require("./Ripple-Dy4i91j1.cjs"),x=require("./createComponent-B2C4sTOb.cjs");function j({children:i,size:t=40,color:n="primary",...e}){const[o,u]=[t,t],l=p.joinClass(`${c.prefix}-button-icon`,n&&`${c.prefix}-button-icon--${n}`,e.className),a=s=>m.cloneElement(s,{size:o/1.5,...s.props,style:{color:"currentColor"}});return r.jsxs("button",{...e,className:l,style:{...e.style,width:o,height:u},children:[a(i),r.jsx(q.Ripple,{})]})}const C=x.createComponent(j);exports.ButtonIcon=C;
-//# sourceMappingURL=ButtonIcon-CJ5Iz-uJ.cjs.map
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),c=require("./index-DYxwT4uW.cjs"),p=require("./joinClass-Jk3EszKD.cjs"),q=require("./Ripple-Dy4i91j1.cjs"),x=require("./createComponent-Bls5N6x8.cjs");function j({children:i,size:t=40,color:n="primary",...e}){const[o,u]=[t,t],l=p.joinClass(`${c.prefix}-button-icon`,n&&`${c.prefix}-button-icon--${n}`,e.className),a=s=>m.cloneElement(s,{size:o/1.5,...s.props,style:{color:"currentColor"}});return r.jsxs("button",{...e,className:l,style:{...e.style,width:o,height:u},children:[a(i),r.jsx(q.Ripple,{})]})}const C=x.createComponent(j);exports.ButtonIcon=C;
+//# sourceMappingURL=ButtonIcon-Ccq88QaY.cjs.map

package/dist/chunks/{ButtonIcon-CJ5Iz-uJ.cjs.map → ButtonIcon-Ccq88QaY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon-CJ5Iz-uJ.cjs","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } 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 type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","width","height","classess","joinClass","prefix","renderIcon","icon","cloneElement","jsxs","Ripple","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAACC,EAAOC,CAAM,EAAI,CAACJ,EAAMA,CAAI,EAE7BK,EAAWC,EAAAA,UACf,GAAGC,EAAAA,MAAM,eACTN,GAAS,GAAGM,EAAAA,MAAM,iBAAiBN,CAAK,GACxCC,EAAM,SAAA,EAGFM,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAMN,EAAQ,IACd,GAAGM,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWG,EACX,MAAO,CAAE,GAAGH,EAAM,MAAO,MAAAC,EAAO,OAAAC,CAAA,EAE/B,SAAA,CAAAI,EAAWT,CAAQ,QACnBa,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAd,EAAee,EAAAA,gBAAgBf,CAAU"}
+{"version":3,"file":"ButtonIcon-Ccq88QaY.cjs","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } 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 type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","width","height","classess","joinClass","prefix","renderIcon","icon","cloneElement","jsxs","Ripple","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAACC,EAAOC,CAAM,EAAI,CAACJ,EAAMA,CAAI,EAE7BK,EAAWC,EAAAA,UACf,GAAGC,EAAAA,MAAM,eACTN,GAAS,GAAGM,EAAAA,MAAM,iBAAiBN,CAAK,GACxCC,EAAM,SAAA,EAGFM,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAMN,EAAQ,IACd,GAAGM,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWG,EACX,MAAO,CAAE,GAAGH,EAAM,MAAO,MAAAC,EAAO,OAAAC,CAAA,EAE/B,SAAA,CAAAI,EAAWT,CAAQ,QACnBa,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAd,EAAee,EAAAA,gBAAgBf,CAAU"}

package/dist/chunks/{ButtonIcon-mMZe5V_1.js → ButtonIcon-DMetcfYt.js}

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as p}from"react/jsx-runtime";import{cloneElement as u}from"react";import{p as e}from"./index-CZ41y9Hn.js";import{j as f}from"./joinClass-anSpaauN.js";import{R as h}from"./Ripple-Bq9bxg4k.js";import{c as j}from"./createComponent-D-IheGJm.js";function x({children:c,size:o=40,color:r="primary",...t}){const[n,m]=[o,o],i=f(`${e}-button-icon`,r&&`${e}-button-icon--${r}`,t.className),a=s=>u(s,{size:n/1.5,...s.props,style:{color:"currentColor"}});return l("button",{...t,className:i,style:{...t.style,width:n,height:m},children:[a(c),p(h,{})]})}const I=j(x);export{I as B};
-//# sourceMappingURL=ButtonIcon-mMZe5V_1.js.map
+import{jsxs as l,jsx as p}from"react/jsx-runtime";import{cloneElement as u}from"react";import{p as e}from"./index-CZ41y9Hn.js";import{j as f}from"./joinClass-anSpaauN.js";import{R as h}from"./Ripple-Bq9bxg4k.js";import{c as j}from"./createComponent-BmdhWozT.js";function x({children:c,size:o=40,color:r="primary",...t}){const[n,m]=[o,o],i=f(`${e}-button-icon`,r&&`${e}-button-icon--${r}`,t.className),a=s=>u(s,{size:n/1.5,...s.props,style:{color:"currentColor"}});return l("button",{...t,className:i,style:{...t.style,width:n,height:m},children:[a(c),p(h,{})]})}const I=j(x);export{I as B};
+//# sourceMappingURL=ButtonIcon-DMetcfYt.js.map

package/dist/chunks/{ButtonIcon-mMZe5V_1.js.map → ButtonIcon-DMetcfYt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon-mMZe5V_1.js","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } 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 type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","width","height","classess","joinClass","prefix","renderIcon","icon","cloneElement","jsxs","Ripple","ButtonIcon$1","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAACC,EAAOC,CAAM,EAAI,CAACJ,EAAMA,CAAI,EAE7BK,EAAWC,EACf,GAAGC,CAAM,eACTN,GAAS,GAAGM,CAAM,iBAAiBN,CAAK,GACxCC,EAAM,SAAA,EAGFM,EAAcC,GACXC,EAAaD,EAAM,CACxB,KAAMN,EAAQ,IACd,GAAGM,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAC,SAAA,CACE,GAAGT,EACJ,UAAWG,EACX,MAAO,CAAE,GAAGH,EAAM,MAAO,MAAAC,EAAO,OAAAC,CAAA,EAE/B,SAAA,CAAAI,EAAWT,CAAQ,IACnBa,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBhB,CAAU"}
+{"version":3,"file":"ButtonIcon-DMetcfYt.js","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } 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 type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","width","height","classess","joinClass","prefix","renderIcon","icon","cloneElement","jsxs","Ripple","ButtonIcon$1","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAACC,EAAOC,CAAM,EAAI,CAACJ,EAAMA,CAAI,EAE7BK,EAAWC,EACf,GAAGC,CAAM,eACTN,GAAS,GAAGM,CAAM,iBAAiBN,CAAK,GACxCC,EAAM,SAAA,EAGFM,EAAcC,GACXC,EAAaD,EAAM,CACxB,KAAMN,EAAQ,IACd,GAAGM,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAC,SAAA,CACE,GAAGT,EACJ,UAAWG,EACX,MAAO,CAAE,GAAGH,EAAM,MAAO,MAAAC,EAAO,OAAAC,CAAA,EAE/B,SAAA,CAAAI,EAAWT,CAAQ,IACnBa,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBhB,CAAU"}

package/dist/chunks/{Card-CcOpPKfS.cjs → Card-Bqgukgip.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("./index-DYxwT4uW.cjs"),t=require("./joinClass-Jk3EszKD.cjs"),a=require("./Ripple-Dy4i91j1.cjs"),o=require("./createComponent-B2C4sTOb.cjs");function u({children:c,onClick:e,...r}){const i=t.joinClass(`${n.prefix}-card`,e&&`${n.prefix}-card--clickable`,r.className);return s.jsxs("div",{...r,className:i,onMouseUp:e,children:[c,e&&s.jsx(a.Ripple,{})]})}const d=o.createComponent(u);exports.Card=d;
-//# sourceMappingURL=Card-CcOpPKfS.cjs.map
+"use strict";const s=require("react/jsx-runtime"),n=require("./index-DYxwT4uW.cjs"),t=require("./joinClass-Jk3EszKD.cjs"),a=require("./Ripple-Dy4i91j1.cjs"),o=require("./createComponent-Bls5N6x8.cjs");function u({children:c,onClick:e,...r}){const i=t.joinClass(`${n.prefix}-card`,e&&`${n.prefix}-card--clickable`,r.className);return s.jsxs("div",{...r,className:i,onMouseUp:e,children:[c,e&&s.jsx(a.Ripple,{})]})}const d=o.createComponent(u);exports.Card=d;
+//# sourceMappingURL=Card-Bqgukgip.cjs.map

package/dist/chunks/{Card-CcOpPKfS.cjs.map → Card-Bqgukgip.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-CcOpPKfS.cjs","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","createComponent"],"mappings":"yMAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASJ,GAAW,GAAGI,EAAAA,MAAM,mBAAoBH,EAAM,SAAS,EAE/F,cACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,SAAYK,EAAAA,OAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAP,EAAeQ,EAAAA,gBAAgBR,CAAI"}
+{"version":3,"file":"Card-Bqgukgip.cjs","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","createComponent"],"mappings":"yMAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASJ,GAAW,GAAGI,EAAAA,MAAM,mBAAoBH,EAAM,SAAS,EAE/F,cACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,SAAYK,EAAAA,OAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAP,EAAeQ,EAAAA,gBAAgBR,CAAI"}

package/dist/chunks/{Card-DDRUwdlG.js → Card-C2mSdoXV.js}

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as c}from"./joinClass-anSpaauN.js";import{R as i}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-D-IheGJm.js";function n({children:o,onClick:r,...s}){const m=c(`${a}-card`,r&&`${a}-card--clickable`,s.className);return e("div",{...s,className:m,onMouseUp:r,children:[o,r&&t(i,{})]})}const u=p(n);export{u as C};
-//# sourceMappingURL=Card-DDRUwdlG.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as c}from"./joinClass-anSpaauN.js";import{R as i}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-BmdhWozT.js";function n({children:o,onClick:r,...s}){const m=c(`${a}-card`,r&&`${a}-card--clickable`,s.className);return e("div",{...s,className:m,onMouseUp:r,children:[o,r&&t(i,{})]})}const u=p(n);export{u as C};
+//# sourceMappingURL=Card-C2mSdoXV.js.map

package/dist/chunks/{Card-DDRUwdlG.js.map → Card-C2mSdoXV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-DDRUwdlG.js","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","Card$1","createComponent"],"mappings":"iOAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAU,GAAGC,CAAM,QAASJ,GAAW,GAAGI,CAAM,mBAAoBH,EAAM,SAAS,EAE/F,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,KAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}
+{"version":3,"file":"Card-C2mSdoXV.js","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","Card$1","createComponent"],"mappings":"iOAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAU,GAAGC,CAAM,QAASJ,GAAW,GAAGI,CAAM,mBAAoBH,EAAM,SAAS,EAE/F,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,KAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}

package/dist/chunks/{CardContent-DYAWf3xO.js → CardContent-CViecz1a.js}

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{c as e}from"./createComponent-D-IheGJm.js";function m({children:t,...o}){const r=s(`${a}-card__content`,o.className);return n("div",{...o,className:r,children:t})}const p=e(m);export{p as C};
-//# sourceMappingURL=CardContent-DYAWf3xO.js.map
+import{jsx as n}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{c as e}from"./createComponent-BmdhWozT.js";function m({children:t,...o}){const r=s(`${a}-card__content`,o.className);return n("div",{...o,className:r,children:t})}const p=e(m);export{p as C};
+//# sourceMappingURL=CardContent-CViecz1a.js.map

package/dist/chunks/{CardContent-DYAWf3xO.js.map → CardContent-CViecz1a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CardContent-DYAWf3xO.js","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent$1","createComponent"],"mappings":"8KASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}
+{"version":3,"file":"CardContent-CViecz1a.js","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent$1","createComponent"],"mappings":"8KASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}

package/dist/chunks/{CardContent-D2cDaP4l.cjs → CardContent-DPL-tBOS.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),r=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),c=require("./createComponent-B2C4sTOb.cjs");function a({children:n,...e}){const t=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsx("div",{...e,className:t,children:n})}const i=c.createComponent(a);exports.CardContent=i;
-//# sourceMappingURL=CardContent-D2cDaP4l.cjs.map
+"use strict";const s=require("react/jsx-runtime"),r=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),c=require("./createComponent-Bls5N6x8.cjs");function a({children:n,...e}){const t=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsx("div",{...e,className:t,children:n})}const i=c.createComponent(a);exports.CardContent=i;
+//# sourceMappingURL=CardContent-DPL-tBOS.cjs.map

package/dist/chunks/{CardContent-D2cDaP4l.cjs.map → CardContent-DPL-tBOS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CardContent-D2cDaP4l.cjs","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","createComponent"],"mappings":"sKASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAD,EAAeM,EAAAA,gBAAgBN,CAAW"}
+{"version":3,"file":"CardContent-DPL-tBOS.cjs","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","createComponent"],"mappings":"sKASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAD,EAAeM,EAAAA,gBAAgBN,CAAW"}

package/dist/chunks/{DrawerContent-C6nd8E0E.cjs → DrawerContent-BkSL16Os.cjs}

@@ -1,2 +1,2 @@
-"use strict";const u=require("react"),s=require("react/jsx-runtime"),a=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),m=require("./Stack-lvjI3kV3.cjs"),d=require("./createComponent-B2C4sTOb.cjs"),N=require("./ButtonIcon-CJ5Iz-uJ.cjs"),$=require("./Icon-CFvy-l1V.cjs");function y(t=!1){const[e,r]=u.useState(!1);return u.useEffect(()=>{r(t)},[t]),[e,()=>{r(i=>!i)}]}function b({open:t,header:e,body:r,footer:c,direction:i="right",onClose:_,...w}){const[f,l]=u.useState({visible:!1,animation:"hide"}),C=300,x=o.joinClass(`${a.prefix}-drawer`,w.className),D=o.joinClass(`${a.prefix}-drawer__content`,`${a.prefix}-drawer__content--${i}`,`${a.prefix}-drawer__content--${i}--${f.animation}`),j=o.joinClass(`${a.prefix}-drawer__overlay`,`${a.prefix}-drawer__overlay--${f.animation}`);u.useEffect(()=>{let n;if(t){n=v();return}return n=h(),()=>{clearTimeout(n)}},[t]);const v=()=>(l(n=>({...n,visible:!0})),setTimeout(()=>{l(n=>({...n,animation:"show"})),document.body.style.overflow="hidden"},100)),h=()=>(l(n=>({...n,animation:"hide"})),setTimeout(()=>{l(n=>({...n,visible:!1})),document.body.style.overflow=""},C));return f.visible&&s.jsxs("div",{...w,className:x,children:[s.jsxs(m.Stack,{className:D,children:[e,r,c]}),s.jsx("div",{"data-testid":"drawer-overlay",className:j,onClick:_})]})}const p=d.createComponent(b);function q({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__footer`,e.className);return s.jsx("div",{...e,className:r,children:t})}const I=d.createComponent(q);function g({children:t,onClose:e,...r}){const c=o.joinClass(`${a.prefix}-drawer__header`,r.className);return s.jsxs(m.Stack,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...r,className:c,children:[t,e&&s.jsx(N.ButtonIcon,{onClick:e,color:"grey","aria-label":"Fechar","data-testid":"drawer-close-button",children:s.jsx($.Icon,{name:"times"})})]})}const k=d.createComponent(g);function S({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__content__container`,e.className);return s.jsx("div",{...e,className:r,children:t})}const T=d.createComponent(S);exports.DrawerContent_default=T;exports.DrawerFooter_default=I;exports.DrawerHeader_default=k;exports.Drawer_default=p;exports.useDrawer=y;
-//# sourceMappingURL=DrawerContent-C6nd8E0E.cjs.map
+"use strict";const u=require("react"),s=require("react/jsx-runtime"),a=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),m=require("./Stack-CF3Wyma9.cjs"),d=require("./createComponent-Bls5N6x8.cjs"),N=require("./ButtonIcon-Ccq88QaY.cjs"),$=require("./Icon-BN4Kp4Aq.cjs");function y(t=!1){const[e,r]=u.useState(!1);return u.useEffect(()=>{r(t)},[t]),[e,()=>{r(i=>!i)}]}function b({open:t,header:e,body:r,footer:c,direction:i="right",onClose:_,...w}){const[f,l]=u.useState({visible:!1,animation:"hide"}),C=300,x=o.joinClass(`${a.prefix}-drawer`,w.className),D=o.joinClass(`${a.prefix}-drawer__content`,`${a.prefix}-drawer__content--${i}`,`${a.prefix}-drawer__content--${i}--${f.animation}`),j=o.joinClass(`${a.prefix}-drawer__overlay`,`${a.prefix}-drawer__overlay--${f.animation}`);u.useEffect(()=>{let n;if(t){n=v();return}return n=h(),()=>{clearTimeout(n)}},[t]);const v=()=>(l(n=>({...n,visible:!0})),setTimeout(()=>{l(n=>({...n,animation:"show"})),document.body.style.overflow="hidden"},100)),h=()=>(l(n=>({...n,animation:"hide"})),setTimeout(()=>{l(n=>({...n,visible:!1})),document.body.style.overflow=""},C));return f.visible&&s.jsxs("div",{...w,className:x,children:[s.jsxs(m.Stack,{className:D,children:[e,r,c]}),s.jsx("div",{"data-testid":"drawer-overlay",className:j,onClick:_})]})}const p=d.createComponent(b);function q({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__footer`,e.className);return s.jsx("div",{...e,className:r,children:t})}const I=d.createComponent(q);function g({children:t,onClose:e,...r}){const c=o.joinClass(`${a.prefix}-drawer__header`,r.className);return s.jsxs(m.Stack,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...r,className:c,children:[t,e&&s.jsx(N.ButtonIcon,{onClick:e,color:"grey","aria-label":"Fechar","data-testid":"drawer-close-button",children:s.jsx($.Icon,{name:"times"})})]})}const k=d.createComponent(g);function S({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__content__container`,e.className);return s.jsx("div",{...e,className:r,children:t})}const T=d.createComponent(S);exports.DrawerContent_default=T;exports.DrawerFooter_default=I;exports.DrawerHeader_default=k;exports.Drawer_default=p;exports.useDrawer=y;
+//# sourceMappingURL=DrawerContent-BkSL16Os.cjs.map

package/dist/chunks/{DrawerContent-C6nd8E0E.cjs.map → DrawerContent-BkSL16Os.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent-C6nd8E0E.cjs","sources":["../../src/navigation/Drawer/useDrawer.ts","../../src/navigation/Drawer/Drawer.tsx","../../src/navigation/Drawer/DrawerFooter.tsx","../../src/navigation/Drawer/DrawerHeader.tsx","../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}","import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return 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\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n","import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"grey\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev","Drawer","header","body","footer","direction","onClose","props","config","setConfig","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","timer","handleOpen","handleClose","jsxs","Stack","jsx","Drawer_default","createComponent","DrawerFooter","children","DrawerFooter_default","DrawerHeader","ButtonIcon","Icon","DrawerHeader_default","DrawerContent","DrawerContent_default"],"mappings":"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"}
+{"version":3,"file":"DrawerContent-BkSL16Os.cjs","sources":["../../src/navigation/Drawer/useDrawer.ts","../../src/navigation/Drawer/Drawer.tsx","../../src/navigation/Drawer/DrawerFooter.tsx","../../src/navigation/Drawer/DrawerHeader.tsx","../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}","import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return 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\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n","import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"grey\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev","Drawer","header","body","footer","direction","onClose","props","config","setConfig","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","timer","handleOpen","handleClose","jsxs","Stack","jsx","Drawer_default","createComponent","DrawerFooter","children","DrawerFooter_default","DrawerHeader","ButtonIcon","Icon","DrawerHeader_default","DrawerContent","DrawerContent_default"],"mappings":"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"}

package/dist/chunks/{DrawerContent-OuMcge27.js → DrawerContent-D8NDBDBf.js}

@@ -1,2 +1,2 @@
-import{useState as w,useEffect as _}from"react";import{jsxs as f,jsx as s}from"react/jsx-runtime";import{p as n}from"./index-CZ41y9Hn.js";import{j as o}from"./joinClass-anSpaauN.js";import{S as v}from"./Stack-C2zMFX0w.js";import{c as m}from"./createComponent-D-IheGJm.js";import{B as g}from"./ButtonIcon-mMZe5V_1.js";import{I}from"./Icon-B2zjgYkr.js";function M(t=!1){const[e,r]=w(!1);return _(()=>{r(t)},[t]),[e,()=>{r(i=>!i)}]}function p({open:t,header:e,body:r,footer:c,direction:i="right",onClose:D,...u}){const[d,l]=w({visible:!1,animation:"hide"}),h=300,N=o(`${n}-drawer`,u.className),$=o(`${n}-drawer__content`,`${n}-drawer__content--${i}`,`${n}-drawer__content--${i}--${d.animation}`),b=o(`${n}-drawer__overlay`,`${n}-drawer__overlay--${d.animation}`);_(()=>{let a;if(t){a=y();return}return a=C(),()=>{clearTimeout(a)}},[t]);const y=()=>(l(a=>({...a,visible:!0})),setTimeout(()=>{l(a=>({...a,animation:"show"})),document.body.style.overflow="hidden"},100)),C=()=>(l(a=>({...a,animation:"hide"})),setTimeout(()=>{l(a=>({...a,visible:!1})),document.body.style.overflow=""},h));return d.visible&&f("div",{...u,className:N,children:[f(v,{className:$,children:[e,r,c]}),s("div",{"data-testid":"drawer-overlay",className:b,onClick:D})]})}const R=m(p);function j({children:t,...e}){const r=o(`${n}-drawer__footer`,e.className);return s("div",{...e,className:r,children:t})}const U=m(j);function x({children:t,onClose:e,...r}){const c=o(`${n}-drawer__header`,r.className);return f(v,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...r,className:c,children:[t,e&&s(g,{onClick:e,color:"grey","aria-label":"Fechar","data-testid":"drawer-close-button",children:s(I,{name:"times"})})]})}const q=m(x);function T({children:t,...e}){const r=o(`${n}-drawer__content__container`,e.className);return s("div",{...e,className:r,children:t})}const z=m(T);export{R as D,z as a,U as b,q as c,M as u};
-//# sourceMappingURL=DrawerContent-OuMcge27.js.map
+import{useState as w,useEffect as _}from"react";import{jsxs as f,jsx as s}from"react/jsx-runtime";import{p as n}from"./index-CZ41y9Hn.js";import{j as o}from"./joinClass-anSpaauN.js";import{S as v}from"./Stack-CHR_pZC4.js";import{c as m}from"./createComponent-BmdhWozT.js";import{B as g}from"./ButtonIcon-DMetcfYt.js";import{I}from"./Icon-DTU52KQE.js";function M(t=!1){const[e,r]=w(!1);return _(()=>{r(t)},[t]),[e,()=>{r(i=>!i)}]}function p({open:t,header:e,body:r,footer:c,direction:i="right",onClose:D,...u}){const[d,l]=w({visible:!1,animation:"hide"}),h=300,N=o(`${n}-drawer`,u.className),$=o(`${n}-drawer__content`,`${n}-drawer__content--${i}`,`${n}-drawer__content--${i}--${d.animation}`),b=o(`${n}-drawer__overlay`,`${n}-drawer__overlay--${d.animation}`);_(()=>{let a;if(t){a=y();return}return a=C(),()=>{clearTimeout(a)}},[t]);const y=()=>(l(a=>({...a,visible:!0})),setTimeout(()=>{l(a=>({...a,animation:"show"})),document.body.style.overflow="hidden"},100)),C=()=>(l(a=>({...a,animation:"hide"})),setTimeout(()=>{l(a=>({...a,visible:!1})),document.body.style.overflow=""},h));return d.visible&&f("div",{...u,className:N,children:[f(v,{className:$,children:[e,r,c]}),s("div",{"data-testid":"drawer-overlay",className:b,onClick:D})]})}const R=m(p);function j({children:t,...e}){const r=o(`${n}-drawer__footer`,e.className);return s("div",{...e,className:r,children:t})}const U=m(j);function x({children:t,onClose:e,...r}){const c=o(`${n}-drawer__header`,r.className);return f(v,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...r,className:c,children:[t,e&&s(g,{onClick:e,color:"grey","aria-label":"Fechar","data-testid":"drawer-close-button",children:s(I,{name:"times"})})]})}const q=m(x);function T({children:t,...e}){const r=o(`${n}-drawer__content__container`,e.className);return s("div",{...e,className:r,children:t})}const z=m(T);export{R as D,z as a,U as b,q as c,M as u};
+//# sourceMappingURL=DrawerContent-D8NDBDBf.js.map

package/dist/chunks/{DrawerContent-OuMcge27.js.map → DrawerContent-D8NDBDBf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent-OuMcge27.js","sources":["../../src/navigation/Drawer/useDrawer.ts","../../src/navigation/Drawer/Drawer.tsx","../../src/navigation/Drawer/DrawerFooter.tsx","../../src/navigation/Drawer/DrawerHeader.tsx","../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}","import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return 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\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n","import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"grey\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev","Drawer","header","body","footer","direction","onClose","props","config","setConfig","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","timer","handleOpen","handleClose","jsxs","Stack","jsx","Drawer_default","createComponent","DrawerFooter","children","DrawerFooter_default","DrawerHeader","ButtonIcon","Icon","DrawerHeader_default","DrawerContent","DrawerContent_default"],"mappings":"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"}
+{"version":3,"file":"DrawerContent-D8NDBDBf.js","sources":["../../src/navigation/Drawer/useDrawer.ts","../../src/navigation/Drawer/Drawer.tsx","../../src/navigation/Drawer/DrawerFooter.tsx","../../src/navigation/Drawer/DrawerHeader.tsx","../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}","import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return 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\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n","import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"grey\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev","Drawer","header","body","footer","direction","onClose","props","config","setConfig","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","timer","handleOpen","handleClose","jsxs","Stack","jsx","Drawer_default","createComponent","DrawerFooter","children","DrawerFooter_default","DrawerHeader","ButtonIcon","Icon","DrawerHeader_default","DrawerContent","DrawerContent_default"],"mappings":"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"}

package/dist/chunks/{Icon-CFvy-l1V.cjs → Icon-BN4Kp4Aq.cjs}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("./index-DYxwT4uW.cjs"),r=require("./joinClass-Jk3EszKD.cjs"),u=require("./createComponent-B2C4sTOb.cjs");function a({name:i,color:n,size:t=24,...e}){const c=r.joinClass(`${s.prefix}-icon`,n&&`${s.prefix}-icon--${n}`,"uil",`uil-${i}`,e.className);return o.jsx("i",{...e,className:c,style:{fontSize:t,...e.style}})}const l=u.createComponent(a);exports.Icon=l;
-//# sourceMappingURL=Icon-CFvy-l1V.cjs.map
+"use strict";const o=require("react/jsx-runtime"),s=require("./index-DYxwT4uW.cjs"),r=require("./joinClass-Jk3EszKD.cjs"),u=require("./createComponent-Bls5N6x8.cjs");function a({name:i,color:n,size:t=24,...e}){const c=r.joinClass(`${s.prefix}-icon`,n&&`${s.prefix}-icon--${n}`,"uil",`uil-${i}`,e.className);return o.jsx("i",{...e,className:c,style:{fontSize:t,...e.style}})}const l=u.createComponent(a);exports.Icon=l;
+//# sourceMappingURL=Icon-BN4Kp4Aq.cjs.map

package/dist/chunks/{Icon-CFvy-l1V.cjs.map → Icon-BN4Kp4Aq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Icon-CFvy-l1V.cjs","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n  color?: Colors;\n}\n\nfunction Icon({ name, color, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    color && `${prefix}-icon--${color}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","color","size","props","clss","joinClass","prefix","jsx","createComponent"],"mappings":"sKAiBA,SAASA,EAAK,CAAE,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CAC7D,MAAMC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,QACTL,GAAS,GAAGK,EAAAA,MAAM,UAAUL,CAAK,GACjC,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGR,OACEI,EAAAA,IAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAJ,EAAeS,EAAAA,gBAAgBT,CAAI"}
+{"version":3,"file":"Icon-BN4Kp4Aq.cjs","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n  color?: Colors;\n}\n\nfunction Icon({ name, color, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    color && `${prefix}-icon--${color}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","color","size","props","clss","joinClass","prefix","jsx","createComponent"],"mappings":"sKAiBA,SAASA,EAAK,CAAE,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CAC7D,MAAMC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,QACTL,GAAS,GAAGK,EAAAA,MAAM,UAAUL,CAAK,GACjC,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGR,OACEI,EAAAA,IAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAJ,EAAeS,EAAAA,gBAAgBT,CAAI"}

package/dist/chunks/{Icon-B2zjgYkr.js → Icon-DTU52KQE.js}

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{p as t}from"./index-CZ41y9Hn.js";import{j as m}from"./joinClass-anSpaauN.js";import{c as a}from"./createComponent-D-IheGJm.js";function r({name:i,color:s,size:n=24,...o}){const c=m(`${t}-icon`,s&&`${t}-icon--${s}`,"uil",`uil-${i}`,o.className);return e("i",{...o,className:c,style:{fontSize:n,...o.style}})}const u=a(r);export{u as I};
-//# sourceMappingURL=Icon-B2zjgYkr.js.map
+import{jsx as e}from"react/jsx-runtime";import{p as t}from"./index-CZ41y9Hn.js";import{j as m}from"./joinClass-anSpaauN.js";import{c as a}from"./createComponent-BmdhWozT.js";function r({name:i,color:s,size:n=24,...o}){const c=m(`${t}-icon`,s&&`${t}-icon--${s}`,"uil",`uil-${i}`,o.className);return e("i",{...o,className:c,style:{fontSize:n,...o.style}})}const u=a(r);export{u as I};
+//# sourceMappingURL=Icon-DTU52KQE.js.map

package/dist/chunks/{Icon-B2zjgYkr.js.map → Icon-DTU52KQE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Icon-B2zjgYkr.js","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n  color?: Colors;\n}\n\nfunction Icon({ name, color, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    color && `${prefix}-icon--${color}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","color","size","props","clss","joinClass","prefix","jsx","Icon$1","createComponent"],"mappings":"8KAiBA,SAASA,EAAK,CAAE,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CAC7D,MAAMC,EAAOC,EACX,GAAGC,CAAM,QACTL,GAAS,GAAGK,CAAM,UAAUL,CAAK,GACjC,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGR,OACEI,EAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAK,EAAeC,EAAgBV,CAAI"}
+{"version":3,"file":"Icon-DTU52KQE.js","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n  color?: Colors;\n}\n\nfunction Icon({ name, color, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    color && `${prefix}-icon--${color}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","color","size","props","clss","joinClass","prefix","jsx","Icon$1","createComponent"],"mappings":"8KAiBA,SAASA,EAAK,CAAE,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CAC7D,MAAMC,EAAOC,EACX,GAAGC,CAAM,QACTL,GAAS,GAAGK,CAAM,UAAUL,CAAK,GACjC,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGR,OACEI,EAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAK,EAAeC,EAAgBV,CAAI"}

package/dist/chunks/{Loading-CD7bT3lU.js → Loading-BjCfYdLa.js}

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

package/dist/chunks/{Loading-CD7bT3lU.js.map → Loading-BjCfYdLa.js.map}

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

package/dist/chunks/{Loading-zx7Fg7_c.cjs → Loading-DVK2G3KT.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("./index-DYxwT4uW.cjs"),a=require("./convertPathToColor-D8eBpd_D.cjs"),l=require("./joinClass-Jk3EszKD.cjs"),m=require("./createComponent-B2C4sTOb.cjs"),u=require("./useTheme-DsrjDJKC.cjs");function d({color:s="primary",size:r="1.5rem",...e}){const{theme:{palette:i}}=u.useTheme(),t=a.convertPathToColor(`${s}.main`,i),c=l.joinClass(`${o.prefix}-loading`,e.className);return n.jsx("span",{...e,className:c,style:{...e,color:t,width:r,height:r},children:n.jsx("svg",{className:`${o.prefix}-loading__svg`,viewBox:"22 22 44 44",children:n.jsx("circle",{className:`${o.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const h=m.createComponent(d);exports.Loading=h;
-//# sourceMappingURL=Loading-zx7Fg7_c.cjs.map
+"use strict";const n=require("react/jsx-runtime"),o=require("./index-DYxwT4uW.cjs"),a=require("./convertPathToColor-D8eBpd_D.cjs"),l=require("./joinClass-Jk3EszKD.cjs"),m=require("./createComponent-Bls5N6x8.cjs"),u=require("./useTheme-DsrjDJKC.cjs");function d({color:s="primary",size:r="1.5rem",...e}){const{theme:{palette:i}}=u.useTheme(),t=a.convertPathToColor(`${s}.main`,i),c=l.joinClass(`${o.prefix}-loading`,e.className);return n.jsx("span",{...e,className:c,style:{...e,color:t,width:r,height:r},children:n.jsx("svg",{className:`${o.prefix}-loading__svg`,viewBox:"22 22 44 44",children:n.jsx("circle",{className:`${o.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const h=m.createComponent(d);exports.Loading=h;
+//# sourceMappingURL=Loading-DVK2G3KT.cjs.map

package/dist/chunks/{Loading-zx7Fg7_c.cjs.map → Loading-DVK2G3KT.cjs.map}

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

package/dist/chunks/{MenuButton-nVBc0ieJ.js → MenuButton-31ZFG3JW.js}

@@ -1,2 +1,2 @@
-import{jsxs as s,jsx as i}from"react/jsx-runtime";import{cloneElement as a}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as u}from"./joinClass-anSpaauN.js";import{R as c}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-D-IheGJm.js";function f({label:o,icon:e,color:t="grey",...n}){const m=u(`${r}-menu__item`,t&&`${r}-menu__item--${t}`,n.className);return s("button",{...n,className:m,children:[e&&a(e,{size:18,style:{marginRight:8}}),o,i(c,{})]})}const R=p(f);export{R as M};
-//# sourceMappingURL=MenuButton-nVBc0ieJ.js.map
+import{jsxs as s,jsx as i}from"react/jsx-runtime";import{cloneElement as a}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as u}from"./joinClass-anSpaauN.js";import{R as c}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-BmdhWozT.js";function f({label:o,icon:e,color:t="grey",...n}){const m=u(`${r}-menu__item`,t&&`${r}-menu__item--${t}`,n.className);return s("button",{...n,className:m,children:[e&&a(e,{size:18,style:{marginRight:8}}),o,i(c,{})]})}const R=p(f);export{R as M};
+//# sourceMappingURL=MenuButton-31ZFG3JW.js.map

package/dist/chunks/{MenuButton-nVBc0ieJ.js.map → MenuButton-31ZFG3JW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MenuButton-nVBc0ieJ.js","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color = 'grey', ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      size: 18,\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","jsxs","cloneElement","Ripple","MenuButton_default","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,GAAGC,GAA0B,CAC9E,MAAMC,EAAYC,EAChB,GAAGC,CAAM,cACTJ,GAAS,GAAGI,CAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EAUR,OACEI,EAAC,SAAA,CAAQ,GAAGJ,EAAO,UAAAC,EAChB,SAAA,CARIH,GAAQO,EAAwBP,EAAM,CAC3C,KAAM,GACN,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAMED,IACAS,EAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAgBZ,CAAU"}
+{"version":3,"file":"MenuButton-31ZFG3JW.js","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color = 'grey', ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      size: 18,\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","jsxs","cloneElement","Ripple","MenuButton_default","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,GAAGC,GAA0B,CAC9E,MAAMC,EAAYC,EAChB,GAAGC,CAAM,cACTJ,GAAS,GAAGI,CAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EAUR,OACEI,EAAC,SAAA,CAAQ,GAAGJ,EAAO,UAAAC,EAChB,SAAA,CARIH,GAAQO,EAAwBP,EAAM,CAC3C,KAAM,GACN,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAMED,IACAS,EAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAgBZ,CAAU"}

package/dist/chunks/{MenuButton-CsePYu0b.cjs → MenuButton-Dpbow8YC.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),s=require("./index-DYxwT4uW.cjs"),a=require("./joinClass-Jk3EszKD.cjs"),l=require("./Ripple-Dy4i91j1.cjs"),m=require("./createComponent-B2C4sTOb.cjs");function p({label:u,icon:e,color:n="grey",...t}){const i=a.joinClass(`${s.prefix}-menu__item`,n&&`${s.prefix}-menu__item--${n}`,t.className),o=()=>e&&c.cloneElement(e,{size:18,style:{marginRight:8}});return r.jsxs("button",{...t,className:i,children:[o(),u,r.jsx(l.Ripple,{})]})}const q=m.createComponent(p);exports.MenuButton_default=q;
-//# sourceMappingURL=MenuButton-CsePYu0b.cjs.map
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),s=require("./index-DYxwT4uW.cjs"),a=require("./joinClass-Jk3EszKD.cjs"),l=require("./Ripple-Dy4i91j1.cjs"),m=require("./createComponent-Bls5N6x8.cjs");function p({label:u,icon:e,color:n="grey",...t}){const i=a.joinClass(`${s.prefix}-menu__item`,n&&`${s.prefix}-menu__item--${n}`,t.className),o=()=>e&&c.cloneElement(e,{size:18,style:{marginRight:8}});return r.jsxs("button",{...t,className:i,children:[o(),u,r.jsx(l.Ripple,{})]})}const q=m.createComponent(p);exports.MenuButton_default=q;
+//# sourceMappingURL=MenuButton-Dpbow8YC.cjs.map

package/dist/chunks/{MenuButton-CsePYu0b.cjs.map → MenuButton-Dpbow8YC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MenuButton-CsePYu0b.cjs","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color = 'grey', ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      size: 18,\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","renderIcon","cloneElement","jsxs","Ripple","MenuButton_default","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,GAAGC,GAA0B,CAC9E,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,cACTJ,GAAS,GAAGI,EAAAA,MAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EAGFI,EAAa,IACVN,GAAQO,EAAAA,aAAwBP,EAAM,CAC3C,KAAM,GACN,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAGH,OACEQ,EAAAA,KAAC,SAAA,CAAQ,GAAGN,EAAO,UAAAC,EAChB,SAAA,CAAAG,EAAA,EACAP,QACAU,EAAAA,OAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,gBAAgBb,CAAU"}
+{"version":3,"file":"MenuButton-Dpbow8YC.cjs","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color = 'grey', ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      size: 18,\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","renderIcon","cloneElement","jsxs","Ripple","MenuButton_default","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,GAAGC,GAA0B,CAC9E,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,cACTJ,GAAS,GAAGI,EAAAA,MAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EAGFI,EAAa,IACVN,GAAQO,EAAAA,aAAwBP,EAAM,CAC3C,KAAM,GACN,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAGH,OACEQ,EAAAA,KAAC,SAAA,CAAQ,GAAGN,EAAO,UAAAC,EAChB,SAAA,CAAAG,EAAA,EACAP,QACAU,EAAAA,OAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,gBAAgBb,CAAU"}

package/dist/chunks/Option-CO-o7wVb.js

@@ -0,0 +1,2 @@
+import{jsxs as _,jsx as p}from"react/jsx-runtime";import{Children as M,useMemo as O,cloneElement as $}from"react";import{p as e}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{I}from"./Icon-DTU52KQE.js";import{u as S,M as w}from"./useMenu-we523Eob.js";import{c as E}from"./createComponent-BmdhWozT.js";function q({error:l,color:o="grey",label:r,helperText:m,startIcon:c,children:d,disabled:a,onChange:i,...n}){const f=M.toArray(d),C=O(()=>f.find(t=>t.props.value===n.value)?.props.children||"",[n.value]),[h,b,N]=S(),y=s(`${e}-select-container`),v=s(`${e}-select-label`,l&&`${e}-select-label--error`),x=s(`${e}-select`,a&&`${e}-select--disabled`,l&&`${e}-select--error`,n.className),g=s(`${e}-select__helper-text`,m&&`${e}-select__helper-text--visible`,l&&`${e}-select__helper-text--error`),k=t=>$(t,{className:s(t.props.className,`${e}-select__icon--left`),type:"button",style:{color:o},onClick:u=>{u.stopPropagation(),t.props.onClick&&!a&&t.props.onClick(u)}}),j=()=>f.map(t=>$(t,{color:o,className:s(t.props.className,t.props.value===n.value&&`${e}-select__option--selected`),onClick:u=>{!t.props.disabled&&i&&i(u)}}));return _("div",{className:y,children:[r&&_("label",{className:v,children:[r," ",n.required&&"*"]}),_("button",{type:"button",className:x,onClick:N,disabled:a,children:[p("div",{children:c&&k(c)}),p("input",{...n,readOnly:!0,type:"text",value:C,disabled:a}),p(I,{name:"angle-down",sx:{color:({grey:t})=>t.main},className:`${e}-select__icon--right`})]}),p(w,{autoClose:!0,direction:"center",open:h,anchorEl:b,onClose:N,children:j()}),p("span",{className:g,children:m})]})}const G=E(q);function H({children:l,color:o,startIcon:r,disabled:m,...c}){const d=s(`${e}-select__option`,m&&`${e}-select__option--disabled`,o&&`${e}-select__option--${o}`,c.className);return _("button",{type:"button",...c,className:d,children:[r&&(i=>$(i,{type:"button",className:s(i.props.className,`${e}-select__option__icon`)}))(r),l]})}export{H as O,G as S};
+//# sourceMappingURL=Option-CO-o7wVb.js.map

package/dist/chunks/Option-CO-o7wVb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option-CO-o7wVb.js","sources":["../../src/fields/Select/Select.tsx","../../src/fields/Select/Option.tsx"],"sourcesContent":["import {\n  useMemo,\n  Children,\n  cloneElement,\n  type ReactElement,\n  type InputHTMLAttributes,\n  type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'> {\n  error?: boolean;\n  autoClose?: boolean;\n  label?: string;\n  helperText?: string;\n  color?: Colors;\n  startIcon?: React.JSX.Element | boolean;\n  children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n  error,\n  color = 'grey',\n  label,\n  helperText,\n  startIcon,\n  children,\n  disabled,\n  onChange,\n  ...props\n}: SelectProps) {\n  const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n  const newValue = useMemo(() => {\n    return arrayChildren.find((child) =>\n      child.props.value === props.value)?.props.children || '';\n  }, [props.value]);\n\n  const [open, el, toggle] = useMenu();\n\n  const containerClss = joinClass(\n    `${prefix}-select-container`\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-select-label`,\n    error && `${prefix}-select-label--error`,\n  );\n\n  const clss = joinClass(\n    `${prefix}-select`,\n    disabled && `${prefix}-select--disabled`,\n    error && `${prefix}-select--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-select__helper-text`,\n    helperText && `${prefix}-select__helper-text--visible`,\n    error && `${prefix}-select__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__icon--left`\n      ),\n      type: 'button',\n      style: { color },\n      onClick: (e) => {\n        e.stopPropagation();\n        if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n      }\n    });\n  };\n\n  const renderOption = () => {\n    return arrayChildren.map((child) => {\n      return cloneElement(child, {\n        color,\n        className: joinClass(\n          child.props.className,\n          child.props.value === props.value && `${prefix}-select__option--selected`,\n        ),\n        onClick: (e) => {\n          if (!child.props.disabled && onChange) { onChange(e as any); }\n        }\n      });\n    });\n  };\n\n  return (\n    <div className={containerClss}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n        <div>\n          {startIcon && renderIcon(startIcon as React.JSX.Element)}\n        </div>\n        <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n        <Icon\n          name=\"angle-down\"\n          sx={{ color: ({ grey }) => grey.main }}\n          className={`${prefix}-select__icon--right`}\n        />\n      </button>\n      <Menu\n        autoClose\n        direction=\"center\"\n        open={open}\n        anchorEl={el}\n        onClose={toggle}\n      >\n        {renderOption()}\n      </Menu>\n      <span className={helperTextClss}>{helperText}</span>\n    </div>\n  );\n}\n\nexport default createComponent(Select);\n","import { ButtonHTMLAttributes, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nexport interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  value: any;\n  children: string;\n  color?: Colors;\n  startIcon?: React.JSX.Element | boolean;\n}\nexport default function Option({ children, color, startIcon, disabled, ...props }: OptionProps) {\n  const className = joinClass(\n    `${prefix}-select__option`,\n    disabled && `${prefix}-select__option--disabled`,\n    color && `${prefix}-select__option--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      type: 'button',\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__option__icon`,\n      ),\n    });\n  };\n\n  return (\n    <button type=\"button\" {...props} className={className}>\n      {startIcon && renderIcon(startIcon as React.JSX.Element)}\n      {children}\n    </button>\n  );\n};"],"names":["Select","error","color","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent","Option","className"],"mappings":"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"}

package/dist/chunks/Option-DhebqRz5.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),e=require("./index-DYxwT4uW.cjs"),n=require("./joinClass-Jk3EszKD.cjs"),k=require("./Icon-BN4Kp4Aq.cjs"),d=require("./useMenu-CvPJe62S.cjs"),E=require("./createComponent-Bls5N6x8.cjs");function M({error:o,color:c="grey",label:i,helperText:x,startIcon:a,children:m,disabled:l,onChange:p,...r}){const _=u.Children.toArray(m),j=u.useMemo(()=>_.find(s=>s.props.value===r.value)?.props.children||"",[r.value]),[$,N,C]=d.useMenu(),h=n.joinClass(`${e.prefix}-select-container`),b=n.joinClass(`${e.prefix}-select-label`,o&&`${e.prefix}-select-label--error`),y=n.joinClass(`${e.prefix}-select`,l&&`${e.prefix}-select--disabled`,o&&`${e.prefix}-select--error`,r.className),v=n.joinClass(`${e.prefix}-select__helper-text`,x&&`${e.prefix}-select__helper-text--visible`,o&&`${e.prefix}-select__helper-text--error`),q=s=>u.cloneElement(s,{className:n.joinClass(s.props.className,`${e.prefix}-select__icon--left`),type:"button",style:{color:c},onClick:f=>{f.stopPropagation(),s.props.onClick&&!l&&s.props.onClick(f)}}),g=()=>_.map(s=>u.cloneElement(s,{color:c,className:n.joinClass(s.props.className,s.props.value===r.value&&`${e.prefix}-select__option--selected`),onClick:f=>{!s.props.disabled&&p&&p(f)}}));return t.jsxs("div",{className:h,children:[i&&t.jsxs("label",{className:b,children:[i," ",r.required&&"*"]}),t.jsxs("button",{type:"button",className:y,onClick:C,disabled:l,children:[t.jsx("div",{children:a&&q(a)}),t.jsx("input",{...r,readOnly:!0,type:"text",value:j,disabled:l}),t.jsx(k.Icon,{name:"angle-down",sx:{color:({grey:s})=>s.main},className:`${e.prefix}-select__icon--right`})]}),t.jsx(d.Menu,{autoClose:!0,direction:"center",open:$,anchorEl:N,onClose:C,children:g()}),t.jsx("span",{className:v,children:x})]})}const O=E.createComponent(M);function S({children:o,color:c,startIcon:i,disabled:x,...a}){const m=n.joinClass(`${e.prefix}-select__option`,x&&`${e.prefix}-select__option--disabled`,c&&`${e.prefix}-select__option--${c}`,a.className),l=p=>u.cloneElement(p,{type:"button",className:n.joinClass(p.props.className,`${e.prefix}-select__option__icon`)});return t.jsxs("button",{type:"button",...a,className:m,children:[i&&l(i),o]})}exports.Option=S;exports.Select_default=O;
+//# sourceMappingURL=Option-DhebqRz5.cjs.map

package/dist/chunks/Option-DhebqRz5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option-DhebqRz5.cjs","sources":["../../src/fields/Select/Select.tsx","../../src/fields/Select/Option.tsx"],"sourcesContent":["import {\n  useMemo,\n  Children,\n  cloneElement,\n  type ReactElement,\n  type InputHTMLAttributes,\n  type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'> {\n  error?: boolean;\n  autoClose?: boolean;\n  label?: string;\n  helperText?: string;\n  color?: Colors;\n  startIcon?: React.JSX.Element | boolean;\n  children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n  error,\n  color = 'grey',\n  label,\n  helperText,\n  startIcon,\n  children,\n  disabled,\n  onChange,\n  ...props\n}: SelectProps) {\n  const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n  const newValue = useMemo(() => {\n    return arrayChildren.find((child) =>\n      child.props.value === props.value)?.props.children || '';\n  }, [props.value]);\n\n  const [open, el, toggle] = useMenu();\n\n  const containerClss = joinClass(\n    `${prefix}-select-container`\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-select-label`,\n    error && `${prefix}-select-label--error`,\n  );\n\n  const clss = joinClass(\n    `${prefix}-select`,\n    disabled && `${prefix}-select--disabled`,\n    error && `${prefix}-select--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-select__helper-text`,\n    helperText && `${prefix}-select__helper-text--visible`,\n    error && `${prefix}-select__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__icon--left`\n      ),\n      type: 'button',\n      style: { color },\n      onClick: (e) => {\n        e.stopPropagation();\n        if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n      }\n    });\n  };\n\n  const renderOption = () => {\n    return arrayChildren.map((child) => {\n      return cloneElement(child, {\n        color,\n        className: joinClass(\n          child.props.className,\n          child.props.value === props.value && `${prefix}-select__option--selected`,\n        ),\n        onClick: (e) => {\n          if (!child.props.disabled && onChange) { onChange(e as any); }\n        }\n      });\n    });\n  };\n\n  return (\n    <div className={containerClss}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n        <div>\n          {startIcon && renderIcon(startIcon as React.JSX.Element)}\n        </div>\n        <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n        <Icon\n          name=\"angle-down\"\n          sx={{ color: ({ grey }) => grey.main }}\n          className={`${prefix}-select__icon--right`}\n        />\n      </button>\n      <Menu\n        autoClose\n        direction=\"center\"\n        open={open}\n        anchorEl={el}\n        onClose={toggle}\n      >\n        {renderOption()}\n      </Menu>\n      <span className={helperTextClss}>{helperText}</span>\n    </div>\n  );\n}\n\nexport default createComponent(Select);\n","import { ButtonHTMLAttributes, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nexport interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  value: any;\n  children: string;\n  color?: Colors;\n  startIcon?: React.JSX.Element | boolean;\n}\nexport default function Option({ children, color, startIcon, disabled, ...props }: OptionProps) {\n  const className = joinClass(\n    `${prefix}-select__option`,\n    disabled && `${prefix}-select__option--disabled`,\n    color && `${prefix}-select__option--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      type: 'button',\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__option__icon`,\n      ),\n    });\n  };\n\n  return (\n    <button type=\"button\" {...props} className={className}>\n      {startIcon && renderIcon(startIcon as React.JSX.Element)}\n      {children}\n    </button>\n  );\n};"],"names":["Select","error","color","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent","Option","className"],"mappings":"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"}

package/dist/chunks/{Stack-lvjI3kV3.cjs → Stack-CF3Wyma9.cjs}

@@ -1,2 +1,2 @@
-"use strict";const f=require("react/jsx-runtime"),k=require("react"),x=require("./index-DYxwT4uW.cjs"),C=require("./joinClass-Jk3EszKD.cjs"),q=require("./createComponent-B2C4sTOb.cjs"),j=k.forwardRef(function({children:e,tag:s="div",gap:c=16,alignSelf:n,flexWrap:a="nowrap",alignItems:r="flex-start",flexDirection:o="column",justifyContent:i="flex-start",...t},u){const l=C.joinClass(`${x.prefix}-stack`,t.className),m=s;return f.jsx(m,{...t,ref:u,className:l,style:{gap:c,flexWrap:a,alignItems:r,alignSelf:n,flexDirection:o,justifyContent:i,...t.style},children:e})}),S=q.createComponent(j);exports.Stack=S;
-//# sourceMappingURL=Stack-lvjI3kV3.cjs.map
+"use strict";const f=require("react/jsx-runtime"),k=require("react"),x=require("./index-DYxwT4uW.cjs"),C=require("./joinClass-Jk3EszKD.cjs"),q=require("./createComponent-Bls5N6x8.cjs"),j=k.forwardRef(function({children:e,tag:s="div",gap:c=16,alignSelf:n,flexWrap:a="nowrap",alignItems:r="flex-start",flexDirection:o="column",justifyContent:i="flex-start",...t},u){const l=C.joinClass(`${x.prefix}-stack`,t.className),m=s;return f.jsx(m,{...t,ref:u,className:l,style:{gap:c,flexWrap:a,alignItems:r,alignSelf:n,flexDirection:o,justifyContent:i,...t.style},children:e})}),S=q.createComponent(j);exports.Stack=S;
+//# sourceMappingURL=Stack-CF3Wyma9.cjs.map