asheeui 0.7.0 → 1.1.0

package/dist/components/cta/CTA.js

@@ -0,0 +1,60 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveConfigCascade as n } from "../../utils/resolve-token.js";
+import { SectionHeading as r } from "../section-kit/SectionHeading.js";
+import { Container as i } from "../container/Container.js";
+import { Section as a } from "../section/Section.js";
+import { ActionGroup as o } from "../section-kit/ActionGroup.js";
+import { FALLBACK_CTA_CONFIG as s } from "./cta-config.js";
+import { CTA_INNER_CLASS as c, CTA_PANEL_CLASS as l } from "./cta-styles.js";
+import { forwardRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/cta/CTA.tsx
+var p = u(({ eyebrow: u, title: p, description: m, primaryAction: h, secondaryAction: g, align: _, spacing: v, background: y, panel: b, containerSize: x, contained: S, as: C, className: w, children: T, ...E }, D) => {
+	let O = t(), k = n({
+		align: _,
+		spacing: v,
+		background: y,
+		panel: b,
+		containerSize: x,
+		contained: S
+	}, O.components?.cta, s), A = /* @__PURE__ */ d("div", {
+		className: l[k.panel],
+		children: /* @__PURE__ */ f("div", {
+			className: e(c, k.align === "center" && "items-center text-center"),
+			children: [
+				/* @__PURE__ */ d(r, {
+					eyebrow: u,
+					title: p,
+					description: m,
+					align: k.align,
+					size: "lg"
+				}),
+				/* @__PURE__ */ d(o, {
+					primaryAction: h,
+					secondaryAction: g,
+					align: k.align
+				}),
+				T
+			]
+		})
+	});
+	return /* @__PURE__ */ d(a, {
+		ref: D,
+		as: C,
+		spacing: k.spacing,
+		background: k.background,
+		contained: !1,
+		className: w,
+		...E,
+		children: k.contained ? /* @__PURE__ */ d(i, {
+			size: k.containerSize,
+			children: A
+		}) : A
+	});
+});
+p.displayName = "CTA";
+//#endregion
+export { p as CTA };

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

@@ -0,0 +1,69 @@
+import { Space } from '../../shared';
+import { ContainerSize } from '../container/container-config';
+import { SectionBackground } from '../section/section-config';
+/**
+ * Visual treatment of the call to action panel.
+ *
+ * - `bordered`: a bordered surface on the page background.
+ * - `muted`: a subdued surface without a border.
+ * - `plain`: no panel, so the actions sit directly on the band.
+ */
+export type CtaPanel = "bordered" | "muted" | "plain";
+/**
+ * Theme configuration options for the CTA component.
+ *
+ * Set under `components.cta` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface CtaConfig {
+    /**
+     * Alignment of the panel content.
+     *
+     * @default "center"
+     */
+    align?: "start" | "center";
+    /**
+     * Vertical padding of the band.
+     *
+     * @default "lg"
+     */
+    spacing?: Space;
+    /**
+     * Background treatment of the band.
+     *
+     * @default "none"
+     */
+    background?: SectionBackground;
+    /**
+     * Panel treatment.
+     *
+     * @default "bordered"
+     */
+    panel?: CtaPanel;
+    /**
+     * Maximum content width of the band.
+     *
+     * @default "lg"
+     */
+    containerSize?: ContainerSize;
+    /**
+     * Whether the band wraps its content in a {@link Container}.
+     *
+     * @default true
+     */
+    contained?: boolean;
+}
+/**
+ * Default config values registered for the CTA component.
+ */
+export declare const defaultCtaConfig: CtaConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        cta: CtaConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_CTA_CONFIG: Required<CtaConfig>;
+//# sourceMappingURL=cta-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-config.d.ts","sourceRoot":"","sources":["../../../src/components/cta/cta-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAO9B,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,GAAG,EAAE,SAAS,CAAC;KAChB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,SAAS,CAOnD,CAAC"}

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

@@ -0,0 +1,22 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/cta/cta-config.ts
+var t = {
+	align: "center",
+	spacing: "lg",
+	background: "none",
+	panel: "bordered",
+	containerSize: "lg",
+	contained: !0
+};
+e("cta", t);
+var n = {
+	align: "center",
+	spacing: "lg",
+	background: "none",
+	panel: "bordered",
+	containerSize: "lg",
+	contained: !0
+};
+//#endregion
+export { n as FALLBACK_CTA_CONFIG, t as defaultCtaConfig };

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

@@ -0,0 +1,8 @@
+import { CtaPanel } from './cta-config';
+/** Panel treatment classes. */
+export declare const CTA_PANEL_CLASS: Record<CtaPanel, string>;
+/** Inner arrangement of the panel. */
+export declare const CTA_INNER_CLASS = "flex flex-col gap-6";
+/** Centred variant of the inner arrangement. */
+export declare const CTA_CENTERED_CLASS = "items-center text-center";
+//# sourceMappingURL=cta-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-styles.d.ts","sourceRoot":"","sources":["../../../src/components/cta/cta-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,+BAA+B;AAC/B,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIpD,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AAErD,gDAAgD;AAChD,eAAO,MAAM,kBAAkB,6BAA6B,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/cta/cta-styles.ts
+var e = {
+	bordered: "rounded-md border border-border bg-background p-8 md:p-12",
+	muted: "rounded-md bg-secondary/50 p-8 md:p-12",
+	plain: ""
+}, t = "flex flex-col gap-6", n = "items-center text-center";
+//#endregion
+export { n as CTA_CENTERED_CLASS, t as CTA_INNER_CLASS, e as CTA_PANEL_CLASS };

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

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

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

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

package/dist/components/cta/index.js

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

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

@@ -55,9 +55,13 @@ export interface DrawerProps extends BaseDrawerProps {
  * the standard AsheeUI cascade: prop, component config, global theme
  * defaults, and the built-in fallback.
  *
- * The component automatically handles accessibility attributes including
- * role="dialog", aria-modal, and proper focus management. It manages
- * its own animation states to prevent transition flashes.
+ * 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.
@@ -108,7 +112,7 @@ export interface DrawerProps extends BaseDrawerProps {
  *   onClose={onClose}
  *   placement="bottom"
  *   size="full"
- *   overlay={{ className: "bg-black/50" }}
+ *   overlay={{ className: "bg-background/80" }}
  * >
  *   <div className="p-6 max-h-[80vh] overflow-y-auto">
  *     {content}

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,MAAM,wGAyLlB,CAAC"}
+{"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

@@ -4,52 +4,68 @@ 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 { FALLBACK_DRAWER_CONFIG as a } from "./drawer-config.js";
-import { DRAWER_ANIMATION_STATE as o, DRAWER_BORDER_PLACEMENT_CLASS as s, DRAWER_CONTAINER_PLACEMENT_CLASS as c, DRAWER_HEIGHT_CLASS as l, DRAWER_WIDTH_CLASS as u } from "./drawer-styles.js";
-import { forwardRef as d, useCallback as f, useEffect as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+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 _ = d(({ isOpen: d, onClose: _, placement: v, size: y, animated: b, closeOnOverlayClick: x, closeOnEsc: S, overlay: C, content: w, className: T, children: E, style: D, ...O }, k) => {
-	let A = n().components?.drawer, [j, M] = m(d ? "open" : "unmounted");
-	p(() => {
-		if (d) {
-			M("opening");
+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(() => {
-				M("open");
+				P("open");
 			});
 			return () => cancelAnimationFrame(e);
 		}
-		if (j !== "unmounted") {
-			M("closing");
+		if (N !== "unmounted") {
+			P("closing");
 			let e = setTimeout(() => {
-				M("unmounted");
+				P("unmounted");
 			}, 250);
 			return () => clearTimeout(e);
 		}
-	}, [d]);
-	let N = r(y, A?.size, void 0, a.size), P = r(v, A?.placement, void 0, a.placement), F = r(x, A?.closeOnOverlayClick, void 0, a.closeOnOverlayClick), I = r(S, A?.closeOnEsc, void 0, a.closeOnEsc), L = r(b, A?.animated, void 0, a.animated), R = C?.className ?? "bg-black/70 backdrop-blur-md", z = w?.className ?? "bg-secondary", B = P === "left" || P === "right", V = B ? i(N, u, a.size) : "w-full", H = B ? "h-full" : i(N, l, a.size), U = c[P] ?? c.right, W = s[P] ?? s.right, G = o[P], K = j === "open" || j === "opening", q = L ? K ? G.open : G.closed : "", J = L ? K ? "drawer-backdrop-in" : "drawer-backdrop-out" : "", Y = f((e) => {
-		I && e.key === "Escape" && _ && _();
-	}, [I, _]);
-	return p(() => {
-		if (j !== "unmounted") return window.addEventListener("keydown", Y), () => window.removeEventListener("keydown", Y);
-	}, [j, Y]), j === "unmounted" ? null : /* @__PURE__ */ g("div", {
-		ref: k,
-		role: "dialog",
-		"aria-modal": "true",
-		className: e("fixed inset-0 flex w-full h-full", U, T),
-		style: { zIndex: t.overlay },
-		...O,
-		children: [/* @__PURE__ */ h("button", {
-			type: "button",
-			onClick: F ? _ : void 0,
-			className: e("absolute inset-0", R, J)
-		}), /* @__PURE__ */ h("div", {
-			style: D,
-			className: e("relative z-10 flex flex-col text-foreground shadow-2xl border-border", W, V, H, z, q),
-			children: 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
+			})]
+		})
+	}) });
 });
-_.displayName = "Drawer";
+x.displayName = "Drawer";
 //#endregion
-export { _ as Drawer };
+export { x as Drawer };

package/dist/components/{select/Select.d.ts → dropmenu/Dropmenu.d.ts}

@@ -1,24 +1,24 @@
 import { ReactNode } from 'react';
 import { InputProps } from '../input/Input';
-import { MenuProps } from '../select-menu/SelectMenu';
-import { SelectMenuOption } from '../select-menu/select-menu-config';
-import { SelectConfig } from './select-config';
+import { MenuProps } from '../menu/Menu';
+import { MenuOption } from '../menu/menu-config';
+import { DropmenuConfig } from './dropmenu-config';
 /**
- * Field-related props that Select inherits from Input.
+ * 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 Select component.
- * Extends field props from Input, and SelectConfig for
+ * Configuration options for the Dropmenu component.
+ * Extends field props from Input, and DropmenuConfig for
  * component-specific options. Uses Button for trigger styling.
  */
-export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"> {
+export interface DropmenuProps extends SelectFieldProps, Omit<DropmenuConfig, "menu"> {
     /**
      * Available options to select from.
      * Each option must have a label and a unique value.
      */
-    options: SelectMenuOption[];
+    options: MenuOption[];
     /**
      * Controlled selected value.
      */
@@ -63,7 +63,7 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
     /**
      * Placeholder text shown when no value is selected.
      *
-     * @default "Select..."
+     * @default "Dropmenu..."
      */
     placeholder?: string;
     /**
@@ -95,7 +95,7 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
 /**
  * A dropdown selector with search, label, validation, and configurable styles.
  *
- * Select renders a dropdown that allows selecting a single option from a list.
+ * 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.
@@ -108,10 +108,10 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
  * 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.select.menu.portal` in the config
+ * 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 - Select configuration options.
+ * @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.
@@ -127,7 +127,7 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
  * @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 "Select...".
+ * @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".
@@ -143,7 +143,7 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
  *
  * @example
  * ```tsx
- * import { Select } from "asheeui";
+ * import { Dropmenu } from "asheeui";
  * import { useState } from "react";
  *
  * export function Example() {
@@ -156,11 +156,11 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
  *   ];
  *
  *   return (
- *     <Select
+ *     <Dropmenu
  *       options={options}
  *       value={value}
  *       onValueChange={setValue}
- *       label="Select Framework"
+ *       label="Dropmenu Framework"
  *       placeholder="Choose a framework..."
  *     />
  *   );
@@ -170,7 +170,7 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
  * @example
  * ```tsx
  * // With search, validation, and menu configuration
- * <Select
+ * <Dropmenu
  *   options={fruits}
  *   label="Favorite Fruit"
  *   isSearch
@@ -187,12 +187,12 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
  * />
  * ```
  *
- * @see SelectConfig - The configuration type for component defaults.
+ * @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 SelectMenu - The dropdown menu component.
+ * @see Menu - The dropdown menu component.
  * @see FieldShell - The wrapper component for label and validation.
  */
-export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Dropmenu: import('react').ForwardRefExoticComponent<DropmenuProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};
-//# sourceMappingURL=Select.d.ts.map
+//# sourceMappingURL=Dropmenu.d.ts.map

package/dist/components/{select/Select.d.ts.map → dropmenu/Dropmenu.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK5E;;;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,WACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;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,MAAM,2GAsPlB,CAAC"}
+{"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"}

package/dist/components/dropmenu/Dropmenu.js

@@ -0,0 +1,102 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { ChevronDownIcon as n } from "../../icons/ChevronDownIcon.js";
+import { resolveCascade as r, resolveRadiusKey as i } from "../../utils/resolve-token.js";
+import { FieldShell as a } from "../field/FieldShell.js";
+import { Button as ee } from "../button/Button.js";
+import { Menu as te } from "../menu/Menu.js";
+import { useMenuFloating as o } from "../menu/use-menu-floating.js";
+import { FALLBACK_SELECT_CONFIG as s } from "./dropmenu-config.js";
+import { SELECT_STATUS_BORDER_CLASS as c } from "./dropmenu-styles.js";
+import { forwardRef as l, useCallback as u, useId as ne, useMemo as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/dropmenu/Dropmenu.tsx
+var g = l(({ options: l = [], value: g, onChange: _, onValueChange: v, size: y, radius: b, variant: x, color: re, status: S, label: ie, labelAlign: ae, description: C, message: w, required: oe, isLoading: T, disabled: E, isSearch: D = !1, searchPlaceholder: O = "Search options...", searchInputName: k = "select-search", initialValue: A, belowList: j, placeholder: M = "Dropmenu...", className: N, id: P, name: F, menu: I, style: L, startContent: R, endContent: z }, B) => {
+	let V = t(), H = V.components?.dropmenu, U = ne(), W = P ?? U, [G, K] = f(!1), [q, J] = f(""), se = r(y, H?.size, void 0, s.size), ce = r(x, H?.variant, V.defaultVariant, s.variant), le = r(re, H?.color, V.defaultColor, s.color), ue = i(b, H?.radius, V.defaultRadius, s.radius), Y = S ?? s.status, de = r(ae, H?.labelAlign, void 0, s.labelAlign), fe = Y === "default" ? "" : c[Y], X = d(() => l.find((e) => e.value === g), [l, g]), { refs: Z, context: pe, floatingStyles: me, isPositioned: he, getReferenceProps: ge, getFloatingProps: _e } = o({
+		isOpen: G,
+		onOpenChange: K,
+		disabled: E
+	}), ve = u((e) => {
+		v?.(e.value), _ && _({ target: {
+			value: e.value,
+			name: F ?? ""
+		} }), K(!1), J("");
+	}, [
+		F,
+		_,
+		v
+	]), ye = d(() => X?.label ? X.label : A === void 0 ? M : String(A), [
+		X,
+		A,
+		M
+	]), be = d(() => g == null ? [] : [g], [g]), Q = C ? `${W}-description` : void 0, $ = w ? `${W}-message` : void 0, xe = [Q, $].filter(Boolean).join(" ") || void 0, Se = ge({ onKeyDown: u((e) => {
+		E || (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), K(!0));
+	}, [E]) });
+	return /* @__PURE__ */ m(a, {
+		id: W,
+		label: ie,
+		labelAlign: de,
+		description: C,
+		descriptionId: Q,
+		message: w,
+		messageId: $,
+		status: Y,
+		required: oe,
+		isLoading: T,
+		children: /* @__PURE__ */ h("div", {
+			className: "w-full relative inline-block",
+			children: [/* @__PURE__ */ m(ee, {
+				ref: (e) => {
+					Z.setReference(e), typeof B == "function" ? B(e) : B && (B.current = e);
+				},
+				id: W,
+				type: "button",
+				variant: ce,
+				color: le,
+				animate: !1,
+				size: se,
+				radius: ue,
+				isDisabled: E,
+				isLoading: T,
+				fullWidth: !0,
+				"aria-expanded": G,
+				"aria-haspopup": "listbox",
+				"aria-invalid": Y === "error",
+				"aria-describedby": xe,
+				className: e("font-normal text-left justify-between", fe, N),
+				style: L,
+				startContent: R,
+				endContent: /* @__PURE__ */ h(p, { children: [z, /* @__PURE__ */ m(n, { className: e("shrink-0 text-foreground/70 transition-transform duration-200", G && "rotate-180") })] }),
+				...Se,
+				children: /* @__PURE__ */ m("span", {
+					className: e("truncate", X || A ? "text-foreground" : "text-foreground/70"),
+					children: ye
+				})
+			}), /* @__PURE__ */ m(te, {
+				isOpen: G,
+				context: pe,
+				floatingStyles: me,
+				getFloatingProps: _e,
+				setFloatingRef: Z.setFloating,
+				isPositioned: he,
+				returnFocus: !0,
+				options: l,
+				selectedValues: be,
+				onOptionSelect: ve,
+				isSearch: D,
+				searchPlaceholder: O,
+				searchInputName: k,
+				searchQuery: q,
+				onSearchChange: J,
+				belowList: j,
+				menuProps: I,
+				menuConfig: H?.menu
+			})]
+		})
+	});
+});
+g.displayName = "Dropmenu";
+//#endregion
+export { g as Dropmenu };

package/dist/components/{select/select-config.d.ts → dropmenu/dropmenu-config.d.ts}

@@ -1,13 +1,13 @@
 import { InputConfig } from '../input';
-import { MenuConfig } from '../select-menu';
+import { MenuConfig } from '../menu';
 /**
- * Theme configuration options for the Select component.
+ * Theme configuration options for the Dropmenu component.
  *
  * Inherits the shared field config (label handling) and adds trigger
- * and dropdown-menu overrides. Set under `components.select` in
+ * and dropdown-menu overrides. Set under `components.dropmenu` in
  * the AsheeUI config.
  */
-export interface SelectConfig extends InputConfig {
+export interface DropmenuConfig extends InputConfig {
     /**
      * Configuration for the dropdown menu.
      * Controls the menu's visual appearance and behavior.
@@ -15,9 +15,9 @@ export interface SelectConfig extends InputConfig {
     menu?: MenuConfig;
 }
 /**
- * Default config values registered for the Select component.
+ * Default config values registered for the Dropmenu component.
  */
-export declare const defaultSelectConfig: SelectConfig;
+export declare const defaultDropmenuConfig: DropmenuConfig;
 /**
  * Hard fallback values used when no config tier provides a value.
  * These values are used when instance props, component config,
@@ -26,7 +26,7 @@ export declare const defaultSelectConfig: SelectConfig;
 export declare const FALLBACK_SELECT_CONFIG: Required<import('../field').FieldConfig>;
 declare module "../../libs/registry" {
     interface ComponentTypeConfigRegistry {
-        select: SelectConfig;
+        dropmenu: DropmenuConfig;
     }
 }
-//# sourceMappingURL=select-config.d.ts.map
+//# sourceMappingURL=dropmenu-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropmenu-config.d.ts","sourceRoot":"","sources":["../../../src/components/dropmenu/dropmenu-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAAmC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,0CAAwB,CAAC;AAE5D,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF"}

package/dist/components/{select/select-config.js → dropmenu/dropmenu-config.js}

@@ -2,8 +2,8 @@
 import { registerComponentDefaults as e } from "../../libs/registry.js";
 import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
 import { defaultInputConfig as n } from "../input/input-config.js";
-//#region src/components/select/select-config.ts
+//#region src/components/dropmenu/dropmenu-config.ts
 var r = n, i = t;
-e("select", r);
+e("dropmenu", r);
 //#endregion
-export { i as FALLBACK_SELECT_CONFIG, r as defaultSelectConfig };
+export { i as FALLBACK_SELECT_CONFIG, r as defaultDropmenuConfig };

package/dist/components/{select/select-styles.d.ts → dropmenu/dropmenu-styles.d.ts}

@@ -11,4 +11,4 @@ export declare const SELECT_SIZE_CLASS: Record<FieldSizeKey, string>;
  * focus ring colors. Re-exports FIELD_STATUS_BORDER_CLASS.
  */
 export declare const SELECT_STATUS_BORDER_CLASS: Record<FieldStatus, string>;
-//# sourceMappingURL=select-styles.d.ts.map
+//# sourceMappingURL=dropmenu-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropmenu-styles.d.ts","sourceRoot":"","sources":["../../../src/components/dropmenu/dropmenu-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGvE;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CACxC,CAAC"}