welcome-ui 10.6.2 → 10.6.4

package/dist/Tabs.js

@@ -13,10 +13,10 @@ import { C as Y, a as Z } from "./WZWDIE3S-CGqoM1Fy.js";
 import { b as ee, x as v, Q as z, y as P } from "./U6HHPQDW-CzxyP5H7.js";
 import { c as te, a as oe, u as ae } from "./IQYAUKXT-Cltvp3KN.js";
 import { a as se } from "./CVCFNOHX-Ck0bUDvo.js";
-var ie = ee(
+var re = ee(
   [X, Z],
   [J, Y]
-), re = ie.useContext;
+), ie = re.useContext;
 C(!1);
 C(null);
 function le({
@@ -24,7 +24,7 @@ function le({
   combobox: a,
   ...t
 } = {}) {
-  const r = [
+  const i = [
     "items",
     "renderedItems",
     "moves",
@@ -37,9 +37,9 @@ function le({
     "focusWrap"
   ], l = W(
     t.store,
-    y(e, r),
-    y(a, r)
-  ), i = l == null ? void 0 : l.getState(), d = te({
+    y(e, i),
+    y(a, i)
+  ), r = l == null ? void 0 : l.getState(), d = te({
     ...t,
     store: l,
     // We need to explicitly set the default value of `includesBaseElement` to
@@ -48,25 +48,25 @@ function le({
     // combobox with tab.
     includesBaseElement: v(
       t.includesBaseElement,
-      i == null ? void 0 : i.includesBaseElement,
+      r == null ? void 0 : r.includesBaseElement,
       !1
     ),
     orientation: v(
       t.orientation,
-      i == null ? void 0 : i.orientation,
+      r == null ? void 0 : r.orientation,
       "horizontal"
     ),
-    focusLoop: v(t.focusLoop, i == null ? void 0 : i.focusLoop, !0)
+    focusLoop: v(t.focusLoop, r == null ? void 0 : r.focusLoop, !0)
   }), b = oe(), I = {
     ...d.getState(),
     selectedId: v(
       t.selectedId,
-      i == null ? void 0 : i.selectedId,
+      r == null ? void 0 : r.selectedId,
       t.defaultSelectedId
     ),
     selectOnMove: v(
       t.selectOnMove,
-      i == null ? void 0 : i.selectOnMove,
+      r == null ? void 0 : r.selectOnMove,
       !0
     )
   }, o = K(I, d, l);
@@ -147,21 +147,21 @@ function le({
 }
 function ne(e, a, t) {
   P(a, [t.composite, t.combobox]), e = ae(e, a, t), j(e, t, "selectedId", "setSelectedId"), j(e, t, "selectOnMove");
-  const [r, l] = E(() => e.panels, {});
+  const [i, l] = E(() => e.panels, {});
   return P(l, [e, l]), Object.assign(
-    R(() => ({ ...e, panels: r }), [e, r]),
+    R(() => ({ ...e, panels: i }), [e, i]),
     { composite: t.composite, combobox: t.combobox }
   );
 }
 function Fe(e = {}) {
-  const a = se(), t = re() || a;
+  const a = se(), t = ie() || a;
   e = {
     ...e,
     composite: e.composite !== void 0 ? e.composite : t,
     combobox: e.combobox !== void 0 ? e.combobox : a
   };
-  const [r, l] = E(le, e);
-  return ne(r, l, e);
+  const [i, l] = E(le, e);
+  return ne(i, l, e);
 }
 const N = T.createContext(null);
 function ce() {
@@ -261,13 +261,20 @@ const de = "_root_ijogm_2", S = {
   "share",
   "bulk",
   "bulk-active"
-], fe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"], ge = [
+], fe = [
+  "chat",
+  "chat-bubble-user",
+  "comment",
+  "comment-alt-lines",
+  "comment-chart-line"
+], ge = [
   "music",
   "rocket",
   "file-alt",
   "user-square",
   "book-reader",
   "file-question-alt",
+  "file-slash",
   "sad-solid",
   "smile-beam-solid",
   "sad",
@@ -294,6 +301,7 @@ const de = "_root_ijogm_2", S = {
   "globe",
   "graduation-cap",
   "envelope",
+  "envelope-star",
   "equal-circle",
   "minus",
   "venus",
@@ -307,6 +315,7 @@ const de = "_root_ijogm_2", S = {
   "map-marker-alt",
   "map-pin",
   "lock-alt",
+  "unlock",
   "flag",
   // (not unicons)
   "at",
@@ -451,7 +460,14 @@ const de = "_root_ijogm_2", S = {
   "redo",
   "play",
   "ban"
-], pe = ["folder", "folder-open", "folder-full", "file", "image"], ve = [
+], pe = [
+  "folder",
+  "folder-open",
+  "folder-full",
+  "folder-plus",
+  "file",
+  "image"
+], ve = [
   "bold",
   "arrow",
   "brackets-curly",
@@ -521,29 +537,29 @@ function ye({
   icon: e,
   iconColor: a,
   isActive: t,
-  size: r
+  size: i
 }) {
   return e ? typeof e != "string" || !Se(e) ? e : /* @__PURE__ */ h(
     H,
     {
       className: a ? xe("folder-icon", `folder-icon-${a}${t ? "-active" : ""}`) : void 0,
       name: e,
-      size: r
+      size: i
     }
   ) : null;
 }
 const je = w(S), $ = G(
-  ({ as: e, badge: a, children: t, className: r, icon: l, iconColor: i = "violet", id: d, store: b, ...I }, o) => {
+  ({ as: e, badge: a, children: t, className: i, icon: l, iconColor: r = "violet", id: d, store: b, ...I }, o) => {
     const u = ce(), { selectedId: _ } = U(b), s = _ === d, n = ye({
       icon: l,
-      iconColor: i,
+      iconColor: r,
       isActive: s,
       size: u
     }), c = s ? "neutral" : "warm";
     return /* @__PURE__ */ L(
       V,
       {
-        className: je("root", `size-${u}`, r),
+        className: je("root", `size-${u}`, i),
         id: d,
         ref: o,
         render: e ? /* @__PURE__ */ h(e, {}) : void 0,
@@ -562,12 +578,12 @@ $.displayName = "Tabs.Tab";
 const M = O(({ children: e, ...a }, t) => /* @__PURE__ */ h(A, { ref: t, ...a, children: e }));
 M.displayName = "Tabs.Panel";
 const ze = w(S), q = O(
-  ({ children: e, className: a, size: t = "lg", store: r, ...l }, i) => /* @__PURE__ */ h(
+  ({ children: e, className: a, size: t = "lg", store: i, ...l }, r) => /* @__PURE__ */ h(
     F,
     {
       className: ze("tab-list", `size-${t}`, a),
-      ref: i,
-      store: r,
+      ref: r,
+      store: i,
       ...l,
       children: /* @__PURE__ */ h(N.Provider, { value: { size: t }, children: e })
     }

package/dist/Tag.css

@@ -1 +1 @@
-@property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@layer components{._root_4kt6z_7{position:relative;display:inline-flex;align-items:center;justify-content:var(--justifyContent, flex-start);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);line-height:initial;font-size:var(--font-size-sm);border-radius:var(--tag-border-radius);border-color:var(--tag-color-border-default);border-width:var(--tag-border-width-default);border-style:solid;background:var(--backgroundColor);box-shadow:var(--boxShadow, var(--elevation-10));color:var(--color);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap)}._root_4kt6z_7>span,._root_4kt6z_7>p{overflow:hidden;text-overflow:ellipsis}._root_4kt6z_7>svg{flex-shrink:0;width:var(--tag-size-icon);height:var(--tag-size-icon)}button._root_4kt6z_7,a._root_4kt6z_7{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_4kt6z_7:hover:not(._disabled_4kt6z_51),a._root_4kt6z_7:hover:not(._disabled_4kt6z_51){--backgroundColor: var(--backgroundColorHover);--boxShadow: var(--elevation-20)}button._root_4kt6z_7._variant-dash_4kt6z_56:hover:not(._disabled_4kt6z_51),a._root_4kt6z_7._variant-dash_4kt6z_56:hover:not(._disabled_4kt6z_51){border-color:var(--tag-color-border-dash-hover)}}._disabled_4kt6z_51{background:var(--backgroundColorDisabled);border:none;cursor:inherit;--boxShadow: none;--color: var(--colorDisabled) !important}._disabled_4kt6z_51._ai_4kt6z_68{border:inherit}._disabled_4kt6z_51 ._removeButton_4kt6z_71{cursor:inherit}._variant-brand_4kt6z_74{--backgroundColor: var(--tag-color-background-brand-default);--backgroundColorHover: var(--tag-color-background-brand-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-brand_4kt6z_74._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-brand-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-brand-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-brand-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-brand_4kt6z_89{--backgroundColor: var(--tag-color-background-brand-light-default);--backgroundColorHover: var(--tag-color-background-brand-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-light-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-dark-brand_4kt6z_96{--backgroundColor: var(--tag-color-background-brand-dark-default);--backgroundColorHover: var(--tag-color-background-brand-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-dark-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-warm_4kt6z_103{--backgroundColor: var(--tag-color-background-warm-default);--backgroundColorHover: var(--tag-color-background-warm-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-warm_4kt6z_103._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-warm-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-warm-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-warm-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-warm_4kt6z_118{--backgroundColor: var(--tag-color-background-warm-light-default);--backgroundColorHover: var(--tag-color-background-warm-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-light-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-dark-warm_4kt6z_125{--backgroundColor: var(--tag-color-background-warm-dark-default);--backgroundColorHover: var(--tag-color-background-warm-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-dark-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-red_4kt6z_132{--backgroundColor: var(--tag-color-background-red-default);--backgroundColorHover: var(--tag-color-background-red-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-red_4kt6z_132._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-red-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-red-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-red-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-red_4kt6z_147{--backgroundColor: var(--tag-color-background-red-light-default);--backgroundColorHover: var(--tag-color-background-red-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-dark-red_4kt6z_154{--backgroundColor: var(--tag-color-background-red-dark-default);--backgroundColorHover: var(--tag-color-background-red-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-blue_4kt6z_161{--backgroundColor: var(--tag-color-background-blue-default);--backgroundColorHover: var(--tag-color-background-blue-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-blue_4kt6z_161._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-blue-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-blue-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-blue-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-blue_4kt6z_176{--backgroundColor: var(--tag-color-background-blue-light-default);--backgroundColorHover: var(--tag-color-background-blue-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-light-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-dark-blue_4kt6z_183{--backgroundColor: var(--tag-color-background-blue-dark-default);--backgroundColorHover: var(--tag-color-background-blue-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-dark-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-green_4kt6z_190{--backgroundColor: var(--tag-color-background-green-default);--backgroundColorHover: var(--tag-color-background-green-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-green_4kt6z_190._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-green-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-green-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-green-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-green_4kt6z_205{--backgroundColor: var(--tag-color-background-green-light-default);--backgroundColorHover: var(--tag-color-background-green-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-light-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-dark-green_4kt6z_212{--backgroundColor: var(--tag-color-background-green-dark-default);--backgroundColorHover: var(--tag-color-background-green-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-dark-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-orange_4kt6z_219{--backgroundColor: var(--tag-color-background-orange-default);--backgroundColorHover: var(--tag-color-background-orange-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-orange_4kt6z_219._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-orange-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-orange-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-orange-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-orange_4kt6z_234{--backgroundColor: var(--tag-color-background-orange-light-default);--backgroundColorHover: var(--tag-color-background-orange-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-light-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-dark-orange_4kt6z_241{--backgroundColor: var(--tag-color-background-orange-dark-default);--backgroundColorHover: var(--tag-color-background-orange-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-dark-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-pink_4kt6z_248{--backgroundColor: var(--tag-color-background-pink-default);--backgroundColorHover: var(--tag-color-background-pink-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-pink_4kt6z_248._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-pink-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-pink-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-pink-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-pink_4kt6z_263{--backgroundColor: var(--tag-color-background-pink-light-default);--backgroundColorHover: var(--tag-color-background-pink-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-light-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-dark-pink_4kt6z_270{--backgroundColor: var(--tag-color-background-pink-dark-default);--backgroundColorHover: var(--tag-color-background-pink-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-dark-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-teal_4kt6z_277{--backgroundColor: var(--tag-color-background-teal-default);--backgroundColorHover: var(--tag-color-background-teal-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-teal_4kt6z_277._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-teal-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-teal-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-teal-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-teal_4kt6z_292{--backgroundColor: var(--tag-color-background-teal-light-default);--backgroundColorHover: var(--tag-color-background-teal-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-light-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-dark-teal_4kt6z_299{--backgroundColor: var(--tag-color-background-teal-dark-default);--backgroundColorHover: var(--tag-color-background-teal-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-dark-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-violet_4kt6z_306{--backgroundColor: var(--tag-color-background-violet-default);--backgroundColorHover: var(--tag-color-background-violet-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-violet_4kt6z_306._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-violet-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-violet-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-violet-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-violet_4kt6z_321{--backgroundColor: var(--tag-color-background-violet-light-default);--backgroundColorHover: var(--tag-color-background-violet-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-light-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-dark-violet_4kt6z_328{--backgroundColor: var(--tag-color-background-violet-dark-default);--backgroundColorHover: var(--tag-color-background-violet-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-dark-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-dash_4kt6z_56{--backgroundColor: var(--tag-color-background-dash-default);--backgroundColorHover: var(--tag-color-background-dash-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-dash-disabled);--color: var(--tag-color-text-dash-default);--colorDisabled: var(--tag-color-text-dash-disabled);border:var(--tag-border-width-default) dashed var(--tag-color-border-dash-default);position:relative}._variant-dash_4kt6z_56:hover{box-shadow:none}._variant-dash_4kt6z_56._disabled_4kt6z_51{border-color:var(--tag-color-border-dash-disabled)}._size-md_4kt6z_350{--height: var(--tag-size-max-height-md);--maxHeight: var(--tag-size-max-height-md);--paddingVertical: var(--tag-padding-block-md);--paddingHorizontal: var(--tag-padding-inline-md);--gap: var(--tag-gap-content)}._size-lg_4kt6z_357{--height: var(--tag-size-max-height-lg);--maxHeight: var(--tag-size-max-height-lg);--paddingVertical: var(--tag-padding-block-lg);--paddingHorizontal: var(--tag-padding-inline-lg);--gap: var(--tag-gap-content)}._hasRemoveAction_4kt6z_364{align-items:center;display:inline-flex;flex-direction:row;gap:var(--tag-padding-block-md)}._isSquare_4kt6z_370{flex-basis:var(--height);justify-content:center;padding:0}._removeButton_4kt6z_71{cursor:pointer;flex-shrink:0;--paddingInlineHasIcon: 0}}
+@property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@layer components{._root_7gysw_7{position:relative;display:inline-flex;align-items:center;justify-content:var(--justifyContent, flex-start);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);line-height:initial;font-size:var(--font-size-sm);border-radius:var(--tag-border-radius);border-color:var(--tag-color-border-default);border-width:var(--tag-border-width-default);border-style:solid;background:var(--backgroundColor);box-shadow:var(--boxShadow, var(--elevation-10));color:var(--color);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap)}._root_7gysw_7>span,._root_7gysw_7>p,._root_7gysw_7 ._label_7gysw_36>span,._root_7gysw_7 ._label_7gysw_36>p{overflow:hidden;text-overflow:ellipsis}._root_7gysw_7>svg,._root_7gysw_7 ._label_7gysw_36>svg{flex-shrink:0;width:var(--tag-size-icon);height:var(--tag-size-icon)}._label_7gysw_36{display:inline-flex;align-items:center;overflow:hidden;min-width:0;gap:var(--gap);background:none;border:none;padding:0;color:inherit;font:inherit;text-decoration:none;cursor:pointer}button._root_7gysw_7,a._root_7gysw_7,._root_7gysw_7:has(>._label_7gysw_36):not(._disabled_7gysw_68){cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_7gysw_7:hover:not(._disabled_7gysw_68),a._root_7gysw_7:hover:not(._disabled_7gysw_68),._root_7gysw_7:has(>._label_7gysw_36):hover:not(._disabled_7gysw_68){--backgroundColor: var(--backgroundColorHover);--boxShadow: var(--elevation-20)}button._root_7gysw_7._variant-dash_7gysw_79:hover:not(._disabled_7gysw_68),a._root_7gysw_7._variant-dash_7gysw_79:hover:not(._disabled_7gysw_68),._root_7gysw_7._variant-dash_7gysw_79:has(>._label_7gysw_36):hover:not(._disabled_7gysw_68){border-color:var(--tag-color-border-dash-hover)}}._disabled_7gysw_68{background:var(--backgroundColorDisabled);border:none;cursor:inherit;--boxShadow: none;--color: var(--colorDisabled) !important}._disabled_7gysw_68._ai_7gysw_92{border:inherit}._disabled_7gysw_68 ._removeButton_7gysw_95,._disabled_7gysw_68 ._label_7gysw_36{cursor:inherit}._variant-brand_7gysw_99{--backgroundColor: var(--tag-color-background-brand-default);--backgroundColorHover: var(--tag-color-background-brand-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-brand_7gysw_99._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-brand-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-brand-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-brand-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-brand_7gysw_114{--backgroundColor: var(--tag-color-background-brand-light-default);--backgroundColorHover: var(--tag-color-background-brand-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-light-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-dark-brand_7gysw_121{--backgroundColor: var(--tag-color-background-brand-dark-default);--backgroundColorHover: var(--tag-color-background-brand-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-dark-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-warm_7gysw_128{--backgroundColor: var(--tag-color-background-warm-default);--backgroundColorHover: var(--tag-color-background-warm-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-warm_7gysw_128._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-warm-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-warm-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-warm-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-warm_7gysw_143{--backgroundColor: var(--tag-color-background-warm-light-default);--backgroundColorHover: var(--tag-color-background-warm-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-light-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-dark-warm_7gysw_150{--backgroundColor: var(--tag-color-background-warm-dark-default);--backgroundColorHover: var(--tag-color-background-warm-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-dark-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-red_7gysw_157{--backgroundColor: var(--tag-color-background-red-default);--backgroundColorHover: var(--tag-color-background-red-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-red_7gysw_157._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-red-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-red-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-red-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-red_7gysw_172{--backgroundColor: var(--tag-color-background-red-light-default);--backgroundColorHover: var(--tag-color-background-red-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-dark-red_7gysw_179{--backgroundColor: var(--tag-color-background-red-dark-default);--backgroundColorHover: var(--tag-color-background-red-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-blue_7gysw_186{--backgroundColor: var(--tag-color-background-blue-default);--backgroundColorHover: var(--tag-color-background-blue-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-blue_7gysw_186._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-blue-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-blue-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-blue-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-blue_7gysw_201{--backgroundColor: var(--tag-color-background-blue-light-default);--backgroundColorHover: var(--tag-color-background-blue-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-light-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-dark-blue_7gysw_208{--backgroundColor: var(--tag-color-background-blue-dark-default);--backgroundColorHover: var(--tag-color-background-blue-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-dark-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-green_7gysw_215{--backgroundColor: var(--tag-color-background-green-default);--backgroundColorHover: var(--tag-color-background-green-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-green_7gysw_215._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-green-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-green-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-green-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-green_7gysw_230{--backgroundColor: var(--tag-color-background-green-light-default);--backgroundColorHover: var(--tag-color-background-green-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-light-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-dark-green_7gysw_237{--backgroundColor: var(--tag-color-background-green-dark-default);--backgroundColorHover: var(--tag-color-background-green-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-dark-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-orange_7gysw_244{--backgroundColor: var(--tag-color-background-orange-default);--backgroundColorHover: var(--tag-color-background-orange-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-orange_7gysw_244._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-orange-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-orange-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-orange-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-orange_7gysw_259{--backgroundColor: var(--tag-color-background-orange-light-default);--backgroundColorHover: var(--tag-color-background-orange-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-light-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-dark-orange_7gysw_266{--backgroundColor: var(--tag-color-background-orange-dark-default);--backgroundColorHover: var(--tag-color-background-orange-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-dark-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-pink_7gysw_273{--backgroundColor: var(--tag-color-background-pink-default);--backgroundColorHover: var(--tag-color-background-pink-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-pink_7gysw_273._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-pink-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-pink-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-pink-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-pink_7gysw_288{--backgroundColor: var(--tag-color-background-pink-light-default);--backgroundColorHover: var(--tag-color-background-pink-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-light-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-dark-pink_7gysw_295{--backgroundColor: var(--tag-color-background-pink-dark-default);--backgroundColorHover: var(--tag-color-background-pink-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-dark-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-teal_7gysw_302{--backgroundColor: var(--tag-color-background-teal-default);--backgroundColorHover: var(--tag-color-background-teal-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-teal_7gysw_302._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-teal-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-teal-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-teal-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-teal_7gysw_317{--backgroundColor: var(--tag-color-background-teal-light-default);--backgroundColorHover: var(--tag-color-background-teal-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-light-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-dark-teal_7gysw_324{--backgroundColor: var(--tag-color-background-teal-dark-default);--backgroundColorHover: var(--tag-color-background-teal-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-dark-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-violet_7gysw_331{--backgroundColor: var(--tag-color-background-violet-default);--backgroundColorHover: var(--tag-color-background-violet-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-violet_7gysw_331._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-violet-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-violet-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-violet-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-violet_7gysw_346{--backgroundColor: var(--tag-color-background-violet-light-default);--backgroundColorHover: var(--tag-color-background-violet-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-light-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-dark-violet_7gysw_353{--backgroundColor: var(--tag-color-background-violet-dark-default);--backgroundColorHover: var(--tag-color-background-violet-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-dark-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-dash_7gysw_79{--backgroundColor: var(--tag-color-background-dash-default);--backgroundColorHover: var(--tag-color-background-dash-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-dash-disabled);--color: var(--tag-color-text-dash-default);--colorDisabled: var(--tag-color-text-dash-disabled);border:var(--tag-border-width-default) dashed var(--tag-color-border-dash-default);position:relative}._variant-dash_7gysw_79:hover{box-shadow:none}._variant-dash_7gysw_79._disabled_7gysw_68{border-color:var(--tag-color-border-dash-disabled)}._size-md_7gysw_375{--height: var(--tag-size-max-height-md);--maxHeight: var(--tag-size-max-height-md);--paddingVertical: var(--tag-padding-block-md);--paddingHorizontal: var(--tag-padding-inline-md);--gap: var(--tag-gap-content)}._size-lg_7gysw_382{--height: var(--tag-size-max-height-lg);--maxHeight: var(--tag-size-max-height-lg);--paddingVertical: var(--tag-padding-block-lg);--paddingHorizontal: var(--tag-padding-inline-lg);--gap: var(--tag-gap-content)}._hasRemoveAction_7gysw_49{align-items:center;display:inline-flex;flex-direction:row;gap:var(--tag-padding-block-md)}._isSquare_7gysw_395{flex-basis:var(--height);justify-content:center;padding:0}._removeButton_7gysw_95{cursor:pointer;flex-shrink:0;--paddingInlineHasIcon: 0}}

package/dist/Tag.js

@@ -1,110 +1,107 @@
 "use client";
 import './Tag.css';
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import w from "react";
-import { Icon as s } from "./Icon.js";
-import { c as C } from "./index-B6iGEm-i.js";
-import { f as R } from "./forwardRefWithAs-8eP3ZN15.js";
-const S = "_root_4kt6z_7", y = "_disabled_4kt6z_51", N = "_ai_4kt6z_68", q = "_removeButton_4kt6z_71", x = "_hasRemoveAction_4kt6z_364", A = "_isSquare_4kt6z_370", T = {
-  root: S,
-  disabled: y,
-  "variant-dash": "_variant-dash_4kt6z_56",
-  ai: N,
-  removeButton: q,
-  "variant-brand": "_variant-brand_4kt6z_74",
-  "variant-light-brand": "_variant-light-brand_4kt6z_89",
-  "variant-dark-brand": "_variant-dark-brand_4kt6z_96",
-  "variant-warm": "_variant-warm_4kt6z_103",
-  "variant-light-warm": "_variant-light-warm_4kt6z_118",
-  "variant-dark-warm": "_variant-dark-warm_4kt6z_125",
-  "variant-red": "_variant-red_4kt6z_132",
-  "variant-light-red": "_variant-light-red_4kt6z_147",
-  "variant-dark-red": "_variant-dark-red_4kt6z_154",
-  "variant-blue": "_variant-blue_4kt6z_161",
-  "variant-light-blue": "_variant-light-blue_4kt6z_176",
-  "variant-dark-blue": "_variant-dark-blue_4kt6z_183",
-  "variant-green": "_variant-green_4kt6z_190",
-  "variant-light-green": "_variant-light-green_4kt6z_205",
-  "variant-dark-green": "_variant-dark-green_4kt6z_212",
-  "variant-orange": "_variant-orange_4kt6z_219",
-  "variant-light-orange": "_variant-light-orange_4kt6z_234",
-  "variant-dark-orange": "_variant-dark-orange_4kt6z_241",
-  "variant-pink": "_variant-pink_4kt6z_248",
-  "variant-light-pink": "_variant-light-pink_4kt6z_263",
-  "variant-dark-pink": "_variant-dark-pink_4kt6z_270",
-  "variant-teal": "_variant-teal_4kt6z_277",
-  "variant-light-teal": "_variant-light-teal_4kt6z_292",
-  "variant-dark-teal": "_variant-dark-teal_4kt6z_299",
-  "variant-violet": "_variant-violet_4kt6z_306",
-  "variant-light-violet": "_variant-light-violet_4kt6z_321",
-  "variant-dark-violet": "_variant-dark-violet_4kt6z_328",
-  "size-md": "_size-md_4kt6z_350",
-  "size-lg": "_size-lg_4kt6z_357",
-  hasRemoveAction: x,
-  isSquare: A
-}, k = C(T);
-function j(a) {
+import { jsx as i, jsxs as _, Fragment as S } from "react/jsx-runtime";
+import q from "react";
+import { Icon as b } from "./Icon.js";
+import { c as x } from "./index-B6iGEm-i.js";
+import { f as A } from "./forwardRefWithAs-8eP3ZN15.js";
+const T = "_root_7gysw_7", j = "_label_7gysw_36", B = "_disabled_7gysw_68", E = "_ai_7gysw_92", I = "_removeButton_7gysw_95", W = "_hasRemoveAction_7gysw_49", $ = "_isSquare_7gysw_395", F = {
+  root: T,
+  label: j,
+  disabled: B,
+  "variant-dash": "_variant-dash_7gysw_79",
+  ai: E,
+  removeButton: I,
+  "variant-brand": "_variant-brand_7gysw_99",
+  "variant-light-brand": "_variant-light-brand_7gysw_114",
+  "variant-dark-brand": "_variant-dark-brand_7gysw_121",
+  "variant-warm": "_variant-warm_7gysw_128",
+  "variant-light-warm": "_variant-light-warm_7gysw_143",
+  "variant-dark-warm": "_variant-dark-warm_7gysw_150",
+  "variant-red": "_variant-red_7gysw_157",
+  "variant-light-red": "_variant-light-red_7gysw_172",
+  "variant-dark-red": "_variant-dark-red_7gysw_179",
+  "variant-blue": "_variant-blue_7gysw_186",
+  "variant-light-blue": "_variant-light-blue_7gysw_201",
+  "variant-dark-blue": "_variant-dark-blue_7gysw_208",
+  "variant-green": "_variant-green_7gysw_215",
+  "variant-light-green": "_variant-light-green_7gysw_230",
+  "variant-dark-green": "_variant-dark-green_7gysw_237",
+  "variant-orange": "_variant-orange_7gysw_244",
+  "variant-light-orange": "_variant-light-orange_7gysw_259",
+  "variant-dark-orange": "_variant-dark-orange_7gysw_266",
+  "variant-pink": "_variant-pink_7gysw_273",
+  "variant-light-pink": "_variant-light-pink_7gysw_288",
+  "variant-dark-pink": "_variant-dark-pink_7gysw_295",
+  "variant-teal": "_variant-teal_7gysw_302",
+  "variant-light-teal": "_variant-light-teal_7gysw_317",
+  "variant-dark-teal": "_variant-dark-teal_7gysw_324",
+  "variant-violet": "_variant-violet_7gysw_331",
+  "variant-light-violet": "_variant-light-violet_7gysw_346",
+  "variant-dark-violet": "_variant-dark-violet_7gysw_353",
+  "size-md": "_size-md_7gysw_375",
+  "size-lg": "_size-lg_7gysw_382",
+  hasRemoveAction: W,
+  isSquare: $
+}, o = x(F);
+function L(a) {
   if (typeof a == "string" || typeof a == "number")
     return a.toString().length;
-  if (w.isValidElement(a) && typeof a.props.children == "string")
+  if (q.isValidElement(a) && typeof a.props.children == "string")
     return a.props.children.length;
 }
-const $ = R((a, d) => {
+const V = A((a, l) => {
   const {
-    ai: _ = !1,
-    as: g = "div",
-    children: o,
-    className: z,
-    disabled: i = !1,
-    icon: m,
-    onClick: v,
+    ai: g = !1,
+    as: s = "div",
+    children: v,
+    className: p,
+    disabled: n = !1,
+    icon: f,
+    onClick: d,
     onRemove: r,
     removeButtonProps: t,
-    size: c = "lg",
-    variant: l = "warm",
-    ...h
-  } = a, u = j(o) === 1 && !r, p = (n) => {
-    n.stopPropagation(), !i && (t != null && t.onClick && t.onClick(n), r && r());
-  }, f = (n) => {
-    i || v && v(n);
-  };
-  return /* @__PURE__ */ b(
-    g,
+    size: C = "lg",
+    variant: c = "warm",
+    ...m
+  } = a, N = L(v) === 1 && !r, w = s, R = (w === "button" || w === "a") && !!r, z = (e) => {
+    e.stopPropagation(), !n && (t != null && t.onClick && t.onClick(e), r && r());
+  }, y = (e) => {
+    n || d && d(e);
+  }, h = o(
+    "root",
+    `variant-${c}`,
+    `size-${C}`,
+    !!r && "hasRemoveAction",
+    N && "isSquare",
+    g && "ai",
+    n && "disabled",
+    p
+  ), k = /* @__PURE__ */ _(S, { children: [
+    g && c !== "dash" ? /* @__PURE__ */ i(b, { name: "sparkles", size: "md" }) : f,
+    /* @__PURE__ */ i("span", { children: v })
+  ] }), u = r ? /* @__PURE__ */ i(
+    "button",
     {
-      className: k(
-        "root",
-        `variant-${l}`,
-        `size-${c}`,
-        !!r && "hasRemoveAction",
-        u && "isSquare",
-        _ && "ai",
-        i && "disabled",
-        z
-      ),
-      onClick: f,
-      ref: d,
-      ...h,
-      children: [
-        _ && l !== "dash" ? /* @__PURE__ */ e(s, { name: "sparkles", size: "md" }) : m,
-        /* @__PURE__ */ e("span", { children: o }),
-        r ? /* @__PURE__ */ e(
-          "button",
-          {
-            "aria-label": "remove tag",
-            disabled: i,
-            type: "button",
-            ...t,
-            className: k("removeButton", t == null ? void 0 : t.className),
-            onClick: p,
-            children: /* @__PURE__ */ e(s, { name: "times", size: "md" })
-          }
-        ) : null
-      ]
+      "aria-label": "remove tag",
+      disabled: n,
+      type: "button",
+      ...t,
+      className: o("removeButton", t == null ? void 0 : t.className),
+      onClick: z,
+      children: /* @__PURE__ */ i(b, { name: "times", size: "md" })
     }
-  );
+  ) : null;
+  return R ? /* @__PURE__ */ _("div", { className: h, children: [
+    /* @__PURE__ */ i(s, { className: o("label"), onClick: y, ref: l, ...m, children: k }),
+    u
+  ] }) : /* @__PURE__ */ _(s, { className: h, onClick: y, ref: l, ...m, children: [
+    k,
+    u
+  ] });
 });
-$.displayName = "Tag";
+V.displayName = "Tag";
 export {
-  $ as Tag,
-  T as tagClasses
+  V as Tag,
+  F as tagClasses
 };