welcome-ui 0.0.0-dev.1763386521897 → 0.0.0-dev.1763650196651

package/dist/{T22PY7TE-CzEDuEn1.js → T22PY7TE-BxbmImwX.js}

@@ -1,13 +1,13 @@
 "use client";
-import { e as T, f as j, _ as I, a as b, c as Y, b as Z, i as ee, w as te, L as p, x as ne, d as w, p as oe, r as ae, H as S, G as se, I as re, K as ie } from "./OE2EFRVA-DkdhQLJL.js";
-import { createContext as R, useRef as ue, useState as le, useMemo as ce } from "react";
-import { u as F, m as de, o as me, t as fe, c as ve, s as y, a as A, e as pe, b as Se, d as P } from "./RTNCFSKZ-LcIdBwa8.js";
+import { e as T, f as j, _ as I, a as b, c as Y, b as Z, i as ee, w as te, M as p, x as ne, d as w, p as oe, r as ae, H as S, G as se, I as re, K as ie } from "./OE2EFRVA-C3721cM3.js";
+import { createContext as M, useRef as ue, useState as le, useMemo as ce } from "react";
+import { u as R, m as de, o as me, t as fe, c as ve, s as y, a as A, e as pe, b as Se, d as P } from "./RTNCFSKZ-P4icqVD0.js";
 import { flushSync as De } from "react-dom";
-import { jsx as M } from "react/jsx-runtime";
+import { jsx as F } from "react/jsx-runtime";
 var _ = T(), N = _.useProviderContext, Ce = _.ContextProvider, xe = _.ScopedContextProvider, D = T(
   [Ce],
   [xe]
-), Ie = D.useScopedContext, Re = D.useProviderContext, Fe = D.ContextProvider, ge = D.ScopedContextProvider, Me = R(void 0), Ne = R(void 0), Ee = "div";
+), Ie = D.useScopedContext, Me = D.useProviderContext, Re = D.ContextProvider, ge = D.ScopedContextProvider, Fe = M(void 0), Ne = M(void 0), Ee = "div";
 function V(n, o) {
   const e = setTimeout(o, n);
   return () => clearTimeout(e);
@@ -34,7 +34,7 @@ var be = Y(function(o) {
     t,
     process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
   );
-  const s = ue(null), f = te(r.id), [l, h] = le(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = F(t.disclosure, "contentElement");
+  const s = ue(null), f = te(r.id), [l, h] = le(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = R(t.disclosure, "contentElement");
   p(() => {
     s.current && (t == null || t.setContentElement(s.current));
   }, [t]), p(() => {
@@ -61,23 +61,23 @@ var be = Y(function(o) {
     const {
       transitionDuration: k,
       animationDuration: q,
-      transitionDelay: L,
-      animationDelay: U
+      transitionDelay: U,
+      animationDelay: W
     } = getComputedStyle(m), {
-      transitionDuration: W = "0",
-      animationDuration: G = "0",
-      transitionDelay: K = "0",
+      transitionDuration: G = "0",
+      animationDuration: K = "0",
+      transitionDelay: L = "0",
       animationDelay: z = "0"
     } = x ? getComputedStyle(x) : {}, B = H(
-      L,
       U,
-      K,
+      W,
+      L,
       z
     ), J = H(
       k,
       q,
-      W,
-      G
+      G,
+      K
     ), O = B + J;
     if (!O) {
       l === "enter" && t.setState("animated", !1), u();
@@ -87,7 +87,7 @@ var be = Y(function(o) {
     return V(X, v);
   }, [t, d, m, x, c, l]), r = ne(
     r,
-    (u) => /* @__PURE__ */ M(ge, { value: t, children: u }),
+    (u) => /* @__PURE__ */ F(ge, { value: t, children: u }),
     [t]
   );
   const g = Pe(C, r.hidden, i), E = r.style, $ = ce(() => g ? w(b({}, E), { display: "none" }) : E, [g, E]);
@@ -111,10 +111,10 @@ var be = Y(function(o) {
     "unmountOnHide"
   ]);
   const r = N(), a = i.store || r;
-  return F(
+  return R(
     a,
     (f) => !t || (f == null ? void 0 : f.mounted)
-  ) === !1 ? null : /* @__PURE__ */ M(_e, b({}, i));
+  ) === !1 ? null : /* @__PURE__ */ F(_e, b({}, i));
 });
 function he(n = {}) {
   const o = de(
@@ -171,15 +171,15 @@ function ke(n = {}) {
 export {
   $e as D,
   Ie as a,
-  Re as b,
+  Me as b,
   N as c,
   be as d,
   he as e,
   Oe as f,
   ge as g,
-  Me as h,
+  Fe as h,
   Pe as i,
   Ne as j,
-  Fe as k,
+  Re as k,
   ke as u
 };

package/dist/Table.css

@@ -1 +1 @@
-@layer components{._root_10vth_2{width:100%;overflow:hidden}._content_10vth_6{width:100%;overflow-x:auto}._content_10vth_6 table{width:100%;border-collapse:collapse;border:0}._content_10vth_6 table td{padding:var(--components-dimensions-tab-size-icon-lg);text-align:left}._content_10vth_6 table td:first-child{padding-left:0}._content_10vth_6 table td:last-child{padding-right:0}._content_10vth_6 table th{border-bottom:var(--components-dimensions-tab-border-width-unchecked) solid var(--components-colors-tab-color-text-unchecked-pressed);color:var(--color-icon-neutral-subtle);font-weight:var(--font-weight-medium);text-align:left;padding:var(--components-dimensions-tab-size-icon-lg);vertical-align:middle}._content_10vth_6 table th:first-child{padding-left:0}._content_10vth_6 table th:last-child{padding-right:0}._content_10vth_6 table tr{border-bottom:var(--components-dimensions-tab-border-width-unchecked) solid var(--color-background-neutral-subtlest);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_10vth_6 table tr:last-child{border:0}._content_10vth_6 table tr._clickable_10vth_48{cursor:pointer}._content_10vth_6 table tr._clickable_10vth_48:hover{background-color:var(--color-background-warm-minimal)}._content_10vth_6 table tr._variant-danger_10vth_54{--trBackgroundColor: var(--color-background-danger-minimal);--trColor: var(--color-background-danger-strongest)}._content_10vth_6 table tr._variant-warning_10vth_58{--trBackgroundColor: var(--color-background-warning-minimal);--trColor: var(--color-icon-warning-secondary)}._content_10vth_6 table tr._variant-success_10vth_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-icon-accent-green-tertiary)}._content_10vth_6 table tr._variant-info_10vth_66{--trBackgroundColor: var(--color-background-accent-blue-minimal);--trColor: var(--color-background-accent-blue-strongest)}._indent_10vth_70 table td:first-child,._indent_10vth_70 table th:first-child{padding-left:var(--components-dimensions-tab-size-icon-lg)}._indent_10vth_70 table td:last-child,._indent_10vth_70 table th:last-child{padding-right:var(--components-dimensions-tab-size-icon-lg)}}
+@layer components{._root_8bmny_2{width:100%;overflow:hidden}._content_8bmny_6{width:100%;overflow-x:auto}._content_8bmny_6 table{width:100%;border-collapse:collapse;border:0}._content_8bmny_6 table td{padding:var(--spacing-xl);text-align:left}._content_8bmny_6 table td:first-child{padding-left:0}._content_8bmny_6 table td:last-child{padding-right:0}._content_8bmny_6 table th{border-bottom:var(--border-width-sm) solid var(--color-neutral-90);color:var(--color-neutral-60);font-weight:var(--font-weight-500);text-align:left;padding:var(--spacing-xl);vertical-align:middle}._content_8bmny_6 table th:first-child{padding-left:0}._content_8bmny_6 table th:last-child{padding-right:0}._content_8bmny_6 table tr{border-bottom:var(--border-width-sm) solid var(--color-neutral-30);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_8bmny_6 table tr:last-child{border:0}._content_8bmny_6 table tr._clickable_8bmny_48{cursor:pointer}._content_8bmny_6 table tr._clickable_8bmny_48:hover{background-color:var(--color-beige-10)}._content_8bmny_6 table tr._variant-danger_8bmny_54{--trBackgroundColor: var(--color-red-10);--trColor: var(--color-red-70)}._content_8bmny_6 table tr._variant-warning_8bmny_58{--trBackgroundColor: var(--color-orange-10);--trColor: var(--color-orange-80)}._content_8bmny_6 table tr._variant-success_8bmny_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-green-70)}._content_8bmny_6 table tr._variant-info_8bmny_66{--trBackgroundColor: var(--color-blue-10);--trColor: var(--color-blue-70)}._indent_8bmny_70 table td:first-child,._indent_8bmny_70 table th:first-child{padding-left:var(--spacing-xl)}._indent_8bmny_70 table td:last-child,._indent_8bmny_70 table th:last-child{padding-right:var(--spacing-xl)}}

package/dist/Table.js

@@ -1,33 +1,33 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { c as i } from "./index-PAaZGbyz.js";
-const _ = "_root_10vth_2", l = "_content_10vth_6", v = "_clickable_10vth_48", d = "_indent_10vth_70", h = {
+const _ = "_root_8bmny_2", b = "_content_8bmny_6", l = "_clickable_8bmny_48", m = "_indent_8bmny_70", d = {
   root: _,
-  content: l,
-  clickable: v,
-  "variant-danger": "_variant-danger_10vth_54",
-  "variant-warning": "_variant-warning_10vth_58",
-  "variant-success": "_variant-success_10vth_62",
-  "variant-info": "_variant-info_10vth_66",
-  indent: d
-}, c = i(h), b = s(
-  ({ children: t, className: a, indent: e, ...r }, o) => /* @__PURE__ */ n("div", { className: c("root", a), ref: o, ...r, children: /* @__PURE__ */ n("div", { className: c("content", e && "indent"), children: /* @__PURE__ */ n("table", { children: t }) }) })
-), m = (t) => /* @__PURE__ */ n("tbody", { ...t }), u = (t) => /* @__PURE__ */ n("th", { ...t }), f = (t) => /* @__PURE__ */ n("thead", { ...t }), T = (t) => /* @__PURE__ */ n("td", { ...t }), g = ({ className: t, onClick: a, variant: e, ...r }) => /* @__PURE__ */ n(
+  content: b,
+  clickable: l,
+  "variant-danger": "_variant-danger_8bmny_54",
+  "variant-warning": "_variant-warning_8bmny_58",
+  "variant-success": "_variant-success_8bmny_62",
+  "variant-info": "_variant-info_8bmny_66",
+  indent: m
+}, c = i(d), y = s(
+  ({ children: n, className: a, indent: e, ...r }, o) => /* @__PURE__ */ t("div", { className: c("root", a), ref: o, ...r, children: /* @__PURE__ */ t("div", { className: c("content", e && "indent"), children: /* @__PURE__ */ t("table", { children: n }) }) })
+), v = (n) => /* @__PURE__ */ t("tbody", { ...n }), u = (n) => /* @__PURE__ */ t("th", { ...n }), f = (n) => /* @__PURE__ */ t("thead", { ...n }), T = (n) => /* @__PURE__ */ t("td", { ...n }), h = ({ className: n, onClick: a, variant: e, ...r }) => /* @__PURE__ */ t(
   "tr",
   {
-    className: c(e && `variant-${e}`, !!a && "clickable", t),
+    className: c(e && `variant-${e}`, !!a && "clickable", n),
     onClick: a,
     ...r
   }
-), w = Object.assign(b, {
-  Tbody: m,
+), k = Object.assign(y, {
+  Tbody: v,
   Td: T,
   Th: u,
   Thead: f,
-  Tr: g
+  Tr: h
 });
 export {
-  w as Table,
-  b as TableComponent
+  k as Table,
+  y as TableComponent
 };

package/dist/Tabs.css

@@ -1 +1 @@
-@layer components{._root_156xk_2{position:absolute;will-change:width,transform;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--components-colors-tab-color-background-checked-pressed)}[aria-orientation=horizontal] ._root_156xk_2{width:var(--activeBarSize);height:var(--components-dimensions-tab-border-width-checked);left:0;bottom:0;transform:translate(var(--activeBarOffset))}[aria-orientation=vertical] ._root_156xk_2{width:var(--components-dimensions-tab-border-width-checked);height:var(--activeBarSize);right:0;top:0;transform:translateY(var(--activeBarOffset))}}@layer components{._root_3pg7f_2{width:100%;position:relative;display:flex;overflow-x:auto;border:0;gap:var(--components-dimensions-tab-size-icon-lg);--tabFontSize: var(--components-dimensions-tab-padding-inline-lg);--tabBoxShadow: inset 0 calc(-1 * var(--components-dimensions-tab-border-width-unchecked)) 0 var(--color-background-neutral-subtlest);font-size:var(--tabFontSize);box-shadow:var(--tabBoxShadow)}._root_3pg7f_2[aria-orientation=vertical]{flex-direction:column;--tabBoxShadow: inset calc(-1 * var(--components-dimensions-tab-border-width-unchecked)) 0 0 var(--color-background-neutral-subtlest)}._size-md_3pg7f_20{--tabFontSize: var(--components-dimensions-tab-padding-inline-lg)}._size-sm_3pg7f_23{--tabFontSize: var(--font-size-14)}}@layer components{._root_etkg6_2:focus{outline:none}[aria-orientation=horizontal] ._root_etkg6_2{margin-top:var(--components-dimensions-tab-size-icon-lg)}[aria-orientation=vertical] ._root_etkg6_2{margin-left:var(--components-dimensions-tab-size-icon-lg)}}@layer components{._root_86cgt_2{border:0;background:none;color:var(--tabsColor, var(--color-background-neutral-tertiary));font-weight:var(--font-weight-medium);line-height:var(--font-size-lg);text-decoration:none;display:flex;align-items:center;flex:none;padding:var(--components-dimensions-tab-padding-inline-md) 0;transition:var(--duration-medium);text-transform:none;cursor:pointer;gap:var(--components-dimensions-tab-padding-block-md)}._root_86cgt_2:focus{outline:none!important}._root_86cgt_2:focus:not([aria-selected=true]){--tabsColor: var(--components-colors-tab-color-text-unchecked-pressed)}._root_86cgt_2[aria-selected=true]{--tabsColor: var(--components-colors-tab-color-text-unchecked-pressed)}._root_86cgt_2[aria-disabled=true]{--tabsColor: var(--color-icon-neutral-subtle);cursor:not-allowed}._root_86cgt_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabsColor: var(--components-colors-tab-color-text-unchecked-pressed)}._root_86cgt_2>svg,._root_86cgt_2 img{max-height:var(--components-dimensions-tab-padding-inline-lg);max-width:var(--components-dimensions-tab-padding-inline-lg)}._root_86cgt_2>span{max-height:var(--components-dimensions-tab-padding-inline-lg)}}
+@layer components{._root_102tt_2{position:absolute;will-change:width,transform;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--color-brand-40)}[aria-orientation=horizontal] ._root_102tt_2{width:var(--active-bar-size);height:var(--border-width-md);left:0;bottom:0;transform:translate(var(--active-bar-offset))}[aria-orientation=vertical] ._root_102tt_2{width:var(--border-width-md);height:var(--active-bar-size);right:0;top:0;transform:translateY(var(--active-bar-offset))}}@layer components{._root_axn0q_2{width:100%;position:relative;display:flex;overflow-x:auto;border:0;gap:var(--spacing-xl);--tab-font-size: var(--font-size-md);--tab-box-shadow: inset 0 calc(-1 * var(--border-width-sm)) 0 var(--color-neutral-30);font-size:var(--tab-font-size);box-shadow:var(--tab-box-shadow)}._root_axn0q_2[aria-orientation=vertical]{flex-direction:column;--tab-box-shadow: inset calc(-1 * var(--border-width-sm)) 0 0 var(--color-neutral-30)}._size-md_axn0q_18{--tab-font-size: var(--font-size-md)}._size-sm_axn0q_21{--tab-font-size: var(--font-size-sm)}}@layer components{._root_1kepd_2:focus{outline:none}[aria-orientation=horizontal] ._root_1kepd_2{margin-top:var(--spacing-xl)}[aria-orientation=vertical] ._root_1kepd_2{margin-left:var(--spacing-xl)}}@layer components{._root_1j27o_2{border:0;background:none;color:var(--tabs-color, var(--color-neutral-70));font-weight:var(--font-weight-medium);line-height:var(--line-height-md);text-decoration:none;display:flex;align-items:center;flex:none;padding:var(--spacing-md) 0;transition:var(--duration-medium);text-transform:none;cursor:pointer;gap:var(--spacing-sm)}._root_1j27o_2:focus{outline:none!important}._root_1j27o_2:focus:not([aria-selected=true]){--tabs-color: var(--color-neutral-90)}._root_1j27o_2[aria-selected=true]{--tabs-color: var(--color-neutral-90)}._root_1j27o_2[aria-disabled=true]{--tabs-color: var(--color-neutral-60);cursor:not-allowed}._root_1j27o_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabs-color: var(--color-neutral-90)}._root_1j27o_2>svg,._root_1j27o_2 img{max-height:var(--spacing-lg);max-width:var(--spacing-lg)}._root_1j27o_2>span{max-height:var(--spacing-lg)}}

package/dist/Tabs.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsx as P, jsxs as fe } from "react/jsx-runtime";
-import { C as ee, a as te, h as X, b as be, j as pe } from "./SBSPVDDI-BoxPz2JY.js";
-import { e as oe, v as ve, f as F, c as W, b as j, _ as H, i as K, w as se, A as Ie, d as g, a as v, u as M, x as ne, ad as Se, p as xe, X as ge, F as he, G as B, H as O, I as k, T as q, K as J } from "./OE2EFRVA-DkdhQLJL.js";
-import { u as A, m as _e, o as Q, c as Ce, s as z, a as w, f as Pe, b as re, d as Y } from "./RTNCFSKZ-LcIdBwa8.js";
-import ae, { useCallback as ce, useRef as V, useEffect as Z, useState as G, createContext as ie, useMemo as Te, cloneElement as Ee, forwardRef as le } from "react";
-import { c as D } from "./index-PAaZGbyz.js";
+import { C as ee, a as te, h as U, b as be, j as pe } from "./SBSPVDDI-CW8jwL0u.js";
+import { e as oe, v as ve, f as B, c as W, b as j, _ as H, i as K, w as se, A as Ie, d as h, a as v, u as V, x as ne, ad as Se, p as xe, W as he, F as _e, G as D, H as O, I as k, S as J, K as Q } from "./OE2EFRVA-C3721cM3.js";
+import { u as A, m as ge, o as X, c as Ce, s as z, a as w, f as Pe, b as re, d as Y } from "./RTNCFSKZ-P4icqVD0.js";
+import ae, { useCallback as ce, useRef as F, useEffect as Z, useState as q, createContext as ie, useMemo as Te, cloneElement as Ee, forwardRef as le } from "react";
+import { c as M } from "./index-PAaZGbyz.js";
 import { f as we } from "./forwardRefWithAs-8eP3ZN15.js";
-import { u as Re, b as ye } from "./OLVWQA7U-wHytlFYu.js";
+import { u as Re, b as ye } from "./OLVWQA7U-CQsIDzlF.js";
 import { m as $e, g as Ne, u as Le } from "./useForkRef-D807AV7D.js";
 import { u as Oe, a as ke } from "./use-viewport-CgrficYB.js";
-import { u as ze, d as Ae } from "./T22PY7TE-CzEDuEn1.js";
-import { P as Be, b as De } from "./Y67KZUMI-BDyUNSJw.js";
-import { c as Me, a as Ve, u as Fe } from "./B7UTNDHN-BDa2-8JK.js";
-var U = oe(
+import { u as ze, d as Ae } from "./T22PY7TE-BxbmImwX.js";
+import { P as De, a as Me } from "./Y67KZUMI-CtXJ_hZt.js";
+import { c as Ve, a as Fe, u as Be } from "./B7UTNDHN-C-gORHYH.js";
+var G = oe(
   [te],
   [ee]
-), We = U.useScopedContext, de = U.useProviderContext, ue = U.ScopedContextProvider, je = "button", He = W(function(r) {
+), We = G.useScopedContext, de = G.useProviderContext, ue = G.ScopedContextProvider, je = "button", He = W(function(r) {
   var t = r, {
     store: e,
     getItem: s
@@ -28,26 +28,26 @@ var U = oe(
     e,
     process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
   );
-  const d = se(), a = n.id || d, h = Ie(n), c = ce(
+  const d = se(), a = n.id || d, _ = Ie(n), c = ce(
     (f) => {
-      const R = g(v({}, f), { dimmed: h });
+      const R = h(v({}, f), { dimmed: _ });
       return s ? s(R) : R;
     },
-    [h, s]
-  ), b = n.onClick, x = M((f) => {
+    [_, s]
+  ), b = n.onClick, x = V((f) => {
     b == null || b(f), !f.defaultPrevented && (e == null || e.setSelectedId(a));
   }), u = e.panels.useState(
     (f) => {
       var R;
       return (R = f.items.find((l) => l.tabId === a)) == null ? void 0 : R.id;
     }
-  ), p = d ? n.shouldRegisterItem : !1, I = e.useState((f) => !!a && f.activeId === a), S = e.useState((f) => !!a && f.selectedId === a), T = e.useState((f) => !!e.item(f.activeId)), _ = I || S && !T, y = S || ((m = n.accessibleWhenDisabled) != null ? m : !0);
+  ), p = d ? n.shouldRegisterItem : !1, I = e.useState((f) => !!a && f.activeId === a), S = e.useState((f) => !!a && f.selectedId === a), T = e.useState((f) => !!e.item(f.activeId)), g = I || S && !T, y = S || ((m = n.accessibleWhenDisabled) != null ? m : !0);
   if (A(
     e.combobox || e.composite,
     "virtualFocus"
-  ) && (n = g(v({}, n), {
+  ) && (n = h(v({}, n), {
     tabIndex: -1
-  })), n = g(v({
+  })), n = h(v({
     id: a,
     role: "tab",
     "aria-selected": S,
@@ -59,20 +59,20 @@ var U = oe(
       id: a,
       accessibleWhenDisabled: y,
       store: e.composite,
-      shouldRegisterItem: _ && p,
+      shouldRegisterItem: g && p,
       rowId: n.rowId,
       render: n.render
     };
-    n = g(v({}, n), {
+    n = h(v({}, n), {
       render: /* @__PURE__ */ P(
-        X,
-        g(v({}, f), {
-          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ P(X, g(v({}, f), { store: e.combobox })) : f.render
+        U,
+        h(v({}, f), {
+          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ P(U, h(v({}, f), { store: e.combobox })) : f.render
         })
       )
     });
   }
-  return n = be(g(v({
+  return n = be(h(v({
     store: e
   }, n), {
     accessibleWhenDisabled: y,
@@ -80,11 +80,11 @@ var U = oe(
     shouldRegisterItem: p
   })), n;
 }), Ke = ve(
-  F(function(r) {
+  B(function(r) {
     const t = He(r);
     return j(je, t);
   })
-), Ge = "div", Ue = W(
+), qe = "div", Ge = W(
   function(r) {
     var t = r, { store: e } = t, s = H(t, ["store"]);
     const n = de();
@@ -106,10 +106,10 @@ var U = oe(
       "aria-orientation": m
     }, s), s = Re(v({ store: e }, s)), s;
   }
-), Xe = F(function(r) {
-  const t = Ue(r);
-  return j(Ge, t);
-}), qe = "div", Je = W(
+), Ue = B(function(r) {
+  const t = Ge(r);
+  return j(qe, t);
+}), Je = "div", Qe = W(
   function(r) {
     var t = r, {
       store: e,
@@ -126,12 +126,12 @@ var U = oe(
       "scrollRestoration",
       "scrollElement"
     ]);
-    const h = de();
-    e = e || h, K(
+    const _ = de();
+    e = e || _, K(
       e,
       process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
     );
-    const c = V(null), b = se(a.id), x = A(
+    const c = F(null), b = se(a.id), x = A(
       e.panels,
       () => {
         var l;
@@ -140,9 +140,9 @@ var U = oe(
     ), u = A(
       e,
       (l) => !!x && l.selectedId === x
-    ), p = ze({ open: u }), I = A(p, "mounted"), S = V(
+    ), p = ze({ open: u }), I = A(p, "mounted"), S = F(
       /* @__PURE__ */ new Map()
-    ), T = M(() => {
+    ), T = V(() => {
       const l = c.current;
       return l ? d ? typeof d == "function" ? d(l) : "current" in d ? d.current : d : l : null;
     });
@@ -168,7 +168,7 @@ var U = oe(
         C.removeEventListener("scroll", L);
       };
     }, [i, I, x, T, e]);
-    const [_, y] = G(!1);
+    const [g, y] = q(!1);
     Z(() => {
       const l = c.current;
       if (!l) return;
@@ -177,11 +177,11 @@ var U = oe(
     }, []);
     const N = ce(
       (l) => {
-        const E = g(v({}, l), { id: b || l.id, tabId: n });
+        const E = h(v({}, l), { id: b || l.id, tabId: n });
         return m ? m(E) : E;
       },
       [b, n, m]
-    ), f = a.onKeyDown, R = M((l) => {
+    ), f = a.onKeyDown, R = V((l) => {
       if (f == null || f(l), l.defaultPrevented || !(e != null && e.composite)) return;
       const C = {
         ArrowLeft: e.previous,
@@ -197,7 +197,7 @@ var U = oe(
       a,
       (l) => /* @__PURE__ */ P(ue, { value: e, children: l }),
       [e]
-    ), a = g(v({
+    ), a = h(v({
       id: b,
       role: "tabpanel",
       "aria-labelledby": x || void 0
@@ -205,18 +205,18 @@ var U = oe(
       children: s && !I ? null : a.children,
       ref: xe(c, a.ref),
       onKeyDown: R
-    }), a = ge(v({
+    }), a = he(v({
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
-      focusable: !e.composite && !_
-    }, a)), a = Ae(v({ store: p }, a)), a = pe(g(v({ store: e.panels }, a), { getItem: N })), a;
+      focusable: !e.composite && !g
+    }, a)), a = Ae(v({ store: p }, a)), a = pe(h(v({ store: e.panels }, a), { getItem: N })), a;
   }
-), Qe = F(function(r) {
-  const t = Je(r);
-  return j(qe, t);
+), Xe = B(function(r) {
+  const t = Qe(r);
+  return j(Je, t);
 }), Ye = oe(
-  [De, te],
-  [Be, ee]
+  [Me, te],
+  [De, ee]
 ), Ze = Ye.useContext;
 ie(!1);
 ie(null);
@@ -224,7 +224,7 @@ function et(o = {}) {
   var r = o, {
     composite: t,
     combobox: e
-  } = r, s = he(r, [
+  } = r, s = _e(r, [
     "composite",
     "combobox"
   ]);
@@ -239,11 +239,11 @@ function et(o = {}) {
     "focusLoop",
     "focusShift",
     "focusWrap"
-  ], m = _e(
+  ], m = ge(
     s.store,
-    Q(t, n),
-    Q(e, n)
-  ), i = m == null ? void 0 : m.getState(), d = Me(B(k({}, s), {
+    X(t, n),
+    X(e, n)
+  ), i = m == null ? void 0 : m.getState(), d = Ve(D(k({}, s), {
     store: m,
     // We need to explicitly set the default value of `includesBaseElement` to
     // `false` since we don't want the composite store to default it to `true`
@@ -260,7 +260,7 @@ function et(o = {}) {
       "horizontal"
     ),
     focusLoop: O(s.focusLoop, i == null ? void 0 : i.focusLoop, !0)
-  })), a = Ve(), h = B(k({}, d.getState()), {
+  })), a = Fe(), _ = D(k({}, d.getState()), {
     selectedId: O(
       s.selectedId,
       i == null ? void 0 : i.selectedId,
@@ -271,7 +271,7 @@ function et(o = {}) {
       i == null ? void 0 : i.selectOnMove,
       !0
     )
-  }), c = Ce(h, d, m);
+  }), c = Ce(_, d, m);
   z(
     c,
     () => w(c, ["moves"], () => {
@@ -300,7 +300,7 @@ function et(o = {}) {
         c.setState("selectedId", S.id);
       else {
         const T = I.find(
-          (_) => !_.disabled && !_.dimmed
+          (g) => !g.disabled && !g.dimmed
         );
         c.setState("selectedId", T == null ? void 0 : T.id);
       }
@@ -312,10 +312,10 @@ function et(o = {}) {
       if (p.length)
         return w(a, ["renderedItems"], (I) => {
           const S = I.renderedItems;
-          S.some((_) => !_.tabId) && S.forEach((_, y) => {
-            if (_.tabId) return;
+          S.some((g) => !g.tabId) && S.forEach((g, y) => {
+            if (g.tabId) return;
             const N = p[y];
-            N && a.renderItem(B(k({}, _), { tabId: N.id }));
+            N && a.renderItem(D(k({}, g), { tabId: N.id }));
           });
         });
     })
@@ -328,16 +328,16 @@ function et(o = {}) {
       b = !1, c.setState("selectedId", x);
     };
     if (t && "setSelectElement" in t)
-      return q(
+      return J(
         w(t, ["value"], u),
         w(t, ["mounted"], p)
       );
     if (e)
-      return q(
+      return J(
         w(e, ["selectedValue"], u),
         w(e, ["mounted"], p)
       );
-  }), B(k(k({}, d), c), {
+  }), D(k(k({}, d), c), {
     panels: a,
     setSelectedId: (u) => c.setState("selectedId", u),
     select: (u) => {
@@ -346,16 +346,16 @@ function et(o = {}) {
   });
 }
 function tt(o, r, t) {
-  J(r, [t.composite, t.combobox]), o = Fe(o, r, t), Y(o, t, "selectedId", "setSelectedId"), Y(o, t, "selectOnMove");
+  Q(r, [t.composite, t.combobox]), o = Be(o, r, t), Y(o, t, "selectedId", "setSelectedId"), Y(o, t, "selectOnMove");
   const [e, s] = re(() => o.panels, {});
-  return J(s, [o, s]), Object.assign(
-    Te(() => g(v({}, o), { panels: e }), [o, e]),
+  return Q(s, [o, s]), Object.assign(
+    Te(() => h(v({}, o), { panels: e }), [o, e]),
     { composite: t.composite, combobox: t.combobox }
   );
 }
 function Ot(o = {}) {
   const r = ye(), t = Ze() || r;
-  o = g(v({}, o), {
+  o = h(v({}, o), {
     composite: o.composite !== void 0 ? o.composite : t,
     combobox: o.combobox !== void 0 ? o.combobox : r
   });
@@ -368,21 +368,21 @@ const me = (o) => {
   return isNaN(r) ? me(o.parentElement) : r;
 };
 function ot(o, r) {
-  const [t, e] = G(null), s = ae.Children.map(r, (n) => n.props.id === o ? Ee(n, {
+  const [t, e] = q(null), s = ae.Children.map(r, (n) => n.props.id === o ? Ee(n, {
     ...n.props,
     ref: $e(e, Ne(n))
   }) : n);
   return { activeTab: t, tabs: s };
 }
-const st = "_root_156xk_2", nt = {
+const st = "_root_102tt_2", nt = {
   root: st
 };
 function rt({ activeTab: o, listRef: r, orientation: t }) {
-  const [e, s] = G({}), { height: n, width: m } = Oe();
+  const [e, s] = q({}), { height: n, width: m } = Oe();
   return ke(() => {
     const i = r.current;
     if (!i || !o) return;
-    const d = i.getBoundingClientRect(), a = o.getBoundingClientRect(), h = me(i);
+    const d = i.getBoundingClientRect(), a = o.getBoundingClientRect(), _ = me(i);
     if (t === "vertical") {
       const c = a.top - d.top, b = a.height;
       s({
@@ -391,7 +391,7 @@ function rt({ activeTab: o, listRef: r, orientation: t }) {
         size: b
       });
     } else {
-      const c = (a.left - d.left + i.scrollLeft) / h, b = a.width / h;
+      const c = (a.left - d.left + i.scrollLeft) / _, b = a.width / _;
       s({
         offset: isNaN(c) ? 0 : c,
         orientation: t,
@@ -400,21 +400,21 @@ function rt({ activeTab: o, listRef: r, orientation: t }) {
     }
   }, [r, o, m, n, t]), e;
 }
-const at = D(nt), ct = ({ activeTab: o, listRef: r, orientation: t }) => {
+const at = M(nt), ct = ({ activeTab: o, listRef: r, orientation: t }) => {
   const e = rt({ activeTab: o, listRef: r, orientation: t }), s = {
-    "--activeBarOffset": `${e.offset}px`,
-    "--activeBarSize": `${e.size}px`
+    "--active-bar-offset": `${e.offset}px`,
+    "--active-bar-size": `${e.size}px`
   };
   return /* @__PURE__ */ P("span", { className: at("root", `orientation-${t}`), style: s });
-}, it = "_root_3pg7f_2", lt = {
+}, it = "_root_axn0q_2", lt = {
   root: it,
-  "size-md": "_size-md_3pg7f_20",
-  "size-sm": "_size-sm_3pg7f_23"
-}, dt = D(lt), ut = le(
+  "size-md": "_size-md_axn0q_18",
+  "size-sm": "_size-sm_axn0q_21"
+}, dt = M(lt), ut = le(
   ({ children: o, className: r, size: t = "md", store: e, ...s }, n) => {
-    const m = V(), [, i] = Le(n, m), { orientation: d, selectedId: a } = A(e), { activeTab: h, tabs: c } = ot(a, o), b = ae.Children.count(o) > 1;
+    const m = F(), [, i] = Le(n, m), { orientation: d, selectedId: a } = A(e), { activeTab: _, tabs: c } = ot(a, o), b = ae.Children.count(o) > 1;
     return /* @__PURE__ */ fe(
-      Xe,
+      Ue,
       {
         className: dt("root", `size-${t}`, r),
         ref: i,
@@ -422,18 +422,18 @@ const at = D(nt), ct = ({ activeTab: o, listRef: r, orientation: t }) => {
         ...s,
         children: [
           c,
-          b ? /* @__PURE__ */ P(ct, { activeTab: h, listRef: m, orientation: d }) : null
+          b ? /* @__PURE__ */ P(ct, { activeTab: _, listRef: m, orientation: d }) : null
         ]
       }
     );
   }
-), mt = "_root_etkg6_2", ft = {
+), mt = "_root_1kepd_2", ft = {
   root: mt
-}, bt = D(ft), pt = le(
-  ({ children: o, store: r, tabId: t, ...e }, s) => /* @__PURE__ */ P(Qe, { className: bt("root"), ref: s, store: r, tabId: t, ...e, children: o })
-), vt = "_root_86cgt_2", It = {
+}, bt = M(ft), pt = le(
+  ({ children: o, store: r, tabId: t, ...e }, s) => /* @__PURE__ */ P(Xe, { className: bt("root"), ref: s, store: r, tabId: t, ...e, children: o })
+), vt = "_root_1j27o_2", It = {
   root: vt
-}, St = D(It), xt = we(
+}, St = M(It), xt = we(
   ({ as: o, children: r, className: t, id: e, store: s, ...n }, m) => /* @__PURE__ */ P(
     Ke,
     {

package/dist/Tag.css

@@ -1 +1 @@
-@layer components{._root_etflv_4{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);border:var(--components-dimensions-tag-border-width) solid var(--components-colors-tag-color-background-dash-default);line-height:initial;background-color:var(--backgroundColor, var(--components-colors-tag-color-background-warm-light-disabled));color:var(--color, var(--components-colors-tag-color-icon-warm-dark-default));border-color:var(--borderColor, transparent);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap);font-size:var(--fontSize);border-radius:var(--borderRadius, var(--components-dimensions-tag-padding-block-md))}._root_etflv_4>span,._root_etflv_4>p{overflow:hidden;text-overflow:ellipsis}._root_etflv_4>svg{flex-shrink:0;width:var(--iconWidth);height:var(--iconHeight)}button._root_etflv_4,a._root_etflv_4{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_etflv_4:hover,a._root_etflv_4:hover{--backgroundColor: var( --backgroundColorHover, var(--components-colors-tag-color-background-warm-dark-default) )}}button._root_etflv_4[data-focus-visible],button._root_etflv_4:focus-visible,a._root_etflv_4[data-focus-visible],a._root_etflv_4:focus-visible{outline-color:var(--outlineColorFocus);--backgroundColor: var( --backgroundColorFocus, var(--components-colors-tag-color-background-warm-dark-default) )}button._root_etflv_4:active,a._root_etflv_4:active{--backgroundColor: var( --backgroundColorActive, var(--components-colors-tag-color-background-warm-dark-default) )}._variant-primary_etflv_70{--backgroundColor: var(--components-colors-tag-color-background-brand-dark-hover);--backgroundColorHover: var(--color-background-brand-strong);--backgroundColorActive: var(--color-background-brand-strong);--backgroundColorFocus: var(--color-background-brand-strong);--outlineColorFocus: var(--color-background-brand-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-info_etflv_78{--backgroundColor: var(--components-colors-tag-color-background-blue-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-blue-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-blue-dark-default);--color: var(--components-colors-tag-color-icon-blue-dark-default)}._variant-success_etflv_86{--backgroundColor: var(--color-green-10);--backgroundColorHover: var(--color-green-20);--backgroundColorActive: var(--color-green-20);--backgroundColorFocus: var(--color-green-20);--outlineColorFocus: var(--components-colors-tag-color-background-green-dark-hover);--color: var(--components-colors-tag-color-icon-green-dark-default)}._variant-danger_etflv_94{--backgroundColor: var(--components-colors-tag-color-background-red-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-red-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-red-dark-default);--color: var(--components-colors-tag-color-icon-red-dark-default)}._variant-warning_etflv_102{--backgroundColor: var(--color-background-warning-minimal);--backgroundColorHover: var(--color-background-warning-subtle);--backgroundColorActive: var(--color-background-warning-subtle);--backgroundColorFocus: var(--color-background-warning-subtle);--outlineColorFocus: var(--color-background-warning-secondary);--color: var(--color-icon-warning-primary)}._variant-ai_etflv_110{--backgroundColor: var(--components-colors-tag-color-background-violet-light-hover);--backgroundColorHover: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorActive: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorFocus: var(--components-colors-tag-color-background-violet-dark-default);--outlineColorFocus: var(--components-colors-tag-color-background-violet-dark-hover);--color: var(--color-violet-90)}._variant-blue_etflv_118{--backgroundColor: var(--components-colors-tag-color-background-blue-dark-hover);--backgroundColorHover: var(--color-background-accent-blue-strong);--backgroundColorActive: var(--color-background-accent-blue-strong);--backgroundColorFocus: var(--color-background-accent-blue-strong);--outlineColorFocus: var(--components-colors-tag-color-icon-blue-light-disabled);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-green_etflv_126{--backgroundColor: var(--components-colors-tag-color-background-green-dark-hover);--backgroundColorHover: var(--color-background-accent-green-strong);--backgroundColorActive: var(--color-background-accent-green-strong);--backgroundColorFocus: var(--color-background-accent-green-strong);--outlineColorFocus: var(--color-background-accent-green-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-orange_etflv_134{--backgroundColor: var(--color-background-warning-primary);--backgroundColorHover: var(--color-background-warning-strong);--backgroundColorActive: var(--color-background-warning-strong);--backgroundColorFocus: var(--color-background-warning-strong);--outlineColorFocus: var(--color-background-warning-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-pink_etflv_142{--backgroundColor: var(--components-colors-tag-color-background-pink-dark-hover);--backgroundColorHover: var(--color-pink-50);--backgroundColorActive: var(--color-pink-50);--backgroundColorFocus: var(--color-pink-50);--outlineColorFocus: var(--color-pink-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-teal_etflv_150{--backgroundColor: var(--color-background-accent-teal-primary);--backgroundColorHover: var(--color-teal-50);--backgroundColorActive: var(--color-teal-50);--backgroundColorFocus: var(--color-teal-50);--outlineColorFocus: var(--color-teal-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-violet_etflv_158{--backgroundColor: var(--components-colors-tag-color-background-violet-dark-hover);--backgroundColorHover: var(--color-violet-50);--backgroundColorActive: var(--color-violet-50);--backgroundColorFocus: var(--color-violet-50);--outlineColorFocus: var(--color-violet-60);--color: var(--components-colors-tag-color-icon-dash-default)}._size-xs_etflv_166{--height: var(--font-size-xl);--paddingVertical: var(--border-radius-xs);--paddingHorizontal: var(--components-dimensions-tag-padding-block-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--border-radius-xs);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--removeWidth: .5rem}._size-sm_etflv_177{--height: var(--size-icon-lg);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: .75rem}._size-md_etflv_188{--height: var(--size-icon-xl);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-inline-md);--fontSize: var(--font-size-14);--iconWidth: 1rem;--iconHeight: var(--components-dimensions-tag-size-icon);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: 1rem}._hasRemoveAction_etflv_199{display:inline-flex;gap:var(--components-dimensions-tag-padding-block-md);align-items:center;flex-direction:row}._isSquare_etflv_205{padding:0;justify-content:center;flex-basis:var(--height)}._removeButton_etflv_210{--paddingInlineHasIcon: 0;flex-shrink:0}}
+@layer components{._root_1xtnl_2{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);border:var(--border-width-md) solid var(--color-neutral-10);line-height:initial;background-color:var(--backgroundColor, var(--color-beige-20));color:var(--color, var(--color-beige-90));border-color:var(--borderColor, transparent);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap);font-size:var(--fontSize);border-radius:var(--borderRadius, var(--radius-md))}._root_1xtnl_2>span,._root_1xtnl_2>p{overflow:hidden;text-overflow:ellipsis}._root_1xtnl_2>svg{flex-shrink:0;width:var(--iconWidth);height:var(--iconHeight)}button._root_1xtnl_2,a._root_1xtnl_2{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_1xtnl_2:hover,a._root_1xtnl_2:hover{--backgroundColor: var(--backgroundColorHover, var(--color-beige-30))}}button._root_1xtnl_2[data-focus-visible],button._root_1xtnl_2:focus-visible,a._root_1xtnl_2[data-focus-visible],a._root_1xtnl_2:focus-visible{outline-color:var(--outlineColorFocus);--backgroundColor: var(--backgroundColorFocus, var(--color-beige-30))}button._root_1xtnl_2:active,a._root_1xtnl_2:active{--backgroundColor: var(--backgroundColorActive, var(--color-beige-30))}._variant-primary_1xtnl_59{--backgroundColor: var(--color-brand-40);--backgroundColorHover: var(--color-brand-50);--backgroundColorActive: var(--color-brand-50);--backgroundColorFocus: var(--color-brand-50);--outlineColorFocus: var(--color-brand-60);--color: var(--color-neutral-90)}._variant-info_1xtnl_67{--backgroundColor: var(--color-blue-10);--backgroundColorHover: var(--color-blue-20);--backgroundColorActive: var(--color-blue-20);--backgroundColorFocus: var(--color-blue-20);--outlineColorFocus: var(--color-blue-30);--color: var(--color-blue-90)}._variant-success_1xtnl_75{--backgroundColor: var(--color-green-10);--backgroundColorHover: var(--color-green-20);--backgroundColorActive: var(--color-green-20);--backgroundColorFocus: var(--color-green-20);--outlineColorFocus: var(--color-green-30);--color: var(--color-green-90)}._variant-danger_1xtnl_83{--backgroundColor: var(--color-red-10);--backgroundColorHover: var(--color-red-20);--backgroundColorActive: var(--color-red-20);--backgroundColorFocus: var(--color-red-20);--outlineColorFocus: var(--color-red-30);--color: var(--color-red-90)}._variant-warning_1xtnl_91{--backgroundColor: var(--color-orange-10);--backgroundColorHover: var(--color-orange-20);--backgroundColorActive: var(--color-orange-20);--backgroundColorFocus: var(--color-orange-20);--outlineColorFocus: var(--color-orange-30);--color: var(--color-orange-90)}._variant-ai_1xtnl_99{--backgroundColor: var(--color-violet-20);--backgroundColorHover: var(--color-violet-30);--backgroundColorActive: var(--color-violet-30);--backgroundColorFocus: var(--color-violet-30);--outlineColorFocus: var(--color-violet-40);--color: var(--color-violet-90)}._variant-blue_1xtnl_107{--backgroundColor: var(--color-blue-40);--backgroundColorHover: var(--color-blue-50);--backgroundColorActive: var(--color-blue-50);--backgroundColorFocus: var(--color-blue-50);--outlineColorFocus: var(--color-blue-60);--color: var(--color-neutral-90)}._variant-green_1xtnl_115{--backgroundColor: var(--color-green-30);--backgroundColorHover: var(--color-green-40);--backgroundColorActive: var(--color-green-40);--backgroundColorFocus: var(--color-green-40);--outlineColorFocus: var(--color-green-50);--color: var(--color-neutral-90)}._variant-orange_1xtnl_123{--backgroundColor: var(--color-orange-40);--backgroundColorHover: var(--color-orange-50);--backgroundColorActive: var(--color-orange-50);--backgroundColorFocus: var(--color-orange-50);--outlineColorFocus: var(--color-orange-60);--color: var(--color-neutral-90)}._variant-pink_1xtnl_131{--backgroundColor: var(--color-pink-40);--backgroundColorHover: var(--color-pink-50);--backgroundColorActive: var(--color-pink-50);--backgroundColorFocus: var(--color-pink-50);--outlineColorFocus: var(--color-pink-60);--color: var(--color-neutral-90)}._variant-teal_1xtnl_139{--backgroundColor: var(--color-teal-40);--backgroundColorHover: var(--color-teal-50);--backgroundColorActive: var(--color-teal-50);--backgroundColorFocus: var(--color-teal-50);--outlineColorFocus: var(--color-teal-60);--color: var(--color-neutral-90)}._variant-violet_1xtnl_147{--backgroundColor: var(--color-violet-40);--backgroundColorHover: var(--color-violet-50);--backgroundColorActive: var(--color-violet-50);--backgroundColorFocus: var(--color-violet-50);--outlineColorFocus: var(--color-violet-60);--color: var(--color-neutral-90)}._size-xs_1xtnl_155{--height: var(--height-20);--paddingVertical: var(--spacing-xxs);--paddingHorizontal: var(--spacing-xs);--gap: var(--spacing-xs);--fontSize: var(--font-size-xs);--borderRadius: var(--radius-sm);--iconWidth: .75rem;--iconHeight: var(--height-12);--removeWidth: .5rem}._size-sm_1xtnl_166{--height: var(--height-24);--paddingVertical: var(--spacing-xs);--paddingHorizontal: var(--spacing-sm);--gap: var(--spacing-xs);--fontSize: var(--font-size-xs);--iconWidth: .75rem;--iconHeight: var(--height-12);--borderRadius: var(--radius-md);--removeWidth: .75rem}._size-md_1xtnl_177{--height: var(--height-32);--paddingVertical: var(--spacing-xs);--paddingHorizontal: var(--spacing-sm);--gap: var(--spacing-sm);--fontSize: var(--font-size-sm);--iconWidth: 1rem;--iconHeight: var(--height-16);--borderRadius: var(--radius-md);--removeWidth: 1rem}._hasRemoveAction_1xtnl_188{display:inline-flex;gap:var(--spacing-xs);align-items:center;flex-direction:row}._isSquare_1xtnl_194{padding:0;justify-content:center;flex-basis:var(--height)}._removeButton_1xtnl_199{--paddingInlineHasIcon: 0;flex-shrink:0}}