@iziui/react 0.0.4-rc → 0.0.5-rc

package/dist/display/Table/TableBody.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),o=require("../../tokens/dist/web/js/index.cjs"),i=require("../../core/src/utils/joinClass/joinClass.cjs");function s({children:t,...e}){const a=i.joinClass(`${o.prefix}-table__body`,e.className);return l.jsx("tbody",{className:a,...e,children:t})}s.displayName="TableBody";exports.default=s;
-//# sourceMappingURL=TableBody.cjs.map

package/dist/display/Table/TableBody.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.cjs","sources":["../../../src/display/Table/TableBody.tsx"],"sourcesContent":["import type { TableHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\ninterface TableBodyProps extends TableHTMLAttributes<HTMLTableSectionElement> {\n  children: React.ReactNode;\n}\n\nfunction TableBody({ children, ...props }: TableBodyProps) {\n\n  const cls = joinClass(\n    `${prefix}-table__body`,\n    props.className\n  );\n\n  return (\n    <tbody className={cls} {...props}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = 'TableBody';\n\nexport default TableBody;"],"names":["TableBody","children","props","cls","joinClass","prefix"],"mappings":"2PAUA,SAASA,EAAU,CAAE,SAAAC,EAAU,GAAGC,GAAyB,CAEzD,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,eACTH,EAAM,SAAA,EAGR,aACG,QAAA,CAAM,UAAWC,EAAM,GAAGD,EACxB,SAAAD,EACH,CAEJ,CAEAD,EAAU,YAAc"}

package/dist/display/Table/TableBody.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../src/display/Table/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,UAAU,cAAe,SAAQ,mBAAmB,CAAC,uBAAuB,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAYxD;kBAZQ,SAAS;;;AAgBlB,eAAe,SAAS,CAAC"}

package/dist/display/Table/TableBody.js

@@ -1,2 +0,0 @@
-import{jsx as s}from"react/jsx-runtime";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";function m({children:a,...o}){const e=l(`${t}-table__body`,o.className);return s("tbody",{className:e,...o,children:a})}m.displayName="TableBody";export{m as default};
-//# sourceMappingURL=TableBody.js.map

package/dist/display/Table/TableBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.js","sources":["../../../src/display/Table/TableBody.tsx"],"sourcesContent":["import type { TableHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\ninterface TableBodyProps extends TableHTMLAttributes<HTMLTableSectionElement> {\n  children: React.ReactNode;\n}\n\nfunction TableBody({ children, ...props }: TableBodyProps) {\n\n  const cls = joinClass(\n    `${prefix}-table__body`,\n    props.className\n  );\n\n  return (\n    <tbody className={cls} {...props}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = 'TableBody';\n\nexport default TableBody;"],"names":["TableBody","children","props","cls","joinClass","prefix"],"mappings":"2KAUA,SAASA,EAAU,CAAE,SAAAC,EAAU,GAAGC,GAAyB,CAEzD,MAAMC,EAAMC,EACV,GAAGC,CAAM,eACTH,EAAM,SAAA,EAGR,SACG,QAAA,CAAM,UAAWC,EAAM,GAAGD,EACxB,SAAAD,EACH,CAEJ,CAEAD,EAAU,YAAc"}

package/dist/display/Table/TableCell.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("../../tokens/dist/web/js/index.cjs"),o=require("../../core/src/utils/joinClass/joinClass.cjs"),u=require("../../core/createComponent.cjs");function a({align:t="left",children:l,...r}){const s=o.joinClass(`${e.prefix}-table__cell`,`${e.prefix}-table__cell--${t}`);return n.jsx("td",{className:s,...r,children:l})}const i=u.default(a);exports.default=i;
-//# sourceMappingURL=TableCell.cjs.map

package/dist/display/Table/TableCell.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.cjs","sources":["../../../src/display/Table/TableCell.tsx"],"sourcesContent":["import { TdHTMLAttributes } 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\ninterface TableCellProps extends TdHTMLAttributes<HTMLTableDataCellElement> {\n  align?: 'left' | 'center' | 'right';\n  children: React.JSX.Element | string | number | null;\n}\nfunction TableCell({ align = 'left', children, ...props }: TableCellProps) {\n  const className = joinClass(\n    `${prefix}-table__cell`,\n    `${prefix}-table__cell--${align}`,\n  );\n\n  return (\n    <td className={className} {...props}>\n      {children}\n    </td>\n  );\n}\n\nexport default createComponent(TableCell);"],"names":["TableCell","align","children","props","className","joinClass","prefix","jsx","TableCell_default","createComponent"],"mappings":"uSAYA,SAASA,EAAU,CAAE,MAAAC,EAAQ,OAAQ,SAAAC,EAAU,GAAGC,GAAyB,CACzE,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,eACT,GAAGA,EAAAA,MAAM,iBAAiBL,CAAK,EAAA,EAGjC,OACEM,EAAAA,IAAC,KAAA,CAAG,UAAAH,EAAuB,GAAGD,EAC3B,SAAAD,EACH,CAEJ,CAEA,MAAAM,EAAeC,EAAAA,QAAgBT,CAAS"}

package/dist/display/Table/TableCell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/display/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAQzC,UAAU,cAAe,SAAQ,gBAAgB,CAAC,wBAAwB,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACtD;;AAcD,wBAA0C"}

package/dist/display/Table/TableCell.js

@@ -1,2 +0,0 @@
-import{jsx as a}from"react/jsx-runtime";import{prefix as e}from"../../tokens/dist/web/js/index.js";import{joinClass as m}from"../../core/src/utils/joinClass/joinClass.js";import f from"../../core/createComponent.js";function n({align:l="left",children:t,...o}){const r=m(`${e}-table__cell`,`${e}-table__cell--${l}`);return a("td",{className:r,...o,children:t})}const _=f(n);export{_ as default};
-//# sourceMappingURL=TableCell.js.map

package/dist/display/Table/TableCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.js","sources":["../../../src/display/Table/TableCell.tsx"],"sourcesContent":["import { TdHTMLAttributes } 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\ninterface TableCellProps extends TdHTMLAttributes<HTMLTableDataCellElement> {\n  align?: 'left' | 'center' | 'right';\n  children: React.JSX.Element | string | number | null;\n}\nfunction TableCell({ align = 'left', children, ...props }: TableCellProps) {\n  const className = joinClass(\n    `${prefix}-table__cell`,\n    `${prefix}-table__cell--${align}`,\n  );\n\n  return (\n    <td className={className} {...props}>\n      {children}\n    </td>\n  );\n}\n\nexport default createComponent(TableCell);"],"names":["TableCell","align","children","props","className","joinClass","prefix","jsx","TableCell_default","createComponent"],"mappings":"wNAYA,SAASA,EAAU,CAAE,MAAAC,EAAQ,OAAQ,SAAAC,EAAU,GAAGC,GAAyB,CACzE,MAAMC,EAAYC,EAChB,GAAGC,CAAM,eACT,GAAGA,CAAM,iBAAiBL,CAAK,EAAA,EAGjC,OACEM,EAAC,KAAA,CAAG,UAAAH,EAAuB,GAAGD,EAC3B,SAAAD,EACH,CAEJ,CAEA,MAAAM,EAAeC,EAAgBT,CAAS"}

package/dist/display/Table/TableHeader.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../tokens/dist/web/js/index.cjs"),i=require("../../core/src/utils/joinClass/joinClass.cjs");function r({children:s}){const t=i.joinClass(`${a.prefix}-table__header`);return e.jsx("thead",{className:t,children:e.jsx("tr",{children:s})})}r.displayName="TableHeader";exports.default=r;
-//# sourceMappingURL=TableHeader.cjs.map

package/dist/display/Table/TableHeader.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.cjs","sources":["../../../src/display/Table/TableHeader.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nfunction TableHeader({ children }: PropsWithChildren) {\n  const className = joinClass(\n    `${prefix}-table__header`,\n  );\n\n  return (\n    <thead className={className}>\n      <tr>\n        {children}\n      </tr>\n    </thead>\n  );\n}\n\nTableHeader.displayName = 'TableHeader';\n\nexport default TableHeader;"],"names":["TableHeader","children","className","joinClass","prefix","jsx"],"mappings":"2PAMA,SAASA,EAAY,CAAE,SAAAC,GAA+B,CACpD,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,gBAAA,EAGX,aACG,QAAA,CAAM,UAAAF,EACL,SAAAG,EAAAA,IAAC,KAAA,CACE,SAAAJ,EACH,EACF,CAEJ,CAEAD,EAAY,YAAc"}

package/dist/display/Table/TableHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/display/Table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAYnD;kBAZQ,WAAW;;;AAgBpB,eAAe,WAAW,CAAC"}

package/dist/display/Table/TableHeader.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{joinClass as o}from"../../core/src/utils/joinClass/joinClass.js";function i({children:r}){const a=o(`${t}-table__header`);return e("thead",{className:a,children:e("tr",{children:r})})}i.displayName="TableHeader";export{i as default};
-//# sourceMappingURL=TableHeader.js.map

package/dist/display/Table/TableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../src/display/Table/TableHeader.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nfunction TableHeader({ children }: PropsWithChildren) {\n  const className = joinClass(\n    `${prefix}-table__header`,\n  );\n\n  return (\n    <thead className={className}>\n      <tr>\n        {children}\n      </tr>\n    </thead>\n  );\n}\n\nTableHeader.displayName = 'TableHeader';\n\nexport default TableHeader;"],"names":["TableHeader","children","className","joinClass","prefix","jsx"],"mappings":"2KAMA,SAASA,EAAY,CAAE,SAAAC,GAA+B,CACpD,MAAMC,EAAYC,EAChB,GAAGC,CAAM,gBAAA,EAGX,SACG,QAAA,CAAM,UAAAF,EACL,SAAAG,EAAC,KAAA,CACE,SAAAJ,EACH,EACF,CAEJ,CAEAD,EAAY,YAAc"}

package/dist/display/Table/index.cjs

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

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

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

package/dist/display/Table/index.d.ts.map

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

package/dist/display/Table/index.js

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

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

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

package/dist/display/Tooltip/Tooltip.cjs

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

package/dist/display/Tooltip/Tooltip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.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":"2eA4BA,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,QAAA,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,QAAgBpC,CAAO"}

package/dist/display/Tooltip/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/display/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AASf,OAAO,uCAAuC,CAAC;AAG/C,KAAK,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CACnC;;AAkHD,wBAAwC"}

package/dist/display/Tooltip/Tooltip.js

@@ -1,2 +0,0 @@
-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{prefix as y}from"../../tokens/dist/web/js/index.js";import{joinClass as M}from"../../core/src/utils/joinClass/joinClass.js";import $ from"../../core/createComponent.js";import k from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";import"../../core/src/theme/Theme.js";/* empty css                                      */function q({children:b,label:g,width:E="max-content",direction:s="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[j,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:f}=u.current,{offsetHeight:a,offsetWidth:m}=c.current;let n,l;s==="top"?(n=-(a+t),l=-(m-f)/2):s==="bottom"?(n=r+t,l=-(m-f)/2):s==="right"?(n=(r-a)/2,l=f+t):(n=(r-a)/2,l=-(m+t)),v({top:n,left:l})},[o,s,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`,j&&`${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:E,display:o?"block":"none"},children:g})]})}const I=$(q);export{I as default};
-//# sourceMappingURL=Tooltip.js.map

package/dist/display/Tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.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":"ydA4BA,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/display/Tooltip/Tooltip.spec.d.ts.map

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

package/dist/display/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/display/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,OAA8B,MAAM,WAAW,CAAC;AAevD,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,OAAO,CAmC/C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,OAAO,CAmC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,OAAO,CAmB7C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,OAAO,CAE/C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAwC9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/display/Tooltip/index.cjs

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

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

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

package/dist/display/Tooltip/index.d.ts.map

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

package/dist/display/Tooltip/index.js

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

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

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

package/dist/display/Typography/Typography.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../tokens/dist/web/js/index.cjs"),y=require("../../core/src/utils/joinClass/joinClass.cjs"),p=require("../../core/src/utils/convertPathToColor/convertPathToColor.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");require("../../core/src/theme/Theme.cjs");const b=require("../../core/createComponent.cjs");;/* empty css                                            */const m=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2"],q={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"};function f({children:s,variant:o="body1",color:h="text.primary",weight:r,textAlign:i,...e}){const{theme:{palette:n}}=d.default(),u=q[o],a=y.joinClass(`${t.prefix}-typography`,`${t.prefix}-typography--${o}`,r&&`${t.prefix}-typography--weight-${r}`,e.className),c=p.convertPathToColor(h,n);return l.jsx(u,{...e,className:a,style:{color:c,textAlign:i,...e.style},children:s})}const g=b.default(f);exports.default=g;exports.variants=m;
-//# sourceMappingURL=Typography.cjs.map

package/dist/display/Typography/Typography.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.cjs","sources":["../../../src/display/Typography/Typography.tsx"],"sourcesContent":["import type { PropsWithChildren, HTMLAttributes, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport { useTheme } from '@/theme';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Typography.scss';\n\nexport const variants = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'subtitle1',\n  'subtitle2',\n  'body1',\n  'body2',\n] as const;\n\nexport type Variant = typeof variants[number];\n\nconst MAP: { [x: string]: React.ElementType } = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n};\n\ninterface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\nfunction Typography({\n  children,\n  variant = 'body1',\n  color = 'text.primary',\n  weight,\n  textAlign,\n  ...props\n}: TypographyProps) {\n  const { theme: { palette } } = useTheme();\n\n  const CustomTag = MAP[variant];\n\n  const cls = joinClass(\n    `${prefix}-typography`,\n    `${prefix}-typography--${variant}`,\n    weight && `${prefix}-typography--weight-${weight}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        color: c,\n        textAlign,\n        ...props.style\n      }}\n    >\n      {children}\n    </CustomTag>\n  );\n}\n\nexport default createComponent(Typography);"],"names":["variants","MAP","Typography","children","variant","color","weight","textAlign","props","palette","useTheme","CustomTag","cls","joinClass","prefix","convertPathToColor","jsx","createComponent"],"mappings":"6iBAaO,MAAMA,EAAW,CACtB,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,OACF,EAIMC,EAA0C,CAC9C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,UAAW,KACX,UAAW,KACX,MAAO,IACP,MAAO,GACT,EAQA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAAC,EAAQ,eACR,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,EAEzBC,EAAYV,EAAIG,CAAO,EAEvBQ,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,cACT,GAAGA,EAAAA,MAAM,gBAAgBV,CAAO,GAChCE,GAAU,GAAGQ,EAAAA,MAAM,uBAAuBR,CAAM,GAChDE,EAAM,SAAA,EAGF,EAAIO,EAAAA,mBAAmBV,EAAOI,CAAO,EAE3C,OACEO,EAAAA,IAACL,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,MAAO,EACP,UAAAL,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAD,EAAee,EAAAA,QAAgBf,CAAU"}

package/dist/display/Typography/Typography.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/display/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOtD,OAAO,0CAA0C,CAAC;AAElD,eAAO,MAAM,QAAQ,2FAWX,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAe9C,UAAU,eAAgB,SAAQ,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;;AAqCD,wBAA2C"}

package/dist/display/Typography/Typography.js

@@ -1,2 +0,0 @@
-import{jsx as c}from"react/jsx-runtime";import{prefix as o}from"../../tokens/dist/web/js/index.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import{convertPathToColor as n}from"../../core/src/utils/convertPathToColor/convertPathToColor.js";import b from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";import"../../core/src/theme/Theme.js";import f from"../../core/createComponent.js";/* empty css                                         */const A=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2"],u={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"};function d({children:e,variant:h="body1",color:s="text.primary",weight:r,textAlign:m,...t}){const{theme:{palette:p}}=b(),y=u[h],a=l(`${o}-typography`,`${o}-typography--${h}`,r&&`${o}-typography--weight-${r}`,t.className),i=n(s,p);return c(y,{...t,className:a,style:{color:i,textAlign:m,...t.style},children:e})}const M=f(d);export{M as default,A as variants};
-//# sourceMappingURL=Typography.js.map

package/dist/display/Typography/Typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.js","sources":["../../../src/display/Typography/Typography.tsx"],"sourcesContent":["import type { PropsWithChildren, HTMLAttributes, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport { useTheme } from '@/theme';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Typography.scss';\n\nexport const variants = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'subtitle1',\n  'subtitle2',\n  'body1',\n  'body2',\n] as const;\n\nexport type Variant = typeof variants[number];\n\nconst MAP: { [x: string]: React.ElementType } = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n};\n\ninterface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\nfunction Typography({\n  children,\n  variant = 'body1',\n  color = 'text.primary',\n  weight,\n  textAlign,\n  ...props\n}: TypographyProps) {\n  const { theme: { palette } } = useTheme();\n\n  const CustomTag = MAP[variant];\n\n  const cls = joinClass(\n    `${prefix}-typography`,\n    `${prefix}-typography--${variant}`,\n    weight && `${prefix}-typography--weight-${weight}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        color: c,\n        textAlign,\n        ...props.style\n      }}\n    >\n      {children}\n    </CustomTag>\n  );\n}\n\nexport default createComponent(Typography);"],"names":["variants","MAP","Typography","children","variant","color","weight","textAlign","props","palette","useTheme","CustomTag","cls","joinClass","prefix","c","convertPathToColor","jsx","Typography$1","createComponent"],"mappings":"oeAaO,MAAMA,EAAW,CACtB,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,OACF,EAIMC,EAA0C,CAC9C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,UAAW,KACX,UAAW,KACX,MAAO,IACP,MAAO,GACT,EAQA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAAC,EAAQ,eACR,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAYV,EAAIG,CAAO,EAEvBQ,EAAMC,EACV,GAAGC,CAAM,cACT,GAAGA,CAAM,gBAAgBV,CAAO,GAChCE,GAAU,GAAGQ,CAAM,uBAAuBR,CAAM,GAChDE,EAAM,SAAA,EAGFO,EAAIC,EAAmBX,EAAOI,CAAO,EAE3C,OACEQ,EAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,MAAOG,EACP,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAe,EAAeC,EAAgBjB,CAAU"}

package/dist/display/Typography/Typography.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/display/Typography/Typography.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,UAAwB,MAAM,cAAc,CAAC;AAIpD,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,UAAU,CAmB5C,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,UAAU,CA6B/C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,UAAU,CAElD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAmEjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/display/Typography/index.cjs

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

package/dist/display/Typography/index.cjs.map

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

package/dist/display/Typography/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/display/Typography/index.js

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

package/dist/display/Typography/index.js.map

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

package/dist/display/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Card/Card.cjs"),r=require("./Card/CardContent.cjs");require("./Chip/Chip.cjs");require("./Icon/Icon.cjs");require("./Table/Table.cjs");require("./Tooltip/Tooltip.cjs");require("./Typography/Typography.cjs");exports.Card=e.default;exports.CardContent=r.default;
-//# sourceMappingURL=index.cjs.map

package/dist/display/index.cjs.map

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

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

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

package/dist/display/index.js

@@ -1,2 +0,0 @@
-import{default as i}from"./Card/Card.js";import{default as f}from"./Card/CardContent.js";import"./Chip/Chip.js";import"./Icon/Icon.js";import"./Table/Table.js";import"./Tooltip/Tooltip.js";import"./Typography/Typography.js";export{i as Card,f as CardContent};
-//# sourceMappingURL=index.js.map

package/dist/display/index.js.map

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

package/dist/feedback/Alert/Alert.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),t=require("../../tokens/dist/web/js/index.cjs"),o=require("../../core/src/utils/joinClass/joinClass.cjs"),a=require("../../layout/Stack/Stack.cjs"),p=require("../../display/Typography/Typography.cjs"),j=require("../../actions/ButtonIcon/ButtonIcon.cjs"),q=require("../../core/createComponent.cjs"),g=require("../../display/Icon/Icon.cjs");;/* empty css                                       */function y({children:n,icon:s,color:r="primary",onClose:l,...i}){const c=o.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${r}`,i.className),u=o.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${r}`),f=()=>typeof n=="string"?e.jsx(p.default,{variant:"body1",style:{color:"currentcolor"},children:n}):n,d=x=>m.cloneElement(x,{color:`${r}.dark`});return e.jsxs(a.default,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",className:c,children:[e.jsxs(a.default,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[s&&d(s),f()]}),l&&e.jsx("div",{children:e.jsx(j.default,{className:u,onClick:l,color:r,style:{color:"currentColor"},children:e.jsx(g.default,{name:"times"})})})]})}const _=q.default(y);exports.default=_;
-//# sourceMappingURL=Alert.cjs.map

package/dist/feedback/Alert/Alert.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { cloneElement, type HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon, { type IconProps } from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  const renderIcon = (icon: React.JSX.Element) => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.dark`\n    });\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon && renderIcon(icon)}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","Alert_default","createComponent"],"mappings":"6iBAsBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWL,CAAK,GACzBE,EAAM,SAAA,EAGFI,EAAkBF,EAAAA,UACtB,GAAGC,EAAAA,MAAM,iBACT,GAAGA,EAAAA,MAAM,mBAAmBL,CAAK,EAAA,EAG7BO,EAAgB,IAChB,OAAOT,GAAa,SAEpBU,MAACC,EAAAA,SAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAX,EACH,EAIGA,EAGHY,EAAcX,GACXY,EAAAA,aAAwBZ,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEY,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACf,UAAAV,EAEA,SAAA,CAAAS,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,EAAAA,MAAM,kBAEnB,SAAA,CAAAN,GAAQW,EAAWX,CAAI,EACvBQ,EAAA,CAAc,CAAA,CAAA,EAGfN,SACG,MAAA,CACC,SAAAO,EAAAA,IAACM,EAAAA,QAAA,CACC,UAAWR,EACX,QAASL,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAQ,EAAAA,IAACO,EAAAA,QAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAC,EAAeC,EAAAA,QAAgBpB,CAAK"}

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

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

package/dist/feedback/Alert/Alert.js

@@ -1,2 +0,0 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{cloneElement as y}from"react";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import m from"../../layout/Stack/Stack.js";import $ from"../../display/Typography/Typography.js";import g from"../../actions/ButtonIcon/ButtonIcon.js";import _ from"../../core/createComponent.js";import x from"../../display/Icon/Icon.js";/* empty css                                    */function h({children:o,icon:n,color:r="primary",onClose:a,...c}){const s=l(`${t}-alert`,`${t}-alert--${r}`,c.className),f=l(`${t}-alert__button`,`${t}-alert__button--${r}`),p=()=>typeof o=="string"?e($,{variant:"body1",style:{color:"currentcolor"},children:o}):o,u=d=>y(d,{color:`${r}.dark`});return i(m,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",className:s,children:[i(m,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t}-alert__content`,children:[n&&u(n),p()]}),a&&e("div",{children:e(g,{className:f,onClick:a,color:r,style:{color:"currentColor"},children:e(x,{name:"times"})})})]})}const W=_(h);export{W as default};
-//# sourceMappingURL=Alert.js.map

package/dist/feedback/Alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { cloneElement, type HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon, { type IconProps } from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  const renderIcon = (icon: React.JSX.Element) => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.dark`\n    });\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon && renderIcon(icon)}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","Alert_default","createComponent"],"mappings":"0fAsBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWL,CAAK,GACzBE,EAAM,SAAA,EAGFI,EAAkBF,EACtB,GAAGC,CAAM,iBACT,GAAGA,CAAM,mBAAmBL,CAAK,EAAA,EAG7BO,EAAgB,IAChB,OAAOT,GAAa,SAEpBU,EAACC,GAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAX,EACH,EAIGA,EAGHY,EAAcX,GACXY,EAAwBZ,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEY,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACf,UAAAV,EAEA,SAAA,CAAAS,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,CAAM,kBAEnB,SAAA,CAAAN,GAAQW,EAAWX,CAAI,EACvBQ,EAAA,CAAc,CAAA,CAAA,EAGfN,KACG,MAAA,CACC,SAAAO,EAACM,EAAA,CACC,UAAWR,EACX,QAASL,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAQ,EAACO,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAC,EAAeC,EAAgBpB,CAAK"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/feedback/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,KAAK,CAazC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,KAAK,CAQ5C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,KAAK,CAmC3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAE7C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAqD5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/feedback/Alert/index.cjs

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

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

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

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

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

package/dist/feedback/Alert/index.js

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

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

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

package/dist/feedback/Loading/Loading.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("../../tokens/dist/web/js/index.cjs"),a=require("../../core/src/utils/convertPathToColor/convertPathToColor.cjs"),l=require("../../core/src/utils/joinClass/joinClass.cjs"),u=require("../../core/createComponent.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");require("../../core/src/theme/Theme.cjs");;/* empty css                                         */function m({color:o="primary",size:i="1.5rem",...e}){const{theme:{palette:n}}=d.default(),s=a.convertPathToColor(`${o}.main`,n),c=l.joinClass(`${t.prefix}-loading`,e.className);return r.jsx("span",{...e,className:c,style:{...e,color:s,width:i,height:i},children:r.jsx("svg",{className:`${t.prefix}-loading__svg`,viewBox:"22 22 44 44",children:r.jsx("circle",{className:`${t.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const f=u.default(m);exports.default=f;
-//# sourceMappingURL=Loading.cjs.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/feedback/Loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAM3C,OAAO,uCAAuC,CAAC;AAE/C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,eAAe,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;;AAiBD,wBAAwC"}

package/dist/feedback/Loading/Loading.js

@@ -1,2 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{convertPathToColor as c}from"../../core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import s from"../../core/createComponent.js";import d from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";import"../../core/src/theme/Theme.js";/* empty css                                      */function f({color:i="primary",size:e="1.5rem",...o}){const{theme:{palette:m}}=d(),a=c(`${i}.main`,m),n=l(`${t}-loading`,o.className);return r("span",{...o,className:n,style:{...o,color:a,width:e,height:e},children:r("svg",{className:`${t}-loading__svg`,viewBox:"22 22 44 44",children:r("circle",{className:`${t}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const y=s(f);export{y as default};
-//# sourceMappingURL=Loading.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../src/feedback/Loading/Loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,OAAO,CAW3C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,OAAO,CAW1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,OAAO,CAE/C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA2C9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/feedback/Loading/index.cjs

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

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

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

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

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

package/dist/feedback/Loading/index.js

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

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

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

package/dist/feedback/Modal/Modal.cjs

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

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

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

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

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

package/dist/feedback/Modal/Modal.js

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

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

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

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

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

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

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

package/dist/feedback/Modal/ModalFooter.cjs

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

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

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

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

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

package/dist/feedback/Modal/ModalFooter.js

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

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

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

package/dist/feedback/Modal/index.cjs

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

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

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

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

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

package/dist/feedback/Modal/index.js

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

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

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

package/dist/feedback/Modal/useModal.cjs

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

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

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

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

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

package/dist/feedback/Modal/useModal.js

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

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

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

package/dist/feedback/Skeleton/Skeleton.cjs

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

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

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

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

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

package/dist/feedback/Skeleton/Skeleton.js

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

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

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