welcome-ui 0.0.0-dev.1763736449682 → 0.0.0-dev.1763744022817

package/dist/DropdownMenu.js

@@ -16,8 +16,8 @@ import { C as mr, u as fr } from "./KPUWHTQJ-Dv3cAqjP.js";
 import { u as pr } from "./SQZLCNLX-Dg4KKdNJ.js";
 import { c as vr, u as hr } from "./B7UTNDHN-BghjolIs.js";
 import { Checkbox as br } from "./Checkbox.js";
-import { Radio as wr } from "./Radio.js";
-import { Toggle as gr } from "./Toggle.js";
+import { Radio as gr } from "./Radio.js";
+import { Toggle as wr } from "./Toggle.js";
 import { Icon as Qe } from "./Icon.js";
 import { InputText as Cr } from "./InputText.js";
 var kr = "hr", Xe = _(
@@ -100,16 +100,16 @@ var Pe = _(function(t) {
     if (u == null || u(l), l.defaultPrevented || !o || !e) return;
     if (!Sr(l))
       return pe();
-    const { renderedItems: b, items: p, activeId: i, id: C } = e.getState();
+    const { renderedItems: h, items: p, activeId: i, id: C } = e.getState();
     let v = Ir(
-      p.length > b.length ? p : b
+      p.length > h.length ? p : h
     );
-    const h = Ue(l.currentTarget), M = `[data-offscreen-id="${C}"]`, w = h.querySelectorAll(M);
-    for (const S of w) {
+    const b = Ue(l.currentTarget), M = `[data-offscreen-id="${C}"]`, g = b.querySelectorAll(M);
+    for (const S of g) {
       const H = S.ariaDisabled === "true" || "disabled" in S && !!S.disabled;
       v.push({ id: S.id, element: S, disabled: H });
     }
-    if (w.length && (v = Ft(v, (S) => S.element)), !Pr(l, v)) return pe();
+    if (g.length && (v = Ft(v, (S) => S.element)), !Pr(l, v)) return pe();
     l.preventDefault(), window.clearTimeout(m.current), m.current = window.setTimeout(() => {
       R = "";
     }, 500);
@@ -183,12 +183,12 @@ function Lr(n) {
   const t = st(n);
   return t ? Kt(n.currentTarget, t) : !1;
 }
-var we = Symbol("composite-hover");
+var ge = Symbol("composite-hover");
 function Hr(n) {
   let t = st(n);
   if (!t) return !1;
   do {
-    if (jt(t, we) && t[we]) return !0;
+    if (jt(t, ge) && t[ge]) return !0;
     t = t.parentElement;
   } while (t);
   return !1;
@@ -209,23 +209,23 @@ var ut = _(
       e,
       process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
     );
-    const m = zt(), c = s.onMouseMove, l = be(o), b = z((h) => {
-      if (c == null || c(h), !h.defaultPrevented && m() && l(h)) {
-        if (!X(h.currentTarget)) {
+    const m = zt(), c = s.onMouseMove, l = be(o), h = z((b) => {
+      if (c == null || c(b), !b.defaultPrevented && m() && l(b)) {
+        if (!X(b.currentTarget)) {
           const M = e == null ? void 0 : e.getState().baseElement;
           M && !Bt(M) && M.focus();
         }
-        e == null || e.setActiveId(h.currentTarget.id);
+        e == null || e.setActiveId(b.currentTarget.id);
       }
-    }), p = s.onMouseLeave, i = be(a), C = z((h) => {
+    }), p = s.onMouseLeave, i = be(a), C = z((b) => {
       var M;
-      p == null || p(h), !h.defaultPrevented && m() && (Lr(h) || Hr(h) || l(h) && i(h) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
-    }), v = tr((h) => {
-      h && (h[we] = !0);
+      p == null || p(b), !b.defaultPrevented && m() && (Lr(b) || Hr(b) || l(b) && i(b) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
+    }), v = tr((b) => {
+      b && (b[ge] = !0);
     }, []);
     return s = I(f({}, s), {
       ref: le(v, s.ref),
-      onMouseMove: b,
+      onMouseMove: h,
       onMouseLeave: C
     }), re(s);
   }
@@ -323,11 +323,11 @@ var dt = _(
       e,
       process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
     );
-    const m = e.parent, c = e.menubar, l = !!m, b = Me(s.id), p = s.onKeyDown, i = e.useState(
+    const m = e.parent, c = e.menubar, l = !!m, h = Me(s.id), p = s.onKeyDown, i = e.useState(
       (k) => k.placement.split("-")[0]
     ), C = e.useState(
       (k) => k.orientation === "both" ? void 0 : k.orientation
-    ), v = C !== "vertical", h = L(
+    ), v = C !== "vertical", b = L(
       c,
       (k) => !!k && k.orientation !== "vertical"
     ), M = z((k) => {
@@ -345,19 +345,19 @@ var dt = _(
         if (c) {
           const D = {
             ArrowRight: () => {
-              if (h)
+              if (b)
                 return c.next();
             },
             ArrowLeft: () => {
-              if (h)
+              if (b)
                 return c.previous();
             },
             ArrowDown: () => {
-              if (!h)
+              if (!b)
                 return c.next();
             },
             ArrowUp: () => {
-              if (!h)
+              if (!b)
                 return c.previous();
             }
           }[k.key], V = D == null ? void 0 : D();
@@ -370,13 +370,13 @@ var dt = _(
       (k) => /* @__PURE__ */ d(Br, { value: e, children: k }),
       [e]
     );
-    const w = jr(f({ store: e }, s)), A = e.useState("mounted"), O = ar(A, s.hidden, o), S = O ? I(f({}, s.style), { display: "none" }) : s.style;
+    const g = jr(f({ store: e }, s)), A = e.useState("mounted"), O = ar(A, s.hidden, o), S = O ? I(f({}, s.style), { display: "none" }) : s.style;
     s = I(f({
-      id: b,
-      "aria-labelledby": w,
+      id: h,
+      "aria-labelledby": g,
       hidden: O
     }, s), {
-      ref: le(b ? e.setContentElement : null, s.ref),
+      ref: le(h ? e.setContentElement : null, s.ref),
       style: S,
       onKeyDown: M
     });
@@ -409,19 +409,19 @@ var Wr = "div", Ur = _(function(t) {
     "hideOnHoverOutside",
     "alwaysVisible"
   ]);
-  const b = fe();
-  e = e || b, G(
+  const h = fe();
+  e = e || h, G(
     e,
     process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
   );
-  const p = xe(null), i = e.parent, C = e.menubar, v = !!i, h = !!C && !v;
+  const p = xe(null), i = e.parent, C = e.menubar, v = !!i, b = !!C && !v;
   l = I(f({}, l), {
     ref: le(p, l.ref)
   });
   const M = dt(f({
     store: e,
     alwaysVisible: c
-  }, l)), { "aria-labelledby": w } = M;
+  }, l)), { "aria-labelledby": g } = M;
   l = P(M, ["aria-labelledby"]);
   const [O, S] = ye(), H = e.useState("autoFocusOnShow"), k = e.useState("initialFocus"), Z = e.useState("baseElement"), D = e.useState("renderedItems");
   Y(() => {
@@ -447,7 +447,7 @@ var Wr = "div", Ur = _(function(t) {
       F = !0;
     };
   }, [e, H, k, D, Z]);
-  const V = v ? !1 : o, g = !!u, T = !!O || !!l.initialFocus || !!V, J = L(
+  const V = v ? !1 : o, w = !!u, T = !!O || !!l.initialFocus || !!V, J = L(
     e.combobox || e,
     "contentElement"
   ), B = L(
@@ -465,14 +465,14 @@ var Wr = "div", Ur = _(function(t) {
     store: e,
     alwaysVisible: c,
     initialFocus: O,
-    autoFocusOnShow: g ? T && u : H || !!V
+    autoFocusOnShow: w ? T && u : H || !!V
   }, l), {
     hideOnEscape(F) {
       return Ut(s, F) ? !1 : (e == null || e.hideAll(), !0);
     },
     hideOnHoverOutside(F) {
       const E = e == null ? void 0 : e.getState().disclosureElement;
-      return (typeof m == "function" ? m(F) : m ?? (v ? !0 : h ? E ? !X(E) : !0 : !1)) ? F.defaultPrevented || !v || !E || (Wt(E, "mouseout", F), !X(E)) ? !0 : (requestAnimationFrame(() => {
+      return (typeof m == "function" ? m(F) : m ?? (v ? !0 : b ? E ? !X(E) : !0 : !1)) ? F.defaultPrevented || !v || !E || (Wt(E, "mouseout", F), !X(E)) ? !0 : (requestAnimationFrame(() => {
         X(E) || e == null || e.hide();
       }), !1) : !1;
     },
@@ -480,7 +480,7 @@ var Wr = "div", Ur = _(function(t) {
     portal: a,
     backdrop: v ? !1 : l.backdrop
   })), l = f({
-    "aria-labelledby": w
+    "aria-labelledby": g
   }, l), l;
 }), qr = ir(
   x(function(t) {
@@ -527,28 +527,28 @@ var en = _(
       e,
       process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component."
     );
-    const c = xe(null), l = e.parent, b = e.menubar, p = !!l, i = !!b && !p, C = qt(u), v = () => {
-      const g = c.current;
-      g && (e == null || e.setDisclosureElement(g), e == null || e.setAnchorElement(g), e == null || e.show());
-    }, h = u.onFocus, M = z((g) => {
-      if (h == null || h(g), C || g.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !b) || !i) return;
-      const { items: T } = b.getState();
-      $e(T, g.currentTarget) && v();
-    }), w = L(
+    const c = xe(null), l = e.parent, h = e.menubar, p = !!l, i = !!h && !p, C = qt(u), v = () => {
+      const w = c.current;
+      w && (e == null || e.setDisclosureElement(w), e == null || e.setAnchorElement(w), e == null || e.show());
+    }, b = u.onFocus, M = z((w) => {
+      if (b == null || b(w), C || w.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !h) || !i) return;
+      const { items: T } = h.getState();
+      $e(T, w.currentTarget) && v();
+    }), g = L(
       e,
-      (g) => g.placement.split("-")[0]
-    ), A = u.onKeyDown, O = z((g) => {
-      if (A == null || A(g), C || g.defaultPrevented) return;
-      const T = Yr(g, w);
-      T && (g.preventDefault(), v(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(T));
-    }), S = u.onClick, H = z((g) => {
-      if (S == null || S(g), g.defaultPrevented || !e) return;
-      const T = !g.detail, { open: J } = e.getState();
+      (w) => w.placement.split("-")[0]
+    ), A = u.onKeyDown, O = z((w) => {
+      if (A == null || A(w), C || w.defaultPrevented) return;
+      const T = Yr(w, g);
+      T && (w.preventDefault(), v(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(T));
+    }), S = u.onClick, H = z((w) => {
+      if (S == null || S(w), w.defaultPrevented || !e) return;
+      const T = !w.detail, { open: J } = e.getState();
       (!J || T) && ((!p || T) && e.setAutoFocusOnShow(!0), e.setInitialFocus(T ? "first" : "container")), p && v();
     });
     u = ce(
       u,
-      (g) => /* @__PURE__ */ d(ct, { value: e, children: g }),
+      (w) => /* @__PURE__ */ d(ct, { value: e, children: w }),
       [e]
     ), p && (u = I(f({}, u), {
       render: /* @__PURE__ */ d(cr.div, { render: u.render })
@@ -571,17 +571,17 @@ var en = _(
       focusable: o,
       accessibleWhenDisabled: a
     }, u), {
-      showOnHover: (g) => {
+      showOnHover: (w) => {
         if (!(() => {
-          if (typeof s == "function") return s(g);
+          if (typeof s == "function") return s(w);
           if (s != null) return s;
           if (p) return !0;
-          if (!b) return !1;
-          const { items: oe } = b.getState();
+          if (!h) return !1;
+          const { items: oe } = h.getState();
           return i && $e(oe);
         })()) return !1;
-        const B = i ? b : l;
-        return B && B.setActiveId(g.currentTarget.id), !0;
+        const B = i ? h : l;
+        return B && B.setActiveId(w.currentTarget.id), !0;
       }
     })), u = dr(f({
       store: e,
@@ -643,12 +643,12 @@ var Ee = _(
       e,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
-    const b = m.onClick, p = be(o), i = "hideAll" in e ? e.hideAll : void 0, C = !!i, v = z((w) => {
-      b == null || b(w), !(w.defaultPrevented || Jt(w) || Qt(w) || !i || w.currentTarget.getAttribute("aria-haspopup") === "menu") && p(w) && i();
-    }), h = L(
+    const h = m.onClick, p = be(o), i = "hideAll" in e ? e.hideAll : void 0, C = !!i, v = z((g) => {
+      h == null || h(g), !(g.defaultPrevented || Jt(g) || Qt(g) || !i || g.currentTarget.getAttribute("aria-haspopup") === "menu") && p(g) && i();
+    }), b = L(
       e,
-      (w) => "contentElement" in w ? w.contentElement : null
-    ), M = Ze(h, "menuitem");
+      (g) => "contentElement" in g ? g.contentElement : null
+    ), M = Ze(b, "menuitem");
     return m = I(f({
       role: M
     }, m), {
@@ -659,14 +659,14 @@ var Ee = _(
     }, m)), m = ut(I(f({
       store: e
     }, m), {
-      focusOnHover(w) {
-        const A = () => typeof s == "function" ? s(w) : s ?? !0;
+      focusOnHover(g) {
+        const A = () => typeof s == "function" ? s(g) : s ?? !0;
         if (!e || !A()) return !1;
         const { baseElement: O, items: S } = e.getState();
-        return C ? (w.currentTarget.hasAttribute("aria-expanded") && w.currentTarget.focus(), !0) : cn(O, S, w.currentTarget) ? (w.currentTarget.focus(), !0) : !1;
+        return C ? (g.currentTarget.hasAttribute("aria-expanded") && g.currentTarget.focus(), !0) : cn(O, S, g.currentTarget) ? (g.currentTarget.focus(), !0) : !1;
       },
-      blurOnHoverEnd(w) {
-        return typeof u == "function" ? u(w) : u ?? C;
+      blurOnHoverEnd(g) {
+        return typeof u == "function" ? u(g) : u ?? C;
       }
     })), m;
   }
@@ -716,10 +716,10 @@ var vn = _(
       e,
       process.env.NODE_ENV !== "production" && "MenuItemCheckbox must be wrapped in a MenuList or Menu component"
     );
-    const b = Je(u);
+    const h = Je(u);
     Y(() => {
-      e == null || e.setValue(o, (i = []) => b ? ve(i, a, !0) : i);
-    }, [e, o, a, b]), Y(() => {
+      e == null || e.setValue(o, (i = []) => h ? ve(i, a, !0) : i);
+    }, [e, o, a, h]), Y(() => {
       s !== void 0 && (e == null || e.setValue(o, (i) => ve(i, a, s)));
     }, [e, o, a, s]);
     const p = zr({
@@ -750,7 +750,7 @@ var vn = _(
 function he(n, t, r) {
   return r === void 0 ? n : r ? t : n;
 }
-var wn = _(
+var gn = _(
   function(t) {
     var r = t, {
       store: e,
@@ -772,10 +772,10 @@ var wn = _(
       e,
       process.env.NODE_ENV !== "production" && "MenuItemRadio must be wrapped in a MenuList or Menu component"
     );
-    const b = Je(c.defaultChecked);
+    const h = Je(c.defaultChecked);
     Y(() => {
-      e == null || e.setValue(o, (i = !1) => he(i, a, b));
-    }, [e, o, a, b]), Y(() => {
+      e == null || e.setValue(o, (i = !1) => he(i, a, h));
+    }, [e, o, a, h]), Y(() => {
       s !== void 0 && (e == null || e.setValue(o, (i) => he(i, a, s)));
     }, [e, o, a, s]);
     const p = e.useState((i) => i.values[o] === a);
@@ -796,9 +796,9 @@ var wn = _(
       }
     }, c)), c = Ee(f({ store: e, hideOnClick: m }, c)), c;
   }
-), gn = de(
+), wn = de(
   x(function(t) {
-    const r = wn(t);
+    const r = gn(t);
     return y(bn, r);
   })
 );
@@ -844,7 +844,7 @@ function Cn(n = {}) {
       s ? 0 : 150
     ),
     hideTimeout: K(a.hideTimeout, m.hideTimeout, 0)
-  })), b = Q($($({}, c.getState()), l.getState()), {
+  })), h = Q($($({}, c.getState()), l.getState()), {
     initialFocus: K(m.initialFocus, "container"),
     values: K(
       a.values,
@@ -852,7 +852,7 @@ function Cn(n = {}) {
       a.defaultValues,
       {}
     )
-  }), p = Ve(b, c, l, u);
+  }), p = Ve(h, c, l, u);
   return He(
     p,
     () => Fe(p, ["mounted"], (i) => {
@@ -877,8 +877,8 @@ function Cn(n = {}) {
     setValues: (i) => p.setState("values", i),
     setValue: (i, C) => {
       i !== "__proto__" && i !== "constructor" && (Array.isArray(i) || p.setState("values", (v) => {
-        const h = v[i], M = er(C, h);
-        return M === h ? v : Q($({}, v), {
+        const b = v[i], M = er(C, b);
+        return M === b ? v : Q($({}, v), {
           [i]: M !== void 0 && M
         });
       }));
@@ -998,37 +998,40 @@ const ht = ee(
 );
 ht.displayName = "DropdownMenu.GroupLabel";
 const q = W(U), Ae = ee(
-  ({ as: n = "button", children: t, className: r, name: e, value: o, variant: a, ...s }, u) => /* @__PURE__ */ d(
+  ({ as: n = "button", children: t, className: r, name: e, onClick: o, value: a, variant: s, ...u }, m) => /* @__PURE__ */ d(
     Oe,
     {
-      hideOnClick: !a || a === "radio" || a === "radio-mark",
-      ...s,
-      ref: u,
+      hideOnClick: !s || s === "radio" || s === "radio-mark",
+      ...u,
+      onClick: (h) => {
+        h.preventDefault(), h.stopPropagation(), o == null || o(h);
+      },
+      ref: m,
       render: /* @__PURE__ */ d(n, { className: q("item", r), children: (() => {
-        switch (a) {
+        switch (s) {
           case "checkbox":
-            return /* @__PURE__ */ j(ie, { name: e, value: o, children: [
-              /* @__PURE__ */ d(gt, { name: e, value: o }),
+            return /* @__PURE__ */ j(ie, { name: e, value: a, children: [
+              /* @__PURE__ */ d(wt, { name: e, value: a }),
               t
             ] });
           case "checkbox-mark":
-            return /* @__PURE__ */ j(ie, { name: e, value: o, children: [
+            return /* @__PURE__ */ j(ie, { name: e, value: a, children: [
               t,
               /* @__PURE__ */ d(Ce, {})
             ] });
           case "radio":
-            return /* @__PURE__ */ j(ge, { name: e, value: o, children: [
-              /* @__PURE__ */ d(Ct, { name: e, value: o }),
+            return /* @__PURE__ */ j(we, { name: e, value: a, children: [
+              /* @__PURE__ */ d(Ct, { name: e, value: a }),
               t
             ] });
           case "radio-mark":
-            return /* @__PURE__ */ j(ge, { name: e, value: o, children: [
+            return /* @__PURE__ */ j(we, { name: e, value: a, children: [
               t,
               /* @__PURE__ */ d(Ce, {})
             ] });
           case "toggle":
-            return /* @__PURE__ */ j(ie, { name: e, value: o, children: [
-              /* @__PURE__ */ d(kt, { name: e, value: o }),
+            return /* @__PURE__ */ j(ie, { name: e, value: a, children: [
+              /* @__PURE__ */ d(kt, { name: e, value: a }),
               t
             ] });
           default:
@@ -1043,21 +1046,21 @@ const bt = N(
   ({ className: n, ...t }, r) => /* @__PURE__ */ d("div", { ...t, className: q("item-content", n), ref: r })
 );
 bt.displayName = "DropdownMenu.ItemContent";
-const wt = N(
+const gt = N(
   ({ className: n, ...t }, r) => /* @__PURE__ */ d("div", { ...t, className: q("item-description", n), ref: r })
 );
-wt.displayName = "DropdownMenu.ItemDescription";
+gt.displayName = "DropdownMenu.ItemDescription";
 const ie = N(
   ({ className: n, ...t }, r) => /* @__PURE__ */ d(hn, { ...t, className: q("item-checkbox", n), ref: r })
 );
 ie.displayName = "DropdownMenu.ItemCheckbox";
-const ge = N(({ className: n, ...t }, r) => /* @__PURE__ */ d(gn, { ...t, className: q("item-radio", n), ref: r }));
-ge.displayName = "DropdownMenu.ItemRadio";
+const we = N(({ className: n, ...t }, r) => /* @__PURE__ */ d(wn, { ...t, className: q("item-radio", n), ref: r }));
+we.displayName = "DropdownMenu.ItemRadio";
 const Ce = N(
   ({ className: n, ...t }, r) => /* @__PURE__ */ d(mn, { ...t, className: q("item-default-check", n), ref: r, children: /* @__PURE__ */ d(Qe, { name: "check", size: "md" }) })
 );
 Ce.displayName = "DropdownMenu.ItemDefaultCheck";
-const gt = N(
+const wt = N(
   ({ name: n, value: t = !0, ...r }, e) => {
     const o = De(n, t);
     return /* @__PURE__ */ or(
@@ -1072,11 +1075,11 @@ const gt = N(
     );
   }
 );
-gt.displayName = "DropdownMenu.ItemCheckboxCheck";
+wt.displayName = "DropdownMenu.ItemCheckboxCheck";
 const Ct = N(
   ({ name: n, value: t, ...r }, e) => {
     const o = De(n, t);
-    return /* @__PURE__ */ d(wr, { "aria-hidden": "true", ...r, checked: o, ref: e });
+    return /* @__PURE__ */ d(gr, { "aria-hidden": "true", ...r, checked: o, ref: e });
   }
 );
 Ct.displayName = "DropdownMenu.ItemRadioCheck";
@@ -1084,7 +1087,7 @@ const kt = N(
   ({ className: n, name: t, value: r = !0, ...e }, o) => {
     const a = De(t, r);
     return /* @__PURE__ */ d(
-      gr,
+      wr,
       {
         "aria-hidden": "true",
         ...e,
@@ -1121,7 +1124,7 @@ const xt = ee(
     mt,
     {
       onClick: (s) => {
-        s.preventDefault(), t == null || t(s), r.toggle();
+        s.preventDefault(), s.stopPropagation(), t == null || t(s), r.toggle();
       },
       ref: o,
       render: n ? (s) => /* @__PURE__ */ d(n, { ...s }) : void 0,
@@ -1162,7 +1165,7 @@ const Fn = W(U), $n = 8, Rn = N(
   Action: ft,
   Arrow: pt,
   Content: bt,
-  Description: wt,
+  Description: gt,
   Group: vt,
   GroupLabel: ht,
   Item: Ae,

package/dist/InputText.css

@@ -1 +1 @@
-@layer components{._input-text-wrapper_b8muv_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_b8muv_8{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--inputTextBackgroundColor, var(--components-colors-input-color-background-default));color:var(--inputTextColor, var(--components-colors-input-color-text-default));border-color:var(--inputTextBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--inputTextBoxShadow, var(--inset-10)) inset;height:var(--inputTextHeight);padding-inline:var(--inputTextPaddingInline);padding-block:var(--inputTextPaddingBlock)}._root_b8muv_8:disabled,._root_b8muv_8[aria-disabled]{--inputTextBackgroundColor: var( --inputTextBackgroundColorDisabled, var(--components-colors-input-color-background-disabled) );--inputTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_b8muv_8:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--inputTextBoxShadow: var(--inset-20)}._root_b8muv_8:active,._root_b8muv_8:focus{--inputTextBorderColor: var(--components-colors-input-color-border-focused)}._root_b8muv_8::placeholder{color:var(--color-icon-neutral-subtle)}._variant-danger_b8muv_46{--inputTextBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_b8muv_49{--inputTextBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_b8muv_52{--inputTextBorderColor: var(--components-colors-input-color-border-success)}._placement-left_b8muv_56._size-sm_b8muv_56{padding-left:1.75rem}._placement-left_b8muv_56._size-md_b8muv_59,._placement-left_b8muv_56._size-lg_b8muv_59{padding-left:2.75rem}._placement-right_b8muv_62._size-sm_b8muv_56{padding-right:1.75rem}._placement-right_b8muv_62._size-md_b8muv_59,._placement-right_b8muv_62._size-lg_b8muv_59{padding-right:2.75rem}._transparent_b8muv_68{--borderColor: transparent;--inputTextBackgroundColor: var(--components-colors-input-color-background-transparent);--borderColorHover: var(--components-colors-input-color-border-hover-transparent)}._size-sm_b8muv_56{--inputTextHeight: var(--components-dimensions-input-max-height-sm);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-sm);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-sm)}._size-md_b8muv_59{--inputTextHeight: var(--components-dimensions-input-max-height-md);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-md);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-md)}._size-lg_b8muv_59{--inputTextHeight: var(--components-dimensions-input-max-height-lg);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-lg);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-lg)}._clearable_b8muv_88{padding-right:var(--border-radius-2xl)}._icon-wrapper_b8muv_91{position:absolute;top:0;bottom:0;left:var(--inputTextIconLeft);right:var(--inputTextIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--inputTextIconColor, var(--components-colors-input-color-icon-placeholder));gap:var(--components-dimensions-input-padding-block-sm);--inputTextIconLeft: auto;--inputTextIconRight: auto}._icon-wrapper_b8muv_91>button{pointer-events:auto}._icon-wrapper_b8muv_91._disabled_b8muv_112{--inputTextIconColor: var(--components-colors-input-color-icon-disabled)}._icon-placement-left-sm_b8muv_115{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-left-md_b8muv_118{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-md)}._icon-placement-right-sm_b8muv_121{--inputTextIconRight: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-right-md_b8muv_124{--inputTextIconRight: var(--components-dimensions-input-padding-inline-md)}}
+@layer components{._input-text-wrapper_13hsf_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_13hsf_8{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--inputTextBackgroundColor, var(--components-colors-input-color-background-default));color:var(--inputTextColor, var(--components-colors-input-color-text-default));border-color:var(--inputTextBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--inputTextBoxShadow, var(--inset-10)) inset;height:var(--inputTextHeight);padding-inline:var(--inputTextPaddingInline);padding-block:var(--inputTextPaddingBlock)}._root_13hsf_8:disabled,._root_13hsf_8[aria-disabled]{--inputTextBackgroundColor: var( --inputTextBackgroundColorDisabled, var(--components-colors-input-color-background-disabled) );--inputTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_13hsf_8:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--inputTextBoxShadow: var(--inset-20)}._root_13hsf_8:active,._root_13hsf_8:focus{--inputTextBorderColor: var(--components-colors-input-color-border-focused)}._root_13hsf_8::placeholder{color:var(--components-colors-input-color-text-placeholder)}._variant-danger_13hsf_46{--inputTextBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_13hsf_49{--inputTextBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_13hsf_52{--inputTextBorderColor: var(--components-colors-input-color-border-success)}._placement-left_13hsf_56._size-sm_13hsf_56{padding-left:1.75rem}._placement-left_13hsf_56._size-md_13hsf_59,._placement-left_13hsf_56._size-lg_13hsf_59{padding-left:2.75rem}._placement-right_13hsf_62._size-sm_13hsf_56{padding-right:1.75rem}._placement-right_13hsf_62._size-md_13hsf_59,._placement-right_13hsf_62._size-lg_13hsf_59{padding-right:2.75rem}._transparent_13hsf_68{--borderColor: transparent;--inputTextBackgroundColor: var(--components-colors-input-color-background-transparent);--borderColorHover: var(--components-colors-input-color-border-hover-transparent)}._size-sm_13hsf_56{--inputTextHeight: var(--components-dimensions-input-max-height-sm);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-sm);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-sm)}._size-md_13hsf_59{--inputTextHeight: var(--components-dimensions-input-max-height-md);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-md);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-md)}._size-lg_13hsf_59{--inputTextHeight: var(--components-dimensions-input-max-height-lg);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-lg);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-lg)}._clearable_13hsf_88{padding-right:var(--border-radius-2xl)}._icon-wrapper_13hsf_91{position:absolute;top:0;bottom:0;left:var(--inputTextIconLeft);right:var(--inputTextIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--inputTextIconColor, var(--components-colors-input-color-icon-placeholder));gap:var(--components-dimensions-input-padding-block-sm);--inputTextIconLeft: auto;--inputTextIconRight: auto}._icon-wrapper_13hsf_91>button{pointer-events:auto}._icon-wrapper_13hsf_91._disabled_13hsf_112{--inputTextIconColor: var(--components-colors-input-color-icon-disabled)}._icon-placement-left-sm_13hsf_115{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-left-md_13hsf_118{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-md)}._icon-placement-right-sm_13hsf_121{--inputTextIconRight: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-right-md_13hsf_124{--inputTextIconRight: var(--components-dimensions-input-padding-inline-md)}}