welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.10

package/dist/{SBSPVDDI-DJKkC1eb.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-qpPg689E.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_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_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)}}