@equal-experts/kuat-react 0.15.0-beta.1 → 0.15.0-beta.2

package/dist/index.js

@@ -1,31 +1,36 @@
 import { c as d } from "./utils-DLUjLwnh.js";
 import { S as be } from "./button-group-enIzvVeN.js";
-import { d as Sa, B as Ha, a as Ta, b as ya, c as Da } from "./button-group-enIzvVeN.js";
+import { d as Ta, B as La, a as Ha, b as ya, c as Da } from "./button-group-enIzvVeN.js";
 import { jsxs as s, jsx as e, Fragment as M } from "react/jsx-runtime";
 import * as i from "react";
-import { a as Va, C as Ia } from "./callout-DFmAtUwR.js";
-import { ChevronRight as $, Menu as Ve, ChevronLeft as Ie, X as xe, User as ee, LayoutGrid as ke, ChevronDown as se, MoreHorizontal as Me } from "lucide-react";
+import { a as Ra, C as Ia } from "./callout-DFmAtUwR.js";
+import { ChevronRight as K, Menu as Re, ChevronLeft as Ie, X as xe, User as ee, LayoutGrid as fe, ChevronDown as se, MoreHorizontal as Me } from "lucide-react";
 import { B as J } from "./button-C0a1gFoV.js";
 import { d as Ma, c as Ba, a as Oa, b as Pa } from "./button-C0a1gFoV.js";
 import { I as Be } from "./icon-button-B5hCoK1b.js";
-import { b as Fa, a as Za, e as Ka, d as $a, c as Ga, i as qa } from "./icon-button-B5hCoK1b.js";
+import { b as Ga, a as Za, e as Fa, d as Ka, c as $a, i as qa } from "./icon-button-B5hCoK1b.js";
 import * as b from "@radix-ui/react-dropdown-menu";
 import { C as ja, a as za, b as Xa, d as Wa, c as Ja, u as Qa } from "./carousel-B_FcJvc1.js";
 import { K as ar, a as rr, b as lr, d as tr, c as sr, u as nr } from "./kuat-carousel-DUR-L0dP.js";
 import { b as ir, a as dr, K as cr } from "./kuat-radial-progress-YcpYzHjk.js";
 import { A as hr, c as mr, a as pr, b as _r } from "./accordion-CUlVo4uo.js";
-import { A as kr, i as fr, j as Nr, d as gr, h as Cr, f as vr, e as wr, b as Ar, a as Er, g as Lr, c as Sr } from "./alert-dialog-yHaNWLGX.js";
-import { c as Tr, a as yr, B as Dr, b as Rr } from "./badge-BZgdEQSD.js";
-import { a as Ir, T as xr } from "./textarea-B0irOcAM.js";
-import { a as Br, I as Or } from "./input-DmkHok33.js";
-import { j as Ur, F as Fr, a as Zr, b as Kr, c as $r, d as Gr, e as qr, f as Yr, g as jr, h as zr, i as Xr } from "./field-CpIBifwy.js";
-import { K as Jr, j as Qr, k as el, S as al, a as rl, b as ll, c as tl, d as sl, e as nl, f as ol, g as il, h as dl, i as cl } from "./select-CkwcI4vN.js";
-import { b as hl, c as ml, C as pl, a as _l } from "./checkbox-field-7OmstdY0.js";
-import { c as kl, d as fl, b as Nl, R as gl, a as Cl } from "./radio-field-BD77QCpO.js";
-import { b as wl, c as Al, S as El, a as Ll } from "./switch-field-xn_CPJH7.js";
-import { a as Hl, b as Tl, T as yl, c as Dl, d as Rl } from "./constants-Cfitvm6L.js";
-import { a as Il, S as xl, b as Ml, t as Bl } from "./sonner-content-CXBD6jNn.js";
-const fa = i.forwardRef(function({
+import { A as fr, i as kr, j as Nr, d as gr, h as Cr, f as vr, e as Ar, b as wr, a as Er, g as Sr, c as Tr } from "./alert-dialog-yHaNWLGX.js";
+import { c as Hr, a as yr, B as Dr, b as Vr } from "./badge-BFeIqSCP.js";
+import { b as Ir, a as xr, S as Mr, s as Br } from "./status-badge-Cqb6TNYB.js";
+import { a as Pr, b as Ur, T as Gr, t as Zr } from "./tag-CkE_Xgvs.js";
+import { T as Kr } from "./tag-group-tBUBPRjX.js";
+import { T as qr, u as Yr } from "./tag-group-context-D_b_R9lC.js";
+import { a as zr, C as Xr, c as Wr } from "./counter-badge-JLm2U18L.js";
+import { a as Qr, T as el } from "./textarea-B0irOcAM.js";
+import { a as rl, I as ll } from "./input-DmkHok33.js";
+import { j as sl, F as nl, a as ol, b as il, c as dl, d as cl, e as ul, f as hl, g as ml, h as pl, i as _l } from "./field-CpIBifwy.js";
+import { K as fl, j as kl, k as Nl, S as gl, a as Cl, b as vl, c as Al, d as wl, e as El, f as Sl, g as Tl, h as Ll, i as Hl } from "./select-CkwcI4vN.js";
+import { b as Dl, c as Vl, C as Rl, a as Il } from "./checkbox-field-7OmstdY0.js";
+import { c as Ml, d as Bl, b as Ol, R as Pl, a as Ul } from "./radio-field-BD77QCpO.js";
+import { b as Zl, c as Fl, S as Kl, a as $l } from "./switch-field-xn_CPJH7.js";
+import { a as Yl, b as jl, T as zl, c as Xl, d as Wl } from "./constants-Cfitvm6L.js";
+import { a as Ql, S as et, b as at, t as rt } from "./sonner-content-CXBD6jNn.js";
+const ka = i.forwardRef(function({
   className: r,
   asChild: l = !1,
   width: t = "default",
@@ -33,18 +38,18 @@ const fa = i.forwardRef(function({
   imageSrc: u = null,
   imageAlt: h = "",
   contentText: N = null,
-  headerAccessory: k = null,
+  headerAccessory: f = null,
   customContent: _ = null,
   footer: p = null,
   badge: y,
   category: g,
   title: C,
-  titleHeadingLevel: V = 3,
+  titleHeadingLevel: R = 3,
   children: v,
   style: E,
-  ...S
-}, w) {
-  const H = `h${V}`, L = t === "fluid" ? "content-card--width-fluid" : t === "custom" ? "content-card--width-custom" : "content-card--width-default", T = t === "custom" ? {
+  ...T
+}, A) {
+  const L = `h${R}`, S = t === "fluid" ? "content-card--width-fluid" : t === "custom" ? "content-card--width-custom" : "content-card--width-default", H = t === "custom" ? {
     ...E ?? {},
     "--content-card-max-width": typeof o == "number" ? `${o}px` : o ?? "373px"
   } : E, Y = /* @__PURE__ */ s(M, { children: [
@@ -56,14 +61,14 @@ const fa = i.forwardRef(function({
             /* @__PURE__ */ e("div", { "data-slot": "badge", className: "content-card__badge", children: y }),
             /* @__PURE__ */ e("p", { className: "content-card__category", children: g })
           ] }),
-          /* @__PURE__ */ e(H, { className: "content-card__title", children: C })
+          /* @__PURE__ */ e(L, { className: "content-card__title", children: C })
         ] }),
         /* @__PURE__ */ e(
           "div",
           {
             "data-slot": "header-accessory",
             className: "content-card__header-accessory",
-            children: k ?? null
+            children: f ?? null
           }
         )
       ] }),
@@ -80,14 +85,14 @@ const fa = i.forwardRef(function({
     return i.cloneElement(
       D,
       {
-        ...S,
-        ref: w,
+        ...T,
+        ref: A,
         "data-slot": "content-card",
-        className: d("content-card", L, D.props.className, r),
+        className: d("content-card", S, D.props.className, r),
         style: t === "custom" ? {
           ...D.props.style ?? {},
-          ...T
-        } : T ?? D.props.style
+          ...H
+        } : H ?? D.props.style
       },
       Y
     );
@@ -95,15 +100,15 @@ const fa = i.forwardRef(function({
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: w,
+      ref: A,
       "data-slot": "content-card",
-      className: d("content-card", L, r),
-      style: T,
-      ...S,
+      className: d("content-card", S, r),
+      style: H,
+      ...T,
       children: Y
     }
   );
-}), B = b.Root, O = b.Trigger, G = b.Group, Oe = i.forwardRef(({ className: a, inset: r, children: l, ...t }, o) => /* @__PURE__ */ s(
+}), B = b.Root, O = b.Trigger, $ = b.Group, Oe = i.forwardRef(({ className: a, inset: r, children: l, ...t }, o) => /* @__PURE__ */ s(
   b.SubTrigger,
   {
     ref: o,
@@ -115,7 +120,7 @@ const fa = i.forwardRef(function({
     ...t,
     children: [
       l,
-      /* @__PURE__ */ e($, { className: "dropdown-menu-sub-trigger__icon" })
+      /* @__PURE__ */ e(K, { className: "dropdown-menu-sub-trigger__icon" })
     ]
   }
 ));
@@ -163,7 +168,7 @@ const Ue = i.forwardRef(({ className: a, children: r, checked: l, ...t }, o) =>
   }
 ));
 Ue.displayName = b.CheckboxItem.displayName;
-const Fe = i.forwardRef(({ className: a, children: r, ...l }, t) => /* @__PURE__ */ e(
+const Ge = i.forwardRef(({ className: a, children: r, ...l }, t) => /* @__PURE__ */ e(
   b.RadioItem,
   {
     ref: t,
@@ -172,7 +177,7 @@ const Fe = i.forwardRef(({ className: a, children: r, ...l }, t) => /* @__PURE__
     children: r
   }
 ));
-Fe.displayName = b.RadioItem.displayName;
+Ge.displayName = b.RadioItem.displayName;
 const Ze = i.forwardRef(({ className: a, inset: r, ...l }, t) => /* @__PURE__ */ e(
   b.Label,
   {
@@ -186,7 +191,7 @@ const Ze = i.forwardRef(({ className: a, inset: r, ...l }, t) => /* @__PURE__ */
   }
 ));
 Ze.displayName = b.Label.displayName;
-const Ke = i.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
+const Fe = i.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
   b.Separator,
   {
     ref: l,
@@ -194,7 +199,7 @@ const Ke = i.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Ke.displayName = b.Separator.displayName;
+Fe.displayName = b.Separator.displayName;
 const x = {
   trigger: "Equal Experts apps",
   nav: "Equal Experts applications",
@@ -205,8 +210,8 @@ const x = {
   teaserTitle: "Account",
   nav: "Account",
   title: "Account"
-}, $e = "No applications are available right now.";
-function Ge(a) {
+}, Ke = "No applications are available right now.";
+function $e(a) {
   return a ? a.loading || a.apps.length > 0 ? !0 : a.empty === "message" : !1;
 }
 function qe(a) {
@@ -219,8 +224,8 @@ function qe(a) {
     teaserDescription: ((u = a == null ? void 0 : a.labels) == null ? void 0 : u.teaserDescription) ?? x.teaserDescription
   };
 }
-function fe(a) {
-  return (a == null ? void 0 : a.emptyMessage) ?? $e;
+function ke(a) {
+  return (a == null ? void 0 : a.emptyMessage) ?? Ke;
 }
 function Ye(a) {
   var r, l;
@@ -242,8 +247,8 @@ function ze(a) {
   return ((r = a == null ? void 0 : a.items) == null ? void 0 : r.length) === 1 && Ne(a).length > 0;
 }
 function Xe(a) {
-  var k, _;
-  const r = a == null ? void 0 : a.labels, l = a == null ? void 0 : a.mobile, t = (_ = (k = a == null ? void 0 : a.items) == null ? void 0 : k[0]) == null ? void 0 : _.label, o = (r == null ? void 0 : r.teaserTitle) ?? (l == null ? void 0 : l.heading) ?? Q.teaserTitle, u = (r == null ? void 0 : r.teaserDescription) ?? (l == null ? void 0 : l.subtitle) ?? (t ? `Signed in as ${t}` : ""), h = (r == null ? void 0 : r.title) ?? (l == null ? void 0 : l.heading) ?? Q.title, N = (r == null ? void 0 : r.nav) ?? Q.nav;
+  var f, _;
+  const r = a == null ? void 0 : a.labels, l = a == null ? void 0 : a.mobile, t = (_ = (f = a == null ? void 0 : a.items) == null ? void 0 : f[0]) == null ? void 0 : _.label, o = (r == null ? void 0 : r.teaserTitle) ?? (l == null ? void 0 : l.heading) ?? Q.teaserTitle, u = (r == null ? void 0 : r.teaserDescription) ?? (l == null ? void 0 : l.subtitle) ?? (t ? `Signed in as ${t}` : ""), h = (r == null ? void 0 : r.title) ?? (l == null ? void 0 : l.heading) ?? Q.title, N = (r == null ? void 0 : r.nav) ?? Q.nav;
   return { teaserTitle: o, teaserDescription: u, nav: N, title: h };
 }
 function We(a) {
@@ -315,7 +320,7 @@ function ge({
   );
 }
 function Ce({ items: a }) {
-  return /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(G, { children: a.map((r) => /* @__PURE__ */ e(P, { asChild: !0, children: Qe(r, "kuat-header__dropdown-link") }, `${r.label}-${r.url}`)) }) });
+  return /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e($, { children: a.map((r) => /* @__PURE__ */ e(P, { asChild: !0, children: Qe(r, "kuat-header__dropdown-link") }, `${r.label}-${r.url}`)) }) });
 }
 function aa({ items: a, variant: r }) {
   return /* @__PURE__ */ e("div", { className: "kuat-header__nav-items", children: a.map((l) => {
@@ -397,12 +402,12 @@ function la({
   config: a,
   labels: r
 }) {
-  const l = fe(a), t = a.apps, o = a.loading, u = a.empty ?? "hide", h = a.linkTarget, N = a.onSelect, k = a.onOpen;
+  const l = ke(a), t = a.apps, o = a.loading, u = a.empty ?? "hide", h = a.linkTarget, N = a.onSelect, f = a.onOpen;
   return /* @__PURE__ */ s(
     B,
     {
       onOpenChange: (_) => {
-        _ && (k == null || k());
+        _ && (f == null || f());
       },
       children: [
         /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ e(
@@ -416,7 +421,7 @@ function la({
             "aria-label": r.trigger,
             "aria-haspopup": "menu",
             "aria-controls": _e,
-            children: /* @__PURE__ */ e(ke, { className: "h-5 w-5", "aria-hidden": !0 })
+            children: /* @__PURE__ */ e(fe, { className: "h-5 w-5", "aria-hidden": !0 })
           }
         ) }),
         /* @__PURE__ */ e(
@@ -425,7 +430,7 @@ function la({
             id: _e,
             align: "end",
             className: "kuat-header__app-switcher-panel",
-            children: /* @__PURE__ */ e(G, { className: "kuat-header__app-switcher-scroll", children: o ? /* @__PURE__ */ s(M, { children: [
+            children: /* @__PURE__ */ e($, { className: "kuat-header__app-switcher-scroll", children: o ? /* @__PURE__ */ s(M, { children: [
               /* @__PURE__ */ e("div", { className: "kuat-header__app-switcher-skeleton", "aria-hidden": !0 }),
               /* @__PURE__ */ e("div", { className: "kuat-header__app-switcher-skeleton", "aria-hidden": !0 }),
               /* @__PURE__ */ e("div", { className: "kuat-header__app-switcher-skeleton", "aria-hidden": !0 })
@@ -462,56 +467,56 @@ const ta = i.forwardRef(
     account: u,
     accountMarkup: h,
     mobileMenuTrigger: N,
-    mobileMenu: k,
+    mobileMenu: f,
     lockup: _,
     appSwitcher: p,
     mobileMenuAriaLabel: y,
     children: g,
     ...C
-  }, V) => {
+  }, R) => {
     var ue, he;
-    const v = Xe(u), E = Ye(u), S = je(u), w = qe(p), H = Ge(p), L = We({ logo: l, lockup: _ }), T = ea(o), I = !k && (T || S || !!h || H || E), D = Je({
+    const v = Xe(u), E = Ye(u), T = je(u), A = qe(p), L = $e(p), S = We({ logo: l, lockup: _ }), H = ea(o), I = !f && (H || T || !!h || L || E), D = Je({
       mobileMenuAriaLabel: y,
-      showAppSwitcher: H,
-      hasStructuredNavigation: T,
+      showAppSwitcher: L,
+      hasStructuredNavigation: H,
       hasAccountMobileTier: E
-    }), [A, j] = i.useState(!1), [f, U] = i.useState("main"), z = i.useRef(null), F = i.useRef(null), ne = i.useRef(null), oe = i.useRef(null), ie = i.useRef(null), X = i.useRef(null), W = i.useRef(null);
+    }), [w, j] = i.useState(!1), [k, U] = i.useState("main"), z = i.useRef(null), G = i.useRef(null), ne = i.useRef(null), oe = i.useRef(null), ie = i.useRef(null), X = i.useRef(null), W = i.useRef(null);
     i.useEffect(() => {
-      A || U("main");
-    }, [A]), i.useEffect(() => {
-      if (!A)
+      w || U("main");
+    }, [w]), i.useEffect(() => {
+      if (!w)
         return;
       const n = document.body, c = n.style.overflow;
       return n.style.overflow = "hidden", () => {
         n.style.overflow = c, z.current && z.current.focus();
       };
-    }, [A]), i.useEffect(() => {
-      if (!A)
+    }, [w]), i.useEffect(() => {
+      if (!w)
         return;
       const n = window.requestAnimationFrame(() => {
         var m;
-        const c = F.current;
+        const c = G.current;
         (m = c == null ? void 0 : c.querySelector("button, a, [tabindex]:not([tabindex='-1'])")) == null || m.focus();
       });
       return () => window.cancelAnimationFrame(n);
-    }, [A, f]), i.useEffect(() => {
+    }, [w, k]), i.useEffect(() => {
       const n = ie.current, c = X.current, m = W.current;
-      if (!A) {
+      if (!w) {
         n == null || n.removeAttribute("inert"), c == null || c.removeAttribute("inert"), m == null || m.removeAttribute("inert");
         return;
       }
-      n && (f !== "main" ? n.setAttribute("inert", "") : n.removeAttribute("inert")), c && (f !== "apps" ? c.setAttribute("inert", "") : c.removeAttribute("inert")), m && (f !== "account" ? m.setAttribute("inert", "") : m.removeAttribute("inert"));
-    }, [A, f]), i.useEffect(() => {
-      if (!A)
+      n && (k !== "main" ? n.setAttribute("inert", "") : n.removeAttribute("inert")), c && (k !== "apps" ? c.setAttribute("inert", "") : c.removeAttribute("inert")), m && (k !== "account" ? m.setAttribute("inert", "") : m.removeAttribute("inert"));
+    }, [w, k]), i.useEffect(() => {
+      if (!w)
         return;
       const n = (c) => {
         if (c.key === "Escape") {
           c.preventDefault(), j(!1);
           return;
         }
-        if (c.key !== "Tab" || !F.current)
+        if (c.key !== "Tab" || !G.current)
           return;
-        const m = F.current.querySelectorAll(
+        const m = G.current.querySelectorAll(
           "button, a, [tabindex]:not([tabindex='-1'])"
         );
         if (!m.length)
@@ -522,18 +527,18 @@ const ta = i.forwardRef(
       return document.addEventListener("keydown", n), () => {
         document.removeEventListener("keydown", n);
       };
-    }, [A, f]);
-    const de = r === "bold" ? "white" : "grey", Le = L.mode === "builtin" ? /* @__PURE__ */ e(
+    }, [w, k]);
+    const de = r === "bold" ? "white" : "grey", Se = S.mode === "builtin" ? /* @__PURE__ */ e(
       ae,
       {
         className: "ee-logo--desktop shrink-0",
         textColor: de
       }
-    ) : null, Se = L.mode === "builtin" ? /* @__PURE__ */ e(ae, { className: "ee-logo--mobile shrink-0", textColor: de }) : null, Z = L.mode === "custom" ? l : L.mode === "builtin" ? Le : null, K = L.mode === "custom" ? l : L.mode === "builtin" ? Se : null, R = L.lockupVariant, He = !!Z && R === "default", Te = !!K && R === "default", ye = !!Z && R === "demo", De = !!K && R === "demo", Re = fe(p), ce = (ue = u == null ? void 0 : u.mobile) == null ? void 0 : ue.items;
+    ) : null, Te = S.mode === "builtin" ? /* @__PURE__ */ e(ae, { className: "ee-logo--mobile shrink-0", textColor: de }) : null, Z = S.mode === "custom" ? l : S.mode === "builtin" ? Se : null, F = S.mode === "custom" ? l : S.mode === "builtin" ? Te : null, V = S.lockupVariant, Le = !!Z && V === "default", He = !!F && V === "default", ye = !!Z && V === "demo", De = !!F && V === "demo", Ve = ke(p), ce = (ue = u == null ? void 0 : u.mobile) == null ? void 0 : ue.items;
     return /* @__PURE__ */ s(
       "header",
       {
-        ref: V,
+        ref: R,
         className: d(
           "kuat-header",
           `kuat-header--${r}`,
@@ -543,7 +548,7 @@ const ta = i.forwardRef(
         children: [
           /* @__PURE__ */ s("div", { className: "kuat-header__desktop", children: [
             /* @__PURE__ */ s("div", { className: "kuat-header__desktop-left", children: [
-              He && /* @__PURE__ */ s(M, { children: [
+              Le && /* @__PURE__ */ s(M, { children: [
                 /* @__PURE__ */ e("div", { className: "shrink-0", children: Z }),
                 /* @__PURE__ */ e(
                   be,
@@ -560,31 +565,31 @@ const ta = i.forwardRef(
                   /* @__PURE__ */ e("div", { className: "kuat-header__desktop-demo-logo", children: Z })
                 ] })
               ] }),
-              t && R === "default" && /* @__PURE__ */ e("h1", { className: "kuat-header__desktop-title", children: t })
+              t && V === "default" && /* @__PURE__ */ e("h1", { className: "kuat-header__desktop-title", children: t })
             ] }),
             /* @__PURE__ */ s("div", { className: "kuat-header__desktop-right", children: [
-              T ? o.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Primary navigation", children: /* @__PURE__ */ e(aa, { items: o, variant: r }) }) : o ? /* @__PURE__ */ e("nav", { className: "flex items-center", children: o }) : null,
-              H && p ? /* @__PURE__ */ e("div", { className: "kuat-header__nav-dropdown-wrap", children: /* @__PURE__ */ e(
+              H ? o.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Primary navigation", children: /* @__PURE__ */ e(aa, { items: o, variant: r }) }) : o ? /* @__PURE__ */ e("nav", { className: "flex items-center", children: o }) : null,
+              L && p ? /* @__PURE__ */ e("div", { className: "kuat-header__nav-dropdown-wrap", children: /* @__PURE__ */ e(
                 la,
                 {
                   config: p,
-                  labels: w
+                  labels: A
                 }
               ) }) : null,
-              S && u ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(ra, { account: u, variant: r }) }) : h ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: h }) : null
+              T && u ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(ra, { account: u, variant: r }) }) : h ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: h }) : null
             ] })
           ] }),
           /* @__PURE__ */ s("div", { className: "kuat-header__mobile", children: [
             /* @__PURE__ */ s("div", { className: "kuat-header__mobile-left", children: [
-              Te && /* @__PURE__ */ e("div", { className: "shrink-0", children: K }),
+              He && /* @__PURE__ */ e("div", { className: "shrink-0", children: F }),
               De && /* @__PURE__ */ s("div", { className: "kuat-header__mobile-demo-lockup", children: [
                 t && /* @__PURE__ */ e("p", { className: "kuat-header__mobile-demo-title", children: t }),
                 /* @__PURE__ */ s("div", { className: "kuat-header__demo-byline", children: [
                   /* @__PURE__ */ e("span", { className: "kuat-header__demo-label", children: "A demo by" }),
-                  /* @__PURE__ */ e("div", { className: "kuat-header__mobile-demo-logo", children: K })
+                  /* @__PURE__ */ e("div", { className: "kuat-header__mobile-demo-logo", children: F })
                 ] })
               ] }),
-              t && R === "default" && /* @__PURE__ */ e("p", { className: "kuat-header__mobile-title", children: t })
+              t && V === "default" && /* @__PURE__ */ e("p", { className: "kuat-header__mobile-title", children: t })
             ] }),
             N ? /* @__PURE__ */ e("div", { className: "shrink-0", children: N }) : I ? /* @__PURE__ */ e(
               J,
@@ -597,18 +602,18 @@ const ta = i.forwardRef(
                   r === "bold" && "kuat-header__mobile-trigger--bold"
                 ),
                 "aria-label": "Open menu",
-                "aria-expanded": A,
+                "aria-expanded": w,
                 "aria-controls": "kuat-header-mobile-menu",
                 onClick: () => j(!0),
-                children: /* @__PURE__ */ e(Ve, { className: "h-6 w-6", "aria-hidden": !0 })
+                children: /* @__PURE__ */ e(Re, { className: "h-6 w-6", "aria-hidden": !0 })
               }
             ) : null
           ] }),
-          I ? A && /* @__PURE__ */ s(
+          I ? w && /* @__PURE__ */ s(
             "div",
             {
               id: "kuat-header-mobile-menu",
-              ref: F,
+              ref: G,
               className: "kuat-header__mobile-sheet",
               role: "dialog",
               "aria-modal": "true",
@@ -619,10 +624,10 @@ const ta = i.forwardRef(
                   {
                     className: d(
                       "kuat-header__mobile-sheet-header",
-                      (f === "apps" || f === "account") && "kuat-header__mobile-sheet-header--split"
+                      (k === "apps" || k === "account") && "kuat-header__mobile-sheet-header--split"
                     ),
                     children: [
-                      f === "apps" || f === "account" ? /* @__PURE__ */ s(
+                      k === "apps" || k === "account" ? /* @__PURE__ */ s(
                         J,
                         {
                           type: "button",
@@ -630,7 +635,7 @@ const ta = i.forwardRef(
                           className: "kuat-header__mobile-back",
                           "aria-label": "Back to main menu",
                           onClick: () => {
-                            const n = f;
+                            const n = k;
                             U("main"), requestAnimationFrame(() => {
                               var c, m;
                               n === "apps" ? (c = ne.current) == null || c.focus() : (m = oe.current) == null || m.focus();
@@ -662,19 +667,19 @@ const ta = i.forwardRef(
                     ref: ie,
                     className: d(
                       "kuat-header__mobile-panel",
-                      f !== "main" && "kuat-header__mobile-panel--hidden"
+                      k !== "main" && "kuat-header__mobile-panel--hidden"
                     ),
-                    "aria-hidden": f !== "main",
+                    "aria-hidden": k !== "main",
                     children: [
                       /* @__PURE__ */ s("div", { className: "kuat-header__mobile-panel-inner", children: [
-                        /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-nav", children: T && o.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Primary navigation", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: o.map((n) => {
+                        /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-nav", children: H && o.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Primary navigation", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: o.map((n) => {
                           var c;
                           return /* @__PURE__ */ s("li", { children: [
                             /* @__PURE__ */ e("a", { href: n.url, className: "kuat-header__mobile-link", children: n.label }),
                             (c = n.items) != null && c.length ? /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-sub-list", children: n.items.map((m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: m.url, className: "kuat-header__mobile-sub-link", children: m.label }) }, `${m.label}-${m.url}`)) }) : null
                           ] }, `${n.label}-${n.url}`);
                         }) }) }) }),
-                        E || H ? /* @__PURE__ */ s("div", { className: "kuat-header__mobile-sheet-sticky", children: [
+                        E || L ? /* @__PURE__ */ s("div", { className: "kuat-header__mobile-sheet-sticky", children: [
                           E ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-app-teaser-wrap", children: /* @__PURE__ */ s(
                             "button",
                             {
@@ -698,7 +703,7 @@ const ta = i.forwardRef(
                                   v.teaserDescription ? /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-desc", children: v.teaserDescription }) : null
                                 ] }),
                                 /* @__PURE__ */ e(
-                                  $,
+                                  K,
                                   {
                                     className: "kuat-header__mobile-app-teaser-chevron h-5 w-5 shrink-0",
                                     "aria-hidden": !0
@@ -707,13 +712,13 @@ const ta = i.forwardRef(
                               ]
                             }
                           ) }) : null,
-                          H ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-app-teaser-wrap", children: /* @__PURE__ */ s(
+                          L ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-app-teaser-wrap", children: /* @__PURE__ */ s(
                             "button",
                             {
                               ref: ne,
                               type: "button",
                               className: "kuat-header__mobile-app-teaser",
-                              "aria-label": `${w.teaserTitle}, ${w.teaserDescription}`,
+                              "aria-label": `${A.teaserTitle}, ${A.teaserDescription}`,
                               onClick: () => {
                                 var n;
                                 (n = p == null ? void 0 : p.onOpen) == null || n.call(p), U("apps"), requestAnimationFrame(() => {
@@ -725,36 +730,36 @@ const ta = i.forwardRef(
                                 });
                               },
                               children: [
-                                /* @__PURE__ */ e(ke, { className: "kuat-header__mobile-app-teaser-icon h-6 w-6 shrink-0", "aria-hidden": !0 }),
+                                /* @__PURE__ */ e(fe, { className: "kuat-header__mobile-app-teaser-icon h-6 w-6 shrink-0", "aria-hidden": !0 }),
                                 /* @__PURE__ */ s("span", { className: "kuat-header__mobile-app-teaser-text", children: [
-                                  /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-title", children: w.teaserTitle }),
-                                  /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-desc", children: w.teaserDescription })
+                                  /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-title", children: A.teaserTitle }),
+                                  /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-desc", children: A.teaserDescription })
                                 ] }),
-                                /* @__PURE__ */ e($, { className: "kuat-header__mobile-app-teaser-chevron h-5 w-5 shrink-0", "aria-hidden": !0 })
+                                /* @__PURE__ */ e(K, { className: "kuat-header__mobile-app-teaser-chevron h-5 w-5 shrink-0", "aria-hidden": !0 })
                               ]
                             }
                           ) }) : null
                         ] }) : null
                       ] }),
-                      S && u && !E ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-actions", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: u.items.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s("a", { href: n.href, className: "kuat-header__mobile-link", children: [
+                      T && u && !E ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-actions", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: u.items.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s("a", { href: n.href, className: "kuat-header__mobile-link", children: [
                         /* @__PURE__ */ e("span", { className: "kuat-header__mobile-action-icon", children: n.icon ?? /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 }) }),
                         n.label
                       ] }) }, `${n.label}-${n.href}`)) }) }) : null
                     ]
                   }
                 ),
-                H && p ? /* @__PURE__ */ s(
+                L && p ? /* @__PURE__ */ s(
                   "div",
                   {
                     ref: X,
                     className: d(
                       "kuat-header__mobile-panel kuat-header__mobile-panel--apps",
-                      f !== "apps" && "kuat-header__mobile-panel--hidden"
+                      k !== "apps" && "kuat-header__mobile-panel--hidden"
                     ),
-                    "aria-hidden": f !== "apps",
+                    "aria-hidden": k !== "apps",
                     children: [
-                      /* @__PURE__ */ e("div", { className: "kuat-header__mobile-apps-heading", children: w.title }),
-                      /* @__PURE__ */ e("nav", { "aria-label": w.nav, className: "kuat-header__mobile-apps-nav", children: p.loading ? /* @__PURE__ */ s("ul", { className: "kuat-header__mobile-list", children: [
+                      /* @__PURE__ */ e("div", { className: "kuat-header__mobile-apps-heading", children: A.title }),
+                      /* @__PURE__ */ e("nav", { "aria-label": A.nav, className: "kuat-header__mobile-apps-nav", children: p.loading ? /* @__PURE__ */ s("ul", { className: "kuat-header__mobile-list", children: [
                         /* @__PURE__ */ e("li", { className: "kuat-header__app-switcher-skeleton kuat-header__app-switcher-skeleton--mobile", "aria-hidden": !0 }),
                         /* @__PURE__ */ e("li", { className: "kuat-header__app-switcher-skeleton kuat-header__app-switcher-skeleton--mobile", "aria-hidden": !0 })
                       ] }) : p.apps.length ? /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: p.apps.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
@@ -776,7 +781,7 @@ const ta = i.forwardRef(
                             ] })
                           ]
                         }
-                      ) }, n.id)) }) : (p.empty ?? "hide") === "message" ? /* @__PURE__ */ e("p", { className: "kuat-header__mobile-apps-empty px-3 text-sm text-muted-foreground", children: Re }) : null })
+                      ) }, n.id)) }) : (p.empty ?? "hide") === "message" ? /* @__PURE__ */ e("p", { className: "kuat-header__mobile-apps-empty px-3 text-sm text-muted-foreground", children: Ve }) : null })
                     ]
                   }
                 ) : null,
@@ -786,9 +791,9 @@ const ta = i.forwardRef(
                     ref: W,
                     className: d(
                       "kuat-header__mobile-panel kuat-header__mobile-panel--apps kuat-header__mobile-panel--account",
-                      f !== "account" && "kuat-header__mobile-panel--hidden"
+                      k !== "account" && "kuat-header__mobile-panel--hidden"
                     ),
-                    "aria-hidden": f !== "account",
+                    "aria-hidden": k !== "account",
                     children: [
                       /* @__PURE__ */ e("div", { className: "kuat-header__mobile-apps-heading", children: v.title }),
                       /* @__PURE__ */ e("nav", { "aria-label": v.nav, className: "kuat-header__mobile-apps-nav", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: ce.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: n.href, className: "kuat-header__mobile-app-link", children: /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-link-text", children: /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-link-label", children: n.label }) }) }) }, `${n.label}-${n.href}`)) }) })
@@ -797,7 +802,7 @@ const ta = i.forwardRef(
                 ) : null
               ]
             }
-          ) : k,
+          ) : f,
           g
         ]
       }
@@ -809,7 +814,7 @@ function Ca(a) {
   const r = (a == null ? void 0 : a.variant) ?? "default";
   return d("kuat-header", `kuat-header--${r}`);
 }
-const va = ["service", "demo"], wa = ["light", "dark"], sa = i.forwardRef(
+const va = ["service", "demo"], Aa = ["light", "dark"], sa = i.forwardRef(
   ({
     className: a,
     title: r,
@@ -818,7 +823,7 @@ const va = ["service", "demo"], wa = ["light", "dark"], sa = i.forwardRef(
     forceDark: o = !1,
     ...u
   }, h) => {
-    const N = o ? "dark" : t, k = /* @__PURE__ */ e(
+    const N = o ? "dark" : t, f = /* @__PURE__ */ e(
       ae,
       {
         className: d(
@@ -840,7 +845,7 @@ const va = ["service", "demo"], wa = ["light", "dark"], sa = i.forwardRef(
         ),
         ...u,
         children: l === "service" ? /* @__PURE__ */ s("div", { className: "kuat-logo-lockup__service-inner", children: [
-          /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__logo-wrap", children: k }),
+          /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__logo-wrap", children: f }),
           /* @__PURE__ */ e(
             be,
             {
@@ -853,7 +858,7 @@ const va = ["service", "demo"], wa = ["light", "dark"], sa = i.forwardRef(
           /* @__PURE__ */ e("h2", { className: "kuat-logo-lockup__demo-title", children: r }),
           /* @__PURE__ */ s("div", { className: "kuat-logo-lockup__demo-attribution", children: [
             /* @__PURE__ */ e("span", { className: "kuat-logo-lockup__demo-by", children: "A demo by" }),
-            /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__demo-logo-wrap", children: k })
+            /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__demo-logo-wrap", children: f })
           ] })
         ] })
       }
@@ -861,7 +866,7 @@ const va = ["service", "demo"], wa = ["light", "dark"], sa = i.forwardRef(
   }
 );
 sa.displayName = "KuatLogoLockup";
-function Aa({ className: a }) {
+function wa({ className: a }) {
   return /* @__PURE__ */ s(
     "svg",
     {
@@ -913,11 +918,11 @@ const ve = i.forwardRef(({ className: a, "aria-label": r = "Breadcrumb", ...l },
   }
 ));
 ve.displayName = "BreadcrumbRoot";
-const we = i.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("ol", { ref: l, className: d("breadcrumb-list", a), ...r }));
-we.displayName = "BreadcrumbList";
+const Ae = i.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("ol", { ref: l, className: d("breadcrumb-list", a), ...r }));
+Ae.displayName = "BreadcrumbList";
 const re = i.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("li", { ref: l, className: d("breadcrumb-item", a), ...r }));
 re.displayName = "BreadcrumbItem";
-const Ae = i.forwardRef(({ className: a, render: r, asChild: l = !1, ...t }, o) => {
+const we = i.forwardRef(({ className: a, render: r, asChild: l = !1, ...t }, o) => {
   var u;
   if (r) {
     const h = r.props;
@@ -944,7 +949,7 @@ const Ae = i.forwardRef(({ className: a, render: r, asChild: l = !1, ...t }, o)
     }
   );
 });
-Ae.displayName = "BreadcrumbLink";
+we.displayName = "BreadcrumbLink";
 const le = i.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
   "span",
   {
@@ -965,7 +970,7 @@ const te = i.forwardRef(({ className: a, children: r, ...l }, t) => /* @__PURE__
     "aria-hidden": "true",
     className: d("breadcrumb-separator", a),
     ...l,
-    children: r ?? /* @__PURE__ */ e($, { className: "breadcrumb-separator__icon" })
+    children: r ?? /* @__PURE__ */ e(K, { className: "breadcrumb-separator__icon" })
   }
 ));
 te.displayName = "BreadcrumbSeparator";
@@ -1016,9 +1021,9 @@ function da(a, r, l, t) {
         ]
       }
     ) }),
-    /* @__PURE__ */ e(q, { align: "start", children: /* @__PURE__ */ e(G, { children: a.children.map((u, h) => /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e("a", { href: u.href, children: u.label }) }, h)) }) })
+    /* @__PURE__ */ e(q, { align: "start", children: /* @__PURE__ */ e($, { children: a.children.map((u, h) => /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e("a", { href: u.href, children: u.label }) }, h)) }) })
   ] }) : r ? /* @__PURE__ */ e(le, { children: a.label }) : a.href ? /* @__PURE__ */ e(
-    Ae,
+    we,
     {
       render: /* @__PURE__ */ e(l, { href: a.href, children: a.label })
     }
@@ -1034,7 +1039,7 @@ function ca({
 }, h) {
   const N = oa();
   if (!a.length) return null;
-  const k = N && a.length > 2, _ = k ? [a[0], a[a.length - 1]] : a, y = (k ? a.slice(1, -1) : []).flatMap(
+  const f = N && a.length > 2, _ = f ? [a[0], a[a.length - 1]] : a, y = (f ? a.slice(1, -1) : []).flatMap(
     (g) => g.href ? [{ label: g.label, href: g.href }] : (g.children ?? []).map((C) => ({ label: C.label, href: C.href }))
   );
   return /* @__PURE__ */ e(
@@ -1044,11 +1049,11 @@ function ca({
       "aria-label": o,
       className: t,
       ...u,
-      children: /* @__PURE__ */ e(we, { children: _.map((g, C) => {
-        const V = k ? C === 0 ? 0 : a.length - 1 : C, E = C === _.length - 1 && !g.href && !g.children;
+      children: /* @__PURE__ */ e(Ae, { children: _.map((g, C) => {
+        const R = f ? C === 0 ? 0 : a.length - 1 : C, E = C === _.length - 1 && !g.href && !g.children;
         return /* @__PURE__ */ s(i.Fragment, { children: [
           C > 0 && /* @__PURE__ */ e(te, { children: l }),
-          k && C === 1 && y.length > 0 && /* @__PURE__ */ s(M, { children: [
+          f && C === 1 && y.length > 0 && /* @__PURE__ */ s(M, { children: [
             /* @__PURE__ */ e(re, { children: /* @__PURE__ */ s(B, { children: [
               /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ s(
                 "button",
@@ -1066,12 +1071,12 @@ function ca({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e(q, { align: "start", children: /* @__PURE__ */ e(G, { children: y.map((S, w) => /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e("a", { href: S.href, children: S.label }) }, w)) }) })
+              /* @__PURE__ */ e(q, { align: "start", children: /* @__PURE__ */ e($, { children: y.map((T, A) => /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e("a", { href: T.href, children: T.label }) }, A)) }) })
             ] }) }),
             /* @__PURE__ */ e(te, { children: l })
           ] }),
           /* @__PURE__ */ e(re, { children: da(g, E, r) })
-        ] }, V);
+        ] }, R);
       }) })
     }
   );
@@ -1085,72 +1090,74 @@ export {
   mr as AccordionContent,
   pr as AccordionItem,
   _r as AccordionTrigger,
-  kr as AlertDialog,
-  fr as AlertDialogAction,
+  fr as AlertDialog,
+  kr as AlertDialogAction,
   Nr as AlertDialogCancel,
   gr as AlertDialogContent,
   Cr as AlertDialogDescription,
   vr as AlertDialogFooter,
-  wr as AlertDialogHeader,
-  Ar as AlertDialogOverlay,
+  Ar as AlertDialogHeader,
+  wr as AlertDialogOverlay,
   Er as AlertDialogPortal,
-  Lr as AlertDialogTitle,
-  Sr as AlertDialogTrigger,
-  Tr as BADGE_ROUNDNESS,
+  Sr as AlertDialogTitle,
+  Tr as AlertDialogTrigger,
+  Hr as BADGE_ROUNDNESS,
   yr as BADGE_VARIANTS,
   Ma as BUTTON_COLORS,
-  Sa as BUTTON_GROUP_ORIENTATIONS,
+  Ta as BUTTON_GROUP_ORIENTATIONS,
   Ba as BUTTON_SIZES,
   Oa as BUTTON_VARIANTS,
   Dr as Badge,
   ua as Breadcrumb,
   Ee as BreadcrumbEllipsis,
   re as BreadcrumbItem,
-  Ae as BreadcrumbLink,
-  we as BreadcrumbList,
+  we as BreadcrumbLink,
+  Ae as BreadcrumbList,
   le as BreadcrumbPage,
   ve as BreadcrumbRoot,
   te as BreadcrumbSeparator,
   J as Button,
-  Ha as ButtonGroup,
-  Ta as ButtonGroupSeparator,
+  La as ButtonGroup,
+  Ha as ButtonGroupSeparator,
   ya as ButtonGroupText,
-  Va as CALLOUT_TYPES,
-  hl as CHECKBOX_FIELD_APPEARANCES,
-  ml as CHECKBOX_FIELD_LAYOUTS,
+  Ra as CALLOUT_TYPES,
+  Dl as CHECKBOX_FIELD_APPEARANCES,
+  Vl as CHECKBOX_FIELD_LAYOUTS,
+  zr as COUNTER_BADGE_TYPES,
   Ia as Callout,
   ja as Carousel,
   za as CarouselContent,
   Xa as CarouselItem,
   Wa as CarouselNext,
   Ja as CarouselPrevious,
-  pl as Checkbox,
-  _l as CheckboxField,
-  fa as ContentCard,
+  Rl as Checkbox,
+  Il as CheckboxField,
+  ka as ContentCard,
+  Xr as CounterBadge,
   ae as EELogo,
-  Aa as EELogoIcon,
-  Ur as FIELD_ORIENTATIONS,
-  Fr as Field,
-  Zr as FieldContent,
-  Kr as FieldDescription,
-  $r as FieldError,
-  Gr as FieldGroup,
-  qr as FieldLabel,
-  Yr as FieldLegend,
-  jr as FieldSeparator,
-  zr as FieldSet,
-  Xr as FieldTitle,
-  Fa as ICON_BUTTON_ROUNDNESS,
+  wa as EELogoIcon,
+  sl as FIELD_ORIENTATIONS,
+  nl as Field,
+  ol as FieldContent,
+  il as FieldDescription,
+  dl as FieldError,
+  cl as FieldGroup,
+  ul as FieldLabel,
+  hl as FieldLegend,
+  ml as FieldSeparator,
+  pl as FieldSet,
+  _l as FieldTitle,
+  Ga as ICON_BUTTON_ROUNDNESS,
   Za as ICON_BUTTON_SIZES,
-  Ka as ICON_BUTTON_SIZE_LG_ALIAS,
-  $a as ICON_BUTTON_SIZE_SM_ALIAS,
-  Ga as ICON_BUTTON_VARIANT_DEFAULT_ALIAS,
-  Br as INPUT_SIZES,
+  Fa as ICON_BUTTON_SIZE_LG_ALIAS,
+  Ka as ICON_BUTTON_SIZE_SM_ALIAS,
+  $a as ICON_BUTTON_VARIANT_DEFAULT_ALIAS,
+  rl as INPUT_SIZES,
   Be as IconButton,
-  Or as Input,
+  ll as Input,
   ga as KUAT_HEADER_APP_SWITCHER_EMPTY,
   Na as KUAT_HEADER_LOCKUP_VARIANTS,
-  wa as KUAT_LOGO_LOCKUP_MODE,
+  Aa as KUAT_LOGO_LOCKUP_MODE,
   va as KUAT_LOGO_LOCKUP_USE,
   ir as KUAT_RADIAL_PROGRESS_COLORS,
   dr as KUAT_RADIAL_PROGRESS_SIZES,
@@ -1162,48 +1169,60 @@ export {
   ta as KuatHeader,
   sa as KuatLogoLockup,
   cr as KuatRadialProgress,
-  Jr as KuatSelect,
-  kl as RADIO_FIELD_APPEARANCES,
-  fl as RADIO_FIELD_LAYOUTS,
-  Nl as RadioField,
-  gl as RadioGroup,
-  Cl as RadioGroupItem,
-  Qr as SELECT_LINES,
-  el as SELECT_SIZES,
-  Il as SONNER_POSITIONS,
-  wl as SWITCH_FIELD_APPEARANCES,
-  Al as SWITCH_FIELD_LAYOUTS,
-  al as Select,
-  rl as SelectContent,
-  ll as SelectGroup,
-  tl as SelectItem,
-  sl as SelectLabel,
-  nl as SelectScrollDownButton,
-  ol as SelectScrollUpButton,
-  il as SelectSeparator,
-  dl as SelectTrigger,
-  cl as SelectValue,
-  xl as Sonner,
-  Ml as SonnerContent,
-  El as Switch,
-  Ll as SwitchField,
-  Ir as TEXTAREA_RESIZE,
-  Hl as TOGGLE_SIZES,
-  Tl as TOGGLE_SKINS,
-  xr as Textarea,
-  yl as Toggle,
-  Dl as ToggleGroup,
-  Rl as ToggleGroupItem,
-  Rr as badgeVariants,
+  fl as KuatSelect,
+  Ml as RADIO_FIELD_APPEARANCES,
+  Bl as RADIO_FIELD_LAYOUTS,
+  Ol as RadioField,
+  Pl as RadioGroup,
+  Ul as RadioGroupItem,
+  kl as SELECT_LINES,
+  Nl as SELECT_SIZES,
+  Ql as SONNER_POSITIONS,
+  Ir as STATUS_BADGE_SIZES,
+  xr as STATUS_BADGE_TYPES,
+  Zl as SWITCH_FIELD_APPEARANCES,
+  Fl as SWITCH_FIELD_LAYOUTS,
+  gl as Select,
+  Cl as SelectContent,
+  vl as SelectGroup,
+  Al as SelectItem,
+  wl as SelectLabel,
+  El as SelectScrollDownButton,
+  Sl as SelectScrollUpButton,
+  Tl as SelectSeparator,
+  Ll as SelectTrigger,
+  Hl as SelectValue,
+  et as Sonner,
+  at as SonnerContent,
+  Mr as StatusBadge,
+  Kl as Switch,
+  $l as SwitchField,
+  Pr as TAG_COLORS,
+  Ur as TAG_MODES,
+  Qr as TEXTAREA_RESIZE,
+  Yl as TOGGLE_SIZES,
+  jl as TOGGLE_SKINS,
+  Gr as Tag,
+  Kr as TagGroup,
+  qr as TagGroupContext,
+  el as Textarea,
+  zl as Toggle,
+  Xl as ToggleGroup,
+  Wl as ToggleGroupItem,
+  Vr as badgeVariants,
   Da as buttonGroupVariants,
   Pa as buttonVariants,
   d as cn,
+  Wr as counterBadgeVariants,
   qa as iconButtonVariants,
   Ca as kuatHeaderVariants,
   qe as resolveAppSwitcherLabels,
   We as resolveHeaderLockup,
-  Ge as shouldShowAppSwitcher,
-  Bl as toast,
+  $e as shouldShowAppSwitcher,
+  Br as statusBadgeVariants,
+  Zr as tagVariants,
+  rt as toast,
   Qa as useCarousel,
-  nr as useKuatCarousel
+  nr as useKuatCarousel,
+  Yr as useTagGroup
 };