asheeui 0.6.10 → 0.6.12

package/dist/components/select/Select.d.ts

@@ -104,11 +104,11 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
  * label, description, and message handling, and uses Floating UI for
  * positioning and accessibility.
  *
- * By default, the dropdown 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
- * `menu.portal` prop or `components.select.menu.portal` in the config if the
- * menu needs to stay within a specific parent container.
+ * By default, the dropdown menu uses Floating UI's FloatingPortal to render
+ * at the document body level. This ensures the menu escapes CSS containment,
+ * overflow clipping, and stacking context issues. The portal can be disabled
+ * via the `menu.portal` prop or `components.select.menu.portal` in the config
+ * if the menu needs to stay within a specific parent container.
  *
  * @param props - Select configuration options.
  * @param props.options - Available options to select from.

package/dist/components/select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK5E;;;GAGG;AACH,KAAK,gBAAgB,GAAG,IAAI,CAC1B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,MAAM,2GAyPlB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK5E;;;GAGG;AACH,KAAK,gBAAgB,GAAG,IAAI,CAC1B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,MAAM,2GA0PlB,CAAC"}

package/dist/components/select/Select.js

@@ -1,36 +1,36 @@
 "use client";
-import { jsx as l, jsxs as g, Fragment as pe } from "react/jsx-runtime";
-import { useClick as ve, useDismiss as Se, useRole as be, useInteractions as ye } from "@floating-ui/react";
-import { forwardRef as he, useId as xe, useState as k, useMemo as h, useCallback as Re } from "react";
-import { ChevronDownIcon as Ae } from "../../icons/ChevronDownIcon.js";
-import { useAsheeConfig as Ie } from "../../libs/context.js";
-import { resolveCascade as p, resolveRadiusKey as Fe } from "../../utils/resolve-token.js";
-import { Button as Ke } from "../button/Button.js";
-import { FieldShell as Le } from "../field/FieldShell.js";
-import { SelectMenu as Ne } from "../select-menu/SelectMenu.js";
+import { jsx as l, jsxs as g, Fragment as ve } from "react/jsx-runtime";
+import { useClick as Se, useDismiss as be, useRole as ye, useInteractions as he } from "@floating-ui/react";
+import { forwardRef as xe, useId as Re, useState as k, useMemo as h, useCallback as Ae } from "react";
+import { ChevronDownIcon as Ie } from "../../icons/ChevronDownIcon.js";
+import { useAsheeConfig as Fe } from "../../libs/context.js";
+import { resolveCascade as p, resolveRadiusKey as Ke } from "../../utils/resolve-token.js";
+import { Button as Le } from "../button/Button.js";
+import { FieldShell as Ne } from "../field/FieldShell.js";
+import { SelectMenu as Oe } from "../select-menu/SelectMenu.js";
 import { FALLBACK_SELECT_CONFIG as o } from "./select-config.js";
-import { SELECT_STATUS_BORDER_CLASS as Oe } from "./select-styles.js";
-import { useSelectFloating as ge } from "../select-menu/use-select-floating.js";
+import { SELECT_STATUS_BORDER_CLASS as ge } from "./select-styles.js";
+import { useSelectFloating as ke } from "../select-menu/use-select-floating.js";
 import { cn as x } from "../../utils/cn.js";
-const ke = he(
+const Ee = xe(
   ({
     options: v = [],
     value: r,
     onChange: S,
     onValueChange: a,
     size: E,
-    radius: _,
-    variant: j,
-    color: w,
-    status: z,
-    label: B,
-    labelAlign: D,
+    radius: P,
+    variant: _,
+    color: j,
+    status: w,
+    label: z,
+    labelAlign: B,
     description: b,
     message: R,
-    required: M,
+    required: D,
     isLoading: A,
     disabled: y,
-    isSearch: P = !1,
+    isSearch: M = !1,
     searchPlaceholder: T = "Search options...",
     searchInputName: $ = "select-search",
     initialValue: n,
@@ -45,73 +45,73 @@ const ke = he(
     endContent: J
   }, i) => {
     var O;
-    const c = Ie(), e = (O = c.components) == null ? void 0 : O.select, X = xe(), d = U ?? X, [u, K] = k(!1), [Y, L] = k(""), Z = p(
+    const c = Fe(), e = (O = c.components) == null ? void 0 : O.select, X = Re(), d = U ?? X, [u, K] = k(!1), [Y, L] = k(""), Z = p(
       E,
       e == null ? void 0 : e.size,
       void 0,
       o.size
     ), C = p(
-      j,
+      _,
       e == null ? void 0 : e.variant,
       c.defaultVariant,
       o.variant
     ), V = p(
-      w,
+      j,
       e == null ? void 0 : e.color,
       c.defaultColor,
       o.color
-    ), ee = Fe(
-      _,
+    ), ee = Ke(
+      P,
       e == null ? void 0 : e.radius,
       c.defaultRadius,
       o.radius
-    ), m = z ?? o.status, te = p(
-      D,
+    ), m = w ?? o.status, te = p(
+      B,
       e == null ? void 0 : e.labelAlign,
       void 0,
       o.labelAlign
-    ), re = m !== "default" ? Oe[m] : "", s = h(
+    ), re = m !== "default" ? ge[m] : "", s = h(
       () => v.find((t) => t.value === r),
       [v, r]
-    ), { refs: N, floatingStyles: se, context: f } = ge({
+    ), { refs: N, floatingStyles: se, context: f, isPositioned: oe } = ke({
       isOpen: u,
       onOpenChange: K,
       disabled: y
-    }), oe = ve(f, { enabled: !y }), le = Se(f), ae = be(f, { role: "listbox" }), { getReferenceProps: ne, getFloatingProps: ie } = ye([
-      oe,
+    }), le = Se(f, { enabled: !y }), ae = be(f), ne = ye(f, { role: "listbox" }), { getReferenceProps: ie, getFloatingProps: ce } = he([
       le,
-      ae
-    ]), ce = Re(
+      ae,
+      ne
+    ]), de = Ae(
       (t) => {
         if (a == null || a(t.value), S) {
-          const fe = {
+          const pe = {
             target: { value: t.value, name: F ?? "" }
           };
-          S(fe);
+          S(pe);
         }
         K(!1), L("");
       },
       [F, S, a]
-    ), de = h(() => s != null && s.label ? s.label : n !== void 0 ? String(n) : I, [s, n, I]), ue = h(
+    ), ue = h(() => s != null && s.label ? s.label : n !== void 0 ? String(n) : I, [s, n, I]), me = h(
       () => r != null ? [r] : [],
       [r]
-    ), me = ne();
+    ), fe = ie();
     return /* @__PURE__ */ l(
-      Le,
+      Ne,
       {
         id: d,
-        label: B,
+        label: z,
         labelAlign: te,
         description: b,
         descriptionId: b ? `${d}-description` : void 0,
         message: R,
         messageId: R ? `${d}-message` : void 0,
         status: m,
-        required: M,
+        required: D,
         isLoading: A,
         children: /* @__PURE__ */ g("div", { className: "w-full relative inline-block", children: [
           /* @__PURE__ */ l(
-            Ke,
+            Le,
             {
               ref: (t) => {
                 N.setReference(t), typeof i == "function" ? i(t) : i && (i.current = t);
@@ -136,10 +136,10 @@ const ke = he(
               ),
               style: q,
               startContent: H,
-              endContent: /* @__PURE__ */ g(pe, { children: [
+              endContent: /* @__PURE__ */ g(ve, { children: [
                 J,
                 /* @__PURE__ */ l(
-                  Ae,
+                  Ie,
                   {
                     className: x(
                       "shrink-0 text-foreground/70 transition-transform duration-200",
@@ -148,7 +148,7 @@ const ke = he(
                   }
                 )
               ] }),
-              ...me,
+              ...fe,
               children: /* @__PURE__ */ l(
                 "span",
                 {
@@ -156,23 +156,24 @@ const ke = he(
                     "truncate",
                     s || n ? "text-foreground" : "text-foreground/70"
                   ),
-                  children: de
+                  children: ue
                 }
               )
             }
           ),
           /* @__PURE__ */ l(
-            Ne,
+            Oe,
             {
               isOpen: u,
               context: f,
               floatingStyles: se,
-              getFloatingProps: ie,
+              getFloatingProps: ce,
               setFloatingRef: N.setFloating,
+              isPositioned: oe,
               options: v,
-              selectedValues: ue,
-              onSelectMenuOption: ce,
-              isSearch: P,
+              selectedValues: me,
+              onSelectMenuOption: de,
+              isSearch: M,
               searchPlaceholder: T,
               searchInputName: $,
               searchQuery: Y,
@@ -187,7 +188,7 @@ const ke = he(
     );
   }
 );
-ke.displayName = "Select";
+Ee.displayName = "Select";
 export {
-  ke as Select
+  Ee as Select
 };

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

@@ -35,6 +35,17 @@ export interface SelectMenuProps {
      * Ref setter for the floating element.
      */
     setFloatingRef: (node: HTMLElement | null) => void;
+    /**
+     * Whether the floating element has completed its first position update.
+     * When false, the menu stays in the DOM (so Floating UI can measure it)
+     * but is hidden (`invisible opacity-0 pointer-events-none`), preventing a
+     * visible flash at its initial (0, 0) coordinate. The enter animation
+     * classes are only applied once this is true so the reveal and animation
+     * start together.
+     *
+     * @default true
+     */
+    isPositioned?: boolean;
     /**
      * Available options to display in the menu.
      */
@@ -111,8 +122,8 @@ export interface SelectMenuProps {
  * supports custom option rendering, search filtering, and configurable
  * item styles through the cascade resolution system.
  *
- * By default, the menu uses React's createPortal to render at the document
- * body level. This ensures the menu escapes CSS containment, overflow
+ * By default, the menu uses Floating UI's FloatingPortal to render at the
+ * document body level. This ensures the menu escapes CSS containment, overflow
  * clipping, and stacking context issues. The portal can be disabled via
  * the `menuProps.portal` prop if the menu needs to stay within a specific
  * parent container. This is typically controlled by the parent component.
@@ -123,6 +134,7 @@ export interface SelectMenuProps {
  * @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.isPositioned - Whether the floating element has been positioned by Floating UI. Defaults to true.
  * @param props.options - Available options to display.
  * @param props.selectedValues - Currently selected values.
  * @param props.onSelectMenuOption - Callback fired when an option is selected.
@@ -179,7 +191,7 @@ export interface SelectMenuProps {
  * @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, menuConfig, menuProps, renderOption, initialFocus, returnFocus, }: SelectMenuProps): import("react").JSX.Element | null;
+    ({ isOpen, context, floatingStyles, getFloatingProps, setFloatingRef, isPositioned, 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,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"}
+{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../src/components/select-menu/SelectMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAGL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AASf,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;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;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;AAkFD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,eAAO,MAAM,UAAU;8RAqBpB,eAAe;;CAwMjB,CAAC"}

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

@@ -1,161 +1,189 @@
 "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 { 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 { 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,
+  selectedValues: w,
+  onSelectMenuOption: I,
+  renderOption: b,
+  itemVariant: N,
+  itemColor: i,
+  activeItemVariant: S,
+  activeItemColor: V,
+  radius: s,
+  size: f
+}) {
+  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,
+      {
+        variant: d ? S : N,
+        color: d ? V : i,
+        radius: s,
+        size: f,
+        isDisabled: r.disabled,
+        onClick: () => I(r),
+        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" })
+        ]
+      },
+      String(r.value)
+    );
+  }) });
+}), at = ({
+  isOpen: v,
+  context: y,
+  floatingStyles: w,
+  getFloatingProps: I,
+  setFloatingRef: b,
+  isPositioned: N = !0,
+  options: i = [],
+  selectedValues: S = [],
+  onSelectMenuOption: V,
+  isSearch: s = !0,
+  searchPlaceholder: f = "Search...",
+  searchInputName: k = "select-menu-search",
+  searchQuery: r,
+  onSearchChange: d,
+  belowList: z,
+  menuConfig: e,
   menuProps: t = {},
-  renderOption: x,
-  initialFocus: R,
-  returnFocus: _
+  renderOption: T,
+  initialFocus: j,
+  returnFocus: K
 }) => {
-  const c = p(), [B, D] = Y(""), i = K ?? B, G = (e) => {
-    b ? b(e) : D(e);
-  }, w = r(
+  const h = g(), [R, _] = Z(""), x = r ?? R, n = (a) => {
+    d ? d(a) : _(a);
+  }, F = o(
     t == null ? void 0 : t.lockScroll,
-    l == null ? void 0 : l.lockScroll,
+    e == null ? void 0 : e.lockScroll,
     void 0,
-    d.lockScroll
-  ), O = r(
+    c.lockScroll
+  ), B = o(
     t == null ? void 0 : t.portal,
-    l == null ? void 0 : l.portal,
+    e == null ? void 0 : e.portal,
     void 0,
-    d.portal
-  ), I = r(
+    c.portal
+  ), O = o(
     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;
+  $(() => {
+    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 = e, document.body.style.position = o, document.body.style.width = J;
+      document.body.style.overflow = a, document.body.style.position = q, document.body.style.width = H;
     };
-  }, [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(
+  }, [v, F]);
+  const D = u(() => !s || !x.trim() ? i : i.filter(
+    (a) => a.label.toLowerCase().includes(x.toLowerCase())
+  ), [i, s, x]), G = o(
     t == null ? void 0 : t.itemVariant,
-    l == null ? void 0 : l.itemVariant,
+    e == null ? void 0 : e.itemVariant,
     void 0,
-    d.itemVariant
-  ), S = r(
+    c.itemVariant
+  ), L = o(
     t == null ? void 0 : t.itemColor,
-    l == null ? void 0 : l.itemColor,
-    c.defaultColor,
-    d.itemColor
-  ), q = r(
+    e == null ? void 0 : e.itemColor,
+    h.defaultColor,
+    c.itemColor
+  ), U = o(
     t == null ? void 0 : t.activeItemVariant,
-    l == null ? void 0 : l.activeItemVariant,
-    c.defaultVariant,
-    d.activeItemVariant
-  ), H = r(
+    e == null ? void 0 : e.activeItemVariant,
+    h.defaultVariant,
+    c.activeItemVariant
+  ), W = o(
     t == null ? void 0 : t.activeItemColor,
-    l == null ? void 0 : l.activeItemColor,
-    c.defaultColor,
-    d.activeItemColor
-  ), f = C(
+    e == null ? void 0 : e.activeItemColor,
+    h.defaultColor,
+    c.activeItemColor
+  ), M = P(
     t == null ? void 0 : t.radius,
-    l == null ? void 0 : l.radius,
-    c.defaultRadius,
-    d.radius
-  ), k = r(
+    e == null ? void 0 : e.radius,
+    h.defaultRadius,
+    c.radius
+  ), A = o(
     t == null ? void 0 : t.size,
-    l == null ? void 0 : l.size,
+    e == null ? void 0 : e.size,
     void 0,
-    d.size
+    c.size
   );
-  if (!s) return null;
-  const z = /* @__PURE__ */ a(
+  if (!v) return null;
+  const E = /* @__PURE__ */ l(
     X,
     {
-      context: A,
+      context: y,
       modal: !1,
-      initialFocus: R,
-      returnFocus: _,
-      children: /* @__PURE__ */ V(
+      initialFocus: j,
+      returnFocus: K,
+      children: /* @__PURE__ */ Q(
         "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: { ...w },
+          className: lt(
+            "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",
             t == null ? void 0 : t.className
           ),
-          ...L(),
+          ...I(),
           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(
+              et,
               {
-                name: j,
+                name: k,
                 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: M,
+                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,
                 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(
+              rt,
+              {
+                filteredOptions: D,
+                selectedValues: S,
+                onSelectMenuOption: V,
+                renderOption: T,
+                itemVariant: G,
+                itemColor: L,
+                activeItemVariant: U,
+                activeItemColor: W,
+                radius: M,
+                size: A
+              }
+            ),
+            z && /* @__PURE__ */ l("div", { className: "border-t border-border pt-1 mt-1", children: z })
           ]
         }
       )
     }
   );
-  return O && I ? n(z, I) : z;
+  return B ? /* @__PURE__ */ l(Y, { root: O, children: E }) : E;
 };
-lt.displayName = "SelectMenu";
+at.displayName = "SelectMenu";
 export {
-  lt as SelectMenu
+  at as SelectMenu
 };

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

@@ -56,7 +56,9 @@ export interface UseSelectFloatingProps {
  * 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.
+ * 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.
  *
  * @param props - Configuration options for the floating element.
  * @param props.isOpen - Whether the floating element is open.
@@ -66,7 +68,8 @@ 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.
+ * @returns The Floating UI context including refs, styles, middleware, and
+ * the `isPositioned` flag for gating initial-render visibility.
  *
  * @example
  * ```tsx

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;;;;;;;;;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"}