welcome-ui 10.0.0-alpha.3 → 10.0.0-alpha.5

package/dist/SQZLCNLX-Dg4KKdNJ.js

@@ -0,0 +1,83 @@
+"use client";
+import { C as N, a as U, b as A } from "./SBSPVDDI-CmtnvvUX.js";
+import { e as T, y as j, f as w, c as D, b as H, _ as M, l as O, Q, F as $, a2 as q, u as v, d as z, v as B, a as p, r as G } from "./OE2EFRVA-Dg1R6gaC.js";
+import { b as J } from "./RTNCFSKZ-BywELldk.js";
+import { useRef as K, useEffect as k } from "react";
+var L = T(
+  [U],
+  [N]
+), V = L.useContext, P = "input";
+function W(u, r) {
+  if (r !== void 0)
+    return u != null && r != null ? r === u : !!r;
+}
+function X(u, r) {
+  return u === "input" && (!r || r === "radio");
+}
+var Y = D(function(r) {
+  var d = r, {
+    store: t,
+    name: c,
+    value: a,
+    checked: m
+  } = d, o = M(d, [
+    "store",
+    "name",
+    "value",
+    "checked"
+  ]);
+  const R = V();
+  t = t || R;
+  const i = O(o.id), l = K(null), s = J(
+    t,
+    (e) => m ?? W(a, e == null ? void 0 : e.value)
+  );
+  k(() => {
+    !i || !s || (t == null ? void 0 : t.getState().activeId) === i || t == null || t.setActiveId(i);
+  }, [t, s, i]);
+  const C = o.onChange, x = Q(l, P), n = X(x, o.type), I = $(o), [_, b] = q();
+  k(() => {
+    const e = l.current;
+    e && (n || (s !== void 0 && (e.checked = s), c !== void 0 && (e.name = c), a !== void 0 && (e.value = `${a}`)));
+  }, [_, n, s, c, a]);
+  const f = v((e) => {
+    if (I) {
+      e.preventDefault(), e.stopPropagation();
+      return;
+    }
+    (t == null ? void 0 : t.getState().value) !== a && (n || (e.currentTarget.checked = !0, b()), C == null || C(e), !e.defaultPrevented && (t == null || t.setValue(a)));
+  }), g = o.onClick, S = v((e) => {
+    g == null || g(e), !e.defaultPrevented && (n || f(e));
+  }), h = o.onFocus, F = v((e) => {
+    if (h == null || h(e), e.defaultPrevented || !n || !t) return;
+    const { moves: y, activeId: E } = t.getState();
+    y && (i && E !== i || f(e));
+  });
+  return o = z(p({
+    id: i,
+    role: n ? void 0 : "radio",
+    type: n ? "radio" : void 0,
+    "aria-checked": s
+  }, o), {
+    ref: B(l, o.ref),
+    onChange: f,
+    onClick: S,
+    onFocus: F
+  }), o = A(p({
+    store: t,
+    clickOnEnter: !n
+  }, o)), G(p({
+    name: n ? c : void 0,
+    value: n ? a : void 0,
+    checked: s
+  }, o));
+}), re = j(
+  w(function(r) {
+    const d = Y(r);
+    return H(P, d);
+  })
+);
+export {
+  re as R,
+  Y as u
+};

package/dist/Search.css

@@ -1 +1 @@
-@layer components{._wrapper_1c3h3_2{position:relative}._indicators_1c3h3_5{position:absolute;padding:0;top:0;bottom:0;right:var(--indicatorsRight, 0);display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_1c3h3_14{position:relative;height:100%;width:var(--searchClearSize);padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}._input-wrapper_1c3h3_27{position:relative}._input-wrapper_1c3h3_27:has(>._icon-placement-right_1c3h3_30) ._indicators_1c3h3_5{--indicatorsRight: calc((var(--searchIconSize, 1rem) + var(--border-radius-md)))}._root_1c3h3_33{background-color:var(--searchBackgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--searchBorderColor, var(--color-background-neutral-subtlest));border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-xs);color:var(--searchTextColor, var(--color-background-neutral-primary-fixed));font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:2px solid var(--searchOutlineColor, transparent);cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--searchHeight);padding-bottom:var(--searchPaddingBottom);padding-left:var(--searchPaddingLeft);padding-right:var(--searchPaddingRight);padding-top:var(--searchPaddingTop)}._root_1c3h3_33._icon-placement-left_1c3h3_63{padding-left:calc(var(--searchPaddingLeft) + var(--searchIconSize, 1rem) + var(--border-radius-md))}._root_1c3h3_33._icon-placement-right_1c3h3_30{padding-right:calc(var(--searchPaddingRight) + (var(--searchIconSize, 1rem) + var(--border-radius-md)) * 2)}._root_1c3h3_33:disabled{--searchBackgroundColor: var(--color-background-warm-stronger);--searchTextColor: var(--color-text-warm-tertiary);cursor:not-allowed}._root_1c3h3_33:hover:not([class*=variant]){--searchBorderColor: var(--color-background-brand-primary)}._root_1c3h3_33:focus:not([class*=variant]){--searchOutlineColor: var(--color-background-brand-subtle);--searchBorderColor: var(--color-background-brand-primary)}._root_1c3h3_33._transparent_1c3h3_81{--searchBorderColor: transparent;--searchBackgroundColor: transparent}._root_1c3h3_33._transparent_1c3h3_81:hover{--searchBorderColor: var(--color-background-neutral-minimal)}._root_1c3h3_33::placeholder{color:var(--color-icon-neutral-subtle)}._root_1c3h3_33 br{display:none}._variant-danger_1c3h3_94{--searchBorderColor: var(--color-background-danger-strongest);--searchOutlineColor: var(--color-background-danger-secondary)}._variant-success_1c3h3_98{--searchBorderColor: var(--color-background-accent-green-strongest);--searchOutlineColor: var(--color-background-accent-green-primary)}._variant-warning_1c3h3_102{--searchBorderColor: var(--color-background-warning-stronger);--searchOutlineColor: var(--color-background-warning-subtle)}._size-lg_1c3h3_106{--searchHeight: var(--size-icon-2xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-xl);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-xl)}._size-md_1c3h3_114{--searchHeight: var(--width-40);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-lg);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-lg)}._size-sm_1c3h3_122{--searchHeight: var(--size-icon-xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-md);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-md)}._size-xs_1c3h3_130{--searchHeight: var(--border-radius-2xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-sm);--searchPaddingLeft: var(--border-radius-md);--searchPaddingRight: var(--border-radius-md);--searchPaddingTop: var(--border-radius-sm);--searchIconSize: .75rem}._icon-wrapper_1c3h3_139{position:absolute;top:0;left:var(--iconPlacementLeft, auto);right:var(--iconPlacementRight, auto);bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);color:var(--color-background-neutral-primary-fixed)}._icon-wrapper_1c3h3_139._icon-placement-left_1c3h3_63{--iconPlacementLeft: var(--border-radius-lg)}._icon-wrapper_1c3h3_139._icon-placement-left_1c3h3_63._size-xs_1c3h3_130{--iconPlacementLeft: var(--border-radius-md)}._icon-wrapper_1c3h3_139._icon-placement-right_1c3h3_30{--iconPlacementRight: var(--border-radius-lg)}._icon-wrapper_1c3h3_139._icon-placement-right_1c3h3_30._size-xs_1c3h3_130{--iconPlacementRight: var(--border-radius-md)}._icon-wrapper_1c3h3_139>button{pointer-events:auto}._menu_1c3h3_170{max-height:9.6875rem;background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-xs);color:var(--color-background-neutral-primary-fixed);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--border-radius-lg);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_1c3h3_170:hover>*{cursor:pointer}._item_1c3h3_198{color:var(--itemTextColor, var(--color-icon-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--border-radius-lg);list-style:none;text-decoration:none;font-size:var(--font-size-14);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_1c3h3_198._highlighted_1c3h3_212{background-color:var(--color-background-warm-primary)}._item_1c3h3_198._selected_1c3h3_215{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_1c3h3_198._selected_1c3h3_215._highlighted_1c3h3_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}
+@layer components{._wrapper_4fh7o_2{position:relative}._indicators_4fh7o_5{position:absolute;padding:0;top:0;height:var(--searchHeight, 100%);right:var(--indicatorsRight, 0);display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_4fh7o_14{position:relative;height:100%;width:var(--searchClearSize);padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}._input-wrapper_4fh7o_27{position:relative}._input-wrapper_4fh7o_27:has(>._icon-placement-right_4fh7o_30) ._indicators_4fh7o_5{--indicatorsRight: calc((var(--searchIconSize, 1rem) + var(--border-radius-md)))}._root_4fh7o_33{background-color:var(--searchBackgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--searchBorderColor, var(--color-background-neutral-subtlest));border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-xs);color:var(--searchTextColor, var(--color-background-neutral-primary-fixed));font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:2px solid var(--searchOutlineColor, transparent);cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--searchHeight);padding-bottom:var(--searchPaddingBottom);padding-left:var(--searchPaddingLeft);padding-right:var(--searchPaddingRight);padding-top:var(--searchPaddingTop)}._root_4fh7o_33._icon-placement-left_4fh7o_63{padding-left:calc(var(--searchPaddingLeft) + var(--searchIconSize, 1rem) + var(--border-radius-md))}._root_4fh7o_33._icon-placement-right_4fh7o_30{padding-right:calc(var(--searchPaddingRight) + (var(--searchIconSize, 1rem) + var(--border-radius-md)) * 2)}._root_4fh7o_33:disabled{--searchBackgroundColor: var(--color-background-warm-stronger);--searchTextColor: var(--color-text-warm-tertiary);cursor:not-allowed}._root_4fh7o_33:hover:not([class*=variant]){--searchBorderColor: var(--color-background-brand-primary)}._root_4fh7o_33:focus:not([class*=variant]){--searchOutlineColor: var(--color-background-brand-subtle);--searchBorderColor: var(--color-background-brand-primary)}._root_4fh7o_33._transparent_4fh7o_81{--searchBorderColor: transparent;--searchBackgroundColor: transparent}._root_4fh7o_33._transparent_4fh7o_81:hover{--searchBorderColor: var(--color-background-neutral-minimal)}._root_4fh7o_33::placeholder{color:var(--color-icon-neutral-subtle)}._root_4fh7o_33 br{display:none}._variant-danger_4fh7o_94{--searchBorderColor: var(--color-background-danger-strongest);--searchOutlineColor: var(--color-background-danger-secondary)}._variant-success_4fh7o_98{--searchBorderColor: var(--color-background-accent-green-strongest);--searchOutlineColor: var(--color-background-accent-green-primary)}._variant-warning_4fh7o_102{--searchBorderColor: var(--color-background-warning-stronger);--searchOutlineColor: var(--color-background-warning-subtle)}._size-lg_4fh7o_106{--searchHeight: var(--size-icon-2xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-xl);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-xl)}._size-md_4fh7o_114{--searchHeight: var(--width-40);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-lg);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-lg)}._size-sm_4fh7o_122{--searchHeight: var(--size-icon-xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-md);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-md)}._size-xs_4fh7o_130{--searchHeight: var(--border-radius-2xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-sm);--searchPaddingLeft: var(--border-radius-md);--searchPaddingRight: var(--border-radius-md);--searchPaddingTop: var(--border-radius-sm);--searchIconSize: .75rem}._icon-wrapper_4fh7o_139{position:absolute;top:0;left:var(--iconPlacementLeft, auto);right:var(--iconPlacementRight, auto);bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);color:var(--color-background-neutral-primary-fixed)}._icon-wrapper_4fh7o_139._icon-placement-left_4fh7o_63{--iconPlacementLeft: var(--border-radius-lg)}._icon-wrapper_4fh7o_139._icon-placement-left_4fh7o_63._size-xs_4fh7o_130{--iconPlacementLeft: var(--border-radius-md)}._icon-wrapper_4fh7o_139._icon-placement-right_4fh7o_30{--iconPlacementRight: var(--border-radius-lg)}._icon-wrapper_4fh7o_139._icon-placement-right_4fh7o_30._size-xs_4fh7o_130{--iconPlacementRight: var(--border-radius-md)}._icon-wrapper_4fh7o_139>button{pointer-events:auto}._menu_4fh7o_170{max-height:9.6875rem;background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-xs);color:var(--color-background-neutral-primary-fixed);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--border-radius-lg);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_4fh7o_170:hover>*{cursor:pointer}._item_4fh7o_198{color:var(--itemTextColor, var(--color-icon-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--border-radius-lg);list-style:none;text-decoration:none;font-size:var(--font-size-14);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_4fh7o_198._highlighted_4fh7o_212{background-color:var(--color-background-warm-primary)}._item_4fh7o_198._selected_4fh7o_215{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_4fh7o_198._selected_4fh7o_215._highlighted_4fh7o_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}

package/dist/Search.js

@@ -1,34 +1,35 @@
 "use client";
+import './Search.css';
 import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import { D as j } from "./downshift.esm-xtYanIDi.js";
+import { D as b } from "./downshift.esm-xtYanIDi.js";
 import { forwardRef as le, useState as he, useCallback as de, useMemo as _e, Fragment as pe } from "react";
 import { CloseButton as me } from "./CloseButton.js";
-import { Icon as ue } from "./Icon.js";
-import { c as fe } from "./index-PAaZGbyz.js";
+import { Icon as fe } from "./Icon.js";
+import { c as ue } from "./index-PAaZGbyz.js";
 import { c as ge } from "./create-event-rXDe5aCQ.js";
 import { t as we } from "./throttle-BDBzFeFj.js";
-const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33", Re = "_transparent_1c3h3_81", ve = "_menu_1c3h3_170", Ie = "_item_1c3h3_198", Se = "_highlighted_1c3h3_212", ke = "_selected_1c3h3_215", Ce = {
+const Ne = "_wrapper_4fh7o_2", xe = "_indicators_4fh7o_5", ze = "_root_4fh7o_33", Re = "_transparent_4fh7o_81", Se = "_menu_4fh7o_170", ve = "_item_4fh7o_198", Ie = "_highlighted_4fh7o_212", ke = "_selected_4fh7o_215", Ce = {
   wrapper: Ne,
   indicators: xe,
-  "dropdown-indicator": "_dropdown-indicator_1c3h3_14",
-  "input-wrapper": "_input-wrapper_1c3h3_27",
-  "icon-placement-right": "_icon-placement-right_1c3h3_30",
+  "dropdown-indicator": "_dropdown-indicator_4fh7o_14",
+  "input-wrapper": "_input-wrapper_4fh7o_27",
+  "icon-placement-right": "_icon-placement-right_4fh7o_30",
   root: ze,
-  "icon-placement-left": "_icon-placement-left_1c3h3_63",
+  "icon-placement-left": "_icon-placement-left_4fh7o_63",
   transparent: Re,
-  "variant-danger": "_variant-danger_1c3h3_94",
-  "variant-success": "_variant-success_1c3h3_98",
-  "variant-warning": "_variant-warning_1c3h3_102",
-  "size-lg": "_size-lg_1c3h3_106",
-  "size-md": "_size-md_1c3h3_114",
-  "size-sm": "_size-sm_1c3h3_122",
-  "size-xs": "_size-xs_1c3h3_130",
-  "icon-wrapper": "_icon-wrapper_1c3h3_139",
-  menu: ve,
-  item: Ie,
-  highlighted: Se,
+  "variant-danger": "_variant-danger_4fh7o_94",
+  "variant-success": "_variant-success_4fh7o_98",
+  "variant-warning": "_variant-warning_4fh7o_102",
+  "size-lg": "_size-lg_4fh7o_106",
+  "size-md": "_size-md_4fh7o_114",
+  "size-sm": "_size-sm_4fh7o_122",
+  "size-xs": "_size-xs_4fh7o_130",
+  "icon-wrapper": "_icon-wrapper_4fh7o_139",
+  menu: Se,
+  item: ve,
+  highlighted: Ie,
   selected: ke
-}, y = "", n = fe(Ce), $e = j.default || j, Be = le(
+}, j = "", n = ue(Ce), $e = b.default || b, De = le(
   ({
     autoComplete: O = "off",
     autoFocus: P,
@@ -45,30 +46,30 @@ const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33"
     onBlur: q,
     onChange: m,
     onClick: A,
-    onFocus: u,
+    onFocus: f,
     placeholder: J = "Search…",
     renderGroupHeader: K,
-    renderItem: v,
-    search: I,
+    renderItem: S,
+    search: v,
     size: l = "lg",
-    throttle: S = 500,
+    throttle: I = 500,
     transparent: L,
-    value: h = y,
-    variant: f,
+    value: h = j,
+    variant: u,
     ...g
   }, Q) => {
-    const U = h ? s(h) : y, [k, r] = he([]), C = de(
+    const U = h ? s(h) : j, [k, r] = he([]), C = de(
       async (e) => {
         if (p === 0 || (e == null ? void 0 : e.length) >= p) {
-          const a = await I(e);
+          const a = await v(e);
           r(a || []);
         } else
           r([]);
       },
-      [p, I]
+      [p, v]
     ), $ = _e(
-      () => we(C, S, !1),
-      [C, S]
+      () => we(C, I, !1),
+      [C, I]
     ), w = (e) => {
       const a = ge({ name: R, value: e });
       m == null || m(e, a);
@@ -95,15 +96,15 @@ const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33"
           getRootProps: X,
           highlightedIndex: Z,
           inputValue: F,
-          isOpen: E,
+          isOpen: y,
           selectedItem: d,
           toggleMenu: ee
         }) => {
           const te = () => {
             r([]), w(), e();
-          }, ne = E && k.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(me, { animatePresence: !0, onClick: te, title: "Clear" }) }), ce = (c) => {
-            u == null || u(c), $(""), ee();
-          }, ie = X(g, { suppressRefError: !0 }), re = a({
+          }, ne = y && k.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(me, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (i) => {
+            f == null || f(i), $(""), ee();
+          }, oe = X(g, { suppressRefError: !0 }), re = a({
             autoComplete: O,
             autoFocus: P,
             "data-testid": B,
@@ -112,15 +113,15 @@ const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33"
             name: R,
             onBlur: q,
             onClick: A,
-            onFocus: ce,
+            onFocus: ie,
             placeholder: J,
             ref: Q,
             size: l,
             tabIndex: 0,
-            variant: E ? "focused" : f,
+            variant: y ? "focused" : u,
             ...g
           });
-          return /* @__PURE__ */ x("div", { ...ie, className: n("wrapper"), children: [
+          return /* @__PURE__ */ x("div", { ...oe, className: n("wrapper"), children: [
             /* @__PURE__ */ x("div", { className: n("input-wrapper"), children: [
               /* @__PURE__ */ t(
                 "input",
@@ -128,7 +129,7 @@ const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33"
                   className: n(
                     "root",
                     `size-${l}`,
-                    f && `variant-${f}`,
+                    u && `variant-${u}`,
                     L && "transparent",
                     _ && `icon-placement-${z}`,
                     V
@@ -144,34 +145,34 @@ const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33"
                     `icon-placement-${z}`,
                     `size-${l}`
                   ),
-                  children: /* @__PURE__ */ t(ue, { ..._.props, size: "lg" })
+                  children: /* @__PURE__ */ t(fe, { ..._.props, size: "lg" })
                 }
               ) : null,
               /* @__PURE__ */ t("div", { className: n("indicators", `size-${l}`), children: F ? se : null })
             ] }),
             ne ? /* @__PURE__ */ t("ul", { className: n("menu"), ...W(), children: k.reduce(
-              (c, i, N) => {
-                const M = c.itemIndex++, b = Z === M;
+              (i, o, N) => {
+                const E = i.itemIndex++, M = Z === E;
                 if (H)
-                  c.itemsToRender.push(
+                  i.itemsToRender.push(
                     /* @__PURE__ */ x(pe, { children: [
-                      K(i),
-                      i.options ? i.options.map(
-                        (o, ae) => {
-                          const oe = d && s(d) === s(o);
+                      K(o),
+                      o.options ? o.options.map(
+                        (c, ae) => {
+                          const ce = d && s(d) === s(c);
                           return /* @__PURE__ */ t(
                             "li",
                             {
                               className: n(
                                 "item",
-                                b && "highlighted",
-                                oe && "selected"
+                                M && "highlighted",
+                                ce && "selected"
                               ),
                               ...T({
-                                index: M,
-                                item: o
+                                index: E,
+                                item: c
                               }),
-                              children: v(o)
+                              children: S(c)
                             },
                             ae
                           );
@@ -180,27 +181,27 @@ const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33"
                     ] }, N)
                   );
                 else {
-                  const o = d && s(d) === s(i);
-                  c.itemsToRender.push(
+                  const c = d && s(d) === s(o);
+                  i.itemsToRender.push(
                     /* @__PURE__ */ t(
                       "li",
                       {
                         className: n(
                           "item",
-                          b && "highlighted",
-                          o && "selected"
+                          M && "highlighted",
+                          c && "selected"
                         ),
                         ...T({
                           index: N,
-                          item: i
+                          item: o
                         }),
-                        children: v(i)
+                        children: S(o)
                       },
                       N
                     )
                   );
                 }
-                return c;
+                return i;
               },
               { itemIndex: 0, itemsToRender: [] }
             ).itemsToRender }) : null
@@ -210,6 +211,7 @@ const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33"
     );
   }
 );
+De.displayName = "Search";
 export {
-  Be as Search
+  De as Search
 };

package/dist/Select.css

@@ -1 +1 @@
-@layer components{._indicators_83uuk_2{position:absolute;padding:0;top:0;bottom:0;right:var(--indicatorsRight, var(--spacing-md));display:flex;gap:var(--spacing-xs)}._indicators_83uuk_2._size-xs_83uuk_11{--indicatorsRight: var(--spacing-sm)}._dropdown-indicator_83uuk_14{position:relative;height:100%;padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;justify-content:center;max-height:var(--selectHeight)}._dropdown-indicator_83uuk_14 ._styled-icon_83uuk_28{transform:none;transition-property:transform;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary)}._dropdown-indicator_83uuk_14._open_83uuk_34 ._styled-icon_83uuk_28{transform:rotate3d(0,0,1,180deg)}._dropdown-indicator_83uuk_14:not(:last-child){width:auto}._dropdown-indicator_83uuk_14._disabled_83uuk_40{cursor:not-allowed;color:var(--components-colors-input-color-text-disabled)}._input-wrapper_83uuk_44{position:relative}._input-wrapper_83uuk_44:has(>._icon-placement-right_83uuk_47) ._indicators_83uuk_2{--indicatorsRight: calc(var(--spacing-lg) + var(--spacing-md) * 2)}._root_83uuk_51{--selectPlaceholderColor: var(--components-colors-input-color-text-placeholder);background-color:var(--selectBackgroundColor, var(--components-colors-input-color-background-default));border-color:var(--selectBorderColor, var(--components-colors-input-color-border-default));border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);color:var(--selectTextColor, var(--components-colors-input-color-text-default));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);height:var(--selectHeight);padding-bottom:var(--selectPaddingBottom);padding-left:var(--selectPaddingLeft);padding-right:var(--selectPaddingRight);padding-top:var(--selectPaddingTop);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--selectBoxShadow, var(--inset-10)) inset}._root_83uuk_51._icon-placement-left_83uuk_83,._root_83uuk_51._icon-placement-both_83uuk_83{padding-left:calc(var(--selectPaddingLeft) + var(--selectIconSize, 1rem) + var(--spacing-sm))}._root_83uuk_51._clearable_83uuk_86,._root_83uuk_51._icon-placement-right_83uuk_47,._root_83uuk_51._icon-placement-both_83uuk_83{padding-right:calc(var(--selectPaddingRight) + var(--selectIconSize, 1rem) + var(--spacing-sm))}._root_83uuk_51._clearable_83uuk_86._icon-placement-right_83uuk_47,._root_83uuk_51._clearable_83uuk_86._icon-placement-both_83uuk_83{padding-right:calc(var(--selectPaddingRight) + (var(--selectIconSize, 1rem) + var(--spacing-sm)) * 2)}._root_83uuk_51._disabled_83uuk_40{--selectBackgroundColor: var(--components-colors-input-color-background-disabled);--selectTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_83uuk_51:hover:not(._disabled_83uuk_40){--selectBorderColor: var(--components-colors-input-color-border-hover);--selectBoxShadow: var(--inset-20)}._root_83uuk_51:focus:not(._disabled_83uuk_40){--selectBorderColor: var(--components-colors-input-color-border-active)}._root_83uuk_51._transparent_83uuk_104{--selectBorderColor: transparent;--selectBackgroundColor: var(--components-colors-input-color-background-transparent)}._root_83uuk_51._transparent_83uuk_104:hover{--selectBorderColor: var(--components-colors-input-color-border-hover-transparent)}._root_83uuk_51::placeholder{color:var(--selectPlaceholderColor)}._root_83uuk_51 br{display:none}._root_83uuk_51:before{content:attr(data-spacer);visibility:hidden;display:block;height:0}._root_83uuk_51:empty:after{content:attr(placeholder);position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;color:var(--selectPlaceholderColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_83uuk_51:empty:before{height:auto}._variant-danger_83uuk_139{--selectBorderColor: var(--components-colors-input-color-border-error)}._variant-success_83uuk_142{--selectBorderColor: var(--components-colors-input-color-border-success)}._variant-warning_83uuk_145{--selectBorderColor: var(--components-colors-input-color-border-warning)}._size-lg_83uuk_148{--selectHeight: var(--components-dimensions-input-max-height-lg);--selectPaddingBottom: var(--components-dimensions-input-padding-block-lg);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-lg);--selectPaddingRight: var(--components-dimensions-input-padding-inline-lg);--selectPaddingTop: var(--components-dimensions-input-padding-block-lg)}._size-md_83uuk_155{--selectHeight: var(--components-dimensions-input-max-height-md);--selectPaddingBottom: var(--components-dimensions-input-padding-block-md);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-md);--selectPaddingRight: var(--components-dimensions-input-padding-inline-md);--selectPaddingTop: var(--components-dimensions-input-padding-block-md)}._size-sm_83uuk_162{--selectHeight: var(--components-dimensions-input-max-height-sm);--selectPaddingBottom: var(--components-dimensions-input-padding-block-sm);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-sm);--selectPaddingRight: var(--components-dimensions-input-padding-inline-sm);--selectPaddingTop: var(--components-dimensions-input-padding-block-sm)}._icon-wrapper_83uuk_169{position:absolute;top:0;bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);left:var(--iconPlacementLeft, auto);right:var(--iconPlacementRight, auto);color:var(--selectIconWrapperColor, var(--components-colors-input-color-icon-default))}._icon-wrapper_83uuk_169._icon-placement-left_83uuk_83{--iconPlacementLeft: var(--spacing-md)}._icon-wrapper_83uuk_169._icon-placement-left_83uuk_83._size-xs_83uuk_11{--iconPlacementLeft: var(--spacing-sm)}._icon-wrapper_83uuk_169._icon-placement-right_83uuk_47{--iconPlacementRight: var(--spacing-md)}._icon-wrapper_83uuk_169._icon-placement-right_83uuk_47._size-xs_83uuk_11{--iconPlacementRight: var(--spacing-sm)}._icon-wrapper_83uuk_169>button{pointer-events:auto}._wrapper_83uuk_200{position:relative;width:100%}._wrapper_83uuk_200._disabled_83uuk_40 ._icon-wrapper_83uuk_169{--selectIconWrapperColor: var(--components-colors-input-color-icon-disabled)}._menu_83uuk_207{max-height:9.6875rem;background-color:var(--components-colors-input-color-background-default);border-color:var(--components-colors-input-color-border-hover);border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);color:var(--components-colors-input-color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--spacing-md);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_83uuk_207:hover>*{cursor:pointer}._item_83uuk_235{color:var(--itemTextColor, var(--color-text-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--spacing-md);list-style:none;text-decoration:none;font-size:var(--font-size-sm);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_83uuk_235._highlighted_83uuk_249{background-color:var(--color-background-warm-primary)}._item_83uuk_235._selected_83uuk_252:not(._multiple_83uuk_252){--itemTextColor: var(--components-colors-input-color-text-default);font-weight:var(--font-weight-semi-bold)}._item_83uuk_235._selected_83uuk_252._multiple_83uuk_252:not(._allowUnselectFromList_83uuk_256){--itemTextColor: var(--color-beige-40);--itemCursor: not-allowed}._item_83uuk_235._disabled_83uuk_40{--itemTextColor: var(--components-colors-input-color-text-disabled);--itemCursor: not-allowed}._tags_83uuk_264{margin-top:var(--spacing-lg)}._tags_83uuk_264 ._styled-tag_83uuk_267:not(:last-child){margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._tags_83uuk_264:empty{display:none}}
+@layer components{._indicators_1q51m_2{position:absolute;padding:0;top:0;height:var(--selectHeight, 100%);right:var(--indicatorsRight, var(--spacing-md));display:flex;gap:var(--spacing-xs)}._indicators_1q51m_2._size-xs_1q51m_11{--indicatorsRight: var(--spacing-sm)}._dropdown-indicator_1q51m_14{position:relative;height:100%;padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;justify-content:center;max-height:var(--selectHeight)}._dropdown-indicator_1q51m_14 ._styled-icon_1q51m_28{transform:none;transition-property:transform;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary)}._dropdown-indicator_1q51m_14._open_1q51m_34 ._styled-icon_1q51m_28{transform:rotate3d(0,0,1,180deg)}._dropdown-indicator_1q51m_14:not(:last-child){width:auto}._dropdown-indicator_1q51m_14._disabled_1q51m_40{cursor:not-allowed;color:var(--components-colors-input-color-text-disabled)}._input-wrapper_1q51m_44{position:relative}._input-wrapper_1q51m_44:has(>._icon-placement-right_1q51m_47) ._indicators_1q51m_2{--indicatorsRight: calc(var(--spacing-lg) + var(--spacing-md) * 2)}._root_1q51m_51{--selectPlaceholderColor: var(--components-colors-input-color-text-placeholder);background-color:var(--selectBackgroundColor, var(--components-colors-input-color-background-default));border-color:var(--selectBorderColor, var(--components-colors-input-color-border-default));border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);color:var(--selectTextColor, var(--components-colors-input-color-text-default));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);height:var(--selectHeight);padding-bottom:var(--selectPaddingBottom);padding-left:var(--selectPaddingLeft);padding-right:var(--selectPaddingRight);padding-top:var(--selectPaddingTop);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--selectBoxShadow, var(--inset-10)) inset}._root_1q51m_51._icon-placement-left_1q51m_83,._root_1q51m_51._icon-placement-both_1q51m_83{padding-left:calc(var(--selectPaddingLeft) + var(--selectIconSize, 1rem) + var(--spacing-sm))}._root_1q51m_51._clearable_1q51m_86,._root_1q51m_51._icon-placement-right_1q51m_47,._root_1q51m_51._icon-placement-both_1q51m_83{padding-right:calc(var(--selectPaddingRight) + var(--selectIconSize, 1rem) + var(--spacing-sm))}._root_1q51m_51._clearable_1q51m_86._icon-placement-right_1q51m_47,._root_1q51m_51._clearable_1q51m_86._icon-placement-both_1q51m_83{padding-right:calc(var(--selectPaddingRight) + (var(--selectIconSize, 1rem) + var(--spacing-sm)) * 2)}._root_1q51m_51._disabled_1q51m_40{--selectBackgroundColor: var(--components-colors-input-color-background-disabled);--selectTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_1q51m_51:hover:not(._disabled_1q51m_40){--selectBorderColor: var(--components-colors-input-color-border-hover);--selectBoxShadow: var(--inset-20)}._root_1q51m_51:focus:not(._disabled_1q51m_40){--selectBorderColor: var(--components-colors-input-color-border-active)}._root_1q51m_51._transparent_1q51m_104{--selectBorderColor: transparent;--selectBackgroundColor: var(--components-colors-input-color-background-transparent)}._root_1q51m_51._transparent_1q51m_104:hover{--selectBorderColor: var(--components-colors-input-color-border-hover-transparent)}._root_1q51m_51::placeholder{color:var(--selectPlaceholderColor)}._root_1q51m_51 br{display:none}._root_1q51m_51:before{content:attr(data-spacer);visibility:hidden;display:block;height:0}._root_1q51m_51:empty:after{content:attr(placeholder);position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;color:var(--selectPlaceholderColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_1q51m_51:empty:before{height:auto}._variant-danger_1q51m_139{--selectBorderColor: var(--components-colors-input-color-border-error)}._variant-success_1q51m_142{--selectBorderColor: var(--components-colors-input-color-border-success)}._variant-warning_1q51m_145{--selectBorderColor: var(--components-colors-input-color-border-warning)}._size-lg_1q51m_148{--selectHeight: var(--components-dimensions-input-max-height-lg);--selectPaddingBottom: var(--components-dimensions-input-padding-block-lg);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-lg);--selectPaddingRight: var(--components-dimensions-input-padding-inline-lg);--selectPaddingTop: var(--components-dimensions-input-padding-block-lg)}._size-md_1q51m_155{--selectHeight: var(--components-dimensions-input-max-height-md);--selectPaddingBottom: var(--components-dimensions-input-padding-block-md);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-md);--selectPaddingRight: var(--components-dimensions-input-padding-inline-md);--selectPaddingTop: var(--components-dimensions-input-padding-block-md)}._size-sm_1q51m_162{--selectHeight: var(--components-dimensions-input-max-height-sm);--selectPaddingBottom: var(--components-dimensions-input-padding-block-sm);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-sm);--selectPaddingRight: var(--components-dimensions-input-padding-inline-sm);--selectPaddingTop: var(--components-dimensions-input-padding-block-sm)}._icon-wrapper_1q51m_169{position:absolute;top:0;bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);left:var(--iconPlacementLeft, auto);right:var(--iconPlacementRight, auto);color:var(--selectIconWrapperColor, var(--components-colors-input-color-icon-default))}._icon-wrapper_1q51m_169._icon-placement-left_1q51m_83{--iconPlacementLeft: var(--spacing-md)}._icon-wrapper_1q51m_169._icon-placement-left_1q51m_83._size-xs_1q51m_11{--iconPlacementLeft: var(--spacing-sm)}._icon-wrapper_1q51m_169._icon-placement-right_1q51m_47{--iconPlacementRight: var(--spacing-md)}._icon-wrapper_1q51m_169._icon-placement-right_1q51m_47._size-xs_1q51m_11{--iconPlacementRight: var(--spacing-sm)}._icon-wrapper_1q51m_169>button{pointer-events:auto}._wrapper_1q51m_200{position:relative;width:100%}._wrapper_1q51m_200._disabled_1q51m_40 ._icon-wrapper_1q51m_169{--selectIconWrapperColor: var(--components-colors-input-color-icon-disabled)}._menu_1q51m_207{max-height:9.6875rem;background-color:var(--components-colors-input-color-background-default);border-color:var(--components-colors-input-color-border-hover);border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);color:var(--components-colors-input-color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--spacing-md);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_1q51m_207:hover>*{cursor:pointer}._item_1q51m_235{color:var(--itemTextColor, var(--color-text-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--spacing-md);list-style:none;text-decoration:none;font-size:var(--font-size-sm);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_1q51m_235._highlighted_1q51m_249{background-color:var(--color-background-warm-primary)}._item_1q51m_235._selected_1q51m_252:not(._multiple_1q51m_252){--itemTextColor: var(--components-colors-input-color-text-default);font-weight:var(--font-weight-semi-bold)}._item_1q51m_235._selected_1q51m_252._multiple_1q51m_252:not(._allowUnselectFromList_1q51m_256){--itemTextColor: var(--color-beige-40);--itemCursor: not-allowed}._item_1q51m_235._disabled_1q51m_40{--itemTextColor: var(--components-colors-input-color-text-disabled);--itemCursor: not-allowed}._tags_1q51m_264{margin-top:var(--spacing-lg)}._tags_1q51m_264 ._styled-tag_1q51m_267:not(:last-child){margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._tags_1q51m_264:empty{display:none}}