@ws-ui/ui-components 1.0.21 → 1.0.22

package/dist/index.js

@@ -10515,7 +10515,7 @@ const Q2 = /* @__PURE__ */ _o(function(t) {
     scrollAdjustedTranslate: null
   }), ne = j.getNodeFor((r = F.current.over) == null ? void 0 : r.id), P = L2({
     measure: D.dragOverlay.measure
-  }), ue = (n = P.nodeRef.current) != null ? n : O, we = R ? (i = P.rect) != null ? i : _ : null, Ee = !!(P.nodeRef.current && P.rect), xe = V2(Ee ? null : _), Ne = Pi(ue ? tt(ue) : null), Ie = O2(R ? ne ?? O : null), De = F2(Ie), rt = ji(g, {
+  }), ue = (n = P.nodeRef.current) != null ? n : O, we = R ? (i = P.rect) != null ? i : _ : null, Se = !!(P.nodeRef.current && P.rect), xe = V2(Se ? null : _), Ne = Pi(ue ? tt(ue) : null), Ie = O2(R ? ne ?? O : null), De = F2(Ie), rt = ji(g, {
     transform: {
       x: T.x - xe.x,
       y: T.y - xe.y,
@@ -10532,13 +10532,13 @@ const Q2 = /* @__PURE__ */ _o(function(t) {
     scrollableAncestors: Ie,
     scrollableAncestorRects: De,
     windowRect: Ne
-  }), Be = z ? Gt(z, T) : null, Re = k2(Ie), xt = q0(Re), Ct = q0(Re, [_]), Me = Gt(rt, xt), Pe = we ? i2(we, rt) : null, Ke = V && Pe ? h({
+  }), Ee = z ? Gt(z, T) : null, Re = k2(Ie), xt = q0(Re), Ct = q0(Re, [_]), Me = Gt(rt, xt), Pe = we ? i2(we, rt) : null, Ke = V && Pe ? h({
     active: V,
     collisionRect: Pe,
     droppableRects: W,
     droppableContainers: Z,
-    pointerCoordinates: Be
-  }) : null, je = $s(Ke, "id"), [ot, kr] = le(null), Nr = Ee ? rt : Gt(rt, Ct), Tr = n2(Nr, (o = ot == null ? void 0 : ot.rect) != null ? o : null, _), Ft = re(null), ar = J(
+    pointerCoordinates: Ee
+  }) : null, je = $s(Ke, "id"), [ot, kr] = le(null), Nr = Se ? rt : Gt(rt, Ct), Tr = n2(Nr, (o = ot == null ? void 0 : ot.rect) != null ? o : null, _), Ft = re(null), ar = J(
     (ze, Ye) => {
       let {
         sensor: Ge,
@@ -10595,7 +10595,7 @@ const Q2 = /* @__PURE__ */ _o(function(t) {
             return;
           const {
             onDragStart: ye
-          } = q.current, Ze = {
+          } = q.current, Be = {
             activatorEvent: qe,
             active: {
               id: mt,
@@ -10604,13 +10604,13 @@ const Q2 = /* @__PURE__ */ _o(function(t) {
             }
           };
           Pr(() => {
-            ye == null || ye(Ze), x(Bt.Initializing), A({
+            ye == null || ye(Be), x(Bt.Initializing), A({
               type: Le.DragStart,
               initialCoordinates: Ve,
               active: mt
             }), b({
               type: "onDragStart",
-              event: Ze
+              event: Be
             }), U(Ft.current), k(qe);
           });
         },
@@ -10629,7 +10629,7 @@ const Q2 = /* @__PURE__ */ _o(function(t) {
           const {
             active: ce,
             collisions: ye,
-            over: Ze,
+            over: Be,
             scrollAdjustedTranslate: He
           } = F.current;
           let Oe = null;
@@ -10642,7 +10642,7 @@ const Q2 = /* @__PURE__ */ _o(function(t) {
               active: ce,
               collisions: ye,
               delta: He,
-              over: Ze
+              over: Be
             }, Ve === Le.DragEnd && typeof Je == "function" && await Promise.resolve(Je(Oe)) && (Ve = Le.DragCancel);
           }
           H.current = null, Pr(() => {
@@ -10772,7 +10772,7 @@ const Q2 = /* @__PURE__ */ _o(function(t) {
     ...B,
     delta: T,
     draggingRect: Pe,
-    pointerCoordinates: Be,
+    pointerCoordinates: Ee,
     scrollableAncestors: Ie,
     scrollableAncestorRects: De
   });
@@ -14257,7 +14257,7 @@ const ha = dt(null), We = () => {
     message: "text-s p-2.5",
     icon: "text-lg"
   }
-}, Se = {
+}, Ze = {
   primary: {
     // Control
     control: "cursor-pointer bg-input-bg text-select-text",
@@ -14455,9 +14455,9 @@ const ha = dt(null), We = () => {
   isFocused: o,
   menuPlacement: l
 }) => {
-  const c = Se[i ? "negative" : t];
+  const c = Ze[i ? "negative" : t];
   return S(
-    "bg-input-bg flex relative transition-all duration-200 ease-in-out items-center px-0.5",
+    "bg-input-bg flex relative transition-all duration-200 ease-in-out items-center",
     o && l ? l === "top" ? "rounded-b" : "rounded-t" : "only:rounded first:rounded-t last:rounded-b",
     c.control,
     n ? ["ring-1", c.messageBorder] : [
@@ -14476,7 +14476,7 @@ const ha = dt(null), We = () => {
   isDisabled: r,
   isAction: n
 }) => {
-  const i = Se[t];
+  const i = Ze[t];
   return S(
     "transition-colors duration-200 rounded max-h-full h-fit px-0.5",
     ke[e].icon,
@@ -14498,7 +14498,7 @@ const ha = dt(null), We = () => {
   hasGroup: l,
   menuPlacement: s
 }) => {
-  const d = Se[i ? "negative" : t], h = n && s ? s === "top" ? "rounded-b" : "rounded-t" : "rounded";
+  const d = Ze[i ? "negative" : t], h = n && s ? s === "top" ? "rounded-b" : "rounded-t" : "rounded";
   return l ? S(
     "flex items-center justify-between flex-1 min-w-0",
     ke[e].control,
@@ -14531,14 +14531,14 @@ const ha = dt(null), We = () => {
 }) => S(
   "bg-transparent border-0 outline-hidden flex-1 min-w-7.5 text-input-text",
   ke[e].input,
-  Se[t].placeholder
+  Ze[t].placeholder
 ), Nd = ({
   size: e,
   color: t
 }) => S(
   "select-none truncate",
   ke[e].placeholder,
-  Se[t].placeholder
+  Ze[t].placeholder
 ), Td = ({
   size: e,
   color: t,
@@ -14546,7 +14546,7 @@ const ha = dt(null), We = () => {
 }) => S(
   "truncate",
   ke[e].singleValue,
-  r ? Se[t].singleValueDisabled : Se[t].singleValue
+  r ? Ze[t].singleValueDisabled : Ze[t].singleValue
 ), Fd = ({
   size: e,
   color: t,
@@ -14555,7 +14555,7 @@ const ha = dt(null), We = () => {
 }) => S(
   "inline-flex items-center rounded-xs",
   ke[e].multiValue,
-  r ? Se[t].multiValueDisabled : Se[t].multiValue,
+  r ? Ze[t].multiValueDisabled : Ze[t].multiValue,
   {
     "border border-white": n && !r
   }
@@ -14568,7 +14568,7 @@ const ha = dt(null), We = () => {
 }) => S(
   "flex items-center justify-center cursor-pointer transition-colors",
   ke[e].multiValueRemove,
-  Se[t].multiValueRemove
+  Ze[t].multiValueRemove
 ), va = ({
   size: e,
   color: t,
@@ -14577,8 +14577,8 @@ const ha = dt(null), We = () => {
   "flex items-center justify-center transition-colors rounded",
   ke[e].clearIndicator,
   r ? "hidden" : [
-    Se[t].clearIndicator,
-    Se[t].clearIndicatorHover
+    Ze[t].clearIndicator,
+    Ze[t].clearIndicatorHover
   ]
 ), zd = ({
   size: e,
@@ -14588,8 +14588,8 @@ const ha = dt(null), We = () => {
   "flex items-center justify-center transition-colors rounded",
   ke[e].dropdownIndicator,
   r ? "text-grey-200" : [
-    Se[t].dropdownIndicator,
-    Se[t].dropdownIndicatorHover
+    Ze[t].dropdownIndicator,
+    Ze[t].dropdownIndicatorHover
   ]
 ), _d = ({
   size: e,
@@ -14605,9 +14605,9 @@ const ha = dt(null), We = () => {
     // w-full would only cover the content-box (W-2px). Using -left-px/-right-px
     // stretches the menu to cover SelectGroup's full border-box instead.
     i ? "-left-px -right-px" : "w-full",
-    Se[n].menu,
+    Ze[n].menu,
     {
-      [Se[n].messageBorder]: r
+      [Ze[n].messageBorder]: r
     },
     o ? "bottom-full rounded-t rounded-b-none border-b-0" : "top-full rounded-b border-t-0",
     ke[e].menu
@@ -14615,7 +14615,7 @@ const ha = dt(null), We = () => {
 }, Wd = ({ size: e }) => S(
   "overflow-y-auto",
   ke[e].menuList,
-  Se.primary.menuList
+  Ze.primary.menuList
 ), jd = ({
   size: e,
   color: t,
@@ -14626,28 +14626,28 @@ const ha = dt(null), We = () => {
   "transition-colors duration-150 cursor-pointer mx-1 rounded flex items-center gap-2",
   ke[e].option,
   {
-    [Se[t].optionDisabled]: r,
-    [Se[t].optionSelected]: i && !r,
-    [Se[t].optionFocused]: n && !i && !r,
-    [Se[t].option]: !i && !n && !r
+    [Ze[t].optionDisabled]: r,
+    [Ze[t].optionSelected]: i && !r,
+    [Ze[t].optionFocused]: n && !i && !r,
+    [Ze[t].option]: !i && !n && !r
   }
 ), Kd = ({ size: e }) => S(ke[e].group), Yd = ({
   size: e,
   color: t
-}) => S(ke[e].groupHeading, Se[t].groupHeading), Xd = ({
+}) => S(ke[e].groupHeading, Ze[t].groupHeading), Xd = ({
   size: e
 }) => S("text-grey-100", ke[e].loadingMessage), Qd = ({
   size: e
 }) => S(
   ke[e].noOptionsMessage,
-  Se.primary.noOptionsMessage
+  Ze.primary.noOptionsMessage
 ), Gd = ({
   size: e,
   color: t,
   isInvalid: r,
   isDisabled: n
 }) => {
-  const o = Se[r ? "negative" : t];
+  const o = Ze[r ? "negative" : t];
   return S(
     "absolute left-0 right-0 z-10",
     "flex items-start gap-x-2 ring-1",
@@ -15469,15 +15469,15 @@ function s4() {
               case u:
                 return we;
               default:
-                var Ee = we && we.$$typeof;
-                switch (Ee) {
+                var Se = we && we.$$typeof;
+                switch (Se) {
                   case s:
                   case l:
                   case c:
                   case v:
                   case h:
                   case o:
-                    return Ee;
+                    return Se;
                   default:
                     return ue;
                 }
@@ -16993,7 +16993,7 @@ function Qt(e) {
       P.isOpen && !R.isMouseDown && s({
         type: Sn
       });
-    }, Ee = function(Ie) {
+    }, Se = function(Ie) {
       var De = Jt(Ie);
       De && I[De] ? I[De](Ie) : H4(De) && s({
         type: Zn,
@@ -17002,13 +17002,13 @@ function Qt(e) {
     }, xe = ae((D = {}, D[B] = ht(X, function(Ne) {
       v.current = Ne;
     }), D["aria-activedescendant"] = P.isOpen && P.highlightedIndex > -1 ? f.getItemId(P.highlightedIndex) : "", D["aria-controls"] = f.menuId, D["aria-expanded"] = A.current.state.isOpen, D["aria-haspopup"] = "listbox", D["aria-labelledby"] = _ && _["aria-label"] ? void 0 : "" + f.labelId, D.id = f.toggleButtonId, D.role = "combobox", D.tabIndex = 0, D.onBlur = fe(N, we), D), _);
-    return _.disabled || (xe.onClick = fe(K, ue), xe.onKeyDown = fe(O, Ee)), E("getToggleButtonProps", ne, B, v), xe;
+    return _.disabled || (xe.onClick = fe(K, ue), xe.onKeyDown = fe(O, Se)), E("getToggleButtonProps", ne, B, v), xe;
   }, [s, f, A, R, E, I]), q = J(function(C) {
     var Z, D = C === void 0 ? {} : C, W = D.item, N = D.index, K = D.onMouseMove, O = D.onClick, z = D.onMouseDown;
     D.onPress;
     var B = D.refKey, X = B === void 0 ? "ref" : B, _ = D.disabled, $ = D.ref, F = et(D, P4);
     _ !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useSelect.');
-    var ne = A.current, P = ne.state, ue = ne.props, we = k1(W, N, ue.items, "Pass either item or index to getItemProps!"), Ee = we[0], xe = we[1], Ne = ue.isItemDisabled(Ee, xe), Ie = function() {
+    var ne = A.current, P = ne.state, ue = ne.props, we = k1(W, N, ue.items, "Pass either item or index to getItemProps!"), Se = we[0], xe = we[1], Ne = ue.isItemDisabled(Se, xe), Ie = function() {
       R.isTouchEnd || xe === P.highlightedIndex || (m.current = !1, s({
         type: Qa,
         index: xe,
@@ -17021,10 +17021,10 @@ function Qt(e) {
       });
     }, rt = function(xt) {
       return xt.preventDefault();
-    }, Be = ae((Z = {}, Z[X] = ht($, function(Re) {
+    }, Ee = ae((Z = {}, Z[X] = ht($, function(Re) {
       Re && (y.current[f.getItemId(xe)] = Re);
-    }), Z["aria-disabled"] = Ne, Z["aria-selected"] = Ee === P.selectedItem, Z.id = f.getItemId(xe), Z.role = "option", Z), F);
-    return Ne || (Be.onClick = fe(O, De)), Be.onMouseMove = fe(K, Ie), Be.onMouseDown = fe(z, rt), Be;
+    }), Z["aria-disabled"] = Ne, Z["aria-selected"] = Se === P.selectedItem, Z.id = f.getItemId(xe), Z.role = "option", Z), F);
+    return Ne || (Ee.onClick = fe(O, De)), Ee.onMouseMove = fe(K, Ie), Ee.onMouseDown = fe(z, rt), Ee;
   }, [A, f, R, m, s]);
   return {
     // prop getters.
@@ -17314,28 +17314,28 @@ function At(e) {
   }, [c, j, b]), H = J(function(N) {
     var K, O, z = N === void 0 ? {} : N, B = z.item, X = z.index, _ = z.refKey, $ = _ === void 0 ? "ref" : _, F = z.ref, ne = z.onMouseMove, P = z.onMouseDown, ue = z.onClick;
     z.onPress;
-    var we = z.disabled, Ee = et(z, X4);
+    var we = z.disabled, Se = et(z, X4);
     we !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useCombobox.');
-    var xe = w.current, Ne = xe.props, Ie = xe.state, De = k1(B, X, Ne.items, "Pass either item or index to getItemProps!"), rt = De[0], Be = De[1], Re = Ne.isItemDisabled(rt, Be), xt = "onClick", Ct = ue, Me = function() {
-      T.isTouchEnd || Be === Ie.highlightedIndex || (R.current = !1, c({
+    var xe = w.current, Ne = xe.props, Ie = xe.state, De = k1(B, X, Ne.items, "Pass either item or index to getItemProps!"), rt = De[0], Ee = De[1], Re = Ne.isItemDisabled(rt, Ee), xt = "onClick", Ct = ue, Me = function() {
+      T.isTouchEnd || Ee === Ie.highlightedIndex || (R.current = !1, c({
         type: r5,
-        index: Be,
+        index: Ee,
         disabled: Re
       }));
     }, Pe = function() {
       c({
         type: i0,
-        index: Be
+        index: Ee
       });
     }, Ke = function(ot) {
       return ot.preventDefault();
     };
     return ae((K = {}, K[$] = ht(F, function(je) {
-      je && (y.current[b.getItemId(Be)] = je);
-    }), K["aria-disabled"] = Re, K["aria-selected"] = Be === Ie.highlightedIndex, K.id = b.getItemId(Be), K.role = "option", K), !Re && (O = {}, O[xt] = fe(Ct, Pe), O), {
+      je && (y.current[b.getItemId(Ee)] = je);
+    }), K["aria-disabled"] = Re, K["aria-selected"] = Ee === Ie.highlightedIndex, K.id = b.getItemId(Ee), K.role = "option", K), !Re && (O = {}, O[xt] = fe(Ct, Pe), O), {
       onMouseMove: fe(ne, Me),
       onMouseDown: fe(P, Ke)
-    }, Ee);
+    }, Se);
   }, [c, b, w, T, R]), G = J(function(N) {
     var K, O = N === void 0 ? {} : N, z = O.onClick;
     O.onPress;
@@ -17352,7 +17352,7 @@ function At(e) {
   }, [c, w, b]), U = J(function(N, K) {
     var O, z = N === void 0 ? {} : N, B = z.onKeyDown, X = z.onChange, _ = z.onInput, $ = z.onBlur;
     z.onChangeText;
-    var F = z.onClick, ne = z.refKey, P = ne === void 0 ? "ref" : ne, ue = z.ref, we = et(z, G4), Ee = K === void 0 ? {} : K, xe = Ee.suppressRefError, Ne = xe === void 0 ? !1 : xe;
+    var F = z.onClick, ne = z.refKey, P = ne === void 0 ? "ref" : ne, ue = z.ref, we = et(z, G4), Se = K === void 0 ? {} : K, xe = Se.suppressRefError, Ne = xe === void 0 ? !1 : xe;
     j("getInputProps", Ne, P, p);
     var Ie = w.current.state, De = function(Ke) {
       var je = Jt(Ke);
@@ -17362,7 +17362,7 @@ function At(e) {
         type: n0,
         inputValue: Ke.target.value
       });
-    }, Be = function(Ke) {
+    }, Ee = function(Ke) {
       if (i != null && i.document && Ie.isOpen && !T.isMouseDown) {
         var je = Ke.relatedTarget === null && i.document.activeElement !== i.document.body;
         c({
@@ -17377,7 +17377,7 @@ function At(e) {
     }, xt = "onChange", Ct = {};
     if (!we.disabled) {
       var Me;
-      Ct = (Me = {}, Me[xt] = fe(X, _, rt), Me.onKeyDown = fe(B, De), Me.onBlur = fe($, Be), Me.onClick = fe(F, Re), Me);
+      Ct = (Me = {}, Me[xt] = fe(X, _, rt), Me.onKeyDown = fe(B, De), Me.onBlur = fe($, Ee), Me.onClick = fe(F, Re), Me);
     }
     return ae((O = {}, O[P] = ht(ue, function(Pe) {
       p.current = Pe;
@@ -18485,26 +18485,25 @@ const ou = (e) => {
       isOpen: P,
       openMenu: ue,
       selectedItem: we,
-      inputValue: Ee,
+      inputValue: Se,
       highlightedIndex: xe,
       getToggleButtonProps: Ne,
       getMenuProps: Ie,
       getInputProps: De,
       getItemProps: rt,
-      isMulti: Be,
+      isMulti: Ee,
       isSearchable: Re,
       multipleSelection: xt
     } = C, { getDropdownProps: Ct } = xt;
     Ut(() => {
-      if (P && $.current && F.current) {
-        const ce = $.current.getBoundingClientRect(), ye = F.current.getBoundingClientRect().height, Ze = window.innerHeight - ce.bottom;
-        O(Ze < ye ? "top" : "bottom");
-      }
+      if (!P || !$.current) return;
+      const ce = $.current.getBoundingClientRect(), ye = window.innerHeight - ce.bottom;
+      O(ye < 300 ? "top" : "bottom");
     }, [P, O]), Ut(() => {
       const ce = P && !(r && C.filteredItems.length === 0);
       return B(ce), () => B(!1);
     }, [P, r, C.filteredItems.length, B]);
-    const Me = Be ? C.selectedItems ?? [] : we ? [we] : [], Pe = Me.length > 0, Ke = o && !k && !c, je = i && Pe && !k && !c, ot = !d && !c, kr = !Pe && (!Re || !Ee) || !w, Nr = {}, Tr = {};
+    const Me = Ee ? C.selectedItems ?? [] : we ? [we] : [], Pe = Me.length > 0, Ke = o && !k && !c, je = i && Pe && !k && !c, ot = !d && !c, kr = !Pe && (!Re || !Se) || !w, Nr = {}, Tr = {};
     Object.entries(H).forEach(([ce, ye]) => {
       ce.startsWith("data-") || ce.startsWith("aria-") || ce === "role" ? Nr[ce] = ye : Tr[ce] = ye;
     });
@@ -18560,8 +18559,8 @@ const ou = (e) => {
             ce.stopPropagation(), Re ? ue() : Re || C.toggleMenu();
           },
           children: [
-            L || /* @__PURE__ */ M(au, { isMulti: Be, children: [
-              Be && w && Me.map((ce, ye) => /* @__PURE__ */ a(
+            L || /* @__PURE__ */ M(au, { isMulti: Ee, children: [
+              Ee && w && Me.map((ce, ye) => /* @__PURE__ */ a(
                 A0,
                 {
                   data: ce,
@@ -18571,7 +18570,7 @@ const ou = (e) => {
                 },
                 W(ce)
               )),
-              !Be && Pe && w && !Re && /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ a(
+              !Ee && Pe && w && !Re && /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ a(
                 su,
                 {
                   data: Me[0],
@@ -18662,7 +18661,7 @@ const ou = (e) => {
                       ...lr,
                       autoFocus: !0,
                       placeholder: e,
-                      onClick: (Ze) => Ze.stopPropagation()
+                      onClick: (Be) => Be.stopPropagation()
                     }
                   ) }),
                   /* @__PURE__ */ a(
@@ -18670,11 +18669,11 @@ const ou = (e) => {
                     {
                       ref: ne,
                       totalHeight: Xe ? ut.getTotalSize() : void 0,
-                      children: l ? /* @__PURE__ */ a("div", { className: Xd({ size: U }), children: n }) : C.filteredItems.length === 0 ? /* @__PURE__ */ a(o1, { inputValue: Ee, children: typeof t == "function" ? t(Ee) : t }) : d1(Z) ? (() => {
-                        const Ze = Ge(
+                      children: l ? /* @__PURE__ */ a("div", { className: Xd({ size: U }), children: n }) : C.filteredItems.length === 0 ? /* @__PURE__ */ a(o1, { inputValue: Se, children: typeof t == "function" ? t(Se) : t }) : d1(Z) ? (() => {
+                        const Be = Ge(
                           Z
                         );
-                        return Ze.length === 0 ? /* @__PURE__ */ a(o1, { inputValue: Ee, children: typeof t == "function" ? t(Ee) : t }) : Ze.map((He) => /* @__PURE__ */ a(
+                        return Be.length === 0 ? /* @__PURE__ */ a(o1, { inputValue: Se, children: typeof t == "function" ? t(Se) : t }) : Be.map((He) => /* @__PURE__ */ a(
                           I0,
                           {
                             data: He,
@@ -18708,8 +18707,8 @@ const ou = (e) => {
                           },
                           He.label
                         ));
-                      })() : Ue.length === 0 ? /* @__PURE__ */ a(o1, { inputValue: Ee, children: typeof t == "function" ? t(Ee) : t }) : Xe ? ut.getVirtualItems().map((Ze) => {
-                        const He = Ue[Ze.index], Oe = W(He), Je = Me.some(
+                      })() : Ue.length === 0 ? /* @__PURE__ */ a(o1, { inputValue: Se, children: typeof t == "function" ? t(Se) : t }) : Xe ? ut.getVirtualItems().map((Be) => {
+                        const He = Ue[Be.index], Oe = W(He), Je = Me.some(
                           (It) => W(It) === Oe
                         ), lt = C.filteredItems.findIndex(
                           (It) => W(It) === Oe
@@ -18721,14 +18720,14 @@ const ou = (e) => {
                         return /* @__PURE__ */ a(
                           "div",
                           {
-                            "data-index": Ze.index,
+                            "data-index": Be.index,
                             ref: ut.measureElement,
                             style: {
                               position: "absolute",
                               top: 0,
                               left: 0,
                               width: "100%",
-                              transform: `translateY(${Ze.start}px)`
+                              transform: `translateY(${Be.start}px)`
                             },
                             children: /* @__PURE__ */ a(
                               hn,
@@ -18743,28 +18742,28 @@ const ou = (e) => {
                               }
                             )
                           },
-                          Ze.key
+                          Be.key
                         );
-                      }) : Ue.map((Ze) => {
-                        const He = W(Ze), Oe = Me.some(
+                      }) : Ue.map((Be) => {
+                        const He = W(Be), Oe = Me.some(
                           (It) => W(It) === He
                         ), Je = C.filteredItems.findIndex(
                           (It) => W(It) === He
-                        ), lt = xe === Je, Mt = N(Ze), Pt = rt({
-                          item: Ze,
+                        ), lt = xe === Je, Mt = N(Be), Pt = rt({
+                          item: Be,
                           index: Je,
-                          onClick: () => Ve(Ze)
+                          onClick: () => Ve(Be)
                         });
                         return /* @__PURE__ */ a(
                           hn,
                           {
                             ...Pt,
-                            data: Ze,
+                            data: Be,
                             isDisabled: Mt,
                             isFocused: lt,
                             isSelected: Oe,
                             optionClassName: f,
-                            children: p ? p({ data: Ze, isFocused: lt, isSelected: Oe, isDisabled: Mt }) : void 0
+                            children: p ? p({ data: Be, isFocused: lt, isSelected: Oe, isDisabled: Mt }) : void 0
                           },
                           He
                         );

package/dist/qodly.svg

@@ -1,14 +1,14 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
-   <path fill="url(#a)" d="M.377 5.77A5.394 5.394 0 0 1 5.77.377h13.213a5.394 5.394 0 0 1 5.394 5.393v13.213a5.394 5.394 0 0 1-5.394 5.394H5.77a5.394 5.394 0 0 1-5.393-5.394V5.77Z" />
-   <path fill="#fff" d="m14.45 15.919 1.602 2.913h2.819l-1.47-2.535c1.253-1.425 1.442-3.13 1.442-3.13h-2.351s-.342 1.749-2.042 2.752Z" />
-   <path fill="#fff" d="M18.843 12.322h-2.229c.04-1.872-.893-3.068-1.676-3.684-1.162-.948-2.564-.962-2.564-.962-1.726-.034-2.762.739-3.35 1.318a4.43 4.43 0 0 0-1.285 3.323c.062 1.977 1.51 3.656 3.39 4.111.464.111.712.11.866.126.93.016 1.214.018 1.845.018l1.247 2.262h-2.809c-4.192-.053-6.117-3.118-6.593-4.995-.443-1.595-.06-3.131-.06-3.131.711-3.119 3.492-5.334 6.807-5.237.372.047 2.448.013 4.457 1.922.995.994 1.985 2.569 1.954 4.93Z" />
-   <defs>
-      <linearGradient id="a" x1="29.54" x2="15.21" y1="28.58" y2="-1.402" gradientUnits="userSpaceOnUse">
-         <stop stop-color="#2743A6" />
-         <stop offset=".46" stop-color="#8F1AEB" />
-         <stop offset=".734" stop-color="#C860D5" />
-         <stop offset="1" stop-color="#FFA4C0" />
-      </linearGradient>
-   </defs>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+   <path fill="url(#a)" d="M.377 5.77A5.394 5.394 0 0 1 5.77.377h13.213a5.394 5.394 0 0 1 5.394 5.393v13.213a5.394 5.394 0 0 1-5.394 5.394H5.77a5.394 5.394 0 0 1-5.393-5.394V5.77Z" />
+   <path fill="#fff" d="m14.45 15.919 1.602 2.913h2.819l-1.47-2.535c1.253-1.425 1.442-3.13 1.442-3.13h-2.351s-.342 1.749-2.042 2.752Z" />
+   <path fill="#fff" d="M18.843 12.322h-2.229c.04-1.872-.893-3.068-1.676-3.684-1.162-.948-2.564-.962-2.564-.962-1.726-.034-2.762.739-3.35 1.318a4.43 4.43 0 0 0-1.285 3.323c.062 1.977 1.51 3.656 3.39 4.111.464.111.712.11.866.126.93.016 1.214.018 1.845.018l1.247 2.262h-2.809c-4.192-.053-6.117-3.118-6.593-4.995-.443-1.595-.06-3.131-.06-3.131.711-3.119 3.492-5.334 6.807-5.237.372.047 2.448.013 4.457 1.922.995.994 1.985 2.569 1.954 4.93Z" />
+   <defs>
+      <linearGradient id="a" x1="29.54" x2="15.21" y1="28.58" y2="-1.402" gradientUnits="userSpaceOnUse">
+         <stop stop-color="#2743A6" />
+         <stop offset=".46" stop-color="#8F1AEB" />
+         <stop offset=".734" stop-color="#C860D5" />
+         <stop offset="1" stop-color="#FFA4C0" />
+      </linearGradient>
+   </defs>
+</svg>