@iziui/react 0.0.5-rc → 0.0.52-rc

package/dist/.types/animations/Bounce/Bounce.d.ts

@@ -1,11 +1,9 @@
-export type Direction = 'left' | 'right' | 'top' | 'bottom';
-export type Style = React.HTMLAttributes<HTMLDivElement>['style'];
+import { Direction } from '../types';
 export interface BounceProps extends React.HTMLAttributes<HTMLDivElement> {
     enter: boolean;
     delay?: number;
     timeout?: number;
     direction?: Direction;
-    children: React.ReactNode;
     tag?: React.ElementType;
 }
 export default function Bounce({ enter, children, tag, delay, timeout, direction, ...props }: BounceProps): import("react/jsx-runtime").JSX.Element;

package/dist/.types/animations/Bounce/Bounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bounce.d.ts","sourceRoot":"","sources":["../../../../src/animations/Bounce/Bounce.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;AAqBlE,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,GAAW,EACX,KAAU,EACV,OAAa,EACb,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb"}
+{"version":3,"file":"Bounce.d.ts","sourceRoot":"","sources":["../../../../src/animations/Bounce/Bounce.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAuB1C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,GAAW,EACX,KAAU,EACV,OAAa,EACb,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb"}

package/dist/.types/animations/Bounce/index.d.ts

@@ -1,2 +1,3 @@
-export { default, type BounceProps } from './Bounce';
+export { default } from './Bounce';
+export * from './Bounce';
 //# sourceMappingURL=index.d.ts.map

package/dist/.types/animations/Bounce/index.d.ts.map

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

package/dist/.types/animations/Fade/Fade.d.ts

@@ -2,7 +2,6 @@ export interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {
     enter: boolean;
     delay?: number;
     timeout?: number;
-    children: React.ReactNode;
 }
 export default function Fade({ children, enter, delay, timeout, ...props }: Readonly<FadeProps>): false | import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Fade.d.ts.map

package/dist/.types/animations/Fade/Fade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.d.ts","sourceRoot":"","sources":["../../../../src/animations/Fade/Fade.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAU,EAAE,OAAY,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,mDA8CxG"}
+{"version":3,"file":"Fade.d.ts","sourceRoot":"","sources":["../../../../src/animations/Fade/Fade.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAU,EAAE,OAAY,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,mDA8CxG"}

package/dist/.types/animations/Fade/index.d.ts

@@ -1,2 +1,3 @@
-export { default, type FadeProps } from './Fade';
+export { default } from './Fade';
+export * from './Fade';
 //# sourceMappingURL=index.d.ts.map

package/dist/.types/animations/Fade/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/animations/Fade/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/animations/Fade/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,cAAc,QAAQ,CAAC"}

package/dist/.types/animations/Slide/Slide.d.ts

@@ -1,12 +1,11 @@
-export type Direction = 'left' | 'right' | 'top' | 'bottom';
-export type Style = React.HTMLAttributes<HTMLDivElement>['style'];
-export interface SlideProps extends React.HTMLAttributes<HTMLDivElement> {
+import { ElementType, HTMLAttributes } from 'react';
+import { Direction } from '../types';
+export interface SlideProps extends HTMLAttributes<HTMLDivElement> {
     enter: boolean;
     delay?: number;
     timeout?: number;
     direction?: Direction;
-    children: React.ReactNode;
-    tag?: React.ElementType;
+    tag?: ElementType;
 }
 export default function Slide({ enter, children, tag, delay, timeout, direction, ...props }: SlideProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Slide.d.ts.map

package/dist/.types/animations/Slide/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../src/animations/Slide/Slide.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;AAuBlE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,GAAW,EACX,KAAU,EACV,OAAY,EACZ,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,UAAU,2CAgBZ"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../src/animations/Slide/Slide.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAyB1C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,GAAW,EACX,KAAU,EACV,OAAY,EACZ,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,UAAU,2CAgBZ"}

package/dist/.types/animations/Slide/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Slide, type SlideProps, type Direction } from './Slide';
+export { default } from './Slide';
+export * from './Slide';
 //# sourceMappingURL=index.d.ts.map

package/dist/.types/animations/Slide/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/animations/Slide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/animations/Slide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/.types/animations/Zoom/Zoom.d.ts

@@ -0,0 +1,9 @@
+import { ElementType, HTMLAttributes } from 'react';
+export interface ZoomProps extends HTMLAttributes<HTMLDivElement> {
+    enter: boolean;
+    delay?: number;
+    timeout?: number;
+    tag?: ElementType;
+}
+export default function Zoom({ enter, children, tag, delay, timeout, ...props }: ZoomProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Zoom.d.ts.map

package/dist/.types/animations/Zoom/Zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom.d.ts","sourceRoot":"","sources":["../../../../src/animations/Zoom/Zoom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAkBf,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,GAAW,EACX,KAAU,EACV,OAAa,EACb,GAAG,KAAK,EACT,EAAE,SAAS,2CAgBX"}

package/dist/.types/animations/Zoom/Zoom.stories.d.ts

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

package/dist/.types/animations/Zoom/Zoom.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom.stories.d.ts","sourceRoot":"","sources":["../../../../src/animations/Zoom/Zoom.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,IAAwB,MAAM,QAAQ,CAAC;AAqB9C,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAetC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAe5C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAE5C,CAAC;AAIF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAoD3B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/.types/animations/Zoom/index.d.ts

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

package/dist/.types/animations/Zoom/index.d.ts.map

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

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

@@ -1,4 +1,6 @@
-export * from './Bounce';
-export * from './Fade';
-export * from './Slide';
+export { default as Bounce, type BounceProps } from './Bounce';
+export { default as Fade, type FadeProps } from './Fade';
+export { default as Slide, type SlideProps } from './Slide';
+export { default as Zoom, type ZoomProps } from './Zoom';
+export type { Direction } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/.types/animations/types.d.ts

@@ -0,0 +1,2 @@
+export type Direction = 'left' | 'right' | 'top' | 'bottom';
+//# sourceMappingURL=types.d.ts.map

package/dist/.types/animations/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/animations/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC"}

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

@@ -1 +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"}
+{"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;;AA2ED,wBAAsC"}

package/dist/.types/feedback/Toast/Toast.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+import { Colors } from '@iziui/core/theme';
+type Icon = React.JSX.Element;
+type Message = React.JSX.Element | string;
+export type PickedToast = Pick<ToastProps, 'id' | 'icon' | 'color' | 'message' | 'delay' | 'visible'>;
+export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
+    icon?: Icon;
+    color: Colors;
+    message: Message;
+    delay?: number;
+    visible?: boolean;
+    onRemove: (id: string) => void;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<ToastProps>>;
+export default _default;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/.types/feedback/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/feedback/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAO3C,OAAO,qCAAqC,CAAC;AAE7C,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AAC9B,KAAK,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EACrC,IAAI,GACJ,MAAM,GACN,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,CACZ,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;;AAiDD,wBAAsC"}

package/dist/.types/feedback/Toast/Toast.spec.d.ts

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

package/dist/.types/feedback/Toast/Toast.spec.d.ts.map

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

package/dist/.types/feedback/Toast/Toast.stories.d.ts

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

package/dist/.types/feedback/Toast/Toast.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../../src/feedback/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAsB5C,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,aAAa,CAQlD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAE7C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiF5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/.types/feedback/Toast/ToastProvider.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { PickedToast } from './Toast';
+export interface ToastContextConfig {
+    toasts: Array<PickedToast>;
+    add: (toast: PickedToast) => void;
+}
+export declare const ToastContext: import('react').Context<ToastContextConfig>;
+export default function ToastProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/.types/feedback/Toast/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/feedback/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAQjF,OAAc,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC3B,GAAG,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,6CAGvB,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAsCpE"}

package/dist/.types/feedback/Toast/index.d.ts

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

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

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

package/dist/.types/feedback/Toast/useToast.d.ts

@@ -0,0 +1,4 @@
+export default function useToast(): {
+    addToast: (toast: import('./Toast').PickedToast) => void;
+};
+//# sourceMappingURL=useToast.d.ts.map

package/dist/.types/feedback/Toast/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/feedback/Toast/useToast.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,QAAQ;;EAI/B"}

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

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

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

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

package/dist/.types/hooks/useResize/index.d.ts

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

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

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

package/dist/.types/hooks/useResize/useResize.d.ts

@@ -0,0 +1,19 @@
+export declare const DeviceBreakpoints: {
+    MAX_XS: string;
+    MIN_SM: string;
+    MAX_SM: string;
+    MIN_MD: string;
+    MAX_MD: string;
+    MIN_LG: string;
+    MAX_LG: string;
+    MIN_XL: string;
+};
+export interface Callback {
+    onXs?: () => void;
+    onSm?: () => void;
+    onMd?: () => void;
+    onLg?: () => void;
+    onXl?: () => void;
+}
+export default function useResize({ onXs, onSm, onMd, onLg, onXl }: Callback, deps?: any[]): void;
+//# sourceMappingURL=useResize.d.ts.map

package/dist/.types/hooks/useResize/useResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useResize/useResize.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;;;;;;;CAS7B,CAAC;AAUF,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AAoBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAC7B,EAAE,QAAQ,EAAE,IAAI,GAAE,GAAG,EAAO,QA4D5B"}

package/dist/.types/hooks/useResize/useResize.stories.d.ts

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

package/dist/.types/hooks/useResize/useResize.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.stories.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useResize/useResize.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAEhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,SAAS,CAwB/C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/animations/Bounce/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),u=require("react"),i=t=>({transform:"translate(0, 0)",transition:`transform ${t}s ease-in-out`}),x=(t,s)=>({transform:{top:"translate(0, -10px)",left:"translate(-10px, 0)",right:"translate(10px, 0)",bottom:"translate(0, 10px)"}[s],transition:`transform ${t}s ease-in-out`});function y({enter:t,children:s,tag:n="div",delay:r=50,timeout:e=.2,direction:a="right",...o}){const c=n,[f,l]=u.useState(i(e));return u.useEffect(()=>{t&&setTimeout(()=>{l(x(e,a)),setTimeout(()=>{l(i(e))},e*1e3)},r)},[t,r,e,a]),m.jsx(c,{...o,style:{...f,...o.style},children:s})}exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Bounce-ByNbJjX0.cjs");require("react/jsx-runtime");require("react");exports.default=e.Bounce;
 //# sourceMappingURL=index.cjs.map

package/dist/animations/Bounce/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/animations/Bounce/Bounce.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Direction = 'left' | 'right' | 'top' | 'bottom';\n\nexport type Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  transform: 'translate(0, 0)',\n  transition: `transform ${timeout}s ease-in-out`,\n});\n\nconst styledBounce = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translate(0, -10px)',\n    left: 'translate(-10px, 0)',\n    right: 'translate(10px, 0)',\n    bottom: 'translate(0, 10px)',\n  };\n\n  return {\n    transform: translate[direction],\n    transition: `transform ${timeout}s ease-in-out`,\n  };\n};\n\nexport interface BounceProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  children: React.ReactNode;\n  tag?: React.ElementType;\n}\n\nexport default function Bounce({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = 0.2,\n  direction = 'right',\n  ...props\n}: BounceProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledShow(timeout));\n\n  useEffect(() => {\n    if (!enter) return;\n\n    setTimeout(() => {\n      setStyle(styledBounce(timeout, direction));\n      setTimeout(() => {\n        setStyle(styledShow(timeout));\n      }, timeout * 1000);\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledBounce","direction","Bounce","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"oKAMMA,EAAcC,IAA4B,CAC9C,UAAW,kBACX,WAAY,aAAaA,CAAO,eAClC,GAEMC,EAAe,CAACD,EAAiBE,KAQ9B,CACL,UARgB,CAChB,IAAK,sBACL,KAAM,sBACN,MAAO,qBACP,OAAQ,oBAAA,EAIaA,CAAS,EAC9B,WAAY,aAAaF,CAAO,eAAA,GAapC,SAAwBG,EAAO,CAC7B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAgB,CACd,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAAgBb,EAAWC,CAAO,CAAC,EAE7Da,OAAAA,EAAAA,UAAU,IAAM,CACTT,GAEL,WAAW,IAAM,CACfO,EAASV,EAAaD,EAASE,CAAS,CAAC,EACzC,WAAW,IAAM,CACfS,EAASZ,EAAWC,CAAO,CAAC,CAC9B,EAAGA,EAAU,GAAI,CACnB,EAAGO,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,MAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/animations/Bounce/index.js

@@ -1,2 +1,2 @@
-import{jsx as c}from"react/jsx-runtime";import{useState as m,useEffect as p}from"react";const f=t=>({transform:"translate(0, 0)",transition:`transform ${t}s ease-in-out`}),x=(t,e)=>({transform:{top:"translate(0, -10px)",left:"translate(-10px, 0)",right:"translate(10px, 0)",bottom:"translate(0, 10px)"}[e],transition:`transform ${t}s ease-in-out`});function h({enter:t,children:e,tag:n="div",delay:r=50,timeout:s=.2,direction:a="right",...o}){const u=n,[i,l]=m(f(s));return p(()=>{t&&setTimeout(()=>{l(x(s,a)),setTimeout(()=>{l(f(s))},s*1e3)},r)},[t,r,s,a]),c(u,{...o,style:{...i,...o.style},children:e})}export{h as default};
+import{B as p}from"../../chunks/Bounce-DP0PU3kr.js";import"react/jsx-runtime";import"react";export{p as default};
 //# sourceMappingURL=index.js.map

package/dist/animations/Bounce/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/animations/Bounce/Bounce.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Direction = 'left' | 'right' | 'top' | 'bottom';\n\nexport type Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  transform: 'translate(0, 0)',\n  transition: `transform ${timeout}s ease-in-out`,\n});\n\nconst styledBounce = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translate(0, -10px)',\n    left: 'translate(-10px, 0)',\n    right: 'translate(10px, 0)',\n    bottom: 'translate(0, 10px)',\n  };\n\n  return {\n    transform: translate[direction],\n    transition: `transform ${timeout}s ease-in-out`,\n  };\n};\n\nexport interface BounceProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  children: React.ReactNode;\n  tag?: React.ElementType;\n}\n\nexport default function Bounce({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = 0.2,\n  direction = 'right',\n  ...props\n}: BounceProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledShow(timeout));\n\n  useEffect(() => {\n    if (!enter) return;\n\n    setTimeout(() => {\n      setStyle(styledBounce(timeout, direction));\n      setTimeout(() => {\n        setStyle(styledShow(timeout));\n      }, timeout * 1000);\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledBounce","direction","Bounce","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"wFAMA,MAAMA,EAAcC,IAA4B,CAC9C,UAAW,kBACX,WAAY,aAAaA,CAAO,eAClC,GAEMC,EAAe,CAACD,EAAiBE,KAQ9B,CACL,UARgB,CAChB,IAAK,sBACL,KAAM,sBACN,MAAO,qBACP,OAAQ,oBAAA,EAIaA,CAAS,EAC9B,WAAY,aAAaF,CAAO,eAAA,GAapC,SAAwBG,EAAO,CAC7B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAgB,CACd,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAgBb,EAAWC,CAAO,CAAC,EAE7D,OAAAa,EAAU,IAAM,CACTT,GAEL,WAAW,IAAM,CACfO,EAASV,EAAaD,EAASE,CAAS,CAAC,EACzC,WAAW,IAAM,CACfS,EAASZ,EAAWC,CAAO,CAAC,CAC9B,EAAGA,EAAU,GAAI,CACnB,EAAGO,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,EAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/animations/Fade/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),i=require("react");function c(s,e){return new Promise(t=>{setTimeout(()=>{t(s())},e)})}function b({children:s,enter:e,delay:t=10,timeout:u=.5,...n}){const[r,o]=i.useState(!1),[l,a]=i.useState({opacity:0});i.useEffect(()=>{setTimeout(()=>{if(e){f();return}y()},t)},[e]);const f=()=>{o(!0),c(()=>{a({opacity:1})},t)},y=async()=>{a({opacity:0}),await c(()=>{o(!1)},u*1e3)};return r&&d.jsx("div",{...n,style:{...l,width:"100%",transition:`all ${u}s cubic-bezier(0.25, 0.1, 0.25, 1)`,...n.style},children:s})}exports.default=b;
+"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;
 //# sourceMappingURL=index.cjs.map

package/dist/animations/Fade/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../toolkit/src/promise/wait.ts","../../../src/animations/Fade/Fade.tsx"],"sourcesContent":["export function wait<T>(callback: () => T, ms: number) {\n  return new Promise<T>(resolve => {\n    setTimeout(() => { resolve(callback()); }, ms);\n  });\n}\n","import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  children: React.ReactNode;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n  const [isVisible, setIsVisible] = useState(false);\n  const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (enter) {\n        show();\n        return;\n      }\n\n      hide();\n    }, delay);\n  }, [enter]);\n\n  const show = () => {\n    setIsVisible(true);\n\n    wait(() => {\n      setStyle({ opacity: 1, });\n    }, delay);\n  };\n\n  const hide = async () => {\n    setStyle({ opacity: 0 });\n\n    await wait(() => {\n      setIsVisible(false);\n    }, timeout * 1000);\n  };\n\n  return (\n    isVisible && (\n      <div\n        {...props}\n        style={{\n          ...style,\n          width: '100%',\n          transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n          ...props.style\n        }}\n      >\n        {children}\n      </div>\n    )\n  );\n}\n"],"names":["wait","callback","ms","resolve","Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","jsx"],"mappings":"oKAAO,SAASA,EAAQC,EAAmBC,EAAY,CACrD,OAAO,IAAI,QAAWC,GAAW,CAC/B,WAAW,IAAM,CAAEA,EAAQF,GAAU,CAAG,EAAGC,CAAE,CAC/C,CAAC,CACH,CCSA,SAAwBE,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAgB,CAAE,QAAS,EAAG,EAExDG,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBX,EAAK,IAAM,CACTc,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMd,EAAK,IAAM,CACfW,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACEQ,EAAAA,IAAC,MAAA,CACE,GAAGT,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/animations/Fade/index.js

@@ -1,2 +1,2 @@
-import{jsx as m}from"react/jsx-runtime";import{useState as c,useEffect as w}from"react";function r(s,t){return new Promise(e=>{setTimeout(()=>{e(s())},t)})}function p({children:s,enter:t,delay:e=10,timeout:i=.5,...o}){const[u,a]=c(!1),[f,n]=c({opacity:0});w(()=>{setTimeout(()=>{if(t){l();return}y()},e)},[t]);const l=()=>{a(!0),r(()=>{n({opacity:1})},e)},y=async()=>{n({opacity:0}),await r(()=>{a(!1)},i*1e3)};return u&&m("div",{...o,style:{...f,width:"100%",transition:`all ${i}s cubic-bezier(0.25, 0.1, 0.25, 1)`,...o.style},children:s})}export{p as default};
+import{F as p}from"../../chunks/Fade-spxq-W-Q.js";import"react/jsx-runtime";import"react";export{p as default};
 //# sourceMappingURL=index.js.map

package/dist/animations/Fade/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../toolkit/src/promise/wait.ts","../../../src/animations/Fade/Fade.tsx"],"sourcesContent":["export function wait<T>(callback: () => T, ms: number) {\n  return new Promise<T>(resolve => {\n    setTimeout(() => { resolve(callback()); }, ms);\n  });\n}\n","import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  children: React.ReactNode;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n  const [isVisible, setIsVisible] = useState(false);\n  const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (enter) {\n        show();\n        return;\n      }\n\n      hide();\n    }, delay);\n  }, [enter]);\n\n  const show = () => {\n    setIsVisible(true);\n\n    wait(() => {\n      setStyle({ opacity: 1, });\n    }, delay);\n  };\n\n  const hide = async () => {\n    setStyle({ opacity: 0 });\n\n    await wait(() => {\n      setIsVisible(false);\n    }, timeout * 1000);\n  };\n\n  return (\n    isVisible && (\n      <div\n        {...props}\n        style={{\n          ...style,\n          width: '100%',\n          transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n          ...props.style\n        }}\n      >\n        {children}\n      </div>\n    )\n  );\n}\n"],"names":["wait","callback","ms","resolve","Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","jsx"],"mappings":"wFAAO,SAASA,EAAQC,EAAmBC,EAAY,CACrD,OAAO,IAAI,QAAWC,GAAW,CAC/B,WAAW,IAAM,CAAEA,EAAQF,GAAU,CAAG,EAAGC,CAAE,CAC/C,CAAC,CACH,CCSA,SAAwBE,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAgB,CAAE,QAAS,EAAG,EAExDG,EAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBX,EAAK,IAAM,CACTc,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMd,EAAK,IAAM,CACfW,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACEQ,EAAC,MAAA,CACE,GAAGT,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/animations/Slide/index.cjs

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

package/dist/animations/Slide/index.js

@@ -1,2 +1,2 @@
-import{S as p}from"../../chunks/Slide-BxEwoZ70.js";import"react/jsx-runtime";import"react";export{p as Slide};
+import{S as p}from"../../chunks/Slide-BxEwoZ70.js";import"react/jsx-runtime";import"react";export{p as default};
 //# sourceMappingURL=index.js.map

package/dist/animations/Zoom/index.cjs

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

package/dist/animations/Zoom/index.cjs.map

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

package/dist/animations/Zoom/index.d.ts

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

package/dist/animations/Zoom/index.js

@@ -0,0 +1,2 @@
+import{Z as p}from"../../chunks/Zoom-DqgU4Wfv.js";import"react/jsx-runtime";import"react";export{p as default};
+//# sourceMappingURL=index.js.map

package/dist/animations/Zoom/index.js.map

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

package/dist/chunks/Alert-DAYw7lG0.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),t=require("./index-DYxwT4uW.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),a=require("./Stack-B9mi696v.cjs"),j=require("./Typography-BKIC6AW2.cjs"),d=require("./ButtonIcon-CzxDZNK8.cjs"),y=require("./createComponent-6wUj8nAi.cjs"),q=require("./Icon-BEUDQFrk.cjs");function $({children:n,icon:s,color:r="primary",onClose:c,...o}){const l=i.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${r}`,o.className),u=i.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${r}`),x=()=>typeof n=="string"?e.jsx(j.Typography,{variant:"body1",style:{color:"currentcolor"},children:n}):n,m=f=>p.cloneElement(f,{color:`${r}.dark`});return e.jsxs(a.Stack,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...o,className:l,children:[e.jsxs(a.Stack,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[s&&m(s),x()]}),c&&e.jsx("div",{children:e.jsx(d.ButtonIcon,{className:u,onClick:c,color:r,style:{color:"currentColor"},children:e.jsx(q.Icon,{name:"times"})})})]})}const g=y.createComponent($);exports.Alert=g;
+//# sourceMappingURL=Alert-DAYw7lG0.cjs.map

package/dist/chunks/Alert-DAYw7lG0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-DAYw7lG0.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      {...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","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","createComponent"],"mappings":"0UAsBA,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,YAAW,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,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGX,EACJ,UAAAC,EAEA,SAAA,CAAAS,EAAAA,KAACC,EAAAA,MAAA,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,WAAA,CACC,UAAWR,EACX,QAASL,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAQ,EAAAA,IAACO,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAlB,EAAemB,EAAAA,gBAAgBnB,CAAK"}

package/dist/chunks/Alert-Dvtv5drl.js

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

package/dist/chunks/Alert-Dvtv5drl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-Dvtv5drl.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      {...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","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","Alert$1","createComponent"],"mappings":"iYAsBA,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,SACd,GAAGX,EACJ,UAAAC,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/chunks/Bounce-ByNbJjX0.cjs

@@ -0,0 +1,2 @@
+"use strict";const x=require("react/jsx-runtime"),c=require("react"),l=t=>({transform:"translate(0, 0)",transition:`transform ${t}s ease-in-out`}),m=(t,e)=>({transform:{top:"translate(0, -10px)",left:"translate(-10px, 0)",right:"translate(10px, 0)",bottom:"translate(0, 10px)"}[e],transition:`transform ${t}s ease-in-out`});function y({enter:t,children:e,tag:n="div",delay:r=50,timeout:s=.2,direction:a="right",...o}){const i=n,[f,u]=c.useState(l(s));return c.useEffect(()=>{t&&setTimeout(()=>{u(m(s,a)),setTimeout(()=>{u(l(s))},s*1e3)},r)},[t,r,s,a]),x.jsx(i,{...o,style:{...f,...o.style},children:e})}exports.Bounce=y;
+//# sourceMappingURL=Bounce-ByNbJjX0.cjs.map

package/dist/chunks/Bounce-ByNbJjX0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bounce-ByNbJjX0.cjs","sources":["../../src/animations/Bounce/Bounce.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Direction } from '../types';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  transform: 'translate(0, 0)',\n  transition: `transform ${timeout}s ease-in-out`,\n});\n\nconst styledBounce = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translate(0, -10px)',\n    left: 'translate(-10px, 0)',\n    right: 'translate(10px, 0)',\n    bottom: 'translate(0, 10px)',\n  };\n\n  return {\n    transform: translate[direction],\n    transition: `transform ${timeout}s ease-in-out`,\n  };\n};\n\nexport interface BounceProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  tag?: React.ElementType;\n}\n\nexport default function Bounce({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = 0.2,\n  direction = 'right',\n  ...props\n}: BounceProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledShow(timeout));\n\n  useEffect(() => {\n    if (!enter) return;\n\n    setTimeout(() => {\n      setStyle(styledBounce(timeout, direction));\n      setTimeout(() => {\n        setStyle(styledShow(timeout));\n      }, timeout * 1000);\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledBounce","direction","Bounce","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"qEAMMA,EAAcC,IAA4B,CAC9C,UAAW,kBACX,WAAY,aAAaA,CAAO,eAClC,GAEMC,EAAe,CAACD,EAAiBE,KAQ9B,CACL,UARgB,CAChB,IAAK,sBACL,KAAM,sBACN,MAAO,qBACP,OAAQ,oBAAA,EAIaA,CAAS,EAC9B,WAAY,aAAaF,CAAO,eAAA,GAYpC,SAAwBG,EAAO,CAC7B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAgB,CACd,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAAgBb,EAAWC,CAAO,CAAC,EAE7Da,OAAAA,EAAAA,UAAU,IAAM,CACTT,GAEL,WAAW,IAAM,CACfO,EAASV,EAAaD,EAASE,CAAS,CAAC,EACzC,WAAW,IAAM,CACfS,EAASZ,EAAWC,CAAO,CAAC,CAC9B,EAAGA,EAAU,GAAI,CACnB,EAAGO,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,MAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/chunks/Bounce-DP0PU3kr.js

@@ -0,0 +1,2 @@
+import{jsx as c}from"react/jsx-runtime";import{useState as m,useEffect as p}from"react";const f=t=>({transform:"translate(0, 0)",transition:`transform ${t}s ease-in-out`}),x=(t,n)=>({transform:{top:"translate(0, -10px)",left:"translate(-10px, 0)",right:"translate(10px, 0)",bottom:"translate(0, 10px)"}[n],transition:`transform ${t}s ease-in-out`});function h({enter:t,children:n,tag:r="div",delay:e=50,timeout:s=.2,direction:a="right",...o}){const i=r,[u,l]=m(f(s));return p(()=>{t&&setTimeout(()=>{l(x(s,a)),setTimeout(()=>{l(f(s))},s*1e3)},e)},[t,e,s,a]),c(i,{...o,style:{...u,...o.style},children:n})}export{h as B};
+//# sourceMappingURL=Bounce-DP0PU3kr.js.map

package/dist/chunks/Bounce-DP0PU3kr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bounce-DP0PU3kr.js","sources":["../../src/animations/Bounce/Bounce.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Direction } from '../types';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  transform: 'translate(0, 0)',\n  transition: `transform ${timeout}s ease-in-out`,\n});\n\nconst styledBounce = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translate(0, -10px)',\n    left: 'translate(-10px, 0)',\n    right: 'translate(10px, 0)',\n    bottom: 'translate(0, 10px)',\n  };\n\n  return {\n    transform: translate[direction],\n    transition: `transform ${timeout}s ease-in-out`,\n  };\n};\n\nexport interface BounceProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  tag?: React.ElementType;\n}\n\nexport default function Bounce({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = 0.2,\n  direction = 'right',\n  ...props\n}: BounceProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledShow(timeout));\n\n  useEffect(() => {\n    if (!enter) return;\n\n    setTimeout(() => {\n      setStyle(styledBounce(timeout, direction));\n      setTimeout(() => {\n        setStyle(styledShow(timeout));\n      }, timeout * 1000);\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledBounce","direction","Bounce","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"wFAMA,MAAMA,EAAcC,IAA4B,CAC9C,UAAW,kBACX,WAAY,aAAaA,CAAO,eAClC,GAEMC,EAAe,CAACD,EAAiBE,KAQ9B,CACL,UARgB,CAChB,IAAK,sBACL,KAAM,sBACN,MAAO,qBACP,OAAQ,oBAAA,EAIaA,CAAS,EAC9B,WAAY,aAAaF,CAAO,eAAA,GAYpC,SAAwBG,EAAO,CAC7B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAgB,CACd,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAgBb,EAAWC,CAAO,CAAC,EAE7D,OAAAa,EAAU,IAAM,CACTT,GAEL,WAAW,IAAM,CACfO,EAASV,EAAaD,EAASE,CAAS,CAAC,EACzC,WAAW,IAAM,CACfS,EAASZ,EAAWC,CAAO,CAAC,CAC9B,EAAGA,EAAU,GAAI,CACnB,EAAGO,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,EAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/chunks/{Box-CqKu7ACK.cjs → Box-DeyuR4kp.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),s=require("react"),u=require("./createComponent-D7BY-VlJ.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-CqKu7ACK.cjs.map
+"use strict";const c=require("react/jsx-runtime"),s=require("react"),u=require("./createComponent-6wUj8nAi.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-DeyuR4kp.cjs.map

package/dist/chunks/{Box-CqKu7ACK.cjs.map → Box-DeyuR4kp.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Box-CqKu7ACK.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-DeyuR4kp.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-CNenh0Si.js → Box-fopUzufC.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-CyZoFjRB.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-CNenh0Si.js.map
+import{jsx as n}from"react/jsx-runtime";import{forwardRef as s}from"react";import{c as a}from"./createComponent-DppVNf5x.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-fopUzufC.js.map

package/dist/chunks/{Box-CNenh0Si.js.map → Box-fopUzufC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Box-CNenh0Si.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-fopUzufC.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-B5nwYzcd.js → ButtonIcon-B5VfjTl_.js}

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as f}from"react/jsx-runtime";import{cloneElement as h}from"react";import{p as n}from"./index-Bmr5u5lp.js";import{j}from"./joinClass-anSpaauN.js";import{c as x}from"./convertPathToColor-D2SdAqGh.js";import{u as y}from"./useTheme-BQxrRS5M.js";import{R as C}from"./Ripple-DUBh1UW5.js";import{c as $}from"./createComponent-CyZoFjRB.js";function b({children:m,size:r=40,color:o="primary",...t}){const{theme:{palette:c}}=y(),[e,a]=[r,r],i=j(`${n}-button-icon`,o&&`${n}-button-icon--${o}`,t.className),l=x(o,c),p=s=>h(s,{size:e/1.5,...s.props,style:{color:"currentColor"}});return u("button",{...t,className:i,style:{color:l,...t.style,width:e,height:a},children:[p(m),f(C,{})]})}const w=$(b);export{w as B};
-//# sourceMappingURL=ButtonIcon-B5nwYzcd.js.map
+import{jsxs as u,jsx as f}from"react/jsx-runtime";import{cloneElement as h}from"react";import{p as n}from"./index-CZ41y9Hn.js";import{j}from"./joinClass-anSpaauN.js";import{c as x}from"./convertPathToColor-D2SdAqGh.js";import{u as y}from"./useTheme-BhIs8Txu.js";import{R as C}from"./Ripple-Bq9bxg4k.js";import{c as $}from"./createComponent-DppVNf5x.js";function b({children:m,size:r=40,color:o="primary",...t}){const{theme:{palette:c}}=y(),[e,a]=[r,r],i=j(`${n}-button-icon`,o&&`${n}-button-icon--${o}`,t.className),l=x(o,c),p=s=>h(s,{size:e/1.5,...s.props,style:{color:"currentColor"}});return u("button",{...t,className:i,style:{color:l,...t.style,width:e,height:a},children:[p(m),f(C,{})]})}const w=$(b);export{w as B};
+//# sourceMappingURL=ButtonIcon-B5VfjTl_.js.map

package/dist/chunks/{ButtonIcon-B5nwYzcd.js.map → ButtonIcon-B5VfjTl_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon-B5nwYzcd.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';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport type { IconProps } from '@/display/Icon';\nimport { useTheme } from '@/theme';\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 { theme: { palette } } = useTheme();\n\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 c = convertPathToColor(color, palette);\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={{ color: c, ...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","palette","useTheme","width","height","classess","joinClass","prefix","c","convertPathToColor","renderIcon","icon","cloneElement","jsxs","Ripple","ButtonIcon$1","createComponent"],"mappings":"iWAoBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzB,CAACC,EAAOC,CAAM,EAAI,CAACN,EAAMA,CAAI,EAE7BO,EAAWC,EACf,GAAGC,CAAM,eACTR,GAAS,GAAGQ,CAAM,iBAAiBR,CAAK,GACxCC,EAAM,SAAA,EAGFQ,EAAIC,EAAmBV,EAAOE,CAAO,EAErCS,EAAcC,GACXC,EAAaD,EAAM,CACxB,KAAMR,EAAQ,IACd,GAAGQ,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAC,SAAA,CACE,GAAGb,EACJ,UAAWK,EACX,MAAO,CAAE,MAAOG,EAAG,GAAGR,EAAM,MAAO,MAAAG,EAAO,OAAAC,CAAA,EAEzC,SAAA,CAAAM,EAAWb,CAAQ,IACnBiB,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBpB,CAAU"}
+{"version":3,"file":"ButtonIcon-B5VfjTl_.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';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport type { IconProps } from '@/display/Icon';\nimport { useTheme } from '@/theme';\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 { theme: { palette } } = useTheme();\n\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 c = convertPathToColor(color, palette);\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={{ color: c, ...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","palette","useTheme","width","height","classess","joinClass","prefix","c","convertPathToColor","renderIcon","icon","cloneElement","jsxs","Ripple","ButtonIcon$1","createComponent"],"mappings":"iWAoBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzB,CAACC,EAAOC,CAAM,EAAI,CAACN,EAAMA,CAAI,EAE7BO,EAAWC,EACf,GAAGC,CAAM,eACTR,GAAS,GAAGQ,CAAM,iBAAiBR,CAAK,GACxCC,EAAM,SAAA,EAGFQ,EAAIC,EAAmBV,EAAOE,CAAO,EAErCS,EAAcC,GACXC,EAAaD,EAAM,CACxB,KAAMR,EAAQ,IACd,GAAGQ,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAC,SAAA,CACE,GAAGb,EACJ,UAAWK,EACX,MAAO,CAAE,MAAOG,EAAG,GAAGR,EAAM,MAAO,MAAAG,EAAO,OAAAC,CAAA,EAEzC,SAAA,CAAAM,EAAWb,CAAQ,IACnBiB,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBpB,CAAU"}

package/dist/chunks/{ButtonIcon-CJPT8zy-.cjs → ButtonIcon-CzxDZNK8.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),p=require("react"),c=require("./index-BaaRDmgo.cjs"),q=require("./joinClass-Jk3EszKD.cjs"),C=require("./convertPathToColor-BlQMLS4V.cjs"),x=require("./useTheme-BZl65Sjh.cjs"),j=require("./Ripple-BqrSCCqr.cjs"),d=require("./createComponent-D7BY-VlJ.cjs");function y({children:i,size:n=40,color:e="primary",...t}){const{theme:{palette:u}}=x.useTheme(),[o,l]=[n,n],a=q.joinClass(`${c.prefix}-button-icon`,e&&`${c.prefix}-button-icon--${e}`,t.className),m=C.convertPathToColor(e,u),h=r=>p.cloneElement(r,{size:o/1.5,...r.props,style:{color:"currentColor"}});return s.jsxs("button",{...t,className:a,style:{color:m,...t.style,width:o,height:l},children:[h(i),s.jsx(j.Ripple,{})]})}const I=d.createComponent(y);exports.ButtonIcon=I;
-//# sourceMappingURL=ButtonIcon-CJPT8zy-.cjs.map
+"use strict";const s=require("react/jsx-runtime"),p=require("react"),c=require("./index-DYxwT4uW.cjs"),q=require("./joinClass-Jk3EszKD.cjs"),C=require("./convertPathToColor-BlQMLS4V.cjs"),x=require("./useTheme-BZ0xkY68.cjs"),j=require("./Ripple-Dy4i91j1.cjs"),d=require("./createComponent-6wUj8nAi.cjs");function y({children:i,size:n=40,color:e="primary",...t}){const{theme:{palette:u}}=x.useTheme(),[o,l]=[n,n],a=q.joinClass(`${c.prefix}-button-icon`,e&&`${c.prefix}-button-icon--${e}`,t.className),m=C.convertPathToColor(e,u),h=r=>p.cloneElement(r,{size:o/1.5,...r.props,style:{color:"currentColor"}});return s.jsxs("button",{...t,className:a,style:{color:m,...t.style,width:o,height:l},children:[h(i),s.jsx(j.Ripple,{})]})}const I=d.createComponent(y);exports.ButtonIcon=I;
+//# sourceMappingURL=ButtonIcon-CzxDZNK8.cjs.map

package/dist/chunks/{ButtonIcon-CJPT8zy-.cjs.map → ButtonIcon-CzxDZNK8.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon-CJPT8zy-.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';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport type { IconProps } from '@/display/Icon';\nimport { useTheme } from '@/theme';\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 { theme: { palette } } = useTheme();\n\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 c = convertPathToColor(color, palette);\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={{ color: c, ...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","palette","useTheme","width","height","classess","joinClass","prefix","c","convertPathToColor","renderIcon","icon","cloneElement","jsxs","Ripple","createComponent"],"mappings":"gTAoBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzB,CAACC,EAAOC,CAAM,EAAI,CAACN,EAAMA,CAAI,EAE7BO,EAAWC,EAAAA,UACf,GAAGC,EAAAA,MAAM,eACTR,GAAS,GAAGQ,EAAAA,MAAM,iBAAiBR,CAAK,GACxCC,EAAM,SAAA,EAGFQ,EAAIC,EAAAA,mBAAmBV,EAAOE,CAAO,EAErCS,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAMR,EAAQ,IACd,GAAGQ,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAAA,KAAC,SAAA,CACE,GAAGb,EACJ,UAAWK,EACX,MAAO,CAAE,MAAOG,EAAG,GAAGR,EAAM,MAAO,MAAAG,EAAO,OAAAC,CAAA,EAEzC,SAAA,CAAAM,EAAWb,CAAQ,QACnBiB,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAlB,EAAemB,EAAAA,gBAAgBnB,CAAU"}
+{"version":3,"file":"ButtonIcon-CzxDZNK8.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';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport type { IconProps } from '@/display/Icon';\nimport { useTheme } from '@/theme';\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 { theme: { palette } } = useTheme();\n\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 c = convertPathToColor(color, palette);\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={{ color: c, ...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","palette","useTheme","width","height","classess","joinClass","prefix","c","convertPathToColor","renderIcon","icon","cloneElement","jsxs","Ripple","createComponent"],"mappings":"gTAoBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzB,CAACC,EAAOC,CAAM,EAAI,CAACN,EAAMA,CAAI,EAE7BO,EAAWC,EAAAA,UACf,GAAGC,EAAAA,MAAM,eACTR,GAAS,GAAGQ,EAAAA,MAAM,iBAAiBR,CAAK,GACxCC,EAAM,SAAA,EAGFQ,EAAIC,EAAAA,mBAAmBV,EAAOE,CAAO,EAErCS,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAMR,EAAQ,IACd,GAAGQ,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAAA,KAAC,SAAA,CACE,GAAGb,EACJ,UAAWK,EACX,MAAO,CAAE,MAAOG,EAAG,GAAGR,EAAM,MAAO,MAAAG,EAAO,OAAAC,CAAA,EAEzC,SAAA,CAAAM,EAAWb,CAAQ,QACnBiB,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAlB,EAAemB,EAAAA,gBAAgBnB,CAAU"}

package/dist/chunks/{Card-DwQwp0Z1.cjs → Card-C3pG2xgW.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("./index-BaaRDmgo.cjs"),t=require("./joinClass-Jk3EszKD.cjs"),a=require("./Ripple-BqrSCCqr.cjs"),o=require("./createComponent-D7BY-VlJ.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-DwQwp0Z1.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-6wUj8nAi.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-C3pG2xgW.cjs.map