@iziui/react 0.0.79-rc → 0.0.80-rc

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/fields/Switch/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/.types/fields/Switch/Switch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../../src/fields/Switch/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/.types/fields/Switch/index.d.ts.map

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

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

@@ -4,4 +4,5 @@ export * from './ColorPicker';
 export * from './Input';
 export * from './InputFile';
 export * from './Select';
+export * from './Switch';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AACzB,cAAc,UAAU,CAAC"}

package/dist/components/{Switchs/index.js.map → Switch/index.cjs.map}

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

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

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

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

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

package/dist/scss/main.scss

@@ -0,0 +1,2 @@
+@forward "variables";
+@forward "mixins";

package/dist/scss/mixins.scss

@@ -0,0 +1,61 @@
+/* Auto-generated by Style Dictionary. Do not edit directly. */
+@use "sass:string";
+
+
+/* GRID */
+@mixin grid($gap: 0, $grid-columns: 12, $grid-rows: 1) {
+  width: 100%;
+  display: grid;
+  gap: $gap;
+  position: relative;
+  grid-template-rows: $grid-rows;
+  grid-template-columns: repeat($grid-columns, 1fr);
+  -ms-grid-columns: string.unquote(repeater("1fr ", $grid-columns));
+}
+
+@mixin grid-column-start($cols) {
+  -ms-grid-column: $cols;
+  grid-column-start: $cols;
+}
+
+@mixin grid-column-span($cols: $grid-columns) {
+grid-column-end: span $cols;
+-ms-grid-column-span: $cols;
+}
+
+@mixin grid-row-start($rows) {
+  -ms-grid-row: $rows;
+  grid-row-start: $rows;
+}
+
+
+/* MEDRIA QUERY */
+@mixin for-xl {
+  @media only screen and (min-width: 1536px) {
+    @content;
+  }
+}
+
+@mixin for-lg {
+  @media only screen and (max-width: 1535px) {
+    @content;
+  }
+}
+
+@mixin for-md {
+  @media only screen and (max-width: 1199px) {
+      @content;
+  }
+}
+
+@mixin for-sm {
+  @media only screen and (max-width: 899px) {
+      @content;
+  }
+}
+
+@mixin for-xs {
+  @media only screen and (max-width: 599px) {
+    @content;
+  }
+}

package/dist/scss/variables.scss

@@ -0,0 +1,47 @@
+$colors: (
+  'primary',
+  'secondary',
+  'info',
+  'error',
+  'warning',
+  'success',
+);
+
+$sizes: (
+  'xl',
+  'lg',
+  'md',
+  'sm',
+  'xs',
+);
+
+$prefix: 'iziui';
+
+$font_sizes: (
+  small: 12px,
+  medium: 16px,
+  large: 22px
+);
+  
+$icon_sizes: (
+  small: 16px,
+  medium: 24px,
+  large: 32px
+);
+  
+$box-shadow-small: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+$box-shadow-regular: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+$box-shadow-large: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+$proportion-base: 10.8px 14.4px;
+$proportion-small: 10.8px 14.4px;
+$animation: .3s cubic-bezier(0.4, 0.0, 0.2, 1);
+$gap: 0;
+$columns: 12;
+$rows: 1;
+$xl: 1536;
+$lg: 1535;
+$md: 1199;
+$sm: 899;
+$xs: 599;
+$radius: 8px;
+$spacing: 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iziui/react",
-  "version": "0.0.79-rc",
+  "version": "0.0.80-rc",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -47,7 +47,8 @@
       "import": "./dist/core/index.js",
       "require": "./dist/core/index.cjs"
     },
-    "./style.css": "./dist/style.css"
+    "./style.css": "./dist/style.css",
+    "./scss/*": "./dist/scss/*"
   },
   "scripts": {
     "storybook": "storybook dev -p 6006",

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

@@ -1 +0,0 @@
-{"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/.types/fields/Switchs/Switch.stories.d.ts.map

@@ -1 +0,0 @@
-{"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/.types/fields/Switchs/index.d.ts.map

@@ -1 +0,0 @@
-{"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/components/Switchs/index.cjs.map

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

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

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