@iziui/react 0.0.3-rc → 0.0.4-rc

package/dist/fields/Select/Select.cjs.map

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

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

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+export interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    error?: boolean;
+    autoClose?: boolean;
+    label?: string;
+    helperText?: string;
+    startIcon?: React.JSX.Element | boolean;
+    children: React.JSX.Element | React.JSX.Element[];
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<SelectProps>>;
+export default _default;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,mBAAmB,EAEzB,MAAM,OAAO,CAAC;AAYf,OAAO,sCAAsC,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACtF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;CACnD;;AAmGD,wBAAuC"}

package/dist/fields/Select/Select.js

@@ -0,0 +1,2 @@
+import{jsxs as a,jsx as o}from"react/jsx-runtime";import{Children as j,useMemo as M,cloneElement as C}from"react";import{prefix as e}from"../../tokens/dist/web/js/index.js";import{joinClass as r}from"../../core/src/utils/joinClass/joinClass.js";import w from"../../display/Icon/Icon.js";import E from"../../navigation/Menu/Menu.js";import"../../navigation/Menu/MenuButton.js";import O from"../../navigation/Menu/useMenu.js";import S from"../../core/createComponent.js";/* empty css                                     */function q({error:c,label:i,helperText:m,startIcon:p,children:_,disabled:s,onChange:u,...l}){const d=j.toArray(_),$=M(()=>d.find(t=>t.props.value===l.value)?.props.children||"",[l.value]),[h,N,f]=O(),v=r(`${e}-select-container`),x=r(`${e}-select-label`,c&&`${e}-select-label--error`),y=r(`${e}-select`,s&&`${e}-select--disabled`,c&&`${e}-select--error`,l.className),b=r(`${e}-select__helper-text`,m&&`${e}-select__helper-text--visible`,c&&`${e}-select__helper-text--error`),k=t=>C(t,{className:r(t.props.className,`${e}-select__icon--left`),type:"button",onClick:n=>{n.stopPropagation(),t.props.onClick&&!s&&t.props.onClick(n)}}),g=()=>d.map(t=>C(t,{className:r(t.props.className,t.props.value===l.value&&`${e}-select__option--selected`),onClick:n=>{!t.props.disabled&&u&&u(n)}}));return a("div",{className:v,children:[i&&a("label",{className:x,children:[i," ",l.required&&"*"]}),a("button",{type:"button",className:y,onClick:f,disabled:s,children:[o("div",{children:p&&k(p)}),o("input",{...l,readOnly:!0,type:"text",value:$,disabled:s}),o(w,{name:"angle-down",color:"text.secondary",className:`${e}-select__icon--right`})]}),o(E,{autoClose:!0,direction:"center",open:h,anchorEl:N,onClose:f,children:g()}),o("span",{className:b,children:m})]})}const J=S(q);export{J as default};
+//# sourceMappingURL=Select.js.map

package/dist/fields/Select/Select.js.map

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

package/dist/fields/Select/Select.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Select.spec.d.ts.map

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

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

package/dist/fields/Select/Select.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Select } from './Select';
+export declare const normal: StoryObj<typeof Select>;
+export declare const helperText: StoryObj<typeof Select>;
+export declare const validation: StoryObj<typeof Select>;
+export declare const Disabled: StoryObj<typeof Select>;
+export declare const DisabledOption: StoryObj<typeof Select>;
+export declare const autoclose: StoryObj<typeof Select>;
+export declare const withIcon: StoryObj<typeof Select>;
+export declare const optionWithIcon: StoryObj<typeof Select>;
+export declare const Playground: StoryObj<typeof Select>;
+declare const meta: Meta<typeof Select>;
+export default meta;
+//# sourceMappingURL=Select.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,MAA4B,MAAM,UAAU,CAAC;AAGpD,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAiB1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAkB9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAmB9C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAqB5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,MAAM,CAoBlD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,MAAM,CAkB7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAoB5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,MAAM,CA+BlD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAE9C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAsE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/fields/Select/index.cjs

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

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

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

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

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

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

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

package/dist/fields/Select/index.js

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

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

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

package/dist/fields/Switchs/Switch.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("react"),e=require("../../tokens/dist/web/js/index.cjs"),r=require("../../core/src/utils/joinClass/joinClass.cjs"),b=require("../../toolkit/src/uuid/uuid.cjs"),m=require("../../layout/Stack/Stack.cjs"),j=require("../../core/createComponent.cjs");;/* empty css                                        */function p({label:o,error:a,helperText:l,color:h="primary",...s}){const[n,u]=i.useState(!!s.checked),x=r.joinClass(`${e.prefix}-switch__checkbox`,`${e.prefix}-switch__checkbox--${h}`),d=r.joinClass(`${e.prefix}-switch__label`,a&&`${e.prefix}-switch__label--error`),_=r.joinClass(`${e.prefix}-switch__helper-text`,a&&`${e.prefix}-switch__helper-text--error`,l&&`${e.prefix}-switch__helper-text--visible`),t=i.useMemo(()=>`${e.prefix}-switch-${b.uuid()}`,[]);i.useEffect(()=>{u(!!s.checked)},[s.checked]);const f=()=>{s.onChange&&s.onChange({type:"checkbox",target:{checked:!n}})};return c.jsxs(m.default,{gap:2,children:[c.jsx("label",{htmlFor:t,className:d,children:o}),c.jsxs("div",{className:`${e.prefix}-switch`,children:[c.jsx("input",{...s,type:"checkbox",id:t,className:x,onChange:f,checked:n}),c.jsx("label",{className:`${e.prefix}-switch__box`,htmlFor:t,children:c.jsx("span",{className:`${e.prefix}-switch__button`})})]}),c.jsx("span",{className:_,children:l})]})}const w=j.default(p);exports.default=w;
+//# sourceMappingURL=Switch.cjs.map

package/dist/fields/Switchs/Switch.cjs.map

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

package/dist/fields/Switchs/Switch.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+import { Colors } from '@iziui/core/theme';
+export interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+    color?: Colors;
+    auto?: boolean;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<SwitchProps>>;
+export default _default;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/fields/Switchs/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/fields/Switchs/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,OAAO,CAAC;AAI1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAShD,OAAO,sCAAsC,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;;AAyDD,wBAAuC"}

package/dist/fields/Switchs/Switch.js

@@ -0,0 +1,2 @@
+import{jsxs as l,jsx as t}from"react/jsx-runtime";import{useState as w,useMemo as x,useEffect as $}from"react";import{prefix as e}from"../../tokens/dist/web/js/index.js";import{joinClass as o}from"../../core/src/utils/joinClass/joinClass.js";import{uuid as k}from"../../toolkit/src/uuid/uuid.js";import u from"../../layout/Stack/Stack.js";import p from"../../core/createComponent.js";/* empty css                                     */function C({label:r,error:a,helperText:h,color:n="primary",...c}){const[i,m]=w(!!c.checked),_=o(`${e}-switch__checkbox`,`${e}-switch__checkbox--${n}`),d=o(`${e}-switch__label`,a&&`${e}-switch__label--error`),f=o(`${e}-switch__helper-text`,a&&`${e}-switch__helper-text--error`,h&&`${e}-switch__helper-text--visible`),s=x(()=>`${e}-switch-${k()}`,[]);$(()=>{m(!!c.checked)},[c.checked]);const b=()=>{c.onChange&&c.onChange({type:"checkbox",target:{checked:!i}})};return l(u,{gap:2,children:[t("label",{htmlFor:s,className:d,children:r}),l("div",{className:`${e}-switch`,children:[t("input",{...c,type:"checkbox",id:s,className:_,onChange:b,checked:i}),t("label",{className:`${e}-switch__box`,htmlFor:s,children:t("span",{className:`${e}-switch__button`})})]}),t("span",{className:f,children:h})]})}const E=p(C);export{E as default};
+//# sourceMappingURL=Switch.js.map

package/dist/fields/Switchs/Switch.js.map

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

package/dist/fields/Switchs/Switch.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Switch } from './Switch';
+export declare const Colors: StoryObj<typeof Switch>;
+export declare const Label: StoryObj<typeof Switch>;
+export declare const Validation: StoryObj<typeof Switch>;
+export declare const Controlled: StoryObj<typeof Switch>;
+export declare const Playground: StoryObj<typeof Switch>;
+declare const meta: Meta<typeof Switch>;
+export default meta;
+//# sourceMappingURL=Switch.stories.d.ts.map

package/dist/fields/Switchs/Switch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/fields/Switchs/Switch.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASlD,OAAO,MAAuB,MAAM,UAAU,CAAC;AAM/C,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAa1C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,CAQzC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAQ9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CA+B9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAE9C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8E7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/fields/Switchs/index.cjs

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

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

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

package/dist/fields/Switchs/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type SwitchProps } from './Switch';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/fields/Switchs/index.js

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

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

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

package/dist/fields/index.cjs

@@ -0,0 +1,2 @@
+"use strict";require("./Checkbox/Checkbox.cjs");require("./CheckboxGroup/CheckboxGroup.cjs");require("./ColorPicker/ColorPicker.cjs");require("./Input/Input.cjs");require("./InputFile/InputFile.cjs");require("./Select/Select.cjs");
+//# sourceMappingURL=index.cjs.map

package/dist/fields/index.cjs.map

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

package/dist/fields/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Checkbox';
+export * from './CheckboxGroup';
+export * from './ColorPicker';
+export * from './Input';
+export * from './InputFile';
+export * from './Select';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

package/dist/fields/index.js

@@ -0,0 +1,2 @@
+import"./Checkbox/Checkbox.js";import"./CheckboxGroup/CheckboxGroup.js";import"./ColorPicker/ColorPicker.js";import"./Input/Input.js";import"./InputFile/InputFile.js";import"./Select/Select.js";
+//# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

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

package/dist/hooks/index.cjs

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

package/dist/hooks/index.cjs.map

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

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useListenerResized } from './useListenerResized';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/hooks/index.js

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

package/dist/hooks/index.js.map

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

package/dist/hooks/useListenerResized/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './useListenerResized';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useListenerResized/index.d.ts.map

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

package/dist/hooks/useListenerResized/index.js

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

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

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

package/dist/hooks/useListenerResized/useListenerResized.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react");function r(t,i){const e=()=>{t(window)};n.useEffect(()=>(window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}),[...i])}exports.default=r;
+//# sourceMappingURL=useListenerResized.cjs.map

package/dist/hooks/useListenerResized/useListenerResized.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListenerResized.cjs","sources":["../../../src/hooks/useListenerResized/useListenerResized.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport default function useListenerResized(callback: (w: Window & typeof globalThis) => void, deps: any[]) {\n  const handleResize = () => { callback(window); };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [...deps]);\n};"],"names":["useListenerResized","callback","deps","handleResize","useEffect"],"mappings":"qIAEA,SAAwBA,EAAmBC,EAAmDC,EAAa,CACzG,MAAMC,EAAe,IAAM,CAAEF,EAAS,MAAM,CAAG,EAE/CG,EAAAA,UAAU,KACR,OAAO,iBAAiB,SAAUD,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,GACC,CAAC,GAAGD,CAAI,CAAC,CACd"}

package/dist/hooks/useListenerResized/useListenerResized.d.ts

@@ -0,0 +1,2 @@
+export default function useListenerResized(callback: (w: Window & typeof globalThis) => void, deps: any[]): void;
+//# sourceMappingURL=useListenerResized.d.ts.map

package/dist/hooks/useListenerResized/useListenerResized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListenerResized.d.ts","sourceRoot":"","sources":["../../../src/hooks/useListenerResized/useListenerResized.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,UAAU,KAAK,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAUxG"}

package/dist/hooks/useListenerResized/useListenerResized.js

@@ -0,0 +1,2 @@
+import{useEffect as t}from"react";function s(n,i){const e=()=>{n(window)};t(()=>(window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}),[...i])}export{s as default};
+//# sourceMappingURL=useListenerResized.js.map

package/dist/hooks/useListenerResized/useListenerResized.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListenerResized.js","sources":["../../../src/hooks/useListenerResized/useListenerResized.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport default function useListenerResized(callback: (w: Window & typeof globalThis) => void, deps: any[]) {\n  const handleResize = () => { callback(window); };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [...deps]);\n};"],"names":["useListenerResized","callback","deps","handleResize","useEffect"],"mappings":"kCAEA,SAAwBA,EAAmBC,EAAmDC,EAAa,CACzG,MAAMC,EAAe,IAAM,CAAEF,EAAS,MAAM,CAAG,EAE/CG,EAAU,KACR,OAAO,iBAAiB,SAAUD,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,GACC,CAAC,GAAGD,CAAI,CAAC,CACd"}

package/dist/hooks/useListenerResized/useListenerResized.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as useListenerResize } from './useListenerResized';
+declare const meta: Meta<typeof useListenerResize>;
+export declare const Template: StoryObj<typeof useListenerResize>;
+export default meta;
+//# sourceMappingURL=useListenerResized.stories.d.ts.map

package/dist/hooks/useListenerResized/useListenerResized.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListenerResized.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useListenerResized/useListenerResized.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAExC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,iBAAiB,CAUvD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./components/Button/Button.cjs");const e=require("./components/Card/Card.cjs"),r=require("./components/Card/CardContent.cjs");require("./components/Icon/Icon.cjs");require("./components/Loading/Loading.cjs");require("react/jsx-runtime");require("react");;/* empty css                                    */require("./components/Stack/Stack.cjs");const t=require("./theme/useTheme.cjs"),u=require("./theme/ThemeProvider.cjs"),i=require("./core/src/theme/createTheme/createTheme.cjs");exports.Card=e.default;exports.CardContent=r.default;exports.useTheme=t.default;exports.ThemeProvider=u.default;exports.createTheme=i.createTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./actions/Button/Button.cjs");require("./actions/ButtonIcon/ButtonIcon.cjs");require("react/jsx-runtime");require("react");;/* empty css                                    */const e=require("./animations/Slide/Slide.cjs"),r=require("./theme/useTheme.cjs"),u=require("./theme/ThemeProvider.cjs");require("./core/src/theme/Theme.cjs");const t=require("./core/src/theme/createTheme/createTheme.cjs"),i=require("./display/Card/Card.cjs"),o=require("./display/Card/CardContent.cjs");require("./display/Chip/Chip.cjs");require("./display/Icon/Icon.cjs");require("./display/Table/Table.cjs");require("./display/Tooltip/Tooltip.cjs");require("./display/Typography/Typography.cjs");require("./feedback/Alert/Alert.cjs");require("./feedback/Loading/Loading.cjs");require("./fields/Checkbox/Checkbox.cjs");require("./fields/CheckboxGroup/CheckboxGroup.cjs");require("./fields/ColorPicker/ColorPicker.cjs");require("./fields/Input/Input.cjs");require("./fields/InputFile/InputFile.cjs");require("./fields/Select/Select.cjs");const q=require("./hooks/useListenerResized/useListenerResized.cjs"),n=require("./lab/Form/Form.cjs"),s=require("./lab/Form/Control.cjs"),d=require("./lab/Form/useForm.cjs"),a=require("./lab/Form/useControl.cjs"),l=require("./lab/Form/useFormGroup.cjs");require("./layout/Box/Box.cjs");const c=require("./layout/Grid/Grid.cjs"),m=require("./layout/Grid/GridItem.cjs");require("./layout/Stack/Stack.cjs");const f=require("./navigation/Drawer/Drawer.cjs"),C=require("./navigation/Menu/Menu.cjs"),G=require("./navigation/Menu/MenuButton.cjs"),T=require("./navigation/Menu/useMenu.cjs");exports.Slide=e.default;exports.useTheme=r.default;exports.ThemeProvider=u.default;exports.createTheme=t.createTheme;exports.Card=i.default;exports.CardContent=o.default;exports.useListenerResized=q.default;exports.Form=n.default;exports.Control=s.default;exports.useForm=d.default;exports.useControl=a.default;exports.useFormGroup=l.default;exports.Grid=c.Grid;exports.GridItem=m.GridItem;exports.Drawer=f.default;exports.Menu=C.default;exports.MenuButton=G.default;exports.useMenu=T.default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -1,4 +1,12 @@
-export * from './components';
+export * from './actions';
+export * from './animations';
 export * from './core';
+export * from './display';
+export * from './feedback';
+export * from './fields';
+export * from './hooks';
+export * from './lab';
+export * from './layout';
+export * from './navigation';
 export * from './theme';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,2 +1,2 @@
-import"./components/Button/Button.js";import{default as d}from"./components/Card/Card.js";import{default as u}from"./components/Card/CardContent.js";import"./components/Icon/Icon.js";import"./components/Loading/Loading.js";import"react/jsx-runtime";import"react";/* empty css                                 */import"./components/Stack/Stack.js";import{default as l}from"./theme/useTheme.js";import{default as C}from"./theme/ThemeProvider.js";import{createTheme as n}from"./core/src/theme/createTheme/createTheme.js";export{d as Card,u as CardContent,C as ThemeProvider,n as createTheme,l as useTheme};
+import"./actions/Button/Button.js";import"./actions/ButtonIcon/ButtonIcon.js";import"react/jsx-runtime";import"react";/* empty css                                 */import{default as w}from"./animations/Slide/Slide.js";import{default as B}from"./theme/useTheme.js";import{default as I}from"./theme/ThemeProvider.js";import"./core/src/theme/Theme.js";import{createTheme as P}from"./core/src/theme/createTheme/createTheme.js";import{default as S}from"./display/Card/Card.js";import{default as g}from"./display/Card/CardContent.js";import"./display/Chip/Chip.js";import"./display/Icon/Icon.js";import"./display/Table/Table.js";import"./display/Tooltip/Tooltip.js";import"./display/Typography/Typography.js";import"./feedback/Alert/Alert.js";import"./feedback/Loading/Loading.js";import"./fields/Checkbox/Checkbox.js";import"./fields/CheckboxGroup/CheckboxGroup.js";import"./fields/ColorPicker/ColorPicker.js";import"./fields/Input/Input.js";import"./fields/InputFile/InputFile.js";import"./fields/Select/Select.js";import{default as k}from"./hooks/useListenerResized/useListenerResized.js";import{default as y}from"./lab/Form/Form.js";import{default as E}from"./lab/Form/Control.js";import{default as J}from"./lab/Form/useForm.js";import{default as N}from"./lab/Form/useControl.js";import{default as Q}from"./lab/Form/useFormGroup.js";import"./layout/Box/Box.js";import{Grid as V}from"./layout/Grid/Grid.js";import{GridItem as X}from"./layout/Grid/GridItem.js";import"./layout/Stack/Stack.js";import{default as Z}from"./navigation/Drawer/Drawer.js";import{default as $}from"./navigation/Menu/Menu.js";import{default as or}from"./navigation/Menu/MenuButton.js";import{default as er}from"./navigation/Menu/useMenu.js";export{S as Card,g as CardContent,E as Control,Z as Drawer,y as Form,V as Grid,X as GridItem,$ as Menu,or as MenuButton,w as Slide,I as ThemeProvider,P as createTheme,N as useControl,J as useForm,Q as useFormGroup,k as useListenerResized,er as useMenu,B as useTheme};
 //# sourceMappingURL=index.js.map

package/dist/lab/Form/AbstractControl.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=AbstractControl.cjs.map

package/dist/lab/Form/AbstractControl.cjs.map

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

package/dist/lab/Form/AbstractControl.d.ts

@@ -0,0 +1,5 @@
+import { default as FormControl } from './FormControl';
+export type AbstractControl<T extends Record<string, unknown>, K extends keyof T = keyof T> = {
+    [x in K]: FormControl<T[K]>;
+};
+//# sourceMappingURL=AbstractControl.d.ts.map

package/dist/lab/Form/AbstractControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractControl.d.ts","sourceRoot":"","sources":["../../../src/lab/Form/AbstractControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,MAAM,eAAe,CACzB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,CAAC,IACzB;KAAG,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAA"}

package/dist/lab/Form/AbstractControl.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=AbstractControl.js.map

package/dist/lab/Form/AbstractControl.js.map

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

package/dist/lab/Form/Control.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),a=require("./useControl.cjs");function i({controlName:u,field:p,action:n="input"}){const{control:s,update:t}=a.default(u);return(r=>{const o=e=>["radio","checkbox"].includes(e.type)?e.target.checked:e.target.value;return l.cloneElement(r,{onBlur:e=>{n==="blur"&&t(o(e)),r.props.onBlur&&r.props.onBlur(e)},onInput:e=>{n==="input"&&t(o(e)),r.props.onInput&&r.props.onInput(e)},onChange:e=>{n==="change"&&t(o(e)),r.props.onChange&&r.props.onChange(e)}})})(p(s))}exports.default=i;
+//# sourceMappingURL=Control.cjs.map

package/dist/lab/Form/Control.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.cjs","sources":["../../../src/lab/Form/Control.tsx"],"sourcesContent":["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}"],"names":["Control","controlName","field","action","control","update","useControl","child","getValue","cloneElement"],"mappings":"mKAcA,SAAwBA,EAGtB,CACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EAAS,OACX,EAAuB,CACrB,KAAM,CAAE,QAAAC,EAAS,OAAAC,GAAWC,EAAAA,QAAiBL,CAAW,EA4BxD,OA1BwBM,GAA+D,CACrF,MAAMC,EAAY,GACZ,CAAC,QAAS,UAAU,EAAE,SAAS,EAAE,IAAI,EAAY,EAAE,OAAO,QAEvD,EAAE,OAAO,MAGlB,OAAOC,EAAAA,aAAaF,EAAO,CACzB,OAAS,GAAM,CACTJ,IAAW,QAAUE,EAAOG,EAAS,CAAC,CAAC,EAEvCD,EAAM,MAAM,QAAUA,EAAM,MAAM,OAAO,CAAC,CAChD,EACA,QAAU,GAAM,CACVJ,IAAW,SAAWE,EAAOG,EAAS,CAAC,CAAC,EAExCD,EAAM,MAAM,SAAWA,EAAM,MAAM,QAAQ,CAAC,CAClD,EACA,SAAW,GAAM,CACXJ,IAAW,UAAYE,EAAOG,EAAS,CAAC,CAAC,EAEzCD,EAAM,MAAM,UAAYA,EAAM,MAAM,SAAS,CAAC,CACpD,CAAA,CACD,CACH,GAGiBL,EAAME,CAAO,CAAC,CAEjC"}

package/dist/lab/Form/Control.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes, ReactElement } from 'react';
+import { AbstractControl } from './AbstractControl';
+interface ControlProps<T extends Record<string, any>, K extends keyof T> {
+    controlName: K;
+    action?: 'change' | 'input' | 'blur';
+    field: (control: AbstractControl<T>[K]) => React.JSX.Element;
+}
+export default function Control<T extends Record<string, any>, K extends keyof T>({ controlName, field, action }: ControlProps<T, K>): ReactElement<InputHTMLAttributes<HTMLInputElement>, string | import('react').JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=Control.d.ts.map

package/dist/lab/Form/Control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../src/lab/Form/Control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,mBAAmB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,UAAU,YAAY,CACpB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,SAAS,MAAM,CAAC;IAEjB,WAAW,EAAE,CAAC,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACrC,KAAK,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC9D;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,SAAS,MAAM,CAAC,EACjB,EACA,WAAW,EACX,KAAK,EACL,MAAgB,EACjB,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,4GAgCpB"}

package/dist/lab/Form/Control.js

@@ -0,0 +1,2 @@
+import{cloneElement as f}from"react";import a from"./useControl.js";function C({controlName:p,field:u,action:o="input"}){const{control:s,update:e}=a(p);return(r=>{const t=n=>["radio","checkbox"].includes(n.type)?n.target.checked:n.target.value;return f(r,{onBlur:n=>{o==="blur"&&e(t(n)),r.props.onBlur&&r.props.onBlur(n)},onInput:n=>{o==="input"&&e(t(n)),r.props.onInput&&r.props.onInput(n)},onChange:n=>{o==="change"&&e(t(n)),r.props.onChange&&r.props.onChange(n)}})})(u(s))}export{C as default};
+//# sourceMappingURL=Control.js.map

package/dist/lab/Form/Control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.js","sources":["../../../src/lab/Form/Control.tsx"],"sourcesContent":["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}"],"names":["Control","controlName","field","action","control","update","useControl","child","getValue","e","cloneElement"],"mappings":"oEAcA,SAAwBA,EAGtB,CACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EAAS,OACX,EAAuB,CACrB,KAAM,CAAE,QAAAC,EAAS,OAAAC,GAAWC,EAAiBL,CAAW,EA4BxD,OA1BwBM,GAA+D,CACrF,MAAMC,EAAYC,GACZ,CAAC,QAAS,UAAU,EAAE,SAASA,EAAE,IAAI,EAAYA,EAAE,OAAO,QAEvDA,EAAE,OAAO,MAGlB,OAAOC,EAAaH,EAAO,CACzB,OAASE,GAAM,CACTN,IAAW,QAAUE,EAAOG,EAASC,CAAC,CAAC,EAEvCF,EAAM,MAAM,QAAUA,EAAM,MAAM,OAAOE,CAAC,CAChD,EACA,QAAUA,GAAM,CACVN,IAAW,SAAWE,EAAOG,EAASC,CAAC,CAAC,EAExCF,EAAM,MAAM,SAAWA,EAAM,MAAM,QAAQE,CAAC,CAClD,EACA,SAAWA,GAAM,CACXN,IAAW,UAAYE,EAAOG,EAASC,CAAC,CAAC,EAEzCF,EAAM,MAAM,UAAYA,EAAM,MAAM,SAASE,CAAC,CACpD,CAAA,CACD,CACH,GAGiBP,EAAME,CAAO,CAAC,CAEjC"}

package/dist/lab/Form/Form.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("react"),r=u.createContext(null);function a({formGroup:e,debug:o=!1,children:n,...l}){return t.jsxs(r,{value:e,children:[t.jsx("form",{...l,onSubmit:e.submit,noValidate:!0,children:n}),o&&t.jsx("pre",{style:{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(e.controls,null,2)})]})}exports.FormContext=r;exports.default=a;
+//# sourceMappingURL=Form.cjs.map

package/dist/lab/Form/Form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs","sources":["../../../src/lab/Form/Form.tsx"],"sourcesContent":["import { createContext, 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, unknown>> extends HTMLAttributes<HTMLFormElement> {\n  formGroup: FormGroup<T>;\n  debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, unknown>>({\n  formGroup,\n  debug = false,\n  children,\n  ...props\n}: FormProps<T>) {\n  return (\n    <FormContext value={formGroup}>\n      <form {...props} onSubmit={formGroup.submit} noValidate>\n        {children}\n      </form>\n      {\n        debug && (\n          <pre style={{\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.controls, null, 2)}\n          </pre>\n        )\n      }\n    </FormContext>\n  );\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","jsxs","jsx"],"mappings":"oKAIaA,EAAcC,EAAAA,cAAqC,IAAI,EAOpE,SAAwBC,EAAwC,CAC9D,UAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EACA,GAAGC,CACL,EAAiB,CACf,OACEC,EAAAA,KAACP,EAAA,CAAY,MAAOG,EAClB,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAM,GAAGF,EAAO,SAAUH,EAAU,OAAQ,WAAU,GACpD,SAAAE,EACH,EAEED,GACEI,EAAAA,IAAC,MAAA,CAAI,MAAO,CACV,UAAW,IACX,QAAS,GACT,aAAc,EACd,SAAU,OACV,MAAO,OACP,WAAY,UACZ,UAAW,wDAAA,EAEV,SAAA,KAAK,UAAUL,EAAU,SAAU,KAAM,CAAC,CAAA,CAC7C,CAAA,EAGN,CAEJ"}

package/dist/lab/Form/Form.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import { default as FormGroup } from './FormGroup';
+export declare const FormContext: import('react').Context<FormGroup<any> | null>;
+interface FormProps<T extends Record<string, unknown>> extends HTMLAttributes<HTMLFormElement> {
+    formGroup: FormGroup<T>;
+    debug?: boolean;
+}
+export default function Form<T extends Record<string, unknown>>({ formGroup, debug, children, ...props }: FormProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Form.d.ts.map

package/dist/lab/Form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/lab/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,eAAO,MAAM,WAAW,gDAA6C,CAAC;AAEtE,UAAU,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC5F,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC9D,SAAS,EACT,KAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CAuBd"}

package/dist/lab/Form/Form.js

@@ -0,0 +1,2 @@
+import{jsxs as a,jsx as o}from"react/jsx-runtime";import{createContext as l}from"react";const i=l(null);function d({formGroup:e,debug:t=!1,children:r,...n}){return a(i,{value:e,children:[o("form",{...n,onSubmit:e.submit,noValidate:!0,children:r}),t&&o("pre",{style:{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(e.controls,null,2)})]})}export{i as FormContext,d as default};
+//# sourceMappingURL=Form.js.map

package/dist/lab/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../src/lab/Form/Form.tsx"],"sourcesContent":["import { createContext, 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, unknown>> extends HTMLAttributes<HTMLFormElement> {\n  formGroup: FormGroup<T>;\n  debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, unknown>>({\n  formGroup,\n  debug = false,\n  children,\n  ...props\n}: FormProps<T>) {\n  return (\n    <FormContext value={formGroup}>\n      <form {...props} onSubmit={formGroup.submit} noValidate>\n        {children}\n      </form>\n      {\n        debug && (\n          <pre style={{\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.controls, null, 2)}\n          </pre>\n        )\n      }\n    </FormContext>\n  );\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","jsxs","jsx"],"mappings":"wFAIO,MAAMA,EAAcC,EAAqC,IAAI,EAOpE,SAAwBC,EAAwC,CAC9D,UAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EACA,GAAGC,CACL,EAAiB,CACf,OACEC,EAACP,EAAA,CAAY,MAAOG,EAClB,SAAA,CAAAK,EAAC,OAAA,CAAM,GAAGF,EAAO,SAAUH,EAAU,OAAQ,WAAU,GACpD,SAAAE,EACH,EAEED,GACEI,EAAC,MAAA,CAAI,MAAO,CACV,UAAW,IACX,QAAS,GACT,aAAc,EACd,SAAU,OACV,MAAO,OACP,WAAY,UACZ,UAAW,wDAAA,EAEV,SAAA,KAAK,UAAUL,EAAU,SAAU,KAAM,CAAC,CAAA,CAC7C,CAAA,EAGN,CAEJ"}

package/dist/lab/Form/Form.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Form } from './Form';
+declare const meta: Meta<typeof Form>;
+export declare const _useForm: StoryObj<typeof Form>;
+export declare const _control: StoryObj<typeof Form>;
+export declare const _useControl: StoryObj<typeof Form>;
+export declare const _validator: StoryObj<typeof Form>;
+export default meta;
+//# sourceMappingURL=Form.stories.d.ts.map

package/dist/lab/Form/Form.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../src/lab/Form/Form.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAS1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAe3B,CAAC;AAeF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,IAAI,CA+B1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,IAAI,CA6B1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,IAAI,CAoB7C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CA6C5C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/lab/Form/FormControl.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class i{_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}}exports.default=i;
+//# sourceMappingURL=FormControl.cjs.map

package/dist/lab/Form/FormControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.cjs","sources":["../../../src/lab/Form/FormControl.ts"],"sourcesContent":["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"],"names":["FormControl","defaultValue","type","validators","value","errors","v"],"mappings":"4GAWA,MAAqBA,CAAgD,CAC3D,OACA,aACA,WAA6B,CAAA,EAE9B,KACA,MAAQ,GACR,MAAQ,GAEf,YAAY,CACV,aAAAC,EACA,KAAAC,EAAO,OACP,WAAAC,CAAA,EACU,CACV,KAAK,KAAOD,EACZ,KAAK,OAASD,EACd,KAAK,aAAeA,EAEhBE,IAAc,KAAK,WAAaA,EACtC,CAEA,IAAI,OAAW,CAAE,OAAO,KAAK,MAAQ,CACrC,IAAI,MAAMC,EAAU,CAClB,KAAK,MAAQ,GACb,KAAK,OAASA,EACd,KAAK,SAAA,CACP,CAEA,IAAI,WAAY,CAAE,MAAO,GAAQ,KAAK,OAAS,KAAK,MAAQ,CAErD,OAAQ,CACb,KAAK,MAAQ,KAAK,aAClB,KAAK,MAAQ,EACf,CAEO,UAAW,CAChB,MAAMC,EAAS,KAAK,WACjB,IAAIC,GAAKA,EAAE,IAAI,CAAC,EAChB,OAAO,OAAO,EAEjB,YAAK,MAAQD,EAAO,CAAC,GAAK,GAEnB,KAAK,KACd,CACF"}

package/dist/lab/Form/FormControl.d.ts

@@ -0,0 +1,24 @@
+type Type = 'text' | 'email';
+type Validator<C> = (control: FormControl<C>) => string | false | void;
+type Data<T> = {
+    defaultValue: T;
+    type?: Type;
+    validators?: Validator<T>[];
+};
+export type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];
+export default class FormControl<V> implements Pick<Data<V>, 'type'> {
+    private _value;
+    private defaultValue;
+    private validators;
+    type: Type;
+    error: string;
+    dirty: boolean;
+    constructor({ defaultValue, type, validators, }: Data<V>);
+    get value(): V;
+    set value(value: V);
+    get isInvalid(): boolean;
+    reset(): void;
+    validate(): string;
+}
+export {};
+//# sourceMappingURL=FormControl.d.ts.map

package/dist/lab/Form/FormControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/lab/Form/FormControl.ts"],"names":[],"mappings":"AAAA,KAAK,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7B,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;AAEvE,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,YAAY,EAAE,CAAC,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;CAC7B,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAElF,MAAM,CAAC,OAAO,OAAO,WAAW,CAAC,CAAC,CAAE,YAAW,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAClE,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,UAAU,CAAsB;IAEjC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,SAAM;IACX,KAAK,UAAS;gBAET,EACV,YAAY,EACZ,IAAa,EACb,UAAU,GACX,EAAE,IAAI,CAAC,CAAC,CAAC;IAQV,IAAI,KAAK,IAAI,CAAC,CAAwB;IACtC,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,EAIjB;IAED,IAAI,SAAS,YAAgD;IAEtD,KAAK;IAKL,QAAQ;CAShB"}

package/dist/lab/Form/FormControl.js

@@ -0,0 +1,2 @@
+class i{_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}}export{i as default};
+//# sourceMappingURL=FormControl.js.map

package/dist/lab/Form/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sources":["../../../src/lab/Form/FormControl.ts"],"sourcesContent":["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"],"names":["FormControl","defaultValue","type","validators","value","errors","v"],"mappings":"AAWA,MAAqBA,CAAgD,CAC3D,OACA,aACA,WAA6B,CAAA,EAE9B,KACA,MAAQ,GACR,MAAQ,GAEf,YAAY,CACV,aAAAC,EACA,KAAAC,EAAO,OACP,WAAAC,CAAA,EACU,CACV,KAAK,KAAOD,EACZ,KAAK,OAASD,EACd,KAAK,aAAeA,EAEhBE,IAAc,KAAK,WAAaA,EACtC,CAEA,IAAI,OAAW,CAAE,OAAO,KAAK,MAAQ,CACrC,IAAI,MAAMC,EAAU,CAClB,KAAK,MAAQ,GACb,KAAK,OAASA,EACd,KAAK,SAAA,CACP,CAEA,IAAI,WAAY,CAAE,MAAO,GAAQ,KAAK,OAAS,KAAK,MAAQ,CAErD,OAAQ,CACb,KAAK,MAAQ,KAAK,aAClB,KAAK,MAAQ,EACf,CAEO,UAAW,CAChB,MAAMC,EAAS,KAAK,WACjB,IAAIC,GAAKA,EAAE,IAAI,CAAC,EAChB,OAAO,OAAO,EAEjB,YAAK,MAAQD,EAAO,CAAC,GAAK,GAEnB,KAAK,KACd,CACF"}

package/dist/lab/Form/FormGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class i{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.handle.submit(this))}reset(){this.eachControl(t=>t.reset()),this.hydrate(this)}validate(){this.validator&&(Object.entries(this.validator).map(([t,e])=>{const r=this.controls[t].validate(),s=e(this);this.controls[t].error=r||s||""}),this.isValid=!this.errors.length)}}exports.default=i;
+//# sourceMappingURL=FormGroup.cjs.map