asheeui 2.0.0 → 2.3.0

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

@@ -1,117 +0,0 @@
-import { Color, Radius, Size, Variant } from '../../shared';
-/**
- * A single option in the select menu.
- * Each option must have a label and a unique value.
- */
-export interface MenuOption {
-    /**
-     * Text displayed in the input and in the options list.
-     */
-    label: string;
-    /**
-     * Stable identifier returned via `onValueChange`.
-     */
-    value: string | number;
-    /**
-     * Disables the option when `true`.
-     * Disabled options cannot be selected.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Allows arbitrary option metadata (e.g. icons, descriptions).
-     * Additional properties are passed through and can be used in custom rendering.
-     */
-    [key: string]: unknown;
-}
-/**
- * Theme configuration options for the Menu component.
- * Controls the visual appearance of the dropdown menu and its items.
- */
-export interface MenuConfig {
-    /**
-     * Corner rounding of the dropdown menu.
-     * Controls the border-radius of the menu container.
-     *
-     * @default "md"
-     */
-    radius?: Radius;
-    /**
-     * Density scale of the dropdown menu.
-     * Controls the size of menu items.
-     *
-     * @default "md"
-     */
-    size?: Size;
-    /**
-     * Variant for inactive (non-selected) options.
-     * Controls the visual style of unselected items.
-     *
-     * @default "ghost"
-     */
-    itemVariant?: Variant;
-    /**
-     * Color for inactive options.
-     * Controls the accent color of unselected items.
-     *
-     * @default "primary"
-     */
-    itemColor?: Color;
-    /**
-     * Variant for the selected option.
-     * Controls the visual style of the currently selected item.
-     *
-     * @default "faded"
-     */
-    activeItemVariant?: Variant;
-    /**
-     * Color for the selected option.
-     * Controls the accent color of the selected item.
-     *
-     * @default "primary"
-     */
-    activeItemColor?: Color;
-    /**
-     * Whether to lock body scroll when the dropdown is open.
-     * When true, the page behind the dropdown cannot scroll, using
-     * scroll-position-compensated `position: fixed` on `<body>` so the
-     * page doesn't jump. This prevents the page from scrolling while
-     * interacting with the dropdown.
-     *
-     * @default true
-     */
-    lockScroll?: boolean;
-    /**
-     * Whether to render the menu through Floating UI's `FloatingPortal`.
-     * When true, the menu is rendered at the document body level.
-     * Defaults to true. This is typically controlled by the parent
-     * component (Dropmenu, MultiSelect, Autocomplete) via their own
-     * config or props.
-     *
-     * @see FloatingPortal - https://floating-ui.com/docs/FloatingPortal
-     */
-    portal?: boolean;
-    /**
-     * Custom portal target element for the menu.
-     * When portal is enabled, the menu is rendered into this element.
-     * Defaults to document.body.
-     */
-    portalTarget?: HTMLElement | null;
-}
-/**
- * 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_MENU_CONFIG: {
-    radius: Radius;
-    size: Size;
-    itemVariant: Variant;
-    itemColor: Color;
-    activeItemVariant: Variant;
-    activeItemColor: Color;
-    lockScroll: boolean;
-    portal: boolean;
-};
-//# sourceMappingURL=menu-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-config.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IAExB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;YACf,MAAM;UACR,IAAI;iBACM,OAAO;eACP,KAAK;uBACC,OAAO;qBACP,KAAK;;;CAGpC,CAAC"}

package/dist/components/menu/menu-config.js

@@ -1,14 +0,0 @@
-"use client";
-//#region src/components/menu/menu-config.ts
-var e = {
-	radius: "md",
-	size: "md",
-	itemVariant: "ghost",
-	itemColor: "primary",
-	activeItemVariant: "faded",
-	activeItemColor: "primary",
-	lockScroll: !0,
-	portal: !0
-};
-//#endregion
-export { e as FALLBACK_MENU_CONFIG };

package/dist/components/menu/menu-navigation.d.ts

@@ -1,38 +0,0 @@
-import { MenuOption } from './menu-config';
-/**
- * Positions of the options that can be reached by keyboard navigation.
- *
- * @param options - The rendered option list, in display order.
- * @returns The indexes of the options that are not disabled.
- */
-export declare function enabledOptionIndexes(options: MenuOption[]): number[];
-/**
- * Resolves the option that a movement key lands on.
- *
- * Movement starts at the first option when nothing is current yet: forward
- * movement lands on the first enabled option and backward movement on the last
- * one. Once an option is current, movement wraps around the ends of the list.
- *
- * @param options - The rendered option list, in display order.
- * @param currentIndex - The current option, or `null` when none is current.
- * @param delta - Movement direction: `1` forward, `-1` backward.
- * @returns The index to make current, or `null` when no option is reachable.
- */
-export declare function nextOptionIndex(options: MenuOption[], currentIndex: number | null, delta: number): number | null;
-/**
- * Resolves the first or last reachable option.
- *
- * @param options - The rendered option list, in display order.
- * @param edge - Which end of the list to resolve.
- * @returns The index to make current, or `null` when no option is reachable.
- */
-export declare function edgeOptionIndex(options: MenuOption[], edge: "first" | "last"): number | null;
-/**
- * Resolves the first reachable option whose label starts with `prefix`.
- *
- * @param options - The rendered option list, in display order.
- * @param prefix - Characters typed so far, matched case insensitively.
- * @returns The index to make current, or `null` when nothing matches.
- */
-export declare function matchingOptionIndex(options: MenuOption[], prefix: string): number | null;
-//# sourceMappingURL=menu-navigation.d.ts.map

package/dist/components/menu/menu-navigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-navigation.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,CAKpE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,UAAU,EAAE,EACrB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,KAAK,EAAE,MAAM,GACZ,MAAM,GAAG,IAAI,CAaf;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,UAAU,EAAE,EACrB,IAAI,EAAE,OAAO,GAAG,MAAM,GACrB,MAAM,GAAG,IAAI,CAKf;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,UAAU,EAAE,EACrB,MAAM,EAAE,MAAM,GACb,MAAM,GAAG,IAAI,CAMf"}

package/dist/components/menu/menu-navigation.js

@@ -1,20 +0,0 @@
-"use client";
-//#region src/components/menu/menu-navigation.ts
-function e(e) {
-	return e.reduce((e, t, n) => (t.disabled || e.push(n), e), []);
-}
-function t(t, n, r) {
-	let i = e(t);
-	if (i.length === 0) return null;
-	let a = n === null ? -1 : i.indexOf(n);
-	return i[a === -1 ? r > 0 ? 0 : i.length - 1 : (a + r + i.length) % i.length];
-}
-function n(t, n) {
-	let r = e(t);
-	return r.length === 0 ? null : n === "first" ? r[0] : r[r.length - 1];
-}
-function r(t, n) {
-	return e(t).find((e) => t[e].label.toLowerCase().startsWith(n.toLowerCase())) ?? null;
-}
-//#endregion
-export { n as edgeOptionIndex, e as enabledOptionIndexes, r as matchingOptionIndex, t as nextOptionIndex };

package/dist/components/menu/use-menu-floating.d.ts

@@ -1,134 +0,0 @@
-import { UseInteractionsReturn, Placement, useFloating } from '@floating-ui/react';
-/**
- * Configuration options for the useMenuFloating hook.
- * Controls the floating element's behavior, positioning, size, and
- * interaction wiring (click-to-open, dismiss, and ARIA role).
- */
-export interface UseMenuFloatingProps {
-    /**
-     * Whether the floating element is open.
-     * Controls visibility and triggers positioning calculations.
-     */
-    isOpen: boolean;
-    /**
-     * Callback fired when the open state changes.
-     * Receives the new open state.
-     */
-    onOpenChange: (open: boolean) => void;
-    /**
-     * Whether the floating element is disabled.
-     * When true, the floating element does not open and click interaction
-     * is disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Preferred placement of the floating element relative to the reference.
-     * Floating UI will flip this automatically if there is insufficient space.
-     *
-     * @default "bottom-start"
-     */
-    placement?: Placement;
-    /**
-     * Distance in pixels between the reference and floating elements.
-     *
-     * @default 4
-     */
-    offsetDistance?: number;
-    /**
-     * Padding in pixels applied to the shift middleware.
-     * Prevents the floating element from touching the viewport edges.
-     *
-     * @default 8
-     */
-    padding?: number;
-    /**
-     * Whether the floating element should match the width of the reference element.
-     * When true, the floating element's width is set to the reference's width.
-     *
-     * @default true
-     */
-    matchReferenceWidth?: boolean;
-    /**
-     * ARIA role applied to the floating element via useRole.
-     * "listbox" fits Dropmenu/MultiSelect/Autocomplete; a component like
-     * Calendar reusing this hook can pass "dialog" instead.
-     *
-     * @default "listbox"
-     */
-    role?: "listbox" | "menu" | "dialog" | "tooltip" | "grid" | "tree";
-    /**
-     * Layer delta added to the trigger's detected stacking-context z-index to
-     * resolve the floating element's final `z-index`. Keeps anchored popups
-     * above their own container (for example a navbar) while staying underneath
-     * unrelated app chrome.
-     *
-     * @default ASHEE_LAYER.dropdown
-     */
-    zIndex?: number;
-}
-/**
- * Return value of useMenuFloating. Combines Floating UI's positioning
- * context with the resolved interaction prop-getters, so consumers don't
- * need to wire useClick/useDismiss/useRole/useInteractions themselves.
- */
-export interface UseMenuFloatingReturn<T extends HTMLElement> {
-    refs: ReturnType<typeof useFloating<T>>["refs"];
-    context: ReturnType<typeof useFloating<T>>["context"];
-    floatingStyles: React.CSSProperties;
-    isPositioned: boolean;
-    getReferenceProps: UseInteractionsReturn["getReferenceProps"];
-    getFloatingProps: UseInteractionsReturn["getFloatingProps"];
-}
-/**
- * Shared Floating UI positioning and interaction hook for dropdowns and
- * menus. Generic `T` allows passing `HTMLButtonElement`, `HTMLInputElement`,
- * etc.
- *
- * This hook configures Floating UI with sensible defaults for dropdown
- * components: viewport edge detection via flip and shift middleware,
- * optional width matching of the reference element, and the standard
- * click-to-open / dismiss / ARIA role interaction set via useInteractions.
- * Consumers get back ready-to-spread `getReferenceProps`/`getFloatingProps`
- * instead of wiring useClick/useDismiss/useRole themselves.
- *
- * @param props - Configuration options for the floating element.
- * @param props.isOpen - Whether the floating element is open.
- * @param props.onOpenChange - Callback fired when open state changes.
- * @param props.disabled - Whether the floating element is disabled. Defaults to false.
- * @param props.placement - Preferred placement. Defaults to "bottom-start".
- * @param props.offsetDistance - Distance from reference in pixels. Defaults to 4.
- * @param props.padding - Viewport padding for shift middleware. Defaults to 8.
- * @param props.matchReferenceWidth - Whether to match reference width. Defaults to true.
- * @param props.role - ARIA role for the floating element. Defaults to "listbox".
- * @param props.zIndex - Layer delta for the floating element. Defaults to `ASHEE_LAYER.dropdown`.
- * @returns Floating UI refs/context/styles plus `isPositioned` and the
- * resolved `getReferenceProps`/`getFloatingProps` prop-getters.
- *
- * @example
- * ```tsx
- * const { refs, context, floatingStyles, getReferenceProps, getFloatingProps } =
- *   useMenuFloating({
- *     isOpen,
- *     onOpenChange: setIsOpen,
- *     disabled: props.disabled,
- *   });
- *
- * return (
- *   <>
- *     <button ref={refs.setReference} {...getReferenceProps()}>Toggle</button>
- *     {isOpen && (
- *       <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>
- *         Content
- *       </div>
- *     )}
- *   </>
- * );
- * ```
- *
- * @see useFloating - The underlying Floating UI hook.
- * @see Dropmenu - The select component that uses this hook.
- */
-export declare function useMenuFloating<T extends HTMLElement = HTMLElement>({ isOpen, onOpenChange, disabled, placement, offsetDistance, padding, matchReferenceWidth, role, zIndex, }: UseMenuFloatingProps): UseMenuFloatingReturn<T>;
-//# sourceMappingURL=use-menu-floating.d.ts.map

package/dist/components/menu/use-menu-floating.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-menu-floating.d.ts","sourceRoot":"","sources":["../../../src/components/menu/use-menu-floating.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAIL,KAAK,SAAS,EAKd,WAAW,EAGZ,MAAM,oBAAoB,CAAC;AAI5B;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAEnE;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,WAAW;IAC1D,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACtD,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAC9D,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACnE,MAAM,EACN,YAAY,EACZ,QAAgB,EAChB,SAA0B,EAC1B,cAAkB,EAClB,OAAW,EACX,mBAA0B,EAC1B,IAAgB,EAChB,MAA6B,GAC9B,EAAE,oBAAoB,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAmDjD"}

package/dist/components/menu/use-menu-floating.js

@@ -1,43 +0,0 @@
-"use client";
-"use client";
-import { ASHEE_LAYER as e } from "../../utils/stacking.js";
-import { useFloatingZIndex as t } from "../../libs/use-floating-z-index.js";
-import { autoUpdate as n, flip as r, offset as i, shift as a, size as o, useClick as s, useDismiss as c, useFloating as l, useInteractions as u, useRole as d } from "@floating-ui/react";
-//#region src/components/menu/use-menu-floating.ts
-function f({ isOpen: f, onOpenChange: p, disabled: m = !1, placement: h = "bottom-start", offsetDistance: g = 4, padding: _ = 8, matchReferenceWidth: v = !0, role: y = "listbox", zIndex: b = e.dropdown }) {
-	let x = l({
-		open: f,
-		onOpenChange: (e) => !m && p(e),
-		placement: h,
-		strategy: "fixed",
-		whileElementsMounted: n,
-		middleware: [
-			i(g),
-			r(),
-			a({ padding: _ }),
-			o({ apply({ availableHeight: e, elements: t }) {
-				Object.assign(t.floating.style, {
-					maxHeight: `${e}px`,
-					...v && { width: `${t.reference.getBoundingClientRect().width}px` }
-				});
-			} })
-		]
-	}), S = t(x.refs.reference, f, b), { context: C } = x, w = s(C, { enabled: !m }), T = c(C), E = d(C, { role: y }), { getReferenceProps: D, getFloatingProps: O } = u([
-		w,
-		T,
-		E
-	]);
-	return {
-		refs: x.refs,
-		context: C,
-		floatingStyles: {
-			...x.floatingStyles,
-			zIndex: S
-		},
-		isPositioned: x.isPositioned,
-		getReferenceProps: D,
-		getFloatingProps: O
-	};
-}
-//#endregion
-export { f as useMenuFloating };

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

@@ -1,147 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { ModalConfig } from './modal-config';
-type BaseModalProps = ModalConfig & Omit<HTMLAttributes<HTMLDivElement>, "size" | "content">;
-/**
- * Props for the modal's backdrop overlay.
- */
-export interface ModalOverlayProps {
-    /**
-     * Extra classes applied to the backdrop element.
-     */
-    className?: string;
-}
-/**
- * Props for the modal's content container.
- */
-export interface ModalContentProps {
-    /**
-     * Extra classes applied to the modal content container.
-     */
-    className?: string;
-}
-/**
- * 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.
-     * Called when the modal should close (backdrop click, Escape key).
-     */
-    onClose?: () => void;
-    /**
-     * Modal inner content.
-     * The content to display inside the modal.
-     */
-    children: ReactNode;
-    /**
-     * Modal content width override.
-     * Accepts any CSS width value (e.g., "500px", "80%").
-     * Overrides the size prop.
-     */
-    width?: string;
-    /**
-     * Modal content height override.
-     * Accepts any CSS height value (e.g., "400px", "auto").
-     */
-    height?: string;
-    /**
-     * Backdrop overlay overrides, including its class override.
-     */
-    overlay?: ModalOverlayProps;
-    /**
-     * Content container overrides, including its class override.
-     */
-    content?: ModalContentProps;
-}
-/**
- * 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
- * dialog renders in a portal, locks body scroll while open, handles Escape key
- * dismissal, and supports click-outside-to-close functionality.
- *
- * While the dialog is open, focus moves into it, cannot leave it, and returns
- * to the element that was focused before it opened. The dialog element is the
- * content box, so a consumer names the dialog with the standard `aria-label` or
- * `aria-labelledby` attribute.
- *
- * 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.overlay - Backdrop overlay overrides (className).
- * @param props.content - Content container overrides (className).
- * @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, overlay, content, 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 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAYf,OAAO,EAEL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;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;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;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,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,sCAmMZ;yBApNe,KAAK"}

package/dist/components/modal/Modal.js

@@ -1,76 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { ASHEE_GLOBAL_LAYER as t } from "../../utils/stacking.js";
-import { RADIUS_CLASS as n } from "../../shared/radius.js";
-import { useAsheeConfig as r } from "../../libs/context.js";
-import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as ee } from "../../utils/resolve-token.js";
-import { useBodyScrollLock as o } from "../../libs/use-body-scroll-lock.js";
-import { useDialogOverlay as s } from "../../libs/use-dialog-overlay.js";
-import { FALLBACK_MODAL_CONFIG as c } from "./modal-config.js";
-import { MODAL_MAX_WIDTH_CLASS as l, MODAL_POSITION_CLASS as u } from "./modal-styles.js";
-import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as te } from "react/jsx-runtime";
-import { FloatingFocusManager as g, FloatingPortal as _ } from "@floating-ui/react";
-//#region src/components/modal/Modal.tsx
-function v({ isOpen: v, onClose: y, children: b, width: x, height: S, size: C, position: w, radius: T, animated: E, closeOnBackdropClick: D, closeOnEscape: O, overlay: k, content: A, className: j, style: M, ...N }) {
-	let P = r(), F = P.components?.modal, [I, L] = m(!1), [R, z] = m(v), B = i(C, F?.size, void 0, c.size), V = i(w, F?.position, void 0, c.position), H = i(D, F?.closeOnBackdropClick, void 0, c.closeOnBackdropClick), U = i(O, F?.closeOnEscape, void 0, c.closeOnEscape), W = ee(T, F?.radius, P.defaultRadius, c.radius), G = i(E, F?.animated, void 0, c.animated), { context: K, setDialogRef: q } = s(v), J = p(null), Y = d((e) => {
-		J.current = e, q(e);
-	}, [q]);
-	o(v);
-	let X = x ? "" : a(B, l, c.size), Z = a(W, n, c.radius), Q = u[V] ?? u.center;
-	if (f(() => {
-		if (v) L(!1), z(!0);
-		else if (G) {
-			L(!0);
-			let e = setTimeout(() => {
-				z(!1);
-			}, 200);
-			return () => clearTimeout(e);
-		} else z(!1);
-	}, [v, G]), f(() => {
-		if (!v || !U || !y) return;
-		let e = (e) => {
-			e.key === "Escape" && y();
-		};
-		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [
-		v,
-		U,
-		y
-	]), !R) return null;
-	let $ = () => G ? I ? "animate-backdrop-out" : "animate-backdrop-in" : "";
-	return /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(g, {
-		context: K,
-		modal: !0,
-		initialFocus: J,
-		returnFocus: !0,
-		closeOnFocusOut: !1,
-		children: /* @__PURE__ */ te("div", {
-			className: e("fixed inset-0 flex items-center justify-center p-4 sm:p-6 h-screen w-screen scrollbar-hide", $()),
-			style: { zIndex: t.overlay },
-			children: [/* @__PURE__ */ h("div", {
-				"data-ashee-backdrop": "",
-				"aria-hidden": "true",
-				onClick: H ? y : void 0,
-				className: e("fixed inset-0 bg-background/80 backdrop-blur-xs", k?.className, $())
-			}), /* @__PURE__ */ h("div", {
-				ref: Y,
-				role: "dialog",
-				"aria-modal": "true",
-				tabIndex: -1,
-				className: e("relative z-10 w-full bg-background text-foreground overflow-y-auto max-h-[90vh] outline-none", Q, X, Z, A?.className, G ? I ? "animate-modal-out" : "animate-modal-in" : "", j),
-				style: {
-					width: x,
-					height: S,
-					...M
-				},
-				...N,
-				children: b
-			})]
-		})
-	}) });
-}
-v.displayName = "Modal";
-//#endregion
-export { v as Modal };

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

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

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

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

package/dist/components/modal/index.js

@@ -1,3 +0,0 @@
-export * from "./Modal.js";
-export * from "./modal-config.js";
-export * from "./modal-styles.js";