welcome-ui 10.6.4 → 10.6.6

package/dist/Modal.js

@@ -1,18 +1,18 @@
 "use client";
 import './Modal.css';
 import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import { b as K } from "./Q5W46E73-5xQblshY.js";
-import { D as L, u as Q } from "./Z32PU2LQ-DMjfxuT9.js";
-import { forwardRef as c, isValidElement as U, cloneElement as X, useState as Y, useEffect as Z } from "react";
+import { D as K, u as L } from "./dialog-RAMLmAdq.js";
+import { forwardRef as c, isValidElement as Q, cloneElement as U, useState as X, useEffect as Y } from "react";
 import { Window as i } from "./Window.js";
 import { c as r } from "./index-B6iGEm-i.js";
 import { f as N } from "./forwardRefWithAs-8eP3ZN15.js";
-import { D as $ } from "./OCCHVUS4-BJVLPRH8.js";
+import { D as $ } from "./dialog-dismiss-DVxKs13g.js";
 import { Icon as k } from "./Icon.js";
 import { Text as b } from "./Text.js";
-import { Checkbox as ee } from "./Checkbox.js";
-import { Field as oe } from "./Field.js";
-import { D as se } from "./APVORPDK-i7Z_eBMP.js";
+import { Checkbox as Z } from "./Checkbox.js";
+import { Field as ee } from "./Field.js";
+import { D as oe } from "./dialog-disclosure-xHQQLmS6.js";
+import { u as se } from "./index-B0vSTNCB.js";
 const te = "_root_1sqpb_3", ae = "_hideOnInteractOutside_1sqpb_19", re = "_dialog_1sqpb_130", d = {
   root: te,
   "asset-backdrop": "_asset-backdrop_1sqpb_8",
@@ -105,7 +105,7 @@ const _e = Object.assign(T, {
       ref: a,
       ...s
     }
-  ) : U(e) ? X(e, { ref: a, ...s }) : null
+  ) : Q(e) ? U(e, { ref: a, ...s }) : null
 );
 q.displayName = "Modal.Backdrop";
 const g = r(f), H = N(
@@ -144,7 +144,7 @@ const z = ({
   handleCheckbox: o,
   label: s = "Don't show this again",
   ...a
-}) => /* @__PURE__ */ t(oe, { className: h("footer-checkbox"), ...a, inline: !0, label: s, children: /* @__PURE__ */ t(ee, { checked: e, onChange: o }) });
+}) => /* @__PURE__ */ t(ee, { className: h("footer-checkbox"), ...a, inline: !0, label: s, children: /* @__PURE__ */ t(Z, { checked: e, onChange: o }) });
 z.displayName = "Modal.Footer.Checkbox";
 const S = c(
   ({ children: e, className: o, variant: s = "right", ...a }, n) => /* @__PURE__ */ t("footer", { className: h("footer", o), ref: n, ...a, children: e ? /* @__PURE__ */ t("div", { className: h("footer-children-wrapper", `variant-${s}`), children: e }) : null })
@@ -159,7 +159,7 @@ const ve = Object.assign(S, {
 F.displayName = "Modal.Header";
 const j = N(
   ({ as: e, store: o, ...s }, a) => /* @__PURE__ */ t(
-    se,
+    oe,
     {
       ref: a,
       render: e ? /* @__PURE__ */ t(e, {}) : void 0,
@@ -174,7 +174,7 @@ E.displayName = "Modal.WindowMedia";
 const Oe = r(f);
 function Ee(e) {
   const { onClose: o, setOpen: s, ...a } = e || {};
-  return Q({
+  return L({
     setOpen: (l) => {
       !l && o && o(), s == null || s(l);
     },
@@ -195,11 +195,11 @@ const P = N(
     store: p,
     ...R
   }, V) => {
-    const [G, J] = Y(!1), { contentElement: u, open: x } = K(p);
-    return Z(() => {
+    const [G, J] = X(!1), { contentElement: u, open: x } = se(p);
+    return Y(() => {
       x && u && J(u.scrollHeight > u.offsetHeight);
     }, [u, x]), /* @__PURE__ */ t(
-      L,
+      K,
       {
         backdrop: /* @__PURE__ */ t(q, { backdrop: s, hideOnInteractOutside: m }),
         hideOnInteractOutside: m,

package/dist/Popover.js

@@ -5,10 +5,11 @@ import { forwardRef as i } from "react";
 import { c as a } from "./index-B6iGEm-i.js";
 import { Button as N } from "./Button.js";
 import { Icon as k } from "./Icon.js";
-import { b as q } from "./Q5W46E73-5xQblshY.js";
-import { P as C, b as H } from "./RFRKSHIZ-C_FLl4qI.js";
+import { u as q } from "./index-B0vSTNCB.js";
+import { P as H, b as C } from "./popover-disclosure-a-bqp8Gt.js";
 import { f as p } from "./forwardRefWithAs-8eP3ZN15.js";
-import { e as x, f as y, g as T, h as $, P as A } from "./ECBEZ4YM-o09xUuV6.js";
+import { H as x } from "./hovercard-anchor-CgWES4cl.js";
+import { e as y, f as T, h as $, P as A } from "./hovercard-store-DjVhDVte.js";
 const S = "_root_kqbt9_2", j = "_title_kqbt9_15", B = "_content_kqbt9_27", L = "_arrow_kqbt9_41", l = {
   root: S,
   title: j,
@@ -26,12 +27,12 @@ const S = "_root_kqbt9_2", j = "_title_kqbt9_15", B = "_content_kqbt9_27", L = "
   ({ className: t, ...e }, o) => /* @__PURE__ */ r("div", { className: R("content", t), ref: o, ...e })
 );
 m.displayName = "Popover.Content";
-const u = a(l), b = ({ store: t }) => {
+const _ = a(l), f = ({ store: t }) => {
   const e = q(t, "currentPlacement"), [o] = e.split("-");
-  return /* @__PURE__ */ r(C, { className: u("arrow"), store: t, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ r(H, { className: _("arrow"), store: t, children: /* @__PURE__ */ w(
     "svg",
     {
-      className: u("arrow-item", o && `placement-${o}`),
+      className: _("arrow-item", o && `placement-${o}`),
       xmlns: "http://www.w3.org/2000/svg",
       children: [
         /* @__PURE__ */ r("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }),
@@ -40,25 +41,25 @@ const u = a(l), b = ({ store: t }) => {
     }
   ) });
 };
-b.displayName = "Popover.Arrow";
+f.displayName = "Popover.Arrow";
 const d = a(l), v = ({ children: t, className: e, onClose: o, store: n }) => {
   const s = () => {
     o && o(), n == null || n.hide();
   }, { withCloseButton: c } = n;
   return /* @__PURE__ */ w("div", { className: d("content-wrapper", e), children: [
-    /* @__PURE__ */ r(b, { store: n }),
+    /* @__PURE__ */ r(f, { store: n }),
     t,
     c ? /* @__PURE__ */ r(N, { className: d("close-button"), onClick: s, size: "sm", variant: "secondary", children: /* @__PURE__ */ r(k, { name: "times" }) }) : null
   ] });
 };
 v.displayName = "Popover.ContentWrapper";
-const z = a(l), _ = i(
+const z = a(l), u = i(
   ({ className: t, ...e }, o) => /* @__PURE__ */ r("h6", { className: z("title", t), ref: o, ...e })
 );
-_.displayName = "Popover.Title";
+u.displayName = "Popover.Title";
 const P = p(
   ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
-    H,
+    C,
     {
       className: e,
       ref: s,
@@ -69,7 +70,7 @@ const P = p(
   )
 );
 P.displayName = "Popover.Trigger";
-const f = p(
+const b = p(
   ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
     x,
     {
@@ -81,7 +82,7 @@ const f = p(
     }
   )
 );
-f.displayName = "Popover.HoverTrigger";
+b.displayName = "Popover.HoverTrigger";
 const W = a(l), h = p(
   ({ children: t, onClose: e, store: o, ...n }, s) => {
     const { withCloseButton: c } = o;
@@ -98,11 +99,11 @@ const W = a(l), h = p(
   }
 );
 h.displayName = "PopoverHover";
-const Q = Object.assign(h, {
+const U = Object.assign(h, {
   Content: m,
-  Title: _,
-  Trigger: f
-}), U = ({
+  Title: u,
+  Trigger: b
+}), V = ({
   withCloseButton: t = !1,
   ...e
 } = {}) => ({
@@ -110,7 +111,7 @@ const Q = Object.assign(h, {
     ...e
   }),
   withCloseButton: t
-}), V = ({
+}), X = ({
   hideTimeout: t = 300,
   showTimeout: e = 500,
   withCloseButton: o = !1,
@@ -138,15 +139,15 @@ const Q = Object.assign(h, {
   }
 );
 g.displayName = "Popover";
-const X = Object.assign(g, {
+const Y = Object.assign(g, {
   Content: m,
-  Title: _,
+  Title: u,
   Trigger: P
 });
 export {
-  X as Popover,
-  Q as PopoverHover,
+  Y as Popover,
+  U as PopoverHover,
   l as popoverClasses,
-  U as usePopover,
-  V as usePopoverHover
+  V as usePopover,
+  X as usePopoverHover
 };

package/dist/Radio.js

@@ -1,7 +1,7 @@
 "use client";
 import './Radio.css';
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { R as f } from "./5TKKKQCL-rs260p95.js";
+import { R as f } from "./radio-J8ogFsWS.js";
 import { forwardRef as w } from "react";
 import { Hint as N } from "./Hint.js";
 import { Label as v } from "./Label.js";

package/dist/RadioGroup.js

@@ -1,81 +1,76 @@
 "use client";
 import './RadioGroup.css';
 import { jsx as c } from "react/jsx-runtime";
-import { c as G, u as h } from "./IQYAUKXT-Cltvp3KN.js";
-import { c as x, u as _, a as $, b as y } from "./Q5W46E73-5xQblshY.js";
-import { x as d } from "./U6HHPQDW-CzxyP5H7.js";
-import { FieldGroup as L } from "./FieldGroup.js";
-import { Radio as N } from "./Radio.js";
-import { c as P } from "./index-B6iGEm-i.js";
+import { a as G, u as h } from "./composite-store-BbsZpdXc.js";
+import { c as $, a as x, b as L, u as N } from "./index-B0vSTNCB.js";
+import { c as P } from "./composite-item-CzuZunbi.js";
+import { w as d } from "./D5lwkpmX-BTxFdaqc.js";
+import { FieldGroup as _ } from "./FieldGroup.js";
+import { Radio as b } from "./Radio.js";
+import { c as C } from "./index-B6iGEm-i.js";
 import "react";
-function b({
-  ...e
-} = {}) {
-  var o;
-  const t = (o = e.store) == null ? void 0 : o.getState(), r = G({
+function O(e = {}) {
+  var u;
+  const t = (u = e.store) == null ? void 0 : u.getState(), o = P({
     ...e,
     focusLoop: d(e.focusLoop, t == null ? void 0 : t.focusLoop, !0)
   }), l = {
-    ...r.getState(),
-    value: d(
-      e.value,
-      t == null ? void 0 : t.value,
-      e.defaultValue,
-      null
-    )
-  }, u = x(l, r, e.store);
+    ...o.getState(),
+    value: d(e.value, t == null ? void 0 : t.value, e.defaultValue, null)
+  }, r = $(l, o, e.store);
   return {
+    ...o,
     ...r,
-    ...u,
-    setValue: (s) => u.setState("value", s)
+    setValue: (s) => r.setState("value", s)
   };
 }
-function j(e, o, t) {
-  return e = h(e, o, t), $(e, t, "value", "setValue"), e;
+function j(e, t, o) {
+  return e = h(e, t, o), L(e, o, "value", "setValue"), e;
 }
 function k(e = {}) {
-  const [o, t] = _(b, e);
-  return j(o, t, e);
+  e = G(e);
+  const [t, o] = x(O, e);
+  return j(t, o, e);
 }
-const C = "_root_17iu3_2", F = {
-  root: C
-}, O = P(F), g = ({
+const w = "_root_17iu3_2", F = {
+  root: w
+}, g = C(F), q = ({
   className: e,
-  dataTestId: o,
-  disabled: t,
-  hideLabel: r,
-  id: l,
+  dataTestId: t,
+  disabled: o,
+  hideLabel: l,
+  id: r,
   label: u,
   name: s,
   onChange: i,
-  options: m = [],
-  renderOption: v = N,
-  required: f,
+  options: n = [],
+  renderOption: f = b,
+  required: v,
   value: S,
   ...V
 }) => {
-  const n = k({ defaultValue: S }), p = y(n, "value"), R = (a) => {
-    t || (n.setValue(a), i == null || i(a));
+  const m = k({ defaultValue: S }), R = N(m, "value"), p = (a) => {
+    o || (m.setValue(a), i == null || i(a));
   };
-  return /* @__PURE__ */ c(L, { "data-testid": o, hideLabel: r, label: u, required: f, children: /* @__PURE__ */ c("div", { className: O("root", e), children: m.map((a) => /* @__PURE__ */ c(
-    v,
+  return /* @__PURE__ */ c(_, { "data-testid": t, hideLabel: l, label: u, required: v, children: /* @__PURE__ */ c("div", { className: g("root", e), children: n.map((a) => /* @__PURE__ */ c(
+    f,
     {
-      checked: a.value === p,
-      dataTestId: o ? `${o}-${a.value}` : void 0,
-      disabled: t,
+      checked: a.value === R,
+      dataTestId: t ? `${t}-${a.value}` : void 0,
+      disabled: o,
       hint: a.hint,
-      id: `${l || s}.${a.value}`,
+      id: `${r || s}.${a.value}`,
       label: a.label,
       name: s,
-      onChange: () => R(a.value),
+      onChange: () => p(a.value),
       value: a.value,
       ...V
     },
     a.value
   )) }) });
 };
-g.displayName = "RadioGroup";
+q.displayName = "RadioGroup";
 export {
-  g as RadioGroup,
+  q as RadioGroup,
   F as radioGroupClasses
 };

package/dist/RadioTab.js

@@ -1,7 +1,7 @@
 "use client";
 import './RadioTab.css';
 import { jsxs as _, jsx as s } from "react/jsx-runtime";
-import { R as b } from "./5TKKKQCL-rs260p95.js";
+import { R as b } from "./radio-J8ogFsWS.js";
 import { forwardRef as d } from "react";
 import { Button as u } from "./Button.js";
 import { c as v } from "./index-B6iGEm-i.js";

package/dist/Search.css

@@ -1 +1 @@
-@charset "UTF-8";@layer components{._wrapper_5psb0_3{position:relative}._indicators_5psb0_6{position:absolute;padding:0;top:0;height:var(--searchHeight, 100%);right:var(--indicatorsRight, var(--searchPaddingInline));display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_5psb0_15{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_5psb0_28{position:relative}._input-wrapper_5psb0_28:has(>._icon-placement-right_5psb0_31) ._indicators_5psb0_6{--indicatorsRight: calc(var(--searchPaddingInline) + var(--searchIconSize, var(--size-icon-md)))}._root_5psb0_34{border-radius:var(--input-border-radius);border-style:solid;border-width:var(--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(--input-color-background-default));color:var(--searchColor, var(--input-color-text-default));border-color:var(--searchBorderColor, var(--input-color-border-default));box-shadow:var(--searchBoxShadow, var(--inset-10)) inset;height:var(--searchHeight);padding-inline:var(--searchPaddingInline);padding-block:var(--searchPaddingBlock)}._root_5psb0_34._icon-placement-left_5psb0_61{padding-left:calc(var(--searchPaddingInline) * 2 + var(--searchIconSize, var(--size-icon-md)))}._root_5psb0_34._icon-placement-right_5psb0_31{padding-right:calc(var(--searchPaddingInline) * 2 + var(--searchIconSize, var(--size-icon-md)) + var(--button-size-icon-sm))}._root_5psb0_34:not(._icon-placement-right_5psb0_31):not(:placeholder-shown){padding-right:calc(var(--searchPaddingInline) * 2 + var(--button-size-icon-sm))}._root_5psb0_34:disabled,._root_5psb0_34[aria-disabled]{--searchBackgroundColor: var( --searchBackgroundColorDisabled, var(--input-color-background-disabled) );--searchColor: var(--input-color-text-disabled);cursor:not-allowed}._root_5psb0_34:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--searchBoxShadow: var(--inset-20)}._root_5psb0_34:active,._root_5psb0_34:focus{--searchBorderColor: var(--input-color-border-focused)}._root_5psb0_34::placeholder{color:var(--input-color-text-placeholder)}._root_5psb0_34 br{display:none}._variant-danger_5psb0_91{--searchBorderColor: var(--input-color-border-error)}._variant-warning_5psb0_94{--searchBorderColor: var(--input-color-border-warning)}._variant-success_5psb0_97{--searchBorderColor: var(--input-color-border-success)}._transparent_5psb0_100{--borderColor: transparent;--searchBackgroundColor: var(--input-color-background-transparent);--borderColorHover: var(--input-color-border-hover-transparent)}._size-lg_5psb0_105{--searchHeight: var(--input-max-height-lg);--searchPaddingBlock: var(--input-padding-block-lg);--searchPaddingInline: var(--input-padding-inline-lg);--searchIconSize: var(--size-icon-lg)}._size-md_5psb0_111{--searchHeight: var(--input-max-height-md);--searchPaddingBlock: var(--input-padding-block-md);--searchPaddingInline: var(--input-padding-inline-md);--searchIconSize: var(--size-icon-md)}._size-sm_5psb0_117{--searchHeight: var(--input-max-height-sm);--searchPaddingBlock: var(--input-padding-block-sm);--searchPaddingInline: var(--input-padding-inline-sm);--searchIconSize: var(--size-icon-sm)}._icon-wrapper_5psb0_123{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(--input-color-icon-placeholder));gap:var(--input-padding-block-sm);--searchIconLeft: auto;--searchIconRight: auto}._icon-wrapper_5psb0_123>button{pointer-events:auto}._icon-wrapper_5psb0_123._disabled_5psb0_144{--searchIconColor: var(--input-color-icon-disabled)}._icon-placement-left-sm_5psb0_147{--searchIconLeft: var(--input-padding-inline-sm)}._icon-placement-left-md_5psb0_150{--searchIconLeft: var(--input-padding-inline-md)}._icon-placement-left-lg_5psb0_153{--searchIconLeft: var(--input-padding-inline-lg)}._icon-placement-right-sm_5psb0_156{--searchIconRight: var(--input-padding-inline-sm)}._icon-placement-right-md_5psb0_159{--searchIconRight: var(--input-padding-inline-md)}._icon-placement-right-lg_5psb0_162{--searchIconRight: var(--input-padding-inline-lg)}._menu_5psb0_165{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_5psb0_165:hover>*{cursor:pointer}._menu-scroller_5psb0_191{max-height:inherit;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0}._item_5psb0_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_5psb0_198._highlighted_5psb0_212{background-color:var(--color-background-warm-primary)}._item_5psb0_198._selected_5psb0_215{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_5psb0_198._selected_5psb0_215._highlighted_5psb0_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}
+@charset "UTF-8";@layer components{._wrapper_1iiud_3{position:relative}._indicators_1iiud_6{position:absolute;padding:0;top:0;height:var(--searchHeight, 100%);right:var(--indicatorsRight, var(--searchPaddingInline));display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_1iiud_15{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_1iiud_28{position:relative}._input-wrapper_1iiud_28:has(>._icon-placement-right_1iiud_31) ._indicators_1iiud_6{--indicatorsRight: calc(var(--searchPaddingInline) + var(--searchIconSize, var(--size-icon-md)))}._root_1iiud_34{border-radius:var(--input-border-radius);border-style:solid;border-width:var(--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(--input-color-background-default));color:var(--searchColor, var(--input-color-text-default));border-color:var(--searchBorderColor, var(--input-color-border-default));box-shadow:var(--searchBoxShadow, var(--inset-10)) inset;height:var(--searchHeight);padding-inline:var(--searchPaddingInline);padding-block:var(--searchPaddingBlock)}._root_1iiud_34._icon-placement-left_1iiud_61{padding-left:calc(var(--searchPaddingInline) * 2 + var(--searchIconSize, var(--size-icon-md)))}._root_1iiud_34._icon-placement-right_1iiud_31{padding-right:calc(var(--searchPaddingInline) * 2 + var(--searchIconSize, var(--size-icon-md)) + var(--button-size-icon-sm))}._root_1iiud_34:not(._icon-placement-right_1iiud_31):not(:placeholder-shown){padding-right:calc(var(--searchPaddingInline) * 2 + var(--button-size-icon-sm))}._root_1iiud_34:disabled,._root_1iiud_34[aria-disabled]{--searchBackgroundColor: var( --searchBackgroundColorDisabled, var(--input-color-background-disabled) );--searchColor: var(--input-color-text-disabled);cursor:not-allowed}._root_1iiud_34:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--searchBoxShadow: var(--inset-20)}._root_1iiud_34:active,._root_1iiud_34:focus{--searchBorderColor: var(--input-color-border-focused)}._root_1iiud_34::placeholder{color:var(--input-color-text-placeholder)}._root_1iiud_34 br{display:none}._variant-danger_1iiud_91{--searchBorderColor: var(--input-color-border-error)}._variant-warning_1iiud_94{--searchBorderColor: var(--input-color-border-warning)}._variant-success_1iiud_97{--searchBorderColor: var(--input-color-border-success)}._transparent_1iiud_100{--borderColor: transparent;--searchBackgroundColor: var(--input-color-background-transparent);--borderColorHover: var(--input-color-border-hover-transparent)}._size-lg_1iiud_105{--searchHeight: var(--input-max-height-lg);--searchPaddingBlock: var(--input-padding-block-lg);--searchPaddingInline: var(--input-padding-inline-lg);--searchIconSize: var(--size-icon-lg)}._size-md_1iiud_111{--searchHeight: var(--input-max-height-md);--searchPaddingBlock: var(--input-padding-block-md);--searchPaddingInline: var(--input-padding-inline-md);--searchIconSize: var(--size-icon-md)}._size-sm_1iiud_117{--searchHeight: var(--input-max-height-sm);--searchPaddingBlock: var(--input-padding-block-sm);--searchPaddingInline: var(--input-padding-inline-sm);--searchIconSize: var(--size-icon-sm)}._icon-wrapper_1iiud_123{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(--input-color-icon-placeholder));gap:var(--input-padding-block-sm);--searchIconLeft: auto;--searchIconRight: auto}._icon-wrapper_1iiud_123>button{pointer-events:auto}._icon-wrapper_1iiud_123._disabled_1iiud_144{--searchIconColor: var(--input-color-icon-disabled)}._icon-placement-left-sm_1iiud_147{--searchIconLeft: var(--input-padding-inline-sm)}._icon-placement-left-md_1iiud_150{--searchIconLeft: var(--input-padding-inline-md)}._icon-placement-left-lg_1iiud_153{--searchIconLeft: var(--input-padding-inline-lg)}._icon-placement-right-sm_1iiud_156{--searchIconRight: var(--input-padding-inline-sm)}._icon-placement-right-md_1iiud_159{--searchIconRight: var(--input-padding-inline-md)}._icon-placement-right-lg_1iiud_162{--searchIconRight: var(--input-padding-inline-lg)}._menu_1iiud_165{max-height:var(--searchMenuMaxHeight, 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_1iiud_165:hover>*{cursor:pointer}._menu-scroller_1iiud_191{max-height:inherit;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0}._item_1iiud_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_1iiud_198._highlighted_1iiud_212{background-color:var(--color-background-warm-primary)}._item_1iiud_198._selected_1iiud_215{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_1iiud_198._selected_1iiud_215._highlighted_1iiud_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}