@iziui/react 0.0.5-rc → 0.0.7-rc

package/dist/components/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/fields/Select/Select.tsx"],"sourcesContent":["import {\n  useMemo,\n  Children,\n  cloneElement,\n  type ReactElement,\n  type InputHTMLAttributes,\n  type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  error?: boolean;\n  autoClose?: boolean;\n  label?: string;\n  helperText?: string;\n  startIcon?: React.JSX.Element | boolean;\n  children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n  error,\n  label,\n  helperText,\n  startIcon,\n  children,\n  disabled,\n  onChange,\n  ...props\n}: SelectProps) {\n  const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n  const newValue = useMemo(() => {\n    return arrayChildren.find((child) =>\n      child.props.value === props.value)?.props.children || '';\n  }, [props.value]);\n\n  const [open, el, toggle] = useMenu();\n\n  const containerClss = joinClass(\n    `${prefix}-select-container`\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-select-label`,\n    error && `${prefix}-select-label--error`,\n  );\n\n  const clss = joinClass(\n    `${prefix}-select`,\n    disabled && `${prefix}-select--disabled`,\n    error && `${prefix}-select--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-select__helper-text`,\n    helperText && `${prefix}-select__helper-text--visible`,\n    error && `${prefix}-select__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__icon--left`\n      ),\n      type: 'button',\n      onClick: (e) => {\n        e.stopPropagation();\n        if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n      }\n    });\n  };\n\n  const renderOption = () => {\n    return arrayChildren.map((child) => {\n      return cloneElement(child, {\n        className: joinClass(\n          child.props.className,\n          child.props.value === props.value && `${prefix}-select__option--selected`,\n        ),\n        onClick: (e) => {\n          if (!child.props.disabled && onChange) { onChange(e as any); }\n        }\n      });\n    });\n  };\n\n  return (\n    <div className={containerClss}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n        <div>\n          {startIcon && renderIcon(startIcon as React.JSX.Element)}\n        </div>\n        <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n        <Icon\n          name=\"angle-down\"\n          color=\"text.secondary\"\n          className={`${prefix}-select__icon--right`}\n        />\n      </button>\n      <Menu\n        autoClose\n        direction=\"center\"\n        open={open}\n        anchorEl={el}\n        onClose={toggle}\n      >\n        {renderOption()}\n      </Menu>\n      <span className={helperTextClss}>{helperText}</span>\n    </div>\n  );\n}\n\nexport default createComponent(Select);\n"],"names":["Select","error","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","Menu","Select_default","createComponent"],"mappings":"soBA8BA,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAA,EAErBC,EAAgBC,EACpB,GAAGC,CAAM,mBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,gBACTnB,GAAS,GAAGmB,CAAM,sBAAA,EAGdE,EAAOH,EACX,GAAGC,CAAM,UACTd,GAAY,GAAGc,CAAM,oBACrBnB,GAAS,GAAGmB,CAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EACrB,GAAGC,CAAM,uBACTjB,GAAc,GAAGiB,CAAM,gCACvBnB,GAAS,GAAGmB,CAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAaD,EAAM,CACxB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,qBAAA,EAEX,KAAM,SACN,QAAUO,GAAM,CACdA,EAAE,gBAAA,EACEF,EAAK,MAAM,SAAW,CAACnB,GAAYmB,EAAK,MAAM,QAAQE,CAAC,CAC7D,CAAA,CACD,EAGGC,EAAe,IACZnB,EAAc,IAAKI,GACjBa,EAAab,EAAO,CACzB,UAAWM,EACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,CAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAACC,EAAA,CACC,KAAK,aACL,MAAM,iBACN,UAAW,GAAGX,CAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAACE,EAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAlB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA8B,EAAeC,EAAgBlC,CAAM"}
+{"version":3,"file":"index.js","sources":["../../../src/fields/Select/Select.tsx"],"sourcesContent":["import {\n  useMemo,\n  Children,\n  cloneElement,\n  type ReactElement,\n  type InputHTMLAttributes,\n  type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  error?: boolean;\n  autoClose?: boolean;\n  label?: string;\n  helperText?: string;\n  startIcon?: React.JSX.Element | boolean;\n  children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n  error,\n  label,\n  helperText,\n  startIcon,\n  children,\n  disabled,\n  onChange,\n  ...props\n}: SelectProps) {\n  const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n  const newValue = useMemo(() => {\n    return arrayChildren.find((child) =>\n      child.props.value === props.value)?.props.children || '';\n  }, [props.value]);\n\n  const [open, el, toggle] = useMenu();\n\n  const containerClss = joinClass(\n    `${prefix}-select-container`\n  );\n\n  const labelClss = joinClass(\n    `${prefix}-select-label`,\n    error && `${prefix}-select-label--error`,\n  );\n\n  const clss = joinClass(\n    `${prefix}-select`,\n    disabled && `${prefix}-select--disabled`,\n    error && `${prefix}-select--error`,\n    props.className\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-select__helper-text`,\n    helperText && `${prefix}-select__helper-text--visible`,\n    error && `${prefix}-select__helper-text--error`\n  );\n\n  const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n    return cloneElement(icon, {\n      className: joinClass(\n        icon.props.className,\n        `${prefix}-select__icon--left`\n      ),\n      type: 'button',\n      onClick: (e) => {\n        e.stopPropagation();\n        if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n      }\n    });\n  };\n\n  const renderOption = () => {\n    return arrayChildren.map((child) => {\n      return cloneElement(child, {\n        className: joinClass(\n          child.props.className,\n          child.props.value === props.value && `${prefix}-select__option--selected`,\n        ),\n        onClick: (e) => {\n          if (!child.props.disabled && onChange) { onChange(e as any); }\n        }\n      });\n    });\n  };\n\n  return (\n    <div className={containerClss}>\n      {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n      <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n        <div>\n          {startIcon && renderIcon(startIcon as React.JSX.Element)}\n        </div>\n        <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n        <Icon\n          name=\"angle-down\"\n          color=\"text.secondary\"\n          className={`${prefix}-select__icon--right`}\n        />\n      </button>\n      <Menu\n        autoClose\n        direction=\"center\"\n        open={open}\n        anchorEl={el}\n        onClose={toggle}\n      >\n        {renderOption()}\n      </Menu>\n      <span className={helperTextClss}>{helperText}</span>\n    </div>\n  );\n}\n\nexport default createComponent(Select);\n"],"names":["Select","error","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","Menu","Select_default","createComponent"],"mappings":"6rBA8BA,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAA,EAErBC,EAAgBC,EACpB,GAAGC,CAAM,mBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,gBACTnB,GAAS,GAAGmB,CAAM,sBAAA,EAGdE,EAAOH,EACX,GAAGC,CAAM,UACTd,GAAY,GAAGc,CAAM,oBACrBnB,GAAS,GAAGmB,CAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EACrB,GAAGC,CAAM,uBACTjB,GAAc,GAAGiB,CAAM,gCACvBnB,GAAS,GAAGmB,CAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAaD,EAAM,CACxB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,qBAAA,EAEX,KAAM,SACN,QAAUO,GAAM,CACdA,EAAE,gBAAA,EACEF,EAAK,MAAM,SAAW,CAACnB,GAAYmB,EAAK,MAAM,QAAQE,CAAC,CAC7D,CAAA,CACD,EAGGC,EAAe,IACZnB,EAAc,IAAKI,GACjBa,EAAab,EAAO,CACzB,UAAWM,EACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,CAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAACC,EAAA,CACC,KAAK,aACL,MAAM,iBACN,UAAW,GAAGX,CAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAACE,EAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAlB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA8B,EAAeC,EAAgBlC,CAAM"}

package/dist/components/Skeleton/index.cjs

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

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

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

package/dist/components/Skeleton/index.js

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

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

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

package/dist/components/Stack/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Stack-dVH2e42b.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-BaaRDmgo.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-D7BY-VlJ.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");exports.default=e.Stack;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Stack-beBM7a60.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Stack;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Stack/index.js

@@ -1,2 +1,2 @@
-import{S as f}from"../../chunks/Stack-Cde2gkUJ.js";import"react/jsx-runtime";import"react";import"../../chunks/index-Bmr5u5lp.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CyZoFjRB.js";import"../../chunks/useTheme-BQxrRS5M.js";export{f as default};
+import{S as d}from"../../chunks/Stack-DK5pfu2w.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Switchs/index.cjs

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

package/dist/components/Switchs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/fields/Switchs/Switch.tsx"],"sourcesContent":["import { InputHTMLAttributes, useEffect, useMemo, useState } 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 { uuid } from '@iziui/toolkit/uuid';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Switch.scss';\n\nexport interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: string;\n  error?: boolean;\n  helperText?: string;\n  color?: Colors;\n  auto?: boolean;\n}\n\nfunction Switch({ label, error, helperText, color = 'primary', ...props }: SwitchProps) {\n  const [checked, setChecked] = useState(Boolean(props.checked));\n\n  const classNameCheckbox = joinClass(\n    `${prefix}-switch__checkbox`,\n    `${prefix}-switch__checkbox--${color}`,\n  );\n\n  const classNameLabel = joinClass(\n    `${prefix}-switch__label`,\n    error && `${prefix}-switch__label--error`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-switch__helper-text`,\n    error && `${prefix}-switch__helper-text--error`,\n    helperText && `${prefix}-switch__helper-text--visible`,\n  );\n\n  const id = useMemo(() => `${prefix}-switch-${uuid()}`, []);\n\n  useEffect(() => { setChecked(Boolean(props.checked)); }, [props.checked]);\n\n  const handleToggle = () => {\n    if (!props.onChange) { return; }\n\n    props.onChange({\n      type: 'checkbox',\n      target: { checked: !checked }\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  return (\n    <Stack gap={2}>\n      <label htmlFor={id} className={classNameLabel}>\n        {label}\n      </label>\n      <div className={`${prefix}-switch`}>\n        <input\n          {...props}\n          type=\"checkbox\"\n          id={id}\n          className={classNameCheckbox}\n          onChange={handleToggle}\n          checked={checked}\n        />\n        <label className={`${prefix}-switch__box`} htmlFor={id}>\n          <span className={`${prefix}-switch__button`} />\n        </label>\n      </div>\n      <span className={helperTextClss}>{helperText}</span>\n    </Stack>\n  );\n}\n\nexport default createComponent(Switch);"],"names":["Switch","label","error","helperText","color","props","checked","setChecked","useState","classNameCheckbox","joinClass","prefix","classNameLabel","helperTextClss","id","useMemo","uuid","useEffect","handleToggle","jsxs","Stack","jsx","Switch_default","createComponent"],"mappings":"gcAuBA,SAASA,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAQ,UAAW,GAAGC,GAAsB,CACtF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAQH,EAAM,OAAQ,EAEvDI,EAAoBC,EAAAA,UACxB,GAAGC,EAAAA,MAAM,oBACT,GAAGA,EAAAA,MAAM,sBAAsBP,CAAK,EAAA,EAGhCQ,EAAiBF,EAAAA,UACrB,GAAGC,EAAAA,MAAM,iBACTT,GAAS,GAAGS,EAAAA,MAAM,uBAAA,EAGdE,EAAiBH,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTT,GAAS,GAAGS,EAAAA,MAAM,8BAClBR,GAAc,GAAGQ,EAAAA,MAAM,+BAAA,EAGnBG,EAAKC,UAAQ,IAAM,GAAGJ,EAAAA,MAAM,WAAWK,EAAAA,KAAA,CAAM,GAAI,EAAE,EAEzDC,EAAAA,UAAU,IAAM,CAAEV,EAAW,EAAQF,EAAM,OAAQ,CAAG,EAAG,CAACA,EAAM,OAAO,CAAC,EAExE,MAAMa,EAAe,IAAM,CACpBb,EAAM,UAEXA,EAAM,SAAS,CACb,KAAM,WACN,OAAQ,CAAE,QAAS,CAACC,CAAA,CAAQ,CACU,CAC1C,EAEA,OACEa,EAAAA,KAACC,EAAAA,MAAA,CAAM,IAAK,EACV,SAAA,CAAAC,MAAC,QAAA,CAAM,QAASP,EAAI,UAAWF,EAC5B,SAAAX,EACH,EACAkB,EAAAA,KAAC,MAAA,CAAI,UAAW,GAAGR,QAAM,UACvB,SAAA,CAAAU,EAAAA,IAAC,QAAA,CACE,GAAGhB,EACJ,KAAK,WACL,GAAAS,EACA,UAAWL,EACX,SAAUS,EACV,QAAAZ,CAAA,CAAA,EAEFe,EAAAA,IAAC,QAAA,CAAM,UAAW,GAAGV,QAAM,eAAgB,QAASG,EAClD,SAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW,GAAGV,QAAM,kBAAmB,CAAA,CAC/C,CAAA,EACF,EACAU,EAAAA,IAAC,OAAA,CAAK,UAAWR,EAAiB,SAAAV,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAAmB,EAAeC,EAAAA,gBAAgBvB,CAAM"}
+{"version":3,"file":"index.cjs","sources":["../../../src/fields/Switchs/Switch.tsx"],"sourcesContent":["import { InputHTMLAttributes, useEffect, useMemo, useState } 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 { uuid } from '@iziui/toolkit/uuid';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Switch.scss';\n\nexport interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: string;\n  error?: boolean;\n  helperText?: string;\n  color?: Colors;\n  auto?: boolean;\n}\n\nfunction Switch({ label, error, helperText, color = 'primary', ...props }: SwitchProps) {\n  const [checked, setChecked] = useState(Boolean(props.checked));\n\n  const classNameCheckbox = joinClass(\n    `${prefix}-switch__checkbox`,\n    `${prefix}-switch__checkbox--${color}`,\n  );\n\n  const classNameLabel = joinClass(\n    `${prefix}-switch__label`,\n    error && `${prefix}-switch__label--error`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-switch__helper-text`,\n    error && `${prefix}-switch__helper-text--error`,\n    helperText && `${prefix}-switch__helper-text--visible`,\n  );\n\n  const id = useMemo(() => `${prefix}-switch-${uuid()}`, []);\n\n  useEffect(() => { setChecked(Boolean(props.checked)); }, [props.checked]);\n\n  const handleToggle = () => {\n    if (!props.onChange) { return; }\n\n    props.onChange({\n      type: 'checkbox',\n      target: { checked: !checked }\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  return (\n    <Stack gap={2}>\n      <label htmlFor={id} className={classNameLabel}>\n        {label}\n      </label>\n      <div className={`${prefix}-switch`}>\n        <input\n          {...props}\n          type=\"checkbox\"\n          id={id}\n          className={classNameCheckbox}\n          onChange={handleToggle}\n          checked={checked}\n        />\n        <label className={`${prefix}-switch__box`} htmlFor={id}>\n          <span className={`${prefix}-switch__button`} />\n        </label>\n      </div>\n      <span className={helperTextClss}>{helperText}</span>\n    </Stack>\n  );\n}\n\nexport default createComponent(Switch);"],"names":["Switch","label","error","helperText","color","props","checked","setChecked","useState","classNameCheckbox","joinClass","prefix","classNameLabel","helperTextClss","id","useMemo","uuid","useEffect","handleToggle","jsxs","Stack","jsx","Switch_default","createComponent"],"mappings":"2fAuBA,SAASA,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAQ,UAAW,GAAGC,GAAsB,CACtF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAQH,EAAM,OAAQ,EAEvDI,EAAoBC,EAAAA,UACxB,GAAGC,EAAAA,MAAM,oBACT,GAAGA,EAAAA,MAAM,sBAAsBP,CAAK,EAAA,EAGhCQ,EAAiBF,EAAAA,UACrB,GAAGC,EAAAA,MAAM,iBACTT,GAAS,GAAGS,EAAAA,MAAM,uBAAA,EAGdE,EAAiBH,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTT,GAAS,GAAGS,EAAAA,MAAM,8BAClBR,GAAc,GAAGQ,EAAAA,MAAM,+BAAA,EAGnBG,EAAKC,UAAQ,IAAM,GAAGJ,EAAAA,MAAM,WAAWK,EAAAA,KAAA,CAAM,GAAI,EAAE,EAEzDC,EAAAA,UAAU,IAAM,CAAEV,EAAW,EAAQF,EAAM,OAAQ,CAAG,EAAG,CAACA,EAAM,OAAO,CAAC,EAExE,MAAMa,EAAe,IAAM,CACpBb,EAAM,UAEXA,EAAM,SAAS,CACb,KAAM,WACN,OAAQ,CAAE,QAAS,CAACC,CAAA,CAAQ,CACU,CAC1C,EAEA,OACEa,EAAAA,KAACC,EAAAA,MAAA,CAAM,IAAK,EACV,SAAA,CAAAC,MAAC,QAAA,CAAM,QAASP,EAAI,UAAWF,EAC5B,SAAAX,EACH,EACAkB,EAAAA,KAAC,MAAA,CAAI,UAAW,GAAGR,QAAM,UACvB,SAAA,CAAAU,EAAAA,IAAC,QAAA,CACE,GAAGhB,EACJ,KAAK,WACL,GAAAS,EACA,UAAWL,EACX,SAAUS,EACV,QAAAZ,CAAA,CAAA,EAEFe,EAAAA,IAAC,QAAA,CAAM,UAAW,GAAGV,QAAM,eAAgB,QAASG,EAClD,SAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW,GAAGV,QAAM,kBAAmB,CAAA,CAC/C,CAAA,EACF,EACAU,EAAAA,IAAC,OAAA,CAAK,UAAWR,EAAiB,SAAAV,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAAmB,EAAeC,EAAAA,gBAAgBvB,CAAM"}

package/dist/components/Switchs/index.js

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

package/dist/components/Switchs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/fields/Switchs/Switch.tsx"],"sourcesContent":["import { InputHTMLAttributes, useEffect, useMemo, useState } 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 { uuid } from '@iziui/toolkit/uuid';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Switch.scss';\n\nexport interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: string;\n  error?: boolean;\n  helperText?: string;\n  color?: Colors;\n  auto?: boolean;\n}\n\nfunction Switch({ label, error, helperText, color = 'primary', ...props }: SwitchProps) {\n  const [checked, setChecked] = useState(Boolean(props.checked));\n\n  const classNameCheckbox = joinClass(\n    `${prefix}-switch__checkbox`,\n    `${prefix}-switch__checkbox--${color}`,\n  );\n\n  const classNameLabel = joinClass(\n    `${prefix}-switch__label`,\n    error && `${prefix}-switch__label--error`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-switch__helper-text`,\n    error && `${prefix}-switch__helper-text--error`,\n    helperText && `${prefix}-switch__helper-text--visible`,\n  );\n\n  const id = useMemo(() => `${prefix}-switch-${uuid()}`, []);\n\n  useEffect(() => { setChecked(Boolean(props.checked)); }, [props.checked]);\n\n  const handleToggle = () => {\n    if (!props.onChange) { return; }\n\n    props.onChange({\n      type: 'checkbox',\n      target: { checked: !checked }\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  return (\n    <Stack gap={2}>\n      <label htmlFor={id} className={classNameLabel}>\n        {label}\n      </label>\n      <div className={`${prefix}-switch`}>\n        <input\n          {...props}\n          type=\"checkbox\"\n          id={id}\n          className={classNameCheckbox}\n          onChange={handleToggle}\n          checked={checked}\n        />\n        <label className={`${prefix}-switch__box`} htmlFor={id}>\n          <span className={`${prefix}-switch__button`} />\n        </label>\n      </div>\n      <span className={helperTextClss}>{helperText}</span>\n    </Stack>\n  );\n}\n\nexport default createComponent(Switch);"],"names":["Switch","label","error","helperText","color","props","checked","setChecked","useState","classNameCheckbox","joinClass","prefix","classNameLabel","helperTextClss","id","useMemo","uuid","useEffect","handleToggle","jsxs","Stack","jsx","Switch_default","createComponent"],"mappings":"qaAuBA,SAASA,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAQ,UAAW,GAAGC,GAAsB,CACtF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAS,EAAQH,EAAM,OAAQ,EAEvDI,EAAoBC,EACxB,GAAGC,CAAM,oBACT,GAAGA,CAAM,sBAAsBP,CAAK,EAAA,EAGhCQ,EAAiBF,EACrB,GAAGC,CAAM,iBACTT,GAAS,GAAGS,CAAM,uBAAA,EAGdE,EAAiBH,EACrB,GAAGC,CAAM,uBACTT,GAAS,GAAGS,CAAM,8BAClBR,GAAc,GAAGQ,CAAM,+BAAA,EAGnBG,EAAKC,EAAQ,IAAM,GAAGJ,CAAM,WAAWK,EAAA,CAAM,GAAI,EAAE,EAEzDC,EAAU,IAAM,CAAEV,EAAW,EAAQF,EAAM,OAAQ,CAAG,EAAG,CAACA,EAAM,OAAO,CAAC,EAExE,MAAMa,EAAe,IAAM,CACpBb,EAAM,UAEXA,EAAM,SAAS,CACb,KAAM,WACN,OAAQ,CAAE,QAAS,CAACC,CAAA,CAAQ,CACU,CAC1C,EAEA,OACEa,EAACC,EAAA,CAAM,IAAK,EACV,SAAA,CAAAC,EAAC,QAAA,CAAM,QAASP,EAAI,UAAWF,EAC5B,SAAAX,EACH,EACAkB,EAAC,MAAA,CAAI,UAAW,GAAGR,CAAM,UACvB,SAAA,CAAAU,EAAC,QAAA,CACE,GAAGhB,EACJ,KAAK,WACL,GAAAS,EACA,UAAWL,EACX,SAAUS,EACV,QAAAZ,CAAA,CAAA,EAEFe,EAAC,QAAA,CAAM,UAAW,GAAGV,CAAM,eAAgB,QAASG,EAClD,SAAAO,EAAC,OAAA,CAAK,UAAW,GAAGV,CAAM,kBAAmB,CAAA,CAC/C,CAAA,EACF,EACAU,EAAC,OAAA,CAAK,UAAWR,EAAiB,SAAAV,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAAmB,EAAeC,EAAgBvB,CAAM"}
+{"version":3,"file":"index.js","sources":["../../../src/fields/Switchs/Switch.tsx"],"sourcesContent":["import { InputHTMLAttributes, useEffect, useMemo, useState } 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 { uuid } from '@iziui/toolkit/uuid';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Switch.scss';\n\nexport interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: string;\n  error?: boolean;\n  helperText?: string;\n  color?: Colors;\n  auto?: boolean;\n}\n\nfunction Switch({ label, error, helperText, color = 'primary', ...props }: SwitchProps) {\n  const [checked, setChecked] = useState(Boolean(props.checked));\n\n  const classNameCheckbox = joinClass(\n    `${prefix}-switch__checkbox`,\n    `${prefix}-switch__checkbox--${color}`,\n  );\n\n  const classNameLabel = joinClass(\n    `${prefix}-switch__label`,\n    error && `${prefix}-switch__label--error`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-switch__helper-text`,\n    error && `${prefix}-switch__helper-text--error`,\n    helperText && `${prefix}-switch__helper-text--visible`,\n  );\n\n  const id = useMemo(() => `${prefix}-switch-${uuid()}`, []);\n\n  useEffect(() => { setChecked(Boolean(props.checked)); }, [props.checked]);\n\n  const handleToggle = () => {\n    if (!props.onChange) { return; }\n\n    props.onChange({\n      type: 'checkbox',\n      target: { checked: !checked }\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  return (\n    <Stack gap={2}>\n      <label htmlFor={id} className={classNameLabel}>\n        {label}\n      </label>\n      <div className={`${prefix}-switch`}>\n        <input\n          {...props}\n          type=\"checkbox\"\n          id={id}\n          className={classNameCheckbox}\n          onChange={handleToggle}\n          checked={checked}\n        />\n        <label className={`${prefix}-switch__box`} htmlFor={id}>\n          <span className={`${prefix}-switch__button`} />\n        </label>\n      </div>\n      <span className={helperTextClss}>{helperText}</span>\n    </Stack>\n  );\n}\n\nexport default createComponent(Switch);"],"names":["Switch","label","error","helperText","color","props","checked","setChecked","useState","classNameCheckbox","joinClass","prefix","classNameLabel","helperTextClss","id","useMemo","uuid","useEffect","handleToggle","jsxs","Stack","jsx","Switch_default","createComponent"],"mappings":"4dAuBA,SAASA,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAQ,UAAW,GAAGC,GAAsB,CACtF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAS,EAAQH,EAAM,OAAQ,EAEvDI,EAAoBC,EACxB,GAAGC,CAAM,oBACT,GAAGA,CAAM,sBAAsBP,CAAK,EAAA,EAGhCQ,EAAiBF,EACrB,GAAGC,CAAM,iBACTT,GAAS,GAAGS,CAAM,uBAAA,EAGdE,EAAiBH,EACrB,GAAGC,CAAM,uBACTT,GAAS,GAAGS,CAAM,8BAClBR,GAAc,GAAGQ,CAAM,+BAAA,EAGnBG,EAAKC,EAAQ,IAAM,GAAGJ,CAAM,WAAWK,EAAA,CAAM,GAAI,EAAE,EAEzDC,EAAU,IAAM,CAAEV,EAAW,EAAQF,EAAM,OAAQ,CAAG,EAAG,CAACA,EAAM,OAAO,CAAC,EAExE,MAAMa,EAAe,IAAM,CACpBb,EAAM,UAEXA,EAAM,SAAS,CACb,KAAM,WACN,OAAQ,CAAE,QAAS,CAACC,CAAA,CAAQ,CACU,CAC1C,EAEA,OACEa,EAACC,EAAA,CAAM,IAAK,EACV,SAAA,CAAAC,EAAC,QAAA,CAAM,QAASP,EAAI,UAAWF,EAC5B,SAAAX,EACH,EACAkB,EAAC,MAAA,CAAI,UAAW,GAAGR,CAAM,UACvB,SAAA,CAAAU,EAAC,QAAA,CACE,GAAGhB,EACJ,KAAK,WACL,GAAAS,EACA,UAAWL,EACX,SAAUS,EACV,QAAAZ,CAAA,CAAA,EAEFe,EAAC,QAAA,CAAM,UAAW,GAAGV,CAAM,eAAgB,QAASG,EAClD,SAAAO,EAAC,OAAA,CAAK,UAAW,GAAGV,CAAM,kBAAmB,CAAA,CAC/C,CAAA,EACF,EACAU,EAAC,OAAA,CAAK,UAAWR,EAAiB,SAAAV,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAAmB,EAAeC,EAAgBvB,CAAM"}

package/dist/components/Table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),n=require("../../chunks/index-BaaRDmgo.cjs"),o=require("../../chunks/joinClass-Jk3EszKD.cjs"),a=require("../../chunks/createComponent-D7BY-VlJ.cjs"),u=require("../../chunks/Card-DwQwp0Z1.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");require("react");require("../../chunks/Ripple-BqrSCCqr.cjs");function i({children:t,...e}){const s=o.joinClass(`${n.prefix}-table`,e.className);return r.jsx(u.Card,{style:{overflow:"auto"},children:r.jsx("table",{className:s,...e,children:t})})}const l=a.createComponent(i);exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),n=require("../../chunks/index-DYxwT4uW.cjs"),o=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-CTufIEiN.cjs"),a=require("../../chunks/Card-B8XSgLaD.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");function i({children:t,...e}){const s=o.joinClass(`${n.prefix}-table`,e.className);return r.jsx(a.Card,{style:{overflow:"auto"},children:r.jsx("table",{className:s,...e,children:t})})}const l=u.createComponent(i);exports.default=l;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Table/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/display/Table/Table.tsx"],"sourcesContent":["import type { TableHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\n\nimport { Card } from '../Card';\n\nimport '@iziui/styles/components/Table.scss';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement>;\n\nfunction Table({ children, ...props }: TableProps) {\n  const cls = joinClass(\n    `${prefix}-table`,\n    props.className\n  );\n\n  return (\n    <Card style={{ overflow: 'auto' }}>\n      <table className={cls} {...props}>\n        {children}\n      </table>\n    </Card>\n  );\n}\n\nexport default createComponent(Table);\n"],"names":["Table","children","props","cls","joinClass","prefix","jsx","Card","Table_default","createComponent"],"mappings":"6bAcA,SAASA,EAAM,CAAE,SAAAC,EAAU,GAAGC,GAAqB,CACjD,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,SACTH,EAAM,SAAA,EAGR,OACEI,EAAAA,IAACC,EAAAA,KAAA,CAAK,MAAO,CAAE,SAAU,MAAA,EACvB,SAAAD,EAAAA,IAAC,QAAA,CAAM,UAAWH,EAAM,GAAGD,EACxB,SAAAD,EACH,EACF,CAEJ,CAEA,MAAAO,EAAeC,EAAAA,gBAAgBT,CAAK"}
+{"version":3,"file":"index.cjs","sources":["../../../src/display/Table/Table.tsx"],"sourcesContent":["import type { TableHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\n\nimport { Card } from '../Card';\n\nimport '@iziui/styles/components/Table.scss';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement>;\n\nfunction Table({ children, ...props }: TableProps) {\n  const cls = joinClass(\n    `${prefix}-table`,\n    props.className\n  );\n\n  return (\n    <Card style={{ overflow: 'auto' }}>\n      <table className={cls} {...props}>\n        {children}\n      </table>\n    </Card>\n  );\n}\n\nexport default createComponent(Table);\n"],"names":["Table","children","props","cls","joinClass","prefix","jsx","Card","Table_default","createComponent"],"mappings":"wfAcA,SAASA,EAAM,CAAE,SAAAC,EAAU,GAAGC,GAAqB,CACjD,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,SACTH,EAAM,SAAA,EAGR,OACEI,EAAAA,IAACC,EAAAA,KAAA,CAAK,MAAO,CAAE,SAAU,MAAA,EACvB,SAAAD,EAAAA,IAAC,QAAA,CAAM,UAAWH,EAAM,GAAGD,EACxB,SAAAD,EACH,EACF,CAEJ,CAEA,MAAAO,EAAeC,EAAAA,gBAAgBT,CAAK"}

package/dist/components/Table/index.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{p as e}from"../../chunks/index-Bmr5u5lp.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{c as s}from"../../chunks/createComponent-CyZoFjRB.js";import{C as l}from"../../chunks/Card-BcsU9Bwu.js";import"../../chunks/useTheme-BQxrRS5M.js";import"react";import"../../chunks/Ripple-DUBh1UW5.js";function i({children:r,...o}){const a=m(`${e}-table`,o.className);return t(l,{style:{overflow:"auto"},children:t("table",{className:a,...o,children:r})})}const j=s(i);export{j as default};
+import{jsx as t}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{c as s}from"../../chunks/createComponent-WNQRXK89.js";import{C as i}from"../../chunks/Card-DOsl4_nu.js";import"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";function l({children:r,...o}){const a=m(`${e}-table`,o.className);return t(i,{style:{overflow:"auto"},children:t("table",{className:a,...o,children:r})})}const x=s(l);export{x as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/display/Table/Table.tsx"],"sourcesContent":["import type { TableHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\n\nimport { Card } from '../Card';\n\nimport '@iziui/styles/components/Table.scss';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement>;\n\nfunction Table({ children, ...props }: TableProps) {\n  const cls = joinClass(\n    `${prefix}-table`,\n    props.className\n  );\n\n  return (\n    <Card style={{ overflow: 'auto' }}>\n      <table className={cls} {...props}>\n        {children}\n      </table>\n    </Card>\n  );\n}\n\nexport default createComponent(Table);\n"],"names":["Table","children","props","cls","joinClass","prefix","jsx","Card","Table_default","createComponent"],"mappings":"iWAcA,SAASA,EAAM,CAAE,SAAAC,EAAU,GAAGC,GAAqB,CACjD,MAAMC,EAAMC,EACV,GAAGC,CAAM,SACTH,EAAM,SAAA,EAGR,OACEI,EAACC,EAAA,CAAK,MAAO,CAAE,SAAU,MAAA,EACvB,SAAAD,EAAC,QAAA,CAAM,UAAWH,EAAM,GAAGD,EACxB,SAAAD,EACH,EACF,CAEJ,CAEA,MAAAO,EAAeC,EAAgBT,CAAK"}
+{"version":3,"file":"index.js","sources":["../../../src/display/Table/Table.tsx"],"sourcesContent":["import type { TableHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\n\nimport { Card } from '../Card';\n\nimport '@iziui/styles/components/Table.scss';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement>;\n\nfunction Table({ children, ...props }: TableProps) {\n  const cls = joinClass(\n    `${prefix}-table`,\n    props.className\n  );\n\n  return (\n    <Card style={{ overflow: 'auto' }}>\n      <table className={cls} {...props}>\n        {children}\n      </table>\n    </Card>\n  );\n}\n\nexport default createComponent(Table);\n"],"names":["Table","children","props","cls","joinClass","prefix","jsx","Card","Table_default","createComponent"],"mappings":"wZAcA,SAASA,EAAM,CAAE,SAAAC,EAAU,GAAGC,GAAqB,CACjD,MAAMC,EAAMC,EACV,GAAGC,CAAM,SACTH,EAAM,SAAA,EAGR,OACEI,EAACC,EAAA,CAAK,MAAO,CAAE,SAAU,MAAA,EACvB,SAAAD,EAAC,QAAA,CAAM,UAAWH,EAAM,GAAGD,EACxB,SAAAD,EACH,EACF,CAEJ,CAEA,MAAAO,EAAeC,EAAgBT,CAAK"}

package/dist/components/Toast/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),f=require("../../chunks/index-DYxwT4uW.cjs"),h=require("../../chunks/joinClass-Jk3EszKD.cjs"),C=require("../../chunks/createComponent-CTufIEiN.cjs"),p=require("../../chunks/useTheme-DoESyi5h.cjs"),b=require("../../chunks/Alert-BxZX8Ifk.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Stack-beBM7a60.cjs");require("../../chunks/Typography-CAQXUFSQ.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-Cz8zJH-E.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-COl2Nhp9.cjs");function y({id:o,color:i,message:u,icon:c,delay:a,onRemove:l,...e}){const t=n.useRef(null),{theme:{mode:r}}=p.useTheme(),j=h.joinClass(`${f.prefix}-toast`,e.className);n.useEffect(()=>(T(),q),[]);const m=()=>{o&&l(o)},T=()=>{t.current=setTimeout(()=>{m()},a)},q=()=>{t.current&&(clearTimeout(t.current),t.current=null)};return s.jsx(b.Alert,{className:j,icon:c,sx:{backgroundColor:({text:d})=>d.primary,color:d=>d[i][r]},onClose:m,onMouseEnter:q,onMouseLeave:T,children:u})}const x=C.createComponent(y),v=n.createContext({toasts:[],add:()=>{}});function M({children:o}){const[i,u]=n.useState([]),c=n.useMemo(()=>({toasts:i,add:e=>{a(e)}}),[i]),a=e=>{u(t=>[...t,{id:R.uuid(),visible:!0,...e}])},l=e=>{u(t=>t.map(r=>(r.id===e&&(r.visible=!1),r))),setTimeout(()=>{u(t=>t.filter(r=>r.id!==e))},500)};return s.jsxs(v.Provider,{value:c,children:[s.jsx("div",{className:`${f.prefix}-toast-container`,children:i.map(({...e})=>s.jsx("div",{style:{marginBottom:15},children:s.jsx(g.Zoom,{enter:!!e.visible,children:s.jsx(x,{...e,onRemove:l})})},e.id))}),o]})}function P(){const{add:o}=n.useContext(v);return{addToast:o}}exports.Toast=x;exports.ToastProvider=M;exports.useToast=P;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/feedback/Toast/Toast.tsx","../../../src/feedback/Toast/ToastProvider.tsx","../../../src/feedback/Toast/useToast.ts"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { Colors } from '@iziui/core/theme';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport Alert from '../Alert';\n\nimport '@iziui/styles/components/Toast.scss';\n\ntype Icon = React.JSX.Element;\ntype Message = React.JSX.Element | string;\n\nexport type PickedToast = Pick<ToastProps,\n  | 'id'\n  | 'icon'\n  | 'color'\n  | 'message'\n  | 'delay'\n  | 'visible'\n>\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  id?: string;\n  icon?: Icon;\n  color: Colors;\n  message: Message;\n  delay?: number;\n  visible?: boolean;\n  onRemove: (id: string) => void;\n};\n\nfunction Toast({ id, color, message, icon, delay, onRemove, ...props }: ToastProps) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-toast`,\n    props.className\n  );\n\n  useEffect(() => {\n    startTimer();\n    return clearTimer;\n  }, []);\n\n  const handleRemove = () => {\n    if (!id) { return; }\n    onRemove(id);\n  };\n\n  const startTimer = () => {\n    timeoutRef.current = setTimeout(() => { handleRemove(); }, delay);\n  };\n\n  const clearTimer = () => {\n    if (!timeoutRef.current) { return; }\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = null;\n  };\n\n  return (\n    <Alert\n      className={className}\n      icon={icon}\n      sx={{\n        backgroundColor: ({ text }) => text.primary,\n        color: (palette) => palette[color][mode]\n      }}\n      onClose={handleRemove}\n      onMouseEnter={clearTimer}\n      onMouseLeave={startTimer}\n    >\n      {message}\n    </Alert>\n  );\n}\n\nexport default createComponent(Toast);\n","import { createContext, type PropsWithChildren, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Zoom from '@/animations/Zoom';\n\nimport Toast, { type PickedToast } from './Toast';\n\nimport '@iziui/styles/components/Toast.scss';\n\nexport interface ToastContextConfig {\n  toasts: Array<PickedToast>;\n  add: (toast: PickedToast) => void;\n}\n\nexport const ToastContext = createContext<ToastContextConfig>({\n  toasts: [],\n  add: () => { }\n});\n\nexport default function ToastProvider({ children }: PropsWithChildren) {\n  const [toasts, setToasts] = useState<Array<PickedToast>>([]);\n\n  const context: ToastContextConfig = useMemo(() => ({\n    toasts,\n    add: (toast) => { addToast(toast); },\n  }), [toasts]);\n\n  const addToast = (toast: PickedToast) => {\n    setToasts(prev => [...prev, { id: uuid(), visible: true, ...toast }]);\n  };\n\n  const remove = (id: string) => {\n    setToasts(prev => prev.map(a => {\n      if (a.id === id) { a.visible = false; }\n      return a;\n    }));\n    setTimeout(() => { setToasts(prev => prev.filter(a => a.id !== id)); }, 500);\n  };\n\n  return (\n    <ToastContext.Provider value={context}>\n      <div className={`${prefix}-toast-container`}>\n        {\n          toasts.map(({ ...toast }) => {\n            return (\n              <div key={toast.id} style={{ marginBottom: 15 }}>\n                <Zoom enter={Boolean(toast.visible)}>\n                  <Toast {...toast} onRemove={remove} />\n                </Zoom>\n              </div>\n            );\n          })\n        }\n      </div>\n      {children}\n    </ToastContext.Provider>\n  );\n}","import { useContext } from 'react';\n\nimport { ToastContext } from './ToastProvider';\n\nexport default function useToast() {\n  const { add } = useContext(ToastContext);\n\n  return { addToast: add };\n}"],"names":["Toast","id","color","message","icon","delay","onRemove","props","timeoutRef","useRef","mode","useTheme","className","joinClass","prefix","useEffect","startTimer","clearTimer","handleRemove","jsx","Alert","text","palette","createComponent","ToastContext","createContext","ToastProvider","children","toasts","setToasts","useState","context","useMemo","toast","addToast","prev","uuid","remove","a","jsxs","Zoom","useToast","add","useContext"],"mappings":"syBAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAAqB,CAClF,MAAMC,EAAaC,EAAAA,OAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACTP,EAAM,SAAA,EAGRQ,EAAAA,UAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAH,EAAeuB,EAAAA,gBAAgBvB,CAAK,EClEvBwB,EAAeC,EAAAA,cAAkC,CAC5D,OAAQ,CAAA,EACR,IAAK,IAAM,CAAE,CACf,CAAC,EAED,SAAwBC,EAAc,CAAE,SAAAC,GAA+B,CACrE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAA6B,CAAA,CAAE,EAErDC,EAA8BC,EAAAA,QAAQ,KAAO,CACjD,OAAAJ,EACA,IAAMK,GAAU,CAAEC,EAASD,CAAK,CAAG,CAAA,GACjC,CAACL,CAAM,CAAC,EAENM,EAAYD,GAAuB,CACvCJ,EAAUM,GAAQ,CAAC,GAAGA,EAAM,CAAE,GAAIC,EAAAA,KAAA,EAAQ,QAAS,GAAM,GAAGH,CAAA,CAAO,CAAC,CACtE,EAEMI,EAAUpC,GAAe,CAC7B4B,EAAUM,GAAQA,EAAK,IAAIG,IACrBA,EAAE,KAAOrC,IAAMqC,EAAE,QAAU,IACxBA,EACR,CAAC,EACF,WAAW,IAAM,CAAET,KAAkBM,EAAK,UAAYG,EAAE,KAAOrC,CAAE,CAAC,CAAG,EAAG,GAAG,CAC7E,EAEA,OACEsC,EAAAA,KAACf,EAAa,SAAb,CAAsB,MAAOO,EAC5B,SAAA,CAAAZ,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGL,EAAAA,MAAM,mBAErB,SAAAc,EAAO,IAAI,CAAC,CAAE,GAAGK,CAAA,IAEbd,EAAAA,IAAC,OAAmB,MAAO,CAAE,aAAc,IACzC,SAAAA,EAAAA,IAACqB,EAAAA,KAAA,CAAK,MAAO,EAAQP,EAAM,QACzB,SAAAd,EAAAA,IAACnB,EAAA,CAAO,GAAGiC,EAAO,SAAUI,CAAA,CAAQ,CAAA,CACtC,GAHQJ,EAAM,EAIhB,CAEH,CAAA,CAEL,EACCN,CAAA,EACH,CAEJ,CCxDA,SAAwBc,GAAW,CACjC,KAAM,CAAE,IAAAC,CAAA,EAAQC,EAAAA,WAAWnB,CAAY,EAEvC,MAAO,CAAE,SAAUkB,CAAA,CACrB"}

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/feedback/Toast';
+export * from '../../.types/feedback/Toast';

package/dist/components/Toast/index.js

@@ -0,0 +1,2 @@
+import{jsx as i,jsxs as x}from"react/jsx-runtime";import{useRef as h,useEffect as C,useState as b,useMemo as j,createContext as R,useContext as M}from"react";import{p as f}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-WNQRXK89.js";import{u as g}from"../../chunks/useTheme-njpgklWP.js";import{A as y}from"../../chunks/Alert-Em-sG89m.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Stack-DK5pfu2w.js";import"../../chunks/Typography-BIZP_DtQ.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-CsX4oYeI.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-CCIgEwA9.js";function E({id:r,color:s,message:n,icon:m,delay:a,onRemove:c,...t}){const o=h(null),{theme:{mode:e}}=g(),v=N(`${f}-toast`,t.className);C(()=>(d(),p),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},a)},p=()=>{o.current&&(clearTimeout(o.current),o.current=null)};return i(y,{className:v,icon:m,sx:{backgroundColor:({text:u})=>u.primary,color:u=>u[s][e]},onClose:l,onMouseEnter:p,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function U({children:r}){const[s,n]=b([]),m=j(()=>({toasts:s,add:t=>{a(t)}}),[s]),a=t=>{n(o=>[...o,{id:A(),visible:!0,...t}])},c=t=>{n(o=>o.map(e=>(e.id===t&&(e.visible=!1),e))),setTimeout(()=>{n(o=>o.filter(e=>e.id!==t))},500)};return x(T.Provider,{value:m,children:[i("div",{className:`${f}-toast-container`,children:s.map(({...t})=>i("div",{style:{marginBottom:15},children:i(B,{enter:!!t.visible,children:i(P,{...t,onRemove:c})})},t.id))}),r]})}function V(){const{add:r}=M(T);return{addToast:r}}export{P as Toast,U as ToastProvider,V as useToast};
+//# sourceMappingURL=index.js.map

package/dist/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/feedback/Toast/Toast.tsx","../../../src/feedback/Toast/ToastProvider.tsx","../../../src/feedback/Toast/useToast.ts"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { Colors } from '@iziui/core/theme';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport Alert from '../Alert';\n\nimport '@iziui/styles/components/Toast.scss';\n\ntype Icon = React.JSX.Element;\ntype Message = React.JSX.Element | string;\n\nexport type PickedToast = Pick<ToastProps,\n  | 'id'\n  | 'icon'\n  | 'color'\n  | 'message'\n  | 'delay'\n  | 'visible'\n>\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  id?: string;\n  icon?: Icon;\n  color: Colors;\n  message: Message;\n  delay?: number;\n  visible?: boolean;\n  onRemove: (id: string) => void;\n};\n\nfunction Toast({ id, color, message, icon, delay, onRemove, ...props }: ToastProps) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-toast`,\n    props.className\n  );\n\n  useEffect(() => {\n    startTimer();\n    return clearTimer;\n  }, []);\n\n  const handleRemove = () => {\n    if (!id) { return; }\n    onRemove(id);\n  };\n\n  const startTimer = () => {\n    timeoutRef.current = setTimeout(() => { handleRemove(); }, delay);\n  };\n\n  const clearTimer = () => {\n    if (!timeoutRef.current) { return; }\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = null;\n  };\n\n  return (\n    <Alert\n      className={className}\n      icon={icon}\n      sx={{\n        backgroundColor: ({ text }) => text.primary,\n        color: (palette) => palette[color][mode]\n      }}\n      onClose={handleRemove}\n      onMouseEnter={clearTimer}\n      onMouseLeave={startTimer}\n    >\n      {message}\n    </Alert>\n  );\n}\n\nexport default createComponent(Toast);\n","import { createContext, type PropsWithChildren, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Zoom from '@/animations/Zoom';\n\nimport Toast, { type PickedToast } from './Toast';\n\nimport '@iziui/styles/components/Toast.scss';\n\nexport interface ToastContextConfig {\n  toasts: Array<PickedToast>;\n  add: (toast: PickedToast) => void;\n}\n\nexport const ToastContext = createContext<ToastContextConfig>({\n  toasts: [],\n  add: () => { }\n});\n\nexport default function ToastProvider({ children }: PropsWithChildren) {\n  const [toasts, setToasts] = useState<Array<PickedToast>>([]);\n\n  const context: ToastContextConfig = useMemo(() => ({\n    toasts,\n    add: (toast) => { addToast(toast); },\n  }), [toasts]);\n\n  const addToast = (toast: PickedToast) => {\n    setToasts(prev => [...prev, { id: uuid(), visible: true, ...toast }]);\n  };\n\n  const remove = (id: string) => {\n    setToasts(prev => prev.map(a => {\n      if (a.id === id) { a.visible = false; }\n      return a;\n    }));\n    setTimeout(() => { setToasts(prev => prev.filter(a => a.id !== id)); }, 500);\n  };\n\n  return (\n    <ToastContext.Provider value={context}>\n      <div className={`${prefix}-toast-container`}>\n        {\n          toasts.map(({ ...toast }) => {\n            return (\n              <div key={toast.id} style={{ marginBottom: 15 }}>\n                <Zoom enter={Boolean(toast.visible)}>\n                  <Toast {...toast} onRemove={remove} />\n                </Zoom>\n              </div>\n            );\n          })\n        }\n      </div>\n      {children}\n    </ToastContext.Provider>\n  );\n}","import { useContext } from 'react';\n\nimport { ToastContext } from './ToastProvider';\n\nexport default function useToast() {\n  const { add } = useContext(ToastContext);\n\n  return { addToast: add };\n}"],"names":["Toast","id","color","message","icon","delay","onRemove","props","timeoutRef","useRef","mode","useTheme","className","joinClass","prefix","useEffect","startTimer","clearTimer","handleRemove","jsx","Alert","text","palette","Toast$1","createComponent","ToastContext","createContext","ToastProvider","children","toasts","setToasts","useState","context","useMemo","toast","addToast","prev","uuid","remove","a","jsxs","Zoom","useToast","add","useContext"],"mappings":"00BAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAAqB,CAClF,MAAMC,EAAaC,EAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAA,EAEtBC,EAAYC,EAChB,GAAGC,CAAM,SACTP,EAAM,SAAA,EAGRQ,EAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAACC,EAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK,EClEvByB,EAAeC,EAAkC,CAC5D,OAAQ,CAAA,EACR,IAAK,IAAM,CAAE,CACf,CAAC,EAED,SAAwBC,EAAc,CAAE,SAAAC,GAA+B,CACrE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAA6B,CAAA,CAAE,EAErDC,EAA8BC,EAAQ,KAAO,CACjD,OAAAJ,EACA,IAAMK,GAAU,CAAEC,EAASD,CAAK,CAAG,CAAA,GACjC,CAACL,CAAM,CAAC,EAENM,EAAYD,GAAuB,CACvCJ,EAAUM,GAAQ,CAAC,GAAGA,EAAM,CAAE,GAAIC,EAAA,EAAQ,QAAS,GAAM,GAAGH,CAAA,CAAO,CAAC,CACtE,EAEMI,EAAUrC,GAAe,CAC7B6B,EAAUM,GAAQA,EAAK,IAAIG,IACrBA,EAAE,KAAOtC,IAAMsC,EAAE,QAAU,IACxBA,EACR,CAAC,EACF,WAAW,IAAM,CAAET,KAAkBM,EAAK,UAAYG,EAAE,KAAOtC,CAAE,CAAC,CAAG,EAAG,GAAG,CAC7E,EAEA,OACEuC,EAACf,EAAa,SAAb,CAAsB,MAAOO,EAC5B,SAAA,CAAAb,EAAC,MAAA,CAAI,UAAW,GAAGL,CAAM,mBAErB,SAAAe,EAAO,IAAI,CAAC,CAAE,GAAGK,CAAA,IAEbf,EAAC,OAAmB,MAAO,CAAE,aAAc,IACzC,SAAAA,EAACsB,EAAA,CAAK,MAAO,EAAQP,EAAM,QACzB,SAAAf,EAACnB,EAAA,CAAO,GAAGkC,EAAO,SAAUI,CAAA,CAAQ,CAAA,CACtC,GAHQJ,EAAM,EAIhB,CAEH,CAAA,CAEL,EACCN,CAAA,EACH,CAEJ,CCxDA,SAAwBc,GAAW,CACjC,KAAM,CAAE,IAAAC,CAAA,EAAQC,EAAWnB,CAAY,EAEvC,MAAO,CAAE,SAAUkB,CAAA,CACrB"}

package/dist/components/Tooltip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react/jsx-runtime"),t=require("react"),q=require("../../chunks/index-BaaRDmgo.cjs"),S=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/createComponent-D7BY-VlJ.cjs"),A=require("../../chunks/useTheme-BZl65Sjh.cjs");function H({children:x,label:b,width:g="max-content",direction:l="bottom",...d}){const{theme:{spacing:n}}=A.useTheme(),[r,h]=t.useState(!1),[j,i]=t.useState(!1),[y,T]=t.useState(null),c=t.useRef(null),a=t.useRef(null),e=t.useRef(null);t.useLayoutEffect(()=>{if(!r||!c.current||!a.current)return;const{offsetHeight:o,offsetWidth:f}=c.current,{offsetHeight:m,offsetWidth:p}=a.current;let s,u;l==="top"?(s=-(m+n),u=-(p-f)/2):l==="bottom"?(s=o+n,u=-(p-f)/2):l==="right"?(s=(o-m)/2,u=f+n):(s=(o-m)/2,u=-(p+n)),T({top:s,left:u})},[r,l,n]),t.useEffect(()=>{if(!r)return;const o=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(o)},[r]),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}h(!0)},C=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{h(!1),T(null),e.current=null},300)},E=S.joinClass(`${q.prefix}-tooltip`,j&&`${q.prefix}-tooltip--visible`);return v.jsxs("div",{ref:c,...d,style:{position:"relative",...d.style},onMouseEnter:R,onMouseLeave:C,children:[x,v.jsx("span",{ref:a,className:E,style:{...y,width:g,display:r?"block":"none"},children:b})]})}const L=M.createComponent(H);exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),t=require("react"),v=require("../../chunks/index-DYxwT4uW.cjs"),S=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/createComponent-CTufIEiN.cjs"),A=require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function H({children:x,label:b,width:g="max-content",direction:l="bottom",...d}){const{theme:{spacing:n}}=A.useTheme(),[r,h]=t.useState(!1),[j,i]=t.useState(!1),[y,T]=t.useState(null),c=t.useRef(null),a=t.useRef(null),e=t.useRef(null);t.useLayoutEffect(()=>{if(!r||!c.current||!a.current)return;const{offsetHeight:o,offsetWidth:f}=c.current,{offsetHeight:m,offsetWidth:p}=a.current;let s,u;l==="top"?(s=-(m+n),u=-(p-f)/2):l==="bottom"?(s=o+n,u=-(p-f)/2):l==="right"?(s=(o-m)/2,u=f+n):(s=(o-m)/2,u=-(p+n)),T({top:s,left:u})},[r,l,n]),t.useEffect(()=>{if(!r)return;const o=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(o)},[r]),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}h(!0)},C=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{h(!1),T(null),e.current=null},300)},E=S.joinClass(`${v.prefix}-tooltip`,j&&`${v.prefix}-tooltip--visible`);return q.jsxs("div",{ref:c,...d,style:{position:"relative",...d.style},onMouseEnter:R,onMouseLeave:C,children:[x,q.jsx("span",{ref:a,className:E,style:{...y,width:g,display:r?"block":"none"},children:b})]})}const L=M.createComponent(H);exports.default=L;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Tooltip/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/display/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useRef,\n  useState,\n  useEffect,\n  useLayoutEffect,\n  type CSSProperties,\n  type HTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport '@iziui/styles/components/Tooltip.scss';\n\ntype TooltipCoordinate = { top: number; left: number; };\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipProps extends HTMLAttributes<HTMLElement> {\n  direction?: Direction;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element;\n  label: string | React.JSX.Element;\n}\n\nfunction Tooltip({\n  children,\n  label,\n  width = 'max-content',\n  direction = 'bottom',\n  ...props\n}: TooltipProps) {\n  const { theme: { spacing } } = useTheme();\n  const [open, setOpen] = useState(false);\n  const [animate, setAnimate] = useState(false);\n  const [coordinate, setCoordinate] = useState<TooltipCoordinate | null>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLSpanElement>(null);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Measure and position synchronously before the browser paints — no setTimeout hack needed.\n  useLayoutEffect(() => {\n    if (!open || !containerRef.current || !tooltipRef.current) return;\n\n    const { offsetHeight, offsetWidth } = containerRef.current;\n    const { offsetHeight: tooltipH, offsetWidth: tooltipW } = tooltipRef.current;\n\n    let top: number;\n    let left: number;\n\n    if (direction === 'top') {\n      top = -(tooltipH + spacing);\n      left = -(tooltipW - offsetWidth) / 2;\n    } else if (direction === 'bottom') {\n      top = offsetHeight + spacing;\n      left = -(tooltipW - offsetWidth) / 2;\n    } else if (direction === 'right') {\n      top = (offsetHeight - tooltipH) / 2;\n      left = offsetWidth + spacing;\n    } else {\n      top = (offsetHeight - tooltipH) / 2;\n      left = -(tooltipW + spacing);\n    }\n\n    setCoordinate({ top, left });\n  }, [open, direction, spacing]);\n\n  // Trigger the CSS transition one frame after position is committed.\n  useEffect(() => {\n    if (!open) return;\n    const frame = requestAnimationFrame(() => setAnimate(true));\n    return () => cancelAnimationFrame(frame);\n  }, [open]);\n\n  useEffect(() => () => {\n    if (!leaveTimer.current) { return; }\n\n    clearTimeout(leaveTimer.current);\n  }, []);\n\n  const handleEnter = () => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n\n      leaveTimer.current = null;\n      setAnimate(true);\n\n      return;\n    }\n    setOpen(true);\n  };\n\n  const handleLeave = () => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = null;\n    }\n\n    setAnimate(false);\n\n    leaveTimer.current = setTimeout(() => {\n      setOpen(false);\n      setCoordinate(null);\n      leaveTimer.current = null;\n    }, 300);\n  };\n\n  const className = joinClass(\n    `${prefix}-tooltip`,\n    animate && `${prefix}-tooltip--visible`,\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      {...props}\n      style={{ position: 'relative', ...props.style }}\n      onMouseEnter={handleEnter}\n      onMouseLeave={handleLeave}\n    >\n      {children}\n      <span\n        ref={tooltipRef}\n        className={className}\n        style={{\n          ...coordinate,\n          width,\n          display: open ? 'block' : 'none',\n        }}\n      >\n        {label}\n      </span>\n    </div>\n  );\n}\n\nexport default createComponent(Tooltip);\n"],"names":["Tooltip","children","label","width","direction","props","spacing","useTheme","open","setOpen","useState","animate","setAnimate","coordinate","setCoordinate","containerRef","useRef","tooltipRef","leaveTimer","useLayoutEffect","offsetHeight","offsetWidth","tooltipH","tooltipW","top","left","useEffect","frame","handleEnter","handleLeave","className","joinClass","prefix","jsxs","jsx","Tooltip_default","createComponent"],"mappings":"yWA4BA,SAASA,EAAQ,CACf,SAAAC,EACA,MAAAC,EACA,MAAAC,EAAQ,cACR,UAAAC,EAAY,SACZ,GAAGC,CACL,EAAiB,CACf,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EACzB,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EACtC,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAmC,IAAI,EAErEK,EAAeC,EAAAA,OAAuB,IAAI,EAC1CC,EAAaD,EAAAA,OAAwB,IAAI,EACzCE,EAAaF,EAAAA,OAA6C,IAAI,EAGpEG,EAAAA,gBAAgB,IAAM,CACpB,GAAI,CAACX,GAAQ,CAACO,EAAa,SAAW,CAACE,EAAW,QAAS,OAE3D,KAAM,CAAE,aAAAG,EAAc,YAAAC,CAAA,EAAgBN,EAAa,QAC7C,CAAE,aAAcO,EAAU,YAAaC,CAAA,EAAaN,EAAW,QAErE,IAAIO,EACAC,EAEArB,IAAc,OAChBoB,EAAM,EAAEF,EAAWhB,GACnBmB,EAAO,EAAEF,EAAWF,GAAe,GAC1BjB,IAAc,UACvBoB,EAAMJ,EAAed,EACrBmB,EAAO,EAAEF,EAAWF,GAAe,GAC1BjB,IAAc,SACvBoB,GAAOJ,EAAeE,GAAY,EAClCG,EAAOJ,EAAcf,IAErBkB,GAAOJ,EAAeE,GAAY,EAClCG,EAAO,EAAEF,EAAWjB,IAGtBQ,EAAc,CAAE,IAAAU,EAAK,KAAAC,EAAM,CAC7B,EAAG,CAACjB,EAAMJ,EAAWE,CAAO,CAAC,EAG7BoB,EAAAA,UAAU,IAAM,CACd,GAAI,CAAClB,EAAM,OACX,MAAMmB,EAAQ,sBAAsB,IAAMf,EAAW,EAAI,CAAC,EAC1D,MAAO,IAAM,qBAAqBe,CAAK,CACzC,EAAG,CAACnB,CAAI,CAAC,EAETkB,EAAAA,UAAU,IAAM,IAAM,CACfR,EAAW,SAEhB,aAAaA,EAAW,OAAO,CACjC,EAAG,CAAA,CAAE,EAEL,MAAMU,EAAc,IAAM,CACxB,GAAIV,EAAW,QAAS,CACtB,aAAaA,EAAW,OAAO,EAE/BA,EAAW,QAAU,KACrBN,EAAW,EAAI,EAEf,MACF,CACAH,EAAQ,EAAI,CACd,EAEMoB,EAAc,IAAM,CACpBX,EAAW,UACb,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,MAGvBN,EAAW,EAAK,EAEhBM,EAAW,QAAU,WAAW,IAAM,CACpCT,EAAQ,EAAK,EACbK,EAAc,IAAI,EAClBI,EAAW,QAAU,IACvB,EAAG,GAAG,CACR,EAEMY,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,WACTrB,GAAW,GAAGqB,EAAAA,MAAM,mBAAA,EAGtB,OACEC,EAAAA,KAAC,MAAA,CACC,IAAKlB,EACJ,GAAGV,EACJ,MAAO,CAAE,SAAU,WAAY,GAAGA,EAAM,KAAA,EACxC,aAAcuB,EACd,aAAcC,EAEb,SAAA,CAAA5B,EACDiC,EAAAA,IAAC,OAAA,CACC,IAAKjB,EACL,UAAAa,EACA,MAAO,CACL,GAAGjB,EACH,MAAAV,EACA,QAASK,EAAO,QAAU,MAAA,EAG3B,SAAAN,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,MAAAiC,EAAeC,EAAAA,gBAAgBpC,CAAO"}
+{"version":3,"file":"index.cjs","sources":["../../../src/display/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useRef,\n  useState,\n  useEffect,\n  useLayoutEffect,\n  type CSSProperties,\n  type HTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport '@iziui/styles/components/Tooltip.scss';\n\ntype TooltipCoordinate = { top: number; left: number; };\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipProps extends HTMLAttributes<HTMLElement> {\n  direction?: Direction;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element;\n  label: string | React.JSX.Element;\n}\n\nfunction Tooltip({\n  children,\n  label,\n  width = 'max-content',\n  direction = 'bottom',\n  ...props\n}: TooltipProps) {\n  const { theme: { spacing } } = useTheme();\n  const [open, setOpen] = useState(false);\n  const [animate, setAnimate] = useState(false);\n  const [coordinate, setCoordinate] = useState<TooltipCoordinate | null>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLSpanElement>(null);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Measure and position synchronously before the browser paints — no setTimeout hack needed.\n  useLayoutEffect(() => {\n    if (!open || !containerRef.current || !tooltipRef.current) return;\n\n    const { offsetHeight, offsetWidth } = containerRef.current;\n    const { offsetHeight: tooltipH, offsetWidth: tooltipW } = tooltipRef.current;\n\n    let top: number;\n    let left: number;\n\n    if (direction === 'top') {\n      top = -(tooltipH + spacing);\n      left = -(tooltipW - offsetWidth) / 2;\n    } else if (direction === 'bottom') {\n      top = offsetHeight + spacing;\n      left = -(tooltipW - offsetWidth) / 2;\n    } else if (direction === 'right') {\n      top = (offsetHeight - tooltipH) / 2;\n      left = offsetWidth + spacing;\n    } else {\n      top = (offsetHeight - tooltipH) / 2;\n      left = -(tooltipW + spacing);\n    }\n\n    setCoordinate({ top, left });\n  }, [open, direction, spacing]);\n\n  // Trigger the CSS transition one frame after position is committed.\n  useEffect(() => {\n    if (!open) return;\n    const frame = requestAnimationFrame(() => setAnimate(true));\n    return () => cancelAnimationFrame(frame);\n  }, [open]);\n\n  useEffect(() => () => {\n    if (!leaveTimer.current) { return; }\n\n    clearTimeout(leaveTimer.current);\n  }, []);\n\n  const handleEnter = () => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n\n      leaveTimer.current = null;\n      setAnimate(true);\n\n      return;\n    }\n    setOpen(true);\n  };\n\n  const handleLeave = () => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = null;\n    }\n\n    setAnimate(false);\n\n    leaveTimer.current = setTimeout(() => {\n      setOpen(false);\n      setCoordinate(null);\n      leaveTimer.current = null;\n    }, 300);\n  };\n\n  const className = joinClass(\n    `${prefix}-tooltip`,\n    animate && `${prefix}-tooltip--visible`,\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      {...props}\n      style={{ position: 'relative', ...props.style }}\n      onMouseEnter={handleEnter}\n      onMouseLeave={handleLeave}\n    >\n      {children}\n      <span\n        ref={tooltipRef}\n        className={className}\n        style={{\n          ...coordinate,\n          width,\n          display: open ? 'block' : 'none',\n        }}\n      >\n        {label}\n      </span>\n    </div>\n  );\n}\n\nexport default createComponent(Tooltip);\n"],"names":["Tooltip","children","label","width","direction","props","spacing","useTheme","open","setOpen","useState","animate","setAnimate","coordinate","setCoordinate","containerRef","useRef","tooltipRef","leaveTimer","useLayoutEffect","offsetHeight","offsetWidth","tooltipH","tooltipW","top","left","useEffect","frame","handleEnter","handleLeave","className","joinClass","prefix","jsxs","jsx","Tooltip_default","createComponent"],"mappings":"oaA4BA,SAASA,EAAQ,CACf,SAAAC,EACA,MAAAC,EACA,MAAAC,EAAQ,cACR,UAAAC,EAAY,SACZ,GAAGC,CACL,EAAiB,CACf,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EACzB,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EACtC,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAmC,IAAI,EAErEK,EAAeC,EAAAA,OAAuB,IAAI,EAC1CC,EAAaD,EAAAA,OAAwB,IAAI,EACzCE,EAAaF,EAAAA,OAA6C,IAAI,EAGpEG,EAAAA,gBAAgB,IAAM,CACpB,GAAI,CAACX,GAAQ,CAACO,EAAa,SAAW,CAACE,EAAW,QAAS,OAE3D,KAAM,CAAE,aAAAG,EAAc,YAAAC,CAAA,EAAgBN,EAAa,QAC7C,CAAE,aAAcO,EAAU,YAAaC,CAAA,EAAaN,EAAW,QAErE,IAAIO,EACAC,EAEArB,IAAc,OAChBoB,EAAM,EAAEF,EAAWhB,GACnBmB,EAAO,EAAEF,EAAWF,GAAe,GAC1BjB,IAAc,UACvBoB,EAAMJ,EAAed,EACrBmB,EAAO,EAAEF,EAAWF,GAAe,GAC1BjB,IAAc,SACvBoB,GAAOJ,EAAeE,GAAY,EAClCG,EAAOJ,EAAcf,IAErBkB,GAAOJ,EAAeE,GAAY,EAClCG,EAAO,EAAEF,EAAWjB,IAGtBQ,EAAc,CAAE,IAAAU,EAAK,KAAAC,EAAM,CAC7B,EAAG,CAACjB,EAAMJ,EAAWE,CAAO,CAAC,EAG7BoB,EAAAA,UAAU,IAAM,CACd,GAAI,CAAClB,EAAM,OACX,MAAMmB,EAAQ,sBAAsB,IAAMf,EAAW,EAAI,CAAC,EAC1D,MAAO,IAAM,qBAAqBe,CAAK,CACzC,EAAG,CAACnB,CAAI,CAAC,EAETkB,EAAAA,UAAU,IAAM,IAAM,CACfR,EAAW,SAEhB,aAAaA,EAAW,OAAO,CACjC,EAAG,CAAA,CAAE,EAEL,MAAMU,EAAc,IAAM,CACxB,GAAIV,EAAW,QAAS,CACtB,aAAaA,EAAW,OAAO,EAE/BA,EAAW,QAAU,KACrBN,EAAW,EAAI,EAEf,MACF,CACAH,EAAQ,EAAI,CACd,EAEMoB,EAAc,IAAM,CACpBX,EAAW,UACb,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,MAGvBN,EAAW,EAAK,EAEhBM,EAAW,QAAU,WAAW,IAAM,CACpCT,EAAQ,EAAK,EACbK,EAAc,IAAI,EAClBI,EAAW,QAAU,IACvB,EAAG,GAAG,CACR,EAEMY,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,WACTrB,GAAW,GAAGqB,EAAAA,MAAM,mBAAA,EAGtB,OACEC,EAAAA,KAAC,MAAA,CACC,IAAKlB,EACJ,GAAGV,EACJ,MAAO,CAAE,SAAU,WAAY,GAAGA,EAAM,KAAA,EACxC,aAAcuB,EACd,aAAcC,EAEb,SAAA,CAAA5B,EACDiC,EAAAA,IAAC,OAAA,CACC,IAAKjB,EACL,UAAAa,EACA,MAAO,CACL,GAAGjB,EACH,MAAAV,EACA,QAASK,EAAO,QAAU,MAAA,EAG3B,SAAAN,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,MAAAiC,EAAeC,EAAAA,gBAAgBpC,CAAO"}

package/dist/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-import{jsxs as R,jsx as W}from"react/jsx-runtime";import{useState as p,useRef as h,useLayoutEffect as F,useEffect as x}from"react";import{p as y}from"../../chunks/index-Bmr5u5lp.js";import{j as M}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-CyZoFjRB.js";import{u as k}from"../../chunks/useTheme-BQxrRS5M.js";function q({children:b,label:g,width:j="max-content",direction:l="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[E,u]=p(!1),[A,v]=p(null),i=h(null),c=h(null),e=h(null);F(()=>{if(!o||!i.current||!c.current)return;const{offsetHeight:r,offsetWidth:a}=i.current,{offsetHeight:f,offsetWidth:m}=c.current;let n,s;l==="top"?(n=-(f+t),s=-(m-a)/2):l==="bottom"?(n=r+t,s=-(m-a)/2):l==="right"?(n=(r-f)/2,s=a+t):(n=(r-f)/2,s=-(m+t)),v({top:n,left:s})},[o,l,t]),x(()=>{if(!o)return;const r=requestAnimationFrame(()=>u(!0));return()=>cancelAnimationFrame(r)},[o]),x(()=>()=>{e.current&&clearTimeout(e.current)},[]);const C=()=>{if(e.current){clearTimeout(e.current),e.current=null,u(!0);return}T(!0)},H=()=>{e.current&&(clearTimeout(e.current),e.current=null),u(!1),e.current=setTimeout(()=>{T(!1),v(null),e.current=null},300)},L=M(`${y}-tooltip`,E&&`${y}-tooltip--visible`);return R("div",{ref:i,...d,style:{position:"relative",...d.style},onMouseEnter:C,onMouseLeave:H,children:[b,W("span",{ref:c,className:L,style:{...A,width:j,display:o?"block":"none"},children:g})]})}const B=$(q);export{B as default};
+import{jsxs as R,jsx as W}from"react/jsx-runtime";import{useState as p,useRef as h,useLayoutEffect as F,useEffect as x}from"react";import{p as y}from"../../chunks/index-CZ41y9Hn.js";import{j as M}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-WNQRXK89.js";import{u as k}from"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function q({children:b,label:g,width:j="max-content",direction:l="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[E,i]=p(!1),[A,v]=p(null),u=h(null),c=h(null),e=h(null);F(()=>{if(!o||!u.current||!c.current)return;const{offsetHeight:r,offsetWidth:a}=u.current,{offsetHeight:f,offsetWidth:m}=c.current;let n,s;l==="top"?(n=-(f+t),s=-(m-a)/2):l==="bottom"?(n=r+t,s=-(m-a)/2):l==="right"?(n=(r-f)/2,s=a+t):(n=(r-f)/2,s=-(m+t)),v({top:n,left:s})},[o,l,t]),x(()=>{if(!o)return;const r=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(r)},[o]),x(()=>()=>{e.current&&clearTimeout(e.current)},[]);const C=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}T(!0)},H=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{T(!1),v(null),e.current=null},300)},L=M(`${y}-tooltip`,E&&`${y}-tooltip--visible`);return R("div",{ref:u,...d,style:{position:"relative",...d.style},onMouseEnter:C,onMouseLeave:H,children:[b,W("span",{ref:c,className:L,style:{...A,width:j,display:o?"block":"none"},children:g})]})}const D=$(q);export{D as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/display/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useRef,\n  useState,\n  useEffect,\n  useLayoutEffect,\n  type CSSProperties,\n  type HTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport '@iziui/styles/components/Tooltip.scss';\n\ntype TooltipCoordinate = { top: number; left: number; };\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipProps extends HTMLAttributes<HTMLElement> {\n  direction?: Direction;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element;\n  label: string | React.JSX.Element;\n}\n\nfunction Tooltip({\n  children,\n  label,\n  width = 'max-content',\n  direction = 'bottom',\n  ...props\n}: TooltipProps) {\n  const { theme: { spacing } } = useTheme();\n  const [open, setOpen] = useState(false);\n  const [animate, setAnimate] = useState(false);\n  const [coordinate, setCoordinate] = useState<TooltipCoordinate | null>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLSpanElement>(null);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Measure and position synchronously before the browser paints — no setTimeout hack needed.\n  useLayoutEffect(() => {\n    if (!open || !containerRef.current || !tooltipRef.current) return;\n\n    const { offsetHeight, offsetWidth } = containerRef.current;\n    const { offsetHeight: tooltipH, offsetWidth: tooltipW } = tooltipRef.current;\n\n    let top: number;\n    let left: number;\n\n    if (direction === 'top') {\n      top = -(tooltipH + spacing);\n      left = -(tooltipW - offsetWidth) / 2;\n    } else if (direction === 'bottom') {\n      top = offsetHeight + spacing;\n      left = -(tooltipW - offsetWidth) / 2;\n    } else if (direction === 'right') {\n      top = (offsetHeight - tooltipH) / 2;\n      left = offsetWidth + spacing;\n    } else {\n      top = (offsetHeight - tooltipH) / 2;\n      left = -(tooltipW + spacing);\n    }\n\n    setCoordinate({ top, left });\n  }, [open, direction, spacing]);\n\n  // Trigger the CSS transition one frame after position is committed.\n  useEffect(() => {\n    if (!open) return;\n    const frame = requestAnimationFrame(() => setAnimate(true));\n    return () => cancelAnimationFrame(frame);\n  }, [open]);\n\n  useEffect(() => () => {\n    if (!leaveTimer.current) { return; }\n\n    clearTimeout(leaveTimer.current);\n  }, []);\n\n  const handleEnter = () => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n\n      leaveTimer.current = null;\n      setAnimate(true);\n\n      return;\n    }\n    setOpen(true);\n  };\n\n  const handleLeave = () => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = null;\n    }\n\n    setAnimate(false);\n\n    leaveTimer.current = setTimeout(() => {\n      setOpen(false);\n      setCoordinate(null);\n      leaveTimer.current = null;\n    }, 300);\n  };\n\n  const className = joinClass(\n    `${prefix}-tooltip`,\n    animate && `${prefix}-tooltip--visible`,\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      {...props}\n      style={{ position: 'relative', ...props.style }}\n      onMouseEnter={handleEnter}\n      onMouseLeave={handleLeave}\n    >\n      {children}\n      <span\n        ref={tooltipRef}\n        className={className}\n        style={{\n          ...coordinate,\n          width,\n          display: open ? 'block' : 'none',\n        }}\n      >\n        {label}\n      </span>\n    </div>\n  );\n}\n\nexport default createComponent(Tooltip);\n"],"names":["Tooltip","children","label","width","direction","props","spacing","useTheme","open","setOpen","useState","animate","setAnimate","coordinate","setCoordinate","containerRef","useRef","tooltipRef","leaveTimer","useLayoutEffect","offsetHeight","offsetWidth","tooltipH","tooltipW","top","left","useEffect","frame","handleEnter","handleLeave","className","joinClass","prefix","jsxs","jsx","Tooltip_default","createComponent"],"mappings":"gWA4BA,SAASA,EAAQ,CACf,SAAAC,EACA,MAAAC,EACA,MAAAC,EAAQ,cACR,UAAAC,EAAY,SACZ,GAAGC,CACL,EAAiB,CACf,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EACzB,CAACC,EAAMC,CAAO,EAAIC,EAAS,EAAK,EAChC,CAACC,EAASC,CAAU,EAAIF,EAAS,EAAK,EACtC,CAACG,EAAYC,CAAa,EAAIJ,EAAmC,IAAI,EAErEK,EAAeC,EAAuB,IAAI,EAC1CC,EAAaD,EAAwB,IAAI,EACzCE,EAAaF,EAA6C,IAAI,EAGpEG,EAAgB,IAAM,CACpB,GAAI,CAACX,GAAQ,CAACO,EAAa,SAAW,CAACE,EAAW,QAAS,OAE3D,KAAM,CAAE,aAAAG,EAAc,YAAAC,CAAA,EAAgBN,EAAa,QAC7C,CAAE,aAAcO,EAAU,YAAaC,CAAA,EAAaN,EAAW,QAErE,IAAIO,EACAC,EAEArB,IAAc,OAChBoB,EAAM,EAAEF,EAAWhB,GACnBmB,EAAO,EAAEF,EAAWF,GAAe,GAC1BjB,IAAc,UACvBoB,EAAMJ,EAAed,EACrBmB,EAAO,EAAEF,EAAWF,GAAe,GAC1BjB,IAAc,SACvBoB,GAAOJ,EAAeE,GAAY,EAClCG,EAAOJ,EAAcf,IAErBkB,GAAOJ,EAAeE,GAAY,EAClCG,EAAO,EAAEF,EAAWjB,IAGtBQ,EAAc,CAAE,IAAAU,EAAK,KAAAC,EAAM,CAC7B,EAAG,CAACjB,EAAMJ,EAAWE,CAAO,CAAC,EAG7BoB,EAAU,IAAM,CACd,GAAI,CAAClB,EAAM,OACX,MAAMmB,EAAQ,sBAAsB,IAAMf,EAAW,EAAI,CAAC,EAC1D,MAAO,IAAM,qBAAqBe,CAAK,CACzC,EAAG,CAACnB,CAAI,CAAC,EAETkB,EAAU,IAAM,IAAM,CACfR,EAAW,SAEhB,aAAaA,EAAW,OAAO,CACjC,EAAG,CAAA,CAAE,EAEL,MAAMU,EAAc,IAAM,CACxB,GAAIV,EAAW,QAAS,CACtB,aAAaA,EAAW,OAAO,EAE/BA,EAAW,QAAU,KACrBN,EAAW,EAAI,EAEf,MACF,CACAH,EAAQ,EAAI,CACd,EAEMoB,EAAc,IAAM,CACpBX,EAAW,UACb,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,MAGvBN,EAAW,EAAK,EAEhBM,EAAW,QAAU,WAAW,IAAM,CACpCT,EAAQ,EAAK,EACbK,EAAc,IAAI,EAClBI,EAAW,QAAU,IACvB,EAAG,GAAG,CACR,EAEMY,EAAYC,EAChB,GAAGC,CAAM,WACTrB,GAAW,GAAGqB,CAAM,mBAAA,EAGtB,OACEC,EAAC,MAAA,CACC,IAAKlB,EACJ,GAAGV,EACJ,MAAO,CAAE,SAAU,WAAY,GAAGA,EAAM,KAAA,EACxC,aAAcuB,EACd,aAAcC,EAEb,SAAA,CAAA5B,EACDiC,EAAC,OAAA,CACC,IAAKjB,EACL,UAAAa,EACA,MAAO,CACL,GAAGjB,EACH,MAAAV,EACA,QAASK,EAAO,QAAU,MAAA,EAG3B,SAAAN,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,MAAAiC,EAAeC,EAAgBpC,CAAO"}
+{"version":3,"file":"index.js","sources":["../../../src/display/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useRef,\n  useState,\n  useEffect,\n  useLayoutEffect,\n  type CSSProperties,\n  type HTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport '@iziui/styles/components/Tooltip.scss';\n\ntype TooltipCoordinate = { top: number; left: number; };\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipProps extends HTMLAttributes<HTMLElement> {\n  direction?: Direction;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element;\n  label: string | React.JSX.Element;\n}\n\nfunction Tooltip({\n  children,\n  label,\n  width = 'max-content',\n  direction = 'bottom',\n  ...props\n}: TooltipProps) {\n  const { theme: { spacing } } = useTheme();\n  const [open, setOpen] = useState(false);\n  const [animate, setAnimate] = useState(false);\n  const [coordinate, setCoordinate] = useState<TooltipCoordinate | null>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLSpanElement>(null);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Measure and position synchronously before the browser paints — no setTimeout hack needed.\n  useLayoutEffect(() => {\n    if (!open || !containerRef.current || !tooltipRef.current) return;\n\n    const { offsetHeight, offsetWidth } = containerRef.current;\n    const { offsetHeight: tooltipH, offsetWidth: tooltipW } = tooltipRef.current;\n\n    let top: number;\n    let left: number;\n\n    if (direction === 'top') {\n      top = -(tooltipH + spacing);\n      left = -(tooltipW - offsetWidth) / 2;\n    } else if (direction === 'bottom') {\n      top = offsetHeight + spacing;\n      left = -(tooltipW - offsetWidth) / 2;\n    } else if (direction === 'right') {\n      top = (offsetHeight - tooltipH) / 2;\n      left = offsetWidth + spacing;\n    } else {\n      top = (offsetHeight - tooltipH) / 2;\n      left = -(tooltipW + spacing);\n    }\n\n    setCoordinate({ top, left });\n  }, [open, direction, spacing]);\n\n  // Trigger the CSS transition one frame after position is committed.\n  useEffect(() => {\n    if (!open) return;\n    const frame = requestAnimationFrame(() => setAnimate(true));\n    return () => cancelAnimationFrame(frame);\n  }, [open]);\n\n  useEffect(() => () => {\n    if (!leaveTimer.current) { return; }\n\n    clearTimeout(leaveTimer.current);\n  }, []);\n\n  const handleEnter = () => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n\n      leaveTimer.current = null;\n      setAnimate(true);\n\n      return;\n    }\n    setOpen(true);\n  };\n\n  const handleLeave = () => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = null;\n    }\n\n    setAnimate(false);\n\n    leaveTimer.current = setTimeout(() => {\n      setOpen(false);\n      setCoordinate(null);\n      leaveTimer.current = null;\n    }, 300);\n  };\n\n  const className = joinClass(\n    `${prefix}-tooltip`,\n    animate && `${prefix}-tooltip--visible`,\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      {...props}\n      style={{ position: 'relative', ...props.style }}\n      onMouseEnter={handleEnter}\n      onMouseLeave={handleLeave}\n    >\n      {children}\n      <span\n        ref={tooltipRef}\n        className={className}\n        style={{\n          ...coordinate,\n          width,\n          display: open ? 'block' : 'none',\n        }}\n      >\n        {label}\n      </span>\n    </div>\n  );\n}\n\nexport default createComponent(Tooltip);\n"],"names":["Tooltip","children","label","width","direction","props","spacing","useTheme","open","setOpen","useState","animate","setAnimate","coordinate","setCoordinate","containerRef","useRef","tooltipRef","leaveTimer","useLayoutEffect","offsetHeight","offsetWidth","tooltipH","tooltipW","top","left","useEffect","frame","handleEnter","handleLeave","className","joinClass","prefix","jsxs","jsx","Tooltip_default","createComponent"],"mappings":"uZA4BA,SAASA,EAAQ,CACf,SAAAC,EACA,MAAAC,EACA,MAAAC,EAAQ,cACR,UAAAC,EAAY,SACZ,GAAGC,CACL,EAAiB,CACf,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EACzB,CAACC,EAAMC,CAAO,EAAIC,EAAS,EAAK,EAChC,CAACC,EAASC,CAAU,EAAIF,EAAS,EAAK,EACtC,CAACG,EAAYC,CAAa,EAAIJ,EAAmC,IAAI,EAErEK,EAAeC,EAAuB,IAAI,EAC1CC,EAAaD,EAAwB,IAAI,EACzCE,EAAaF,EAA6C,IAAI,EAGpEG,EAAgB,IAAM,CACpB,GAAI,CAACX,GAAQ,CAACO,EAAa,SAAW,CAACE,EAAW,QAAS,OAE3D,KAAM,CAAE,aAAAG,EAAc,YAAAC,CAAA,EAAgBN,EAAa,QAC7C,CAAE,aAAcO,EAAU,YAAaC,CAAA,EAAaN,EAAW,QAErE,IAAIO,EACAC,EAEArB,IAAc,OAChBoB,EAAM,EAAEF,EAAWhB,GACnBmB,EAAO,EAAEF,EAAWF,GAAe,GAC1BjB,IAAc,UACvBoB,EAAMJ,EAAed,EACrBmB,EAAO,EAAEF,EAAWF,GAAe,GAC1BjB,IAAc,SACvBoB,GAAOJ,EAAeE,GAAY,EAClCG,EAAOJ,EAAcf,IAErBkB,GAAOJ,EAAeE,GAAY,EAClCG,EAAO,EAAEF,EAAWjB,IAGtBQ,EAAc,CAAE,IAAAU,EAAK,KAAAC,EAAM,CAC7B,EAAG,CAACjB,EAAMJ,EAAWE,CAAO,CAAC,EAG7BoB,EAAU,IAAM,CACd,GAAI,CAAClB,EAAM,OACX,MAAMmB,EAAQ,sBAAsB,IAAMf,EAAW,EAAI,CAAC,EAC1D,MAAO,IAAM,qBAAqBe,CAAK,CACzC,EAAG,CAACnB,CAAI,CAAC,EAETkB,EAAU,IAAM,IAAM,CACfR,EAAW,SAEhB,aAAaA,EAAW,OAAO,CACjC,EAAG,CAAA,CAAE,EAEL,MAAMU,EAAc,IAAM,CACxB,GAAIV,EAAW,QAAS,CACtB,aAAaA,EAAW,OAAO,EAE/BA,EAAW,QAAU,KACrBN,EAAW,EAAI,EAEf,MACF,CACAH,EAAQ,EAAI,CACd,EAEMoB,EAAc,IAAM,CACpBX,EAAW,UACb,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,MAGvBN,EAAW,EAAK,EAEhBM,EAAW,QAAU,WAAW,IAAM,CACpCT,EAAQ,EAAK,EACbK,EAAc,IAAI,EAClBI,EAAW,QAAU,IACvB,EAAG,GAAG,CACR,EAEMY,EAAYC,EAChB,GAAGC,CAAM,WACTrB,GAAW,GAAGqB,CAAM,mBAAA,EAGtB,OACEC,EAAC,MAAA,CACC,IAAKlB,EACJ,GAAGV,EACJ,MAAO,CAAE,SAAU,WAAY,GAAGA,EAAM,KAAA,EACxC,aAAcuB,EACd,aAAcC,EAEb,SAAA,CAAA5B,EACDiC,EAAC,OAAA,CACC,IAAKjB,EACL,UAAAa,EACA,MAAO,CACL,GAAGjB,EACH,MAAAV,EACA,QAASK,EAAO,QAAU,MAAA,EAG3B,SAAAN,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,MAAAiC,EAAeC,EAAgBpC,CAAO"}

package/dist/components/Typography/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-4DVl9Rev.cjs");require("react/jsx-runtime");require("../../chunks/index-BaaRDmgo.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-BZl65Sjh.cjs");require("react");require("../../chunks/createComponent-D7BY-VlJ.cjs");exports.default=e.Typography;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-CAQXUFSQ.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");exports.default=e.Typography;exports.variants=e.variants;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Typography/index.js

@@ -1,2 +1,2 @@
-import{T as d}from"../../chunks/Typography-DO-npvz3.js";import"react/jsx-runtime";import"../../chunks/index-Bmr5u5lp.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-BQxrRS5M.js";import"react";import"../../chunks/createComponent-CyZoFjRB.js";export{d as default};
+import{T as v,v as d}from"../../chunks/Typography-BIZP_DtQ.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/createComponent-WNQRXK89.js";export{v as default,d as variants};
 //# sourceMappingURL=index.js.map

package/dist/core/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../chunks/generateSupportColors-CTMoGhDf.cjs"),n=require("../chunks/convertPathToColor-BlQMLS4V.cjs"),a=require("../chunks/joinClass-Jk3EszKD.cjs");function l(t){const r=o.hexToHsl(t),s=o.adjustLightness(r.h,r.s,r.l,5),i=o.adjustLightness(r.h,r.s,r.l,10);return`linear-gradient(to right, ${t}, ${s}, ${i})`}function g(t,e){return t.includes(".")?n.convertPathToColor(t,e):t}exports.adjustLightness=o.adjustLightness;exports.generateSupportColors=o.generateSupportColors;exports.getContrastColor=o.getContrastColor;exports.getOpacityColor=o.getOpacityColor;exports.hexToHsl=o.hexToHsl;exports.hslToHex=o.hslToHex;exports.convertPathToColor=n.convertPathToColor;exports.joinClass=a.joinClass;exports.getLinearGradient=l;exports.getPriorityColor=g;
+//# sourceMappingURL=index.cjs.map

package/dist/core/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../core/src/utils/getGradient/getGradient.ts","../../../../core/src/utils/getPriorityColor/getPriorityColor.ts"],"sourcesContent":["\nimport { adjustLightness } from '../adjustLightness';\nimport { hexToHsl } from '../hexToHsl/hexToHsl';\n\nexport function getLinearGradient(hex: string) {\n  const variation = 5;\n\n  const hsl = hexToHsl(hex);\n\n  const color2 = adjustLightness(hsl.h, hsl.s, hsl.l, variation); // 20% mais claro\n  const color3 = adjustLightness(hsl.h, hsl.s, hsl.l, variation * 2); // 40% mais claro\n\n  return `linear-gradient(to right, ${hex}, ${color2}, ${color3})`;\n}","import type { MappedColors, PaletteBuilded } from '../../theme';\nimport { convertPathToColor } from '../convertPathToColor';\n\nexport function getPriorityColor(color: string, palette: PaletteBuilded) {\n  if (color.includes('.')) { return convertPathToColor(color as MappedColors, palette); }\n\n  return color;\n}"],"names":["getLinearGradient","hex","hsl","hexToHsl","color2","adjustLightness","color3","getPriorityColor","color","palette","convertPathToColor"],"mappings":"qPAIO,SAASA,EAAkBC,EAAa,CAG7C,MAAMC,EAAMC,EAAAA,SAASF,CAAG,EAElBG,EAASC,kBAAgBH,EAAI,EAAGA,EAAI,EAAGA,EAAI,EAAG,CAAS,EACvDI,EAASD,EAAAA,gBAAgBH,EAAI,EAAGA,EAAI,EAAGA,EAAI,EAAG,EAAa,EAEjE,MAAO,6BAA6BD,CAAG,KAAKG,CAAM,KAAKE,CAAM,GAC/D,CCVO,SAASC,EAAiBC,EAAeC,EAAyB,CACvE,OAAID,EAAM,SAAS,GAAG,EAAYE,EAAAA,mBAAmBF,EAAuBC,CAAO,EAE5ED,CACT"}

package/dist/core/index.d.ts

@@ -0,0 +1 @@
+export * from '../.types/_internal/core/utils';

package/dist/core/index.js

@@ -0,0 +1,2 @@
+import{h as i,a}from"../chunks/generateSupportColors-BN5t8dA-.js";import{g as f,b as C,c as m,d}from"../chunks/generateSupportColors-BN5t8dA-.js";import{c as e}from"../chunks/convertPathToColor-D2SdAqGh.js";import{j as x}from"../chunks/joinClass-anSpaauN.js";function g(o){const t=i(o),s=a(t.h,t.s,t.l,5),n=a(t.h,t.s,t.l,10);return`linear-gradient(to right, ${o}, ${s}, ${n})`}function h(o,r){return o.includes(".")?e(o,r):o}export{a as adjustLightness,e as convertPathToColor,f as generateSupportColors,C as getContrastColor,g as getLinearGradient,m as getOpacityColor,h as getPriorityColor,i as hexToHsl,d as hslToHex,x as joinClass};
+//# sourceMappingURL=index.js.map

package/dist/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../core/src/utils/getGradient/getGradient.ts","../../../../core/src/utils/getPriorityColor/getPriorityColor.ts"],"sourcesContent":["\nimport { adjustLightness } from '../adjustLightness';\nimport { hexToHsl } from '../hexToHsl/hexToHsl';\n\nexport function getLinearGradient(hex: string) {\n  const variation = 5;\n\n  const hsl = hexToHsl(hex);\n\n  const color2 = adjustLightness(hsl.h, hsl.s, hsl.l, variation); // 20% mais claro\n  const color3 = adjustLightness(hsl.h, hsl.s, hsl.l, variation * 2); // 40% mais claro\n\n  return `linear-gradient(to right, ${hex}, ${color2}, ${color3})`;\n}","import type { MappedColors, PaletteBuilded } from '../../theme';\nimport { convertPathToColor } from '../convertPathToColor';\n\nexport function getPriorityColor(color: string, palette: PaletteBuilded) {\n  if (color.includes('.')) { return convertPathToColor(color as MappedColors, palette); }\n\n  return color;\n}"],"names":["getLinearGradient","hex","hsl","hexToHsl","color2","adjustLightness","color3","getPriorityColor","color","palette","convertPathToColor"],"mappings":"mQAIO,SAASA,EAAkBC,EAAa,CAG7C,MAAMC,EAAMC,EAASF,CAAG,EAElBG,EAASC,EAAgBH,EAAI,EAAGA,EAAI,EAAGA,EAAI,EAAG,CAAS,EACvDI,EAASD,EAAgBH,EAAI,EAAGA,EAAI,EAAGA,EAAI,EAAG,EAAa,EAEjE,MAAO,6BAA6BD,CAAG,KAAKG,CAAM,KAAKE,CAAM,GAC/D,CCVO,SAASC,EAAiBC,EAAeC,EAAyB,CACvE,OAAID,EAAM,SAAS,GAAG,EAAYE,EAAmBF,EAAuBC,CAAO,EAE5ED,CACT"}

package/dist/hooks/useResize/index.cjs

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

package/dist/hooks/useResize/index.cjs.map

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

package/dist/hooks/useResize/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/hooks/useResize';
+export * from '../../.types/hooks/useResize';

package/dist/hooks/useResize/index.js

@@ -0,0 +1,2 @@
+import{u as p}from"../../chunks/useResize-BjM6tiAF.js";import"react";import"../../chunks/index-CZ41y9Hn.js";export{p as default};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useResize/index.js.map

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

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunks/useTheme-BZl65Sjh.cjs"),e=require("./chunks/useForm-UT6lrV2_.cjs"),o=require("./chunks/Slide-D4aLHjYS.cjs"),i=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-C6Vg_3uM.cjs"),n=require("./chunks/Card-DwQwp0Z1.cjs"),s=require("./chunks/CardContent-BfNpVYNI.cjs"),d=require("./chunks/Drawer-C0bFfY0L.cjs"),t=require("./chunks/GridItem-CWqF8c-3.cjs"),m=require("./chunks/MenuButton-Dr8liABR.cjs");require("react");require("react/jsx-runtime");require("./chunks/index-BaaRDmgo.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-D7BY-VlJ.cjs");require("./chunks/Ripple-BqrSCCqr.cjs");require("./chunks/Stack-dVH2e42b.cjs");exports.ThemeProvider=r.ThemeProvider;exports.createTheme=r.createTheme;exports.useTheme=r.useTheme;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Slide=o.Slide;exports.useListenerResized=i.useListenerResized;exports.Menu=u.Menu;exports.useMenu=u.useMenu;exports.Card=n.Card;exports.CardContent=s.CardContent;exports.Drawer=d.Drawer_default;exports.Grid=t.Grid;exports.GridItem=t.GridItem;exports.MenuButton=m.MenuButton_default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("./chunks/useTheme-DoESyi5h.cjs"),i=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-TyKbw7O8.cjs"),t=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),n=require("./chunks/Zoom-BOnqwiDY.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-C0u9aTiR.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),a=require("./chunks/Card-B8XSgLaD.cjs"),c=require("./chunks/CardContent-BivcVoIc.cjs"),m=require("./chunks/Drawer-0wOdungj.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-AyzSxRY0.cjs"),l=require("./chunks/Typography-CAQXUFSQ.cjs");require("react");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-CTufIEiN.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-beBM7a60.cjs");require("./chunks/convertPathToColor-BlQMLS4V.cjs");exports.ThemeProvider=r.ThemeProvider;exports.createTheme=r.createTheme;exports.useTheme=r.useTheme;exports.Bounce=i.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=t.Fade;exports.Slide=s.Slide;exports.Zoom=n.Zoom;exports.useListenerResized=d.useListenerResized;exports.Menu=u.Menu;exports.useMenu=u.useMenu;exports.useResize=q.useResize;exports.Card=a.Card;exports.CardContent=c.CardContent;exports.Drawer=m.Drawer_default;exports.Grid=o.Grid;exports.GridItem=o.GridItem;exports.MenuButton=C.MenuButton_default;exports.variants=l.variants;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import{T as f,c as x,u as n}from"./chunks/useTheme-BQxrRS5M.js";import{C as d,F as M,u as F,a as G,b as T}from"./chunks/useForm-BrezSwQu.js";import{S as l}from"./chunks/Slide-BxEwoZ70.js";import{u as D}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as b,u as v}from"./chunks/useMenu-C47b1gPc.js";import{C as z}from"./chunks/Card-BcsU9Bwu.js";import{C as I}from"./chunks/CardContent-BvRmc1hs.js";import{D as P}from"./chunks/Drawer-BvpQwgSH.js";import{G as g,a as j}from"./chunks/GridItem-B1AVF8KI.js";import{M as q}from"./chunks/MenuButton-Cz3vFc6y.js";import"react";import"react/jsx-runtime";import"./chunks/index-Bmr5u5lp.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-CyZoFjRB.js";import"./chunks/Ripple-DUBh1UW5.js";import"./chunks/Stack-Cde2gkUJ.js";export{z as Card,I as CardContent,d as Control,P as Drawer,M as Form,g as Grid,j as GridItem,b as Menu,q as MenuButton,l as Slide,f as ThemeProvider,x as createTheme,F as useControl,G as useForm,T as useFormGroup,D as useListenerResized,v as useMenu,n as useTheme};
+import"react/jsx-runtime";import{T as n,c as d,u as C}from"./chunks/useTheme-njpgklWP.js";import{B as M}from"./chunks/Bounce-DP0PU3kr.js";import{C as T,F as c,u as h,a as l,b as v}from"./chunks/useForm-3oClzOJC.js";import{F as z}from"./chunks/Fade-spxq-W-Q.js";import{S as R}from"./chunks/Slide-BxEwoZ70.js";import{Z}from"./chunks/Zoom-DqgU4Wfv.js";import{u as w}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as L,u as P}from"./chunks/useMenu-BNL22pOQ.js";import{u as j}from"./chunks/useResize-BjM6tiAF.js";import{C as q}from"./chunks/Card-DOsl4_nu.js";import{C as A}from"./chunks/CardContent-C8ypE7yH.js";import{D as H}from"./chunks/Drawer-D1lAWrdi.js";import{G as K,a as N}from"./chunks/GridItem-CaoPZmBu.js";import{M as Q}from"./chunks/MenuButton-DLf22r80.js";import{v as V}from"./chunks/Typography-BIZP_DtQ.js";import"react";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-WNQRXK89.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-DK5pfu2w.js";import"./chunks/convertPathToColor-D2SdAqGh.js";export{M as Bounce,q as Card,A as CardContent,T as Control,H as Drawer,z as Fade,c as Form,K as Grid,N as GridItem,L as Menu,Q as MenuButton,R as Slide,n as ThemeProvider,Z as Zoom,d as createTheme,h as useControl,l as useForm,v as useFormGroup,w as useListenerResized,P as useMenu,j as useResize,C as useTheme,V as variants};
 //# sourceMappingURL=index.js.map

package/dist/lab/Form/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/useForm-UT6lrV2_.cjs");require("react");require("react/jsx-runtime");exports.Control=r.Control;exports.Form=r.Form;exports.useControl=r.useControl;exports.useForm=r.useForm;exports.useFormGroup=r.useFormGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/useForm-TyKbw7O8.cjs");require("react");require("react/jsx-runtime");exports.Control=r.Control;exports.Form=r.Form;exports.useControl=r.useControl;exports.useForm=r.useForm;exports.useFormGroup=r.useFormGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/lab/Form/index.js

@@ -1,2 +1,2 @@
-import{C as m,F as t,u,a as e,b as p}from"../../chunks/useForm-BrezSwQu.js";import"react";import"react/jsx-runtime";export{m as Control,t as Form,u as useControl,e as useForm,p as useFormGroup};
+import{C as m,F as t,u,a as e,b as p}from"../../chunks/useForm-3oClzOJC.js";import"react";import"react/jsx-runtime";export{m as Control,t as Form,u as useControl,e as useForm,p as useFormGroup};
 //# sourceMappingURL=index.js.map

package/dist/style.css

@@ -23,8 +23,8 @@
 /* assets/index-BeVKXeEI.css */
 .iziui-loading{display:inline-block;animation:circle-rotate 1.4s linear 0s infinite}.iziui-loading__svg{display:block}.iziui-loading__circle{stroke:currentcolor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:circle-animation 1.4s ease-in-out 0s infinite}@keyframes circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
 /*$vite$:1*/
-/* assets/index-zaiwQM_y.css */
-.iziui-alert{min-height:48px;width:max-content;border-radius:var(--radius)}.iziui-alert--primary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--primary-dark);overflow:hidden;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--primary-opacity)}.iziui-alert--secondary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--secondary-dark);overflow:hidden;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--secondary-opacity)}.iziui-alert--info{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--info-dark);overflow:hidden;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--info-opacity)}.iziui-alert--error{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--error-dark);overflow:hidden;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--error-opacity)}.iziui-alert--warning{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--warning-dark);overflow:hidden;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--warning-opacity)}.iziui-alert--success{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--success-dark);overflow:hidden;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--success-opacity)}.iziui-alert__content{padding:8px 16px}.iziui-alert__button{margin-right:16px}
+/* assets/Alert-BCp8cPdT.css */
+.iziui-alert{min-height:48px;width:max-content;border-radius:var(--radius)}.iziui-alert--primary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--primary-dark);overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--primary-opacity)}.iziui-alert--secondary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--secondary-dark);overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--secondary-opacity)}.iziui-alert--info{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--info-dark);overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--info-opacity)}.iziui-alert--error{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--error-dark);overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--error-opacity)}.iziui-alert--warning{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--warning-dark);overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--warning-opacity)}.iziui-alert--success{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--success-dark);overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--success-opacity)}.iziui-alert__content{padding:8px 16px}.iziui-alert__button{margin-right:16px}
 /*$vite$:1*/
 /* assets/Typography-DNgVH0In.css */
 .iziui-typography{transition:all .3s cubic-bezier(.4,0,.2,1);margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iziui-typography--weight-bold{font-weight:700!important}.iziui-typography--weight-light{font-weight:300!important}.iziui-typography--weight-normal{font-weight:500!important}.iziui-typography--h1{font-size:clamp(2rem,1.65rem + 1.6vw,3rem);line-height:1.12;letter-spacing:-.02em}.iziui-typography--h2{font-size:clamp(1.75rem,1.5rem + 1.2vw,2.5rem);line-height:1.16;letter-spacing:-.015em;font-weight:700}.iziui-typography--h3{font-size:clamp(1.5rem,1.35rem + .9vw,2rem);line-height:1.2;letter-spacing:-.01em}.iziui-typography--h4{font-size:clamp(1.25rem,1.15rem + .6vw,1.5rem);line-height:1.25;letter-spacing:-.005em}.iziui-typography--h5{font-size:clamp(1.125rem,1.05rem + .4vw,1.25rem);line-height:1.3;letter-spacing:0;font-weight:600}.iziui-typography--h6{font-size:clamp(1rem,.98rem + .25vw,1.125rem);line-height:1.35;letter-spacing:.01em}.iziui-typography--subtitle1{font-size:clamp(1.0625rem,1.02rem + .25vw,1.125rem);line-height:1.5;letter-spacing:.005em}.iziui-typography--subtitle2{font-size:clamp(.9375rem,.92rem + .2vw,1rem);line-height:1.45;letter-spacing:.01em}.iziui-typography--body1{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.6;letter-spacing:0}.iziui-typography--body2{font-size:clamp(.875rem,.85rem + .2vw,.9375rem);line-height:1.55;letter-spacing:0}
@@ -73,9 +73,12 @@
 /* assets/GridItem-p7vi75nQ.css */
 .iziui-grid{width:100%;display:grid;gap:15px;position:relative;grid-template-rows:1;grid-template-columns:repeat(12,1fr);-ms-grid-columns:repeater("1fr ",12)}@media only screen and (max-width:599px){.iziui-grid__item--xl-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--xl-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--xl-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--xl-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--xl-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--xl-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--xl-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--xl-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--xl-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--xl-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--xl-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--xl-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:599px){.iziui-grid__item--lg-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--lg-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--lg-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--lg-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--lg-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--lg-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--lg-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--lg-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--lg-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--lg-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--lg-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--lg-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:599px){.iziui-grid__item--md-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:1199px){.iziui-grid__item--md-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--md-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:1199px){.iziui-grid__item--md-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--md-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:1199px){.iziui-grid__item--md-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--md-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:1199px){.iziui-grid__item--md-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--md-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:1199px){.iziui-grid__item--md-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--md-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:1199px){.iziui-grid__item--md-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--md-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:1199px){.iziui-grid__item--md-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--md-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:1199px){.iziui-grid__item--md-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--md-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:1199px){.iziui-grid__item--md-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--md-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:1199px){.iziui-grid__item--md-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--md-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:1199px){.iziui-grid__item--md-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--md-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:1199px){.iziui-grid__item--md-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:599px){.iziui-grid__item--sm-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:899px){.iziui-grid__item--sm-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--sm-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:899px){.iziui-grid__item--sm-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--sm-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:899px){.iziui-grid__item--sm-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--sm-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:899px){.iziui-grid__item--sm-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--sm-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:899px){.iziui-grid__item--sm-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--sm-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:899px){.iziui-grid__item--sm-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--sm-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:899px){.iziui-grid__item--sm-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--sm-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:899px){.iziui-grid__item--sm-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--sm-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:899px){.iziui-grid__item--sm-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--sm-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:899px){.iziui-grid__item--sm-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--sm-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:899px){.iziui-grid__item--sm-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--sm-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:899px){.iziui-grid__item--sm-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:599px){.iziui-grid__item--xs-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--xs-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--xs-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--xs-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--xs-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--xs-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--xs-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--xs-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--xs-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--xs-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--xs-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--xs-12{grid-column-end:span 12;-ms-grid-column-span:12}}
 /*$vite$:1*/
+/* assets/index-9edV_-Bq.css */
+.iziui-toast-container{top:15px;z-index:60;right:15px;position:fixed;display:flex;align-items:flex-end;flex-direction:column}@media only screen and (max-width:1199px){.iziui-toast-container{right:auto;left:50%;transform:translate(-50%)}}
+/*$vite$:1*/
 /* assets/useMenu-Bmun71gn.css */
 .iziui-menu{position:absolute;word-break:break-all;white-space:pre-wrap;display:flex;flex-direction:column;z-index:4}.iziui-menu__overlay{position:fixed;height:100vh;width:100%;top:0;left:0;z-index:3;cursor:auto}.iziui-menu__card{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.iziui-menu__card__content{overflow:auto;padding:8px 0}.iziui-menu--open{opacity:1;transform:translateY(0)}.iziui-menu--close{transform:translateY(-10px);opacity:0}.iziui-menu__item{border:none;padding:8px 16px;position:relative;white-space:nowrap;background-color:transparent;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.iziui-menu__item:hover{background-color:var(--divider)}.iziui-menu__item--primary{color:var(--primary)}.iziui-menu__item--primary:hover{background-color:var(--primary-opacity)}.iziui-menu__item--secondary{color:var(--secondary)}.iziui-menu__item--secondary:hover{background-color:var(--secondary-opacity)}.iziui-menu__item--info{color:var(--info)}.iziui-menu__item--info:hover{background-color:var(--info-opacity)}.iziui-menu__item--error{color:var(--error)}.iziui-menu__item--error:hover{background-color:var(--error-opacity)}.iziui-menu__item--warning{color:var(--warning)}.iziui-menu__item--warning:hover{background-color:var(--warning-opacity)}.iziui-menu__item--success{color:var(--success)}.iziui-menu__item--success:hover{background-color:var(--success-opacity)}
 /*$vite$:1*/
-/* assets/useTheme-B5djpGTF.css */
-html,body{margin:0;height:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6,p,a,button,label,span,th,tr,td,dl,dt,ul,li,ol{font-family:var(--typography)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray}::-webkit-scrollbar-thumb{background:#a2a2a2;border-radius:10px}::selection{background:var(--primary);color:var(--primary-contrast)}
+/* assets/useTheme-d4AkXEDG.css */
+*{box-sizing:border-box}html,body{margin:0;height:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6,p,a,button,label,span,th,tr,td,dl,dt,ul,li,ol{font-family:var(--typography)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray}::-webkit-scrollbar-thumb{background:#a2a2a2;border-radius:10px}::selection{background:var(--primary);color:var(--primary-contrast)}
 /*$vite$:1*/

package/dist/theme/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/useTheme-BZl65Sjh.cjs");require("react");require("react/jsx-runtime");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.useTheme=e.useTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../chunks/useTheme-DoESyi5h.cjs");require("react");require("../chunks/generateSupportColors-CTMoGhDf.cjs");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.useTheme=e.useTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/theme/index.js

@@ -1,2 +1,2 @@
-import{T as a,c as s,u as t}from"../chunks/useTheme-BQxrRS5M.js";import"react";import"react/jsx-runtime";export{a as ThemeProvider,s as createTheme,t as useTheme};
+import"react/jsx-runtime";import{T as a,c as i,u as p}from"../chunks/useTheme-njpgklWP.js";import"react";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iziui/react",
-  "version": "0.0.5-rc",
+  "version": "0.0.7-rc",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -42,6 +42,11 @@
       "import": "./dist/theme/index.js",
       "require": "./dist/theme/index.cjs"
     },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/index.js",
+      "require": "./dist/core/index.cjs"
+    },
     "./style.css": "./dist/style.css"
   },
   "scripts": {

package/dist/chunks/Typography-4DVl9Rev.cjs

@@ -1,2 +0,0 @@
-"use strict";const p=require("react/jsx-runtime"),t=require("./index-BaaRDmgo.cjs"),u=require("./joinClass-Jk3EszKD.cjs"),l=require("./convertPathToColor-BlQMLS4V.cjs"),m=require("./useTheme-BZl65Sjh.cjs"),T=require("./createComponent-D7BY-VlJ.cjs"),g={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"};function x({children:s,variant:o="body1",color:h="text.primary",weight:r,textAlign:n,...e}){const{theme:{palette:c}}=m.useTheme(),y=g[o],a=u.joinClass(`${t.prefix}-typography`,`${t.prefix}-typography--${o}`,r&&`${t.prefix}-typography--weight-${r}`,e.className),i=l.convertPathToColor(h,c);return p.jsx(y,{...e,className:a,style:{color:i,textAlign:n,...e.style},children:s})}const C=T.createComponent(x);exports.Typography=C;
-//# sourceMappingURL=Typography-4DVl9Rev.cjs.map