asheeui 0.6.2 → 0.6.3

package/dist/components/select/Select.js

@@ -1,178 +1,169 @@
 "use client";
-import { jsx as f, jsxs as z } from "react/jsx-runtime";
-import { useFloating as Le, autoUpdate as Ee, offset as Ie, flip as we, shift as _e, useClick as ze, useDismiss as Fe, useRole as Me, useInteractions as ke } from "@floating-ui/react";
-import { forwardRef as Ke, useId as Ne, useState as F, useMemo as y, useCallback as Oe } from "react";
-import { ChevronDownIcon as Te } from "../../icons/ChevronDownIcon.js";
-import { useAsheeConfig as De } from "../../libs/context.js";
+import { jsx as f, jsxs as w } from "react/jsx-runtime";
+import { useFloating as Se, autoUpdate as ve, offset as be, flip as ye, shift as xe, size as ge, useClick as he, useDismiss as Ae, useRole as Re, useInteractions as Le } from "@floating-ui/react";
+import { forwardRef as Ee, useId as Ie, useState as _, useMemo as y, useCallback as we } from "react";
+import { ChevronDownIcon as _e } from "../../icons/ChevronDownIcon.js";
+import { useAsheeConfig as Fe } from "../../libs/context.js";
+import { resolveCascade as m, resolveRadiusKey as Ke, resolveClassKey as Oe } from "../../utils/resolve-token.js";
+import { FieldShell as ke } from "../field/FieldShell.js";
+import { SelectMenu as Ce } from "../select-menu/SelectMenu.js";
+import { FALLBACK_SELECT_CONFIG as s } from "./select-config.js";
+import { SELECT_STATUS_BORDER_CLASS as Ne, SELECT_SIZE_CLASS as ze } from "./select-styles.js";
+import { resolveVariantClass as Te } from "../../shared/variant.js";
 import { RADIUS_CLASS as je } from "../../shared/radius.js";
-import { resolveVariantClass as Ue } from "../../shared/variant.js";
-import { resolveCascade as r, resolveRadiusKey as M, resolveClassKey as ge } from "../../utils/resolve-token.js";
-import { FieldShell as Be } from "../field/FieldShell.js";
-import { SelectMenu as Pe } from "../select-menu/SelectMenu.js";
-import { FALLBACK_SELECT_CONFIG as t } from "./select-config.js";
-import { SELECT_STATUS_BORDER_CLASS as Qe, SELECT_SIZE_CLASS as Ge } from "./select-styles.js";
-import { cn as k } from "../../utils/cn.js";
-const Ze = Ke(
+import { cn as F } from "../../utils/cn.js";
+const De = Ee(
   ({
     options: p = [],
-    value: o,
-    onChange: v,
-    onValueChange: a,
+    value: r,
+    onChange: S,
+    onValueChange: l,
     size: K,
-    radius: N,
-    variant: O,
-    color: T,
-    status: D,
-    label: j,
-    labelAlign: U,
-    description: g,
-    message: B,
-    required: P,
-    isLoading: Q,
-    disabled: S,
-    isSearch: G = !1,
-    searchPlaceholder: Z = "Search options...",
-    searchInputName: $ = "select-search",
+    radius: O,
+    variant: k,
+    color: C,
+    status: N,
+    label: z,
+    labelAlign: T,
+    description: j,
+    message: D,
+    required: M,
+    isLoading: P,
+    disabled: v,
+    isSearch: U = !1,
+    searchPlaceholder: B = "Search options...",
+    searchInputName: Q = "select-search",
     initialValue: n,
-    belowList: q,
+    belowList: $,
     placeholder: x = "Select...",
-    buttonColor: R,
-    className: H,
-    dropdownClassName: J,
-    id: W,
+    buttonColor: g,
+    className: G,
+    dropdownClassName: H,
+    id: Z,
     name: h,
-    menuVariant: X,
-    menuColor: Y,
-    menuRadius: C,
-    menuSize: V,
-    style: ee
-  }, i) => {
-    var _;
-    const d = De(), e = (_ = d.components) == null ? void 0 : _.select, se = Ne(), te = W ?? se, [c, A] = F(!1), [re, L] = F(""), { refs: E, floatingStyles: oe, context: u } = Le({
+    menu: q,
+    style: J
+  }, a) => {
+    var I;
+    const i = Fe(), e = (I = i.components) == null ? void 0 : I.select, W = Ie(), X = Z ?? W, [c, A] = _(!1), [Y, R] = _(""), { refs: L, floatingStyles: V, context: d } = Se({
       open: c,
-      onOpenChange: (s) => !S && A(s),
+      onOpenChange: (t) => !v && A(t),
       placement: "bottom-start",
-      whileElementsMounted: Ee,
-      middleware: [Ie(4), we(), _e({ padding: 8 })]
-    }), le = ze(u, { enabled: !S }), ae = Fe(u), ne = Me(u, { role: "listbox" }), { getReferenceProps: ie, getFloatingProps: de } = ke([
-      le,
-      ae,
-      ne
-    ]), ce = r(
+      whileElementsMounted: ve,
+      middleware: [
+        be(4),
+        ye(),
+        xe({ padding: 8 }),
+        ge({
+          apply({ availableHeight: t, elements: b }) {
+            Object.assign(b.floating.style, {
+              maxHeight: `${t}px`
+            });
+          }
+        })
+      ]
+    }), ee = he(d, { enabled: !v }), te = Ae(d), se = Re(d, { role: "listbox" }), { getReferenceProps: re, getFloatingProps: oe } = Le([
+      ee,
+      te,
+      se
+    ]), le = m(
       K,
       e == null ? void 0 : e.size,
       void 0,
-      t.size
-    ), b = r(
-      O,
+      s.size
+    ), E = m(
+      k,
       e == null ? void 0 : e.variant,
-      d.defaultVariant,
-      t.variant
-    ), I = r(
-      T,
+      i.defaultVariant,
+      s.variant
+    ), ne = m(
+      C,
       e == null ? void 0 : e.color,
-      d.defaultColor,
-      t.color
-    ), w = M(
-      N,
+      i.defaultColor,
+      s.color
+    ), ae = Ke(
+      O,
       e == null ? void 0 : e.radius,
-      d.defaultRadius,
-      t.radius
-    ), m = D ?? t.status, ue = r(
-      U,
+      i.defaultRadius,
+      s.radius
+    ), u = N ?? s.status, ie = m(
+      T,
       e == null ? void 0 : e.labelAlign,
       void 0,
-      t.labelAlign
-    ), me = r(
-      X,
-      e == null ? void 0 : e.menuVariant,
-      void 0,
-      b
-    ), fe = r(
-      Y,
-      e == null ? void 0 : e.menuColor,
-      void 0,
-      I
-    ), pe = M(
-      C,
-      e == null ? void 0 : e.menuRadius,
-      w,
-      t.radius
-    ), ve = r(
-      V,
-      e == null ? void 0 : e.menuSize,
-      void 0,
-      t.menuSize
-    ), Se = Ue(b, I), be = m !== "default" ? Qe[m] : "", ye = b === "underlined" ? "rounded-none" : ge(
-      w,
+      s.labelAlign
+    ), ce = Te(
+      E,
+      ne
+    ), de = u !== "default" ? Ne[u] : "", ue = E === "underlined" ? "rounded-none" : Oe(
+      ae,
       je,
-      t.radius
-    ), l = y(
-      () => p.find((s) => s.value === o),
-      [p, o]
-    ), xe = Oe(
-      (s) => {
-        if (a == null || a(s.value), v) {
-          const Ae = {
-            target: { value: s.value, name: h ?? "" }
+      s.radius
+    ), o = y(
+      () => p.find((t) => t.value === r),
+      [p, r]
+    ), fe = we(
+      (t) => {
+        if (l == null || l(t.value), S) {
+          const b = {
+            target: { value: t.value, name: h ?? "" }
           };
-          v(Ae);
+          S(b);
         }
-        A(!1), L("");
+        A(!1), R("");
       },
-      [h, v, a]
-    ), Re = y(() => l != null && l.label ? l.label : n !== void 0 ? String(n) : x, [l, n, x]), he = y(
-      () => o != null ? [o] : [],
-      [o]
+      [h, S, l]
+    ), me = y(() => o != null && o.label ? o.label : n !== void 0 ? String(n) : x, [o, n, x]), pe = y(
+      () => r != null ? [r] : [],
+      [r]
     );
     return /* @__PURE__ */ f(
-      Be,
+      ke,
       {
-        id: te,
-        label: j,
-        labelAlign: ue,
-        description: g,
-        message: B,
-        status: m,
-        required: P,
-        isLoading: Q,
-        children: /* @__PURE__ */ z("div", { className: "w-full relative inline-block", children: [
-          /* @__PURE__ */ z(
+        id: X,
+        label: z,
+        labelAlign: ie,
+        description: j,
+        message: D,
+        status: u,
+        required: M,
+        isLoading: P,
+        children: /* @__PURE__ */ w("div", { className: "w-full relative inline-block", children: [
+          /* @__PURE__ */ w(
             "button",
             {
-              ref: (s) => {
-                E.setReference(s), typeof i == "function" ? i(s) : i && (i.current = s);
+              ref: (t) => {
+                L.setReference(t), typeof a == "function" ? a(t) : a && (a.current = t);
               },
               type: "button",
-              disabled: S,
+              disabled: v,
               "aria-expanded": c,
               "aria-haspopup": "listbox",
-              "aria-invalid": m === "error",
-              className: k(
+              "aria-invalid": u === "error",
+              className: F(
                 "w-full flex items-center justify-between font-normal text-left text-foreground transition-colors outline-none select-none cursor-pointer shrink-0",
                 "focus-visible:ring-2 focus-visible:ring-offset-2",
                 "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
-                Ge[ce],
-                Se,
-                be,
-                ye,
-                R && `bg-[${R}]`,
-                H
+                ze[le],
+                ce,
+                de,
+                ue,
+                g && `bg-[${g}]`,
+                G
               ),
-              style: ee,
-              ...ie(),
+              style: J,
+              ...re(),
               children: [
                 /* @__PURE__ */ f(
                   "span",
                   {
-                    className: l || n ? "text-foreground" : "text-foreground/70",
-                    children: Re
+                    className: o || n ? "text-foreground" : "text-foreground/70",
+                    children: me
                   }
                 ),
                 /* @__PURE__ */ f(
-                  Te,
+                  _e,
                   {
-                    className: k(
+                    className: F(
                       "ml-2 shrink-0 text-foreground/70 transition-transform duration-200",
                       c && "rotate-180"
                     )
@@ -182,27 +173,25 @@ const Ze = Ke(
             }
           ),
           /* @__PURE__ */ f(
-            Pe,
+            Ce,
             {
               isOpen: c,
-              context: u,
-              floatingStyles: oe,
-              getFloatingProps: de,
-              setFloatingRef: E.setFloating,
+              context: d,
+              floatingStyles: V,
+              getFloatingProps: oe,
+              setFloatingRef: L.setFloating,
               options: p,
-              selectedValues: he,
-              onSelectOption: xe,
-              isSearch: G,
-              searchPlaceholder: Z,
-              searchInputName: $,
-              searchQuery: re,
-              onSearchChange: L,
-              belowList: q,
-              dropdownClassName: J,
-              variant: me,
-              color: fe,
-              radius: pe,
-              size: ve
+              selectedValues: pe,
+              onSelectOption: fe,
+              isSearch: U,
+              searchPlaceholder: B,
+              searchInputName: Q,
+              searchQuery: Y,
+              onSearchChange: R,
+              belowList: $,
+              dropdownClassName: H,
+              menuProps: q,
+              menuConfig: e
             }
           )
         ] })
@@ -210,7 +199,7 @@ const Ze = Ke(
     );
   }
 );
-Ze.displayName = "Select";
+De.displayName = "Select";
 export {
-  Ze as Select
+  De as Select
 };

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

@@ -1,24 +1,31 @@
-import { Radius } from '../../shared/radius';
-import { Size } from '../../shared/size';
-import { Color, Variant } from '../../shared/variant';
-import { FieldConfig, FieldSizeKey } from '../field/field-config';
-export type SelectSizeKey = FieldSizeKey;
-export interface SelectOption {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-    [key: string]: unknown;
-}
-export interface SelectConfig extends Omit<FieldConfig, "size"> {
-    size?: SelectSizeKey;
-    radius?: Radius;
-    menuVariant?: Variant;
-    menuColor?: Color;
-    menuRadius?: Radius;
-    menuSize?: Size;
+import { FieldConfig } from '../field/field-config';
+import { SelectMenuConfig } from '../select-menu';
+/**
+ * Theme configuration options for the Select component.
+ *
+ * Inherits the shared field config (label handling) and adds trigger
+ * and dropdown-menu overrides. Set under `components.select` in
+ * the AsheeUI config.
+ */
+export interface SelectConfig extends FieldConfig {
+    /**
+     * Configuration for the dropdown menu.
+     * Controls the menu's visual appearance and behavior.
+     */
+    menu?: SelectMenuConfig;
 }
+/**
+ * Default config values registered for the Select component.
+ *
+ * Inherits field label defaults from `FALLBACK_FIELD_CONFIG`.
+ */
 export declare const defaultSelectConfig: SelectConfig;
-export declare const FALLBACK_SELECT_CONFIG: Required<SelectConfig>;
+/**
+ * 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_CONFIG: Required<FieldConfig>;
 declare module "../../libs/registry" {
     interface ComponentTypeConfigRegistry {
         select: SelectConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"select-config.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC;AAEzC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,EAAE,YAIjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CAYzD,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF"}
+{"version":3,"file":"select-config.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAAiC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,uBAAwB,CAAC;AAE5D,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF"}

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

@@ -1,25 +1,9 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as r } from "../field/field-config.js";
-const t = {
-  size: "md",
-  labelAlign: "left",
-  variant: "bordered"
-}, i = {
-  ...r,
-  size: "md",
-  radius: "md",
-  variant: "bordered",
-  color: "primary",
-  status: "default",
-  labelAlign: "left",
-  menuVariant: "solid",
-  menuColor: "secondary",
-  menuRadius: "md",
-  menuSize: "lg"
-};
-e("select", t);
+import { FALLBACK_FIELD_CONFIG as t, defaultFieldConfig as o } from "../field/field-config.js";
+const C = o, l = t;
+e("select", C);
 export {
-  i as FALLBACK_SELECT_CONFIG,
-  t as defaultSelectConfig
+  l as FALLBACK_SELECT_CONFIG,
+  C as defaultSelectConfig
 };

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

@@ -1,4 +1,14 @@
 import { FieldSizeKey, FieldStatus } from '../field/field-config';
+/**
+ * CSS classes for select trigger size.
+ * Maps size keys to Tailwind classes that control height,
+ * padding, and font size.
+ */
 export declare const SELECT_SIZE_CLASS: Record<FieldSizeKey, string>;
+/**
+ * CSS classes for select status border styles.
+ * Maps status values to Tailwind classes for border and
+ * 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

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

@@ -1 +1 @@
-{"version":3,"file":"select-styles.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEvE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI1D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAQlE,CAAC"}
+{"version":3,"file":"select-styles.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-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"}

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

@@ -1,15 +1,11 @@
 "use client";
-const s = {
+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 = {
-  default: "",
-  error: "border-danger focus-visible:border-danger focus-visible:ring-danger/20",
-  warning: "border-warning focus-visible:border-warning focus-visible:ring-warning/20",
-  success: "border-success focus-visible:border-success focus-visible:ring-success/20"
-};
+}, E = S;
 export {
-  s as SELECT_SIZE_CLASS,
-  e as SELECT_STATUS_BORDER_CLASS
+  x as SELECT_SIZE_CLASS,
+  E as SELECT_STATUS_BORDER_CLASS
 };

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

@@ -1,40 +1,157 @@
 import { FloatingContext } from '@floating-ui/react';
 import { ReactNode } from 'react';
-import { Radius } from '../../shared/radius';
-import { Size } from '../../shared/size';
-import { Color, Variant } from '../../shared/variant';
+import { SelectMenuConfig } from './select-menu-config';
+/**
+ * Type alias for a select option.
+ * Each option must have a label and a unique value.
+ */
 export interface SelectOption {
     label: string;
     value: string | number;
     disabled?: boolean;
     [key: string]: unknown;
 }
+/**
+ * Props for the SelectMenu component.
+ */
 export interface SelectMenuProps {
+    /**
+     * Whether the menu is open.
+     */
     isOpen: boolean;
+    /**
+     * Floating UI context from the parent component.
+     */
     context: FloatingContext;
+    /**
+     * CSS styles for positioning from Floating UI.
+     */
     floatingStyles: React.CSSProperties;
+    /**
+     * Props getter for floating element from Floating UI.
+     */
     getFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
+    /**
+     * Ref setter for the floating element.
+     */
     setFloatingRef: (node: HTMLElement | null) => void;
+    /**
+     * Available options to display in the menu.
+     */
     options: SelectOption[];
+    /**
+     * Currently selected values.
+     * Used to highlight selected options with a checkmark.
+     */
     selectedValues?: (string | number)[];
+    /**
+     * Callback fired when an option is selected.
+     * Receives the selected option object.
+     */
     onSelectOption: (option: SelectOption) => void;
+    /**
+     * Whether search input is shown in the menu.
+     * @default true
+     */
     isSearch?: boolean;
+    /**
+     * Placeholder text for the search input.
+     * @default "Search..."
+     */
     searchPlaceholder?: string;
+    /**
+     * Name attribute for the search input.
+     * @default "select-menu-search"
+     */
     searchInputName?: string;
+    /**
+     * Controlled search query value.
+     */
     searchQuery?: string;
+    /**
+     * Callback fired when the search query changes.
+     */
     onSearchChange?: (query: string) => void;
+    /**
+     * Content rendered below the options list.
+     */
     belowList?: ReactNode;
+    /**
+     * Extra CSS classes for the dropdown.
+     */
     dropdownClassName?: string;
-    variant?: Variant;
-    color?: Color;
-    size?: Size;
-    radius?: Radius;
+    /**
+     * Configuration for menu items from the parent component.
+     */
+    menuConfig?: SelectMenuConfig;
+    /**
+     * Props override for menu configuration.
+     */
+    menuProps?: SelectMenuConfig;
+    /**
+     * Custom render function for each option.
+     * Receives the option and a boolean indicating if it's selected.
+     */
     renderOption?: (option: SelectOption, isSelected: boolean) => ReactNode;
+    /**
+     * Initial focus target for the FloatingFocusManager.
+     */
     initialFocus?: number | React.RefObject<HTMLElement>;
+    /**
+     * Whether to return focus to the trigger after closing.
+     * @default false
+     */
     returnFocus?: boolean;
 }
+/**
+ * A reusable dropdown menu for selecting options from a list.
+ *
+ * SelectMenu renders a floating dropdown with search, option list, and
+ * selection state management. It is designed to be used as the dropdown
+ * implementation for Select, MultiSelect, and Autocomplete components.
+ *
+ * The component uses Floating UI for positioning and accessibility, and
+ * supports custom option rendering, search filtering, and configurable
+ * item styles through the cascade resolution system.
+ *
+ * @param props - SelectMenu configuration options.
+ * @param props.isOpen - Whether the menu is open.
+ * @param props.context - Floating UI context.
+ * @param props.floatingStyles - CSS styles for positioning.
+ * @param props.getFloatingProps - Props getter for the floating element.
+ * @param props.setFloatingRef - Ref setter for the floating element.
+ * @param props.options - Available options to display.
+ * @param props.selectedValues - Currently selected values.
+ * @param props.onSelectOption - 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.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.renderOption - Custom render function for options.
+ *
+ * @example
+ * ```tsx
+ * const { refs, floatingStyles, context } = useFloating(...);
+ *
+ * <SelectMenu
+ *   isOpen={isOpen}
+ *   context={context}
+ *   floatingStyles={floatingStyles}
+ *   getFloatingProps={getFloatingProps}
+ *   setFloatingRef={refs.setFloating}
+ *   options={options}
+ *   selectedValues={selectedValues}
+ *   onSelectOption={handleSelect}
+ * />
+ * ```
+ *
+ * @see SelectMenuConfig - 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, onSelectOption, isSearch, searchPlaceholder, searchInputName, searchQuery, onSearchChange, belowList, dropdownClassName, variant, color, size, radius, renderOption, initialFocus, returnFocus, }: SelectMenuProps): import("react").JSX.Element | null;
+    ({ isOpen, context, floatingStyles, getFloatingProps, setFloatingRef, options, selectedValues, onSelectOption, isSearch, searchPlaceholder, searchInputName, searchQuery, onSearchChange, belowList, dropdownClassName, menuConfig, menuProps, renderOption, initialFocus, returnFocus, }: SelectMenuProps): import("react").JSX.Element | null;
     displayName: string;
 };
 //# sourceMappingURL=SelectMenu.d.ts.map