asheeui 0.6.10 → 0.6.12

package/dist/components/date-picker/DatePicker.js

@@ -1,192 +1,192 @@
 "use client";
-import { jsx as n, jsxs as g, Fragment as de } from "react/jsx-runtime";
-import { useClick as me, useDismiss as fe, useRole as pe, useInteractions as ve, FloatingFocusManager as ye } from "@floating-ui/react";
-import { forwardRef as Ie, useId as Pe, useState as h, useRef as Re, useEffect as Se, useCallback as d } from "react";
-import { createPortal as Fe } from "react-dom";
-import { CalendarIcon as Ne } from "../../icons/CalendarIcon.js";
-import { ClearIcon as xe } from "../../icons/ClearIcon.js";
-import { ClockIcon as Ae } from "../../icons/ClockIcon.js";
-import { useAsheeConfig as De } from "../../libs/context.js";
-import { resolveCascade as m, resolveRadiusKey as Ke, resolveClassKey as we } from "../../utils/resolve-token.js";
-import { Input as Ee } from "../input/Input.js";
-import { Calendar as _e } from "./Calendar.js";
-import { formatDisplay as I, parseDateString as Le, getNewCursorPosition as Te, getDefaultPlaceholder as ze } from "./date-picker.helpers.js";
+import { jsx as r, jsxs as h, Fragment as me } from "react/jsx-runtime";
+import { useClick as fe, useDismiss as pe, useRole as ve, useInteractions as ye, FloatingFocusManager as Ie, FloatingPortal as Pe } from "@floating-ui/react";
+import { forwardRef as Re, useId as Se, useState as M, useRef as Fe, useEffect as Ne, useCallback as d } from "react";
+import { CalendarIcon as xe } from "../../icons/CalendarIcon.js";
+import { ClearIcon as Ae } from "../../icons/ClearIcon.js";
+import { ClockIcon as De } from "../../icons/ClockIcon.js";
+import { useAsheeConfig as Ke } from "../../libs/context.js";
+import { resolveCascade as m, resolveRadiusKey as we, resolveClassKey as Ee } from "../../utils/resolve-token.js";
+import { Input as _e } from "../input/Input.js";
+import { Calendar as Le } from "./Calendar.js";
+import { formatDisplay as I, parseDateString as Te, getNewCursorPosition as ze, getDefaultPlaceholder as Oe } from "./date-picker.helpers.js";
 import { FALLBACK_DATE_PICKER_CONFIG as f } from "./date-picker-config.js";
-import { RADIUS_CLASS as Oe } from "../../shared/radius.js";
-import { useSelectFloating as be } from "../select-menu/use-select-floating.js";
-import { cn as Me } from "../../utils/cn.js";
-import { FALLBACK_SELECT_MENU_CONFIG as Ve } from "../select-menu/select-menu-config.js";
-const ge = Ie(
+import { RADIUS_CLASS as be } from "../../shared/radius.js";
+import { useSelectFloating as ge } from "../select-menu/use-select-floating.js";
+import { cn as he } from "../../utils/cn.js";
+import { FALLBACK_SELECT_MENU_CONFIG as Me } from "../select-menu/select-menu-config.js";
+const Ve = Re(
   ({
-    selected: r,
+    selected: l,
     onChange: t,
-    mode: j,
+    mode: V,
     isClearable: x = !1,
-    disableFuture: B = !1,
-    placeholder: G,
+    disableFuture: j = !1,
+    placeholder: B,
     size: A,
     radius: P,
     color: D,
     disabled: u,
-    picker: l,
+    picker: a,
     ...K
   }, c) => {
-    var T, z, O;
-    const R = De(), e = (T = R.components) == null ? void 0 : T.datePicker, U = Pe(), W = K.id ?? U, [p, v] = h(!1), [S, a] = h(""), w = Re(null), s = m(
-      j,
+    var L, T, z;
+    const R = Ke(), e = (L = R.components) == null ? void 0 : L.datePicker, G = Se(), U = K.id ?? G, [p, v] = M(!1), [S, n] = M(""), w = Fe(null), s = m(
+      V,
       e == null ? void 0 : e.mode,
       void 0,
       f.mode
-    ), q = m(
-      l == null ? void 0 : l.portal,
-      (z = e == null ? void 0 : e.picker) == null ? void 0 : z.portal,
+    ), W = m(
+      a == null ? void 0 : a.portal,
+      (T = e == null ? void 0 : e.picker) == null ? void 0 : T.portal,
       void 0,
-      Ve.portal
-    ), H = m(
-      l == null ? void 0 : l.portalTarget,
-      (O = e == null ? void 0 : e.picker) == null ? void 0 : O.portalTarget,
+      Me.portal
+    ), q = m(
+      a == null ? void 0 : a.portalTarget,
+      (z = e == null ? void 0 : e.picker) == null ? void 0 : z.portalTarget,
       void 0,
       null
-    ), J = m(
+    ), H = m(
       A,
       e == null ? void 0 : e.size,
       void 0,
       f.size
-    ), Q = m(
+    ), J = m(
       D,
       e == null ? void 0 : e.color,
       R.defaultColor,
       f.color
-    ), E = Ke(
+    ), E = we(
       typeof P == "string" ? P : void 0,
       typeof (e == null ? void 0 : e.radius) == "string" ? e.radius : void 0,
       R.defaultRadius,
       f.radius
-    ), X = we(
+    ), Q = Ee(
       E === "full" ? "xl" : E,
-      Oe,
+      be,
       f.radius
-    ), { refs: F, floatingStyles: Y, context: y } = be({
+    ), { refs: F, floatingStyles: X, context: y, isPositioned: Y } = ge({
       isOpen: p,
       onOpenChange: v,
       disabled: u,
       matchReferenceWidth: !1
       // Allow calendar to size naturally side-by-side
-    }), Z = me(y, { enabled: !u }), $ = fe(y, {
+    }), Z = fe(y, { enabled: !u }), $ = pe(y, {
       enabled: !u,
       outsidePress: !0,
       outsidePressEvent: "mousedown",
       escapeKey: !0
-    }), C = pe(y, { role: "dialog" }), { getReferenceProps: k, getFloatingProps: ee } = ve([
+    }), C = ve(y, { role: "dialog" }), { getReferenceProps: k, getFloatingProps: ee } = ye([
       Z,
       $,
       C
     ]);
-    Se(() => {
-      a(r ? I(r, s) : "");
-    }, [r, s]);
+    Ne(() => {
+      n(l ? I(l, s) : "");
+    }, [l, s]);
     const te = d(
       (o) => {
-        t == null || t(o), a(o ? I(o, s) : ""), (s === "date" || o === null) && v(!1);
+        t == null || t(o), n(o ? I(o, s) : ""), (s === "date" || o === null) && v(!1);
       },
       [t, s]
     ), oe = d(() => v(!1), []), se = d(
       (o) => {
         var i;
-        o.stopPropagation(), t == null || t(null), a(""), v(!1), (i = w.current) == null || i.focus();
+        o.stopPropagation(), t == null || t(null), n(""), v(!1), (i = w.current) == null || i.focus();
       },
       [t]
     ), re = d(
       (o) => {
-        const i = o.target, ie = i.value, ue = S, ce = i.selectionStart ?? 0, b = ie.replace(/\D/g, "");
-        if (b.length === 0) {
-          a(""), t == null || t(null);
+        const i = o.target, ue = i.value, ce = S, de = i.selectionStart ?? 0, O = ue.replace(/\D/g, "");
+        if (O.length === 0) {
+          n(""), t == null || t(null);
           return;
         }
-        const N = Le(
-          b,
+        const N = Te(
+          O,
           s,
-          r ?? void 0
+          l ?? void 0
         );
         if (N) {
           t == null || t(N);
-          const M = I(N, s);
-          a(M);
-          const V = Te(
-            ue,
-            M,
-            ce
+          const b = I(N, s);
+          n(b);
+          const g = ze(
+            ce,
+            b,
+            de
           );
           requestAnimationFrame(() => {
-            i.setSelectionRange(V, V);
+            i.setSelectionRange(g, g);
           });
         } else
-          a(r ? I(r, s) : "");
+          n(l ? I(l, s) : "");
       },
-      [s, r, t, S]
-    ), le = G ?? ze(s), ae = /* @__PURE__ */ g(de, { children: [
-      x && r && !u && /* @__PURE__ */ n(
+      [s, l, t, S]
+    ), le = B ?? Oe(s), ae = /* @__PURE__ */ h(me, { children: [
+      x && l && !u && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           onClick: se,
           "aria-label": "Clear selection",
           className: "p-0.5 rounded text-foreground/70 hover:text-foreground transition-colors",
-          children: /* @__PURE__ */ n(xe, { className: "size-3.5" })
+          children: /* @__PURE__ */ r(Ae, { className: "size-3.5" })
         }
       ),
-      /* @__PURE__ */ n("span", { className: "text-foreground/70 pointer-events-none", children: s === "time" ? /* @__PURE__ */ n(Ae, {}) : /* @__PURE__ */ n(Ne, {}) })
-    ] }), _ = p ? /* @__PURE__ */ n(
-      ye,
+      /* @__PURE__ */ r("span", { className: "text-foreground/70 pointer-events-none", children: s === "time" ? /* @__PURE__ */ r(De, {}) : /* @__PURE__ */ r(xe, {}) })
+    ] }), _ = p ? /* @__PURE__ */ r(
+      Ie,
       {
         context: y,
         modal: !1,
         initialFocus: -1,
         returnFocus: !1,
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ r(
           "div",
           {
             ref: F.setFloating,
             style: {
-              ...Y,
+              ...X,
               width: "max-content",
               minWidth: "fit-content"
             },
-            className: Me(
-              "z-100 outline-none animate-in fade-in-0 zoom-in-95 duration-150 ease-out",
-              l == null ? void 0 : l.className
+            className: he(
+              "z-100 outline-none",
+              Y ? "animate-in fade-in-0 zoom-in-95 duration-150 ease-out" : "invisible opacity-0 pointer-events-none",
+              a == null ? void 0 : a.className
             ),
             ...ee(),
-            children: /* @__PURE__ */ n(
-              _e,
+            children: /* @__PURE__ */ r(
+              Le,
               {
-                selected: r,
+                selected: l,
                 mode: s,
                 isClearable: x,
-                resolvedSizeKey: J,
+                resolvedSizeKey: H,
                 onSelect: te,
                 onClose: oe,
-                disableFuture: B,
-                resolvedColor: Q,
-                radiusClass: X
+                disableFuture: j,
+                resolvedColor: J,
+                radiusClass: Q
               }
             )
           }
         )
       }
-    ) : null, L = H ?? (typeof document < "u" ? document.body : null), ne = d(
+    ) : null, ne = q ?? (typeof document < "u" ? document.body : null), ie = d(
       (o) => {
         o && (F.setReference(o), w.current = o, typeof c == "function" ? c(o) : c && (c.current = o));
       },
       [F, c]
     );
-    return /* @__PURE__ */ g("div", { className: "w-full relative inline-block", children: [
-      /* @__PURE__ */ n(
-        Ee,
+    return /* @__PURE__ */ h("div", { className: "w-full relative inline-block", children: [
+      /* @__PURE__ */ r(
+        _e,
         {
           ...K,
-          ref: ne,
-          id: W,
+          ref: ie,
+          id: U,
           size: A,
           radius: P,
           color: D,
@@ -200,11 +200,11 @@ const ge = Ie(
           ...k()
         }
       ),
-      p && (q && L ? Fe(_, L) : _)
+      p && (W ? /* @__PURE__ */ r(Pe, { root: ne, children: _ }) : _)
     ] });
   }
 );
-ge.displayName = "DatePicker";
+Ve.displayName = "DatePicker";
 export {
-  ge as DatePicker
+  Ve as DatePicker
 };

package/dist/components/marquee/Marquee.js

@@ -1,26 +1,26 @@
 "use client";
-import { jsx as r, jsxs as f, Fragment as P } from "react/jsx-runtime";
-import { forwardRef as Q, useMemo as T, isValidElement as U } from "react";
-import { useAsheeConfig as b } from "../../libs/context.js";
+import { jsx as r, jsxs as f, Fragment as O } from "react/jsx-runtime";
+import { forwardRef as P, useMemo as Q, isValidElement as T } from "react";
+import { useAsheeConfig as U } from "../../libs/context.js";
 import { resolveCascade as a } from "../../utils/resolve-token.js";
 import { FALLBACK_MARQUEE_CONFIG as o } from "./marquee-config.js";
 import { MARQUEE_SPEED_PRESETS as E, MARQUEE_FADE_START_CLASS as g, MARQUEE_FADE_END_CLASS as H } from "./marquee-styles.js";
 import { cn as s } from "../../utils/cn.js";
-const j = Q(
+const j = P(
   ({
     children: i,
     axis: y,
     direction: x,
     speed: A,
-    gap: S,
-    pauseOnHover: h,
+    gap: h,
+    pauseOnHover: S,
     fadeEdges: _,
     className: N,
-    itemClassName: c,
+    itemClassName: p,
     ...q
   }, D) => {
     var v;
-    const e = (v = b().components) == null ? void 0 : v.marquee, m = a(
+    const e = (v = U().components) == null ? void 0 : v.marquee, l = a(
       y,
       e == null ? void 0 : e.axis,
       void 0,
@@ -30,18 +30,18 @@ const j = Q(
       e == null ? void 0 : e.direction,
       void 0,
       o.direction
-    ), l = a(
+    ), m = a(
       A,
       e == null ? void 0 : e.speed,
       void 0,
       o.speed
     ), d = a(
-      S,
+      h,
       e == null ? void 0 : e.gap,
       void 0,
       o.gap
     ), M = a(
-      h,
+      S,
       e == null ? void 0 : e.pauseOnHover,
       void 0,
       o.pauseOnHover
@@ -50,9 +50,9 @@ const j = Q(
       e == null ? void 0 : e.fadeEdges,
       void 0,
       o.fadeEdges
-    ), k = typeof l == "number" ? l : E[l] ?? E.normal, t = m === "y", w = T(
+    ), k = typeof m == "number" ? m : E[m] ?? E.normal, t = l === "y", w = Q(
       () => [i, i].map(($, u) => {
-        const p = u === 0 ? "primary" : "secondary";
+        const c = u === 0 ? "primary" : "secondary";
         return /* @__PURE__ */ r(
           "div",
           {
@@ -64,22 +64,22 @@ const j = Q(
               gap: d
             },
             "aria-hidden": u === 1,
-            children: $.map((n, L) => {
-              const O = U(n) && n.key ? `${p}-${n.key}` : `${p}-item-${L}`;
-              return /* @__PURE__ */ r("div", { className: s("shrink-0", c), children: n }, O);
+            children: $.map((n, b) => {
+              const L = T(n) && n.key ? `${c}-${n.key}` : `${c}-item-${b}`;
+              return /* @__PURE__ */ r("div", { className: s("shrink-0", p), children: n }, L);
             })
           },
-          `${p}-set`
+          `${c}-set`
         );
       }),
-      [i, t, d, c]
+      [i, t, d, p]
     );
     return /* @__PURE__ */ f(
       "div",
       {
         ref: D,
         className: s(
-          "group relative overflow-clip",
+          "group relative scrollbar-hide overflow-hidden",
           t ? "h-full" : "w-full",
           N
         ),
@@ -114,13 +114,13 @@ const j = Q(
               children: w
             }
           ),
-          R && /* @__PURE__ */ f(P, { children: [
+          R && /* @__PURE__ */ f(O, { children: [
             /* @__PURE__ */ r(
               "div",
               {
                 className: s(
                   "absolute z-10 pointer-events-none",
-                  g[m]
+                  g[l]
                 )
               }
             ),
@@ -129,7 +129,7 @@ const j = Q(
               {
                 className: s(
                   "absolute z-10 pointer-events-none",
-                  H[m]
+                  H[l]
                 )
               }
             )

package/dist/components/multi-select/MultiSelect.d.ts

@@ -121,11 +121,11 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
  * 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.multiSelect.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.multiSelect.menu.portal` in the
+ * config if the menu needs to stay within a specific parent container.
  *
  * @param props - MultiSelect configuration options.
  * @param props.options - Available options to select from.

package/dist/components/multi-select/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAmYvB,CAAC"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAoYvB,CAAC"}

package/dist/components/multi-select/MultiSelect.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as l, jsxs as S, Fragment as Pe } from "react/jsx-runtime";
-import { useClick as Re, useDismiss as Ue, useRole as je, useInteractions as Ve } from "@floating-ui/react";
-import { forwardRef as $e, useId as Be, useState as B, useMemo as A, useCallback as z } from "react";
-import { ChevronDownIcon as Ge } from "../../icons/ChevronDownIcon.js";
-import { CloseIcon as He } from "../../icons/CloseIcon.js";
-import { useAsheeConfig as Qe } from "../../libs/context.js";
+import { jsx as l, jsxs as S, Fragment as Re } from "react/jsx-runtime";
+import { useClick as Ue, useDismiss as je, useRole as Ve, useInteractions as $e } from "@floating-ui/react";
+import { forwardRef as Be, useId as Ge, useState as B, useMemo as A, useCallback as z } from "react";
+import { ChevronDownIcon as He } from "../../icons/ChevronDownIcon.js";
+import { CloseIcon as Qe } from "../../icons/CloseIcon.js";
+import { useAsheeConfig as he } from "../../libs/context.js";
 import { resolveCascade as m, resolveRadiusKey as G, resolveClassKey as N } from "../../utils/resolve-token.js";
-import { Button as he } from "../button/Button.js";
-import { Chip as We } from "../chip/Chip.js";
-import { FieldShell as qe } from "../field/FieldShell.js";
-import { SelectMenu as Je } from "../select-menu/SelectMenu.js";
+import { Button as We } from "../button/Button.js";
+import { Chip as qe } from "../chip/Chip.js";
+import { FieldShell as Je } from "../field/FieldShell.js";
+import { SelectMenu as Xe } from "../select-menu/SelectMenu.js";
 import { FALLBACK_MULTI_SELECT_CONFIG as s } from "./multi-select-config.js";
-import { MULTI_SELECT_HEIGHT_CLASS as Xe, MULTI_SELECT_PADDING_CLASS as Ye, MULTI_SELECT_FONT_CLASS as Ze, STATUS_BORDER_CLASS as Ce } from "./multi-select-styles.js";
-import { RADIUS_CLASS as er } from "../../shared/radius.js";
-import { useSelectFloating as rr } from "../select-menu/use-select-floating.js";
+import { MULTI_SELECT_HEIGHT_CLASS as Ye, MULTI_SELECT_PADDING_CLASS as Ze, MULTI_SELECT_FONT_CLASS as Ce, STATUS_BORDER_CLASS as er } from "./multi-select-styles.js";
+import { RADIUS_CLASS as rr } from "../../shared/radius.js";
+import { useSelectFloating as sr } from "../select-menu/use-select-floating.js";
 import { cn as v } from "../../utils/cn.js";
-const sr = $e(
+const tr = Be(
   ({
     options: _ = [],
     value: n,
@@ -52,7 +52,7 @@ const sr = $e(
     endContent: ce
   }, x) => {
     var R, U, j, V;
-    const p = Qe(), e = (R = p.components) == null ? void 0 : R.multiSelect, ue = Be(), y = le ?? ue, [b, de] = B(!1), [me, fe] = B(""), g = m(
+    const p = he(), e = (R = p.components) == null ? void 0 : R.multiSelect, ue = Ge(), y = le ?? ue, [b, de] = B(!1), [me, fe] = B(""), g = m(
       Y,
       e == null ? void 0 : e.size,
       void 0,
@@ -94,39 +94,39 @@ const sr = $e(
       s.labelAlign
     ), ge = N(
       g,
-      Xe,
+      Ye,
       s.size
     ), Ie = N(
       g,
-      Ye,
+      Ze,
       s.size
     ), Ne = N(
       g,
-      Ze,
+      Ce,
       s.size
     ), _e = N(
       pe,
-      er,
+      rr,
       s.chip.radius
-    ), { refs: K, floatingStyles: Le, context: I } = rr({
+    ), { refs: K, floatingStyles: Le, context: I, isPositioned: we } = sr({
       isOpen: b,
       onOpenChange: de,
       disabled: c
-    }), we = Re(I, { enabled: !c }), Ae = Ue(I), ze = je(I, { role: "listbox" }), { getReferenceProps: Te, getFloatingProps: Ee } = Ve([
-      we,
+    }), Ae = Ue(I, { enabled: !c }), ze = je(I), Te = Ve(I, { role: "listbox" }), { getReferenceProps: Ee, getFloatingProps: ke } = $e([
       Ae,
-      ze
+      ze,
+      Te
     ]), o = A(() => L !== void 0 ? L : Array.isArray(n) ? _.filter((r) => n.includes(r.value)) : [], [L, n, _]), O = z(
       (r) => o.some((t) => t.value === r),
       [o]
-    ), ke = z(
+    ), Me = z(
       (r) => {
         const t = O(r.value);
         if (f || i)
           t ? i == null || i(r.value) : f == null || f(r);
         else if (u) {
-          const $ = n ?? [], Ke = t ? $.filter((Oe) => Oe !== r.value) : [...$, r.value];
-          u(Ke);
+          const $ = n ?? [], Oe = t ? $.filter((Pe) => Pe !== r.value) : [...$, r.value];
+          u(Oe);
         }
       },
       [O, f, i, u, n]
@@ -135,12 +135,12 @@ const sr = $e(
         i ? i(r) : u && Array.isArray(n) && u(n.filter((t) => t !== r));
       },
       [i, u, n]
-    ), Me = A(
+    ), De = A(
       () => o.map((r) => r.value),
       [o]
-    ), De = A(() => o.length > 0 ? `${o.length} selected` : T, [o.length, T]), Fe = Te();
+    ), Fe = A(() => o.length > 0 ? `${o.length} selected` : T, [o.length, T]), Ke = Ee();
     return /* @__PURE__ */ l(
-      qe,
+      Je,
       {
         id: y,
         label: ee,
@@ -160,7 +160,7 @@ const sr = $e(
             children: [
               /* @__PURE__ */ S("div", { className: "relative w-full", children: [
                 /* @__PURE__ */ l(
-                  he,
+                  We,
                   {
                     ref: (r) => {
                       K.setReference(r), typeof x == "function" ? x(r) : x && (x.current = r);
@@ -180,17 +180,17 @@ const sr = $e(
                     "aria-describedby": [w ? `${y}-description` : void 0].filter(Boolean).join(" ") || void 0,
                     className: v(
                       "font-normal text-left justify-between",
-                      Ce[d],
+                      er[d],
                       ge,
                       Ie,
                       Ne,
                       oe
                     ),
                     startContent: ie,
-                    endContent: /* @__PURE__ */ S(Pe, { children: [
+                    endContent: /* @__PURE__ */ S(Re, { children: [
                       ce,
                       /* @__PURE__ */ l(
-                        Ge,
+                        He,
                         {
                           className: v(
                             "shrink-0 text-foreground/70 transition-transform duration-200",
@@ -199,7 +199,7 @@ const sr = $e(
                         }
                       )
                     ] }),
-                    ...Fe,
+                    ...Ke,
                     children: /* @__PURE__ */ l(
                       "span",
                       {
@@ -207,22 +207,23 @@ const sr = $e(
                           "truncate",
                           o.length > 0 ? "text-foreground" : "text-foreground/70"
                         ),
-                        children: De
+                        children: Fe
                       }
                     )
                   }
                 ),
                 /* @__PURE__ */ l(
-                  Je,
+                  Xe,
                   {
                     isOpen: b,
                     context: I,
                     floatingStyles: Le,
-                    getFloatingProps: Ee,
+                    getFloatingProps: ke,
                     setFloatingRef: K.setFloating,
+                    isPositioned: we,
                     options: _,
-                    selectedValues: Me,
-                    onSelectMenuOption: ke,
+                    selectedValues: De,
+                    onSelectMenuOption: Me,
                     isSearch: H,
                     searchPlaceholder: Q,
                     searchInputName: h,
@@ -237,7 +238,7 @@ const sr = $e(
               !q && /* @__PURE__ */ S("div", { className: "flex flex-col gap-1.5", children: [
                 E && /* @__PURE__ */ l("span", { className: "text-xs font-medium text-foreground/70", children: E }),
                 /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1.5 p-2 min-h-12 bg-secondary/20 border border-dashed border-border rounded-lg items-center", children: o.length === 0 ? /* @__PURE__ */ l("span", { className: "text-xs text-foreground/70 px-2 py-1", children: "No selections made" }) : o.map((r) => /* @__PURE__ */ S(
-                  We,
+                  qe,
                   {
                     variant: "bordered",
                     color: ve,
@@ -262,7 +263,7 @@ const sr = $e(
                           },
                           "aria-label": `Remove ${r.label}`,
                           className: "inline-flex items-center justify-center h-3.5 w-3.5 rounded-full hover:bg-black/20 dark:hover:bg-white/20 transition-colors cursor-pointer shrink-0",
-                          children: /* @__PURE__ */ l(He, { className: "w-3 h-3" })
+                          children: /* @__PURE__ */ l(Qe, { className: "w-3 h-3" })
                         }
                       )
                     ]
@@ -277,7 +278,7 @@ const sr = $e(
     );
   }
 );
-sr.displayName = "MultiSelect";
+tr.displayName = "MultiSelect";
 export {
-  sr as MultiSelect
+  tr as MultiSelect
 };