asheeui 0.6.10 → 0.6.13

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

@@ -1,161 +1,198 @@
 "use client";
-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 { jsx as l, jsxs as A, Fragment as Z } from "react/jsx-runtime";
+import { FloatingFocusManager as u, FloatingPortal as m } from "@floating-ui/react";
+import { useState as p, useEffect as g, useMemo as C, memo as P } from "react";
+import { CheckIcon as tt } from "../../icons/CheckIcon.js";
+import { SearchIcon as et } from "../../icons/SearchIcon.js";
+import { useAsheeConfig as lt } from "../../libs/context.js";
+import { resolveCascade as a, resolveRadiusKey as ot } from "../../utils/resolve-token.js";
+import { Button as rt } from "../button/Button.js";
+import { Input as at } 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: A,
-  floatingStyles: F,
-  getFloatingProps: L,
-  setFloatingRef: M,
-  options: v = [],
-  selectedValues: E = [],
-  onSelectMenuOption: Q,
-  isSearch: y = !0,
-  searchPlaceholder: T = "Search...",
-  searchInputName: j = "select-menu-search",
-  searchQuery: K,
-  onSearchChange: b,
-  belowList: h,
-  menuConfig: l,
+import { cn as dt } from "../../utils/cn.js";
+const ct = P(function({
+  filteredOptions: v,
+  selectedValues: w,
+  onSelectMenuOption: x,
+  renderOption: b,
+  itemVariant: I,
+  itemColor: i,
+  activeItemVariant: f,
+  activeItemColor: N,
+  radius: s,
+  size: S
+}) {
+  const V = (o) => w.includes(o);
+  return v.length === 0 ? /* @__PURE__ */ l("div", { className: "px-3 py-4 text-xs text-foreground/70 text-center", children: "No options found" }) : /* @__PURE__ */ l(Z, { children: v.map((o) => {
+    const c = V(o.value);
+    return b ? b(o, c) : /* @__PURE__ */ A(
+      rt,
+      {
+        variant: c ? f : I,
+        color: c ? N : i,
+        radius: s,
+        size: S,
+        isDisabled: o.disabled,
+        onClick: () => x(o),
+        className: "w-full justify-between font-normal text-left transition-colors truncate",
+        children: [
+          /* @__PURE__ */ l("span", { children: o.label }),
+          c && /* @__PURE__ */ l(tt, { className: "w-3.5 h-3.5 shrink-0 ml-2" })
+        ]
+      },
+      String(o.value)
+    );
+  }) });
+}), it = ({
+  isOpen: y,
+  floatingStyles: v,
+  context: w,
+  getFloatingProps: x,
+  setFloatingRef: b,
+  isPositioned: I = !0,
+  options: i = [],
+  selectedValues: f = [],
+  onSelectMenuOption: N,
+  isSearch: s = !0,
+  searchPlaceholder: S = "Search...",
+  searchInputName: V = "select-menu-search",
+  searchQuery: o,
+  onSearchChange: c,
+  belowList: k,
+  menuConfig: e,
   menuProps: t = {},
-  renderOption: x,
-  initialFocus: R,
-  returnFocus: _
+  renderOption: E,
+  initialFocus: Q,
+  returnFocus: R
 }) => {
-  const c = p(), [B, D] = Y(""), i = K ?? B, G = (e) => {
-    b ? b(e) : D(e);
-  }, w = r(
+  const h = lt(), [j, K] = p(""), n = o ?? j, _ = (r) => {
+    c ? c(r) : K(r);
+  }, z = a(
     t == null ? void 0 : t.lockScroll,
-    l == null ? void 0 : l.lockScroll,
+    e == null ? void 0 : e.lockScroll,
     void 0,
     d.lockScroll
-  ), O = r(
+  ), B = a(
     t == null ? void 0 : t.portal,
-    l == null ? void 0 : l.portal,
+    e == null ? void 0 : e.portal,
     void 0,
     d.portal
-  ), I = r(
+  ), O = a(
     t == null ? void 0 : t.portalTarget,
-    l == null ? void 0 : l.portalTarget,
+    e == null ? void 0 : e.portalTarget,
     void 0,
     typeof document < "u" ? document.body : null
   );
-  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 = e, document.body.style.position = o, document.body.style.width = J;
+  g(() => {
+    if (!y || !z) return;
+    const r = window.scrollY, W = document.body.style.position, $ = document.body.style.top, q = document.body.style.left, H = document.body.style.right, J = document.body.style.width, X = document.body.style.overflow;
+    return document.body.style.position = "fixed", document.body.style.top = `-${r}px`, document.body.style.left = "0", document.body.style.right = "0", document.body.style.width = "100%", document.body.style.overflow = "hidden", () => {
+      document.body.style.position = W, document.body.style.top = $, document.body.style.left = q, document.body.style.right = H, document.body.style.width = J, document.body.style.overflow = X, window.scrollTo(0, r);
     };
-  }, [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(
+  }, [y, z]);
+  const Y = C(() => !s || !n.trim() ? i : i.filter(
+    (r) => r.label.toLowerCase().includes(n.toLowerCase())
+  ), [i, s, n]), D = a(
     t == null ? void 0 : t.itemVariant,
-    l == null ? void 0 : l.itemVariant,
+    e == null ? void 0 : e.itemVariant,
     void 0,
     d.itemVariant
-  ), S = r(
+  ), L = a(
     t == null ? void 0 : t.itemColor,
-    l == null ? void 0 : l.itemColor,
-    c.defaultColor,
+    e == null ? void 0 : e.itemColor,
+    h.defaultColor,
     d.itemColor
-  ), q = r(
+  ), G = a(
     t == null ? void 0 : t.activeItemVariant,
-    l == null ? void 0 : l.activeItemVariant,
-    c.defaultVariant,
+    e == null ? void 0 : e.activeItemVariant,
+    h.defaultVariant,
     d.activeItemVariant
-  ), H = r(
+  ), U = a(
     t == null ? void 0 : t.activeItemColor,
-    l == null ? void 0 : l.activeItemColor,
-    c.defaultColor,
+    e == null ? void 0 : e.activeItemColor,
+    h.defaultColor,
     d.activeItemColor
-  ), f = C(
+  ), F = ot(
     t == null ? void 0 : t.radius,
-    l == null ? void 0 : l.radius,
-    c.defaultRadius,
+    e == null ? void 0 : e.radius,
+    h.defaultRadius,
     d.radius
-  ), k = r(
+  ), M = a(
     t == null ? void 0 : t.size,
-    l == null ? void 0 : l.size,
+    e == null ? void 0 : e.size,
     void 0,
     d.size
   );
-  if (!s) return null;
-  const z = /* @__PURE__ */ a(
-    X,
+  if (!y) return null;
+  const T = /* @__PURE__ */ l(
+    u,
     {
-      context: A,
+      context: w,
       modal: !1,
-      initialFocus: R,
-      returnFocus: _,
-      children: /* @__PURE__ */ V(
+      initialFocus: Q,
+      returnFocus: R,
+      children: /* @__PURE__ */ A(
         "div",
         {
-          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",
+          ref: b,
+          style: { ...v },
+          className: dt(
+            "z-30 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",
+            // Explicitly disable transitions on the floating element. Floating UI
+            // positions this node via a `transform` written on every scroll tick
+            // (through floatingStyles). If any transition — global, inherited, or
+            // otherwise — applies to `transform` on this element, the browser eases
+            // toward each new position instead of snapping to it, which compounds
+            // under rapid scroll ticks into a visible spring/bounce effect that
+            // worsens with scroll speed. transition-none guarantees position
+            // updates apply instantly.
+            "transition-none",
+            I ? "animate-in fade-in-0 zoom-in-95 slide-in-from-top-1 duration-150 ease-out" : "invisible opacity-0 pointer-events-none",
             t == null ? void 0 : t.className
           ),
-          ...L(),
+          ...x(),
           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,
+            s && /* @__PURE__ */ l("div", { className: "w-full p-1 mb-1 sticky top-0 z-10 border-b border-border", children: /* @__PURE__ */ l(
+              at,
               {
-                name: j,
+                name: V,
                 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,
+                radius: F,
+                color: L,
+                size: M,
+                value: n,
+                onChange: (r) => _(r.target.value),
+                startContent: /* @__PURE__ */ l(et, { className: "w-3.5 h-3.5 text-foreground/70" }),
+                placeholder: S,
                 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 })
+            /* @__PURE__ */ l(
+              ct,
+              {
+                filteredOptions: Y,
+                selectedValues: f,
+                onSelectMenuOption: N,
+                renderOption: E,
+                itemVariant: D,
+                itemColor: L,
+                activeItemVariant: G,
+                activeItemColor: U,
+                radius: F,
+                size: M
+              }
+            ),
+            k && /* @__PURE__ */ l("div", { className: "border-t border-border pt-1 mt-1", children: k })
           ]
         }
       )
     }
   );
-  return O && I ? n(z, I) : z;
+  return B ? /* @__PURE__ */ l(m, { root: O, children: T }) : T;
 };
-lt.displayName = "SelectMenu";
+it.displayName = "SelectMenu";
 export {
-  lt as SelectMenu
+  it as SelectMenu
 };

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

@@ -74,18 +74,22 @@ export interface MenuConfig {
     activeItemColor?: Color;
     /**
      * Whether to lock body scroll when the dropdown is open.
-     * When true, the page behind the dropdown cannot scroll.
-     * This prevents the page from scrolling while interacting with the dropdown.
+     * When true, the page behind the dropdown cannot scroll, using
+     * scroll-position-compensated `position: fixed` on `<body>` so the
+     * page doesn't jump. This prevents the page from scrolling while
+     * interacting with the dropdown.
      *
-     * @default false
+     * @default true
      */
     lockScroll?: boolean;
     /**
-     * Whether to render the menu in a React portal.
+     * Whether to render the menu through Floating UI's `FloatingPortal`.
      * When true, the menu is rendered at the document body level.
      * Defaults to true. This is typically controlled by the parent
      * component (Select, MultiSelect, Autocomplete) via their own
      * config or props.
+     *
+     * @see FloatingPortal - https://floating-ui.com/docs/FloatingPortal
      */
     portal?: boolean;
     /**

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,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"}
+{"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;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAED;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;YACtB,MAAM;UACR,IAAI;iBACM,OAAO;eACP,KAAK;uBACC,OAAO;qBACP,KAAK;;;CAGpC,CAAC"}

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

@@ -6,7 +6,7 @@ const t = {
   itemColor: "primary",
   activeItemVariant: "faded",
   activeItemColor: "primary",
-  lockScroll: !1,
+  lockScroll: !0,
   portal: !0
 };
 export {

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

@@ -1,7 +1,8 @@
-import { Placement, UseFloatingReturn } from '@floating-ui/react';
+import { UseInteractionsReturn, Placement, useFloating } from '@floating-ui/react';
 /**
  * Configuration options for the useSelectFloating hook.
- * Controls the floating element's behavior, positioning, and size.
+ * Controls the floating element's behavior, positioning, size, and
+ * interaction wiring (click-to-open, dismiss, and ARIA role).
  */
 export interface UseSelectFloatingProps {
     /**
@@ -16,7 +17,8 @@ export interface UseSelectFloatingProps {
     onOpenChange: (open: boolean) => void;
     /**
      * Whether the floating element is disabled.
-     * When true, the floating element does not open.
+     * When true, the floating element does not open and click interaction
+     * is disabled.
      *
      * @default false
      */
@@ -48,15 +50,39 @@ export interface UseSelectFloatingProps {
      * @default true
      */
     matchReferenceWidth?: boolean;
+    /**
+     * ARIA role applied to the floating element via useRole.
+     * "listbox" fits Select/MultiSelect/Autocomplete; a component like
+     * DatePicker reusing this hook can pass "dialog" instead.
+     *
+     * @default "listbox"
+     */
+    role?: "listbox" | "menu" | "dialog" | "tooltip" | "grid" | "tree";
+}
+/**
+ * Return value of useSelectFloating. Combines Floating UI's positioning
+ * context with the resolved interaction prop-getters, so consumers don't
+ * need to wire useClick/useDismiss/useRole/useInteractions themselves.
+ */
+export interface UseSelectFloatingReturn<T extends HTMLElement> {
+    refs: ReturnType<typeof useFloating<T>>["refs"];
+    context: ReturnType<typeof useFloating<T>>["context"];
+    floatingStyles: React.CSSProperties;
+    isPositioned: boolean;
+    getReferenceProps: UseInteractionsReturn["getReferenceProps"];
+    getFloatingProps: UseInteractionsReturn["getFloatingProps"];
 }
 /**
- * Shared Floating UI positioning hook for dropdowns and menus.
- * Generic `T` allows passing `HTMLButtonElement`, `HTMLInputElement`, etc.
+ * Shared Floating UI positioning and interaction hook for dropdowns and
+ * menus. Generic `T` allows passing `HTMLButtonElement`, `HTMLInputElement`,
+ * etc.
  *
  * This hook configures Floating UI with sensible defaults for dropdown
- * components. It handles automatic position updates, viewport edge detection
- * via flip and shift middleware, and optional width matching of the
- * reference element.
+ * components: viewport edge detection via flip and shift middleware,
+ * optional width matching of the reference element, and the standard
+ * click-to-open / dismiss / ARIA role interaction set via useInteractions.
+ * Consumers get back ready-to-spread `getReferenceProps`/`getFloatingProps`
+ * instead of wiring useClick/useDismiss/useRole themselves.
  *
  * @param props - Configuration options for the floating element.
  * @param props.isOpen - Whether the floating element is open.
@@ -66,21 +92,24 @@ export interface UseSelectFloatingProps {
  * @param props.offsetDistance - Distance from reference in pixels. Defaults to 4.
  * @param props.padding - Viewport padding for shift middleware. Defaults to 8.
  * @param props.matchReferenceWidth - Whether to match reference width. Defaults to true.
- * @returns The Floating UI context including refs, styles, and middleware.
+ * @param props.role - ARIA role for the floating element. Defaults to "listbox".
+ * @returns Floating UI refs/context/styles plus `isPositioned` and the
+ * resolved `getReferenceProps`/`getFloatingProps` prop-getters.
  *
  * @example
  * ```tsx
- * const { refs, floatingStyles, context } = useSelectFloating({
- *   isOpen,
- *   onOpenChange: setIsOpen,
- *   disabled: props.disabled,
- * });
+ * const { refs, context, floatingStyles, getReferenceProps, getFloatingProps } =
+ *   useSelectFloating({
+ *     isOpen,
+ *     onOpenChange: setIsOpen,
+ *     disabled: props.disabled,
+ *   });
  *
  * return (
  *   <>
- *     <button ref={refs.setReference}>Toggle</button>
+ *     <button ref={refs.setReference} {...getReferenceProps()}>Toggle</button>
  *     {isOpen && (
- *       <div ref={refs.setFloating} style={floatingStyles}>
+ *       <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>
  *         Content
  *       </div>
  *     )}
@@ -91,5 +120,5 @@ export interface UseSelectFloatingProps {
  * @see useFloating - The underlying Floating UI hook.
  * @see Select - The select component that uses this hook.
  */
-export declare function useSelectFloating<T extends HTMLElement = HTMLElement>({ isOpen, onOpenChange, disabled, placement, offsetDistance, padding, matchReferenceWidth, }: UseSelectFloatingProps): UseFloatingReturn<T>;
+export declare function useSelectFloating<T extends HTMLElement = HTMLElement>({ isOpen, onOpenChange, disabled, placement, offsetDistance, padding, matchReferenceWidth, role, }: UseSelectFloatingProps): UseSelectFloatingReturn<T>;
 //# sourceMappingURL=use-select-floating.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-select-floating.d.ts","sourceRoot":"","sources":["../../../src/components/select-menu/use-select-floating.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAKL,KAAK,SAAS,EAEd,KAAK,iBAAiB,EAEvB,MAAM,oBAAoB,CAAC;AAE5B;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACrE,MAAM,EACN,YAAY,EACZ,QAAgB,EAChB,SAA0B,EAC1B,cAAkB,EAClB,OAAW,EACX,mBAA0B,GAC3B,EAAE,sBAAsB,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAsB/C"}
+{"version":3,"file":"use-select-floating.d.ts","sourceRoot":"","sources":["../../../src/components/select-menu/use-select-floating.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAIL,KAAK,SAAS,EAKd,WAAW,EAGZ,MAAM,oBAAoB,CAAC;AAE5B;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;CACpE;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,WAAW;IAC5D,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACtD,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAC9D,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACrE,MAAM,EACN,YAAY,EACZ,QAAgB,EAChB,SAA0B,EAC1B,cAAkB,EAClB,OAAW,EACX,mBAA0B,EAC1B,IAAgB,GACjB,EAAE,sBAAsB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CA2CrD"}

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

@@ -1,36 +1,50 @@
 "use client";
-import { useFloating as r, autoUpdate as f, offset as u, flip as g, shift as d, size as c } from "@floating-ui/react";
-function m({
-  isOpen: i,
-  onOpenChange: n,
+import { useFloating as h, autoUpdate as y, offset as w, flip as P, shift as b, size as C, useClick as F, useDismiss as R, useRole as S, useInteractions as k } from "@floating-ui/react";
+function O({
+  isOpen: n,
+  onOpenChange: l,
   disabled: o = !1,
   placement: a = "bottom-start",
-  offsetDistance: l = 4,
-  padding: s = 8,
-  matchReferenceWidth: p = !0
+  offsetDistance: c = 4,
+  padding: r = 8,
+  matchReferenceWidth: f = !0,
+  role: g = "listbox"
 }) {
-  return r({
-    open: i,
-    onOpenChange: (e) => !o && n(e),
+  const e = h({
+    open: n,
+    onOpenChange: (s) => !o && l(s),
     placement: a,
-    whileElementsMounted: f,
+    strategy: "fixed",
+    whileElementsMounted: y,
     middleware: [
-      u(l),
-      g(),
-      d({ padding: s }),
-      c({
-        apply({ availableHeight: e, elements: t }) {
-          Object.assign(t.floating.style, {
-            maxHeight: `${e}px`,
-            ...p && {
-              width: `${t.reference.getBoundingClientRect().width}px`
+      w(c),
+      P(),
+      b({ padding: r }),
+      C({
+        apply({ availableHeight: s, elements: i }) {
+          Object.assign(i.floating.style, {
+            maxHeight: `${s}px`,
+            ...f && {
+              width: `${i.reference.getBoundingClientRect().width}px`
             }
           });
         }
       })
     ]
-  });
+  }), { context: t } = e, u = F(t, { enabled: !o }), p = R(t), d = S(t, { role: g }), { getReferenceProps: m, getFloatingProps: x } = k([
+    u,
+    p,
+    d
+  ]);
+  return {
+    refs: e.refs,
+    context: t,
+    floatingStyles: e.floatingStyles,
+    isPositioned: e.isPositioned,
+    getReferenceProps: m,
+    getFloatingProps: x
+  };
 }
 export {
-  m as useSelectFloating
+  O as useSelectFloating
 };