@iziui/react 0.0.2-rc → 0.0.4-rc

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

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

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Typography } from './Typography';
+export declare const size: StoryObj<typeof Typography>;
+export declare const _colors: StoryObj<typeof Typography>;
+export declare const Playground: StoryObj<typeof Typography>;
+declare const meta: Meta<typeof Typography>;
+export default meta;
+//# sourceMappingURL=Typography.stories.d.ts.map

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

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

package/dist/display/Typography/index.cjs

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

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

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

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

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

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

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

package/dist/display/Typography/index.js

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

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

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

package/dist/display/index.cjs

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

package/dist/display/index.cjs.map

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

package/dist/display/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Card';
+export * from './Chip';
+export * from './Icon';
+export * from './Table';
+export * from './Tooltip';
+export * from './Typography';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/display/index.js

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

package/dist/display/index.js.map

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

package/dist/feedback/Alert/Alert.cjs

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

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

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

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

@@ -0,0 +1,11 @@
+import { HtmlHTMLAttributes } from 'react';
+import { Colors } from '@iziui/core/theme';
+export interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {
+    color?: Colors;
+    icon?: React.JSX.Element;
+    children: React.ReactNode;
+    onClose?: () => void;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<AlertProps>>;
+export default _default;
+//# sourceMappingURL=Alert.d.ts.map

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

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

package/dist/feedback/Alert/Alert.js

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

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

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

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

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

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

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

package/dist/feedback/Alert/index.cjs

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

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

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

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

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

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

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

package/dist/feedback/Alert/index.js

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

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

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

package/dist/feedback/Loading/Loading.cjs

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

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

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

package/dist/{components → feedback}/Loading/Loading.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
-import { MappedColors } from '@iziui/core/theme';
+import { Colors } from '@iziui/core/theme';
 export interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {
-    color?: MappedColors;
+    color?: Colors;
     size?: number | string;
 }
 declare const _default: import('react').FC<import('@iziui/core/options').Sx<LoadingProps>>;

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

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

package/dist/feedback/Loading/Loading.js

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

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

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

package/dist/{components → feedback}/Loading/Loading.stories.d.ts

@@ -1,7 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Loading } from './Loading';
-declare const meta: Meta<typeof Loading>;
 export declare const Colors: StoryObj<typeof Loading>;
 export declare const Sizes: StoryObj<typeof Loading>;
+export declare const Playground: StoryObj<typeof Loading>;
+declare const meta: Meta<typeof Loading>;
 export default meta;
 //# sourceMappingURL=Loading.stories.d.ts.map

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

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

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

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

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

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

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

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

package/dist/feedback/Modal/Modal.cjs

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

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

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

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+export interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    title?: React.JSX.Element;
+    subtitle?: React.JSX.Element;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<ModalProps>>;
+export default _default;
+//# sourceMappingURL=Modal.d.ts.map

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

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

package/dist/feedback/Modal/Modal.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/feedback/Modal/ModalFooter.cjs

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

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

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

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

@@ -0,0 +1,6 @@
+interface ModalFooterProps {
+    children: React.ReactNode;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<ModalFooterProps>>;
+export default _default;
+//# sourceMappingURL=ModalFooter.d.ts.map

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

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

package/dist/feedback/Modal/ModalFooter.js

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

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

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

package/dist/feedback/Modal/index.cjs

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

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

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

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

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

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

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

package/dist/feedback/Modal/index.js

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

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

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

package/dist/feedback/Modal/useModal.cjs

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

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

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

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

@@ -0,0 +1,6 @@
+interface UseModalProps {
+    open?: boolean;
+}
+export default function useModal({ open }?: UseModalProps): [boolean, () => void];
+export {};
+//# sourceMappingURL=useModal.d.ts.map

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

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

package/dist/feedback/Modal/useModal.js

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

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

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

package/dist/feedback/Skeleton/Skeleton.cjs

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

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

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

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

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+type Variants = 'rounded' | 'rectangular' | 'circular';
+export interface SkeletonProps {
+    variant?: Variants;
+    width: CSSProperties['width'];
+    height: CSSProperties['height'];
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<SkeletonProps>>;
+export default _default;
+//# sourceMappingURL=Skeleton.d.ts.map

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

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

package/dist/feedback/Skeleton/Skeleton.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../src/feedback/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAU9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAEhD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAmD/B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/feedback/Skeleton/index.cjs

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

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

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

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

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

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

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

package/dist/feedback/Skeleton/index.js

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

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

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

package/dist/feedback/index.cjs

@@ -0,0 +1,2 @@
+"use strict";require("./Alert/Alert.cjs");require("./Loading/Loading.cjs");
+//# sourceMappingURL=index.cjs.map

package/dist/feedback/index.cjs.map

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

package/dist/feedback/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Alert';
+export * from './Loading';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/feedback/index.js

@@ -0,0 +1,2 @@
+import"./Alert/Alert.js";import"./Loading/Loading.js";
+//# sourceMappingURL=index.js.map

package/dist/feedback/index.js.map

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

package/dist/fields/Checkbox/Checkbox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../../tokens/dist/web/js/index.cjs"),x=require("../../core/src/utils/joinClass/joinClass.cjs"),p=require("../../layout/Stack/Stack.cjs"),b=require("../../core/createComponent.cjs");;/* empty css                                          */function f({label:l,name:c,color:t="primary",checked:s,disabled:i,error:n,helperText:o,...u}){const a=x.joinClass(`${e.prefix}-checkbox`,`${e.prefix}-checkbox--${t}`,s&&`${e.prefix}-checkbox--${t}--checked`,i&&`${e.prefix}-checkbox--disabled`),h=x.joinClass(`${e.prefix}-checkbox__helper-text`,o&&`${e.prefix}-checkbox__helper-text--visible`,n&&`${e.prefix}-checkbox__helper-text--error`);return r.jsxs(p.default,{gap:4,children:[r.jsxs("label",{htmlFor:c,className:a,children:[r.jsx("input",{type:"checkbox",...u,id:c,name:c,checked:s,disabled:i}),l]}),r.jsx("span",{className:h,children:o})]})}const d=b.default(f);exports.default=d;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/fields/Checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { HTMLProps } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Checkbox.scss';\n\nexport interface CheckboxProps extends Omit<HTMLProps<HTMLInputElement>, 'id'> {\n  name: string;\n  label: string;\n  helperText?: string;\n  error?: boolean;\n  color?: Colors;\n  checked?: boolean;\n}\n\nfunction Checkbox({\n  label,\n  name,\n  color = 'primary',\n  checked,\n  disabled,\n  error,\n  helperText,\n  ...props\n}: CheckboxProps) {\n  const className = joinClass(\n    `${prefix}-checkbox`,\n    `${prefix}-checkbox--${color}`,\n    checked && `${prefix}-checkbox--${color}--checked`,\n    disabled && `${prefix}-checkbox--disabled`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-checkbox__helper-text`,\n    helperText && `${prefix}-checkbox__helper-text--visible`,\n    error && `${prefix}-checkbox__helper-text--error`,\n  );\n\n  return (\n    <Stack gap={4}>\n      <label htmlFor={name} className={className}>\n        <input\n          type=\"checkbox\"\n          {...props}\n          id={name}\n          name={name}\n          checked={checked}\n          disabled={disabled}\n        />\n        {label}\n      </label>\n      {\n        <span className={helperTextClss}>{helperText}</span>\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Checkbox);\n"],"names":["Checkbox","label","name","color","checked","disabled","error","helperText","props","className","joinClass","prefix","helperTextClss","jsxs","Stack","jsx","Checkbox_default","createComponent"],"mappings":"0YAsBA,SAASA,EAAS,CAChB,MAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,YACT,GAAGA,EAAAA,MAAM,cAAcR,CAAK,GAC5BC,GAAW,GAAGO,EAAAA,MAAM,cAAcR,CAAK,YACvCE,GAAY,GAAGM,EAAAA,MAAM,qBAAA,EAGjBC,EAAiBF,EAAAA,UACrB,GAAGC,EAAAA,MAAM,yBACTJ,GAAc,GAAGI,EAAAA,MAAM,kCACvBL,GAAS,GAAGK,EAAAA,MAAM,+BAAA,EAGpB,OACEE,EAAAA,KAACC,EAAAA,QAAA,CAAM,IAAK,EACV,SAAA,CAAAD,EAAAA,KAAC,QAAA,CAAM,QAASX,EAAM,UAAAO,EACpB,SAAA,CAAAM,EAAAA,IAAC,QAAA,CACC,KAAK,WACJ,GAAGP,EACJ,GAAIN,EACJ,KAAAA,EACA,QAAAE,EACA,SAAAC,CAAA,CAAA,EAEDJ,CAAA,EACH,EAEEc,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAiB,SAAAL,CAAA,CAAW,CAAA,EAEjD,CAEJ,CAEA,MAAAS,EAAeC,EAAAA,QAAgBjB,CAAQ"}

package/dist/fields/Checkbox/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import { HTMLProps } from 'react';
+import { Colors } from '@iziui/core/theme';
+export interface CheckboxProps extends Omit<HTMLProps<HTMLInputElement>, 'id'> {
+    name: string;
+    label: string;
+    helperText?: string;
+    error?: boolean;
+    color?: Colors;
+    checked?: boolean;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<CheckboxProps>>;
+export default _default;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOhD,OAAO,wCAAwC,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;AA6CD,wBAAyC"}

package/dist/fields/Checkbox/Checkbox.js

@@ -0,0 +1,2 @@
+import{jsxs as i,jsx as p}from"react/jsx-runtime";import{prefix as e}from"../../tokens/dist/web/js/index.js";import{joinClass as s}from"../../core/src/utils/joinClass/joinClass.js";import n from"../../layout/Stack/Stack.js";import k from"../../core/createComponent.js";/* empty css                                       */function f({label:x,name:o,color:c="primary",checked:r,disabled:t,error:l,helperText:h,...m}){const a=s(`${e}-checkbox`,`${e}-checkbox--${c}`,r&&`${e}-checkbox--${c}--checked`,t&&`${e}-checkbox--disabled`),b=s(`${e}-checkbox__helper-text`,h&&`${e}-checkbox__helper-text--visible`,l&&`${e}-checkbox__helper-text--error`);return i(n,{gap:4,children:[i("label",{htmlFor:o,className:a,children:[p("input",{type:"checkbox",...m,id:o,name:o,checked:r,disabled:t}),x]}),p("span",{className:b,children:h})]})}const y=k(f);export{y as default};
+//# sourceMappingURL=Checkbox.js.map