welcome-ui 9.0.1 → 10.0.0-alpha.1

package/dist/Popover.js

@@ -1,35 +1,34 @@
 "use client";
 import { jsx as r, jsxs as _ } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { c as l } from "./index-CdiHdiVB.js";
-import { Button as w } from "./Button.js";
-import "./Icon-EG7O4YwD.js";
-import { C as f } from "./index-Bt79XJ8R.js";
-import { u as P } from "./RTNCFSKZ-qpPg689E.js";
-import { P as g, f as C, g as b, h as x, i as H, j as N } from "./GVVKDT6A-bET6V7Py.js";
-import { f as p } from "./forwardRefWithAs-8eP3ZN15.js";
-import { P as $ } from "./4I4MLMKD-BLxAidnq.js";
-const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "_arrow_1ldto_41", a = {
-  root: j,
-  title: S,
-  "with-close-button": "_with-close-button_1ldto_24",
-  "content-wrapper": "_content-wrapper_1ldto_27",
-  content: T,
-  "close-button": "_close-button_1ldto_34",
-  arrow: B,
-  "arrow-item": "_arrow-item_1ldto_44",
-  "placement-top": "_placement-top_1ldto_49",
-  "placement-right": "_placement-right_1ldto_52",
-  "placement-left": "_placement-left_1ldto_55",
-  "placement-bottom": "_placement-bottom_1ldto_58"
-}, L = l(a), d = i(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ r("div", { className: L("content", t), ref: o, ...e })
-), m = l(a), R = ({ store: t }) => {
-  const e = P(t, "currentPlacement"), [o] = e.split("-");
-  return /* @__PURE__ */ r(g, { className: m("arrow"), store: t, children: /* @__PURE__ */ _(
+import { c as a } from "./index-CdiHdiVB.js";
+import { Button as h } from "./Button.js";
+import { Icon as b } from "./Icon.js";
+import { u as d } from "./RTNCFSKZ-qpPg689E.js";
+import { P, f as g, g as k, h as q, i as x, j as C } from "./GVVKDT6A-bET6V7Py.js";
+import { f as m } from "./forwardRefWithAs-8eP3ZN15.js";
+import { P as H } from "./4I4MLMKD-BLxAidnq.js";
+const N = "_root_kqbt9_2", $ = "_title_kqbt9_15", j = "_content_kqbt9_27", S = "_arrow_kqbt9_41", l = {
+  root: N,
+  title: $,
+  "with-close-button": "_with-close-button_kqbt9_24",
+  "content-wrapper": "_content-wrapper_kqbt9_27",
+  content: j,
+  "close-button": "_close-button_kqbt9_34",
+  arrow: S,
+  "arrow-item": "_arrow-item_kqbt9_44",
+  "placement-top": "_placement-top_kqbt9_49",
+  "placement-right": "_placement-right_kqbt9_52",
+  "placement-left": "_placement-left_kqbt9_55",
+  "placement-bottom": "_placement-bottom_kqbt9_58"
+}, T = a(l), v = i(
+  ({ className: o, ...e }, t) => /* @__PURE__ */ r("div", { className: T("content", o), ref: t, ...e })
+), p = a(l), B = ({ store: o }) => {
+  const e = d(o, "currentPlacement"), [t] = e.split("-");
+  return /* @__PURE__ */ r(P, { className: p("arrow"), store: o, children: /* @__PURE__ */ _(
     "svg",
     {
-      className: m("arrow-item", o && `placement-${o}`),
+      className: p("arrow-item", t && `placement-${t}`),
       xmlns: "http://www.w3.org/2000/svg",
       children: [
         /* @__PURE__ */ r("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }),
@@ -37,109 +36,99 @@ const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "
       ]
     }
   ) });
-}, u = l(a), v = ({ children: t, className: e, onClose: o, store: n }) => {
-  const s = () => {
-    o && o(), n == null || n.hide();
-  }, { withCloseButton: c } = n;
+}, u = a(l), w = ({ children: o, className: e, onClose: t, store: n }) => {
+  const c = () => {
+    t && t(), n == null || n.hide();
+  }, { withCloseButton: s } = n;
   return /* @__PURE__ */ _("div", { className: u("content-wrapper", e), children: [
-    /* @__PURE__ */ r(R, { store: n }),
-    t,
-    c ? /* @__PURE__ */ r(
-      w,
-      {
-        className: u("close-button"),
-        onClick: s,
-        shape: "square",
-        size: "xs",
-        variant: "secondary",
-        children: /* @__PURE__ */ r(f, {})
-      }
-    ) : null
+    /* @__PURE__ */ r(B, { store: n }),
+    o,
+    s ? /* @__PURE__ */ r(h, { className: u("close-button"), onClick: c, size: "sm", variant: "secondary", children: /* @__PURE__ */ r(b, { name: "times" }) }) : null
   ] });
-}, z = l(a), h = i(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ r("h6", { className: z("title", t), ref: o, ...e })
-), k = p(
-  ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
-    $,
+}, L = a(l), f = i(
+  ({ className: o, ...e }, t) => /* @__PURE__ */ r("h6", { className: L("title", o), ref: t, ...e })
+), R = m(
+  ({ as: o, className: e, store: t, ...n }, c) => /* @__PURE__ */ r(
+    H,
     {
       className: e,
-      ref: s,
-      render: t ? (c) => /* @__PURE__ */ r(t, { ...c }) : void 0,
-      store: o,
+      ref: c,
+      render: o ? (s) => /* @__PURE__ */ r(o, { ...s }) : void 0,
+      store: t,
       ...n
     }
   )
-), y = p(
-  ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
-    C,
+), z = m(
+  ({ as: o, className: e, store: t, ...n }, c) => /* @__PURE__ */ r(
+    g,
     {
       className: e,
-      ref: s,
-      render: t ? (c) => /* @__PURE__ */ r(t, { ...c }) : void 0,
-      store: o,
+      ref: c,
+      render: o ? (s) => /* @__PURE__ */ r(o, { ...s }) : void 0,
+      store: t,
       ...n
     }
   )
-), A = l(a), M = p(
-  ({ children: t, onClose: e, store: o, ...n }, s) => {
-    const { withCloseButton: c } = o;
+), y = a(l), A = m(
+  ({ children: o, onClose: e, store: t, ...n }, c) => {
+    const { withCloseButton: s } = t;
     return /* @__PURE__ */ r(
-      b,
+      k,
       {
-        className: A("root", c && "with-close-button"),
-        store: o,
+        className: y("root", s && "with-close-button"),
+        store: t,
         ...n,
-        ref: s,
-        children: /* @__PURE__ */ r(v, { onClose: e, store: o, children: t })
+        ref: c,
+        children: /* @__PURE__ */ r(w, { onClose: e, store: t, children: o })
       }
     );
   }
-), U = Object.assign(M, {
-  Content: d,
-  Title: h,
-  Trigger: y
-}), V = ({
-  withCloseButton: t = !1,
+), Q = Object.assign(A, {
+  Content: v,
+  Title: f,
+  Trigger: z
+}), U = ({
+  withCloseButton: o = !1,
   ...e
 } = {}) => ({
-  ...x({
+  ...q({
     ...e
   }),
-  withCloseButton: t
-}), X = ({
-  hideTimeout: t = 300,
+  withCloseButton: o
+}), V = ({
+  hideTimeout: o = 300,
   showTimeout: e = 500,
-  withCloseButton: o = !1,
+  withCloseButton: t = !1,
   ...n
 } = {}) => ({
-  ...H({
-    hideTimeout: t,
+  ...x({
+    hideTimeout: o,
     showTimeout: e,
     ...n
   }),
-  withCloseButton: o
-}), O = l(a), W = i(
-  ({ children: t, onClose: e, store: o, ...n }, s) => {
-    const { withCloseButton: c } = o;
+  withCloseButton: t
+}), M = a(l), O = i(
+  ({ children: o, onClose: e, store: t, ...n }, c) => {
+    const { withCloseButton: s } = t;
     return /* @__PURE__ */ r(
-      N,
+      C,
       {
-        className: O("root", c && "with-close-button"),
-        ref: s,
-        store: o,
+        className: M("root", s && "with-close-button"),
+        ref: c,
+        store: t,
         ...n,
-        children: /* @__PURE__ */ r(v, { onClose: e, store: o, children: t })
+        children: /* @__PURE__ */ r(w, { onClose: e, store: t, children: o })
       }
     );
   }
-), Y = Object.assign(W, {
-  Content: d,
-  Title: h,
-  Trigger: k
+), X = Object.assign(O, {
+  Content: v,
+  Title: f,
+  Trigger: R
 });
 export {
-  Y as Popover,
-  U as PopoverHover,
-  V as usePopover,
-  X as usePopoverHover
+  X as Popover,
+  Q as PopoverHover,
+  U as usePopover,
+  V as usePopoverHover
 };

package/dist/Radio.css

@@ -1 +1 @@
-@layer components{._root_1xy64_2{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex-direction:row}._input-wrapper_1xy64_8{flex-shrink:0;position:relative;align-items:center;display:flex;align-self:flex-start}._input_1xy64_8{border-radius:var(--radius-circle);order:-1;position:relative;outline:none;padding:0;transition:var(--duration-medium) var(--timing-primary);border-style:solid;border-width:var(--border-width-sm);border-color:var(--borderColor, var(--color-neutral-30));color:var(--color-neutral-10);height:var(--height-16);width:var(--height-16);margin-top:var(--spacing-xs);cursor:var(--inputCursor, pointer)}._input_1xy64_8:hover{--borderColor: var(--color-neutral-40)}._input_1xy64_8._disabled_1xy64_34{background-color:var(--color-beige-40);--inputCursor: not-allowed}._input_1xy64_8._variant-danger_1xy64_38{--borderColor: var(--color-red-70)}._input_1xy64_8._variant-warning_1xy64_41{--borderColor: var(--color-orange-60)}._input_1xy64_8:after{content:"";position:absolute;width:var(--height-8);height:var(--height-8);border-radius:var(--radius-circle);top:var(--spacing-3);left:var(--spacing-3);transition:var(--duration-medium);background-color:var(--backgroundColor, var(--color-transparent))}._input_1xy64_8[aria-checked=true]:not([disabled]){--borderColor: var(--color-brand-40);color:var(--color-neutral-90)}._input_1xy64_8[aria-checked=true][disabled]:after{--backgroundColor: var(--color-brand-30)}._input_1xy64_8[aria-checked=true]:after{--backgroundColor: var(--color-brand-40)}._label-with-hint_1xy64_65{display:flex;flex-direction:column}._hint_1xy64_69{margin-top:0}}
+@layer components{._root_b4f3u_2{display:flex;align-items:flex-start;gap:var(--components-dimensions-radio-indicator-size);flex-direction:row}._input-wrapper_b4f3u_8{flex-shrink:0;position:relative;align-items:center;display:flex;align-self:flex-start}._input_b4f3u_8{border-radius:var(--components-dimensions-radio-indicator-border-radius);order:-1;position:relative;outline:none;padding:0;transition:var(--duration-medium) var(--timing-primary);border-style:solid;border-width:var(--components-dimensions-radio-border-width-unchecked);border-color:var(--borderColor, var(--components-colors-radio-color-border-unchecked-default));color:var(--components-colors-radio-color-background-unchecked-default);height:var(--components-dimensions-radio-size);width:var(--components-dimensions-radio-size);margin-top:var(--border-radius-sm);cursor:var(--inputCursor, pointer)}._input_b4f3u_8:hover{--borderColor: var(--components-colors-radio-color-border-unchecked-hover)}._input_b4f3u_8._disabled_b4f3u_34{background-color:var(--components-colors-radio-indicator-color-background-disabled);--inputCursor: not-allowed}._input_b4f3u_8._variant-danger_b4f3u_38{--borderColor: var(--color-background-danger-strongest)}._input_b4f3u_8._variant-warning_b4f3u_41{--borderColor: var(--color-background-warning-stronger)}._input_b4f3u_8:after{content:"";position:absolute;width:var(--components-dimensions-radio-indicator-size);height:var(--components-dimensions-radio-indicator-size);border-radius:var(--components-dimensions-radio-indicator-border-radius);top:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-unchecked));left:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-unchecked));transition:var(--duration-medium);background-color:var(--backgroundColor, transparent)}._input_b4f3u_8[aria-checked=true]:not([disabled]){--borderColor: var(--components-colors-radio-indicator-color-background-default);color:var(--color-background-neutral-primary-fixed)}._input_b4f3u_8[aria-checked=true][disabled]:after{--backgroundColor: var(--components-colors-radio-indicator-color-background-hover)}._input_b4f3u_8[aria-checked=true]:after{--backgroundColor: var(--components-colors-radio-indicator-color-background-default)}._label-with-hint_b4f3u_67{display:flex;flex-direction:column}._hint_b4f3u_71{margin-top:0}}

package/dist/Radio.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { R as f } from "./SQZLCNLX-CHDXnZ16.js";
-import { forwardRef as u } from "react";
-import { Hint as y } from "./Hint.js";
-import { Label as w } from "./Label.js";
-import { c as b } from "./index-CdiHdiVB.js";
-const v = "_root_1xy64_2", N = "_input_1xy64_8", R = "_disabled_1xy64_34", g = "_hint_1xy64_69", $ = {
-  root: v,
-  "input-wrapper": "_input-wrapper_1xy64_8",
-  input: N,
-  disabled: R,
-  "variant-danger": "_variant-danger_1xy64_38",
-  "variant-warning": "_variant-warning_1xy64_41",
-  "label-with-hint": "_label-with-hint_1xy64_65",
-  hint: g
-}, a = b($), j = u(
+import { R as b } from "./SQZLCNLX-CHDXnZ16.js";
+import { forwardRef as h } from "react";
+import { Hint as w } from "./Hint.js";
+import { Label as v } from "./Label.js";
+import { c as N } from "./index-CdiHdiVB.js";
+const R = "_root_b4f3u_2", g = "_input_b4f3u_8", x = "_disabled_b4f3u_34", $ = "_hint_b4f3u_71", j = {
+  root: R,
+  "input-wrapper": "_input-wrapper_b4f3u_8",
+  input: g,
+  disabled: x,
+  "variant-danger": "_variant-danger_b4f3u_38",
+  "variant-warning": "_variant-warning_b4f3u_41",
+  "label-with-hint": "_label-with-hint_b4f3u_67",
+  hint: $
+}, a = N(j), y = h(
   ({
     className: _,
     dataTestId: i,
@@ -25,28 +25,28 @@ const v = "_root_1xy64_2", N = "_input_1xy64_8", R = "_disabled_1xy64_34", g = "
     onClick: e,
     value: c,
     variant: p = "default",
-    ...m
-  }, h) => {
-    const x = (r) => {
+    ...f
+  }, m) => {
+    const u = (r) => {
       r.stopPropagation(), e && e(r), l && l(r);
     };
-    return /* @__PURE__ */ d(w, { className: a("root", _), onClick: x, children: [
+    return /* @__PURE__ */ d(v, { className: a("root", _), onClick: u, children: [
       /* @__PURE__ */ t("div", { className: a("input-wrapper"), children: /* @__PURE__ */ t(
-        f,
+        b,
         {
           "aria-label": s,
           className: a("input", `variant-${p}`, n && "disabled"),
           "data-testid": i,
           disabled: n,
-          ref: h,
+          ref: m,
           value: c,
-          ...m
+          ...f
         }
       ) }),
       /* @__PURE__ */ d("div", { className: a("label-with-hint"), children: [
         /* @__PURE__ */ t("div", { "data-testid": i ? `${i}-label` : void 0, children: s }),
         o ? /* @__PURE__ */ t(
-          y,
+          w,
           {
             className: a("hint"),
             "data-testid": i ? `${i}-hint` : void 0,
@@ -57,7 +57,7 @@ const v = "_root_1xy64_2", N = "_input_1xy64_8", R = "_disabled_1xy64_34", g = "
     ] });
   }
 );
-j.displayName = "Radio";
+y.displayName = "Radio";
 export {
-  j as Radio
+  y as Radio
 };

package/dist/RadioGroup.css

@@ -1 +1 @@
-@layer components{._root_v6e2n_2{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}}
+@layer components{._root_17iu3_2{display:flex;flex-wrap:wrap;gap:var(--border-radius-lg)}}

package/dist/RadioGroup.js

@@ -2,7 +2,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as G, u as P } from "./B7UTNDHN-BlIblHCu.js";
 import { c as $, b, d as x, u as L } from "./RTNCFSKZ-qpPg689E.js";
-import { F as j, G as d, H as m, I as c } from "./OE2EFRVA-C3721cM3.js";
+import { F as j, G as d, H as v, I as c } from "./OE2EFRVA-C3721cM3.js";
 import { FieldGroup as y } from "./FieldGroup.js";
 import { Radio as F } from "./Radio.js";
 import { c as N } from "./index-CdiHdiVB.js";
@@ -10,9 +10,9 @@ import "react";
 function k(t = {}) {
   var e = j(t, []), a;
   const r = (a = e.store) == null ? void 0 : a.getState(), s = G(d(c({}, e), {
-    focusLoop: m(e.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+    focusLoop: v(e.focusLoop, r == null ? void 0 : r.focusLoop, !0)
   })), i = d(c({}, s.getState()), {
-    value: m(
+    value: v(
       e.value,
       r == null ? void 0 : r.value,
       e.defaultValue,
@@ -30,7 +30,7 @@ function O(t = {}) {
   const [e, a] = b(k, t);
   return H(e, a, t);
 }
-const g = "_root_v6e2n_2", q = {
+const g = "_root_17iu3_2", q = {
   root: g
 }, w = N(q), K = ({
   className: t,
@@ -47,8 +47,8 @@ const g = "_root_v6e2n_2", q = {
   value: _,
   ...V
 }) => {
-  const v = O({ defaultValue: _ }), R = L(v, "value"), h = (o) => {
-    a || (v.setValue(o), l == null || l(o));
+  const m = O({ defaultValue: _ }), R = L(m, "value"), h = (o) => {
+    a || (m.setValue(o), l == null || l(o));
   };
   return /* @__PURE__ */ n(y, { "data-testid": e, hideLabel: r, label: i, required: S, children: /* @__PURE__ */ n("div", { className: w("root", t), children: p.map((o) => /* @__PURE__ */ n(
     f,

package/dist/RadioTab.css

@@ -1 +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%}}
+@layer components{._label_12uyi_2{transition:var(--duration-medium);padding-top:0;padding-bottom:0}._label_12uyi_2:not(._checked_12uyi_7):not(:disabled):not([aria-disabled]){border-color:var(--components-colors-radio-color-border-unchecked-default)}._label_12uyi_2:not(._checked_12uyi_7):not(:disabled):not([aria-disabled]):hover{background-color:var(--components-colors-radio-color-border-unchecked-default)}._label_12uyi_2:not(._checked_12uyi_7):not(:disabled):not([aria-disabled]):focus,._label_12uyi_2:not(._checked_12uyi_7):not(:disabled):not([aria-disabled]):active{background-color:var(--color-icon-neutral-subtlest)}._input-wrapper_12uyi_16{flex-shrink:0;position:relative}._input_12uyi_16{position:absolute;top:0;left:0;opacity:0}._content_12uyi_26{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}

package/dist/RadioTab.js

@@ -1,45 +1,45 @@
 "use client";
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import { R as u } from "./SQZLCNLX-CHDXnZ16.js";
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { R as _ } from "./SQZLCNLX-CHDXnZ16.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-CdiHdiVB.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/Search.css

@@ -1 +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)}}
+@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)}}