asheeui 0.6.10 → 0.6.13

package/dist/components/select/Select.js

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

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

@@ -19,14 +19,14 @@ export interface SelectMenuProps {
      * Whether the menu is open.
      */
     isOpen: boolean;
-    /**
-     * Floating UI context from the parent component.
-     */
-    context: FloatingContext;
     /**
      * CSS styles for positioning from Floating UI.
      */
     floatingStyles: React.CSSProperties;
+    /**
+     * Floating UI context from the parent component.
+     */
+    context: FloatingContext;
     /**
      * Props getter for floating element from Floating UI.
      */
@@ -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.
@@ -120,9 +131,9 @@ export interface SelectMenuProps {
  * @param props - SelectMenu configuration options.
  * @param props.isOpen - Whether the menu is open.
  * @param props.context - Floating UI context.
- * @param props.floatingStyles - CSS styles for positioning.
  * @param props.getFloatingProps - Props getter for the floating element.
  * @param props.setFloatingRef - Ref setter for the floating element.
+ * @param props.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.
@@ -140,12 +151,11 @@ export interface SelectMenuProps {
  *
  * @example
  * ```tsx
- * const { refs, floatingStyles, context } = useFloating(...);
+ * const { refs, context } = useFloating(...);
  *
  * <SelectMenu
  *   isOpen={isOpen}
  *   context={context}
- *   floatingStyles={floatingStyles}
  *   getFloatingProps={getFloatingProps}
  *   setFloatingRef={refs.setFloating}
  *   options={options}
@@ -160,7 +170,6 @@ export interface SelectMenuProps {
  * <SelectMenu
  *   isOpen={isOpen}
  *   context={context}
- *   floatingStyles={floatingStyles}
  *   getFloatingProps={getFloatingProps}
  *   setFloatingRef={refs.setFloating}
  *   options={options}
@@ -179,7 +188,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, floatingStyles, context, 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,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IAEzB;;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;AAgFD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,eAAO,MAAM,UAAU;8RAqBpB,eAAe;;CA2OjB,CAAC"}