asheeui 0.6.12 → 0.6.13

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

@@ -1,189 +1,198 @@
 "use client";
-import { jsx as l, jsxs as Q, Fragment as J } from "react/jsx-runtime";
-import { FloatingFocusManager as X, FloatingPortal as Y } from "@floating-ui/react";
-import { useState as Z, useEffect as $, useMemo as u, memo as m } from "react";
-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 o, 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 c } from "./select-menu-config.js";
-import { cn as lt } from "../../utils/cn.js";
-const rt = m(function({
-  filteredOptions: y,
+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 dt } from "../../utils/cn.js";
+const ct = P(function({
+  filteredOptions: v,
   selectedValues: w,
-  onSelectMenuOption: I,
+  onSelectMenuOption: x,
   renderOption: b,
-  itemVariant: N,
+  itemVariant: I,
   itemColor: i,
-  activeItemVariant: S,
-  activeItemColor: V,
+  activeItemVariant: f,
+  activeItemColor: N,
   radius: s,
-  size: f
+  size: S
 }) {
-  const k = (r) => w.includes(r);
-  return y.length === 0 ? /* @__PURE__ */ l("div", { className: "px-3 py-4 text-xs text-foreground/70 text-center", children: "No options found" }) : /* @__PURE__ */ l(J, { children: y.map((r) => {
-    const d = k(r.value);
-    return b ? b(r, d) : /* @__PURE__ */ Q(
-      tt,
+  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: d ? S : N,
-        color: d ? V : i,
+        variant: c ? f : I,
+        color: c ? N : i,
         radius: s,
-        size: f,
-        isDisabled: r.disabled,
-        onClick: () => I(r),
+        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: r.label }),
-          d && /* @__PURE__ */ l(p, { className: "w-3.5 h-3.5 shrink-0 ml-2" })
+          /* @__PURE__ */ l("span", { children: o.label }),
+          c && /* @__PURE__ */ l(tt, { className: "w-3.5 h-3.5 shrink-0 ml-2" })
         ]
       },
-      String(r.value)
+      String(o.value)
     );
   }) });
-}), at = ({
-  isOpen: v,
-  context: y,
-  floatingStyles: w,
-  getFloatingProps: I,
+}), it = ({
+  isOpen: y,
+  floatingStyles: v,
+  context: w,
+  getFloatingProps: x,
   setFloatingRef: b,
-  isPositioned: N = !0,
+  isPositioned: I = !0,
   options: i = [],
-  selectedValues: S = [],
-  onSelectMenuOption: V,
+  selectedValues: f = [],
+  onSelectMenuOption: N,
   isSearch: s = !0,
-  searchPlaceholder: f = "Search...",
-  searchInputName: k = "select-menu-search",
-  searchQuery: r,
-  onSearchChange: d,
-  belowList: z,
+  searchPlaceholder: S = "Search...",
+  searchInputName: V = "select-menu-search",
+  searchQuery: o,
+  onSearchChange: c,
+  belowList: k,
   menuConfig: e,
   menuProps: t = {},
-  renderOption: T,
-  initialFocus: j,
-  returnFocus: K
+  renderOption: E,
+  initialFocus: Q,
+  returnFocus: R
 }) => {
-  const h = g(), [R, _] = Z(""), x = r ?? R, n = (a) => {
-    d ? d(a) : _(a);
-  }, F = o(
+  const h = lt(), [j, K] = p(""), n = o ?? j, _ = (r) => {
+    c ? c(r) : K(r);
+  }, z = a(
     t == null ? void 0 : t.lockScroll,
     e == null ? void 0 : e.lockScroll,
     void 0,
-    c.lockScroll
-  ), B = o(
+    d.lockScroll
+  ), B = a(
     t == null ? void 0 : t.portal,
     e == null ? void 0 : e.portal,
     void 0,
-    c.portal
-  ), O = o(
+    d.portal
+  ), O = a(
     t == null ? void 0 : t.portalTarget,
     e == null ? void 0 : e.portalTarget,
     void 0,
     typeof document < "u" ? document.body : null
   );
-  $(() => {
-    if (!v || !F) return;
-    const a = document.body.style.overflow, q = document.body.style.position, H = document.body.style.width;
-    return document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.width = "100%", () => {
-      document.body.style.overflow = a, document.body.style.position = q, document.body.style.width = H;
+  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);
     };
-  }, [v, F]);
-  const D = u(() => !s || !x.trim() ? i : i.filter(
-    (a) => a.label.toLowerCase().includes(x.toLowerCase())
-  ), [i, s, x]), G = o(
+  }, [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,
     e == null ? void 0 : e.itemVariant,
     void 0,
-    c.itemVariant
-  ), L = o(
+    d.itemVariant
+  ), L = a(
     t == null ? void 0 : t.itemColor,
     e == null ? void 0 : e.itemColor,
     h.defaultColor,
-    c.itemColor
-  ), U = o(
+    d.itemColor
+  ), G = a(
     t == null ? void 0 : t.activeItemVariant,
     e == null ? void 0 : e.activeItemVariant,
     h.defaultVariant,
-    c.activeItemVariant
-  ), W = o(
+    d.activeItemVariant
+  ), U = a(
     t == null ? void 0 : t.activeItemColor,
     e == null ? void 0 : e.activeItemColor,
     h.defaultColor,
-    c.activeItemColor
-  ), M = P(
+    d.activeItemColor
+  ), F = ot(
     t == null ? void 0 : t.radius,
     e == null ? void 0 : e.radius,
     h.defaultRadius,
-    c.radius
-  ), A = o(
+    d.radius
+  ), M = a(
     t == null ? void 0 : t.size,
     e == null ? void 0 : e.size,
     void 0,
-    c.size
+    d.size
   );
-  if (!v) return null;
-  const E = /* @__PURE__ */ l(
-    X,
+  if (!y) return null;
+  const T = /* @__PURE__ */ l(
+    u,
     {
-      context: y,
+      context: w,
       modal: !1,
-      initialFocus: j,
-      returnFocus: K,
-      children: /* @__PURE__ */ Q(
+      initialFocus: Q,
+      returnFocus: R,
+      children: /* @__PURE__ */ A(
         "div",
         {
           ref: b,
-          style: { ...w },
-          className: lt(
+          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",
-            N ? "animate-in fade-in-0 zoom-in-95 slide-in-from-top-1 duration-150 ease-out" : "invisible opacity-0 pointer-events-none",
+            // 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
           ),
-          ...I(),
+          ...x(),
           children: [
             s && /* @__PURE__ */ l("div", { className: "w-full p-1 mb-1 sticky top-0 z-10 border-b border-border", children: /* @__PURE__ */ l(
-              et,
+              at,
               {
-                name: k,
+                name: V,
                 type: "text",
                 variant: "bordered",
-                radius: M,
+                radius: F,
                 color: L,
-                size: A,
-                value: x,
-                onChange: (a) => n(a.target.value),
-                startContent: /* @__PURE__ */ l(C, { className: "w-3.5 h-3.5 text-foreground/70" }),
-                placeholder: f,
+                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"
               }
             ) }),
             /* @__PURE__ */ l(
-              rt,
+              ct,
               {
-                filteredOptions: D,
-                selectedValues: S,
-                onSelectMenuOption: V,
-                renderOption: T,
-                itemVariant: G,
+                filteredOptions: Y,
+                selectedValues: f,
+                onSelectMenuOption: N,
+                renderOption: E,
+                itemVariant: D,
                 itemColor: L,
-                activeItemVariant: U,
-                activeItemColor: W,
-                radius: M,
-                size: A
+                activeItemVariant: G,
+                activeItemColor: U,
+                radius: F,
+                size: M
               }
             ),
-            z && /* @__PURE__ */ l("div", { className: "border-t border-border pt-1 mt-1", children: z })
+            k && /* @__PURE__ */ l("div", { className: "border-t border-border pt-1 mt-1", children: k })
           ]
         }
       )
     }
   );
-  return B ? /* @__PURE__ */ l(Y, { root: O, children: E }) : E;
+  return B ? /* @__PURE__ */ l(m, { root: O, children: T }) : T;
 };
-at.displayName = "SelectMenu";
+it.displayName = "SelectMenu";
 export {
-  at 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,17 +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. Positioning uses `strategy: "fixed"` with Floating
- * UI's event-driven `autoUpdate` tracking so portaled menus stay aligned
- * while the page scrolls without paying per-frame re-render cost.
+ * 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.
@@ -68,22 +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, middleware, and
- * the `isPositioned` flag for gating initial-render visibility.
+ * @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>
  *     )}
@@ -94,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;;;;;;;;;GASG;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;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,CA6B/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,43 +1,50 @@
 "use client";
-import { useFloating as f, autoUpdate as p, offset as g, flip as u, 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: r = !0
+  offsetDistance: c = 4,
+  padding: r = 8,
+  matchReferenceWidth: f = !0,
+  role: g = "listbox"
 }) {
-  return f({
-    open: i,
-    onOpenChange: (e) => !o && n(e),
+  const e = h({
+    open: n,
+    onOpenChange: (s) => !o && l(s),
     placement: a,
     strategy: "fixed",
-    // Event-driven tracking (ancestorScroll + ancestorResize, both on by
-    // default) is sufficient to keep a fixed-strategy floating element
-    // aligned during scroll, and far cheaper than polling every animation
-    // frame. animationFrame:true doesn't fix scroll lag on its own — the
-    // actual cost was re-rendering the option list on every tick; see
-    // SelectMenuOptionsList in SelectMenu.tsx.
-    whileElementsMounted: p,
+    whileElementsMounted: y,
     middleware: [
-      g(l),
-      u(),
-      d({ padding: s }),
-      c({
-        apply({ availableHeight: e, elements: t }) {
-          Object.assign(t.floating.style, {
-            maxHeight: `${e}px`,
-            ...r && {
-              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
 };

package/dist/theme/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/theme/controller.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAa/C;;GAEG;AACH,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,YAAY,EAAE,cAAc,CAAC;IAE7B;;;;OAIG;IACH,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,cAAM,eAAe;IACnB;;;OAGG;IACH,OAAO,CAAC,SAAS,CAA2B;IAE5C;;;OAGG;IACH,OAAO,CAAC,QAAQ,CAAsB;IAEtC;;;OAGG;IACH,OAAO,CAAC,YAAY,CAA2B;IAE/C;;;OAGG;IACH,OAAO,CAAC,eAAe,CAAyB;IAEhD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAuB;IAExC;;;OAGG;IACH,OAAO,CAAC,UAAU,CAA+B;;IASjD;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,gBAAgB,GAAG,IAAI;IAwC3D;;;;;;OAMG;IACH,UAAU,UAAW,cAAc,KAAG,IAAI,CAExC;IAEF;;;OAGG;IACH,YAAY,QAAO,cAAc,CAAmB;IAEpD;;;;;OAKG;IACH,gBAAgB,QAAO,SAAS,CAAkB;IAElD;;;;OAIG;IACH,QAAQ,cAAe,cAAc,KAAG,IAAI,CAS1C;IAEF;;;;;OAKG;IACH,SAAS,aAAc,QAAQ,KAAG,CAAC,MAAM,IAAI,CAAC,CAG5C;IAEF;;;OAGG;IACH,kBAAkB,QAAO,SAAS,MAAM,EAAE,CAAyB;IAEnE;;;;;OAKG;IACH,WAAW,QAAO,IAAI,CAWpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,kBAAkB,CAMxB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAKhB;;;;;;;OAOG;IACH,OAAO,CAAC,OAAO;IAOf;;;;;OAKG;IACH,OAAO,CAAC,OAAO;IAKf;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;CA+BvB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,iBAAwB,CAAC"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/theme/controller.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAa/C;;GAEG;AACH,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,YAAY,EAAE,cAAc,CAAC;IAE7B;;;;OAIG;IACH,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,cAAM,eAAe;IACnB;;;OAGG;IACH,OAAO,CAAC,SAAS,CAA2B;IAE5C;;;OAGG;IACH,OAAO,CAAC,QAAQ,CAAsB;IAEtC;;;OAGG;IACH,OAAO,CAAC,YAAY,CAA2B;IAE/C;;;OAGG;IACH,OAAO,CAAC,eAAe,CAAyB;IAEhD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAuB;IAExC;;;OAGG;IACH,OAAO,CAAC,UAAU,CAA+B;;IASjD;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,gBAAgB,GAAG,IAAI;IAkC3D;;;;;;OAMG;IACH,UAAU,UAAW,cAAc,KAAG,IAAI,CAExC;IAEF;;;OAGG;IACH,YAAY,QAAO,cAAc,CAAmB;IAEpD;;;;;OAKG;IACH,gBAAgB,QAAO,SAAS,CAAkB;IAElD;;;;OAIG;IACH,QAAQ,cAAe,cAAc,KAAG,IAAI,CAS1C;IAEF;;;;;OAKG;IACH,SAAS,aAAc,QAAQ,KAAG,CAAC,MAAM,IAAI,CAAC,CAG5C;IAEF;;;OAGG;IACH,kBAAkB,QAAO,SAAS,MAAM,EAAE,CAAyB;IAEnE;;;;;OAKG;IACH,WAAW,QAAO,IAAI,CAWpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,kBAAkB,CAMxB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAKhB;;;;;;;OAOG;IACH,OAAO,CAAC,OAAO;IAOf;;;;;OAKG;IACH,OAAO,CAAC,OAAO;IAKf;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;CA+BvB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,iBAAwB,CAAC"}

package/dist/theme/controller.js

@@ -1,8 +1,8 @@
 "use client";
 var r = Object.defineProperty;
-var c = (n, e, t) => e in n ? r(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var s = (n, e, t) => c(n, typeof e != "symbol" ? e + "" : e, t);
-const a = "ashee-theme", d = "(prefers-color-scheme: dark)", h = "theme-";
+var d = (n, e, t) => e in n ? r(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var s = (n, e, t) => d(n, typeof e != "symbol" ? e + "" : e, t);
+const o = "ashee-theme", c = "(prefers-color-scheme: dark)", h = "theme-";
 class m {
   constructor() {
     /**
@@ -63,7 +63,7 @@ class m {
      */
     s(this, "setTheme", (e) => {
       const t = this.sanitize(e);
-      this.selection = t, typeof window < "u" && window.localStorage.setItem(a, t), this.applySelection(), this.listeners.forEach((i) => {
+      this.selection = t, typeof window < "u" && window.localStorage.setItem(o, t), this.applySelection(), this.listeners.forEach((i) => {
         i();
       });
     });
@@ -101,7 +101,7 @@ class m {
         e();
       }));
     });
-    typeof window > "u" || (this.mediaQuery = window.matchMedia(d), this.mediaQuery.addEventListener("change", this.handleSystemChange));
+    typeof window > "u" || (this.mediaQuery = window.matchMedia(c), this.mediaQuery.addEventListener("change", this.handleSystemChange));
   }
   /**
    * Seeds the controller with the resolved theme config and applies the theme.
@@ -112,20 +112,18 @@ class m {
    * - Never writes to storage (only `setTheme` persists user intent).
    */
   configure({ defaultTheme: e, themes: t }) {
-    if (console.log("[Theme] configure called with:", { defaultTheme: e, themes: t }), this.defaultTheme = e, this.availableThemes = t, typeof window > "u") {
+    if (this.defaultTheme = e, this.availableThemes = t, typeof window > "u") {
       console.log(
         "[Theme] Running in non-browser environment, skipping localStorage operations."
       );
       return;
     }
-    const i = window.localStorage.getItem(a);
-    console.log("[Theme] Retrieved from localStorage:", i);
-    const l = i !== null && this.isValid(i);
-    console.log("[Theme] Is stored theme valid?", l), l || i !== null && (console.log(
+    const i = window.localStorage.getItem(o), l = i !== null && this.isValid(i);
+    l || i !== null && (console.log(
       "[Theme] Invalid stored theme, removing from localStorage."
-    ), window.localStorage.removeItem(a)), this.selection = l ? i : e, console.log("[Theme] Final selection:", this.selection), this.applySelection(), console.log("[Theme] Applied selection."), this.listeners.forEach((o) => {
-      o();
-    }), console.log("[Theme] Notified all listeners.");
+    ), window.localStorage.removeItem(o)), this.selection = l ? i : e, this.applySelection(), this.listeners.forEach((a) => {
+      a();
+    });
   }
   /**
    * Validates a theme selection and returns a valid fallback if necessary.
@@ -169,13 +167,13 @@ class m {
     let t = this.resolve(e);
     if (this.availableThemes.length > 0 && !this.availableThemes.includes(t) && (t = this.availableThemes.includes(this.defaultTheme) ? this.defaultTheme : this.availableThemes[0]), this.resolved = t, typeof document > "u") return;
     const i = document.documentElement, l = `${h}${t}`;
-    for (const o of Array.from(i.classList))
-      o.startsWith(h) && i.classList.remove(o);
+    for (const a of Array.from(i.classList))
+      a.startsWith(h) && i.classList.remove(a);
     i.classList.add(l);
   }
 }
 const f = new m();
 export {
-  a as THEME_STORAGE_KEY,
+  o as THEME_STORAGE_KEY,
   f as themeController
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asheeui",
-  "version": "0.6.12",
+  "version": "0.6.13",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",