welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/Search.js

@@ -1,214 +1,222 @@
 "use client";
-import { jsx as n, jsxs as N } from "react/jsx-runtime";
-import { D as b, F as he } from "./field-icon-size-Cj-yrCqM.js";
-import _e, { forwardRef as de, useState as pe, useCallback as ue, useMemo as me, Fragment as ze } from "react";
-import { CloseButton as fe } from "./CloseButton.js";
-import { c as we } from "./index-PAaZGbyz.js";
-import { c as ge } from "./create-event-rXDe5aCQ.js";
-import { t as Ne } from "./throttle-BDBzFeFj.js";
-const Ie = "_wrapper_8nhuz_2", Re = "_indicators_8nhuz_5", Se = "_root_8nhuz_33", xe = "_transparent_8nhuz_81", ve = "_menu_8nhuz_170", Ce = "_item_8nhuz_198", ke = "_highlighted_8nhuz_212", Ee = "_selected_8nhuz_215", $e = {
-  wrapper: Ie,
-  indicators: Re,
-  "dropdown-indicator": "_dropdown-indicator_8nhuz_14",
-  "input-wrapper": "_input-wrapper_8nhuz_27",
-  "icon-placement-right": "_icon-placement-right_8nhuz_30",
-  root: Se,
-  "icon-placement-left": "_icon-placement-left_8nhuz_63",
-  transparent: xe,
-  "variant-danger": "_variant-danger_8nhuz_94",
-  "variant-success": "_variant-success_8nhuz_98",
-  "variant-warning": "_variant-warning_8nhuz_102",
-  "size-lg": "_size-lg_8nhuz_106",
-  "size-md": "_size-md_8nhuz_114",
-  "size-sm": "_size-sm_8nhuz_122",
-  "size-xs": "_size-xs_8nhuz_130",
-  "icon-wrapper": "_icon-wrapper_8nhuz_139",
-  menu: ve,
-  item: Ce,
-  highlighted: ke,
-  selected: Ee
-}, j = "", t = we($e), De = b.default || b, Fe = de(
+import './Search.css';
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+import { D as y } from "./downshift.esm-xtYanIDi.js";
+import { forwardRef as le, useState as de, useCallback as _e, useMemo as me, Fragment as pe } from "react";
+import { CloseButton as he } from "./CloseButton.js";
+import { Icon as ue } from "./Icon.js";
+import { c as fe } from "./index-PAaZGbyz.js";
+import { c as je } from "./create-event-rXDe5aCQ.js";
+import { t as ge } from "./throttle-BDBzFeFj.js";
+const qe = "_wrapper_qaadj_2", we = "_indicators_qaadj_5", Ne = "_root_qaadj_33", ve = "_transparent_qaadj_95", Re = "_disabled_qaadj_136", Se = "_menu_qaadj_151", Ie = "_item_qaadj_184", xe = "_highlighted_qaadj_198", ze = "_selected_qaadj_201", ke = {
+  wrapper: qe,
+  indicators: we,
+  "dropdown-indicator": "_dropdown-indicator_qaadj_14",
+  "input-wrapper": "_input-wrapper_qaadj_27",
+  "icon-placement-right": "_icon-placement-right_qaadj_30",
+  root: Ne,
+  "icon-placement-left": "_icon-placement-left_qaadj_59",
+  "variant-danger": "_variant-danger_qaadj_86",
+  "variant-warning": "_variant-warning_qaadj_89",
+  "variant-success": "_variant-success_qaadj_92",
+  transparent: ve,
+  "size-lg": "_size-lg_qaadj_100",
+  "size-md": "_size-md_qaadj_105",
+  "size-sm": "_size-sm_qaadj_110",
+  "icon-wrapper": "_icon-wrapper_qaadj_115",
+  disabled: Re,
+  "icon-placement-left-sm": "_icon-placement-left-sm_qaadj_139",
+  "icon-placement-left-md": "_icon-placement-left-md_qaadj_142",
+  "icon-placement-right-sm": "_icon-placement-right-sm_qaadj_145",
+  "icon-placement-right-md": "_icon-placement-right-md_qaadj_148",
+  menu: Se,
+  "menu-scroller": "_menu-scroller_qaadj_177",
+  item: Ie,
+  highlighted: xe,
+  selected: ze
+}, E = "", t = fe(ke), Ce = y.default || y, $e = le(
   ({
-    autoComplete: y = "off",
-    autoFocus: P,
-    className: V,
-    dataTestId: B,
-    disabled: F,
+    autoComplete: M = "off",
+    autoFocus: O,
+    className: P,
+    dataTestId: V,
+    disabled: B,
     groupsEnabled: G,
-    icon: h,
-    iconPlacement: I = "left",
+    icon: m,
+    iconPlacement: N = "left",
     id: H,
-    itemToString: s,
+    itemToString: n,
     minChars: p = 3,
-    name: R,
-    onBlur: L,
-    onChange: u,
-    onClick: Y,
-    onFocus: m,
-    placeholder: Z = "Search…",
-    renderGroupHeader: q,
-    renderItem: S,
-    search: x,
-    size: a = "md",
-    throttle: v = 500,
-    transparent: A,
-    value: _ = j,
-    variant: z,
-    ...f
-  }, J) => {
-    const K = _ ? s(_) : j, [C, c] = pe([]), k = ue(
+    name: v,
+    onBlur: Y,
+    onChange: h,
+    onClick: A,
+    onFocus: u,
+    placeholder: J = "Search…",
+    renderGroupHeader: K,
+    renderItem: R,
+    search: S,
+    size: l = "lg",
+    throttle: I = 500,
+    transparent: L,
+    value: d = E,
+    variant: f,
+    ...j
+  }, Q) => {
+    const U = d ? n(d) : E, [x, c] = de([]), z = _e(
       async (e) => {
         if (p === 0 || (e == null ? void 0 : e.length) >= p) {
-          const o = await x(e);
-          c(o || []);
+          const r = await S(e);
+          c(r || []);
         } else
           c([]);
       },
-      [p, x]
-    ), E = me(
-      () => Ne(k, v, !1),
-      [k, v]
-    ), w = (e) => {
-      const o = ge({ name: R, value: e });
-      u == null || u(e, o);
-    }, $ = (e) => {
-      e ? w(e) : (w(), c([]));
+      [p, S]
+    ), k = me(
+      () => ge(z, I, !1),
+      [z, I]
+    ), g = (e) => {
+      const r = je({ name: v, value: e });
+      h == null || h(e, r);
+    }, C = (e) => {
+      e ? g(e) : (g(), c([]));
     };
-    return /* @__PURE__ */ n(
-      De,
+    return /* @__PURE__ */ a(
+      Ce,
       {
-        initialInputValue: K,
-        itemToString: (e) => s(e) || "",
-        onInputValueChange: E,
+        initialInputValue: U,
+        itemToString: (e) => n(e) || "",
+        onInputValueChange: k,
         onOuterClick: () => {
-          _ || $(), c([]);
+          d || C(), c([]);
         },
-        onSelect: $,
-        selectedItem: _,
-        ...f,
+        onSelect: C,
+        selectedItem: d,
+        ...j,
         children: ({
           clearSelection: e,
-          getInputProps: o,
-          getItemProps: D,
-          getMenuProps: Q,
-          getRootProps: U,
-          highlightedIndex: W,
-          inputValue: X,
-          isOpen: T,
-          selectedItem: d,
+          getInputProps: r,
+          getItemProps: $,
+          getMenuProps: W,
+          getRootProps: X,
+          highlightedIndex: Z,
+          inputValue: F,
+          isOpen: b,
+          selectedItem: _,
           toggleMenu: ee
         }) => {
-          const ne = () => {
-            c([]), w(), e();
-          }, te = T && C.length > 0, se = /* @__PURE__ */ n("div", { className: t("dropdown-indicator"), children: /* @__PURE__ */ n(fe, { animatePresence: !0, onClick: ne, title: "Clear" }) }), ie = (i) => {
-            m == null || m(i), E(""), ee();
-          }, re = U(f, { suppressRefError: !0 }), ae = o({
-            autoComplete: y,
-            autoFocus: P,
-            "data-testid": B,
-            disabled: F,
+          const ae = () => {
+            c([]), g(), e();
+          }, te = b && x.length > 0, ne = /* @__PURE__ */ a("div", { className: t("dropdown-indicator"), children: /* @__PURE__ */ a(he, { animatePresence: !0, onClick: ae, title: "Clear" }) }), ie = (i) => {
+            u == null || u(i), k(""), ee();
+          }, se = X(j, { suppressRefError: !0 }), ce = r({
+            autoComplete: M,
+            autoFocus: O,
+            "data-testid": V,
+            disabled: B,
             id: H,
-            name: R,
-            onBlur: L,
-            onClick: Y,
+            name: v,
+            onBlur: Y,
+            onClick: A,
             onFocus: ie,
-            placeholder: Z,
-            ref: J,
-            size: a,
+            placeholder: J,
+            ref: Q,
+            size: l,
             tabIndex: 0,
-            variant: T ? "focused" : z,
-            ...f
-          }), ce = he[a];
-          return /* @__PURE__ */ N("div", { ...re, className: t("wrapper"), children: [
-            /* @__PURE__ */ N("div", { className: t("input-wrapper"), children: [
-              /* @__PURE__ */ n(
+            variant: b ? "focused" : f,
+            ...j
+          });
+          return /* @__PURE__ */ w("div", { ...se, className: t("wrapper"), children: [
+            /* @__PURE__ */ w("div", { className: t("input-wrapper"), children: [
+              /* @__PURE__ */ a(
                 "input",
                 {
                   className: t(
                     "root",
-                    `size-${a}`,
-                    z && `variant-${z}`,
-                    A && "transparent",
-                    h && `icon-placement-${I}`,
-                    V
+                    `size-${l}`,
+                    f && `variant-${f}`,
+                    L && "transparent",
+                    m && `icon-placement-${N}`,
+                    P
                   ),
-                  ...ae
+                  ...ce
                 }
               ),
-              h ? /* @__PURE__ */ n(
+              m ? /* @__PURE__ */ a(
                 "div",
                 {
                   className: t(
                     "icon-wrapper",
-                    `icon-placement-${I}`,
-                    `size-${a}`
+                    `icon-placement-${N}`,
+                    `size-${l}`
                   ),
-                  children: _e.cloneElement(h, { ...h.props, size: ce })
+                  children: /* @__PURE__ */ a(ue, { ...m.props, size: "lg" })
                 }
               ) : null,
-              /* @__PURE__ */ n("div", { className: t("indicators", `size-${a}`), children: X ? se : null })
+              /* @__PURE__ */ a("div", { className: t("indicators", `size-${l}`), children: F ? ne : null })
             ] }),
-            te ? /* @__PURE__ */ n("ul", { className: t("menu"), ...Q(), children: C.reduce(
-              (i, r, g) => {
-                const M = i.itemIndex++, O = W === M;
+            te ? /* @__PURE__ */ a("div", { className: t("menu"), children: /* @__PURE__ */ a("ul", { className: t("menu-scroller"), ...W(), children: x.reduce(
+              (i, s, q) => {
+                const D = i.itemIndex++, T = Z === D;
                 if (G)
                   i.itemsToRender.push(
-                    /* @__PURE__ */ N(ze, { children: [
-                      q(r),
-                      r.options ? r.options.map(
-                        (l, oe) => {
-                          const le = d && s(d) === s(l);
-                          return /* @__PURE__ */ n(
+                    /* @__PURE__ */ w(pe, { children: [
+                      K(s),
+                      s.options ? s.options.map(
+                        (o, re) => {
+                          const oe = _ && n(_) === n(o);
+                          return /* @__PURE__ */ a(
                             "li",
                             {
                               className: t(
                                 "item",
-                                O && "highlighted",
-                                le && "selected"
+                                T && "highlighted",
+                                oe && "selected"
                               ),
-                              ...D({
-                                index: M,
-                                item: l
+                              ...$({
+                                index: D,
+                                item: o
                               }),
-                              children: S(l)
+                              children: R(o)
                             },
-                            oe
+                            re
                           );
                         }
                       ) : null
-                    ] }, g)
+                    ] }, q)
                   );
                 else {
-                  const l = d && s(d) === s(r);
+                  const o = _ && n(_) === n(s);
                   i.itemsToRender.push(
-                    /* @__PURE__ */ n(
+                    /* @__PURE__ */ a(
                       "li",
                       {
                         className: t(
                           "item",
-                          O && "highlighted",
-                          l && "selected"
+                          T && "highlighted",
+                          o && "selected"
                         ),
-                        ...D({
-                          index: g,
-                          item: r
+                        ...$({
+                          index: q,
+                          item: s
                         }),
-                        children: S(r)
+                        children: R(s)
                       },
-                      g
+                      q
                     )
                   );
                 }
                 return i;
               },
               { itemIndex: 0, itemsToRender: [] }
-            ).itemsToRender }) : null
+            ).itemsToRender }) }) : null
           ] });
         }
       }
     );
   }
 );
+$e.displayName = "Search";
 export {
-  Fe as Search
+  $e as Search
 };

package/dist/Select.css

@@ -1 +1 @@
-@layer components{._indicators_cxg1w_2{position:absolute;padding:0;top:0;height:var(--select-height, 100%);right:var(--indicators-right, var(--spacing-md));display:flex;gap:var(--spacing-xs)}._indicators_cxg1w_2._size-xs_cxg1w_11{--indicators-right: var(--spacing-sm)}._dropdown-indicator_cxg1w_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}._dropdown-indicator_cxg1w_14 ._styled-icon_cxg1w_27{transform:none;transition-property:transform;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary)}._dropdown-indicator_cxg1w_14._open_cxg1w_33 ._styled-icon_cxg1w_27{transform:rotate3d(0,0,1,180deg)}._dropdown-indicator_cxg1w_14:not(:last-child){width:auto}._dropdown-indicator_cxg1w_14:disabled{color:var(--color-beige-60)}._input-wrapper_cxg1w_42{position:relative}._input-wrapper_cxg1w_42:has(>._icon-placement-right_cxg1w_45) ._indicators_cxg1w_2{--indicators-right: calc(var(--spacing-lg) + var(--spacing-md) * 2)}._root_cxg1w_49{--select-placeholder-color: var(--color-neutral-60);background-color:var(--select-background-color, var(--color-neutral-10));border-color:var(--select-border-color, var(--color-neutral-30));border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--select-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(--select-outline-color, transparent);cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);height:var(--select-height);padding-bottom:var(--select-padding-bottom);padding-left:var(--select-padding-left);padding-right:var(--select-padding-right);padding-top:var(--select-padding-top);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_cxg1w_49._icon-placement-left_cxg1w_80,._root_cxg1w_49._icon-placement-both_cxg1w_80{padding-left:calc(var(--select-padding-left) + var(--select-icon-size, 1rem) + var(--spacing-sm))}._root_cxg1w_49._clearable_cxg1w_83,._root_cxg1w_49._icon-placement-right_cxg1w_45,._root_cxg1w_49._icon-placement-both_cxg1w_80{padding-right:calc(var(--select-padding-right) + var(--select-icon-size, 1rem) + var(--spacing-sm))}._root_cxg1w_49._clearable_cxg1w_83._icon-placement-right_cxg1w_45,._root_cxg1w_49._clearable_cxg1w_83._icon-placement-both_cxg1w_80{padding-right:calc(var(--select-padding-right) + (var(--select-icon-size, 1rem) + var(--spacing-sm)) * 2)}._root_cxg1w_49:disabled{--select-background-color: var(--select-color-beige-40);--select-text-color: var(--select-color-beige-70);cursor:not-allowed}._root_cxg1w_49:hover:not([class*=variant]){--select-border-color: var(--color-brand-40)}._root_cxg1w_49:focus:not([class*=variant]){--select-outline-color: var(--color-brand-20);--select-border-color: var(--color-brand-40)}._root_cxg1w_49._transparent_cxg1w_101{--select-border-color: transparent;--select-background-color: transparent}._root_cxg1w_49._transparent_cxg1w_101:hover{--select-border-color: var(--color-neutral-20)}._root_cxg1w_49::placeholder{color:var(--select-placeholder-color)}._root_cxg1w_49 br{display:none}._root_cxg1w_49:before{content:attr(data-spacer);visibility:hidden;display:block;height:0}._root_cxg1w_49:empty:after{content:attr(placeholder);position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;color:var(--select-placeholder-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_cxg1w_49:empty:before{height:auto}._variant-danger_cxg1w_136{--select-border-color: var(--color-red-70);--select-outline-color: var(--color-red-30)}._variant-success_cxg1w_140{--select-border-color: var(--color-green-60);--select-outline-color: var(--color-green-30)}._variant-warning_cxg1w_144{--select-border-color: var(--color-orange-60);--select-outline-color: var(--color-orange-20)}._size-lg_cxg1w_148{--select-height: var(--height-48);--select-padding-bottom: var(--spacing-16);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-16)}._size-md_cxg1w_155{--select-height: var(--height-40);--select-padding-bottom: var(--spacing-12);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-12)}._size-sm_cxg1w_162{--select-height: var(--height-32);--select-padding-bottom: var(--spacing-8);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-8)}._size-xs_cxg1w_11{--select-height: var(--height-24);--select-padding-bottom: var(--spacing-4);--select-padding-left: var(--spacing-8);--select-padding-right: var(--spacing-8);--select-padding-top: var(--spacing-4);--select-icon-size: .75rem}._icon-wrapper_cxg1w_177{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_cxg1w_177._icon-placement-left_cxg1w_80{--icon-placement-left: var(--spacing-md)}._icon-wrapper_cxg1w_177._icon-placement-left_cxg1w_80._size-xs_cxg1w_11{--icon-placement-left: var(--spacing-sm)}._icon-wrapper_cxg1w_177._icon-placement-right_cxg1w_45{--icon-placement-right: var(--spacing-md)}._icon-wrapper_cxg1w_177._icon-placement-right_cxg1w_45._size-xs_cxg1w_11{--icon-placement-right: var(--spacing-sm)}._icon-wrapper_cxg1w_177>button{pointer-events:auto}._wrapper_cxg1w_208{position:relative;width:100%}._wrapper_cxg1w_208._disabled_cxg1w_212 ._icon-wrapper_cxg1w_177{color:var(--color-beige-60)}._menu_cxg1w_215{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_cxg1w_215:hover>*{cursor:pointer}._item_cxg1w_243{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_cxg1w_243._highlighted_cxg1w_257{background-color:var(--color-beige-20)}._item_cxg1w_243._selected_cxg1w_260:not(._multiple_cxg1w_260){--item-text-color: var(--color-neutral-90);font-weight:var(--font-weight-bold)}._item_cxg1w_243._selected_cxg1w_260._multiple_cxg1w_260:not(._allowUnselectFromList_cxg1w_264){--item-text-color: var(--color-beige-40);--item-cursor: not-allowed}._item_cxg1w_243._disabled_cxg1w_212{--item-text-color: var(--color-beige-60);--item-cursor: not-allowed}._tags_cxg1w_272{margin-top:var(--spacing-lg)}._tags_cxg1w_272 ._styled-tag_cxg1w_275:not(:last-child){margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._tags_cxg1w_272:empty{display:none}}
+@layer components{._indicators_1tqnt_2{position:absolute;padding:0;top:0;height:var(--selectHeight, 100%);right:var(--indicatorsRight, var(--spacing-md));display:flex;gap:var(--spacing-xs)}._indicators_1tqnt_2._size-xs_1tqnt_11{--indicatorsRight: var(--spacing-sm)}._dropdown-indicator_1tqnt_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_1tqnt_14 ._styled-icon_1tqnt_28{transform:none;transition-property:transform;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary)}._dropdown-indicator_1tqnt_14._open_1tqnt_34 ._styled-icon_1tqnt_28{transform:rotate3d(0,0,1,180deg)}._dropdown-indicator_1tqnt_14:not(:last-child){width:auto}._dropdown-indicator_1tqnt_14._disabled_1tqnt_40{cursor:not-allowed;color:var(--components-colors-input-color-text-disabled)}._input-wrapper_1tqnt_44{position:relative}._input-wrapper_1tqnt_44:has(>._icon-placement-right_1tqnt_47) ._indicators_1tqnt_2{--indicatorsRight: calc(var(--spacing-lg) + var(--spacing-md) * 2)}._root_1tqnt_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(--selectLineHeight, 1);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:calc(var(--selectPaddingRight) + var(--spacing-xl));padding-top:var(--selectPaddingTop);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--selectBoxShadow, var(--inset-10)) inset}._root_1tqnt_51._icon-placement-left_1tqnt_83,._root_1tqnt_51._icon-placement-both_1tqnt_83{padding-left:calc(var(--selectPaddingLeft) + var(--selectIconSize, 1rem) + var(--spacing-sm))}._root_1tqnt_51._clearable_1tqnt_86,._root_1tqnt_51._icon-placement-right_1tqnt_47,._root_1tqnt_51._icon-placement-both_1tqnt_83{padding-right:calc(var(--selectPaddingRight) + var(--selectIconSize, 1rem) + var(--spacing-sm) + var(--spacing-xl))}._root_1tqnt_51._clearable_1tqnt_86._icon-placement-right_1tqnt_47,._root_1tqnt_51._clearable_1tqnt_86._icon-placement-both_1tqnt_83{padding-right:calc(var(--selectPaddingRight) + (var(--selectIconSize, 1rem) + var(--spacing-sm)) * 2 + var(--spacing-xl))}._root_1tqnt_51._disabled_1tqnt_40{--selectBackgroundColor: var(--components-colors-input-color-background-disabled);--selectTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_1tqnt_51:hover:not(._disabled_1tqnt_40){--selectBorderColor: var(--components-colors-input-color-border-hover);--selectBoxShadow: var(--inset-20)}._root_1tqnt_51:focus:not(._disabled_1tqnt_40){--selectBorderColor: var(--components-colors-input-color-border-active)}._root_1tqnt_51._transparent_1tqnt_104{--selectBorderColor: transparent;--selectBackgroundColor: var(--components-colors-input-color-background-transparent)}._root_1tqnt_51._transparent_1tqnt_104:hover{--selectBorderColor: var(--components-colors-input-color-border-hover-transparent)}._root_1tqnt_51::placeholder{color:var(--selectPlaceholderColor)}._root_1tqnt_51 br{display:none}._root_1tqnt_51:before{content:attr(data-spacer);visibility:hidden;display:block;height:0}._root_1tqnt_51:empty:after{content:attr(placeholder);position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;line-height:1.25;color:var(--selectPlaceholderColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_1tqnt_51:empty:before{height:auto}._variant-danger_1tqnt_140{--selectBorderColor: var(--components-colors-input-color-border-error)}._variant-success_1tqnt_143{--selectBorderColor: var(--components-colors-input-color-border-success)}._variant-warning_1tqnt_146{--selectBorderColor: var(--components-colors-input-color-border-warning)}._size-lg_1tqnt_149{--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);--selectLineHeight: 1.15}._size-md_1tqnt_157{--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);--selectLineHeight: 1}._size-sm_1tqnt_165{--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);--selectLineHeight: 1}._icon-wrapper_1tqnt_173{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_1tqnt_173._icon-placement-left_1tqnt_83{--iconPlacementLeft: var(--spacing-md)}._icon-wrapper_1tqnt_173._icon-placement-left_1tqnt_83._size-xs_1tqnt_11{--iconPlacementLeft: var(--spacing-sm)}._icon-wrapper_1tqnt_173._icon-placement-right_1tqnt_47{--iconPlacementRight: var(--spacing-md)}._icon-wrapper_1tqnt_173._icon-placement-right_1tqnt_47._size-xs_1tqnt_11{--iconPlacementRight: var(--spacing-sm)}._icon-wrapper_1tqnt_173>button{pointer-events:auto}._wrapper_1tqnt_204{position:relative;width:100%}._wrapper_1tqnt_204._disabled_1tqnt_40 ._icon-wrapper_1tqnt_173{--selectIconWrapperColor: var(--components-colors-input-color-icon-disabled)}._menu_1tqnt_211{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_1tqnt_211:hover>*{cursor:pointer}._item_1tqnt_239{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_1tqnt_239._highlighted_1tqnt_253{background-color:var(--color-background-warm-primary)}._item_1tqnt_239._selected_1tqnt_256:not(._multiple_1tqnt_256){--itemTextColor: var(--components-colors-input-color-text-default);font-weight:var(--font-weight-semi-bold)}._item_1tqnt_239._selected_1tqnt_256._multiple_1tqnt_256:not(._allowUnselectFromList_1tqnt_260){--itemTextColor: var(--color-beige-40);--itemCursor: not-allowed}._item_1tqnt_239._disabled_1tqnt_40{--itemTextColor: var(--components-colors-input-color-text-disabled);--itemCursor: not-allowed}._tags_1tqnt_268{margin-top:var(--spacing-lg)}._tags_1tqnt_268 ._styled-tag_1tqnt_271:not(:last-child){margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._tags_1tqnt_268:empty{display:none}}