asheeui 2.0.0 → 2.2.1

package/dist/components/docs-layout/docs-layout-styles.d.ts

@@ -1,31 +0,0 @@
-/**
- * DocsLayout component styles for AsheeUI.
- * This file provides the static class mappings for the documentation
- * composition: the page shell, the article column, the table of contents column
- * and the article body's reading measure.
- */
-/**
- * The page shell.
- * It wraps the application shell rather than replacing it, so the skip link can
- * be the first focusable element of the page.
- */
-export declare const DOCS_LAYOUT_CLASS = "flex min-h-dvh w-full flex-col bg-background";
-/** The application shell inside the page shell. */
-export declare const DOCS_LAYOUT_SHELL_CLASS = "flex-1";
-/**
- * The article column.
- * It is the region the skip link leads to, so it takes focus when the link is
- * followed.
- */
-export declare const DOCS_LAYOUT_ARTICLE_CLASS = "flex w-full min-w-0 flex-col";
-/**
- * The reading measure of the article body.
- * A documentation page is read rather than scanned, so the body keeps a readable
- * line length while the columns around it may be wider.
- */
-export declare const DOCS_LAYOUT_BODY_CLASS = "flex flex-col gap-6 max-w-3xl";
-/** The table of contents column. */
-export declare const DOCS_LAYOUT_TOC_CLASS = "hidden w-full xl:block xl:w-64 xl:shrink-0";
-/** Keeps the table of contents in view while the article scrolls. */
-export declare const DOCS_LAYOUT_TOC_STICKY_CLASS = "xl:sticky xl:top-0 xl:self-start";
-//# sourceMappingURL=docs-layout-styles.d.ts.map

package/dist/components/docs-layout/docs-layout-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"docs-layout-styles.d.ts","sourceRoot":"","sources":["../../../src/components/docs-layout/docs-layout-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,iDAAiD,CAAC;AAEhF,mDAAmD;AACnD,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,kCAAkC,CAAC;AAEtE,oCAAoC;AACpC,eAAO,MAAM,qBAAqB,+CACY,CAAC;AAE/C,qEAAqE;AACrE,eAAO,MAAM,4BAA4B,qCAAqC,CAAC"}

package/dist/components/docs-layout/docs-layout-styles.js

@@ -1,5 +0,0 @@
-"use client";
-//#region src/components/docs-layout/docs-layout-styles.ts
-var e = "flex min-h-dvh w-full flex-col bg-background", t = "flex-1", n = "flex w-full min-w-0 flex-col", r = "flex flex-col gap-6 max-w-3xl", i = "hidden w-full xl:block xl:w-64 xl:shrink-0", a = "xl:sticky xl:top-0 xl:self-start";
-//#endregion
-export { n as DOCS_LAYOUT_ARTICLE_CLASS, r as DOCS_LAYOUT_BODY_CLASS, e as DOCS_LAYOUT_CLASS, t as DOCS_LAYOUT_SHELL_CLASS, i as DOCS_LAYOUT_TOC_CLASS, a as DOCS_LAYOUT_TOC_STICKY_CLASS };

package/dist/components/docs-layout/index.d.ts

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

package/dist/components/docs-layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/docs-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC"}

package/dist/components/docs-layout/index.js

@@ -1,3 +0,0 @@
-export * from "./DocsLayout.js";
-export * from "./docs-layout-config.js";
-export * from "./docs-layout-styles.js";

package/dist/components/drawer/Drawer.d.ts

@@ -1,128 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { DrawerConfig } from './drawer-config';
-type BaseDrawerProps = DrawerConfig & Omit<HTMLAttributes<HTMLDivElement>, "content">;
-/**
- * Props for the drawer's backdrop overlay.
- */
-export interface DrawerOverlayProps {
-    /**
-     * Extra classes applied to the overlay.
-     */
-    className?: string;
-}
-/**
- * Props for the drawer's content panel.
- */
-export interface DrawerContentProps {
-    /**
-     * Extra classes applied to the drawer content.
-     */
-    className?: string;
-}
-/**
- * Configuration options for the Drawer component.
- */
-export interface DrawerProps extends BaseDrawerProps {
-    /**
-     * Whether the drawer is open.
-     * Controls the visibility of the drawer.
-     */
-    isOpen: boolean;
-    /**
-     * Callback fired when the drawer should close.
-     * Called when the overlay is clicked, Escape is pressed, or the close button is triggered.
-     */
-    onClose?: () => void;
-    /**
-     * Backdrop overlay overrides, including its class override.
-     */
-    overlay?: DrawerOverlayProps;
-    /**
-     * Content panel overrides, including its class override.
-     */
-    content?: DrawerContentProps;
-    /**
-     * The content to display inside the drawer.
-     */
-    children: ReactNode;
-}
-/**
- * A sliding panel that appears from the edge of the screen.
- *
- * Drawer displays content in a panel that slides in from the right, left,
- * top, or bottom edge. It supports overlay click and Escape key dismissal,
- * animation controls, and sizing options. Visual tokens resolve through
- * the standard AsheeUI cascade: prop, component config, global theme
- * defaults, and the built-in fallback.
- *
- * The drawer renders in a portal with dialog semantics and locks body scroll
- * while it is open. Focus moves into the drawer, cannot leave it, and returns
- * to the element that was focused before it opened. The dialog element is the
- * container that receives the consumer's attributes, so a consumer names the
- * drawer with the standard `aria-label` or `aria-labelledby` attribute.
- * The component manages its own animation states to prevent transition
- * flashes.
- *
- * @param props - Drawer configuration options and HTML div props.
- * @param props.isOpen - Whether the drawer is open.
- * @param props.onClose - Callback fired when the drawer should close.
- * @param props.placement - The placement of the drawer. Defaults to "right".
- * @param props.size - The size of the drawer. Defaults to "md".
- * @param props.animated - Whether the drawer has slide animations. Defaults to true.
- * @param props.closeOnOverlayClick - Whether clicking the overlay closes the drawer. Defaults to true.
- * @param props.closeOnEsc - Whether pressing Escape closes the drawer. Defaults to true.
- * @param props.overlay - Backdrop overlay overrides (className).
- * @param props.content - Content panel overrides (className).
- * @param props.children - The content to display inside the drawer.
- * @param props.className - Extra classes for the container.
- *
- * @example
- * ```tsx
- * import { Drawer, Button } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [isOpen, setIsOpen] = useState(false);
- *
- *   return (
- *     <>
- *       <Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
- *       <Drawer
- *         isOpen={isOpen}
- *         onClose={() => setIsOpen(false)}
- *         placement="right"
- *         size="md"
- *       >
- *         <div className="p-6">
- *           <h2 className="text-xl font-bold">Drawer Content</h2>
- *           <p>This is the drawer content.</p>
- *           <Button onClick={() => setIsOpen(false)}>Close</Button>
- *         </div>
- *       </Drawer>
- *     </>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Bottom drawer with custom sizing
- * <Drawer
- *   isOpen={isOpen}
- *   onClose={onClose}
- *   placement="bottom"
- *   size="full"
- *   overlay={{ className: "bg-background/80" }}
- * >
- *   <div className="p-6 max-h-[80vh] overflow-y-auto">
- *     {content}
- *   </div>
- * </Drawer>
- * ```
- *
- * @see DrawerConfig - The configuration type for component defaults.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- */
-export declare const Drawer: import('react').ForwardRefExoticComponent<DrawerProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/drawer/Drawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,KAAK,YAAY,EAIlB,MAAM,iBAAiB,CAAC;AASzB,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,eAAO,MAAM,MAAM,wGA4NlB,CAAC"}

package/dist/components/drawer/Drawer.js

@@ -1,71 +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 { useAsheeConfig as n } from "../../libs/context.js";
-import { resolveCascade as r, resolveClassKey as i } from "../../utils/resolve-token.js";
-import { useBodyScrollLock as a } from "../../libs/use-body-scroll-lock.js";
-import { useDialogOverlay as o } from "../../libs/use-dialog-overlay.js";
-import { FALLBACK_DRAWER_CONFIG as s } from "./drawer-config.js";
-import { DRAWER_ANIMATION_STATE as c, DRAWER_BORDER_PLACEMENT_CLASS as l, DRAWER_CONTAINER_PLACEMENT_CLASS as u, DRAWER_HEIGHT_CLASS as d, DRAWER_WIDTH_CLASS as f } from "./drawer-styles.js";
-import { forwardRef as p, useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { FloatingFocusManager as ee, FloatingPortal as b } from "@floating-ui/react";
-//#region src/components/drawer/Drawer.tsx
-var x = p(({ isOpen: p, onClose: x, placement: S, size: te, animated: ne, closeOnOverlayClick: C, closeOnEsc: w, overlay: T, content: E, className: D, children: O, style: k, ...A }, j) => {
-	let M = n().components?.drawer, [N, P] = _(p ? "open" : "unmounted");
-	h(() => {
-		if (p) {
-			P("opening");
-			let e = requestAnimationFrame(() => {
-				P("open");
-			});
-			return () => cancelAnimationFrame(e);
-		}
-		if (N !== "unmounted") {
-			P("closing");
-			let e = setTimeout(() => {
-				P("unmounted");
-			}, 250);
-			return () => clearTimeout(e);
-		}
-	}, [p]);
-	let { context: F, setDialogRef: I } = o(p), L = g(null), R = m((e) => {
-		L.current = e, I(e), typeof j == "function" ? j(e) : j && (j.current = e);
-	}, [j, I]);
-	a(p);
-	let z = r(te, M?.size, void 0, s.size), B = r(S, M?.placement, void 0, s.placement), V = r(C, M?.closeOnOverlayClick, void 0, s.closeOnOverlayClick), H = r(w, M?.closeOnEsc, void 0, s.closeOnEsc), U = r(ne, M?.animated, void 0, s.animated), W = T?.className ?? "bg-background/80 backdrop-blur-md", G = E?.className ?? "bg-secondary", K = B === "left" || B === "right", q = K ? i(z, f, s.size) : "w-full", J = K ? "h-full" : i(z, d, s.size), Y = u[B] ?? u.right, X = l[B] ?? l.right, Z = c[B], Q = N === "open" || N === "opening", re = U ? Q ? Z.open : Z.closed : "", ie = U ? Q ? "drawer-backdrop-in" : "drawer-backdrop-out" : "", $ = m((e) => {
-		H && e.key === "Escape" && x && x();
-	}, [H, x]);
-	return h(() => {
-		if (N !== "unmounted") return window.addEventListener("keydown", $), () => window.removeEventListener("keydown", $);
-	}, [N, $]), N === "unmounted" ? null : /* @__PURE__ */ v(b, { children: /* @__PURE__ */ v(ee, {
-		context: F,
-		modal: !0,
-		initialFocus: L,
-		returnFocus: !0,
-		closeOnFocusOut: !1,
-		children: /* @__PURE__ */ y("div", {
-			ref: R,
-			role: "dialog",
-			"aria-modal": "true",
-			tabIndex: -1,
-			className: e("fixed inset-0 flex w-full h-full outline-none", Y, D),
-			style: { zIndex: t.overlay },
-			...A,
-			children: [/* @__PURE__ */ v("div", {
-				"data-ashee-backdrop": "",
-				"aria-hidden": "true",
-				onClick: V ? x : void 0,
-				className: e("absolute inset-0", W, ie)
-			}), /* @__PURE__ */ v("div", {
-				style: k,
-				className: e("relative z-10 flex flex-col text-foreground shadow-2xl border-border", X, q, J, G, re),
-				children: O
-			})]
-		})
-	}) });
-});
-x.displayName = "Drawer";
-//#endregion
-export { x as Drawer };

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

@@ -1,71 +0,0 @@
-import { Size } from '../../shared';
-/**
- * The placement of the drawer on the screen.
- * - `right`: Slides in from the right edge.
- * - `left`: Slides in from the left edge.
- * - `top`: Slides in from the top edge.
- * - `bottom`: Slides in from the bottom edge.
- */
-export type DrawerPlacement = "right" | "left" | "top" | "bottom";
-/**
- * The size of the drawer.
- * Can be "sm", "md", "lg", or "full" for full screen.
- */
-export type DrawerSize = Size | "full";
-/**
- * Theme configuration options for the Drawer component.
- *
- * Set under `components.drawer` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface DrawerConfig {
-    /**
-     * The size of the drawer.
-     * Controls the width for left/right drawers and height for top/bottom drawers.
-     *
-     * @default "md"
-     */
-    size?: DrawerSize;
-    /**
-     * The placement of the drawer.
-     * Determines which edge the drawer slides in from.
-     *
-     * @default "right"
-     */
-    placement?: DrawerPlacement;
-    /**
-     * Whether the drawer has slide animations.
-     * When false, the drawer appears and disappears instantly.
-     *
-     * @default true
-     */
-    animated?: boolean;
-    /**
-     * Whether clicking on the overlay closes the drawer.
-     *
-     * @default true
-     */
-    closeOnOverlayClick?: boolean;
-    /**
-     * Whether pressing the Escape key closes the drawer.
-     *
-     * @default true
-     */
-    closeOnEsc?: boolean;
-}
-/**
- * Default config values registered for the Drawer component.
- */
-export declare const defaultDrawerConfig: DrawerConfig;
-/**
- * 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_DRAWER_CONFIG: Required<DrawerConfig>;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        drawer: DrawerConfig;
-    }
-}
-//# sourceMappingURL=drawer-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-config.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAMjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CAMhD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF"}

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

@@ -1,19 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/drawer/drawer-config.ts
-var t = {
-	size: "md",
-	placement: "right",
-	animated: !0,
-	closeOnOverlayClick: !0,
-	closeOnEsc: !0
-}, n = {
-	size: "md",
-	placement: "right",
-	animated: !0,
-	closeOnOverlayClick: !0,
-	closeOnEsc: !0
-};
-e("drawer", t);
-//#endregion
-export { n as FALLBACK_DRAWER_CONFIG, t as defaultDrawerConfig };

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

@@ -1,31 +0,0 @@
-import { DrawerPlacement, DrawerSize } from './drawer-config';
-/**
- * CSS classes for drawer width based on size.
- * Used for left and right placed drawers.
- */
-export declare const DRAWER_WIDTH_CLASS: Record<DrawerSize, string>;
-/**
- * CSS classes for drawer height based on size.
- * Used for top and bottom placed drawers.
- */
-export declare const DRAWER_HEIGHT_CLASS: Record<DrawerSize, string>;
-/**
- * CSS classes for drawer container positioning.
- * Controls the flex alignment of the container based on placement.
- */
-export declare const DRAWER_CONTAINER_PLACEMENT_CLASS: Record<DrawerPlacement, string>;
-/**
- * CSS classes for drawer border placement.
- * Adds a border on the side where the drawer opens from.
- */
-export declare const DRAWER_BORDER_PLACEMENT_CLASS: Record<DrawerPlacement, string>;
-/**
- * CSS classes for drawer slide animations.
- * Each placement has its own open and closed animation states.
- * These classes should be defined in your global CSS with keyframe animations.
- */
-export declare const DRAWER_ANIMATION_STATE: Record<DrawerPlacement, {
-    closed: string;
-    open: string;
-}>;
-//# sourceMappingURL=drawer-styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-styles.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAM1E,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAKzE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,eAAe,EACf;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAkBjC,CAAC"}

package/dist/components/drawer/drawer-styles.js

@@ -1,42 +0,0 @@
-"use client";
-//#region src/components/drawer/drawer-styles.ts
-var e = {
-	sm: "w-80",
-	md: "w-[28rem]",
-	lg: "w-[36rem]",
-	full: "w-screen"
-}, t = {
-	sm: "h-80",
-	md: "h-[28rem]",
-	lg: "h-[36rem]",
-	full: "h-screen"
-}, n = {
-	right: "justify-end items-stretch",
-	left: "justify-start items-stretch",
-	top: "flex-col justify-start items-stretch",
-	bottom: "flex-col justify-end items-stretch"
-}, r = {
-	right: "border-l",
-	left: "border-r",
-	top: "border-b",
-	bottom: "border-t"
-}, i = {
-	right: {
-		closed: "drawer-slide-right-closed",
-		open: "drawer-slide-right-open"
-	},
-	left: {
-		closed: "drawer-slide-left-closed",
-		open: "drawer-slide-left-open"
-	},
-	top: {
-		closed: "drawer-slide-top-closed",
-		open: "drawer-slide-top-open"
-	},
-	bottom: {
-		closed: "drawer-slide-bottom-closed",
-		open: "drawer-slide-bottom-open"
-	}
-};
-//#endregion
-export { i as DRAWER_ANIMATION_STATE, r as DRAWER_BORDER_PLACEMENT_CLASS, n as DRAWER_CONTAINER_PLACEMENT_CLASS, t as DRAWER_HEIGHT_CLASS, e as DRAWER_WIDTH_CLASS };

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

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

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

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

package/dist/components/drawer/index.js

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

package/dist/components/dropmenu/Dropmenu.d.ts

@@ -1,198 +0,0 @@
-import { ReactNode } from 'react';
-import { InputProps } from '../input/Input';
-import { MenuProps } from '../menu/Menu';
-import { MenuOption } from '../menu/menu-config';
-import { DropmenuConfig } from './dropmenu-config';
-/**
- * Field-related props that Dropmenu inherits from Input.
- * Picked to avoid conflicts with Button-specific props.
- */
-type SelectFieldProps = Pick<InputProps, "label" | "description" | "message" | "required" | "isLoading" | "status" | "labelAlign" | "className" | "id" | "style">;
-/**
- * Configuration options for the Dropmenu component.
- * Extends field props from Input, and DropmenuConfig for
- * component-specific options. Uses Button for trigger styling.
- */
-export interface DropmenuProps extends SelectFieldProps, Omit<DropmenuConfig, "menu"> {
-    /**
-     * Available options to select from.
-     * Each option must have a label and a unique value.
-     */
-    options: MenuOption[];
-    /**
-     * Controlled selected value.
-     */
-    value?: string | number;
-    /**
-     * Native change event handler.
-     * Receives a synthetic change event.
-     */
-    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    /**
-     * Value change handler.
-     * Receives the new selected value directly.
-     */
-    onValueChange?: (value: string | number) => void;
-    /**
-     * Whether search input is shown in the dropdown.
-     *
-     * @default false
-     */
-    isSearch?: boolean;
-    /**
-     * Placeholder text for the search input.
-     *
-     * @default "Search options..."
-     */
-    searchPlaceholder?: string;
-    /**
-     * Name attribute for the search input.
-     *
-     * @default "select-search"
-     */
-    searchInputName?: string;
-    /**
-     * Initial value for uncontrolled usage.
-     */
-    initialValue?: string | number;
-    /**
-     * Content rendered below the options list.
-     * Useful for adding "Add new" buttons or status messages.
-     */
-    belowList?: ReactNode;
-    /**
-     * Placeholder text shown when no value is selected.
-     *
-     * @default "Dropmenu..."
-     */
-    placeholder?: string;
-    /**
-     * Name attribute for the select.
-     */
-    name?: string;
-    /**
-     * Content rendered at the start of the button.
-     * Typically an icon or adornment.
-     */
-    startContent?: ReactNode;
-    /**
-     * Content rendered at the end of the button.
-     * Typically an icon, badge, or adornment.
-     */
-    endContent?: ReactNode;
-    /**
-     * Whether the select is disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Menu configuration overrides including portal, portalTarget, className, and visual styles.
-     * All menu-related props should be passed through this object.
-     */
-    menu?: MenuProps;
-}
-/**
- * A dropdown selector with search, label, validation, and configurable styles.
- *
- * Dropmenu renders a dropdown that allows selecting a single option from a list.
- * It supports search filtering, controlled and uncontrolled selection state,
- * validation states, custom menu and trigger styles, and start/end content
- * slots. Visual tokens resolve through the standard AsheeUI cascade system.
- *
- * The component uses a Button component as the trigger, which provides
- * consistent button styling and behavior. It integrates with FieldShell for
- * label, description, and message handling, and uses Floating UI for
- * positioning and accessibility.
- *
- * By default, the dropdown menu uses Floating UI's FloatingPortal to render
- * at the document body level. This ensures the menu escapes CSS containment,
- * overflow clipping, and stacking context issues. The portal can be disabled
- * via the `menu.portal` prop or `components.dropmenu.menu.portal` in the config
- * if the menu needs to stay within a specific parent container.
- *
- * @param props - Dropmenu configuration options.
- * @param props.options - Available options to select from.
- * @param props.value - Controlled selected value.
- * @param props.onChange - Native change event handler.
- * @param props.onValueChange - Value change handler.
- * @param props.label - Field label text.
- * @param props.description - Description text.
- * @param props.message - Validation message.
- * @param props.required - Whether the field is required. Defaults to false.
- * @param props.isLoading - Loading state. Defaults to false.
- * @param props.disabled - Disabled state. Defaults to false.
- * @param props.isSearch - Whether search is enabled. Defaults to false.
- * @param props.searchPlaceholder - Search placeholder. Defaults to "Search options...".
- * @param props.searchInputName - Name attribute for the search input. Defaults to "select-search".
- * @param props.initialValue - Initial value for uncontrolled usage.
- * @param props.belowList - Content below the options list.
- * @param props.placeholder - Placeholder text. Defaults to "Dropmenu...".
- * @param props.size - Size of the trigger. Defaults to "md".
- * @param props.radius - Corner rounding. Defaults to "md".
- * @param props.variant - Visual style variant. Defaults to "bordered".
- * @param props.color - Theme accent color. Defaults to "primary".
- * @param props.status - Validation status.
- * @param props.labelAlign - Alignment of the label. Defaults to "left".
- * @param props.startContent - Content at the start of the trigger button.
- * @param props.endContent - Content at the end of the trigger button.
- * @param props.menu - Menu configuration overrides including className, portal, portalTarget, and visual styles.
- * @param props.name - Name attribute for the select.
- * @param props.className - Extra classes for the trigger button.
- * @param props.id - HTML id attribute.
- *
- * @example
- * ```tsx
- * import { Dropmenu } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [value, setValue] = useState<string | number>("react");
- *
- *   const options = [
- *     { label: "React", value: "react" },
- *     { label: "Vue", value: "vue" },
- *     { label: "Svelte", value: "svelte" },
- *   ];
- *
- *   return (
- *     <Dropmenu
- *       options={options}
- *       value={value}
- *       onValueChange={setValue}
- *       label="Dropmenu Framework"
- *       placeholder="Choose a framework..."
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With search, validation, and menu configuration
- * <Dropmenu
- *   options={fruits}
- *   label="Favorite Fruit"
- *   isSearch
- *   status="error"
- *   message="Please select a fruit"
- *   required
- *   startContent={<FruitIcon />}
- *   menu={{
- *     className: "custom-dropdown",
- *     portal: false,
- *     itemVariant: "solid",
- *     activeItemColor: "success"
- *   }}
- * />
- * ```
- *
- * @see DropmenuConfig - The configuration type for component defaults.
- * @see Input - The input component that provides field capabilities.
- * @see Button - The button component used as the trigger.
- * @see Menu - The dropdown menu component.
- * @see FieldShell - The wrapper component for label and validation.
- */
-export declare const Dropmenu: import('react').ForwardRefExoticComponent<DropmenuProps & import('react').RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=Dropmenu.d.ts.map

package/dist/components/dropmenu/Dropmenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropmenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropmenu/Dropmenu.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,mBAAmB,CAAC;AAKhF;;;GAGG;AACH,KAAK,gBAAgB,GAAG,IAAI,CAC1B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,aACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,QAAQ,6GAgRpB,CAAC"}