asheeui 0.6.8 → 0.6.10

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

@@ -1,11 +1,6 @@
 "use client";
 import { FIELD_STATUS_BORDER_CLASS as S } from "../field/field-styles.js";
-const x = {
-  sm: "h-8 px-2.5 text-xs",
-  md: "h-10 px-3 text-sm",
-  lg: "h-12 px-4 text-base"
-}, E = S;
+const E = S;
 export {
-  x as SELECT_SIZE_CLASS,
   E as SELECT_STATUS_BORDER_CLASS
 };

package/dist/components/select-menu/SelectMenu.d.ts

@@ -1,6 +1,16 @@
 import { FloatingContext } from '@floating-ui/react';
 import { ReactNode } from 'react';
-import { SelectMenuConfig, SelectMenuOption } from './select-menu-config';
+import { MenuConfig, SelectMenuOption } from './select-menu-config';
+/**
+ * Menu props that extend MenuConfig with className.
+ * Used for menu configuration overrides.
+ */
+export type MenuProps = MenuConfig & {
+    /**
+     * Extra CSS classes for the menu container.
+     */
+    className?: string;
+};
 /**
  * Props for the SelectMenu component.
  */
@@ -66,18 +76,15 @@ export interface SelectMenuProps {
      * Content rendered below the options list.
      */
     belowList?: ReactNode;
-    /**
-     * Extra CSS classes for the dropdown.
-     */
-    dropdownClassName?: string;
     /**
      * Configuration for menu items from the parent component.
      */
-    menuConfig?: SelectMenuConfig;
+    menuConfig?: MenuConfig;
     /**
      * Props override for menu configuration.
+     * Includes className, portal, portalTarget, and visual style options.
      */
-    menuProps?: SelectMenuConfig;
+    menuProps?: MenuProps;
     /**
      * Custom render function for each option.
      * Receives the option and a boolean indicating if it's selected.
@@ -92,20 +99,6 @@ export interface SelectMenuProps {
      * @default false
      */
     returnFocus?: boolean;
-    /**
-     * Whether to render the menu in a React portal.
-     * When true, the menu is rendered at the document body level.
-     * Defaults to true. This is typically controlled by the parent
-     * component (Select, MultiSelect, Autocomplete) via their own
-     * config or props.
-     */
-    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;
 }
 /**
  * A reusable dropdown menu for selecting options from a list.
@@ -121,8 +114,8 @@ export interface SelectMenuProps {
  * By default, the menu uses React's createPortal 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 `portal` prop if the menu needs to stay within a specific parent
- * container. This is typically controlled by the parent component.
+ * the `menuProps.portal` prop if the menu needs to stay within a specific
+ * parent container. This is typically controlled by the parent component.
  *
  * @param props - SelectMenu configuration options.
  * @param props.isOpen - Whether the menu is open.
@@ -135,14 +128,15 @@ export interface SelectMenuProps {
  * @param props.onSelectMenuOption - Callback fired when an option is selected.
  * @param props.isSearch - Whether search is enabled. Defaults to true.
  * @param props.searchPlaceholder - Search placeholder. Defaults to "Search...".
+ * @param props.searchInputName - Name attribute for the search input. Defaults to "select-menu-search".
+ * @param props.searchQuery - Controlled search query value.
+ * @param props.onSearchChange - Callback fired when the search query changes.
  * @param props.belowList - Content below the options list.
- * @param props.dropdownClassName - Extra classes for the dropdown.
  * @param props.menuConfig - Configuration for menu items.
- * @param props.menuProps - Props override for menu configuration.
+ * @param props.menuProps - Props override for menu configuration. Includes className, portal, portalTarget, and visual styles.
  * @param props.renderOption - Custom render function for options.
- * @param props.portal - Whether to render the menu in a portal. Defaults to true.
- * @param props.portalTarget - Custom portal target element. Defaults to document.body.
- * @param props.lockScroll - Whether to lock body scroll. Defaults to true.
+ * @param props.initialFocus - Initial focus target for the FloatingFocusManager.
+ * @param props.returnFocus - Whether to return focus to the trigger after closing. Defaults to false.
  *
  * @example
  * ```tsx
@@ -160,11 +154,32 @@ export interface SelectMenuProps {
  * />
  * ```
  *
- * @see SelectMenuConfig - The configuration type for menu items.
+ * @example
+ * ```tsx
+ * // With custom menu configuration
+ * <SelectMenu
+ *   isOpen={isOpen}
+ *   context={context}
+ *   floatingStyles={floatingStyles}
+ *   getFloatingProps={getFloatingProps}
+ *   setFloatingRef={refs.setFloating}
+ *   options={options}
+ *   selectedValues={selectedValues}
+ *   onSelectMenuOption={handleSelect}
+ *   menuProps={{
+ *     className: "custom-dropdown",
+ *     portal: false,
+ *     itemVariant: "solid",
+ *     activeItemColor: "success"
+ *   }}
+ * />
+ * ```
+ *
+ * @see MenuConfig - The configuration type for menu items.
  * @see Button - The button component used for menu items.
  */
 export declare const SelectMenu: {
-    ({ isOpen, context, floatingStyles, getFloatingProps, setFloatingRef, options, selectedValues, onSelectMenuOption, isSearch, searchPlaceholder, searchInputName, searchQuery, onSearchChange, belowList, dropdownClassName, menuConfig, menuProps, renderOption, initialFocus, returnFocus, portal, portalTarget, }: SelectMenuProps): import("react").JSX.Element | null;
+    ({ isOpen, context, floatingStyles, getFloatingProps, setFloatingRef, options, selectedValues, onSelectMenuOption, isSearch, searchPlaceholder, searchInputName, searchQuery, onSearchChange, belowList, menuConfig, menuProps, renderOption, initialFocus, returnFocus, }: SelectMenuProps): import("react").JSX.Element | null;
     displayName: string;
 };
 //# sourceMappingURL=SelectMenu.d.ts.map

package/dist/components/select-menu/SelectMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../src/components/select-menu/SelectMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IAEzB;;OAEG;IACH,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;OAEG;IACH,gBAAgB,EAAE,CAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE7B;;OAEG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAErC;;;OAGG;IACH,kBAAkB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAE5E;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAErD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,eAAO,MAAM,UAAU;yTAuBpB,eAAe;;CAmMjB,CAAC"}
+{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../src/components/select-menu/SelectMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IAEzB;;OAEG;IACH,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;OAEG;IACH,gBAAgB,EAAE,CAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE7B;;OAEG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAErC;;;OAGG;IACH,kBAAkB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAE5E;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAErD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6EG;AACH,eAAO,MAAM,UAAU;gRAoBpB,eAAe;;CA2NjB,CAAC"}

package/dist/components/select-menu/SelectMenu.js

@@ -1,160 +1,161 @@
 "use client";
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { FloatingFocusManager as J } from "@floating-ui/react";
-import { useState as X, useEffect as Y, useMemo as Z } from "react";
-import { createPortal as $ } from "react-dom";
-import { CheckIcon as p } from "../../icons/CheckIcon.js";
-import { SearchIcon as C } from "../../icons/SearchIcon.js";
-import { useAsheeConfig as g } from "../../libs/context.js";
-import { resolveCascade as d, resolveRadiusKey as P } from "../../utils/resolve-token.js";
-import { Button as tt } from "../button/Button.js";
-import { Input as et } from "../input/Input.js";
-import { FALLBACK_SELECT_MENU_CONFIG as o } from "./select-menu-config.js";
-import { cn as lt } from "../../utils/cn.js";
-const rt = ({
+import { jsx as a, jsxs as V } from "react/jsx-runtime";
+import { FloatingFocusManager as X } from "@floating-ui/react";
+import { useState as Y, useEffect as Z, useMemo as $ } from "react";
+import { createPortal as n } from "react-dom";
+import { CheckIcon as u } from "../../icons/CheckIcon.js";
+import { SearchIcon as m } from "../../icons/SearchIcon.js";
+import { useAsheeConfig as p } from "../../libs/context.js";
+import { resolveCascade as r, resolveRadiusKey as C } from "../../utils/resolve-token.js";
+import { Button as g } from "../button/Button.js";
+import { Input as P } from "../input/Input.js";
+import { FALLBACK_SELECT_MENU_CONFIG as d } from "./select-menu-config.js";
+import { cn as tt } from "../../utils/cn.js";
+const lt = ({
   isOpen: s,
-  context: z,
-  floatingStyles: V,
-  getFloatingProps: m,
-  setFloatingRef: A,
+  context: A,
+  floatingStyles: F,
+  getFloatingProps: L,
+  setFloatingRef: M,
   options: v = [],
-  selectedValues: F = [],
-  onSelectMenuOption: L,
+  selectedValues: E = [],
+  onSelectMenuOption: Q,
   isSearch: y = !0,
-  searchPlaceholder: M = "Search...",
-  searchInputName: E = "select-menu-search",
-  searchQuery: Q,
+  searchPlaceholder: T = "Search...",
+  searchInputName: j = "select-menu-search",
+  searchQuery: K,
   onSearchChange: b,
   belowList: h,
-  dropdownClassName: j,
-  menuConfig: t,
-  menuProps: e,
-  renderOption: f,
-  initialFocus: K,
-  returnFocus: R,
-  portal: _ = !0,
-  portalTarget: B
+  menuConfig: l,
+  menuProps: t = {},
+  renderOption: x,
+  initialFocus: R,
+  returnFocus: _
 }) => {
-  const c = g(), [T, D] = X(""), i = Q ?? T, G = (l) => {
-    b ? b(l) : D(l);
-  }, n = d(
-    e == null ? void 0 : e.lockScroll,
+  const c = p(), [B, D] = Y(""), i = K ?? B, G = (e) => {
+    b ? b(e) : D(e);
+  }, w = r(
     t == null ? void 0 : t.lockScroll,
+    l == null ? void 0 : l.lockScroll,
     void 0,
-    o.lockScroll
+    d.lockScroll
+  ), O = r(
+    t == null ? void 0 : t.portal,
+    l == null ? void 0 : l.portal,
+    void 0,
+    d.portal
+  ), I = r(
+    t == null ? void 0 : t.portalTarget,
+    l == null ? void 0 : l.portalTarget,
+    void 0,
+    typeof document < "u" ? document.body : null
   );
-  Y(() => {
-    if (!s || !n) return;
-    const l = document.body.style.overflow, a = document.body.style.position, H = document.body.style.width;
+  Z(() => {
+    if (!s || !w) return;
+    const e = document.body.style.overflow, o = document.body.style.position, J = document.body.style.width;
     return document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.width = "100%", () => {
-      document.body.style.overflow = l, document.body.style.position = a, document.body.style.width = H;
+      document.body.style.overflow = e, document.body.style.position = o, document.body.style.width = J;
     };
-  }, [s, n]);
-  const x = Z(() => !y || !i.trim() ? v : v.filter(
-    (l) => l.label.toLowerCase().includes(i.toLowerCase())
-  ), [v, y, i]), O = (l) => F.includes(l), U = d(
-    e == null ? void 0 : e.itemVariant,
+  }, [s, w]);
+  const N = $(() => !y || !i.trim() ? v : v.filter(
+    (e) => e.label.toLowerCase().includes(i.toLowerCase())
+  ), [v, y, i]), U = (e) => E.includes(e), W = r(
     t == null ? void 0 : t.itemVariant,
+    l == null ? void 0 : l.itemVariant,
     void 0,
-    o.itemVariant
-  ), w = d(
-    e == null ? void 0 : e.itemColor,
+    d.itemVariant
+  ), S = r(
     t == null ? void 0 : t.itemColor,
+    l == null ? void 0 : l.itemColor,
     c.defaultColor,
-    o.itemColor
-  ), W = d(
-    e == null ? void 0 : e.activeItemVariant,
+    d.itemColor
+  ), q = r(
     t == null ? void 0 : t.activeItemVariant,
+    l == null ? void 0 : l.activeItemVariant,
     c.defaultVariant,
-    o.activeItemVariant
-  ), q = d(
-    e == null ? void 0 : e.activeItemColor,
+    d.activeItemVariant
+  ), H = r(
     t == null ? void 0 : t.activeItemColor,
+    l == null ? void 0 : l.activeItemColor,
     c.defaultColor,
-    o.activeItemColor
-  ), I = P(
-    e == null ? void 0 : e.radius,
+    d.activeItemColor
+  ), f = C(
     t == null ? void 0 : t.radius,
+    l == null ? void 0 : l.radius,
     c.defaultRadius,
-    o.radius
-  ), N = d(
-    e == null ? void 0 : e.size,
+    d.radius
+  ), k = r(
     t == null ? void 0 : t.size,
+    l == null ? void 0 : l.size,
     void 0,
-    o.size
-  ), S = B ?? (typeof document < "u" ? document.body : null);
+    d.size
+  );
   if (!s) return null;
-  const k = /* @__PURE__ */ r(
-    J,
+  const z = /* @__PURE__ */ a(
+    X,
     {
-      context: z,
+      context: A,
       modal: !1,
-      initialFocus: K,
-      returnFocus: R,
-      children: /* @__PURE__ */ r(
+      initialFocus: R,
+      returnFocus: _,
+      children: /* @__PURE__ */ V(
         "div",
         {
-          ref: A,
-          style: { ...V, zIndex: 999999 },
-          className: "w-full outline-none",
-          ...m(),
-          children: /* @__PURE__ */ u(
-            "div",
-            {
-              className: lt(
-                "max-h-60 shadow-xl bg-background border border-border p-1 flex flex-col gap-0.5 overflow-y-auto scrollable-hidden",
-                "animate-in fade-in-0 zoom-in-95 slide-in-from-top-1 duration-150 ease-out",
-                j
-              ),
-              children: [
-                y && /* @__PURE__ */ r("div", { className: "w-full p-1 mb-1 sticky top-0 z-10 border-b border-border", children: /* @__PURE__ */ r(
-                  et,
-                  {
-                    name: E,
-                    type: "text",
-                    variant: "bordered",
-                    radius: I,
-                    color: w,
-                    size: N,
-                    value: i,
-                    onChange: (l) => G(l.target.value),
-                    startContent: /* @__PURE__ */ r(C, { className: "w-3.5 h-3.5 text-foreground/70" }),
-                    placeholder: M,
-                    autoFocus: !0,
-                    className: "w-full pl-8 h-8 text-xs bg-secondary/30 border-none focus-visible:ring-0"
-                  }
-                ) }),
-                x.length === 0 ? /* @__PURE__ */ r("div", { className: "px-3 py-4 text-xs text-foreground/70 text-center", children: "No options found" }) : x.map((l) => {
-                  const a = O(l.value);
-                  return f ? f(l, a) : /* @__PURE__ */ u(
-                    tt,
-                    {
-                      variant: a ? W : U,
-                      color: a ? q : w,
-                      radius: I,
-                      size: N,
-                      isDisabled: l.disabled,
-                      onClick: () => L(l),
-                      className: "w-full justify-between font-normal text-left transition-colors truncate",
-                      children: [
-                        /* @__PURE__ */ r("span", { children: l.label }),
-                        a && /* @__PURE__ */ r(p, { className: "w-3.5 h-3.5 shrink-0 ml-2" })
-                      ]
-                    },
-                    String(l.value)
-                  );
-                }),
-                h && /* @__PURE__ */ r("div", { className: "border-t border-border pt-1 mt-1", children: h })
-              ]
-            }
-          )
+          ref: M,
+          style: { ...F },
+          className: tt(
+            "z-100 w-full outline-none max-h-60 shadow-xl bg-background border border-border p-1 flex flex-col gap-0.5 overflow-y-auto scrollable-hidden",
+            "animate-in fade-in-0 zoom-in-95 slide-in-from-top-1 duration-150 ease-out",
+            t == null ? void 0 : t.className
+          ),
+          ...L(),
+          children: [
+            y && /* @__PURE__ */ a("div", { className: "w-full p-1 mb-1 sticky top-0 z-10 border-b border-border", children: /* @__PURE__ */ a(
+              P,
+              {
+                name: j,
+                type: "text",
+                variant: "bordered",
+                radius: f,
+                color: S,
+                size: k,
+                value: i,
+                onChange: (e) => G(e.target.value),
+                startContent: /* @__PURE__ */ a(m, { className: "w-3.5 h-3.5 text-foreground/70" }),
+                placeholder: T,
+                autoFocus: !0,
+                className: "w-full pl-8 h-8 text-xs bg-secondary/30 border-none focus-visible:ring-0"
+              }
+            ) }),
+            N.length === 0 ? /* @__PURE__ */ a("div", { className: "px-3 py-4 text-xs text-foreground/70 text-center", children: "No options found" }) : N.map((e) => {
+              const o = U(e.value);
+              return x ? x(e, o) : /* @__PURE__ */ V(
+                g,
+                {
+                  variant: o ? q : W,
+                  color: o ? H : S,
+                  radius: f,
+                  size: k,
+                  isDisabled: e.disabled,
+                  onClick: () => Q(e),
+                  className: "w-full justify-between font-normal text-left transition-colors truncate",
+                  children: [
+                    /* @__PURE__ */ a("span", { children: e.label }),
+                    o && /* @__PURE__ */ a(u, { className: "w-3.5 h-3.5 shrink-0 ml-2" })
+                  ]
+                },
+                String(e.value)
+              );
+            }),
+            h && /* @__PURE__ */ a("div", { className: "border-t border-border pt-1 mt-1", children: h })
+          ]
         }
       )
     }
   );
-  return _ && S ? $(k, S) : k;
+  return O && I ? n(z, I) : z;
 };
-rt.displayName = "SelectMenu";
+lt.displayName = "SelectMenu";
 export {
-  rt as SelectMenu
+  lt as SelectMenu
 };

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

@@ -29,7 +29,7 @@ export interface SelectMenuOption {
  * Theme configuration options for the SelectMenu component.
  * Controls the visual appearance of the dropdown menu and its items.
  */
-export interface SelectMenuConfig {
+export interface MenuConfig {
     /**
      * Corner rounding of the dropdown menu.
      * Controls the border-radius of the menu container.
@@ -80,11 +80,34 @@ export interface SelectMenuConfig {
      * @default false
      */
     lockScroll?: boolean;
+    /**
+     * Whether to render the menu in a React portal.
+     * When true, the menu is rendered at the document body level.
+     * Defaults to true. This is typically controlled by the parent
+     * component (Select, MultiSelect, Autocomplete) via their own
+     * config or props.
+     */
+    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_SELECT_MENU_CONFIG: Required<SelectMenuConfig>;
+export declare const FALLBACK_SELECT_MENU_CONFIG: {
+    radius: Radius;
+    size: Size;
+    itemVariant: Variant;
+    itemColor: Color;
+    activeItemVariant: Variant;
+    activeItemColor: Color;
+    lockScroll: boolean;
+    portal: boolean;
+};
 //# sourceMappingURL=select-menu-config.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-menu-config.d.ts","sourceRoot":"","sources":["../../../src/components/select-menu/select-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,gBAAgB;IAC/B;;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,gBAAgB;IAC/B;;;;;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;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,gBAAgB,CAQlE,CAAC"}
+{"version":3,"file":"select-menu-config.d.ts","sourceRoot":"","sources":["../../../src/components/select-menu/select-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,gBAAgB;IAC/B;;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;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAED;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;YACtB,MAAM;UACR,IAAI;iBACM,OAAO;eACP,KAAK;uBACC,OAAO;qBACP,KAAK;;;CAGpC,CAAC"}

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

@@ -1,13 +1,14 @@
 "use client";
-const e = {
+const t = {
   radius: "md",
   size: "md",
   itemVariant: "ghost",
   itemColor: "primary",
   activeItemVariant: "faded",
   activeItemColor: "primary",
-  lockScroll: !1
+  lockScroll: !1,
+  portal: !0
 };
 export {
-  e as FALLBACK_SELECT_MENU_CONFIG
+  t as FALLBACK_SELECT_MENU_CONFIG
 };

package/dist/components/switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, InputHTMLAttributes } from 'react';
 import { SwitchConfig } from './switch-config';
-type BaseSwitchProps = SwitchConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "children" | "color">;
+type BaseSwitchProps = Omit<SwitchConfig, "status"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "children" | "color">;
 /**
  * Configuration options for the Switch component.
  */
@@ -15,11 +15,6 @@ export interface SwitchProps extends BaseSwitchProps {
      * Provides additional context for the switch.
      */
     description?: string;
-    /**
-     * Validation message shown below the switch.
-     * Color is determined by the status prop.
-     */
-    message?: string;
     /**
      * Whether the field is required.
      * Adds a required indicator to the label.
@@ -51,23 +46,20 @@ export interface SwitchProps extends BaseSwitchProps {
     onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
 }
 /**
- * A toggle switch with label, description, and validation support.
+ * A toggle switch with label and description support.
  *
  * Switch renders a toggle input that can be checked or unchecked. It
- * supports controlled and uncontrolled usage, validation states, and
- * the standard AsheeUI cascade for visual tokens. The component
- * integrates with FieldShell for label, description, and message
- * handling.
+ * supports controlled and uncontrolled usage, and the standard AsheeUI
+ * cascade for visual tokens. The component integrates with FieldShell for
+ * label and description handling.
  *
  * The component automatically handles accessibility attributes including
- * role="switch", aria-checked, aria-invalid, and aria-busy for loading
- * states. It also supports proper focus management through the native
- * input element.
+ * role="switch", aria-checked, and aria-busy for loading states. It also
+ * supports proper focus management through the native input element.
  *
  * @param props - Switch configuration options.
  * @param props.label - Label text for the switch.
  * @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.checked - Controlled checked state.
@@ -76,7 +68,6 @@ export interface SwitchProps extends BaseSwitchProps {
  * @param props.size - Size scale. Defaults to "md".
  * @param props.color - Theme accent color. Defaults to "primary".
  * @param props.radius - Corner rounding. Defaults to "full".
- * @param props.status - Validation status. Defaults to "default".
  * @param props.labelAlign - Alignment of the label. Defaults to "left".
  * @param props.disabled - Whether the switch is disabled.
  * @param props.className - Extra CSS classes for the switch.
@@ -91,29 +82,14 @@ export interface SwitchProps extends BaseSwitchProps {
  *   const [checked, setChecked] = useState(false);
  *
  *   return (
- *     <Switch
- *       label="Enable notifications"
- *       description="Receive email notifications for updates"
- *       checked={checked}
- *       onChange={(checked) => setChecked(checked)}
+ *     <Switch * checked="{checked}" description="Receive email notifications for updates" label="Enable notifications" onChange="{(checked)"> setChecked(checked)}
  *     />
  *   );
  * }
  * ```
  *
- * @example
- * ```tsx
- * // With validation
- * <Switch
- *   label="Terms accepted"
- *   status="error"
- *   message="You must accept the terms to continue"
- *   required
- * />
- * ```
- *
  * @see SwitchConfig - The configuration type for component defaults.
- * @see FieldShell - The wrapper component for label and validation.
+ * @see FieldShell - The wrapper component for label and layout.
  * @see useAsheeConfig - Hook for accessing the global configuration.
  */
 export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EAIzB,MAAM,OAAO,CAAC;AAWf,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU5E,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7E;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,eAAO,MAAM,MAAM,0GAiLlB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EAIzB,MAAM,OAAO,CAAC;AAWf,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS5E,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,GACjD,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7E;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,MAAM,0GAqKlB,CAAC"}