asheeui 0.6.2 → 0.6.3

package/dist/components/marquee/Marquee.d.ts

@@ -1,14 +1,83 @@
 import { ReactNode } from 'react';
-import { MarqueeAxis, MarqueeDirection, MarqueeSpeedPreset } from './marquee-config';
-export interface MarqueeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+import { MarqueeConfig } from './marquee-config';
+type BaseMarqueeProps = MarqueeConfig & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+/**
+ * Configuration options for the Marquee component.
+ */
+export interface MarqueeProps extends BaseMarqueeProps {
+    /**
+     * The content to display in the marquee.
+     * An array of React nodes that will be repeated for continuous scrolling.
+     */
     children: ReactNode[];
-    axis?: MarqueeAxis;
-    direction?: MarqueeDirection;
-    speed?: MarqueeSpeedPreset | number;
-    gap?: string;
-    pauseOnHover?: boolean;
-    fadeEdges?: boolean;
+    /**
+     * Extra classes applied to each item.
+     */
     itemClassName?: string;
 }
+/**
+ * An animated scrolling container that displays content in a continuous loop.
+ *
+ * Marquee renders its children in a horizontal or vertical scrolling animation
+ * that loops infinitely. It duplicates the content to create a seamless effect,
+ * and supports configurable speed, direction, gap, pause on hover, and edge
+ * fading.
+ *
+ * The component uses CSS keyframe animations for performance and smooth
+ * scrolling. It automatically handles the duplication of content to create
+ * the infinite scroll effect.
+ *
+ * @param props - Marquee configuration options and HTML div props.
+ * @param props.children - An array of React nodes to display.
+ * @param props.axis - The axis of the marquee. Defaults to "x".
+ * @param props.direction - The scroll direction. Defaults to "forward".
+ * @param props.speed - The animation speed. Defaults to "normal".
+ * @param props.gap - The gap between items. Defaults to "1.5rem".
+ * @param props.pauseOnHover - Whether to pause on hover. Defaults to false.
+ * @param props.fadeEdges - Whether to fade edges. Defaults to false.
+ * @param props.itemClassName - Extra classes for each item.
+ * @param props.className - Extra classes for the container.
+ *
+ * @example
+ * ```tsx
+ * import { Marquee } from "asheeui";
+ *
+ * export function Example() {
+ *   const logos = [
+ *     <div key="1">Logo 1</div>,
+ *     <div key="2">Logo 2</div>,
+ *     <div key="3">Logo 3</div>,
+ *   ];
+ *
+ *   return (
+ *     <Marquee
+ *       speed="slow"
+ *       gap="2rem"
+ *       pauseOnHover
+ *       fadeEdges
+ *     >
+ *       {logos}
+ *     </Marquee>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Vertical marquee
+ * <Marquee
+ *   axis="y"
+ *   direction="reverse"
+ *   speed={20}
+ *   gap="1rem"
+ * >
+ *   {items}
+ * </Marquee>
+ * ```
+ *
+ * @see MarqueeConfig - The configuration type for component defaults.
+ * @see useAsheeConfig - Hook for accessing the global configuration.
+ */
 export declare const Marquee: import('react').ForwardRefExoticComponent<MarqueeProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=Marquee.d.ts.map

package/dist/components/marquee/Marquee.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/Marquee.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAI5E,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,kBAAkB,CAAC;AAO1B,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,kBAAkB,GAAG,MAAM,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,yGAsKnB,CAAC"}
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/Marquee.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA8B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAI5E,OAAO,EAGL,KAAK,aAAa,EAGnB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,aAAa,GACnC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;;OAGG;IACH,QAAQ,EAAE,SAAS,EAAE,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,eAAO,MAAM,OAAO,yGAoKnB,CAAC"}

package/dist/components/marquee/Marquee.js

@@ -12,8 +12,8 @@ const j = Q(
     axis: y,
     direction: x,
     speed: A,
-    gap: h,
-    pauseOnHover: S,
+    gap: S,
+    pauseOnHover: h,
     fadeEdges: _,
     className: N,
     itemClassName: c,
@@ -36,12 +36,12 @@ const j = Q(
       void 0,
       o.speed
     ), d = a(
-      h,
+      S,
       e == null ? void 0 : e.gap,
       void 0,
       o.gap
     ), M = a(
-      S,
+      h,
       e == null ? void 0 : e.pauseOnHover,
       void 0,
       o.pauseOnHover
@@ -79,7 +79,7 @@ const j = Q(
       {
         ref: D,
         className: s(
-          "group relative overflow-hidden",
+          "group relative overflow-clip",
           t ? "h-full" : "w-full",
           N
         ),

package/dist/components/marquee/marquee-config.d.ts

@@ -1,15 +1,89 @@
+/**
+ * Marquee component configuration for AsheeUI.
+ * This file defines the configuration types and defaults for the Marquee
+ * component, including axis, direction, speed, gap, and edge fading options.
+ * It registers the default configuration with the component registry and
+ * provides fallback values for the cascade resolution system.
+ */
+/**
+ * The axis of the marquee animation.
+ * - `x`: Horizontal scrolling.
+ * - `y`: Vertical scrolling.
+ */
 export type MarqueeAxis = "x" | "y";
+/**
+ * The direction of the marquee animation.
+ * - `forward`: Scrolls from right to left (x) or bottom to top (y).
+ * - `reverse`: Scrolls from left to right (x) or top to bottom (y).
+ */
 export type MarqueeDirection = "forward" | "reverse";
+/**
+ * Speed presets for the marquee.
+ * - `slow`: 50 seconds for a full cycle.
+ * - `normal`: 30 seconds for a full cycle.
+ * - `fast`: 15 seconds for a full cycle.
+ */
 export type MarqueeSpeedPreset = "slow" | "normal" | "fast";
+/**
+ * Theme configuration options for the Marquee component.
+ *
+ * Set under `components.marquee` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
 export interface MarqueeConfig {
+    /**
+     * The axis of the marquee animation.
+     * Controls whether the marquee scrolls horizontally or vertically.
+     *
+     * @default "x"
+     */
     axis?: MarqueeAxis;
+    /**
+     * The direction of the marquee animation.
+     * Controls the scroll direction.
+     *
+     * @default "forward"
+     */
     direction?: MarqueeDirection;
+    /**
+     * The speed of the marquee animation.
+     * Can be a preset value ("slow", "normal", "fast") or a number
+     * representing the duration in seconds for a full cycle.
+     *
+     * @default "normal"
+     */
     speed?: MarqueeSpeedPreset | number;
+    /**
+     * The gap between marquee items.
+     * Accepts any valid CSS gap value.
+     *
+     * @default "1.5rem"
+     */
     gap?: string;
+    /**
+     * Whether the marquee pauses on hover.
+     * When true, the animation stops when hovering over the marquee.
+     *
+     * @default false
+     */
     pauseOnHover?: boolean;
+    /**
+     * Whether the marquee has fading edges.
+     * When true, the edges of the marquee fade to transparent.
+     *
+     * @default false
+     */
     fadeEdges?: boolean;
 }
+/**
+ * Default config values registered for the Marquee component.
+ */
 export declare const defaultMarqueeConfig: MarqueeConfig;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ * These values are used when instance props, component config,
+ * and global defaults are all undefined.
+ */
 export declare const FALLBACK_MARQUEE_CONFIG: {
     readonly axis: MarqueeAxis;
     readonly direction: MarqueeDirection;

package/dist/components/marquee/marquee-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marquee-config.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/marquee-config.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AACpC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,kBAAkB,GAAG,MAAM,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,EAAE,aAOlC,CAAC;AAEF,eAAO,MAAM,uBAAuB;mBACrB,WAAW;wBACA,gBAAgB;oBACrB,kBAAkB;;;;CAI7B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}
+{"version":3,"file":"marquee-config.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/marquee-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpC;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,kBAAkB,GAAG,MAAM,CAAC;IAEpC;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAOlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;mBACrB,WAAW;wBACA,gBAAgB;oBACrB,kBAAkB;;;;CAI7B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}

package/dist/components/marquee/marquee-styles.d.ts

@@ -1,5 +1,17 @@
 import { MarqueeAxis, MarqueeSpeedPreset } from './marquee-config';
+/**
+ * Duration in seconds for each speed preset.
+ * Higher values mean slower animation.
+ */
 export declare const MARQUEE_SPEED_PRESETS: Record<MarqueeSpeedPreset, number>;
+/**
+ * CSS classes for the start edge fade gradient.
+ * Creates a fade effect at the beginning of the scroll direction.
+ */
 export declare const MARQUEE_FADE_START_CLASS: Record<MarqueeAxis, string>;
+/**
+ * CSS classes for the end edge fade gradient.
+ * Creates a fade effect at the end of the scroll direction.
+ */
 export declare const MARQUEE_FADE_END_CLASS: Record<MarqueeAxis, string>;
 //# sourceMappingURL=marquee-styles.d.ts.map

package/dist/components/marquee/marquee-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marquee-styles.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/marquee-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAIpE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAGhE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG9D,CAAC"}
+{"version":3,"file":"marquee-styles.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/marquee-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAIpE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAGhE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG9D,CAAC"}

package/dist/components/modal/Modal.d.ts

@@ -1,38 +1,126 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { Radius } from '../../shared/radius';
-import { ModalPosition, ModalSizeKey } from './modal-config';
-export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "size"> {
-    /** Controls open visibility state. */
+import { ModalConfig } from './modal-config';
+type BaseModalProps = ModalConfig & Omit<HTMLAttributes<HTMLDivElement>, "size">;
+/**
+ * Configuration options for the Modal component.
+ */
+export interface ModalProps extends BaseModalProps {
+    /**
+     * Controls open visibility state.
+     * When true, the modal is rendered and visible.
+     */
     isOpen: boolean;
-    /** Close event callback. */
+    /**
+     * Close event callback.
+     * Called when the modal should close (backdrop click, Escape key).
+     */
     onClose?: () => void;
-    /** Modal inner content. */
+    /**
+     * Modal inner content.
+     * The content to display inside the modal.
+     */
     children: ReactNode;
-    /** Modal content width override. */
+    /**
+     * Modal content width override.
+     * Accepts any CSS width value (e.g., "500px", "80%").
+     * Overrides the size prop.
+     */
     width?: string;
-    /** Modal content height override. */
+    /**
+     * Modal content height override.
+     * Accepts any CSS height value (e.g., "400px", "auto").
+     */
     height?: string;
-    /** Padding token or CSS string override. */
-    padding?: string;
-    /** Modal size scale token key. */
-    size?: ModalSizeKey;
-    /** Vertical placement position. */
-    position?: ModalPosition;
-    /** Radius scale token for modal content box. */
-    radius?: Radius;
-    /** Enable/disable pop animation. Default: true */
-    animated?: boolean;
-    /** Close modal when clicking dark backdrop overlay. Default: true. */
-    closeOnBackdropClick?: boolean;
-    /** Close modal on Escape key press. Default: true. */
-    closeOnEscape?: boolean;
-    /** Backdrop overlay custom class name. */
+    /**
+     * Backdrop overlay custom class name.
+     * Extra classes applied to the backdrop element.
+     */
     overlayClassName?: string;
-    /** Content container custom class name. */
+    /**
+     * Content container custom class name.
+     * Extra classes applied to the modal content container.
+     */
     contentClassName?: string;
 }
-export declare function Modal({ isOpen, onClose, children, width, height, padding, size, position: positionProp, radius, animated: animatedProp, closeOnBackdropClick: closeOnBackdropClickProp, closeOnEscape: closeOnEscapeProp, overlayClassName: overlayClassNameProp, contentClassName: contentClassNameProp, className, style, ...props }: ModalProps): import("react").JSX.Element | null;
+/**
+ * A dialog overlay with backdrop, scroll locking, and configurable animations.
+ *
+ * Modal renders a dialog that appears over the page content with a backdrop.
+ * It supports size, position, radius, animation, and behavior options. The
+ * component automatically locks body scroll when open, handles Escape key
+ * dismissal, and supports click-outside-to-close functionality.
+ *
+ * The modal manages its own animation states using a two-phase rendering
+ * approach: it renders the modal with an enter animation when opened, and
+ * plays an exit animation before removing from the DOM when closed.
+ *
+ * Visual tokens resolve through the standard AsheeUI cascade: prop,
+ * component config, global theme defaults, and the built-in fallback.
+ *
+ * @param props - Modal configuration options and HTML div props.
+ * @param props.isOpen - Whether the modal is open.
+ * @param props.onClose - Callback fired when the modal should close.
+ * @param props.size - Size of the modal. Defaults to "md".
+ * @param props.position - Position of the modal. Defaults to "center".
+ * @param props.radius - Corner rounding. Defaults to "lg".
+ * @param props.animated - Whether the modal has animations. Defaults to true.
+ * @param props.closeOnBackdropClick - Whether clicking the backdrop closes the modal. Defaults to true.
+ * @param props.closeOnEscape - Whether pressing Escape closes the modal. Defaults to true.
+ * @param props.width - Width override for the modal.
+ * @param props.height - Height override for the modal.
+ * @param props.overlayClassName - Extra classes for the backdrop.
+ * @param props.contentClassName - Extra classes for the content container.
+ * @param props.children - The modal content.
+ *
+ * @example
+ * ```tsx
+ * import { Modal, Button } from "asheeui";
+ * import { useState } from "react";
+ *
+ * export function Example() {
+ *   const [isOpen, setIsOpen] = useState(false);
+ *
+ *   return (
+ *     <>
+ *       <Button onClick={() => setIsOpen(true)}>Open Modal</Button>
+ *       <Modal
+ *         isOpen={isOpen}
+ *         onClose={() => setIsOpen(false)}
+ *         size="lg"
+ *         position="center"
+ *       >
+ *         <div className="p-6">
+ *           <h2 className="text-xl font-bold">Modal Title</h2>
+ *           <p className="mt-2">Modal content goes here.</p>
+ *           <Button onClick={() => setIsOpen(false)}>Close</Button>
+ *         </div>
+ *       </Modal>
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Top-positioned modal with custom width
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={onClose}
+ *   position="top"
+ *   width="600px"
+ *   radius="md"
+ *   closeOnBackdropClick={false}
+ * >
+ *   {content}
+ * </Modal>
+ * ```
+ *
+ * @see ModalConfig - The configuration type for component defaults.
+ * @see useAsheeConfig - Hook for accessing the global configuration.
+ */
+export declare function Modal({ isOpen, onClose, children, width, height, size, position: positionProp, radius, animated: animatedProp, closeOnBackdropClick: closeOnBackdropClickProp, closeOnEscape: closeOnEscapeProp, overlayClassName: overlayClassNameProp, contentClassName: contentClassNameProp, className, style, ...props }: ModalProps): import("react").JSX.Element | null;
 export declare namespace Modal {
     var displayName: string;
 }
+export {};
 //# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAOhE,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAOxB,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACpD,sCAAsC;IACtC,MAAM,EAAE,OAAO,CAAC;IAEhB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;IAEpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,QAAQ,EAAE,YAAY,EACtB,oBAAoB,EAAE,wBAAwB,EAC9C,aAAa,EAAE,iBAAiB,EAChC,gBAAgB,EAAE,oBAAoB,EACtC,gBAAgB,EAAE,oBAAoB,EACtC,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,sCAmLZ;yBArMe,KAAK"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AASf,OAAO,EAEL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,QAAQ,EAAE,YAAY,EACtB,oBAAoB,EAAE,wBAAwB,EAC9C,aAAa,EAAE,iBAAiB,EAChC,gBAAgB,EAAE,oBAAoB,EACtC,gBAAgB,EAAE,oBAAoB,EACtC,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,sCAyKZ;yBA1Le,KAAK"}

package/dist/components/modal/Modal.js

@@ -1,152 +1,145 @@
 "use client";
-import { jsxs as W, jsx as w } from "react/jsx-runtime";
-import { useState as S, useEffect as d } from "react";
-import { useAsheeConfig as X } from "../../libs/context.js";
-import { RADIUS_CLASS as J } from "../../shared/radius.js";
-import { resolveCascade as r, resolveRadiusKey as Q, resolveClassKey as c } from "../../utils/resolve-token.js";
+import { jsxs as P, jsx as k } from "react/jsx-runtime";
+import { useState as b, useEffect as d } from "react";
+import { useAsheeConfig as U } from "../../libs/context.js";
+import { resolveCascade as a, resolveRadiusKey as W, resolveClassKey as w } from "../../utils/resolve-token.js";
 import { FALLBACK_MODAL_CONFIG as o } from "./modal-config.js";
-import { MODAL_MAX_WIDTH_CLASS as V, MODAL_PADDING_CLASS as Y, MODAL_POSITION_CLASS as L } from "./modal-styles.js";
-import { cn as m } from "../../utils/cn.js";
-function Z({
+import { MODAL_MAX_WIDTH_CLASS as X, MODAL_POSITION_CLASS as A } from "./modal-styles.js";
+import { RADIUS_CLASS as J } from "../../shared/radius.js";
+import { cn as i } from "../../utils/cn.js";
+function Q({
   isOpen: t,
-  onClose: a,
-  children: O,
-  width: u,
-  height: _,
-  padding: n,
+  onClose: s,
+  children: S,
+  width: c,
+  height: L,
   size: x,
-  position: D,
-  radius: N,
-  animated: h,
-  closeOnBackdropClick: C,
-  closeOnEscape: E,
+  position: O,
+  radius: h,
+  animated: E,
+  closeOnBackdropClick: N,
+  closeOnEscape: _,
   overlayClassName: M,
   contentClassName: z,
-  className: I,
-  style: B,
-  ...K
+  className: B,
+  style: C,
+  ...D
 }) {
-  var b;
-  const f = X(), e = (b = f.components) == null ? void 0 : b.modal, [p, v] = S(!1), [R, i] = S(t), y = r(
+  var y;
+  const m = U(), e = (y = m.components) == null ? void 0 : y.modal, [u, f] = b(!1), [I, n] = b(t), K = a(
     x,
     e == null ? void 0 : e.size,
     void 0,
     o.size
-  ), T = r(
-    D,
+  ), R = a(
+    O,
     e == null ? void 0 : e.position,
     void 0,
     o.position
-  ), j = r(
-    C,
+  ), T = a(
+    N,
     e == null ? void 0 : e.closeOnBackdropClick,
     void 0,
     o.closeOnBackdropClick
-  ), k = r(
-    E,
+  ), p = a(
+    _,
     e == null ? void 0 : e.closeOnEscape,
     void 0,
     o.closeOnEscape
-  ), F = Q(
-    N,
+  ), g = W(
+    h,
     e == null ? void 0 : e.radius,
-    f.defaultRadius,
+    m.defaultRadius,
     o.radius
-  ), l = r(
-    h,
+  ), l = a(
+    E,
     e == null ? void 0 : e.animated,
     void 0,
     o.animated
-  ), g = u ? "" : c(
-    y,
-    V,
-    o.size
-  ), G = n ? "" : c(
-    y,
-    Y,
+  ), j = c ? "" : w(
+    K,
+    X,
     o.size
-  ), P = c(
-    F,
+  ), F = w(
+    g,
     J,
     o.radius
-  ), q = L[T] ?? L.center;
+  ), q = A[R] ?? A.center;
   if (d(() => {
     if (t)
-      i(!0), requestAnimationFrame(() => {
-        v(!1);
+      n(!0), requestAnimationFrame(() => {
+        f(!1);
       });
     else if (l) {
-      v(!0);
-      const s = setTimeout(() => {
-        i(!1);
+      f(!0);
+      const r = setTimeout(() => {
+        n(!1);
       }, 200);
-      return () => clearTimeout(s);
+      return () => clearTimeout(r);
     } else
-      i(!1);
+      n(!1);
   }, [t, l]), d(() => {
-    if (!t || !k || !a) return;
-    const s = (U) => {
-      U.key === "Escape" && a();
+    if (!t || !p || !s) return;
+    const r = (H) => {
+      H.key === "Escape" && s();
     };
-    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
-  }, [t, k, a]), d(() => {
+    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+  }, [t, p, s]), d(() => {
     if (!t) return;
-    const s = document.body.style.overflow;
+    const r = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = s;
+      document.body.style.overflow = r;
     };
-  }, [t]), !R) return null;
-  const A = () => l ? p ? "animate-backdrop-out" : "animate-backdrop-in" : "", H = () => l ? p ? "animate-modal-out" : "animate-modal-in" : "";
-  return /* @__PURE__ */ W(
+  }, [t]), !I) return null;
+  const v = () => l ? u ? "animate-backdrop-out" : "animate-backdrop-in" : "", G = () => l ? u ? "animate-modal-out" : "animate-modal-in" : "";
+  return /* @__PURE__ */ P(
     "div",
     {
       role: "dialog",
       "aria-modal": "true",
-      className: m(
+      className: i(
         "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6 overflow-y-auto",
-        A()
+        v()
       ),
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ k(
           "button",
           {
             type: "button",
-            onClick: j ? a : void 0,
-            className: m(
+            onClick: T ? s : void 0,
+            className: i(
               "fixed inset-0 bg-background/80 backdrop-blur-xs dark:bg-black/70",
               M,
-              A()
+              v()
             )
           }
         ),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ k(
           "div",
           {
-            className: m(
+            className: i(
               "relative z-10 w-full bg-background text-foreground overflow-y-auto max-h-[90vh]",
               q,
-              g,
-              G,
-              P,
+              j,
+              F,
               z,
-              H(),
-              I
+              G(),
+              B
             ),
             style: {
-              width: u,
-              height: _,
-              ...n ? { padding: n } : {},
-              ...B
+              width: c,
+              height: L,
+              ...C
             },
-            ...K,
-            children: O
+            ...D,
+            children: S
           }
         )
       ]
     }
   );
 }
-Z.displayName = "Modal";
+Q.displayName = "Modal";
 export {
-  Z as Modal
+  Q as Modal
 };