welcome-ui 8.4.0 → 9.0.0-alpha.0

package/dist/Radio.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { R as u } from "./NLEBE274-BlP1TDp5.js";
+import { forwardRef as w } from "react";
+import { Hint as b } from "./Hint.js";
+import { Label as v } from "./Label.js";
+import { c as N } from "./classNames-qiokGROM.js";
+const R = "_root_1r128_2", g = "_input_1r128_8", x = "_disabled_1r128_34", $ = "_hint_1r128_69", j = {
+  root: R,
+  "input-wrapper": "_input-wrapper_1r128_8",
+  input: g,
+  disabled: x,
+  "variant-danger": "_variant-danger_1r128_38",
+  "variant-warning": "_variant-warning_1r128_41",
+  "label-with-hint": "_label-with-hint_1r128_65",
+  hint: $
+}, r = N(j), y = w(
+  ({
+    className: _,
+    dataTestId: i,
+    disabled: n,
+    hint: o,
+    label: s,
+    onChange: l,
+    onClick: e,
+    value: c,
+    variant: p = "default",
+    ...m
+  }, h) => {
+    const f = (t) => {
+      t.stopPropagation(), e && e(t), l && l(t);
+    };
+    return /* @__PURE__ */ d(v, { className: r("root", _), onClick: f, children: [
+      /* @__PURE__ */ a("div", { className: r("input-wrapper"), children: /* @__PURE__ */ a(
+        u,
+        {
+          "aria-label": s,
+          className: r("input", `variant-${p}`, n && "disabled"),
+          "data-testid": i,
+          disabled: n,
+          ref: h,
+          value: c,
+          ...m
+        }
+      ) }),
+      /* @__PURE__ */ d("div", { className: r("label-with-hint"), children: [
+        /* @__PURE__ */ a("div", { "data-testid": i ? `${i}-label` : void 0, children: s }),
+        o ? /* @__PURE__ */ a(
+          b,
+          {
+            className: r("hint"),
+            "data-testid": i ? `${i}-hint` : void 0,
+            children: o
+          }
+        ) : null
+      ] })
+    ] });
+  }
+);
+y.displayName = "Radio";
+export {
+  y as Radio
+};

package/dist/RadioGroup.css

@@ -0,0 +1 @@
+@layer components{._root_v6e2n_2{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}}

package/dist/RadioGroup.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { c as P, u as $ } from "./4CMBR7SL-DXQR7a9T.js";
+import { c as b, a as x, b as G, u as L } from "./YV4JVR4I-BN6SUVuh.js";
+import { H as j, I as d, J as m, K as c } from "./LVA2YJMS-C6Bdr5Em.js";
+import { FieldGroup as y } from "./FieldGroup.js";
+import { Radio as N } from "./Radio.js";
+import { c as k } from "./classNames-qiokGROM.js";
+import "react";
+function F(t = {}) {
+  var e = j(t, []), a;
+  const r = (a = e.store) == null ? void 0 : a.getState(), s = P(d(c({}, e), {
+    focusLoop: m(e.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+  })), i = d(c({}, s.getState()), {
+    value: m(
+      e.value,
+      r == null ? void 0 : r.value,
+      e.defaultValue,
+      null
+    )
+  }), u = b(i, s, e.store);
+  return d(c(c({}, s), u), {
+    setValue: (l) => u.setState("value", l)
+  });
+}
+function H(t, e, a) {
+  return t = $(t, e, a), G(t, a, "value", "setValue"), t;
+}
+function J(t = {}) {
+  const [e, a] = x(F, t);
+  return H(e, a, t);
+}
+const K = "_root_v6e2n_2", O = {
+  root: K
+}, g = k(O), I = ({
+  className: t,
+  dataTestId: e,
+  disabled: a,
+  hideLabel: r,
+  id: s,
+  label: i,
+  name: u,
+  onChange: l,
+  options: p = [],
+  renderOption: f = N,
+  required: S,
+  value: _,
+  ...V
+}) => {
+  const v = J({ defaultValue: _ }), R = L(v, "value"), h = (o) => {
+    a || (v.setValue(o), l == null || l(o));
+  };
+  return /* @__PURE__ */ n(y, { "data-testid": e, hideLabel: r, label: i, required: S, children: /* @__PURE__ */ n("div", { className: g("root", t), children: p.map((o) => /* @__PURE__ */ n(
+    f,
+    {
+      checked: o.value === R,
+      dataTestId: e ? `${e}-${o.value}` : void 0,
+      disabled: a,
+      hint: o.hint,
+      id: `${s || u}.${o.value}`,
+      label: o.label,
+      name: u,
+      onChange: () => h(o.value),
+      value: o.value,
+      ...V
+    },
+    o.value
+  )) }) });
+};
+export {
+  I as RadioGroup
+};

package/dist/RadioTab.css

@@ -0,0 +1 @@
+@layer components{._label_zrrw4_2{transition:var(--duration-medium);padding-top:0;padding-bottom:0}._label_zrrw4_2:not(._checked_zrrw4_7):not(:disabled):not([aria-disabled]){border-color:var(--color-neutral-30)}._label_zrrw4_2:not(._checked_zrrw4_7):not(:disabled):not([aria-disabled]):hover{background-color:var(--color-neutral-30)}._label_zrrw4_2:not(._checked_zrrw4_7):not(:disabled):not([aria-disabled]):focus,._label_zrrw4_2:not(._checked_zrrw4_7):not(:disabled):not([aria-disabled]):active{background-color:var(--color-neutral-50)}._input-wrapper_zrrw4_16{flex-shrink:0;position:relative}._input_zrrw4_16{position:absolute;top:0;left:0;opacity:0}._content_zrrw4_26{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}

package/dist/RadioTab.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import { R as u } from "./NLEBE274-BlP1TDp5.js";
+import { forwardRef as d } from "react";
+import { Button as w } from "./Button.js";
+import { c as f } from "./classNames-qiokGROM.js";
+const b = "_label_zrrw4_2", N = "_checked_zrrw4_7", h = "_input_zrrw4_16", z = "_content_zrrw4_26", R = {
+  label: b,
+  checked: N,
+  "input-wrapper": "_input-wrapper_zrrw4_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,
+    {
+      as: "label",
+      className: t("label", r && "checked", o),
+      "data-testid": n,
+      disabled: e,
+      variant: r ? "primary" : null,
+      ...p,
+      children: [
+        /* @__PURE__ */ a("div", { className: t("input"), children: /* @__PURE__ */ a(
+          u,
+          {
+            checked: r,
+            className: t("input"),
+            "data-testid": n ? `${n}-input` : void 0,
+            disabled: e,
+            id: i,
+            onChange: c,
+            ref: m,
+            value: l
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: t("content"), children: s })
+      ]
+    }
+  )
+);
+v.displayName = "RadioTab";
+export {
+  v as RadioTab
+};

package/dist/SYRFVSLH-D5X1Ofws.js

@@ -0,0 +1,49 @@
+"use client";
+import { u as c } from "./X5NMLKT6-C7-nsL44.js";
+import { u as d } from "./VGCJ63VH-Bdd6jzVW.js";
+import { f as p, c as f, a as D, _ as x, u as g, b as k, d as v } from "./LVA2YJMS-C6Bdr5Em.js";
+import { useMemo as h } from "react";
+import { jsxs as _, jsx as a } from "react/jsx-runtime";
+var b = "button", y = f(
+  function(i) {
+    var s = i, { store: e } = s, o = x(s, ["store"]);
+    const l = d();
+    e = e || l;
+    const r = o.onClick, u = g((t) => {
+      r == null || r(t), !t.defaultPrevented && (e == null || e.hide());
+    }), m = h(
+      () => /* @__PURE__ */ _(
+        "svg",
+        {
+          "aria-label": "Dismiss popup",
+          display: "block",
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          viewBox: "0 0 16 16",
+          height: "1em",
+          width: "1em",
+          children: [
+            /* @__PURE__ */ a("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
+            /* @__PURE__ */ a("line", { x1: "4", y1: "12", x2: "12", y2: "4" })
+          ]
+        }
+      ),
+      []
+    );
+    return o = k(v({
+      "data-dialog-dismiss": "",
+      children: m
+    }, o), {
+      onClick: u
+    }), o = c(o), o;
+  }
+), E = p(function(i) {
+  const s = y(i);
+  return D(b, s);
+});
+export {
+  E as D
+};

package/dist/Search.css

@@ -0,0 +1 @@
+@layer components{._wrapper_1pzk6_2{position:relative}._indicators_1pzk6_5{position:absolute;padding:0;top:0;bottom:0;right:var(--indicators-right, 0);display:flex;gap:var(--spacing-xs)}._dropdown-indicator_1pzk6_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_1pzk6_27{position:relative}._input-wrapper_1pzk6_27:has(>._icon-placement-right_1pzk6_30) ._indicators_1pzk6_5{--indicators-right: calc((var(--search-icon-size, 1rem) + var(--spacing-sm)))}._root_1pzk6_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_1pzk6_33._icon-placement-left_1pzk6_63{padding-left:calc(var(--search-padding-left) + var(--search-icon-size, 1rem) + var(--spacing-sm))}._root_1pzk6_33._icon-placement-right_1pzk6_30{padding-right:calc(var(--search-padding-right) + (var(--search-icon-size, 1rem) + var(--spacing-sm)) * 2)}._root_1pzk6_33:disabled{--search-background-color: var(--search-color-beige-40);--search-text-color: var(--search-color-beige-70);cursor:not-allowed}._root_1pzk6_33:hover:not([class*=variant]){--search-border-color: var(--color-brand-40)}._root_1pzk6_33:focus:not([class*=variant]){--search-outline-color: var(--color-brand-20);--search-border-color: var(--color-brand-40)}._root_1pzk6_33._transparent_1pzk6_81{--search-border-color: transparent;--search-background-color: transparent}._root_1pzk6_33._transparent_1pzk6_81:hover{--search-border-color: var(--color-neutral-20)}._root_1pzk6_33::placeholder{color:var(--color-neutral-60)}._root_1pzk6_33 br{display:none}._variant-danger_1pzk6_94{--search-border-color: var(--color-red-70);--search-outline-color: var(--color-red-30)}._variant-success_1pzk6_98{--search-border-color: var(--color-green-60);--search-outline-color: var(--color-green-30)}._variant-warning_1pzk6_102{--search-border-color: var(--color-orange-60);--search-outline-color: var(--color-orange-20)}._size-lg_1pzk6_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_1pzk6_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_1pzk6_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_1pzk6_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_1pzk6_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_1pzk6_139._icon-placement-left_1pzk6_63{--icon-placement-left: var(--spacing-md)}._icon-wrapper_1pzk6_139._icon-placement-left_1pzk6_63._size-xs_1pzk6_130{--icon-placement-left: var(--spacing-sm)}._icon-wrapper_1pzk6_139._icon-placement-right_1pzk6_30{--icon-placement-right: var(--spacing-md)}._icon-wrapper_1pzk6_139._icon-placement-right_1pzk6_30._size-xs_1pzk6_130{--icon-placement-right: var(--spacing-sm)}._icon-wrapper_1pzk6_139>button{pointer-events:auto}._menu_1pzk6_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_1pzk6_170:hover>*{cursor:pointer}._item_1pzk6_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_1pzk6_198._highlighted_1pzk6_212{background-color:var(--color-beige-20)}._item_1pzk6_198._selected_1pzk6_215{--item-text-color: var(--color-neutral-90);font-weight:var(--font-weight-bold)}._item_1pzk6_198._selected_1pzk6_215._highlighted_1pzk6_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}

package/dist/Search.js

@@ -0,0 +1,214 @@
+"use client";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { D as b, F as pe } from "./field-icon-size-Ch1t6GUH.js";
+import _e, { forwardRef as de, useState as me, useCallback as he, useMemo as ue, Fragment as ze } from "react";
+import { CloseButton as ke } from "./CloseButton.js";
+import { c as fe } from "./classNames-qiokGROM.js";
+import { c as we } from "./create-event-rXDe5aCQ.js";
+import { t as ge } from "./throttle-BDBzFeFj.js";
+const Ne = "_wrapper_1pzk6_2", Ie = "_indicators_1pzk6_5", Re = "_root_1pzk6_33", Se = "_transparent_1pzk6_81", xe = "_menu_1pzk6_170", ve = "_item_1pzk6_198", Ce = "_highlighted_1pzk6_212", Ee = "_selected_1pzk6_215", $e = {
+  wrapper: Ne,
+  indicators: Ie,
+  "dropdown-indicator": "_dropdown-indicator_1pzk6_14",
+  "input-wrapper": "_input-wrapper_1pzk6_27",
+  "icon-placement-right": "_icon-placement-right_1pzk6_30",
+  root: Re,
+  "icon-placement-left": "_icon-placement-left_1pzk6_63",
+  transparent: Se,
+  "variant-danger": "_variant-danger_1pzk6_94",
+  "variant-success": "_variant-success_1pzk6_98",
+  "variant-warning": "_variant-warning_1pzk6_102",
+  "size-lg": "_size-lg_1pzk6_106",
+  "size-md": "_size-md_1pzk6_114",
+  "size-sm": "_size-sm_1pzk6_122",
+  "size-xs": "_size-xs_1pzk6_130",
+  "icon-wrapper": "_icon-wrapper_1pzk6_139",
+  menu: xe,
+  item: ve,
+  highlighted: Ce,
+  selected: Ee
+}, j = "", n = fe($e), De = b.default || b, Fe = de(
+  ({
+    autoComplete: y = "off",
+    autoFocus: P,
+    className: V,
+    dataTestId: B,
+    disabled: F,
+    groupsEnabled: G,
+    icon: p,
+    iconPlacement: N = "left",
+    id: H,
+    itemToString: s,
+    minChars: m = 3,
+    name: I,
+    onBlur: L,
+    onChange: h,
+    onClick: Y,
+    onFocus: u,
+    placeholder: Z = "Search…",
+    renderGroupHeader: q,
+    renderItem: R,
+    search: S,
+    size: a = "md",
+    throttle: x = 500,
+    transparent: A,
+    value: _ = j,
+    variant: z,
+    ...k
+  }, J) => {
+    const K = _ ? s(_) : j, [v, c] = me([]), C = he(
+      async (e) => {
+        if (m === 0 || (e == null ? void 0 : e.length) >= m) {
+          const o = await S(e);
+          c(o || []);
+        } else
+          c([]);
+      },
+      [m, S]
+    ), E = ue(
+      () => ge(C, x, !1),
+      [C, x]
+    ), f = (e) => {
+      const o = we({ name: I, value: e });
+      h == null || h(e, o);
+    }, $ = (e) => {
+      e ? f(e) : (f(), c([]));
+    };
+    return /* @__PURE__ */ t(
+      De,
+      {
+        initialInputValue: K,
+        itemToString: (e) => s(e) || "",
+        onInputValueChange: E,
+        onOuterClick: () => {
+          _ || $(), c([]);
+        },
+        onSelect: $,
+        selectedItem: _,
+        ...k,
+        children: ({
+          clearSelection: e,
+          getInputProps: o,
+          getItemProps: D,
+          getMenuProps: Q,
+          getRootProps: U,
+          highlightedIndex: W,
+          inputValue: X,
+          isOpen: T,
+          selectedItem: d,
+          toggleMenu: ee
+        }) => {
+          const te = () => {
+            c([]), f(), e();
+          }, ne = T && v.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(ke, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (i) => {
+            u == null || u(i), E(""), ee();
+          }, re = U(k, { suppressRefError: !0 }), ae = o({
+            autoComplete: y,
+            autoFocus: P,
+            "data-testid": B,
+            disabled: F,
+            id: H,
+            name: I,
+            onBlur: L,
+            onClick: Y,
+            onFocus: ie,
+            placeholder: Z,
+            ref: J,
+            size: a,
+            tabIndex: 0,
+            variant: T ? "focused" : z,
+            ...k
+          }), ce = pe[a];
+          return /* @__PURE__ */ g("div", { ...re, className: n("wrapper"), children: [
+            /* @__PURE__ */ g("div", { className: n("input-wrapper"), children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  className: n(
+                    "root",
+                    `size-${a}`,
+                    z && `variant-${z}`,
+                    A && "transparent",
+                    p && `icon-placement-${N}`,
+                    V
+                  ),
+                  ...ae
+                }
+              ),
+              p ? /* @__PURE__ */ t(
+                "div",
+                {
+                  className: n(
+                    "icon-wrapper",
+                    `icon-placement-${N}`,
+                    `size-${a}`
+                  ),
+                  children: _e.cloneElement(p, { ...p.props, size: ce })
+                }
+              ) : null,
+              /* @__PURE__ */ t("div", { className: n("indicators", `size-${a}`), children: X ? se : null })
+            ] }),
+            ne ? /* @__PURE__ */ t("ul", { className: n("menu"), ...Q(), children: v.reduce(
+              (i, r, w) => {
+                const M = i.itemIndex++, O = W === M;
+                if (G)
+                  i.itemsToRender.push(
+                    /* @__PURE__ */ g(ze, { children: [
+                      q(r),
+                      r.options ? r.options.map(
+                        (l, oe) => {
+                          const le = d && s(d) === s(l);
+                          return /* @__PURE__ */ t(
+                            "li",
+                            {
+                              className: n(
+                                "item",
+                                O && "highlighted",
+                                le && "selected"
+                              ),
+                              ...D({
+                                index: M,
+                                item: l
+                              }),
+                              children: R(l)
+                            },
+                            oe
+                          );
+                        }
+                      ) : null
+                    ] }, w)
+                  );
+                else {
+                  const l = d && s(d) === s(r);
+                  i.itemsToRender.push(
+                    /* @__PURE__ */ t(
+                      "li",
+                      {
+                        className: n(
+                          "item",
+                          O && "highlighted",
+                          l && "selected"
+                        ),
+                        ...D({
+                          index: w,
+                          item: r
+                        }),
+                        children: R(r)
+                      },
+                      w
+                    )
+                  );
+                }
+                return i;
+              },
+              { itemIndex: 0, itemsToRender: [] }
+            ).itemsToRender }) : null
+          ] });
+        }
+      }
+    );
+  }
+);
+export {
+  Fe as Search
+};

package/dist/Select.css

@@ -0,0 +1 @@
+@layer components{._indicators_1fbxv_2{position:absolute;padding:0;top:0;bottom:0;right:var(--indicators-right, var(--spacing-md));display:flex;gap:var(--spacing-xs)}._indicators_1fbxv_2._size-xs_1fbxv_11{--indicators-right: var(--spacing-sm)}._dropdown-indicator_1fbxv_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_1fbxv_14 ._styled-icon_1fbxv_27{transform:none;transition-property:transform;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary)}._dropdown-indicator_1fbxv_14._open_1fbxv_33 ._styled-icon_1fbxv_27{transform:rotate3d(0,0,1,180deg)}._dropdown-indicator_1fbxv_14:not(:last-child){width:auto}._dropdown-indicator_1fbxv_14:disabled{color:var(--color-beige-60)}._input-wrapper_1fbxv_42{position:relative}._input-wrapper_1fbxv_42:has(>._icon-placement-right_1fbxv_45) ._indicators_1fbxv_2{--indicators-right: calc(var(--spacing-lg) + var(--spacing-md) * 2)}._root_1fbxv_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_1fbxv_49._icon-placement-left_1fbxv_80,._root_1fbxv_49._icon-placement-both_1fbxv_80{padding-left:calc(var(--select-padding-left) + var(--select-icon-size, 1rem) + var(--spacing-sm))}._root_1fbxv_49._clearable_1fbxv_83,._root_1fbxv_49._icon-placement-right_1fbxv_45,._root_1fbxv_49._icon-placement-both_1fbxv_80{padding-right:calc(var(--select-padding-right) + var(--select-icon-size, 1rem) + var(--spacing-sm))}._root_1fbxv_49._clearable_1fbxv_83._icon-placement-right_1fbxv_45,._root_1fbxv_49._clearable_1fbxv_83._icon-placement-both_1fbxv_80{padding-right:calc(var(--select-padding-right) + (var(--select-icon-size, 1rem) + var(--spacing-sm)) * 2)}._root_1fbxv_49:disabled{--select-background-color: var(--select-color-beige-40);--select-text-color: var(--select-color-beige-70);cursor:not-allowed}._root_1fbxv_49:hover:not([class*=variant]){--select-border-color: var(--color-brand-40)}._root_1fbxv_49:focus:not([class*=variant]){--select-outline-color: var(--color-brand-20);--select-border-color: var(--color-brand-40)}._root_1fbxv_49._transparent_1fbxv_101{--select-border-color: transparent;--select-background-color: transparent}._root_1fbxv_49._transparent_1fbxv_101:hover{--select-border-color: var(--color-neutral-20)}._root_1fbxv_49::placeholder{color:var(--select-placeholder-color)}._root_1fbxv_49 br{display:none}._root_1fbxv_49:before{content:attr(data-spacer);visibility:hidden;display:block;height:0}._root_1fbxv_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_1fbxv_49:empty:before{height:auto}._variant-danger_1fbxv_136{--select-border-color: var(--color-red-70);--select-outline-color: var(--color-red-30)}._variant-success_1fbxv_140{--select-border-color: var(--color-green-60);--select-outline-color: var(--color-green-30)}._variant-warning_1fbxv_144{--select-border-color: var(--color-orange-60);--select-outline-color: var(--color-orange-20)}._size-lg_1fbxv_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_1fbxv_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_1fbxv_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_1fbxv_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_1fbxv_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_1fbxv_177._icon-placement-left_1fbxv_80{--icon-placement-left: var(--spacing-md)}._icon-wrapper_1fbxv_177._icon-placement-left_1fbxv_80._size-xs_1fbxv_11{--icon-placement-left: var(--spacing-sm)}._icon-wrapper_1fbxv_177._icon-placement-right_1fbxv_45{--icon-placement-right: var(--spacing-md)}._icon-wrapper_1fbxv_177._icon-placement-right_1fbxv_45._size-xs_1fbxv_11{--icon-placement-right: var(--spacing-sm)}._icon-wrapper_1fbxv_177>button{pointer-events:auto}._wrapper_1fbxv_208{position:relative;width:100%}._wrapper_1fbxv_208._disabled_1fbxv_212 ._icon-wrapper_1fbxv_177{color:var(--color-beige-60)}._menu_1fbxv_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_1fbxv_215:hover>*{cursor:pointer}._item_1fbxv_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_1fbxv_243._highlighted_1fbxv_257{background-color:var(--color-beige-20)}._item_1fbxv_243._selected_1fbxv_260:not(._multiple_1fbxv_260){--item-text-color: var(--color-neutral-90);font-weight:var(--font-weight-bold)}._item_1fbxv_243._selected_1fbxv_260._multiple_1fbxv_260:not(._allowUnselectFromList_1fbxv_264){--item-text-color: var(--color-beige-40);--item-cursor: not-allowed}._item_1fbxv_243._disabled_1fbxv_212{--item-text-color: var(--color-beige-60);--item-cursor: not-allowed}._tags_1fbxv_272{margin-top:var(--spacing-lg)}._tags_1fbxv_272 ._styled-tag_1fbxv_275:not(:last-child){margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._tags_1fbxv_272:empty{display:none}}