welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/RadioTab.js

@@ -1,45 +1,46 @@
 "use client";
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import { R as u } from "./SQZLCNLX-cijaITUa.js";
+import './RadioTab.css';
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { R as _ } from "./SQZLCNLX-Dg4KKdNJ.js";
 import { forwardRef as d } from "react";
-import { Button as w } from "./Button.js";
+import { Button as y } from "./Button.js";
 import { c as f } from "./index-PAaZGbyz.js";
-const b = "_label_zrrw4_2", N = "_checked_zrrw4_7", h = "_input_zrrw4_16", z = "_content_zrrw4_26", R = {
+const b = "_label_12uyi_2", N = "_checked_12uyi_7", h = "_input_12uyi_16", R = "_content_12uyi_26", v = {
   label: b,
   checked: N,
-  "input-wrapper": "_input-wrapper_zrrw4_16",
+  "input-wrapper": "_input-wrapper_12uyi_16",
   input: h,
-  content: z
-}, t = f(R), v = d(
-  ({ checked: r, className: o, dataTestId: n, disabled: e, id: i, label: s, onChange: c, value: l, ...p }, m) => /* @__PURE__ */ _(
-    w,
+  content: R
+}, t = f(v), x = d(
+  ({ checked: i, className: o, dataTestId: n, disabled: e, id: s, label: c, onChange: r, value: l, ...p }, m) => /* @__PURE__ */ u(
+    y,
     {
       as: "label",
-      className: t("label", r && "checked", o),
+      className: t("label", i && "checked", o),
       "data-testid": n,
       disabled: e,
-      variant: r ? "primary" : null,
+      variant: i ? "primary" : null,
       ...p,
       children: [
         /* @__PURE__ */ a("div", { className: t("input"), children: /* @__PURE__ */ a(
-          u,
+          _,
           {
-            checked: r,
+            checked: i,
             className: t("input"),
             "data-testid": n ? `${n}-input` : void 0,
             disabled: e,
-            id: i,
-            onChange: c,
+            id: s,
+            onChange: r,
             ref: m,
             value: l
           }
         ) }),
-        /* @__PURE__ */ a("div", { className: t("content"), children: s })
+        /* @__PURE__ */ a("div", { className: t("content"), children: c })
       ]
     }
   )
 );
-v.displayName = "RadioTab";
+x.displayName = "RadioTab";
 export {
-  v as RadioTab
+  x as RadioTab
 };

package/dist/{SBSPVDDI-CW8jwL0u.js → SBSPVDDI-CmtnvvUX.js}

@@ -1,8 +1,8 @@
 "use client";
-import { e as Y, h as $, g as Ce, c as q, U as xe, _ as G, w as J, d as S, p as Q, a as P, r as X, f as Z, b as ee, A as Se, u as R, ao as Pe, ap as O, j as A, aj as we, l as V, aq as he, ar as Ee, x as ye, O as Te, as as De, v as Re } from "./OE2EFRVA-C3721cM3.js";
-import { createContext as te, useRef as F, useEffect as Oe, useContext as Ae, useCallback as Fe, useMemo as _e } from "react";
-import { u as ke } from "./2W3RN7C5-bkX-rIa3.js";
-import { g as ze } from "./RTNCFSKZ-P4icqVD0.js";
+import { e as Y, h as $, g as Ce, c as q, X as xe, _ as G, l as X, d as S, v as J, a as P, r as Q, f as Z, b as ee, F as Se, u as D, aq as Pe, ar as F, j as O, al as we, p as j, as as he, at as Ee, k as ye, R as Te, au as Re, y as De } from "./OE2EFRVA-Dg1R6gaC.js";
+import { createContext as te, useRef as _, useEffect as Fe, useContext as Oe, useCallback as _e, useMemo as Ae } from "react";
+import { u as ke } from "./2W3RN7C5-DMC82gDP.js";
+import { g as ze } from "./RTNCFSKZ-BywELldk.js";
 import { jsx as Ke } from "react/jsx-runtime";
 var w = Y(), Le = w.useContext;
 w.useScopedContext;
@@ -16,19 +16,19 @@ var at = h.useProviderContext, ut = h.ContextProvider, lt = h.ScopedContextProvi
   void 0
 ), Ue = te(
   void 0
-), je = { id: null };
+), Ve = { id: null };
 function ct(r, n, o = !1) {
   const t = r.findIndex((u) => u.id === n);
   return [
     ...r.slice(t + 1),
-    ...o ? [je] : [],
+    ...o ? [Ve] : [],
     ...r.slice(0, t)
   ];
 }
 function ft(r, n) {
   return r.find((o) => !o.disabled);
 }
-function Ve(r, n) {
+function je(r, n) {
   return n && r.item(n) || null;
 }
 function dt(r) {
@@ -53,13 +53,13 @@ function We(r, n = !1) {
     o == null || o.selectAllChildren(r), n && (o == null || o.collapseToEnd());
   }
 }
-var _ = Symbol("FOCUS_SILENTLY");
+var A = Symbol("FOCUS_SILENTLY");
 function Ye(r) {
-  r[_] = !0, r.focus({ preventScroll: !0 });
+  r[A] = !0, r.focus({ preventScroll: !0 });
 }
 function mt(r) {
-  const n = r[_];
-  return delete r[_], n;
+  const n = r[A];
+  return delete r[A], n;
 }
 function re(r, n, o) {
   return !(!n || n === o || !r.item(n.id));
@@ -80,15 +80,15 @@ var $e = "div", ne = q(
     ]);
     const c = Le();
     t = t || c;
-    const m = J(v.id), p = F(g);
-    return Oe(() => {
+    const m = X(v.id), p = _(g);
+    return Fe(() => {
       const i = p.current;
       if (!m || !i || !u) return;
       const b = d({ id: m, element: i });
       return t == null ? void 0 : t.renderItem(b);
     }, [m, u, d, t]), v = S(P({}, v), {
-      ref: Q(p, v.ref)
-    }), X(v);
+      ref: J(p, v.ref)
+    }), Q(v);
   }
 );
 Z(function(n) {
@@ -97,30 +97,30 @@ Z(function(n) {
 });
 var qe = "button";
 function Ge(r) {
-  return O(r) ? !0 : r.tagName === "INPUT" && !Te(r);
+  return F(r) ? !0 : r.tagName === "INPUT" && !Te(r);
 }
-function Je(r, n = !1) {
+function Xe(r, n = !1) {
   const o = r.clientHeight, { top: t } = r.getBoundingClientRect(), u = Math.max(o * 0.875, o - 40) * 1.5, d = n ? o - u + t : u + t;
   return r.tagName === "HTML" ? d + r.scrollTop : d;
 }
-function Qe(r, n = !1) {
+function Je(r, n = !1) {
   const { top: o } = r.getBoundingClientRect();
   return n ? o + r.clientHeight : o;
 }
 function W(r, n, o, t = !1) {
   var u;
   if (!n || !o) return;
-  const { renderedItems: d } = n.getState(), g = De(r);
+  const { renderedItems: d } = n.getState(), g = Re(r);
   if (!g) return;
-  const v = Je(g, t);
+  const v = Xe(g, t);
   let c, m;
   for (let p = 0; p < d.length; p += 1) {
     const i = c;
     if (c = o(p), !c) break;
     if (c === i) continue;
-    const b = (u = Ve(n, c)) == null ? void 0 : u.element;
+    const b = (u = je(n, c)) == null ? void 0 : u.element;
     if (!b) continue;
-    const C = Qe(b, t) - v, l = Math.abs(C);
+    const C = Je(b, t) - v, l = Math.abs(C);
     if (t && C <= 0 || !t && C >= 0) {
       m !== void 0 && m < l && (c = i);
       break;
@@ -129,8 +129,8 @@ function W(r, n, o, t = !1) {
   }
   return c;
 }
-function Xe(r, n) {
-  return A(r) ? !1 : re(n, r.target);
+function Qe(r, n) {
+  return O(r) ? !1 : re(n, r.target);
 }
 var Ze = q(
   function(n) {
@@ -155,7 +155,7 @@ var Ze = q(
     ]);
     const b = Me();
     t = t || b;
-    const f = J(i.id), C = F(null), l = Ae(Ue), k = Se(i) && !i.accessibleWhenDisabled, {
+    const f = X(i.id), C = _(null), l = Oe(Ue), k = Se(i) && !i.accessibleWhenDisabled, {
       rowId: y,
       baseElement: z,
       isActiveItem: oe,
@@ -195,7 +195,7 @@ var Ze = q(
         const s = t == null ? void 0 : t.item(e.activeId);
         return s != null && s.disabled || !(s != null && s.element) ? !0 : e.activeId === f;
       }
-    }), ue = Fe(
+    }), ue = _e(
       (e) => {
         var s;
         const a = S(P({}, e), {
@@ -207,21 +207,21 @@ var Ze = q(
         return c ? c(a) : a;
       },
       [f, y, k, c]
-    ), K = i.onFocus, T = F(!1), le = R((e) => {
-      if (K == null || K(e), e.defaultPrevented || Pe(e) || !f || !t || Xe(e, t)) return;
+    ), K = i.onFocus, T = _(!1), le = D((e) => {
+      if (K == null || K(e), e.defaultPrevented || Pe(e) || !f || !t || Qe(e, t)) return;
       const { virtualFocus: s, baseElement: a } = t.getState();
-      if (t.setActiveId(f), O(e.currentTarget) && We(e.currentTarget), !s || !A(e) || Ge(e.currentTarget) || !(a != null && a.isConnected)) return;
+      if (t.setActiveId(f), F(e.currentTarget) && We(e.currentTarget), !s || !O(e) || Ge(e.currentTarget) || !(a != null && a.isConnected)) return;
       we() && e.currentTarget.hasAttribute("data-autofocus") && e.currentTarget.scrollIntoView({
         block: "nearest",
         inline: "nearest"
       }), T.current = !0, e.relatedTarget === a || re(t, e.relatedTarget) ? Ye(a) : a.focus();
-    }), L = i.onBlurCapture, ce = R((e) => {
+    }), L = i.onBlurCapture, ce = D((e) => {
       if (L == null || L(e), e.defaultPrevented) return;
       const s = t == null ? void 0 : t.getState();
       s != null && s.virtualFocus && T.current && (T.current = !1, e.preventDefault(), e.stopPropagation());
-    }), N = i.onKeyDown, fe = V(d), de = V(g), me = R((e) => {
-      if (N == null || N(e), e.defaultPrevented || !A(e) || !t) return;
-      const { currentTarget: s } = e, a = t.getState(), D = t.item(f), I = !!(D != null && D.rowId), E = a.orientation !== "horizontal", x = a.orientation !== "vertical", M = () => !!(I || x || !a.baseElement || !$(a.baseElement)), H = {
+    }), N = i.onKeyDown, fe = j(d), de = j(g), me = D((e) => {
+      if (N == null || N(e), e.defaultPrevented || !O(e) || !t) return;
+      const { currentTarget: s } = e, a = t.getState(), R = t.item(f), I = !!(R != null && R.rowId), E = a.orientation !== "horizontal", x = a.orientation !== "vertical", M = () => !!(I || x || !a.baseElement || !$(a.baseElement)), H = {
         ArrowUp: (I || E) && t.up,
         ArrowRight: (I || x) && t.next,
         ArrowDown: (I || E) && t.down,
@@ -238,12 +238,12 @@ var Ze = q(
         PageDown: () => W(s, t, t == null ? void 0 : t.down)
       }[e.key];
       if (H) {
-        if (O(s)) {
-          const j = he(s), ve = x && e.key === "ArrowLeft", pe = x && e.key === "ArrowRight", Ie = E && e.key === "ArrowUp", ge = E && e.key === "ArrowDown";
+        if (F(s)) {
+          const V = he(s), ve = x && e.key === "ArrowLeft", pe = x && e.key === "ArrowRight", Ie = E && e.key === "ArrowUp", ge = E && e.key === "ArrowDown";
           if (pe || ge) {
             const { length: be } = Ee(s);
-            if (j.end !== be) return;
-          } else if ((ve || Ie) && j.start !== 0) return;
+            if (V.end !== be) return;
+          } else if ((ve || Ie) && V.start !== 0) return;
         }
         const U = H();
         if (fe(e) || U !== void 0) {
@@ -251,7 +251,7 @@ var Ze = q(
           e.preventDefault(), t.move(U);
         }
       }
-    }), B = _e(
+    }), B = Ae(
       () => ({ id: f, baseElement: z }),
       [f, z]
     );
@@ -263,7 +263,7 @@ var Ze = q(
       id: f,
       "data-active-item": oe || void 0
     }, i), {
-      ref: Q(C, i.ref),
+      ref: J(C, i.ref),
       tabIndex: ae ? i.tabIndex : -1,
       onFocus: le,
       onBlurCapture: ce,
@@ -273,12 +273,12 @@ var Ze = q(
     }, i), {
       getItem: ue,
       shouldRegisterItem: f ? i.shouldRegisterItem : !1
-    })), X(S(P({}, i), {
+    })), Q(S(P({}, i), {
       "aria-setsize": ie,
       "aria-posinset": se
     }));
   }
-), vt = Re(
+), vt = De(
   Z(function(n) {
     const o = Ze(n);
     return ee(qe, o);
@@ -292,7 +292,7 @@ export {
   ft as d,
   dt as e,
   ct as f,
-  Ve as g,
+  je as g,
   vt as h,
   re as i,
   ne as j,

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_8nhuz_2{position:relative}._indicators_8nhuz_5{position:absolute;padding:0;top:0;height:var(--search-height, 100%);right:var(--indicators-right, 0);display:flex;gap:var(--spacing-xs)}._dropdown-indicator_8nhuz_14{position:relative;height:100%;width:var(--search-clear-size);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_8nhuz_27{position:relative}._input-wrapper_8nhuz_27:has(>._icon-placement-right_8nhuz_30) ._indicators_8nhuz_5{--indicators-right: calc((var(--search-icon-size, 1rem) + var(--spacing-sm)))}._root_8nhuz_33{background-color:var(--search-background-color, var(--color-neutral-10));border-color:var(--search-border-color, var(--color-neutral-30));border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--search-text-color, var(--color-neutral-90));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:2px solid var(--search-outline-color, 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(--search-height);padding-bottom:var(--search-padding-bottom);padding-left:var(--search-padding-left);padding-right:var(--search-padding-right);padding-top:var(--search-padding-top)}._root_8nhuz_33._icon-placement-left_8nhuz_63{padding-left:calc(var(--search-padding-left) + var(--search-icon-size, 1rem) + var(--spacing-sm))}._root_8nhuz_33._icon-placement-right_8nhuz_30{padding-right:calc(var(--search-padding-right) + (var(--search-icon-size, 1rem) + var(--spacing-sm)) * 2)}._root_8nhuz_33:disabled{--search-background-color: var(--search-color-beige-40);--search-text-color: var(--search-color-beige-70);cursor:not-allowed}._root_8nhuz_33:hover:not([class*=variant]){--search-border-color: var(--color-brand-40)}._root_8nhuz_33:focus:not([class*=variant]){--search-outline-color: var(--color-brand-20);--search-border-color: var(--color-brand-40)}._root_8nhuz_33._transparent_8nhuz_81{--search-border-color: transparent;--search-background-color: transparent}._root_8nhuz_33._transparent_8nhuz_81:hover{--search-border-color: var(--color-neutral-20)}._root_8nhuz_33::placeholder{color:var(--color-neutral-60)}._root_8nhuz_33 br{display:none}._variant-danger_8nhuz_94{--search-border-color: var(--color-red-70);--search-outline-color: var(--color-red-30)}._variant-success_8nhuz_98{--search-border-color: var(--color-green-60);--search-outline-color: var(--color-green-30)}._variant-warning_8nhuz_102{--search-border-color: var(--color-orange-60);--search-outline-color: var(--color-orange-20)}._size-lg_8nhuz_106{--search-height: var(--height-48);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-16);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-16)}._size-md_8nhuz_114{--search-height: var(--height-40);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-12);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-12)}._size-sm_8nhuz_122{--search-height: var(--height-32);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-8);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-8)}._size-xs_8nhuz_130{--search-height: var(--height-24);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-4);--search-padding-left: var(--spacing-8);--search-padding-right: var(--spacing-8);--search-padding-top: var(--spacing-4);--search-icon-size: .75rem}._icon-wrapper_8nhuz_139{position:absolute;top:0;left:var(--icon-placement-left, auto);right:var(--icon-placement-right, 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-neutral-90)}._icon-wrapper_8nhuz_139._icon-placement-left_8nhuz_63{--icon-placement-left: var(--spacing-md)}._icon-wrapper_8nhuz_139._icon-placement-left_8nhuz_63._size-xs_8nhuz_130{--icon-placement-left: var(--spacing-sm)}._icon-wrapper_8nhuz_139._icon-placement-right_8nhuz_30{--icon-placement-right: var(--spacing-md)}._icon-wrapper_8nhuz_139._icon-placement-right_8nhuz_30._size-xs_8nhuz_130{--icon-placement-right: var(--spacing-sm)}._icon-wrapper_8nhuz_139>button{pointer-events:auto}._menu_8nhuz_170{max-height:9.6875rem;background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--color-neutral-90);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);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_8nhuz_170:hover>*{cursor:pointer}._item_8nhuz_198{color:var(--item-text-color, var(--color-beige-70));cursor:var(--item-cursor, 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_8nhuz_198._highlighted_8nhuz_212{background-color:var(--color-beige-20)}._item_8nhuz_198._selected_8nhuz_215{--item-text-color: var(--color-neutral-90);font-weight:var(--font-weight-bold)}._item_8nhuz_198._selected_8nhuz_215._highlighted_8nhuz_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}
+@layer components{._wrapper_qaadj_2{position:relative}._indicators_qaadj_5{position:absolute;padding:0;top:0;height:var(--searchHeight, 100%);right:var(--indicatorsRight, 0);display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_qaadj_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_qaadj_27{position:relative}._input-wrapper_qaadj_27:has(>._icon-placement-right_qaadj_30) ._indicators_qaadj_5{--indicatorsRight: calc((var(--searchIconSize, 1rem) + var(--border-radius-md)))}._root_qaadj_33{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--searchBackgroundColor, var(--components-colors-input-color-background-default));color:var(--searchColor, var(--components-colors-input-color-text-default));border-color:var(--searchBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--searchBoxShadow, var(--inset-10)) inset;height:var(--searchHeight);padding-inline:var(--searchPaddingInline);padding-block:var(--searchPaddingBlock)}._root_qaadj_33._icon-placement-left_qaadj_59{padding-left:calc(var(--searchPaddingLeft) + var(--searchIconSize, 1rem) + var(--border-radius-md))}._root_qaadj_33._icon-placement-right_qaadj_30{padding-right:calc(var(--searchPaddingRight) + (var(--searchIconSize, 1rem) + var(--border-radius-md)) * 2)}._root_qaadj_33:disabled,._root_qaadj_33[aria-disabled]{--searchBackgroundColor: var( --searchBackgroundColorDisabled, var(--components-colors-input-color-background-disabled) );--searchColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_qaadj_33:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--searchBoxShadow: var(--inset-20)}._root_qaadj_33:active,._root_qaadj_33:focus{--searchBorderColor: var(--components-colors-input-color-border-focused)}._root_qaadj_33::placeholder{color:var(--components-colors-input-color-text-placeholder)}._root_qaadj_33 br{display:none}._variant-danger_qaadj_86{--searchBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_qaadj_89{--searchBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_qaadj_92{--searchBorderColor: var(--components-colors-input-color-border-success)}._transparent_qaadj_95{--borderColor: transparent;--searchBackgroundColor: var(--components-colors-input-color-background-transparent);--borderColorHover: var(--components-colors-input-color-border-hover-transparent)}._size-lg_qaadj_100{--searchHeight: var(--components-dimensions-input-max-height-lg);--searchPaddingBlock: var(--components-dimensions-input-padding-block-lg);--searchPaddingInline: var(--components-dimensions-input-padding-inline-lg)}._size-md_qaadj_105{--searchHeight: var(--components-dimensions-input-max-height-md);--searchPaddingBlock: var(--components-dimensions-input-padding-block-md);--searchPaddingInline: var(--components-dimensions-input-padding-inline-md)}._size-sm_qaadj_110{--searchHeight: var(--components-dimensions-input-max-height-sm);--searchPaddingBlock: var(--components-dimensions-input-padding-block-sm);--searchPaddingInline: var(--components-dimensions-input-padding-inline-sm)}._icon-wrapper_qaadj_115{position:absolute;top:0;bottom:0;left:var(--searchIconLeft);right:var(--searchIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--searchIconColor, var(--components-colors-input-color-icon-placeholder));gap:var(--components-dimensions-input-padding-block-sm);--searchIconLeft: auto;--searchIconRight: auto}._icon-wrapper_qaadj_115>button{pointer-events:auto}._icon-wrapper_qaadj_115._disabled_qaadj_136{--searchIconColor: var(--components-colors-input-color-icon-disabled)}._icon-placement-left-sm_qaadj_139{--searchIconLeft: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-left-md_qaadj_142{--searchIconLeft: var(--components-dimensions-input-padding-inline-md)}._icon-placement-right-sm_qaadj_145{--searchIconRight: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-right-md_qaadj_148{--searchIconRight: var(--components-dimensions-input-padding-inline-md)}._menu_qaadj_151{max-height:9.6875rem;background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-xs);box-shadow:var(--elevation-20);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-top:var(--border-radius-lg);transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:hidden}._menu_qaadj_151:hover>*{cursor:pointer}._menu-scroller_qaadj_177{max-height:inherit;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0}._item_qaadj_184{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_qaadj_184._highlighted_qaadj_198{background-color:var(--color-background-warm-primary)}._item_qaadj_184._selected_qaadj_201{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_qaadj_184._selected_qaadj_201._highlighted_qaadj_198{background-image:linear-gradient(0deg,#00000014,#00000014)}}