@iziui/react 0.0.91-rc → 0.0.93-rc

package/dist/.types/_internal/core/options/CustomOptions.d.ts

@@ -1,10 +1,5 @@
-import { Properties } from 'csstype';
 import type { PaletteBuilded } from '../theme';
-export type CustomOptions = Partial<ColorOptions & ShapeOptions & SpacingOptions & BehaviorOptions & MediaQueryOptions>;
-type MediaQuery = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type MediaQueryOptions = {
-    [M in MediaQuery]: Properties;
-};
+export type CustomOptions = Partial<ColorOptions & ShapeOptions & SpacingOptions & BehaviorOptions>;
 type Size = 'sm' | 'md' | 'lg';
 type Spacing = 'p' | 'py' | 'px' | 'pt' | 'pb' | 'pl' | 'pr' | 'm' | 'my' | 'mx' | 'mt' | 'mb' | 'ml' | 'mr';
 type SpacingOptions = {

package/dist/.types/_internal/core/options/createOptions/createOptions.d.ts

@@ -6,5 +6,5 @@ type Data = {
     sx: CustomOptions;
     theme: ThemeBuilded;
 };
-export default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties<0 | (string & {}), string & {}>;
+export default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties;
 export {};

package/dist/.types/_internal/core/plugin/behavior/defineBoxShadow/defineBoxShadow.d.ts

@@ -1,6 +1,2 @@
-declare const _default: import("../..").Plugin<{
-    boxShadow?: undefined;
-} | {
-    boxShadow: string;
-}>;
+declare const _default: import("../..").Plugin;
 export default _default;

package/dist/.types/_internal/core/plugin/color/defineBackground/defineBackground.d.ts

@@ -1,6 +1,2 @@
-declare const _default: import("../..").Plugin<{
-    background?: undefined;
-} | {
-    background: string;
-}>;
+declare const _default: import("../..").Plugin;
 export default _default;

package/dist/.types/_internal/core/plugin/color/defineBackgroundColor/defineBackgroundColor.d.ts

@@ -1,6 +1,2 @@
-declare const _default: import("../..").Plugin<{
-    backgroundColor?: undefined;
-} | {
-    backgroundColor: string;
-}>;
+declare const _default: import("../..").Plugin;
 export default _default;

package/dist/.types/_internal/core/plugin/color/defineBorderColor/defineBorderColor.d.ts

@@ -1,6 +1,2 @@
-declare const _default: import("../..").Plugin<{
-    borderColor?: undefined;
-} | {
-    borderColor: string;
-}>;
+declare const _default: import("../..").Plugin;
 export default _default;

package/dist/.types/_internal/core/plugin/color/defineColor/defineColor.d.ts

@@ -1,6 +1,2 @@
-declare const _default: import("../..").Plugin<{
-    color?: undefined;
-} | {
-    color: string;
-}>;
+declare const _default: import("../..").Plugin;
 export default _default;

package/dist/.types/_internal/core/plugin/definePlugin/definePlugin.d.ts

@@ -1,4 +1,5 @@
+import type { Properties } from 'csstype';
 import type { ThemeBuilded } from '../../theme';
 import type { CustomOptions } from '../../options';
-import type { Plugin, Return } from '../plugin';
-export default function definePlugin<T extends Return>(cb: (theme: ThemeBuilded, options: CustomOptions) => T): Plugin<T>;
+import type { Plugin } from '../plugin';
+export default function definePlugin(cb: (theme: ThemeBuilded, options: CustomOptions) => Properties): Plugin;

package/dist/.types/_internal/core/plugin/index.d.ts

@@ -3,4 +3,3 @@ export * from './color';
 export * from './shape';
 export * from './spacing';
 export * from './behavior';
-export * from './breakpoint';

package/dist/.types/_internal/core/plugin/plugin.d.ts

@@ -1,5 +1,4 @@
 import type { Properties } from 'csstype';
 import type { ThemeBuilded } from '../theme';
 import type { CustomOptions } from '../options';
-export type Return = Properties | string;
-export type Plugin<T extends Return = Properties> = (theme: ThemeBuilded, options: CustomOptions) => T;
+export type Plugin = (theme: ThemeBuilded, options: CustomOptions) => Properties;

package/dist/.types/_internal/core/plugin/shape/defineBorderRadius/defineBorderRadius.d.ts

@@ -1,6 +1,2 @@
-declare const _default: import("../..").Plugin<{
-    borderRadius?: undefined;
-} | {
-    borderRadius: `${number}px`;
-}>;
+declare const _default: import("../..").Plugin;
 export default _default;

package/dist/.types/_internal/core/plugin/spacing/defineMargin/defineMargin.d.ts

@@ -1,8 +1,2 @@
-declare const _default: import("../..").Plugin<{
-    margin: string;
-    marginTop: string;
-    marginBottom: string;
-    marginLeft: string;
-    marginRight: string;
-}>;
+declare const _default: import("../..").Plugin;
 export default _default;

package/dist/.types/_internal/core/plugin/spacing/definePadding/definePadding.d.ts

@@ -1,8 +1,2 @@
-declare const _default: import("../..").Plugin<{
-    padding: string;
-    paddingTop: string;
-    paddingBottom: string;
-    paddingLeft: string;
-    paddingRight: string;
-}>;
+declare const _default: import("../..").Plugin;
 export default _default;

package/dist/.types/_internal/toolkit/file/file.d.ts

@@ -0,0 +1,4 @@
+export declare function getFileSize(fileSizeInBytes: number): string;
+type SizeUnit = 'Bytes' | 'KB' | 'MB' | 'GB' | 'TB' | 'PB';
+export declare function generateBytesSize(size: number, type: SizeUnit): number;
+export {};

package/dist/.types/_internal/toolkit/file/index.d.ts

@@ -0,0 +1 @@
+export * from './file';

package/dist/.types/_internal/toolkit/index.d.ts

@@ -1,4 +1,5 @@
 export * from './debounce';
+export * from './file';
 export * from './interface';
 export * from './logger';
 export * from './mask';

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

@@ -1,5 +1,11 @@
 import { InputHTMLAttributes } from 'react';
-export interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+export interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
+    files: File[];
+    error?: boolean;
+    success?: boolean;
+    helperText?: string;
+    onChange?: (files: File[]) => void;
+    renderFiles?: (files: File[]) => React.JSX.Element;
 }
 declare const _default: import('react').FC<import('../../_internal/core/system').Sx<InputFileProps>>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../../src/fields/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAQjD,OAAO,yCAAyC,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAAG;;AAa9F,wBAA0C"}
+{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../../src/fields/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAgBf,OAAO,yCAAyC,CAAC;AAIjD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACtG,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CACpD;;AAgJD,wBAA0C"}

package/dist/.types/fields/InputFile/InputFile.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../../src/fields/InputFile/InputFile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,SAAS,CAM9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAEjD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiBhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../../src/fields/InputFile/InputFile.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,SAAS,CAmD9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAEjD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiBhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/.types/navigation/Tabs/TabButton.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import { Colors } from '../../_internal/core/theme';
+export interface TabButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    label: string;
+    disabled?: boolean;
+    color?: Colors;
+    icon?: React.JSX.Element;
+}
+export default function TabButton({ icon, label, disabled, color, ...props }: TabButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabButton.d.ts.map

package/dist/.types/navigation/Tabs/TabButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAK3C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CA6BvG"}

package/dist/.types/navigation/Tabs/TabContent.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export interface TabContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.JSX.Element;
+    value: number;
+    current: number;
+}
+export default function TabContent({ children, value, current, ...props }: TabContentProps): false | import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabContent.d.ts.map

package/dist/.types/navigation/Tabs/TabContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,mDAUzF"}

package/dist/.types/navigation/Tabs/Tabs.d.ts

@@ -0,0 +1,10 @@
+import { Colors } from '../../_internal/core/theme';
+export interface TabsProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {
+    current?: number;
+    color?: Colors;
+    children: React.ReactNode;
+    onChange?: (index: number) => void;
+}
+declare const _default: import('react').FC<import('../../_internal/core/system').Sx<TabsProps>>;
+export default _default;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/.types/navigation/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAO3C,OAAO,oCAAoC,CAAC;AAQ5C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;;AAkGD,wBAAqC"}

package/dist/.types/navigation/Tabs/Tabs.spec.d.ts

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

package/dist/.types/navigation/Tabs/Tabs.spec.d.ts.map

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

package/dist/.types/navigation/Tabs/Tabs.stories.d.ts

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

package/dist/.types/navigation/Tabs/Tabs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AA8C1B,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,CAezC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,IAAI,CAe9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,IAAI,CAehD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAE5C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAkB3B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/.types/navigation/Tabs/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Tabs, type TabsProps } from './Tabs';
+export { default as TabButton, type TabButtonProps } from './TabButton';
+export { default as TabContent, type TabContentProps } from './TabContent';
+export { default as useTabs } from './useTabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/.types/navigation/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/.types/navigation/Tabs/useTabs.d.ts

@@ -0,0 +1,4 @@
+type UseTabs = [(index: number) => void, number];
+export default function useTabs(current: number): UseTabs;
+export {};
+//# sourceMappingURL=useTabs.d.ts.map

package/dist/.types/navigation/Tabs/useTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/useTabs.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAAE,MAAM,CAAC,CAAA;AAEhD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAWxD"}

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

@@ -1,3 +1,4 @@
-export * from './Menu';
 export * from './Drawer';
+export * from './Menu';
+export * from './Tabs';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/animations/Fade/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Fade-CM-5xRVt.cjs");require("react/jsx-runtime");require("react");exports.default=e.Fade;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Fade-DfxUFkY4.cjs");require("react/jsx-runtime");require("react");require("../../chunks/wait-CgS79FV1.cjs");exports.default=e.Fade;
 //# sourceMappingURL=index.cjs.map

package/dist/animations/Fade/index.js

@@ -1,2 +1,2 @@
-import{F as p}from"../../chunks/Fade-spxq-W-Q.js";import"react/jsx-runtime";import"react";export{p as default};
+import{F as i}from"../../chunks/Fade-CWDTkVB8.js";import"react/jsx-runtime";import"react";import"../../chunks/wait-BSgGzoPk.js";export{i as default};
 //# sourceMappingURL=index.js.map

package/dist/chunks/{Alert-mOXPwc3e.js → Alert-B-zwGEUF.js}

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as e}from"react/jsx-runtime";import{cloneElement as y}from"react";import{p as t}from"./index-CZ41y9Hn.js";import{j as c}from"./joinClass-anSpaauN.js";import{u as g}from"./useTheme-BYuNiCiH.js";import{S as i}from"./Stack-Deow48Th.js";import{T as h}from"./Typography-BrJZyxiT.js";import{B as x}from"./ButtonIcon-CYO1Crb-.js";import{c as I}from"./createComponent-CovqNaAJ.js";import{I as _}from"./Icon-imOBrsbL.js";function j({children:o,icon:n,color:r="primary",onClose:a,...s}){const{theme:{mode:l}}=g(),f=c(`${t}-alert`,`${t}-alert--${l}`,`${t}-alert--${r}`,s.className),p=c(`${t}-alert__button`,`${t}-alert__button--${r}`),u=()=>typeof o=="string"?e(h,{variant:"body1",style:{color:"currentcolor"},children:o}):o,$=d=>y(d,{color:`${r}.dark`});return m(i,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...s,className:f,children:[m(i,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t}-alert__content`,children:[n&&$(n),u()]}),a&&e("div",{children:e(x,{className:p,onClick:a,color:r,style:{color:"currentColor"},children:e(_,{name:"times"})})})]})}const S=I(j);export{S as A};
-//# sourceMappingURL=Alert-mOXPwc3e.js.map
+import{jsxs as m,jsx as e}from"react/jsx-runtime";import{cloneElement as y}from"react";import{p as t}from"./index-CZ41y9Hn.js";import{j as c}from"./joinClass-anSpaauN.js";import{u as g}from"./useTheme-BYuNiCiH.js";import{S as i}from"./Stack-C2zMFX0w.js";import{T as h}from"./Typography-BkvvYn5T.js";import{B as x}from"./ButtonIcon-mMZe5V_1.js";import{c as I}from"./createComponent-D-IheGJm.js";import{I as _}from"./Icon-B2zjgYkr.js";function j({children:o,icon:n,color:r="primary",onClose:a,...s}){const{theme:{mode:l}}=g(),f=c(`${t}-alert`,`${t}-alert--${l}`,`${t}-alert--${r}`,s.className),p=c(`${t}-alert__button`,`${t}-alert__button--${r}`),u=()=>typeof o=="string"?e(h,{variant:"body1",style:{color:"currentcolor"},children:o}):o,$=d=>y(d,{color:`${r}.dark`});return m(i,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...s,className:f,children:[m(i,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t}-alert__content`,children:[n&&$(n),u()]}),a&&e("div",{children:e(x,{className:p,onClick:a,color:r,style:{color:"currentColor"},children:e(_,{name:"times"})})})]})}const S=I(j);export{S as A};
+//# sourceMappingURL=Alert-B-zwGEUF.js.map

package/dist/chunks/{Alert-mOXPwc3e.js.map → Alert-B-zwGEUF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Alert-mOXPwc3e.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 { useTheme } from '@/theme';\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 { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${mode}`,\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      {...props}\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","mode","useTheme","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","Alert$1","createComponent"],"mappings":"ibAuBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,KAAM,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAA,EAEtBC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWJ,CAAI,GACxB,GAAGI,CAAM,WAAWP,CAAK,GACzBE,EAAM,SAAA,EAGFM,EAAkBF,EACtB,GAAGC,CAAM,iBACT,GAAGA,CAAM,mBAAmBP,CAAK,EAAA,EAG7BS,EAAgB,IAChB,OAAOX,GAAa,SAEpBY,EAACC,GAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAb,EACH,EAIGA,EAGHc,EAAcb,GACXc,EAAwBd,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEc,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGb,EACJ,UAAAG,EAEA,SAAA,CAAAS,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,CAAM,kBAEnB,SAAA,CAAAR,GAAQa,EAAWb,CAAI,EACvBU,EAAA,CAAc,CAAA,CAAA,EAGfR,KACG,MAAA,CACC,SAAAS,EAACM,EAAA,CACC,UAAWR,EACX,QAASP,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAU,EAACO,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAC,EAAeC,EAAgBtB,CAAK"}
+{"version":3,"file":"Alert-B-zwGEUF.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 { useTheme } from '@/theme';\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 { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${mode}`,\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      {...props}\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","mode","useTheme","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","Alert$1","createComponent"],"mappings":"ibAuBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,KAAM,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAA,EAEtBC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWJ,CAAI,GACxB,GAAGI,CAAM,WAAWP,CAAK,GACzBE,EAAM,SAAA,EAGFM,EAAkBF,EACtB,GAAGC,CAAM,iBACT,GAAGA,CAAM,mBAAmBP,CAAK,EAAA,EAG7BS,EAAgB,IAChB,OAAOX,GAAa,SAEpBY,EAACC,GAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAb,EACH,EAIGA,EAGHc,EAAcb,GACXc,EAAwBd,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEc,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGb,EACJ,UAAAG,EAEA,SAAA,CAAAS,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,CAAM,kBAEnB,SAAA,CAAAR,GAAQa,EAAWb,CAAI,EACvBU,EAAA,CAAc,CAAA,CAAA,EAGfR,KACG,MAAA,CACC,SAAAS,EAACM,EAAA,CACC,UAAWR,EACX,QAASP,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAU,EAACO,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAC,EAAeC,EAAgBtB,CAAK"}

package/dist/chunks/{Alert-CUgp08gU.cjs → Alert-BCDrxwmz.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),t=require("./index-DYxwT4uW.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),j=require("./useTheme-DsrjDJKC.cjs"),a=require("./Stack-B_lU0ez7.cjs"),$=require("./Typography-DW57lh3e.cjs"),q=require("./ButtonIcon-BMOZPxpN.cjs"),y=require("./createComponent-Dkt68kvT.cjs"),h=require("./Icon-CIrgQex7.cjs");function g({children:n,icon:s,color:r="primary",onClose:c,...o}){const{theme:{mode:l}}=j.useTheme(),u=i.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${l}`,`${t.prefix}-alert--${r}`,o.className),m=i.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${r}`),x=()=>typeof n=="string"?e.jsx($.Typography,{variant:"body1",style:{color:"currentcolor"},children:n}):n,f=p=>d.cloneElement(p,{color:`${r}.dark`});return e.jsxs(a.Stack,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...o,className:u,children:[e.jsxs(a.Stack,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[s&&f(s),x()]}),c&&e.jsx("div",{children:e.jsx(q.ButtonIcon,{className:m,onClick:c,color:r,style:{color:"currentColor"},children:e.jsx(h.Icon,{name:"times"})})})]})}const C=y.createComponent(g);exports.Alert=C;
-//# sourceMappingURL=Alert-CUgp08gU.cjs.map
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),t=require("./index-DYxwT4uW.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),j=require("./useTheme-DsrjDJKC.cjs"),a=require("./Stack-lvjI3kV3.cjs"),$=require("./Typography-B2gBDBkp.cjs"),q=require("./ButtonIcon-CJ5Iz-uJ.cjs"),y=require("./createComponent-B2C4sTOb.cjs"),h=require("./Icon-CFvy-l1V.cjs");function g({children:n,icon:s,color:r="primary",onClose:c,...o}){const{theme:{mode:l}}=j.useTheme(),u=i.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${l}`,`${t.prefix}-alert--${r}`,o.className),m=i.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${r}`),x=()=>typeof n=="string"?e.jsx($.Typography,{variant:"body1",style:{color:"currentcolor"},children:n}):n,f=p=>d.cloneElement(p,{color:`${r}.dark`});return e.jsxs(a.Stack,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...o,className:u,children:[e.jsxs(a.Stack,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[s&&f(s),x()]}),c&&e.jsx("div",{children:e.jsx(q.ButtonIcon,{className:m,onClick:c,color:r,style:{color:"currentColor"},children:e.jsx(h.Icon,{name:"times"})})})]})}const C=y.createComponent(g);exports.Alert=C;
+//# sourceMappingURL=Alert-BCDrxwmz.cjs.map

package/dist/chunks/{Alert-CUgp08gU.cjs.map → Alert-BCDrxwmz.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Alert-CUgp08gU.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 { useTheme } from '@/theme';\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 { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${mode}`,\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      {...props}\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","mode","useTheme","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","createComponent"],"mappings":"+WAuBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,KAAM,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWJ,CAAI,GACxB,GAAGI,EAAAA,MAAM,WAAWP,CAAK,GACzBE,EAAM,SAAA,EAGFM,EAAkBF,EAAAA,UACtB,GAAGC,EAAAA,MAAM,iBACT,GAAGA,EAAAA,MAAM,mBAAmBP,CAAK,EAAA,EAG7BS,EAAgB,IAChB,OAAOX,GAAa,SAEpBY,MAACC,EAAAA,YAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAb,EACH,EAIGA,EAGHc,EAAcb,GACXc,EAAAA,aAAwBd,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEc,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGb,EACJ,UAAAG,EAEA,SAAA,CAAAS,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,EAAAA,MAAM,kBAEnB,SAAA,CAAAR,GAAQa,EAAWb,CAAI,EACvBU,EAAA,CAAc,CAAA,CAAA,EAGfR,SACG,MAAA,CACC,SAAAS,EAAAA,IAACM,EAAAA,WAAA,CACC,UAAWR,EACX,QAASP,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAU,EAAAA,IAACO,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAApB,EAAeqB,EAAAA,gBAAgBrB,CAAK"}
+{"version":3,"file":"Alert-BCDrxwmz.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 { useTheme } from '@/theme';\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 { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${mode}`,\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      {...props}\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","mode","useTheme","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","createComponent"],"mappings":"+WAuBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,KAAM,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWJ,CAAI,GACxB,GAAGI,EAAAA,MAAM,WAAWP,CAAK,GACzBE,EAAM,SAAA,EAGFM,EAAkBF,EAAAA,UACtB,GAAGC,EAAAA,MAAM,iBACT,GAAGA,EAAAA,MAAM,mBAAmBP,CAAK,EAAA,EAG7BS,EAAgB,IAChB,OAAOX,GAAa,SAEpBY,MAACC,EAAAA,YAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAb,EACH,EAIGA,EAGHc,EAAcb,GACXc,EAAAA,aAAwBd,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEc,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGb,EACJ,UAAAG,EAEA,SAAA,CAAAS,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,EAAAA,MAAM,kBAEnB,SAAA,CAAAR,GAAQa,EAAWb,CAAI,EACvBU,EAAA,CAAc,CAAA,CAAA,EAGfR,SACG,MAAA,CACC,SAAAS,EAAAA,IAACM,EAAAA,WAAA,CACC,UAAWR,EACX,QAASP,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAU,EAAAA,IAACO,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAApB,EAAeqB,EAAAA,gBAAgBrB,CAAK"}

package/dist/chunks/{Box-DdpIV_Bl.cjs → Box-BCKQa2JS.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),s=require("react"),u=require("./createComponent-Dkt68kvT.cjs"),i=s.forwardRef(function({tag:e="div",children:o,...t},n){const r=e;return c.jsx(r,{ref:n,...t,children:o})}),x=u.createComponent(i);exports.Box=x;
-//# sourceMappingURL=Box-DdpIV_Bl.cjs.map
+"use strict";const c=require("react/jsx-runtime"),s=require("react"),u=require("./createComponent-B2C4sTOb.cjs"),i=s.forwardRef(function({tag:e="div",children:o,...t},n){const r=e;return c.jsx(r,{ref:n,...t,children:o})}),x=u.createComponent(i);exports.Box=x;
+//# sourceMappingURL=Box-BCKQa2JS.cjs.map

package/dist/chunks/{Box-DdpIV_Bl.cjs.map → Box-BCKQa2JS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Box-DdpIV_Bl.cjs","sources":["../../src/layout/Box/Box.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\n\nimport createComponent from '@/core';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n}\n\nconst Box = forwardRef<HTMLElement, BoxProps>(\n  function Box({ tag = 'div', children, ...props }, ref) {\n    const CustomTag = tag;\n\n    return (\n      <CustomTag ref={ref} {...props}>\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Box);"],"names":["Box","forwardRef","tag","children","props","ref","CustomTag","jsx","createComponent"],"mappings":"iHAQMA,EAAMC,EAAAA,WACV,SAAa,CAAE,IAAAC,EAAM,MAAO,SAAAC,EAAU,GAAGC,CAAA,EAASC,EAAK,CACrD,MAAMC,EAAYJ,EAElB,OACEK,EAAAA,IAACD,EAAA,CAAU,IAAAD,EAAW,GAAGD,EACtB,SAAAD,EACH,CAEJ,CACF,EAEAH,EAAeQ,EAAAA,gBAAgBR,CAAG"}
+{"version":3,"file":"Box-BCKQa2JS.cjs","sources":["../../src/layout/Box/Box.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\n\nimport createComponent from '@/core';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n}\n\nconst Box = forwardRef<HTMLElement, BoxProps>(\n  function Box({ tag = 'div', children, ...props }, ref) {\n    const CustomTag = tag;\n\n    return (\n      <CustomTag ref={ref} {...props}>\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Box);"],"names":["Box","forwardRef","tag","children","props","ref","CustomTag","jsx","createComponent"],"mappings":"iHAQMA,EAAMC,EAAAA,WACV,SAAa,CAAE,IAAAC,EAAM,MAAO,SAAAC,EAAU,GAAGC,CAAA,EAASC,EAAK,CACrD,MAAMC,EAAYJ,EAElB,OACEK,EAAAA,IAACD,EAAA,CAAU,IAAAD,EAAW,GAAGD,EACtB,SAAAD,EACH,CAEJ,CACF,EAEAH,EAAeQ,EAAAA,gBAAgBR,CAAG"}

package/dist/chunks/{Box-O2jw08Hf.js → Box-Cs7u6zrl.js}

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{forwardRef as s}from"react";import{c as a}from"./createComponent-CovqNaAJ.js";const c=s(function({tag:o="div",children:t,...r},m){return n(o,{ref:m,...r,children:t})}),u=a(c);export{u as B};
-//# sourceMappingURL=Box-O2jw08Hf.js.map
+import{jsx as n}from"react/jsx-runtime";import{forwardRef as s}from"react";import{c as a}from"./createComponent-D-IheGJm.js";const c=s(function({tag:o="div",children:t,...r},m){return n(o,{ref:m,...r,children:t})}),u=a(c);export{u as B};
+//# sourceMappingURL=Box-Cs7u6zrl.js.map

package/dist/chunks/{Box-O2jw08Hf.js.map → Box-Cs7u6zrl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Box-O2jw08Hf.js","sources":["../../src/layout/Box/Box.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\n\nimport createComponent from '@/core';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n}\n\nconst Box = forwardRef<HTMLElement, BoxProps>(\n  function Box({ tag = 'div', children, ...props }, ref) {\n    const CustomTag = tag;\n\n    return (\n      <CustomTag ref={ref} {...props}>\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Box);"],"names":["Box","forwardRef","tag","children","props","ref","jsx","Box$1","createComponent"],"mappings":"6HAQA,MAAMA,EAAMC,EACV,SAAa,CAAE,IAAAC,EAAM,MAAO,SAAAC,EAAU,GAAGC,CAAA,EAASC,EAAK,CAGrD,OACEC,EAHgBJ,EAGf,CAAU,IAAAG,EAAW,GAAGD,EACtB,SAAAD,EACH,CAEJ,CACF,EAEAI,EAAeC,EAAgBR,CAAG"}
+{"version":3,"file":"Box-Cs7u6zrl.js","sources":["../../src/layout/Box/Box.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\n\nimport createComponent from '@/core';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n}\n\nconst Box = forwardRef<HTMLElement, BoxProps>(\n  function Box({ tag = 'div', children, ...props }, ref) {\n    const CustomTag = tag;\n\n    return (\n      <CustomTag ref={ref} {...props}>\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Box);"],"names":["Box","forwardRef","tag","children","props","ref","jsx","Box$1","createComponent"],"mappings":"6HAQA,MAAMA,EAAMC,EACV,SAAa,CAAE,IAAAC,EAAM,MAAO,SAAAC,EAAU,GAAGC,CAAA,EAASC,EAAK,CAGrD,OACEC,EAHgBJ,EAGf,CAAU,IAAAG,EAAW,GAAGD,EACtB,SAAAD,EACH,CAEJ,CACF,EAEAI,EAAeC,EAAgBR,CAAG"}

package/dist/chunks/{ButtonIcon-BMOZPxpN.cjs → ButtonIcon-CJ5Iz-uJ.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),c=require("./index-DYxwT4uW.cjs"),p=require("./joinClass-Jk3EszKD.cjs"),q=require("./Ripple-Dy4i91j1.cjs"),x=require("./createComponent-Dkt68kvT.cjs");function j({children:i,size:t=40,color:n="primary",...e}){const[o,u]=[t,t],l=p.joinClass(`${c.prefix}-button-icon`,n&&`${c.prefix}-button-icon--${n}`,e.className),a=s=>m.cloneElement(s,{size:o/1.5,...s.props,style:{color:"currentColor"}});return r.jsxs("button",{...e,className:l,style:{...e.style,width:o,height:u},children:[a(i),r.jsx(q.Ripple,{})]})}const C=x.createComponent(j);exports.ButtonIcon=C;
-//# sourceMappingURL=ButtonIcon-BMOZPxpN.cjs.map
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),c=require("./index-DYxwT4uW.cjs"),p=require("./joinClass-Jk3EszKD.cjs"),q=require("./Ripple-Dy4i91j1.cjs"),x=require("./createComponent-B2C4sTOb.cjs");function j({children:i,size:t=40,color:n="primary",...e}){const[o,u]=[t,t],l=p.joinClass(`${c.prefix}-button-icon`,n&&`${c.prefix}-button-icon--${n}`,e.className),a=s=>m.cloneElement(s,{size:o/1.5,...s.props,style:{color:"currentColor"}});return r.jsxs("button",{...e,className:l,style:{...e.style,width:o,height:u},children:[a(i),r.jsx(q.Ripple,{})]})}const C=x.createComponent(j);exports.ButtonIcon=C;
+//# sourceMappingURL=ButtonIcon-CJ5Iz-uJ.cjs.map

package/dist/chunks/{ButtonIcon-BMOZPxpN.cjs.map → ButtonIcon-CJ5Iz-uJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon-BMOZPxpN.cjs","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } 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 type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","width","height","classess","joinClass","prefix","renderIcon","icon","cloneElement","jsxs","Ripple","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAACC,EAAOC,CAAM,EAAI,CAACJ,EAAMA,CAAI,EAE7BK,EAAWC,EAAAA,UACf,GAAGC,EAAAA,MAAM,eACTN,GAAS,GAAGM,EAAAA,MAAM,iBAAiBN,CAAK,GACxCC,EAAM,SAAA,EAGFM,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAMN,EAAQ,IACd,GAAGM,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWG,EACX,MAAO,CAAE,GAAGH,EAAM,MAAO,MAAAC,EAAO,OAAAC,CAAA,EAE/B,SAAA,CAAAI,EAAWT,CAAQ,QACnBa,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAd,EAAee,EAAAA,gBAAgBf,CAAU"}
+{"version":3,"file":"ButtonIcon-CJ5Iz-uJ.cjs","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } 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 type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","width","height","classess","joinClass","prefix","renderIcon","icon","cloneElement","jsxs","Ripple","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAACC,EAAOC,CAAM,EAAI,CAACJ,EAAMA,CAAI,EAE7BK,EAAWC,EAAAA,UACf,GAAGC,EAAAA,MAAM,eACTN,GAAS,GAAGM,EAAAA,MAAM,iBAAiBN,CAAK,GACxCC,EAAM,SAAA,EAGFM,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAMN,EAAQ,IACd,GAAGM,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWG,EACX,MAAO,CAAE,GAAGH,EAAM,MAAO,MAAAC,EAAO,OAAAC,CAAA,EAE/B,SAAA,CAAAI,EAAWT,CAAQ,QACnBa,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAd,EAAee,EAAAA,gBAAgBf,CAAU"}

package/dist/chunks/{ButtonIcon-CYO1Crb-.js → ButtonIcon-mMZe5V_1.js}

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as p}from"react/jsx-runtime";import{cloneElement as u}from"react";import{p as e}from"./index-CZ41y9Hn.js";import{j as f}from"./joinClass-anSpaauN.js";import{R as h}from"./Ripple-Bq9bxg4k.js";import{c as j}from"./createComponent-CovqNaAJ.js";function x({children:c,size:o=40,color:r="primary",...t}){const[n,m]=[o,o],i=f(`${e}-button-icon`,r&&`${e}-button-icon--${r}`,t.className),a=s=>u(s,{size:n/1.5,...s.props,style:{color:"currentColor"}});return l("button",{...t,className:i,style:{...t.style,width:n,height:m},children:[a(c),p(h,{})]})}const I=j(x);export{I as B};
-//# sourceMappingURL=ButtonIcon-CYO1Crb-.js.map
+import{jsxs as l,jsx as p}from"react/jsx-runtime";import{cloneElement as u}from"react";import{p as e}from"./index-CZ41y9Hn.js";import{j as f}from"./joinClass-anSpaauN.js";import{R as h}from"./Ripple-Bq9bxg4k.js";import{c as j}from"./createComponent-D-IheGJm.js";function x({children:c,size:o=40,color:r="primary",...t}){const[n,m]=[o,o],i=f(`${e}-button-icon`,r&&`${e}-button-icon--${r}`,t.className),a=s=>u(s,{size:n/1.5,...s.props,style:{color:"currentColor"}});return l("button",{...t,className:i,style:{...t.style,width:n,height:m},children:[a(c),p(h,{})]})}const I=j(x);export{I as B};
+//# sourceMappingURL=ButtonIcon-mMZe5V_1.js.map

package/dist/chunks/{ButtonIcon-CYO1Crb-.js.map → ButtonIcon-mMZe5V_1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon-CYO1Crb-.js","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } 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 type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","width","height","classess","joinClass","prefix","renderIcon","icon","cloneElement","jsxs","Ripple","ButtonIcon$1","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAACC,EAAOC,CAAM,EAAI,CAACJ,EAAMA,CAAI,EAE7BK,EAAWC,EACf,GAAGC,CAAM,eACTN,GAAS,GAAGM,CAAM,iBAAiBN,CAAK,GACxCC,EAAM,SAAA,EAGFM,EAAcC,GACXC,EAAaD,EAAM,CACxB,KAAMN,EAAQ,IACd,GAAGM,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAC,SAAA,CACE,GAAGT,EACJ,UAAWG,EACX,MAAO,CAAE,GAAGH,EAAM,MAAO,MAAAC,EAAO,OAAAC,CAAA,EAE/B,SAAA,CAAAI,EAAWT,CAAQ,IACnBa,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBhB,CAAU"}
+{"version":3,"file":"ButtonIcon-mMZe5V_1.js","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } 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 type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","width","height","classess","joinClass","prefix","renderIcon","icon","cloneElement","jsxs","Ripple","ButtonIcon$1","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAACC,EAAOC,CAAM,EAAI,CAACJ,EAAMA,CAAI,EAE7BK,EAAWC,EACf,GAAGC,CAAM,eACTN,GAAS,GAAGM,CAAM,iBAAiBN,CAAK,GACxCC,EAAM,SAAA,EAGFM,EAAcC,GACXC,EAAaD,EAAM,CACxB,KAAMN,EAAQ,IACd,GAAGM,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAC,SAAA,CACE,GAAGT,EACJ,UAAWG,EACX,MAAO,CAAE,GAAGH,EAAM,MAAO,MAAAC,EAAO,OAAAC,CAAA,EAE/B,SAAA,CAAAI,EAAWT,CAAQ,IACnBa,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBhB,CAAU"}

package/dist/chunks/{Card-DtjP8NP7.cjs → Card-CcOpPKfS.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("./index-DYxwT4uW.cjs"),t=require("./joinClass-Jk3EszKD.cjs"),a=require("./Ripple-Dy4i91j1.cjs"),o=require("./createComponent-Dkt68kvT.cjs");function u({children:c,onClick:e,...r}){const i=t.joinClass(`${n.prefix}-card`,e&&`${n.prefix}-card--clickable`,r.className);return s.jsxs("div",{...r,className:i,onMouseUp:e,children:[c,e&&s.jsx(a.Ripple,{})]})}const d=o.createComponent(u);exports.Card=d;
-//# sourceMappingURL=Card-DtjP8NP7.cjs.map
+"use strict";const s=require("react/jsx-runtime"),n=require("./index-DYxwT4uW.cjs"),t=require("./joinClass-Jk3EszKD.cjs"),a=require("./Ripple-Dy4i91j1.cjs"),o=require("./createComponent-B2C4sTOb.cjs");function u({children:c,onClick:e,...r}){const i=t.joinClass(`${n.prefix}-card`,e&&`${n.prefix}-card--clickable`,r.className);return s.jsxs("div",{...r,className:i,onMouseUp:e,children:[c,e&&s.jsx(a.Ripple,{})]})}const d=o.createComponent(u);exports.Card=d;
+//# sourceMappingURL=Card-CcOpPKfS.cjs.map

package/dist/chunks/{Card-DtjP8NP7.cjs.map → Card-CcOpPKfS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-DtjP8NP7.cjs","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","createComponent"],"mappings":"yMAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASJ,GAAW,GAAGI,EAAAA,MAAM,mBAAoBH,EAAM,SAAS,EAE/F,cACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,SAAYK,EAAAA,OAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAP,EAAeQ,EAAAA,gBAAgBR,CAAI"}
+{"version":3,"file":"Card-CcOpPKfS.cjs","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","createComponent"],"mappings":"yMAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASJ,GAAW,GAAGI,EAAAA,MAAM,mBAAoBH,EAAM,SAAS,EAE/F,cACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,SAAYK,EAAAA,OAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAP,EAAeQ,EAAAA,gBAAgBR,CAAI"}

package/dist/chunks/{Card-D_RFnUk2.js → Card-DDRUwdlG.js}

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as c}from"./joinClass-anSpaauN.js";import{R as i}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-CovqNaAJ.js";function n({children:o,onClick:r,...s}){const m=c(`${a}-card`,r&&`${a}-card--clickable`,s.className);return e("div",{...s,className:m,onMouseUp:r,children:[o,r&&t(i,{})]})}const u=p(n);export{u as C};
-//# sourceMappingURL=Card-D_RFnUk2.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as c}from"./joinClass-anSpaauN.js";import{R as i}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-D-IheGJm.js";function n({children:o,onClick:r,...s}){const m=c(`${a}-card`,r&&`${a}-card--clickable`,s.className);return e("div",{...s,className:m,onMouseUp:r,children:[o,r&&t(i,{})]})}const u=p(n);export{u as C};
+//# sourceMappingURL=Card-DDRUwdlG.js.map

package/dist/chunks/{Card-D_RFnUk2.js.map → Card-DDRUwdlG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-D_RFnUk2.js","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","Card$1","createComponent"],"mappings":"iOAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAU,GAAGC,CAAM,QAASJ,GAAW,GAAGI,CAAM,mBAAoBH,EAAM,SAAS,EAE/F,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,KAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}
+{"version":3,"file":"Card-DDRUwdlG.js","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","Card$1","createComponent"],"mappings":"iOAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAU,GAAGC,CAAM,QAASJ,GAAW,GAAGI,CAAM,mBAAoBH,EAAM,SAAS,EAE/F,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,KAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}

package/dist/chunks/{CardContent-BqqU9iwO.cjs → CardContent-D2cDaP4l.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),r=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),c=require("./createComponent-Dkt68kvT.cjs");function a({children:n,...e}){const t=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsx("div",{...e,className:t,children:n})}const i=c.createComponent(a);exports.CardContent=i;
-//# sourceMappingURL=CardContent-BqqU9iwO.cjs.map
+"use strict";const s=require("react/jsx-runtime"),r=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),c=require("./createComponent-B2C4sTOb.cjs");function a({children:n,...e}){const t=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsx("div",{...e,className:t,children:n})}const i=c.createComponent(a);exports.CardContent=i;
+//# sourceMappingURL=CardContent-D2cDaP4l.cjs.map

package/dist/chunks/{CardContent-BqqU9iwO.cjs.map → CardContent-D2cDaP4l.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CardContent-BqqU9iwO.cjs","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { 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';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","createComponent"],"mappings":"sKASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAD,EAAeM,EAAAA,gBAAgBN,CAAW"}
+{"version":3,"file":"CardContent-D2cDaP4l.cjs","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { 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';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","createComponent"],"mappings":"sKASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAD,EAAeM,EAAAA,gBAAgBN,CAAW"}

package/dist/chunks/{CardContent-BsSfxSQH.js → CardContent-DYAWf3xO.js}

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{c as e}from"./createComponent-CovqNaAJ.js";function m({children:t,...o}){const r=s(`${a}-card__content`,o.className);return n("div",{...o,className:r,children:t})}const p=e(m);export{p as C};
-//# sourceMappingURL=CardContent-BsSfxSQH.js.map
+import{jsx as n}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{c as e}from"./createComponent-D-IheGJm.js";function m({children:t,...o}){const r=s(`${a}-card__content`,o.className);return n("div",{...o,className:r,children:t})}const p=e(m);export{p as C};
+//# sourceMappingURL=CardContent-DYAWf3xO.js.map

package/dist/chunks/{CardContent-BsSfxSQH.js.map → CardContent-DYAWf3xO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CardContent-BsSfxSQH.js","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { 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';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent$1","createComponent"],"mappings":"8KASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}
+{"version":3,"file":"CardContent-DYAWf3xO.js","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { 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';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent$1","createComponent"],"mappings":"8KASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}

package/dist/chunks/{DrawerContent-Dyc1evVF.cjs → DrawerContent-C6nd8E0E.cjs}

@@ -1,2 +1,2 @@
-"use strict";const u=require("react"),s=require("react/jsx-runtime"),a=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),m=require("./Stack-B_lU0ez7.cjs"),d=require("./createComponent-Dkt68kvT.cjs"),N=require("./ButtonIcon-BMOZPxpN.cjs"),$=require("./Icon-CIrgQex7.cjs");function y(t=!1){const[e,r]=u.useState(!1);return u.useEffect(()=>{r(t)},[t]),[e,()=>{r(i=>!i)}]}function b({open:t,header:e,body:r,footer:c,direction:i="right",onClose:_,...w}){const[f,l]=u.useState({visible:!1,animation:"hide"}),C=300,x=o.joinClass(`${a.prefix}-drawer`,w.className),D=o.joinClass(`${a.prefix}-drawer__content`,`${a.prefix}-drawer__content--${i}`,`${a.prefix}-drawer__content--${i}--${f.animation}`),j=o.joinClass(`${a.prefix}-drawer__overlay`,`${a.prefix}-drawer__overlay--${f.animation}`);u.useEffect(()=>{let n;if(t){n=v();return}return n=h(),()=>{clearTimeout(n)}},[t]);const v=()=>(l(n=>({...n,visible:!0})),setTimeout(()=>{l(n=>({...n,animation:"show"})),document.body.style.overflow="hidden"},100)),h=()=>(l(n=>({...n,animation:"hide"})),setTimeout(()=>{l(n=>({...n,visible:!1})),document.body.style.overflow=""},C));return f.visible&&s.jsxs("div",{...w,className:x,children:[s.jsxs(m.Stack,{className:D,children:[e,r,c]}),s.jsx("div",{"data-testid":"drawer-overlay",className:j,onClick:_})]})}const p=d.createComponent(b);function q({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__footer`,e.className);return s.jsx("div",{...e,className:r,children:t})}const I=d.createComponent(q);function g({children:t,onClose:e,...r}){const c=o.joinClass(`${a.prefix}-drawer__header`,r.className);return s.jsxs(m.Stack,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...r,className:c,children:[t,e&&s.jsx(N.ButtonIcon,{onClick:e,color:"grey","aria-label":"Fechar","data-testid":"drawer-close-button",children:s.jsx($.Icon,{name:"times"})})]})}const k=d.createComponent(g);function S({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__content__container`,e.className);return s.jsx("div",{...e,className:r,children:t})}const T=d.createComponent(S);exports.DrawerContent_default=T;exports.DrawerFooter_default=I;exports.DrawerHeader_default=k;exports.Drawer_default=p;exports.useDrawer=y;
-//# sourceMappingURL=DrawerContent-Dyc1evVF.cjs.map
+"use strict";const u=require("react"),s=require("react/jsx-runtime"),a=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),m=require("./Stack-lvjI3kV3.cjs"),d=require("./createComponent-B2C4sTOb.cjs"),N=require("./ButtonIcon-CJ5Iz-uJ.cjs"),$=require("./Icon-CFvy-l1V.cjs");function y(t=!1){const[e,r]=u.useState(!1);return u.useEffect(()=>{r(t)},[t]),[e,()=>{r(i=>!i)}]}function b({open:t,header:e,body:r,footer:c,direction:i="right",onClose:_,...w}){const[f,l]=u.useState({visible:!1,animation:"hide"}),C=300,x=o.joinClass(`${a.prefix}-drawer`,w.className),D=o.joinClass(`${a.prefix}-drawer__content`,`${a.prefix}-drawer__content--${i}`,`${a.prefix}-drawer__content--${i}--${f.animation}`),j=o.joinClass(`${a.prefix}-drawer__overlay`,`${a.prefix}-drawer__overlay--${f.animation}`);u.useEffect(()=>{let n;if(t){n=v();return}return n=h(),()=>{clearTimeout(n)}},[t]);const v=()=>(l(n=>({...n,visible:!0})),setTimeout(()=>{l(n=>({...n,animation:"show"})),document.body.style.overflow="hidden"},100)),h=()=>(l(n=>({...n,animation:"hide"})),setTimeout(()=>{l(n=>({...n,visible:!1})),document.body.style.overflow=""},C));return f.visible&&s.jsxs("div",{...w,className:x,children:[s.jsxs(m.Stack,{className:D,children:[e,r,c]}),s.jsx("div",{"data-testid":"drawer-overlay",className:j,onClick:_})]})}const p=d.createComponent(b);function q({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__footer`,e.className);return s.jsx("div",{...e,className:r,children:t})}const I=d.createComponent(q);function g({children:t,onClose:e,...r}){const c=o.joinClass(`${a.prefix}-drawer__header`,r.className);return s.jsxs(m.Stack,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...r,className:c,children:[t,e&&s.jsx(N.ButtonIcon,{onClick:e,color:"grey","aria-label":"Fechar","data-testid":"drawer-close-button",children:s.jsx($.Icon,{name:"times"})})]})}const k=d.createComponent(g);function S({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__content__container`,e.className);return s.jsx("div",{...e,className:r,children:t})}const T=d.createComponent(S);exports.DrawerContent_default=T;exports.DrawerFooter_default=I;exports.DrawerHeader_default=k;exports.Drawer_default=p;exports.useDrawer=y;
+//# sourceMappingURL=DrawerContent-C6nd8E0E.cjs.map

package/dist/chunks/{DrawerContent-Dyc1evVF.cjs.map → DrawerContent-C6nd8E0E.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent-Dyc1evVF.cjs","sources":["../../src/navigation/Drawer/useDrawer.ts","../../src/navigation/Drawer/Drawer.tsx","../../src/navigation/Drawer/DrawerFooter.tsx","../../src/navigation/Drawer/DrawerHeader.tsx","../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}","import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return 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\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n","import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"grey\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev","Drawer","header","body","footer","direction","onClose","props","config","setConfig","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","timer","handleOpen","handleClose","jsxs","Stack","jsx","Drawer_default","createComponent","DrawerFooter","children","DrawerFooter_default","DrawerHeader","ButtonIcon","Icon","DrawerHeader_default","DrawerContent","DrawerContent_default"],"mappings":"mSAIA,SAAwBA,EAAUC,EAAO,GAAkB,CACzD,KAAM,CAACC,EAAOC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEvCC,OAAAA,EAAAA,UAAU,IAAM,CAAEF,EAAQF,CAAI,CAAG,EAAG,CAACA,CAAI,CAAC,EAInC,CAACC,EAFa,IAAM,CAAEC,EAAQG,GAAQ,CAACA,CAAI,CAAG,CAE1B,CAC7B,CCaA,SAASC,EAAO,CACd,KAAAN,EACA,OAAAO,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,QACZ,QAAAC,EACA,GAAGC,CACL,EAAgB,CACd,KAAM,CAACC,EAAQC,CAAS,EAAIX,EAAAA,SAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAE5EY,EAAqB,IAErBC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,UACTN,EAAM,SAAA,EAGFO,EAAaF,EAAAA,UACjB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBR,CAAS,GACvC,GAAGQ,EAAAA,MAAM,qBAAqBR,CAAS,KAAKG,EAAO,SAAS,EAAA,EAGxDO,EAAaH,EAAAA,UACjB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBL,EAAO,SAAS,EAAA,EAGhDT,EAAAA,UAAU,IAAM,CACd,IAAIiB,EAEJ,GAAIrB,EAAM,CACRqB,EAAQC,EAAA,EACR,MACF,CAEA,OAAAD,EAAQE,EAAA,EAED,IAAM,CACX,aAAaF,CAAK,CACpB,CACF,EAAG,CAACrB,CAAI,CAAC,EAET,MAAMsB,EAAa,KACjBR,MAAmB,CAAE,GAAGT,EAAM,QAAS,IAAO,EAEvC,WAAW,IAAM,CACtBS,MAAmB,CAAE,GAAGT,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,GAGFkB,EAAc,KAClBT,MAAmB,CAAE,GAAGT,EAAM,UAAW,QAAS,EAE3C,WAAW,IAAM,CACtBS,MAAmB,CAAE,GAAGT,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGU,CAAkB,GAGvB,OACEF,EAAO,SACLW,EAAAA,KAAC,OAAK,GAAGZ,EAAO,UAAWI,EACzB,SAAA,CAAAQ,EAAAA,KAACC,EAAAA,MAAA,CAAM,UAAWN,EACf,SAAA,CAAAZ,EACAC,EACAC,CAAA,EACH,EACAiB,EAAAA,IAAC,MAAA,CACC,cAAY,iBACZ,UAAWN,EACX,QAAST,CAAA,CAAA,CACX,EACF,CAGN,CAEA,MAAAgB,EAAeC,EAAAA,gBAAgBtB,CAAM,EC/FrC,SAASuB,EAAa,CAAE,SAAAC,EAAU,GAAGlB,GAA4B,CAC/D,MAAMI,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,kBACTN,EAAM,SAAA,EAGR,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWI,EACxB,SAAAc,EACH,CAEJ,CAEA,MAAAC,EAAeH,EAAAA,gBAAgBC,CAAY,ECP3C,SAASG,EAAa,CAAE,SAAAF,EAAU,QAAAnB,EAAS,GAAGC,GAA4B,CACxE,MAAMI,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,kBACTN,EAAM,SAAA,EAGR,OACEY,EAAAA,KAACC,EAAAA,MAAA,CACC,cAAc,MACd,WAAW,SACX,eAAe,gBACd,GAAGb,EACJ,UAAWI,EAEV,SAAA,CAAAc,EAECnB,GACEe,EAAAA,IAACO,EAAAA,WAAA,CACC,QAAStB,EACT,MAAM,OACN,aAAW,SACX,cAAY,sBAEZ,SAAAe,EAAAA,IAACQ,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CAAA,CAAA,CAKV,CAEA,MAAAC,EAAeP,EAAAA,gBAAgBI,CAAY,ECrC3C,SAASI,EAAc,CAAE,SAAAN,EAAU,GAAGlB,GAA6B,CACjE,MAAMI,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,8BACTN,EAAM,SAAA,EAGR,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWI,EACxB,SAAAc,EACH,CAEJ,CAEA,MAAAO,EAAeT,EAAAA,gBAAgBQ,CAAa"}
+{"version":3,"file":"DrawerContent-C6nd8E0E.cjs","sources":["../../src/navigation/Drawer/useDrawer.ts","../../src/navigation/Drawer/Drawer.tsx","../../src/navigation/Drawer/DrawerFooter.tsx","../../src/navigation/Drawer/DrawerHeader.tsx","../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}","import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return 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\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n","import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"grey\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);","import { HtmlHTMLAttributes, PropsWithChildren } 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\ntype DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev","Drawer","header","body","footer","direction","onClose","props","config","setConfig","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","timer","handleOpen","handleClose","jsxs","Stack","jsx","Drawer_default","createComponent","DrawerFooter","children","DrawerFooter_default","DrawerHeader","ButtonIcon","Icon","DrawerHeader_default","DrawerContent","DrawerContent_default"],"mappings":"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"}