@iziui/react 0.0.85-rc → 0.0.87-rc

package/dist/chunks/{TableHeader-D0wXM5mO.cjs → TableHeader-DNnzAUGG.cjs}

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),s=require("./index-DYxwT4uW.cjs"),n=require("./joinClass-Jk3EszKD.cjs"),r=require("./createComponent-Bls5N6x8.cjs"),d=require("./Card-Bqgukgip.cjs");function u({children:a,...e}){const t=n.joinClass(`${s.prefix}-table`,e.className);return l.jsx(d.Card,{fullWidth:!0,style:{overflow:"auto"},children:l.jsx("table",{className:t,...e,children:a})})}const b=r.createComponent(u);function o({children:a,...e}){const t=n.joinClass(`${s.prefix}-table__body`,e.className);return l.jsx("tbody",{className:t,...e,children:a})}o.displayName="TableBody";function f({align:a="left",children:e,...t}){const i=n.joinClass(`${s.prefix}-table__cell`,`${s.prefix}-table__cell--${a}`);return l.jsx("td",{className:i,...t,children:e})}const x=r.createComponent(f);function c({children:a}){const e=n.joinClass(`${s.prefix}-table__header`);return l.jsx("thead",{className:e,children:l.jsx("tr",{children:a})})}c.displayName="TableHeader";exports.TableBody=o;exports.TableCell_default=x;exports.TableHeader=c;exports.Table_default=b;
-//# sourceMappingURL=TableHeader-D0wXM5mO.cjs.map
+"use strict";const l=require("react/jsx-runtime"),s=require("./index-DYxwT4uW.cjs"),n=require("./joinClass-Jk3EszKD.cjs"),r=require("./createComponent-BBXW0GJ6.cjs"),d=require("./Card-DqoL_8z0.cjs");function u({children:a,...e}){const t=n.joinClass(`${s.prefix}-table`,e.className);return l.jsx(d.Card,{fullWidth:!0,style:{overflow:"auto"},children:l.jsx("table",{className:t,...e,children:a})})}const b=r.createComponent(u);function o({children:a,...e}){const t=n.joinClass(`${s.prefix}-table__body`,e.className);return l.jsx("tbody",{className:t,...e,children:a})}o.displayName="TableBody";function f({align:a="left",children:e,...t}){const i=n.joinClass(`${s.prefix}-table__cell`,`${s.prefix}-table__cell--${a}`);return l.jsx("td",{className:i,...t,children:e})}const x=r.createComponent(f);function c({children:a}){const e=n.joinClass(`${s.prefix}-table__header`);return l.jsx("thead",{className:e,children:l.jsx("tr",{children:a})})}c.displayName="TableHeader";exports.TableBody=o;exports.TableCell_default=x;exports.TableHeader=c;exports.Table_default=b;
+//# sourceMappingURL=TableHeader-DNnzAUGG.cjs.map

package/dist/chunks/{TableHeader-D0wXM5mO.cjs.map → TableHeader-DNnzAUGG.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"TableHeader-D0wXM5mO.cjs","sources":["../../src/display/Table/Table.tsx","../../src/display/Table/TableBody.tsx","../../src/display/Table/TableCell.tsx","../../src/display/Table/TableHeader.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 fullWidth style={{ overflow: 'auto' }}>\n      <table className={cls} {...props}>\n        {children}\n      </table>\n    </Card>\n  );\n}\n\nexport default createComponent(Table);\n","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;","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);","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":["Table","children","props","cls","joinClass","prefix","Card","jsx","Table_default","createComponent","TableBody","TableCell","align","className","TableCell_default","TableHeader"],"mappings":"uMAcA,SAASA,EAAM,CAAE,SAAAC,EAAU,GAAGC,GAAqB,CACjD,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,SACTH,EAAM,SAAA,EAGR,aACGI,EAAAA,KAAA,CAAK,UAAS,GAAC,MAAO,CAAE,SAAU,MAAA,EACjC,SAAAC,MAAC,SAAM,UAAWJ,EAAM,GAAGD,EACxB,SAAAD,EACH,EACF,CAEJ,CAEA,MAAAO,EAAeC,EAAAA,gBAAgBT,CAAK,ECnBpC,SAASU,EAAU,CAAE,SAAAT,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,CAEAS,EAAU,YAAc,YCZxB,SAASC,EAAU,CAAE,MAAAC,EAAQ,OAAQ,SAAAX,EAAU,GAAGC,GAAyB,CACzE,MAAMW,EAAYT,EAAAA,UAChB,GAAGC,EAAAA,MAAM,eACT,GAAGA,EAAAA,MAAM,iBAAiBO,CAAK,EAAA,EAGjC,OACEL,EAAAA,IAAC,KAAA,CAAG,UAAAM,EAAuB,GAAGX,EAC3B,SAAAD,EACH,CAEJ,CAEA,MAAAa,EAAeL,EAAAA,gBAAgBE,CAAS,ECnBxC,SAASI,EAAY,CAAE,SAAAd,GAA+B,CACpD,MAAMY,EAAYT,EAAAA,UAChB,GAAGC,EAAAA,MAAM,gBAAA,EAGX,aACG,QAAA,CAAM,UAAAQ,EACL,SAAAN,EAAAA,IAAC,KAAA,CACE,SAAAN,EACH,EACF,CAEJ,CAEAc,EAAY,YAAc"}
+{"version":3,"file":"TableHeader-DNnzAUGG.cjs","sources":["../../src/display/Table/Table.tsx","../../src/display/Table/TableBody.tsx","../../src/display/Table/TableCell.tsx","../../src/display/Table/TableHeader.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 fullWidth style={{ overflow: 'auto' }}>\n      <table className={cls} {...props}>\n        {children}\n      </table>\n    </Card>\n  );\n}\n\nexport default createComponent(Table);\n","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;","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);","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":["Table","children","props","cls","joinClass","prefix","Card","jsx","Table_default","createComponent","TableBody","TableCell","align","className","TableCell_default","TableHeader"],"mappings":"uMAcA,SAASA,EAAM,CAAE,SAAAC,EAAU,GAAGC,GAAqB,CACjD,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,SACTH,EAAM,SAAA,EAGR,aACGI,EAAAA,KAAA,CAAK,UAAS,GAAC,MAAO,CAAE,SAAU,MAAA,EACjC,SAAAC,MAAC,SAAM,UAAWJ,EAAM,GAAGD,EACxB,SAAAD,EACH,EACF,CAEJ,CAEA,MAAAO,EAAeC,EAAAA,gBAAgBT,CAAK,ECnBpC,SAASU,EAAU,CAAE,SAAAT,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,CAEAS,EAAU,YAAc,YCZxB,SAASC,EAAU,CAAE,MAAAC,EAAQ,OAAQ,SAAAX,EAAU,GAAGC,GAAyB,CACzE,MAAMW,EAAYT,EAAAA,UAChB,GAAGC,EAAAA,MAAM,eACT,GAAGA,EAAAA,MAAM,iBAAiBO,CAAK,EAAA,EAGjC,OACEL,EAAAA,IAAC,KAAA,CAAG,UAAAM,EAAuB,GAAGX,EAC3B,SAAAD,EACH,CAEJ,CAEA,MAAAa,EAAeL,EAAAA,gBAAgBE,CAAS,ECnBxC,SAASI,EAAY,CAAE,SAAAd,GAA+B,CACpD,MAAMY,EAAYT,EAAAA,UAChB,GAAGC,EAAAA,MAAM,gBAAA,EAGX,aACG,QAAA,CAAM,UAAAQ,EACL,SAAAN,EAAAA,IAAC,KAAA,CACE,SAAAN,EACH,EACF,CAEJ,CAEAc,EAAY,YAAc"}

package/dist/chunks/{Typography-Ch-BLqCH.cjs → Typography-C7B3jwUf.cjs}

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

package/dist/chunks/{Typography-Ch-BLqCH.cjs.map → Typography-C7B3jwUf.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Typography-Ch-BLqCH.cjs","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import { type PropsWithChildren, type HTMLAttributes, type 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\nexport interface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\n\nfunction Typography({\n  children,\n  variant = 'body1',\n  color: _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 color = convertPathToColor(_color, palette);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        ...(color ? { color } : {}),\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","color","convertPathToColor","jsx","createComponent"],"mappings":"0PAaaA,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,EASA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAOC,EAAS,eAChB,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,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,EAGFO,EAAQC,EAAAA,mBAAmBX,EAAQI,CAAO,EAEhD,OACEQ,EAAAA,IAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,GAAIG,EAAQ,CAAE,MAAAA,CAAA,EAAU,CAAA,EACxB,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAD,EAAegB,EAAAA,gBAAgBhB,CAAU"}
+{"version":3,"file":"Typography-C7B3jwUf.cjs","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import { type PropsWithChildren, type HTMLAttributes, type 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\nexport interface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\n\nfunction Typography({\n  children,\n  variant = 'body1',\n  color: _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 color = convertPathToColor(_color, palette);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        ...(color ? { color } : {}),\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","color","convertPathToColor","jsx","createComponent"],"mappings":"0PAaaA,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,EASA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAOC,EAAS,eAChB,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,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,EAGFO,EAAQC,EAAAA,mBAAmBX,EAAQI,CAAO,EAEhD,OACEQ,EAAAA,IAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,GAAIG,EAAQ,CAAE,MAAAA,CAAA,EAAU,CAAA,EACxB,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAD,EAAegB,EAAAA,gBAAgBhB,CAAU"}

package/dist/chunks/{Typography-B_WR62ip.js → Typography-hazfs4Ye.js}

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{p as t}from"./index-CZ41y9Hn.js";import{j as l}from"./joinClass-anSpaauN.js";import{c as n}from"./convertPathToColor-DtOjH4ZP.js";import{u as b}from"./useTheme-BYuNiCiH.js";import{c as u}from"./createComponent-BmdhWozT.js";const v=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2"],f={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"};function g({children:e,variant:s="body1",color:a="text.primary",weight:h,textAlign:p,...o}){const{theme:{palette:m}}=b(),y=f[s],c=l(`${t}-typography`,`${t}-typography--${s}`,h&&`${t}-typography--weight-${h}`,o.className),r=n(a,m);return i(y,{...o,className:c,style:{...r?{color:r}:{},textAlign:p,...o.style},children:e})}const N=u(g);export{N as T,v};
-//# sourceMappingURL=Typography-B_WR62ip.js.map
+import{jsx as i}from"react/jsx-runtime";import{p as t}from"./index-CZ41y9Hn.js";import{j as l}from"./joinClass-anSpaauN.js";import{c as n}from"./convertPathToColor-DtOjH4ZP.js";import{u as b}from"./useTheme-g5gOUmLf.js";import{c as u}from"./createComponent-DZqrA_Tp.js";const v=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2"],f={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"};function g({children:e,variant:s="body1",color:a="text.primary",weight:h,textAlign:p,...o}){const{theme:{palette:m}}=b(),y=f[s],c=l(`${t}-typography`,`${t}-typography--${s}`,h&&`${t}-typography--weight-${h}`,o.className),r=n(a,m);return i(y,{...o,className:c,style:{...r?{color:r}:{},textAlign:p,...o.style},children:e})}const N=u(g);export{N as T,v};
+//# sourceMappingURL=Typography-hazfs4Ye.js.map

package/dist/chunks/{Typography-B_WR62ip.js.map → Typography-hazfs4Ye.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Typography-B_WR62ip.js","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import { type PropsWithChildren, type HTMLAttributes, type 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\nexport interface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\n\nfunction Typography({\n  children,\n  variant = 'body1',\n  color: _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 color = convertPathToColor(_color, palette);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        ...(color ? { color } : {}),\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","color","convertPathToColor","jsx","Typography$1","createComponent"],"mappings":"8QAaO,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,EASA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAOC,EAAS,eAChB,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,EAAQC,EAAmBX,EAAQI,CAAO,EAEhD,OACEQ,EAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,GAAIG,EAAQ,CAAE,MAAAA,CAAA,EAAU,CAAA,EACxB,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAe,EAAeC,EAAgBjB,CAAU"}
+{"version":3,"file":"Typography-hazfs4Ye.js","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import { type PropsWithChildren, type HTMLAttributes, type 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\nexport interface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\n\nfunction Typography({\n  children,\n  variant = 'body1',\n  color: _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 color = convertPathToColor(_color, palette);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        ...(color ? { color } : {}),\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","color","convertPathToColor","jsx","Typography$1","createComponent"],"mappings":"8QAaO,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,EASA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAOC,EAAS,eAChB,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,EAAQC,EAAmBX,EAAQI,CAAO,EAEhD,OACEQ,EAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,GAAIG,EAAQ,CAAE,MAAAA,CAAA,EAAU,CAAA,EACxB,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAe,EAAeC,EAAgBjB,CAAU"}

package/dist/chunks/{createComponent-Bls5N6x8.cjs → createComponent-BBXW0GJ6.cjs}

@@ -1,2 +1,2 @@
-"use strict";const P=require("react/jsx-runtime"),b=require("./index-DYxwT4uW.cjs"),M=require("./useTheme-DsrjDJKC.cjs");function S({sx:t,theme:n},...e){return e.reduce((s,a)=>(s={...s,...a(n,t)},s),{})}const y=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},B=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},w=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},C=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},R=(t,{m:n,mb:e,ml:s,mr:a,mt:c,mx:u,my:l})=>{const{spacing:h}=t,r=i=>i||i===0?`${String(i*h)}px`:"",o=r(n),f=r(c),m=r(e),d=r(l),g=r(u),p=r(s),x=r(a);return{margin:o,marginTop:f||d||o,marginBottom:m||d||o,marginLeft:p||g||o,marginRight:x||g||o}},T=(t,{p:n,pb:e,pl:s,pr:a,pt:c,px:u,py:l})=>{const{spacing:h}=t,r=i=>i||i===0?`${String(i*h)}px`:"",o=r(n),f=r(c),m=r(e),d=r(l),g=r(u),p=r(s),x=r(a);return{padding:o,paddingTop:f||d||o,paddingBottom:m||d||o,paddingLeft:p||g||o,paddingRight:x||g||o}},_=(t,{boxShadow:n})=>n?{boxShadow:{sm:b.boxShadowSmall,md:b.boxShadowRegular,lg:b.boxShadowLarge}[n]}:{},z=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:B,defineBackgroundColor:w,defineBorderColor:j,defineBorderRadius:C,defineBoxShadow:_,defineColor:y,defineMargin:R,definePadding:T},Symbol.toStringTag,{value:"Module"}));function O(t){return Object.values(t).map(n=>n)}function q(t){return t.displayName=t.name,({sx:e,fullWidth:s,...a})=>{const{theme:c}=M.useTheme(),u=e&&S({theme:c,sx:e},...O(z));return P.jsx(t,{...a,style:{boxSizing:"border-box",...a.style,...u,...s?{width:"100%"}:{}}})}}exports.createComponent=q;
-//# sourceMappingURL=createComponent-Bls5N6x8.cjs.map
+"use strict";const P=require("react/jsx-runtime"),b=require("./index-DYxwT4uW.cjs"),M=require("./useTheme-DhX2tM8O.cjs");function S({sx:t,theme:n},...e){return e.reduce((s,a)=>(s={...s,...a(n,t)},s),{})}const y=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},B=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},w=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},C=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},R=(t,{m:n,mb:e,ml:s,mr:a,mt:c,mx:u,my:l})=>{const{spacing:h}=t,r=i=>i||i===0?`${String(i*h)}px`:"",o=r(n),f=r(c),m=r(e),d=r(l),g=r(u),p=r(s),x=r(a);return{margin:o,marginTop:f||d||o,marginBottom:m||d||o,marginLeft:p||g||o,marginRight:x||g||o}},T=(t,{p:n,pb:e,pl:s,pr:a,pt:c,px:u,py:l})=>{const{spacing:h}=t,r=i=>i||i===0?`${String(i*h)}px`:"",o=r(n),f=r(c),m=r(e),d=r(l),g=r(u),p=r(s),x=r(a);return{padding:o,paddingTop:f||d||o,paddingBottom:m||d||o,paddingLeft:p||g||o,paddingRight:x||g||o}},_=(t,{boxShadow:n})=>n?{boxShadow:{sm:b.boxShadowSmall,md:b.boxShadowRegular,lg:b.boxShadowLarge}[n]}:{},z=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:B,defineBackgroundColor:w,defineBorderColor:j,defineBorderRadius:C,defineBoxShadow:_,defineColor:y,defineMargin:R,definePadding:T},Symbol.toStringTag,{value:"Module"}));function O(t){return Object.values(t).map(n=>n)}function q(t){return t.displayName=t.name,({sx:e,fullWidth:s,...a})=>{const{theme:c}=M.useTheme(),u=e&&S({theme:c,sx:e},...O(z));return P.jsx(t,{...a,style:{boxSizing:"border-box",...a.style,...u,...s?{width:"100%"}:{}}})}}exports.createComponent=q;
+//# sourceMappingURL=createComponent-BBXW0GJ6.cjs.map

package/dist/chunks/{createComponent-Bls5N6x8.cjs.map → createComponent-BBXW0GJ6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"createComponent-Bls5N6x8.cjs","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}
+{"version":3,"file":"createComponent-BBXW0GJ6.cjs","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}

package/dist/chunks/{createComponent-BmdhWozT.js → createComponent-DZqrA_Tp.js}

@@ -1,2 +1,2 @@
-import{jsx as x}from"react/jsx-runtime";import{b as P,c as M,d as S}from"./index-CZ41y9Hn.js";import{u as y}from"./useTheme-BYuNiCiH.js";function B({sx:t,theme:n},...e){return e.reduce((s,a)=>(s={...s,...a(n,t)},s),{})}const w=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},_=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},z=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},C=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},O=(t,{m:n,mb:e,ml:s,mr:a,mt:c,mx:u,my:l})=>{const{spacing:f}=t,o=i=>i||i===0?`${String(i*f)}px`:"",r=o(n),h=o(c),m=o(e),d=o(l),g=o(u),p=o(s),b=o(a);return{margin:r,marginTop:h||d||r,marginBottom:m||d||r,marginLeft:p||g||r,marginRight:b||g||r}},R=(t,{p:n,pb:e,pl:s,pr:a,pt:c,px:u,py:l})=>{const{spacing:f}=t,o=i=>i||i===0?`${String(i*f)}px`:"",r=o(n),h=o(c),m=o(e),d=o(l),g=o(u),p=o(s),b=o(a);return{padding:r,paddingTop:h||d||r,paddingBottom:m||d||r,paddingLeft:p||g||r,paddingRight:b||g||r}},T=(t,{boxShadow:n})=>n?{boxShadow:{sm:S,md:M,lg:P}[n]}:{},L=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:_,defineBackgroundColor:z,defineBorderColor:j,defineBorderRadius:C,defineBoxShadow:T,defineColor:w,defineMargin:O,definePadding:R},Symbol.toStringTag,{value:"Module"}));function $(t){return Object.values(t).map(n=>n)}function N(t){return t.displayName=t.name,({sx:e,fullWidth:s,...a})=>{const{theme:c}=y(),u=e&&B({theme:c,sx:e},...$(L));return x(t,{...a,style:{boxSizing:"border-box",...a.style,...u,...s?{width:"100%"}:{}}})}}export{N as c};
-//# sourceMappingURL=createComponent-BmdhWozT.js.map
+import{jsx as x}from"react/jsx-runtime";import{b as P,c as M,d as S}from"./index-CZ41y9Hn.js";import{u as y}from"./useTheme-g5gOUmLf.js";function B({sx:t,theme:n},...e){return e.reduce((s,a)=>(s={...s,...a(n,t)},s),{})}const w=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},_=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},z=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},C=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},O=(t,{m:n,mb:e,ml:s,mr:a,mt:c,mx:u,my:l})=>{const{spacing:f}=t,o=i=>i||i===0?`${String(i*f)}px`:"",r=o(n),h=o(c),m=o(e),d=o(l),g=o(u),p=o(s),b=o(a);return{margin:r,marginTop:h||d||r,marginBottom:m||d||r,marginLeft:p||g||r,marginRight:b||g||r}},R=(t,{p:n,pb:e,pl:s,pr:a,pt:c,px:u,py:l})=>{const{spacing:f}=t,o=i=>i||i===0?`${String(i*f)}px`:"",r=o(n),h=o(c),m=o(e),d=o(l),g=o(u),p=o(s),b=o(a);return{padding:r,paddingTop:h||d||r,paddingBottom:m||d||r,paddingLeft:p||g||r,paddingRight:b||g||r}},T=(t,{boxShadow:n})=>n?{boxShadow:{sm:S,md:M,lg:P}[n]}:{},L=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:_,defineBackgroundColor:z,defineBorderColor:j,defineBorderRadius:C,defineBoxShadow:T,defineColor:w,defineMargin:O,definePadding:R},Symbol.toStringTag,{value:"Module"}));function $(t){return Object.values(t).map(n=>n)}function N(t){return t.displayName=t.name,({sx:e,fullWidth:s,...a})=>{const{theme:c}=y(),u=e&&B({theme:c,sx:e},...$(L));return x(t,{...a,style:{boxSizing:"border-box",...a.style,...u,...s?{width:"100%"}:{}}})}}export{N as c};
+//# sourceMappingURL=createComponent-DZqrA_Tp.js.map

package/dist/chunks/{createComponent-BmdhWozT.js.map → createComponent-DZqrA_Tp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"createComponent-BmdhWozT.js","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}
+{"version":3,"file":"createComponent-DZqrA_Tp.js","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}

package/dist/chunks/useForm-BNLOy0E6.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("react"),h=require("react/jsx-runtime"),f=l.createContext(null);function g({formGroup:s,debug:t=!1,children:e,...r}){const n=u=>{u.preventDefault(),s.submit()};return h.jsxs(f,{value:s,children:[h.jsx("form",{...r,style:{width:"100%",...r.style},onSubmit:n,noValidate:!0,children:e}),t&&h.jsx("pre",{style:{width:"100%",maxHeight:350,padding:15,borderRadius:4,overflow:"auto",color:"#333",background:"#e5e5e5",boxShadow:"0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)"},children:JSON.stringify(s,null,2)})]})}function v(){const s=l.useContext(f);if(!s)throw new Error("useFormGroup must be used inside <FormProvider> (or <Form />).");return s}function y(s){const t=v();return{control:t.controls[s],update:n=>{t.setValues(u=>(u[s]=n,u))}}}function b({controlName:s,field:t,action:e="input"}){const{control:r,update:n}=y(s);return(i=>{const a=o=>["radio","checkbox"].includes(o.type)?o.target.checked:o.target.value;return l.cloneElement(i,{onBlur:o=>{e==="blur"&&n(a(o)),i.props.onBlur&&i.props.onBlur(o)},onInput:o=>{e==="input"&&n(a(o)),i.props.onInput&&i.props.onInput(o)},onChange:o=>{e==="change"&&n(a(o)),i.props.onChange&&i.props.onChange(o)}})})(t(r))}class c{constructor(t,e,r){this.controls=t,this.handle=e,this.validator=r}controls;handle;validator;_valid=!1;_hydrate;get hydrate(){return this._hydrate}set hydrate(t){this._hydrate=t}get isValid(){return this._valid}set isValid(t){this._valid=t}get errors(){return Object.values(this.controls).filter(t=>t.error)}get values(){const t={};return this.eachControl((e,r)=>({[r]:e.value})).forEach(e=>{for(const r in e)t[r]=e[r]}),t}setValues(t){const e=typeof t=="function"?t(this.values):t;for(const r of Object.keys(e))this.controls[r].value=e[r];this.validate(),this.hydrate(this),this.handle.change&&this.handle.change(this)}eachControl(t){return Object.keys(this.controls).map(e=>t(this.controls[e],e))}submit(){this.handle.submit&&(this.eachControl(t=>{t.dirty=!0}),this.validate(),this.hydrate(this),this.handle.submit(this))}reset(){this.eachControl(t=>t.reset()),this.hydrate(this)}validate(){Object.entries(this.controls).map(([t,e])=>{let r=e.validate();this.validator&&this.validator[t]&&(r=this.validator[t](this)||""),e.error=r}),this.isValid=!this.errors.length,this.hydrate(this)}}class C{_value;defaultValue;validators=[];type;error="";dirty=!1;constructor({defaultValue:t,type:e="text",validators:r}){this.type=e,this._value=t,this.defaultValue=t,r&&(this.validators=r)}get value(){return this._value}set value(t){this.dirty=!0,this._value=t,this.validate()}get isInvalid(){return!!(this.dirty&&this.error)}reset(){this.value=this.defaultValue,this.dirty=!1}validate(){const t=this.validators.map(e=>e(this)).filter(Boolean);return this.error=t[0]||"",this.error}}function p(s){return Object.entries(s).reduce((t,e)=>{const r=e[0],n=e[1];return t[r]=new C(n),t},{})}function x({form:s,handle:t,validator:e},r){const[n,u]=l.useState(new c(p(s),t,e));l.useEffect(()=>{u(new c(p(s),t,e))},[...r]);const i=a=>{u(o=>{const m=a.controls,d=new c(m,t,e);return d.hydrate=o.hydrate,d})};return n.hydrate=i,n}exports.Control=b;exports.Form=g;exports.useControl=y;exports.useForm=x;exports.useFormGroup=v;
+//# sourceMappingURL=useForm-BNLOy0E6.cjs.map

package/dist/chunks/{useForm-TyKbw7O8.cjs.map → useForm-BNLOy0E6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useForm-TyKbw7O8.cjs","sources":["../../src/lab/Form/Form.tsx","../../src/lab/Form/useFormGroup.ts","../../src/lab/Form/useControl.ts","../../src/lab/Form/Control.tsx","../../src/lab/Form/FormGroup.ts","../../src/lab/Form/FormControl.ts","../../src/lab/Form/useForm.ts"],"sourcesContent":["import { createContext, SubmitEvent, HTMLAttributes } from 'react';\n\nimport type FormGroup from './FormGroup';\n\nexport const FormContext = createContext<FormGroup<any> | null>(null);\n\ninterface FormProps<T extends Record<string, any>> extends HTMLAttributes<HTMLFormElement> {\n  formGroup: FormGroup<T>;\n  debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, any>>({\n  formGroup,\n  debug = false,\n  children,\n  ...props\n}: FormProps<T>) {\n  const submit = (event: SubmitEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    formGroup.submit();\n  };\n\n  return (\n    <FormContext value={formGroup}>\n      <form\n        {...props}\n        style={{ width: '100%', ...props.style }}\n        onSubmit={submit}\n        noValidate\n      >\n        {children}\n      </form>\n      {\n        debug && (\n          <pre style={{\n            width: '100%',\n            maxHeight: 350,\n            padding: 15,\n            borderRadius: 4,\n            overflow: 'auto',\n            color: '#333',\n            background: '#e5e5e5',\n            boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',\n          }}>\n            {JSON.stringify(formGroup, null, 2)}\n          </pre>\n        )\n      }\n    </FormContext>\n  );\n}","import { useContext } from 'react';\n\nimport type FormGroup from './FormGroup';\nimport { FormContext } from './Form';\n\nexport default function useFormGroup<T extends Record<string, any>>() {\n  const context = useContext(FormContext);\n\n  if (!context) throw new Error('useFormGroup must be used inside <FormProvider> (or <Form />).');\n\n  return context as FormGroup<T>;\n}","import useFormGroup from './useFormGroup';\n\nexport default function useControl<\n  T extends Record<string, any>,\n  K extends keyof T = keyof T,\n>(controlName: K) {\n  const formGroup = useFormGroup<T>();\n  const control = formGroup.controls[controlName];\n\n  const update = (value: T[K]) => {\n    formGroup.setValues((data) => {\n      data[controlName] = value;\n\n      return data;\n    });\n  };\n\n  return { control, update };\n}","import { ChangeEvent, cloneElement, InputEvent, InputHTMLAttributes, ReactElement } from 'react';\n\nimport useControl from './useControl';\nimport type { AbstractControl } from './AbstractControl';\n\ninterface ControlProps<\n  T extends Record<string, any>,\n  K extends keyof T,\n> {\n  controlName: K;\n  action?: 'change' | 'input' | 'blur';\n  field: (control: AbstractControl<T>[K]) => React.JSX.Element;\n}\n\nexport default function Control<\n  T extends Record<string, any>,\n  K extends keyof T\n>({\n  controlName,\n  field,\n  action = 'input'\n}: ControlProps<T, K>) {\n  const { control, update } = useControl<T, K>(controlName);\n\n  const renderChildren = (child: ReactElement<InputHTMLAttributes<HTMLInputElement>>) => {\n    const getValue = (e: ChangeEvent<HTMLInputElement> | InputEvent<HTMLInputElement>) => {\n      if (['radio', 'checkbox'].includes(e.type)) { return e.target['checked']; }\n\n      return e.target['value'];\n    };\n\n    return cloneElement(child, {\n      onBlur: (e) => {\n        if (action === 'blur') { update(getValue(e)); };\n\n        if (child.props.onBlur) { child.props.onBlur(e); }\n      },\n      onInput: (e) => {\n        if (action === 'input') { update(getValue(e)); };\n\n        if (child.props.onInput) { child.props.onInput(e); }\n      },\n      onChange: (e) => {\n        if (action === 'change') { update(getValue(e)); };\n\n        if (child.props.onChange) { child.props.onChange(e); }\n      },\n    });\n  };\n\n  return (\n    renderChildren(field(control))\n  );\n}","import type { AbstractControl } from './AbstractControl';\nimport type FormControl from './FormControl';\n\ntype Hydrate<T extends Record<string, any>> = (data: FormGroup<T>) => void;\ntype SetValues<F> = Partial<F> | ((values: F) => Partial<F>);\n\nexport type Validator<T extends Record<string, any>> = Partial<{\n  [K in keyof T]: (data: FormGroup<T>) => string | void;\n}>\n\nexport interface Handle<T extends Record<string, any>> {\n  change?: (form: FormGroup<T>) => void;\n  submit?: (form: FormGroup<T>) => void;\n}\n\nexport default class FormGroup<T extends Record<string, any>> {\n  private _valid = false;\n  private _hydrate!: Hydrate<T>;\n\n  constructor(\n    public controls: AbstractControl<T>,\n    public handle: Handle<T>,\n    public validator?: Validator<T>,\n  ) { }\n\n  /**\n * Atualiza o estado interno do componente.\n * @private\n * @description Este método é usado internamente pela biblioteca.\n *              Para atualizar valores externamente, use {@link setValues}.\n*/\n  get hydrate() { return this._hydrate; }\n  set hydrate(fn: (values: FormGroup<T>) => any) { this._hydrate = fn; }\n\n  get isValid(): boolean { return this._valid; }\n  set isValid(validity: boolean) { this._valid = validity; }\n\n  get errors() {\n    return Object.values<FormControl<T[keyof T]>>(this.controls)\n      .filter(c => c.error);\n  }\n\n  get values(): T {\n    const values: Record<string, any> = {};\n\n    this.eachControl((control, key) => ({ [key as string]: control.value }))\n      .forEach(control => { for (const prop in control) { values[prop] = control[prop]; } });\n\n    return values as T;\n  }\n\n  public setValues(fn: SetValues<T>): void;\n  public setValues(partialForm: Partial<T>): void;\n  public setValues(arg: Partial<T> | SetValues<T>) {\n    const partial =\n      typeof arg === 'function'\n        ? arg(this.values)\n        : arg;\n\n    for (const key of Object.keys(partial)) {\n      this.controls[key].value = partial[key] as T[keyof T];\n    }\n\n    this.validate();\n\n    this.hydrate(this);\n\n    if (!this.handle.change) { return; }\n\n    this.handle.change(this);\n  }\n\n  private eachControl(fn: <K extends keyof T>(control: FormControl<T[K]>, key?: K) => any) {\n    return Object.keys(this.controls).map(k => fn(this.controls[k], k));\n  }\n\n  public submit() {\n    if (!this.handle.submit) { return; }\n\n    this.eachControl((control) => { control.dirty = true; });\n\n    this.validate();\n\n    this.hydrate(this);\n    this.handle.submit(this);\n  }\n\n  public reset() {\n    this.eachControl((control) => control.reset());\n    this.hydrate(this);\n  }\n\n  public validate() {\n    Object.entries(this.controls).map(([key, control]) => {\n      let error = control.validate();\n\n      if (this.validator && this.validator[key]) {\n        error = this.validator[key](this) || '';\n      }\n\n      control.error = error;\n    });\n\n    this.isValid = !this.errors.length;\n    this.hydrate(this);\n  }\n}","type Type = 'text' | 'email';\ntype Validator<C> = (control: FormControl<C>) => string | false | void;\n\ntype Data<T> = {\n  defaultValue: T;\n  type?: Type;\n  validators?: Validator<T>[];\n}\n\nexport type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];\n\nexport default class FormControl<V> implements Pick<Data<V>, 'type'> {\n  private _value!: V;\n  private defaultValue: V;\n  private validators: Validator<V>[] = [];\n\n  public type: Type;\n  public error = '';\n  public dirty = false;\n\n  constructor({\n    defaultValue,\n    type = 'text',\n    validators,\n  }: Data<V>) {\n    this.type = type;\n    this._value = defaultValue;\n    this.defaultValue = defaultValue;\n\n    if (validators) { this.validators = validators; }\n  }\n\n  get value(): V { return this._value; }\n  set value(value: V) {\n    this.dirty = true;\n    this._value = value;\n    this.validate();\n  }\n\n  get isInvalid() { return Boolean(this.dirty && this.error); }\n\n  public reset() {\n    this.value = this.defaultValue;\n    this.dirty = false;\n  }\n\n  public validate() {\n    const errors = this.validators\n      .map(v => v(this))\n      .filter(Boolean);\n\n    this.error = errors[0] || '';\n\n    return this.error;\n  }\n}\n","import { useState } from 'react';\n\nimport FormGroup from './FormGroup';\nimport FormControl from './FormControl';\nimport type { Constructor } from './FormControl';\nimport type { Handle, Validator } from './FormGroup';\nimport type { AbstractControl } from './AbstractControl';\n\ntype UseForm<T extends Record<string, any>> = {\n  form: { [K in keyof T]: Constructor<T[K]> };\n  handle: Handle<T>;\n  validator?: Validator<T>;\n}\n\nfunction makingControls<T extends Record<string, any>>(form: { [K in keyof T]: Constructor<T[K]> }) {\n  return Object.entries(form)\n    .reduce((acc, data) => {\n      const key = data[0] as keyof T;\n      const value = data[1] as Constructor<T[keyof T]>;\n\n      acc[key] = new FormControl(value);\n\n      return acc;\n    }, {} as AbstractControl<T>);\n}\n\nexport default function useForm<T extends Record<any, any>>({\n  form,\n  handle,\n  validator\n}: UseForm<T>) {\n  const [formGroup, setFormGroup] = useState<FormGroup<T>>(\n    new FormGroup(\n      makingControls(form),\n      handle,\n      validator\n    )\n  );\n\n  const hydrate = (form: FormGroup<T>) => {\n    setFormGroup(prev => {\n      const controls = form.controls;\n\n      const newFormGroup = new FormGroup(controls, handle, validator);\n      newFormGroup.hydrate = prev.hydrate;\n\n      return newFormGroup;\n    });\n  };\n\n  formGroup.hydrate = hydrate;\n\n  return formGroup;\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","submit","event","jsxs","jsx","useFormGroup","context","useContext","useControl","controlName","value","data","Control","field","action","control","update","child","getValue","e","cloneElement","FormGroup","controls","handle","validator","fn","validity","c","values","key","prop","arg","partial","k","error","FormControl","defaultValue","type","validators","errors","v","makingControls","form","acc","useForm","setFormGroup","useState","hydrate","prev","newFormGroup"],"mappings":"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"}
+{"version":3,"file":"useForm-BNLOy0E6.cjs","sources":["../../src/lab/Form/Form.tsx","../../src/lab/Form/useFormGroup.ts","../../src/lab/Form/useControl.ts","../../src/lab/Form/Control.tsx","../../src/lab/Form/FormGroup.ts","../../src/lab/Form/FormControl.ts","../../src/lab/Form/useForm.ts"],"sourcesContent":["import { createContext, SubmitEvent, HTMLAttributes } from 'react';\n\nimport type FormGroup from './FormGroup';\n\nexport const FormContext = createContext<FormGroup<any> | null>(null);\n\ninterface FormProps<T extends Record<string, any>> extends HTMLAttributes<HTMLFormElement> {\n  formGroup: FormGroup<T>;\n  debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, any>>({\n  formGroup,\n  debug = false,\n  children,\n  ...props\n}: FormProps<T>) {\n  const submit = (event: SubmitEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    formGroup.submit();\n  };\n\n  return (\n    <FormContext value={formGroup}>\n      <form\n        {...props}\n        style={{ width: '100%', ...props.style }}\n        onSubmit={submit}\n        noValidate\n      >\n        {children}\n      </form>\n      {\n        debug && (\n          <pre style={{\n            width: '100%',\n            maxHeight: 350,\n            padding: 15,\n            borderRadius: 4,\n            overflow: 'auto',\n            color: '#333',\n            background: '#e5e5e5',\n            boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',\n          }}>\n            {JSON.stringify(formGroup, null, 2)}\n          </pre>\n        )\n      }\n    </FormContext>\n  );\n}","import { useContext } from 'react';\n\nimport type FormGroup from './FormGroup';\nimport { FormContext } from './Form';\n\nexport default function useFormGroup<T extends Record<string, any>>() {\n  const context = useContext(FormContext);\n\n  if (!context) throw new Error('useFormGroup must be used inside <FormProvider> (or <Form />).');\n\n  return context as FormGroup<T>;\n}","import useFormGroup from './useFormGroup';\n\nexport default function useControl<\n  T extends Record<string, any>,\n  K extends keyof T = keyof T,\n>(controlName: K) {\n  const formGroup = useFormGroup<T>();\n  const control = formGroup.controls[controlName];\n\n  const update = (value: T[K]) => {\n    formGroup.setValues((data) => {\n      data[controlName] = value;\n\n      return data;\n    });\n  };\n\n  return { control, update };\n}","import { ChangeEvent, cloneElement, InputEvent, InputHTMLAttributes, ReactElement } from 'react';\n\nimport useControl from './useControl';\nimport type { AbstractControl } from './AbstractControl';\n\ninterface ControlProps<\n  T extends Record<string, any>,\n  K extends keyof T,\n> {\n  controlName: K;\n  action?: 'change' | 'input' | 'blur';\n  field: (control: AbstractControl<T>[K]) => React.JSX.Element;\n}\n\nexport default function Control<\n  T extends Record<string, any>,\n  K extends keyof T\n>({\n  controlName,\n  field,\n  action = 'input'\n}: ControlProps<T, K>) {\n  const { control, update } = useControl<T, K>(controlName);\n\n  const renderChildren = (child: ReactElement<InputHTMLAttributes<HTMLInputElement>>) => {\n    const getValue = (e: ChangeEvent<HTMLInputElement> | InputEvent<HTMLInputElement>) => {\n      if (['radio', 'checkbox'].includes(e.type)) { return e.target['checked']; }\n\n      return e.target['value'];\n    };\n\n    return cloneElement(child, {\n      onBlur: (e) => {\n        if (action === 'blur') { update(getValue(e)); };\n\n        if (child.props.onBlur) { child.props.onBlur(e); }\n      },\n      onInput: (e) => {\n        if (action === 'input') { update(getValue(e)); };\n\n        if (child.props.onInput) { child.props.onInput(e); }\n      },\n      onChange: (e) => {\n        if (action === 'change') { update(getValue(e)); };\n\n        if (child.props.onChange) { child.props.onChange(e); }\n      },\n    });\n  };\n\n  return (\n    renderChildren(field(control))\n  );\n}","import type { AbstractControl } from './AbstractControl';\nimport type FormControl from './FormControl';\n\ntype Hydrate<T extends Record<string, any>> = (data: FormGroup<T>) => void;\ntype SetValues<F> = Partial<F> | ((values: F) => Partial<F>);\n\nexport type Validator<T extends Record<string, any>> = Partial<{\n  [K in keyof T]: (data: FormGroup<T>) => string | void;\n}>\n\nexport interface Handle<T extends Record<string, any>> {\n  change?: (form: FormGroup<T>) => void;\n  submit?: (form: FormGroup<T>) => void;\n}\n\nexport default class FormGroup<T extends Record<string, any>> {\n  private _valid = false;\n  private _hydrate!: Hydrate<T>;\n\n  constructor(\n    public controls: AbstractControl<T>,\n    public handle: Handle<T>,\n    public validator?: Validator<T>,\n  ) { }\n\n  /**\n * Atualiza o estado interno do componente.\n * @private\n * @description Este método é usado internamente pela biblioteca.\n *              Para atualizar valores externamente, use {@link setValues}.\n*/\n  get hydrate() { return this._hydrate; }\n  set hydrate(fn: (values: FormGroup<T>) => any) { this._hydrate = fn; }\n\n  get isValid(): boolean { return this._valid; }\n  set isValid(validity: boolean) { this._valid = validity; }\n\n  get errors() {\n    return Object.values<FormControl<T[keyof T]>>(this.controls)\n      .filter(c => c.error);\n  }\n\n  get values(): T {\n    const values: Record<string, any> = {};\n\n    this.eachControl((control, key) => ({ [key as string]: control.value }))\n      .forEach(control => { for (const prop in control) { values[prop] = control[prop]; } });\n\n    return values as T;\n  }\n\n  public setValues(fn: SetValues<T>): void;\n  public setValues(partialForm: Partial<T>): void;\n  public setValues(arg: Partial<T> | SetValues<T>) {\n    const partial =\n      typeof arg === 'function'\n        ? arg(this.values)\n        : arg;\n\n    for (const key of Object.keys(partial)) {\n      this.controls[key].value = partial[key] as T[keyof T];\n    }\n\n    this.validate();\n\n    this.hydrate(this);\n\n    if (!this.handle.change) { return; }\n\n    this.handle.change(this);\n  }\n\n  private eachControl(fn: <K extends keyof T>(control: FormControl<T[K]>, key?: K) => any) {\n    return Object.keys(this.controls).map(k => fn(this.controls[k], k));\n  }\n\n  public submit() {\n    if (!this.handle.submit) { return; }\n\n    this.eachControl((control) => { control.dirty = true; });\n\n    this.validate();\n\n    this.hydrate(this);\n    this.handle.submit(this);\n  }\n\n  public reset() {\n    this.eachControl((control) => control.reset());\n    this.hydrate(this);\n  }\n\n  public validate() {\n    Object.entries(this.controls).map(([key, control]) => {\n      let error = control.validate();\n\n      if (this.validator && this.validator[key]) {\n        error = this.validator[key](this) || '';\n      }\n\n      control.error = error;\n    });\n\n    this.isValid = !this.errors.length;\n    this.hydrate(this);\n  }\n}","type Type = 'text' | 'email';\ntype Validator<C> = (control: FormControl<C>) => string | false | void;\n\ntype Data<T> = {\n  defaultValue: T;\n  type?: Type;\n  validators?: Validator<T>[];\n}\n\nexport type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];\n\nexport default class FormControl<V> implements Pick<Data<V>, 'type'> {\n  private _value!: V;\n  private defaultValue: V;\n  private validators: Validator<V>[] = [];\n\n  public type: Type;\n  public error = '';\n  public dirty = false;\n\n  constructor({\n    defaultValue,\n    type = 'text',\n    validators,\n  }: Data<V>) {\n    this.type = type;\n    this._value = defaultValue;\n    this.defaultValue = defaultValue;\n\n    if (validators) { this.validators = validators; }\n  }\n\n  get value(): V { return this._value; }\n  set value(value: V) {\n    this.dirty = true;\n    this._value = value;\n    this.validate();\n  }\n\n  get isInvalid() { return Boolean(this.dirty && this.error); }\n\n  public reset() {\n    this.value = this.defaultValue;\n    this.dirty = false;\n  }\n\n  public validate() {\n    const errors = this.validators\n      .map(v => v(this))\n      .filter(Boolean);\n\n    this.error = errors[0] || '';\n\n    return this.error;\n  }\n}\n","import { useEffect, useState } from 'react';\n\nimport FormGroup from './FormGroup';\nimport FormControl from './FormControl';\nimport type { Constructor } from './FormControl';\nimport type { Handle, Validator } from './FormGroup';\nimport type { AbstractControl } from './AbstractControl';\n\ntype UseForm<T extends Record<string, any>> = {\n  form: { [K in keyof T]: Constructor<T[K]> };\n  handle: Handle<T>;\n  validator?: Validator<T>;\n}\n\nfunction makingControls<T extends Record<string, any>>(form: { [K in keyof T]: Constructor<T[K]> }) {\n  return Object.entries(form)\n    .reduce((acc, data) => {\n      const key = data[0] as keyof T;\n      const value = data[1] as Constructor<T[keyof T]>;\n\n      acc[key] = new FormControl(value);\n\n      return acc;\n    }, {} as AbstractControl<T>);\n}\n\nexport default function useForm<T extends Record<any, any>>({\n  form,\n  handle,\n  validator\n}: UseForm<T>, deps: readonly unknown[]) {\n  const [formGroup, setFormGroup] = useState<FormGroup<T>>(\n    new FormGroup(\n      makingControls(form),\n      handle,\n      validator\n    )\n  );\n\n  useEffect(() => {\n    setFormGroup(new FormGroup(makingControls(form), handle, validator));\n  }, [...deps]);\n\n  const hydrate = (form: FormGroup<T>) => {\n    setFormGroup(prev => {\n      const controls = form.controls;\n\n      const newFormGroup = new FormGroup(controls, handle, validator);\n      newFormGroup.hydrate = prev.hydrate;\n\n      return newFormGroup;\n    });\n  };\n\n  formGroup.hydrate = hydrate;\n\n  return formGroup;\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","submit","event","jsxs","jsx","useFormGroup","context","useContext","useControl","controlName","value","data","Control","field","action","control","update","child","getValue","e","cloneElement","FormGroup","controls","handle","validator","fn","validity","c","values","key","prop","arg","partial","k","error","FormControl","defaultValue","type","validators","errors","v","makingControls","form","acc","useForm","deps","setFormGroup","useState","useEffect","hydrate","prev","newFormGroup"],"mappings":"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"}

package/dist/chunks/useForm-iwGfb88g.js

@@ -0,0 +1,2 @@
+import{createContext as v,useContext as y,cloneElement as m,useState as g,useEffect as b}from"react";import{jsxs as C,jsx as c}from"react/jsx-runtime";const p=v(null);function j({formGroup:s,debug:t=!1,children:e,...r}){const n=a=>{a.preventDefault(),s.submit()};return C(p,{value:s,children:[c("form",{...r,style:{width:"100%",...r.style},onSubmit:n,noValidate:!0,children:e}),t&&c("pre",{style:{width:"100%",maxHeight:350,padding:15,borderRadius:4,overflow:"auto",color:"#333",background:"#e5e5e5",boxShadow:"0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)"},children:JSON.stringify(s,null,2)})]})}function x(){const s=y(p);if(!s)throw new Error("useFormGroup must be used inside <FormProvider> (or <Form />).");return s}function F(s){const t=x();return{control:t.controls[s],update:n=>{t.setValues(a=>(a[s]=n,a))}}}function k({controlName:s,field:t,action:e="input"}){const{control:r,update:n}=F(s);return(i=>{const u=o=>["radio","checkbox"].includes(o.type)?o.target.checked:o.target.value;return m(i,{onBlur:o=>{e==="blur"&&n(u(o)),i.props.onBlur&&i.props.onBlur(o)},onInput:o=>{e==="input"&&n(u(o)),i.props.onInput&&i.props.onInput(o)},onChange:o=>{e==="change"&&n(u(o)),i.props.onChange&&i.props.onChange(o)}})})(t(r))}class l{constructor(t,e,r){this.controls=t,this.handle=e,this.validator=r}controls;handle;validator;_valid=!1;_hydrate;get hydrate(){return this._hydrate}set hydrate(t){this._hydrate=t}get isValid(){return this._valid}set isValid(t){this._valid=t}get errors(){return Object.values(this.controls).filter(t=>t.error)}get values(){const t={};return this.eachControl((e,r)=>({[r]:e.value})).forEach(e=>{for(const r in e)t[r]=e[r]}),t}setValues(t){const e=typeof t=="function"?t(this.values):t;for(const r of Object.keys(e))this.controls[r].value=e[r];this.validate(),this.hydrate(this),this.handle.change&&this.handle.change(this)}eachControl(t){return Object.keys(this.controls).map(e=>t(this.controls[e],e))}submit(){this.handle.submit&&(this.eachControl(t=>{t.dirty=!0}),this.validate(),this.hydrate(this),this.handle.submit(this))}reset(){this.eachControl(t=>t.reset()),this.hydrate(this)}validate(){Object.entries(this.controls).map(([t,e])=>{let r=e.validate();this.validator&&this.validator[t]&&(r=this.validator[t](this)||""),e.error=r}),this.isValid=!this.errors.length,this.hydrate(this)}}class w{_value;defaultValue;validators=[];type;error="";dirty=!1;constructor({defaultValue:t,type:e="text",validators:r}){this.type=e,this._value=t,this.defaultValue=t,r&&(this.validators=r)}get value(){return this._value}set value(t){this.dirty=!0,this._value=t,this.validate()}get isInvalid(){return!!(this.dirty&&this.error)}reset(){this.value=this.defaultValue,this.dirty=!1}validate(){const t=this.validators.map(e=>e(this)).filter(Boolean);return this.error=t[0]||"",this.error}}function d(s){return Object.entries(s).reduce((t,e)=>{const r=e[0],n=e[1];return t[r]=new w(n),t},{})}function O({form:s,handle:t,validator:e},r){const[n,a]=g(new l(d(s),t,e));b(()=>{a(new l(d(s),t,e))},[...r]);const i=u=>{a(o=>{const f=u.controls,h=new l(f,t,e);return h.hydrate=o.hydrate,h})};return n.hydrate=i,n}export{k as C,j as F,O as a,x as b,F as u};
+//# sourceMappingURL=useForm-iwGfb88g.js.map

package/dist/chunks/{useForm-3oClzOJC.js.map → useForm-iwGfb88g.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useForm-3oClzOJC.js","sources":["../../src/lab/Form/Form.tsx","../../src/lab/Form/useFormGroup.ts","../../src/lab/Form/useControl.ts","../../src/lab/Form/Control.tsx","../../src/lab/Form/FormGroup.ts","../../src/lab/Form/FormControl.ts","../../src/lab/Form/useForm.ts"],"sourcesContent":["import { createContext, SubmitEvent, HTMLAttributes } from 'react';\n\nimport type FormGroup from './FormGroup';\n\nexport const FormContext = createContext<FormGroup<any> | null>(null);\n\ninterface FormProps<T extends Record<string, any>> extends HTMLAttributes<HTMLFormElement> {\n  formGroup: FormGroup<T>;\n  debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, any>>({\n  formGroup,\n  debug = false,\n  children,\n  ...props\n}: FormProps<T>) {\n  const submit = (event: SubmitEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    formGroup.submit();\n  };\n\n  return (\n    <FormContext value={formGroup}>\n      <form\n        {...props}\n        style={{ width: '100%', ...props.style }}\n        onSubmit={submit}\n        noValidate\n      >\n        {children}\n      </form>\n      {\n        debug && (\n          <pre style={{\n            width: '100%',\n            maxHeight: 350,\n            padding: 15,\n            borderRadius: 4,\n            overflow: 'auto',\n            color: '#333',\n            background: '#e5e5e5',\n            boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',\n          }}>\n            {JSON.stringify(formGroup, null, 2)}\n          </pre>\n        )\n      }\n    </FormContext>\n  );\n}","import { useContext } from 'react';\n\nimport type FormGroup from './FormGroup';\nimport { FormContext } from './Form';\n\nexport default function useFormGroup<T extends Record<string, any>>() {\n  const context = useContext(FormContext);\n\n  if (!context) throw new Error('useFormGroup must be used inside <FormProvider> (or <Form />).');\n\n  return context as FormGroup<T>;\n}","import useFormGroup from './useFormGroup';\n\nexport default function useControl<\n  T extends Record<string, any>,\n  K extends keyof T = keyof T,\n>(controlName: K) {\n  const formGroup = useFormGroup<T>();\n  const control = formGroup.controls[controlName];\n\n  const update = (value: T[K]) => {\n    formGroup.setValues((data) => {\n      data[controlName] = value;\n\n      return data;\n    });\n  };\n\n  return { control, update };\n}","import { ChangeEvent, cloneElement, InputEvent, InputHTMLAttributes, ReactElement } from 'react';\n\nimport useControl from './useControl';\nimport type { AbstractControl } from './AbstractControl';\n\ninterface ControlProps<\n  T extends Record<string, any>,\n  K extends keyof T,\n> {\n  controlName: K;\n  action?: 'change' | 'input' | 'blur';\n  field: (control: AbstractControl<T>[K]) => React.JSX.Element;\n}\n\nexport default function Control<\n  T extends Record<string, any>,\n  K extends keyof T\n>({\n  controlName,\n  field,\n  action = 'input'\n}: ControlProps<T, K>) {\n  const { control, update } = useControl<T, K>(controlName);\n\n  const renderChildren = (child: ReactElement<InputHTMLAttributes<HTMLInputElement>>) => {\n    const getValue = (e: ChangeEvent<HTMLInputElement> | InputEvent<HTMLInputElement>) => {\n      if (['radio', 'checkbox'].includes(e.type)) { return e.target['checked']; }\n\n      return e.target['value'];\n    };\n\n    return cloneElement(child, {\n      onBlur: (e) => {\n        if (action === 'blur') { update(getValue(e)); };\n\n        if (child.props.onBlur) { child.props.onBlur(e); }\n      },\n      onInput: (e) => {\n        if (action === 'input') { update(getValue(e)); };\n\n        if (child.props.onInput) { child.props.onInput(e); }\n      },\n      onChange: (e) => {\n        if (action === 'change') { update(getValue(e)); };\n\n        if (child.props.onChange) { child.props.onChange(e); }\n      },\n    });\n  };\n\n  return (\n    renderChildren(field(control))\n  );\n}","import type { AbstractControl } from './AbstractControl';\nimport type FormControl from './FormControl';\n\ntype Hydrate<T extends Record<string, any>> = (data: FormGroup<T>) => void;\ntype SetValues<F> = Partial<F> | ((values: F) => Partial<F>);\n\nexport type Validator<T extends Record<string, any>> = Partial<{\n  [K in keyof T]: (data: FormGroup<T>) => string | void;\n}>\n\nexport interface Handle<T extends Record<string, any>> {\n  change?: (form: FormGroup<T>) => void;\n  submit?: (form: FormGroup<T>) => void;\n}\n\nexport default class FormGroup<T extends Record<string, any>> {\n  private _valid = false;\n  private _hydrate!: Hydrate<T>;\n\n  constructor(\n    public controls: AbstractControl<T>,\n    public handle: Handle<T>,\n    public validator?: Validator<T>,\n  ) { }\n\n  /**\n * Atualiza o estado interno do componente.\n * @private\n * @description Este método é usado internamente pela biblioteca.\n *              Para atualizar valores externamente, use {@link setValues}.\n*/\n  get hydrate() { return this._hydrate; }\n  set hydrate(fn: (values: FormGroup<T>) => any) { this._hydrate = fn; }\n\n  get isValid(): boolean { return this._valid; }\n  set isValid(validity: boolean) { this._valid = validity; }\n\n  get errors() {\n    return Object.values<FormControl<T[keyof T]>>(this.controls)\n      .filter(c => c.error);\n  }\n\n  get values(): T {\n    const values: Record<string, any> = {};\n\n    this.eachControl((control, key) => ({ [key as string]: control.value }))\n      .forEach(control => { for (const prop in control) { values[prop] = control[prop]; } });\n\n    return values as T;\n  }\n\n  public setValues(fn: SetValues<T>): void;\n  public setValues(partialForm: Partial<T>): void;\n  public setValues(arg: Partial<T> | SetValues<T>) {\n    const partial =\n      typeof arg === 'function'\n        ? arg(this.values)\n        : arg;\n\n    for (const key of Object.keys(partial)) {\n      this.controls[key].value = partial[key] as T[keyof T];\n    }\n\n    this.validate();\n\n    this.hydrate(this);\n\n    if (!this.handle.change) { return; }\n\n    this.handle.change(this);\n  }\n\n  private eachControl(fn: <K extends keyof T>(control: FormControl<T[K]>, key?: K) => any) {\n    return Object.keys(this.controls).map(k => fn(this.controls[k], k));\n  }\n\n  public submit() {\n    if (!this.handle.submit) { return; }\n\n    this.eachControl((control) => { control.dirty = true; });\n\n    this.validate();\n\n    this.hydrate(this);\n    this.handle.submit(this);\n  }\n\n  public reset() {\n    this.eachControl((control) => control.reset());\n    this.hydrate(this);\n  }\n\n  public validate() {\n    Object.entries(this.controls).map(([key, control]) => {\n      let error = control.validate();\n\n      if (this.validator && this.validator[key]) {\n        error = this.validator[key](this) || '';\n      }\n\n      control.error = error;\n    });\n\n    this.isValid = !this.errors.length;\n    this.hydrate(this);\n  }\n}","type Type = 'text' | 'email';\ntype Validator<C> = (control: FormControl<C>) => string | false | void;\n\ntype Data<T> = {\n  defaultValue: T;\n  type?: Type;\n  validators?: Validator<T>[];\n}\n\nexport type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];\n\nexport default class FormControl<V> implements Pick<Data<V>, 'type'> {\n  private _value!: V;\n  private defaultValue: V;\n  private validators: Validator<V>[] = [];\n\n  public type: Type;\n  public error = '';\n  public dirty = false;\n\n  constructor({\n    defaultValue,\n    type = 'text',\n    validators,\n  }: Data<V>) {\n    this.type = type;\n    this._value = defaultValue;\n    this.defaultValue = defaultValue;\n\n    if (validators) { this.validators = validators; }\n  }\n\n  get value(): V { return this._value; }\n  set value(value: V) {\n    this.dirty = true;\n    this._value = value;\n    this.validate();\n  }\n\n  get isInvalid() { return Boolean(this.dirty && this.error); }\n\n  public reset() {\n    this.value = this.defaultValue;\n    this.dirty = false;\n  }\n\n  public validate() {\n    const errors = this.validators\n      .map(v => v(this))\n      .filter(Boolean);\n\n    this.error = errors[0] || '';\n\n    return this.error;\n  }\n}\n","import { useState } from 'react';\n\nimport FormGroup from './FormGroup';\nimport FormControl from './FormControl';\nimport type { Constructor } from './FormControl';\nimport type { Handle, Validator } from './FormGroup';\nimport type { AbstractControl } from './AbstractControl';\n\ntype UseForm<T extends Record<string, any>> = {\n  form: { [K in keyof T]: Constructor<T[K]> };\n  handle: Handle<T>;\n  validator?: Validator<T>;\n}\n\nfunction makingControls<T extends Record<string, any>>(form: { [K in keyof T]: Constructor<T[K]> }) {\n  return Object.entries(form)\n    .reduce((acc, data) => {\n      const key = data[0] as keyof T;\n      const value = data[1] as Constructor<T[keyof T]>;\n\n      acc[key] = new FormControl(value);\n\n      return acc;\n    }, {} as AbstractControl<T>);\n}\n\nexport default function useForm<T extends Record<any, any>>({\n  form,\n  handle,\n  validator\n}: UseForm<T>) {\n  const [formGroup, setFormGroup] = useState<FormGroup<T>>(\n    new FormGroup(\n      makingControls(form),\n      handle,\n      validator\n    )\n  );\n\n  const hydrate = (form: FormGroup<T>) => {\n    setFormGroup(prev => {\n      const controls = form.controls;\n\n      const newFormGroup = new FormGroup(controls, handle, validator);\n      newFormGroup.hydrate = prev.hydrate;\n\n      return newFormGroup;\n    });\n  };\n\n  formGroup.hydrate = hydrate;\n\n  return formGroup;\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","submit","event","jsxs","jsx","useFormGroup","context","useContext","useControl","controlName","value","data","Control","field","action","control","update","child","getValue","e","cloneElement","FormGroup","controls","handle","validator","fn","validity","c","values","key","prop","arg","partial","k","error","FormControl","defaultValue","type","validators","errors","v","makingControls","form","acc","useForm","setFormGroup","useState","hydrate","prev","newFormGroup"],"mappings":"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"}
+{"version":3,"file":"useForm-iwGfb88g.js","sources":["../../src/lab/Form/Form.tsx","../../src/lab/Form/useFormGroup.ts","../../src/lab/Form/useControl.ts","../../src/lab/Form/Control.tsx","../../src/lab/Form/FormGroup.ts","../../src/lab/Form/FormControl.ts","../../src/lab/Form/useForm.ts"],"sourcesContent":["import { createContext, SubmitEvent, HTMLAttributes } from 'react';\n\nimport type FormGroup from './FormGroup';\n\nexport const FormContext = createContext<FormGroup<any> | null>(null);\n\ninterface FormProps<T extends Record<string, any>> extends HTMLAttributes<HTMLFormElement> {\n  formGroup: FormGroup<T>;\n  debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, any>>({\n  formGroup,\n  debug = false,\n  children,\n  ...props\n}: FormProps<T>) {\n  const submit = (event: SubmitEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    formGroup.submit();\n  };\n\n  return (\n    <FormContext value={formGroup}>\n      <form\n        {...props}\n        style={{ width: '100%', ...props.style }}\n        onSubmit={submit}\n        noValidate\n      >\n        {children}\n      </form>\n      {\n        debug && (\n          <pre style={{\n            width: '100%',\n            maxHeight: 350,\n            padding: 15,\n            borderRadius: 4,\n            overflow: 'auto',\n            color: '#333',\n            background: '#e5e5e5',\n            boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',\n          }}>\n            {JSON.stringify(formGroup, null, 2)}\n          </pre>\n        )\n      }\n    </FormContext>\n  );\n}","import { useContext } from 'react';\n\nimport type FormGroup from './FormGroup';\nimport { FormContext } from './Form';\n\nexport default function useFormGroup<T extends Record<string, any>>() {\n  const context = useContext(FormContext);\n\n  if (!context) throw new Error('useFormGroup must be used inside <FormProvider> (or <Form />).');\n\n  return context as FormGroup<T>;\n}","import useFormGroup from './useFormGroup';\n\nexport default function useControl<\n  T extends Record<string, any>,\n  K extends keyof T = keyof T,\n>(controlName: K) {\n  const formGroup = useFormGroup<T>();\n  const control = formGroup.controls[controlName];\n\n  const update = (value: T[K]) => {\n    formGroup.setValues((data) => {\n      data[controlName] = value;\n\n      return data;\n    });\n  };\n\n  return { control, update };\n}","import { ChangeEvent, cloneElement, InputEvent, InputHTMLAttributes, ReactElement } from 'react';\n\nimport useControl from './useControl';\nimport type { AbstractControl } from './AbstractControl';\n\ninterface ControlProps<\n  T extends Record<string, any>,\n  K extends keyof T,\n> {\n  controlName: K;\n  action?: 'change' | 'input' | 'blur';\n  field: (control: AbstractControl<T>[K]) => React.JSX.Element;\n}\n\nexport default function Control<\n  T extends Record<string, any>,\n  K extends keyof T\n>({\n  controlName,\n  field,\n  action = 'input'\n}: ControlProps<T, K>) {\n  const { control, update } = useControl<T, K>(controlName);\n\n  const renderChildren = (child: ReactElement<InputHTMLAttributes<HTMLInputElement>>) => {\n    const getValue = (e: ChangeEvent<HTMLInputElement> | InputEvent<HTMLInputElement>) => {\n      if (['radio', 'checkbox'].includes(e.type)) { return e.target['checked']; }\n\n      return e.target['value'];\n    };\n\n    return cloneElement(child, {\n      onBlur: (e) => {\n        if (action === 'blur') { update(getValue(e)); };\n\n        if (child.props.onBlur) { child.props.onBlur(e); }\n      },\n      onInput: (e) => {\n        if (action === 'input') { update(getValue(e)); };\n\n        if (child.props.onInput) { child.props.onInput(e); }\n      },\n      onChange: (e) => {\n        if (action === 'change') { update(getValue(e)); };\n\n        if (child.props.onChange) { child.props.onChange(e); }\n      },\n    });\n  };\n\n  return (\n    renderChildren(field(control))\n  );\n}","import type { AbstractControl } from './AbstractControl';\nimport type FormControl from './FormControl';\n\ntype Hydrate<T extends Record<string, any>> = (data: FormGroup<T>) => void;\ntype SetValues<F> = Partial<F> | ((values: F) => Partial<F>);\n\nexport type Validator<T extends Record<string, any>> = Partial<{\n  [K in keyof T]: (data: FormGroup<T>) => string | void;\n}>\n\nexport interface Handle<T extends Record<string, any>> {\n  change?: (form: FormGroup<T>) => void;\n  submit?: (form: FormGroup<T>) => void;\n}\n\nexport default class FormGroup<T extends Record<string, any>> {\n  private _valid = false;\n  private _hydrate!: Hydrate<T>;\n\n  constructor(\n    public controls: AbstractControl<T>,\n    public handle: Handle<T>,\n    public validator?: Validator<T>,\n  ) { }\n\n  /**\n * Atualiza o estado interno do componente.\n * @private\n * @description Este método é usado internamente pela biblioteca.\n *              Para atualizar valores externamente, use {@link setValues}.\n*/\n  get hydrate() { return this._hydrate; }\n  set hydrate(fn: (values: FormGroup<T>) => any) { this._hydrate = fn; }\n\n  get isValid(): boolean { return this._valid; }\n  set isValid(validity: boolean) { this._valid = validity; }\n\n  get errors() {\n    return Object.values<FormControl<T[keyof T]>>(this.controls)\n      .filter(c => c.error);\n  }\n\n  get values(): T {\n    const values: Record<string, any> = {};\n\n    this.eachControl((control, key) => ({ [key as string]: control.value }))\n      .forEach(control => { for (const prop in control) { values[prop] = control[prop]; } });\n\n    return values as T;\n  }\n\n  public setValues(fn: SetValues<T>): void;\n  public setValues(partialForm: Partial<T>): void;\n  public setValues(arg: Partial<T> | SetValues<T>) {\n    const partial =\n      typeof arg === 'function'\n        ? arg(this.values)\n        : arg;\n\n    for (const key of Object.keys(partial)) {\n      this.controls[key].value = partial[key] as T[keyof T];\n    }\n\n    this.validate();\n\n    this.hydrate(this);\n\n    if (!this.handle.change) { return; }\n\n    this.handle.change(this);\n  }\n\n  private eachControl(fn: <K extends keyof T>(control: FormControl<T[K]>, key?: K) => any) {\n    return Object.keys(this.controls).map(k => fn(this.controls[k], k));\n  }\n\n  public submit() {\n    if (!this.handle.submit) { return; }\n\n    this.eachControl((control) => { control.dirty = true; });\n\n    this.validate();\n\n    this.hydrate(this);\n    this.handle.submit(this);\n  }\n\n  public reset() {\n    this.eachControl((control) => control.reset());\n    this.hydrate(this);\n  }\n\n  public validate() {\n    Object.entries(this.controls).map(([key, control]) => {\n      let error = control.validate();\n\n      if (this.validator && this.validator[key]) {\n        error = this.validator[key](this) || '';\n      }\n\n      control.error = error;\n    });\n\n    this.isValid = !this.errors.length;\n    this.hydrate(this);\n  }\n}","type Type = 'text' | 'email';\ntype Validator<C> = (control: FormControl<C>) => string | false | void;\n\ntype Data<T> = {\n  defaultValue: T;\n  type?: Type;\n  validators?: Validator<T>[];\n}\n\nexport type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];\n\nexport default class FormControl<V> implements Pick<Data<V>, 'type'> {\n  private _value!: V;\n  private defaultValue: V;\n  private validators: Validator<V>[] = [];\n\n  public type: Type;\n  public error = '';\n  public dirty = false;\n\n  constructor({\n    defaultValue,\n    type = 'text',\n    validators,\n  }: Data<V>) {\n    this.type = type;\n    this._value = defaultValue;\n    this.defaultValue = defaultValue;\n\n    if (validators) { this.validators = validators; }\n  }\n\n  get value(): V { return this._value; }\n  set value(value: V) {\n    this.dirty = true;\n    this._value = value;\n    this.validate();\n  }\n\n  get isInvalid() { return Boolean(this.dirty && this.error); }\n\n  public reset() {\n    this.value = this.defaultValue;\n    this.dirty = false;\n  }\n\n  public validate() {\n    const errors = this.validators\n      .map(v => v(this))\n      .filter(Boolean);\n\n    this.error = errors[0] || '';\n\n    return this.error;\n  }\n}\n","import { useEffect, useState } from 'react';\n\nimport FormGroup from './FormGroup';\nimport FormControl from './FormControl';\nimport type { Constructor } from './FormControl';\nimport type { Handle, Validator } from './FormGroup';\nimport type { AbstractControl } from './AbstractControl';\n\ntype UseForm<T extends Record<string, any>> = {\n  form: { [K in keyof T]: Constructor<T[K]> };\n  handle: Handle<T>;\n  validator?: Validator<T>;\n}\n\nfunction makingControls<T extends Record<string, any>>(form: { [K in keyof T]: Constructor<T[K]> }) {\n  return Object.entries(form)\n    .reduce((acc, data) => {\n      const key = data[0] as keyof T;\n      const value = data[1] as Constructor<T[keyof T]>;\n\n      acc[key] = new FormControl(value);\n\n      return acc;\n    }, {} as AbstractControl<T>);\n}\n\nexport default function useForm<T extends Record<any, any>>({\n  form,\n  handle,\n  validator\n}: UseForm<T>, deps: readonly unknown[]) {\n  const [formGroup, setFormGroup] = useState<FormGroup<T>>(\n    new FormGroup(\n      makingControls(form),\n      handle,\n      validator\n    )\n  );\n\n  useEffect(() => {\n    setFormGroup(new FormGroup(makingControls(form), handle, validator));\n  }, [...deps]);\n\n  const hydrate = (form: FormGroup<T>) => {\n    setFormGroup(prev => {\n      const controls = form.controls;\n\n      const newFormGroup = new FormGroup(controls, handle, validator);\n      newFormGroup.hydrate = prev.hydrate;\n\n      return newFormGroup;\n    });\n  };\n\n  formGroup.hydrate = hydrate;\n\n  return formGroup;\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","submit","event","jsxs","jsx","useFormGroup","context","useContext","useControl","controlName","value","data","Control","field","action","control","update","child","getValue","e","cloneElement","FormGroup","controls","handle","validator","fn","validity","c","values","key","prop","arg","partial","k","error","FormControl","defaultValue","type","validators","errors","v","makingControls","form","acc","useForm","deps","setFormGroup","useState","useEffect","hydrate","prev","newFormGroup"],"mappings":"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"}

package/dist/chunks/{useMenu-CvPJe62S.cjs → useMenu-Bw3Im-FW.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs"),z=require("./joinClass-Jk3EszKD.cjs"),D=require("./uuid-omnJ9TjZ.cjs"),E=require("./useListenerResized-AwpsZLcP.cjs"),L=require("./Card-Bqgukgip.cjs"),S=require("./CardContent-DPL-tBOS.cjs"),B=require("./createComponent-Bls5N6x8.cjs");class P{delay(t,s=500){if(!s){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},s)}}const W=new P,F=n.forwardRef(function({open:t,width:s,children:f,anchorEl:o,direction:d="left",maxHeight:i,autoClose:_,onClose:$,...m},j){const[g,M]=n.useState(),[h,a]=n.useState({state:"invisible",animation:"close",width:"auto"}),N=16,y=150,k=n.Children.toArray(f),T=n.useMemo(()=>D.uuid(),[]),v=z.joinClass(`${l.prefix}-menu`,`${l.prefix}-menu--${h?.animation}`,m.className);E.useListenerResized(()=>b(),[o]),n.useEffect(()=>{b()},[o]),n.useEffect(()=>{t?w():C()},[t]);const b=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:r,offsetHeight:p,offsetLeft:q,offsetTop:I}=o;a(O=>({...O,width:r}));const x=I+p+N/2,R=document.getElementById(T);d==="center"&&(e={top:x,right:r}),d==="left"&&(e={top:x,left:q}),d==="right"&&(e={top:x,left:q-(R.offsetWidth-r)}),M(e)},0)},w=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},C=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),$()},y)},A=()=>k.map((e,r)=>n.cloneElement(e,{tabIndex:r+1,key:`button-${r}`,onClick:p=>{W.delay(()=>{_&&C(),e.props.onClick&&e.props.onClick(p)},0)}}));return c.jsxs(c.Fragment,{children:[c.jsx("div",{id:T,ref:j,...m,style:{width:s||h.width,top:g?.top,left:g?.left,display:h?.state==="visible"?"block":"none",transition:`all ${y}ms ease-in`,zIndex:50,...m.style},className:v,children:t&&c.jsx(L.Card,{className:`${l.prefix}-menu__card`,children:c.jsx(S.CardContent,{className:`${l.prefix}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:i},children:A()})})}),t&&c.jsx("div",{className:`${l.prefix}-menu__overlay`,onClick:C})]})}),G=B.createComponent(F);function H(){const[u,t]=n.useState(null),s=!!u,f=i=>{t(i?i.currentTarget:null)},o=()=>{t(null)};return[s,u,i=>{if(s){o();return}f(i)}]}exports.Menu=G;exports.useMenu=H;
-//# sourceMappingURL=useMenu-CvPJe62S.cjs.map
+"use strict";const c=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs"),z=require("./joinClass-Jk3EszKD.cjs"),D=require("./uuid-omnJ9TjZ.cjs"),E=require("./useListenerResized-AwpsZLcP.cjs"),L=require("./Card-DqoL_8z0.cjs"),S=require("./CardContent-BOuRiZyj.cjs"),B=require("./createComponent-BBXW0GJ6.cjs");class P{delay(t,s=500){if(!s){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},s)}}const W=new P,F=n.forwardRef(function({open:t,width:s,children:f,anchorEl:o,direction:d="left",maxHeight:i,autoClose:_,onClose:$,...m},j){const[g,M]=n.useState(),[h,a]=n.useState({state:"invisible",animation:"close",width:"auto"}),N=16,y=150,k=n.Children.toArray(f),T=n.useMemo(()=>D.uuid(),[]),v=z.joinClass(`${l.prefix}-menu`,`${l.prefix}-menu--${h?.animation}`,m.className);E.useListenerResized(()=>b(),[o]),n.useEffect(()=>{b()},[o]),n.useEffect(()=>{t?w():C()},[t]);const b=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:r,offsetHeight:p,offsetLeft:q,offsetTop:I}=o;a(O=>({...O,width:r}));const x=I+p+N/2,R=document.getElementById(T);d==="center"&&(e={top:x,right:r}),d==="left"&&(e={top:x,left:q}),d==="right"&&(e={top:x,left:q-(R.offsetWidth-r)}),M(e)},0)},w=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},C=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),$()},y)},A=()=>k.map((e,r)=>n.cloneElement(e,{tabIndex:r+1,key:`button-${r}`,onClick:p=>{W.delay(()=>{_&&C(),e.props.onClick&&e.props.onClick(p)},0)}}));return c.jsxs(c.Fragment,{children:[c.jsx("div",{id:T,ref:j,...m,style:{width:s||h.width,top:g?.top,left:g?.left,display:h?.state==="visible"?"block":"none",transition:`all ${y}ms ease-in`,zIndex:50,...m.style},className:v,children:t&&c.jsx(L.Card,{className:`${l.prefix}-menu__card`,children:c.jsx(S.CardContent,{className:`${l.prefix}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:i},children:A()})})}),t&&c.jsx("div",{className:`${l.prefix}-menu__overlay`,onClick:C})]})}),G=B.createComponent(F);function H(){const[u,t]=n.useState(null),s=!!u,f=i=>{t(i?i.currentTarget:null)},o=()=>{t(null)};return[s,u,i=>{if(s){o();return}f(i)}]}exports.Menu=G;exports.useMenu=H;
+//# sourceMappingURL=useMenu-Bw3Im-FW.cjs.map

package/dist/chunks/{useMenu-CvPJe62S.cjs.map → useMenu-Bw3Im-FW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useMenu-CvPJe62S.cjs","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","createComponent","useMenu","setAnchorEl","event"],"mappings":"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"}
+{"version":3,"file":"useMenu-Bw3Im-FW.cjs","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","createComponent","useMenu","setAnchorEl","event"],"mappings":"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"}

package/dist/chunks/{useMenu-we523Eob.js → useMenu-DU5PYJUH.js}

@@ -1,2 +1,2 @@
-import{jsxs as B,Fragment as E,jsx as m}from"react/jsx-runtime";import{forwardRef as L,useState as g,Children as P,useMemo as W,useEffect as x,cloneElement as F}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as G}from"./joinClass-anSpaauN.js";import{u as H}from"./uuid-dGvr9vBZ.js";import{u as S}from"./useListenerResized-Bnqxrt7k.js";import{C as U}from"./Card-C2mSdoXV.js";import{C as q}from"./CardContent-CViecz1a.js";import{c as J}from"./createComponent-BmdhWozT.js";class K{delay(t,n=500){if(!n){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},n)}}const Q=new K,V=L(function({open:t,width:n,children:f,anchorEl:o,direction:c="left",maxHeight:s,autoClose:N,onClose:M,...u},k){const[y,v]=g(),[d,a]=g({state:"invisible",animation:"close",width:"auto"}),w=16,T=150,A=P.toArray(f),b=W(()=>H(),[]),I=G(`${r}-menu`,`${r}-menu--${d?.animation}`,u.className);S(()=>_(),[o]),x(()=>{_()},[o]),x(()=>{t?j():h()},[t]);const _=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:i,offsetHeight:p,offsetLeft:$,offsetTop:D}=o;a(z=>({...z,width:i}));const C=D+p+w/2,R=document.getElementById(b);c==="center"&&(e={top:C,right:i}),c==="left"&&(e={top:C,left:$}),c==="right"&&(e={top:C,left:$-(R.offsetWidth-i)}),v(e)},0)},j=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},h=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),M()},T)},O=()=>A.map((e,i)=>F(e,{tabIndex:i+1,key:`button-${i}`,onClick:p=>{Q.delay(()=>{N&&h(),e.props.onClick&&e.props.onClick(p)},0)}}));return B(E,{children:[m("div",{id:b,ref:k,...u,style:{width:n||d.width,top:y?.top,left:y?.left,display:d?.state==="visible"?"block":"none",transition:`all ${T}ms ease-in`,zIndex:50,...u.style},className:I,children:t&&m(U,{className:`${r}-menu__card`,children:m(q,{className:`${r}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:s},children:O()})})}),t&&m("div",{className:`${r}-menu__overlay`,onClick:h})]})}),ae=J(V);function re(){const[l,t]=g(null),n=!!l,f=s=>{t(s?s.currentTarget:null)},o=()=>{t(null)};return[n,l,s=>{if(n){o();return}f(s)}]}export{ae as M,re as u};
-//# sourceMappingURL=useMenu-we523Eob.js.map
+import{jsxs as B,Fragment as E,jsx as m}from"react/jsx-runtime";import{forwardRef as L,useState as g,Children as P,useMemo as W,useEffect as x,cloneElement as F}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as G}from"./joinClass-anSpaauN.js";import{u as H}from"./uuid-dGvr9vBZ.js";import{u as S}from"./useListenerResized-Bnqxrt7k.js";import{C as U}from"./Card-wBDtOPXO.js";import{C as q}from"./CardContent-D0o8c1Yf.js";import{c as J}from"./createComponent-DZqrA_Tp.js";class K{delay(t,n=500){if(!n){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},n)}}const Q=new K,V=L(function({open:t,width:n,children:f,anchorEl:o,direction:c="left",maxHeight:s,autoClose:N,onClose:M,...u},k){const[y,v]=g(),[d,a]=g({state:"invisible",animation:"close",width:"auto"}),w=16,T=150,A=P.toArray(f),b=W(()=>H(),[]),I=G(`${r}-menu`,`${r}-menu--${d?.animation}`,u.className);S(()=>_(),[o]),x(()=>{_()},[o]),x(()=>{t?j():h()},[t]);const _=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:i,offsetHeight:p,offsetLeft:$,offsetTop:D}=o;a(z=>({...z,width:i}));const C=D+p+w/2,R=document.getElementById(b);c==="center"&&(e={top:C,right:i}),c==="left"&&(e={top:C,left:$}),c==="right"&&(e={top:C,left:$-(R.offsetWidth-i)}),v(e)},0)},j=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},h=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),M()},T)},O=()=>A.map((e,i)=>F(e,{tabIndex:i+1,key:`button-${i}`,onClick:p=>{Q.delay(()=>{N&&h(),e.props.onClick&&e.props.onClick(p)},0)}}));return B(E,{children:[m("div",{id:b,ref:k,...u,style:{width:n||d.width,top:y?.top,left:y?.left,display:d?.state==="visible"?"block":"none",transition:`all ${T}ms ease-in`,zIndex:50,...u.style},className:I,children:t&&m(U,{className:`${r}-menu__card`,children:m(q,{className:`${r}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:s},children:O()})})}),t&&m("div",{className:`${r}-menu__overlay`,onClick:h})]})}),ae=J(V);function re(){const[l,t]=g(null),n=!!l,f=s=>{t(s?s.currentTarget:null)},o=()=>{t(null)};return[n,l,s=>{if(n){o();return}f(s)}]}export{ae as M,re as u};
+//# sourceMappingURL=useMenu-DU5PYJUH.js.map

package/dist/chunks/{useMenu-we523Eob.js.map → useMenu-DU5PYJUH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useMenu-we523Eob.js","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","Menu$1","createComponent","useMenu","setAnchorEl","event"],"mappings":"oeAAA,MAAMA,CAAS,CAEN,MAAMC,EAAyBC,EAAe,IAAK,CACxD,GAAI,CAACA,EAAc,CACjBD,EAAA,EACA,MACF,CAEA,aAAa,KAAK,OAAO,EACzB,KAAK,QAAU,WAAW,IAAM,CAAEA,EAAA,CAAQ,EAAGC,CAAY,CAC3D,CACF,CAEO,MAAMC,EAAW,IAAIH,EC8BtBI,EAAOC,EAAsC,SAAc,CAC/D,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,OACZ,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAcC,EAAK,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAA,EAC9B,CAACC,EAAQC,CAAS,EAAIF,EAAiB,CAAE,MAAO,YAAa,UAAW,QAAS,MAAO,MAAA,CAAQ,EAEhGG,EAAM,GACNC,EAAqB,IAErBC,EAAgBC,EAAS,QAAQhB,CAAQ,EAEzCiB,EAAKC,EAAQ,IAAMC,EAAA,EAAQ,CAAA,CAAE,EAE7BC,EAAUC,EACd,GAAGC,CAAM,QACT,GAAGA,CAAM,UAAUX,GAAQ,SAAS,GACpCL,EAAM,SAAA,EAGRiB,EAAmB,IAAMC,IAAkB,CAACvB,CAAQ,CAAC,EAErDwB,EAAU,IAAM,CAAED,EAAA,CAAkB,EAAG,CAACvB,CAAQ,CAAC,EAGjDwB,EAAU,IAAM,CAAE3B,EAAO4B,EAAA,EAAeC,EAAA,CAAe,EAAG,CAAC7B,CAAI,CAAC,EAEhE,MAAM0B,EAAiB,IAAM,CACtBvB,GAEL,WAAW,IAAM,CACf,IAAI2B,EAA2B,CAAA,EAE/B,KAAM,CAAE,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,UAAAC,GAAc/B,EAE7DW,MAAmB,CAAE,GAAGqB,EAAM,MAAOJ,GAAc,EAEnD,MAAMK,EAAMF,EAAYF,EAAgBjB,EAAM,EAExCsB,EAAK,SAAS,eAAelB,CAAE,EAEjCf,IAAc,WAAY0B,EAAc,CAAE,IAAAM,EAAK,MAAOL,CAAA,GAEtD3B,IAAc,SAAU0B,EAAc,CAAE,IAAAM,EAAK,KAAMH,CAAA,GAEnD7B,IAAc,UAAW0B,EAAc,CAAE,IAAAM,EAAK,KAAMH,GAAcI,EAAG,YAAcN,EAAA,GAEvFpB,EAAcmB,CAAW,CAC3B,EAAG,CAAC,CACN,EAEMF,EAAa,IAAM,CACvBd,MAAmB,CAAE,GAAGqB,EAAM,MAAO,WAAY,EAEjD,WAAW,IAAM,CAAErB,MAAmB,CAAE,GAAGqB,EAAM,UAAW,QAAS,CAAG,EAAG,EAAE,CAC/E,EAEMN,EAAc,IAAM,CACxBf,MAAmB,CAAE,GAAGqB,EAAM,UAAW,SAAU,EAEnD,WAAW,IAAM,CACfrB,MAAmB,CAAE,GAAGqB,EAAM,MAAO,aAAc,EACnD5B,EAAA,CACF,EAAGS,CAAkB,CACvB,EAEMsB,EAAiB,IACdrB,EAAc,IAAI,CAACsB,EAAOC,IACxBC,EAAaF,EAAO,CACzB,SAAYC,EAAQ,EACpB,IAAK,UAAUA,CAAK,GACpB,QAAUE,GAA2C,CACnD7C,EAAS,MAAM,IAAM,CAEfS,GAAauB,EAAA,EAEbU,EAAM,MAAM,SAAWA,EAAM,MAAM,QAAQG,CAAC,CAClD,EAAG,CAAC,CACN,CAAA,CACD,CACF,EAGH,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CACC,GAAA1B,EACA,IAAAV,EACC,GAAGD,EACJ,MAAO,CACL,MAAOP,GAASY,EAAO,MACvB,IAAKH,GAAY,IACjB,KAAMA,GAAY,KAClB,QAASG,GAAQ,QAAU,UAAY,QAAU,OACjD,WAAY,OAAOG,CAAkB,aACrC,OAAQ,GACR,GAAGR,EAAM,KAAA,EAEX,UAAWc,EAGT,YACEuB,EAACC,EAAA,CAAK,UAAW,GAAGtB,CAAM,cACxB,SAAAqB,EAACE,EAAA,CACC,UAAW,GAAGvB,CAAM,uBACpB,GAAI,CAAE,GAAI,CAAA,EACV,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,UAAAnB,CAAA,EAElD,SAAAiC,EAAA,CAAe,CAAA,CAClB,CACF,CAAA,CAAA,EAILtC,KAAS,MAAA,CAAI,UAAW,GAAGwB,CAAM,iBAAkB,QAASK,CAAA,CAAa,CAAA,EAC5E,CAEJ,CAAC,EAEDmB,GAAeC,EAAgBnD,CAAI,ECjKnC,SAAwBoD,IAAmB,CACzC,KAAM,CAAC/C,EAAUgD,CAAW,EAAIvC,EAA6B,IAAI,EAE3DZ,EAAO,EAAQG,EAEfyB,EAAcwB,GAAsD,CACxED,EAAYC,EAAQA,EAAM,cAAgB,IAAI,CAChD,EAEMvB,EAAc,IAAM,CAAEsB,EAAY,IAAI,CAAG,EAW/C,MAAO,CAACnD,EAAMG,EATQiD,GAAsD,CAC1E,GAAIpD,EAAM,CACR6B,EAAA,EACA,MACF,CAEAD,EAAWwB,CAAK,CAClB,CAEoC,CACtC"}
+{"version":3,"file":"useMenu-DU5PYJUH.js","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","Menu$1","createComponent","useMenu","setAnchorEl","event"],"mappings":"oeAAA,MAAMA,CAAS,CAEN,MAAMC,EAAyBC,EAAe,IAAK,CACxD,GAAI,CAACA,EAAc,CACjBD,EAAA,EACA,MACF,CAEA,aAAa,KAAK,OAAO,EACzB,KAAK,QAAU,WAAW,IAAM,CAAEA,EAAA,CAAQ,EAAGC,CAAY,CAC3D,CACF,CAEO,MAAMC,EAAW,IAAIH,EC8BtBI,EAAOC,EAAsC,SAAc,CAC/D,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,OACZ,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAcC,EAAK,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAA,EAC9B,CAACC,EAAQC,CAAS,EAAIF,EAAiB,CAAE,MAAO,YAAa,UAAW,QAAS,MAAO,MAAA,CAAQ,EAEhGG,EAAM,GACNC,EAAqB,IAErBC,EAAgBC,EAAS,QAAQhB,CAAQ,EAEzCiB,EAAKC,EAAQ,IAAMC,EAAA,EAAQ,CAAA,CAAE,EAE7BC,EAAUC,EACd,GAAGC,CAAM,QACT,GAAGA,CAAM,UAAUX,GAAQ,SAAS,GACpCL,EAAM,SAAA,EAGRiB,EAAmB,IAAMC,IAAkB,CAACvB,CAAQ,CAAC,EAErDwB,EAAU,IAAM,CAAED,EAAA,CAAkB,EAAG,CAACvB,CAAQ,CAAC,EAGjDwB,EAAU,IAAM,CAAE3B,EAAO4B,EAAA,EAAeC,EAAA,CAAe,EAAG,CAAC7B,CAAI,CAAC,EAEhE,MAAM0B,EAAiB,IAAM,CACtBvB,GAEL,WAAW,IAAM,CACf,IAAI2B,EAA2B,CAAA,EAE/B,KAAM,CAAE,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,UAAAC,GAAc/B,EAE7DW,MAAmB,CAAE,GAAGqB,EAAM,MAAOJ,GAAc,EAEnD,MAAMK,EAAMF,EAAYF,EAAgBjB,EAAM,EAExCsB,EAAK,SAAS,eAAelB,CAAE,EAEjCf,IAAc,WAAY0B,EAAc,CAAE,IAAAM,EAAK,MAAOL,CAAA,GAEtD3B,IAAc,SAAU0B,EAAc,CAAE,IAAAM,EAAK,KAAMH,CAAA,GAEnD7B,IAAc,UAAW0B,EAAc,CAAE,IAAAM,EAAK,KAAMH,GAAcI,EAAG,YAAcN,EAAA,GAEvFpB,EAAcmB,CAAW,CAC3B,EAAG,CAAC,CACN,EAEMF,EAAa,IAAM,CACvBd,MAAmB,CAAE,GAAGqB,EAAM,MAAO,WAAY,EAEjD,WAAW,IAAM,CAAErB,MAAmB,CAAE,GAAGqB,EAAM,UAAW,QAAS,CAAG,EAAG,EAAE,CAC/E,EAEMN,EAAc,IAAM,CACxBf,MAAmB,CAAE,GAAGqB,EAAM,UAAW,SAAU,EAEnD,WAAW,IAAM,CACfrB,MAAmB,CAAE,GAAGqB,EAAM,MAAO,aAAc,EACnD5B,EAAA,CACF,EAAGS,CAAkB,CACvB,EAEMsB,EAAiB,IACdrB,EAAc,IAAI,CAACsB,EAAOC,IACxBC,EAAaF,EAAO,CACzB,SAAYC,EAAQ,EACpB,IAAK,UAAUA,CAAK,GACpB,QAAUE,GAA2C,CACnD7C,EAAS,MAAM,IAAM,CAEfS,GAAauB,EAAA,EAEbU,EAAM,MAAM,SAAWA,EAAM,MAAM,QAAQG,CAAC,CAClD,EAAG,CAAC,CACN,CAAA,CACD,CACF,EAGH,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CACC,GAAA1B,EACA,IAAAV,EACC,GAAGD,EACJ,MAAO,CACL,MAAOP,GAASY,EAAO,MACvB,IAAKH,GAAY,IACjB,KAAMA,GAAY,KAClB,QAASG,GAAQ,QAAU,UAAY,QAAU,OACjD,WAAY,OAAOG,CAAkB,aACrC,OAAQ,GACR,GAAGR,EAAM,KAAA,EAEX,UAAWc,EAGT,YACEuB,EAACC,EAAA,CAAK,UAAW,GAAGtB,CAAM,cACxB,SAAAqB,EAACE,EAAA,CACC,UAAW,GAAGvB,CAAM,uBACpB,GAAI,CAAE,GAAI,CAAA,EACV,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,UAAAnB,CAAA,EAElD,SAAAiC,EAAA,CAAe,CAAA,CAClB,CACF,CAAA,CAAA,EAILtC,KAAS,MAAA,CAAI,UAAW,GAAGwB,CAAM,iBAAkB,QAASK,CAAA,CAAa,CAAA,EAC5E,CAEJ,CAAC,EAEDmB,GAAeC,EAAgBnD,CAAI,ECjKnC,SAAwBoD,IAAmB,CACzC,KAAM,CAAC/C,EAAUgD,CAAW,EAAIvC,EAA6B,IAAI,EAE3DZ,EAAO,EAAQG,EAEfyB,EAAcwB,GAAsD,CACxED,EAAYC,EAAQA,EAAM,cAAgB,IAAI,CAChD,EAEMvB,EAAc,IAAM,CAAEsB,EAAY,IAAI,CAAG,EAW/C,MAAO,CAACnD,EAAMG,EATQiD,GAAsD,CAC1E,GAAIpD,EAAM,CACR6B,EAAA,EACA,MACF,CAEAD,EAAWwB,CAAK,CAClB,CAEoC,CACtC"}

package/dist/chunks/{useTheme-DsrjDJKC.cjs → useTheme-DhX2tM8O.cjs}

@@ -1,2 +1,2 @@
-"use strict";const d=require("react"),l=require("react/jsx-runtime"),g=require("./generateSupportColors-CTMoGhDf.cjs");function f(t){return[`${t}.main`,`${t}.dark`,`${t}.light`,`${t}.opacity`,`${t}.contrast`]}function h(t){return t.reduce((e,r)=>{const n=f(r);return e=[...e,...n],e},["text.primary","text.secondary","text.disabled","background.paper","background.default","divider"])}const b=["primary","secondary","error","warning","success","info","grey"];h(b);function a(t,e){document.documentElement.style.setProperty(`--${t}`,e.main),document.documentElement.style.setProperty(`--${t}-light`,e.light),document.documentElement.style.setProperty(`--${t}-dark`,e.dark),document.documentElement.style.setProperty(`--${t}-contrast`,e.contrast),document.documentElement.style.setProperty(`--${t}-opacity`,e.opacity)}function E(t){if(document.querySelector(`link[href="${t}"]`))return;const e=document.createElement("link");e.rel="stylesheet",e.href=t,document.head.appendChild(e)}function P(t){if(typeof window>"u")return;const{palette:e,shape:r,spacing:n,typography:o}=t;o.url&&E(o.url),a("info",e.info),a("error",e.error),a("warning",e.warning),a("success",e.success),a("primary",e.primary),a("secondary",e.secondary),a("grey",e.grey),document.documentElement.style.setProperty("--typography",o.family),document.documentElement.style.setProperty("--text-primary",e.text?.primary),document.documentElement.style.setProperty("--text-secondary",e.text?.secondary),document.documentElement.style.setProperty("--text-disabled",e.text?.disabled),document.documentElement.style.setProperty("--background-paper",e.background?.paper),document.documentElement.style.setProperty("--background-default",e.background?.default),document.documentElement.style.setProperty("--divider",e.divider),document.documentElement.style.setProperty("--radius",`${r.radius}px`),document.documentElement.style.setProperty("--spacing",`${n}px`)}const c=8,i={radius:8},u={mode:"light",palette:{info:"#72E4FC",error:"#FF5377",warning:"#FF9457",success:"#36E79B",primary:"#6C37F4",secondary:"#FB7185",grey:"#545f6f",text:{primary:"rgb(31, 41, 55)",secondary:"rgb(75, 85, 99)",disabled:"rgb(172, 172, 172)"},background:{paper:"#F9F8F9",default:"#FFF"},divider:"rgba(0, 0, 0, 0.12)"},spacing:c,shape:i,typography:{family:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"}},x={palette:{info:"#72E4FC",error:"#FF5377",warning:"#FF9457",success:"#36E79B",primary:"#8b5dff",secondary:"#EBFF5E",grey:"#2A2A2A",text:{primary:"rgba(255, 255, 255, 0.87)",secondary:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.38)"},background:{paper:"#0D0225",default:"#30294E"},divider:"rgba(242, 242, 242, 0.12)"},spacing:c,shape:i,typography:{family:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"}},F=["primary","secondary","error","warning","success","info","grey"];function m(t){const e=t?.mode??"light",r=e==="dark"?x:u,n=t?.palette??{},o=r.palette,p=Object.fromEntries(F.map(s=>[s,g.generateSupportColors(n[s]??o[s])]));return{mode:e,palette:{text:n.text??o.text,background:n.background??o.background,divider:n.divider??o.divider,...p},shape:t?.shape??r.shape,spacing:t?.spacing??r.spacing,typography:t?.typography??r.typography}}const y=d.createContext({theme:m(u),updateTheme:()=>{}});function k({theme:t,children:e}){const[r,n]=d.useState(t),o=d.useMemo(()=>({theme:r,updateTheme:s=>p(s)}),[t,r]);d.useEffect(()=>{P(r)},[r]);const p=s=>{n(s)};return l.jsx(y.Provider,{value:o,children:e})}function C(){return d.useContext(y)}exports.ThemeProvider=k;exports.createTheme=m;exports.useTheme=C;
-//# sourceMappingURL=useTheme-DsrjDJKC.cjs.map
+"use strict";const d=require("react"),l=require("react/jsx-runtime"),g=require("./generateSupportColors-CTMoGhDf.cjs");function f(t){return[`${t}.main`,`${t}.dark`,`${t}.light`,`${t}.opacity`,`${t}.contrast`]}function h(t){return t.reduce((e,r)=>{const n=f(r);return e=[...e,...n],e},["text.primary","text.secondary","text.disabled","background.paper","background.default","divider"])}const b=["primary","secondary","error","warning","success","info","grey"];h(b);function a(t,e){document.documentElement.style.setProperty(`--${t}`,e.main),document.documentElement.style.setProperty(`--${t}-light`,e.light),document.documentElement.style.setProperty(`--${t}-dark`,e.dark),document.documentElement.style.setProperty(`--${t}-contrast`,e.contrast),document.documentElement.style.setProperty(`--${t}-opacity`,e.opacity)}function E(t){if(document.querySelector(`link[href="${t}"]`))return;const e=document.createElement("link");e.rel="stylesheet",e.href=t,document.head.appendChild(e)}function P(t){if(typeof window>"u")return;const{palette:e,shape:r,spacing:n,typography:o}=t;o.url&&E(o.url),a("info",e.info),a("error",e.error),a("warning",e.warning),a("success",e.success),a("primary",e.primary),a("secondary",e.secondary),a("grey",e.grey),document.documentElement.style.setProperty("--typography",o.family),document.documentElement.style.setProperty("--text-primary",e.text?.primary),document.documentElement.style.setProperty("--text-secondary",e.text?.secondary),document.documentElement.style.setProperty("--text-disabled",e.text?.disabled),document.documentElement.style.setProperty("--background-paper",e.background?.paper),document.documentElement.style.setProperty("--background-default",e.background?.default),document.documentElement.style.setProperty("--divider",e.divider),document.documentElement.style.setProperty("--radius",`${r.radius}px`),document.documentElement.style.setProperty("--spacing",`${n}px`)}const c=8,i={radius:8},u={mode:"light",palette:{info:"#72E4FC",error:"#FF5377",warning:"#FF9457",success:"#36E79B",primary:"#6C37F4",secondary:"#FB7185",grey:"#545f6f",text:{primary:"rgb(31, 41, 55)",secondary:"rgb(75, 85, 99)",disabled:"rgb(172, 172, 172)"},background:{paper:"#F9F8F9",default:"#FFF"},divider:"rgba(0, 0, 0, 0.12)"},spacing:c,shape:i,typography:{family:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"}},x={palette:{info:"#72E4FC",error:"#FF5377",warning:"#FF9457",success:"#36E79B",primary:"#8b5dff",secondary:"#EBFF5E",grey:"#b3b3b3",text:{primary:"rgba(255, 255, 255, 0.87)",secondary:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.38)"},background:{paper:"#0D0225",default:"#30294E"},divider:"rgba(255, 255, 255, 0.25)"},spacing:c,shape:i,typography:{family:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"}},F=["primary","secondary","error","warning","success","info","grey"];function m(t){const e=t?.mode??"light",r=e==="dark"?x:u,n=t?.palette??{},o=r.palette,p=Object.fromEntries(F.map(s=>[s,g.generateSupportColors(n[s]??o[s])]));return{mode:e,palette:{text:n.text??o.text,background:n.background??o.background,divider:n.divider??o.divider,...p},shape:t?.shape??r.shape,spacing:t?.spacing??r.spacing,typography:t?.typography??r.typography}}const y=d.createContext({theme:m(u),updateTheme:()=>{}});function k({theme:t,children:e}){const[r,n]=d.useState(t),o=d.useMemo(()=>({theme:r,updateTheme:s=>p(s)}),[t,r]);d.useEffect(()=>{P(r)},[r]);const p=s=>{n(s)};return l.jsx(y.Provider,{value:o,children:e})}function C(){return d.useContext(y)}exports.ThemeProvider=k;exports.createTheme=m;exports.useTheme=C;
+//# sourceMappingURL=useTheme-DhX2tM8O.cjs.map