asheeui 0.6.9 → 0.6.12

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

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

@@ -1,5 +1,5 @@
 "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";
+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,
@@ -7,22 +7,29 @@ function m({
   placement: a = "bottom-start",
   offsetDistance: l = 4,
   padding: s = 8,
-  matchReferenceWidth: p = !0
+  matchReferenceWidth: r = !0
 }) {
-  return r({
+  return f({
     open: i,
     onOpenChange: (e) => !o && n(e),
     placement: a,
-    whileElementsMounted: f,
+    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,
     middleware: [
-      u(l),
-      g(),
+      g(l),
+      u(),
       d({ padding: s }),
       c({
         apply({ availableHeight: e, elements: t }) {
           Object.assign(t.floating.style, {
             maxHeight: `${e}px`,
-            ...p && {
+            ...r && {
               width: `${t.reference.getBoundingClientRect().width}px`
             }
           });

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

@@ -1,4 +1,5 @@
-import { FieldConfig, FieldSizeKey } from '../field/field-config';
+import { FieldSizeKey } from '../field/field-config';
+import { InputConfig } from '../input';
 /**
  * Size key for the switch component.
  * Maps to the FieldSizeKey type: "sm", "md", or "lg".
@@ -10,7 +11,7 @@ export type SwitchSizeKey = FieldSizeKey;
  * Set under `components.switch` in the AsheeUI config. Values feed the
  * component-level fallback tier of the theme cascade.
  */
-export interface SwitchConfig extends FieldConfig {
+export interface SwitchConfig extends InputConfig {
 }
 /**
  * Default config values registered for the Switch component.

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

@@ -1 +1 @@
-{"version":3,"file":"switch-config.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;CAAG;AAEpD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAGjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CACnC,CAAC;AAExB,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF"}
+{"version":3,"file":"switch-config.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;CAAG;AAEpD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAGjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CACnC,CAAC;AAExB,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF"}

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

@@ -1,12 +1,13 @@
 "use client";
 import { registerComponentDefaults as t } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as o, defaultFieldConfig as e } from "../field/field-config.js";
-const i = {
-  ...e,
+import { FALLBACK_FIELD_CONFIG as o } from "../field/field-config.js";
+import { defaultInputConfig as i } from "../input/input-config.js";
+const r = {
+  ...i,
   radius: "full"
 }, C = o;
-t("switch", i);
+t("switch", r);
 export {
   C as FALLBACK_SWITCH_CONFIG,
-  i as defaultSwitchConfig
+  r as defaultSwitchConfig
 };

package/dist/components/toast/ToastItem.js

@@ -12,7 +12,7 @@ import { FALLBACK_TOAST_CONFIG as n } from "./toast-config.js";
 import { TOAST_WIDTH_CLASS as V, TOAST_PADDING_CLASS as q, TOAST_FONT_CLASS as J, TOAST_TITLE_FONT_CLASS as Q, TOAST_ANIMATION_STATE as X } from "./toast-styles.js";
 import { usePausableTimeout as Y } from "./use-pausable-timeout.js";
 import { RADIUS_CLASS as Z } from "../../shared/radius.js";
-import { cn as s } from "../../utils/cn.js";
+import { cn as t } from "../../utils/cn.js";
 import { resolveVariantClass as $ } from "../../shared/variant.js";
 function ee(r = "info") {
   switch (r) {
@@ -28,47 +28,47 @@ function ee(r = "info") {
       return "secondary";
   }
 }
-function re(r = "info", t = !1) {
-  const o = s("w-5 h-5", t && "text-current");
+function re(r = "info", s = !1) {
+  const o = t("w-5 h-5", s && "text-current");
   switch (r) {
     case "success":
-      return /* @__PURE__ */ e(P, { className: s(o, !t && "text-success") });
+      return /* @__PURE__ */ e(P, { className: t(o, !s && "text-success") });
     case "error":
-      return /* @__PURE__ */ e(z, { className: s(o, !t && "text-danger") });
+      return /* @__PURE__ */ e(z, { className: t(o, !s && "text-danger") });
     case "warning":
-      return /* @__PURE__ */ e(H, { className: s(o, !t && "text-warning") });
+      return /* @__PURE__ */ e(H, { className: t(o, !s && "text-warning") });
     default:
-      return /* @__PURE__ */ e(B, { className: s(o, !t && "text-primary") });
+      return /* @__PURE__ */ e(B, { className: t(o, !s && "text-primary") });
   }
 }
-function te({
+function se({
   id: r,
-  title: t,
+  title: s,
   message: o,
   type: u = "info",
   timeout: v = 3500,
   icon: A,
-  action: f,
+  action: d,
   dismissible: N = !0,
   onDismiss: c,
   placement: x,
   size: i,
-  variant: p,
-  color: I,
-  radius: S,
-  animated: d
+  variant: f,
+  color: b,
+  radius: I,
+  animated: p
 }) {
   var h;
-  const l = (h = R().components) == null ? void 0 : h.toast, [m, b] = G(!1), g = U(
-    d,
+  const l = (h = R().components) == null ? void 0 : h.toast, [m, S] = G(!1), g = U(
+    p,
     l == null ? void 0 : l.animated,
     void 0,
     n.animated
   ), w = K(() => {
-    g && !m ? (b(!0), setTimeout(() => {
+    g && !m ? (S(!0), setTimeout(() => {
       c(r);
     }, 150)) : c(r);
-  }, [g, m, c, r]), { pause: _, resume: k } = Y(w, v), O = I ?? ee(u), y = p === "solid", L = a(
+  }, [g, m, c, r]), { pause: _, resume: k } = Y(w, v), O = b ?? ee(u), y = f === "solid", L = a(
     i,
     V,
     n.size
@@ -85,48 +85,48 @@ function te({
     Q,
     n.size
   ), M = a(
-    S,
+    I,
     Z,
     n.radius
-  ), T = X[x], j = d ? m ? T.exit : T.enter : "";
+  ), T = X[x], j = p ? m ? T.exit : T.enter : "";
   return /* @__PURE__ */ C(
     "div",
     {
       onMouseEnter: _,
       onMouseLeave: k,
-      className: s(
-        "pointer-events-auto relative flex gap-3 items-start shadow-lg border backdrop-blur-md select-none overflow-clip transition-all duration-200 active:scale-[0.99]",
+      className: t(
+        "pointer-events-auto relative flex gap-3 items-start shadow-lg border backdrop-blur-md select-none scrollbar-hide overflow-hidden transition-all duration-200 active:scale-[0.99]",
         "bg-background",
         L,
         E,
         M,
         j,
-        $(p, O)
+        $(f, O)
       ),
       children: [
         /* @__PURE__ */ e("div", { className: "shrink-0 pt-0.5 ps-1", children: A ?? re(u, y) }),
         /* @__PURE__ */ C("div", { className: "flex-1 min-w-0 flex flex-col gap-0.5", children: [
-          t && /* @__PURE__ */ e(
+          s && /* @__PURE__ */ e(
             "span",
             {
-              className: s(
+              className: t(
                 "leading-tight truncate text-current",
                 D
               ),
-              children: t
+              children: s
             }
           ),
           /* @__PURE__ */ e(
             "div",
             {
-              className: s(
+              className: t(
                 "leading-snug wrap-break-word opacity-90 text-current",
                 F
               ),
               children: o
             }
           ),
-          f && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-2", children: f })
+          d && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-2", children: d })
         ] }),
         N && /* @__PURE__ */ e(
           "button",
@@ -142,7 +142,7 @@ function te({
     }
   );
 }
-te.displayName = "ToastItem";
+se.displayName = "ToastItem";
 export {
-  te as ToastItem
+  se as ToastItem
 };

package/dist/components/toast/ToastProvider.d.ts

@@ -29,11 +29,11 @@ export interface ToastProviderProps extends ToastConfig {
  * own size, placement, variant, radius, and animation settings via the
  * toast options.
  *
- * The provider uses React's createPortal to render toasts at the document
- * body level by default. This ensures toasts escape CSS containment,
- * stacking context, and overflow issues. Portaling can be disabled via
- * the `portal` config option if the toasts need to stay within a specific
- * parent container.
+ * The provider uses Floating UI's FloatingPortal to render toasts at the
+ * document body level by default. This ensures toasts escape CSS containment,
+ * stacking context, and overflow issues. Portaling can be disabled via the
+ * `portal` config option if the toasts need to stay within a specific parent
+ * container.
  *
  * @param props - ToastProvider configuration options.
  * @param props.children - Child components.

package/dist/components/toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAQvE,OAAO,EAEL,KAAK,WAAW,EAIjB,MAAM,gBAAgB,CAAC;AAIxB;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAS,EACT,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,GACV,EAAE,kBAAkB,+BAkQpB"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAOvE,OAAO,EAEL,KAAK,WAAW,EAIjB,MAAM,gBAAgB,CAAC;AAKxB;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAS,EACT,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,GACV,EAAE,kBAAkB,+BA+QpB"}