@equal-experts/kuat-react 0.9.2 → 0.11.0

package/dist/index.js

@@ -1,95 +1,106 @@
 import { c as s } from "./utils-DLUjLwnh.js";
-import { S as T } from "./button-group-enIzvVeN.js";
-import { d as pe, B as Ce, a as ge, b as fe, c as be } from "./button-group-enIzvVeN.js";
-import { jsxs as n, jsx as e, Fragment as w } from "react/jsx-runtime";
+import { S as M } from "./button-group-enIzvVeN.js";
+import { d as Ne, B as _e, a as He, b as we, c as Se } from "./button-group-enIzvVeN.js";
+import { jsxs as n, jsx as e, Fragment as S } from "react/jsx-runtime";
 import * as t from "react";
-import { C as _e, a as He, b as we, d as Se, c as Le, u as Ve } from "./carousel-vRCoMeVE.js";
-import { K as Ee, a as Re, b as Ae, d as Ie, c as ve, u as Te } from "./kuat-carousel-DsHwXGpb.js";
-import { b as ye, a as xe, K as Me } from "./kuat-radial-progress-YcpYzHjk.js";
-import { A as Oe, c as Ze, a as Ke, b as Fe } from "./accordion-CUlVo4uo.js";
-import { A as Ge, i as Ue, j as $e, d as je, h as Xe, f as Ye, e as qe, b as We, a as ze, g as Je, c as Qe } from "./alert-dialog-yHaNWLGX.js";
-import { c as aa, a as ra, B as la, b as oa } from "./badge-BZgdEQSD.js";
-import { ChevronRight as D, MoreHorizontal as F, ChevronDown as P } from "lucide-react";
+import { C as Ve, a as ke, b as Ee, d as Re, c as Ae, u as ve } from "./carousel-B_FcJvc1.js";
+import { K as ye, a as Te, b as De, d as xe, c as Me, u as Be } from "./kuat-carousel-DUR-L0dP.js";
+import { b as Ze, a as Ke, K as Fe } from "./kuat-radial-progress-YcpYzHjk.js";
+import { A as Ge, c as Ue, a as $e, b as je } from "./accordion-CUlVo4uo.js";
+import { A as Ye, i as qe, j as ze, d as Je, h as Qe, f as We, e as ea, b as aa, a as ra, g as la, c as oa } from "./alert-dialog-yHaNWLGX.js";
+import { c as na, a as sa, B as da, b as ca } from "./badge-BZgdEQSD.js";
+import { ChevronRight as B, MoreHorizontal as j, ChevronDown as X } from "lucide-react";
 import * as c from "@radix-ui/react-dropdown-menu";
-import { d as na, c as sa, a as da, B as ca, b as ia } from "./button-C0a1gFoV.js";
-import { a as ma, T as ha } from "./textarea-B0irOcAM.js";
-import { a as Ca, I as ga } from "./input-DmkHok33.js";
-import { j as ba, F as Na, a as _a, b as Ha, c as wa, d as Sa, e as La, f as Va, g as ka, h as Ea, i as Ra } from "./field-CpIBifwy.js";
-import { K as Ia, j as va, k as Ta, S as Da, a as ya, b as xa, c as Ma, d as Ba, e as Oa, f as Za, g as Ka, h as Fa, i as Pa } from "./select-CkwcI4vN.js";
-import { b as Ua, c as $a, C as ja, a as Xa } from "./checkbox-field-7OmstdY0.js";
-import { c as qa, d as Wa, b as za, R as Ja, a as Qa } from "./radio-field-BD77QCpO.js";
-import { b as ar, c as rr, S as lr, a as or } from "./switch-field-xn_CPJH7.js";
-import { a as nr, b as sr, T as dr, c as cr, d as ir } from "./constants-Cfitvm6L.js";
-import { a as mr, S as hr, b as pr, t as Cr } from "./sonner-content-CXBD6jNn.js";
-const se = t.forwardRef(function({
+import { d as ua, c as ma, a as ha, B as pa, b as fa } from "./button-C0a1gFoV.js";
+import { a as ga, T as ba } from "./textarea-B0irOcAM.js";
+import { a as _a, I as Ha } from "./input-DmkHok33.js";
+import { j as Sa, F as La, a as Va, b as ka, c as Ea, d as Ra, e as Aa, f as va, g as Ia, h as ya, i as Ta } from "./field-CpIBifwy.js";
+import { K as xa, j as Ma, k as Ba, S as Oa, a as Za, b as Ka, c as Fa, d as Pa, e as Ga, f as Ua, g as $a, h as ja, i as Xa } from "./select-CkwcI4vN.js";
+import { b as qa, c as za, C as Ja, a as Qa } from "./checkbox-field-7OmstdY0.js";
+import { c as er, d as ar, b as rr, R as lr, a as or } from "./radio-field-BD77QCpO.js";
+import { b as nr, c as sr, S as dr, a as cr } from "./switch-field-xn_CPJH7.js";
+import { a as ur, b as mr, T as hr, c as pr, d as fr } from "./constants-Cfitvm6L.js";
+import { a as gr, S as br, b as Nr, t as _r } from "./sonner-content-CXBD6jNn.js";
+const me = t.forwardRef(function({
   className: r,
   asChild: l = !1,
-  imageSrc: o = null,
-  imageAlt: d = "",
-  contentText: u = null,
-  headerAccessory: i = null,
+  width: o = "default",
+  maxWidth: d = "373px",
+  imageSrc: u = null,
+  imageAlt: i = "",
+  contentText: f = null,
+  headerAccessory: p = null,
   customContent: C = null,
-  footer: p = null,
+  footer: N = null,
   badge: g,
-  category: N,
-  title: f,
-  titleHeadingLevel: m = 3,
-  children: h,
-  ..._
-}, S) {
-  const L = `h${m}`, b = /* @__PURE__ */ n(w, { children: [
-    o !== null ? /* @__PURE__ */ e("div", { className: "content-card__media", children: /* @__PURE__ */ e("img", { className: "content-card__media-img", alt: d, src: o }) }) : null,
+  category: m,
+  title: h,
+  titleHeadingLevel: L = 3,
+  children: y,
+  style: _,
+  ...b
+}, H) {
+  const $ = `h${L}`, T = o === "fluid" ? "content-card--width-fluid" : o === "custom" ? "content-card--width-custom" : "content-card--width-default", V = o === "custom" ? {
+    ..._ ?? {},
+    "--content-card-max-width": typeof d == "number" ? `${d}px` : d ?? "373px"
+  } : _, D = /* @__PURE__ */ n(S, { children: [
+    u !== null ? /* @__PURE__ */ e("div", { className: "content-card__media", children: /* @__PURE__ */ e("img", { className: "content-card__media-img", alt: i, src: u }) }) : null,
     /* @__PURE__ */ n("div", { className: "content-card__body", children: [
       /* @__PURE__ */ n("div", { className: "content-card__heading-row", children: [
         /* @__PURE__ */ n("div", { className: "content-card__heading-left", children: [
           /* @__PURE__ */ n("div", { className: "content-card__heading-meta", children: [
             /* @__PURE__ */ e("div", { "data-slot": "badge", className: "content-card__badge", children: g }),
-            /* @__PURE__ */ e("p", { className: "content-card__category", children: N })
+            /* @__PURE__ */ e("p", { className: "content-card__category", children: m })
           ] }),
-          /* @__PURE__ */ e(L, { className: "content-card__title", children: f })
+          /* @__PURE__ */ e($, { className: "content-card__title", children: h })
         ] }),
         /* @__PURE__ */ e(
           "div",
           {
             "data-slot": "header-accessory",
             className: "content-card__header-accessory",
-            children: i ?? null
+            children: p ?? null
           }
         )
       ] }),
-      u != null ? /* @__PURE__ */ e("div", { "data-slot": "content", className: "content-card__content", children: /* @__PURE__ */ e("p", { className: "content-card__content-text", children: u }) }) : null,
+      f != null ? /* @__PURE__ */ e("div", { "data-slot": "content", className: "content-card__content", children: /* @__PURE__ */ e("p", { className: "content-card__content-text", children: f }) }) : null,
       /* @__PURE__ */ e("div", { "data-slot": "custom-content", className: "content-card__custom-content", children: C ?? null }),
-      /* @__PURE__ */ e("div", { "data-slot": "footer", className: "content-card__footer", children: p ?? null })
+      /* @__PURE__ */ e("div", { "data-slot": "footer", className: "content-card__footer", children: N ?? null })
     ] })
   ] });
   if (l) {
-    const H = t.Children.only(h);
-    if (!t.isValidElement(H))
+    const x = t.Children.only(y);
+    if (!t.isValidElement(x))
       throw new Error("ContentCard: when `asChild` is true, provide a single React element child.");
-    const v = H;
+    const w = x;
     return t.cloneElement(
-      v,
+      w,
       {
-        ..._,
-        ref: S,
+        ...b,
+        ref: H,
         "data-slot": "content-card",
-        className: s("content-card", v.props.className, r)
+        className: s("content-card", T, w.props.className, r),
+        style: o === "custom" ? {
+          ...w.props.style ?? {},
+          ...V
+        } : V ?? w.props.style
       },
-      b
+      D
     );
   }
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: S,
+      ref: H,
       "data-slot": "content-card",
-      className: s("content-card", r),
-      ..._,
-      children: b
+      className: s("content-card", T, r),
+      style: V,
+      ...b,
+      children: D
     }
   );
 });
-function V({ className: a, textColor: r = "grey" }) {
+function k({ className: a, textColor: r = "grey" }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -126,7 +137,7 @@ function V({ className: a, textColor: r = "grey" }) {
     }
   );
 }
-const G = t.forwardRef(
+const Y = t.forwardRef(
   ({
     className: a,
     variant: r = "default",
@@ -135,19 +146,19 @@ const G = t.forwardRef(
     navigation: d,
     actions: u,
     mobileMenuTrigger: i,
-    mobileMenu: C,
+    mobileMenu: f,
     hideLogo: p,
-    children: g,
+    children: C,
     ...N
-  }, f) => {
+  }, g) => {
     const m = l !== void 0 ? l : !p && /* @__PURE__ */ e(
-      V,
+      k,
       {
         className: "ee-logo--desktop shrink-0",
         textColor: r === "bold" ? "white" : "grey"
       }
     ), h = l !== void 0 ? l : !p && /* @__PURE__ */ e(
-      V,
+      k,
       {
         className: "ee-logo--mobile shrink-0",
         textColor: r === "bold" ? "white" : "grey"
@@ -156,7 +167,7 @@ const G = t.forwardRef(
     return /* @__PURE__ */ n(
       "header",
       {
-        ref: f,
+        ref: g,
         className: s(
           "kuat-header",
           `kuat-header--${r}`,
@@ -166,10 +177,10 @@ const G = t.forwardRef(
         children: [
           /* @__PURE__ */ n("div", { className: "kuat-header__desktop", children: [
             /* @__PURE__ */ n("div", { className: "kuat-header__desktop-left", children: [
-              m && /* @__PURE__ */ n(w, { children: [
+              m && /* @__PURE__ */ n(S, { children: [
                 /* @__PURE__ */ e("div", { className: "shrink-0", children: m }),
                 /* @__PURE__ */ e(
-                  T,
+                  M,
                   {
                     orientation: "vertical",
                     className: "kuat-header__separator"
@@ -190,19 +201,19 @@ const G = t.forwardRef(
             ] }),
             i && /* @__PURE__ */ e("div", { className: "shrink-0", children: i })
           ] }),
-          C,
-          g
+          f,
+          C
         ]
       }
     );
   }
 );
-G.displayName = "KuatHeader";
-function de(a) {
+Y.displayName = "KuatHeader";
+function he(a) {
   const r = (a == null ? void 0 : a.variant) ?? "default";
   return s("kuat-header", `kuat-header--${r}`);
 }
-const ce = ["service", "demo"], ie = ["light", "dark"], U = t.forwardRef(
+const pe = ["service", "demo"], fe = ["light", "dark"], q = t.forwardRef(
   ({
     className: a,
     title: r,
@@ -211,14 +222,14 @@ const ce = ["service", "demo"], ie = ["light", "dark"], U = t.forwardRef(
     forceDark: d = !1,
     ...u
   }, i) => {
-    const C = d ? "dark" : o, p = /* @__PURE__ */ e(
-      V,
+    const f = d ? "dark" : o, p = /* @__PURE__ */ e(
+      k,
       {
         className: s(
           "kuat-logo-lockup__logo",
           l === "demo" && "kuat-logo-lockup__logo--demo"
         ),
-        textColor: C === "dark" ? "white" : "grey"
+        textColor: f === "dark" ? "white" : "grey"
       }
     );
     return /* @__PURE__ */ e(
@@ -227,7 +238,7 @@ const ce = ["service", "demo"], ie = ["light", "dark"], U = t.forwardRef(
         ref: i,
         className: s(
           "kuat-logo-lockup",
-          `kuat-logo-lockup--${C}`,
+          `kuat-logo-lockup--${f}`,
           `kuat-logo-lockup--${l}`,
           a
         ),
@@ -235,14 +246,14 @@ const ce = ["service", "demo"], ie = ["light", "dark"], U = t.forwardRef(
         children: l === "service" ? /* @__PURE__ */ n("div", { className: "kuat-logo-lockup__service-inner", children: [
           /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__logo-wrap", children: p }),
           /* @__PURE__ */ e(
-            T,
+            M,
             {
               orientation: "vertical",
               className: "kuat-logo-lockup__separator"
             }
           ),
           /* @__PURE__ */ e("span", { className: "kuat-logo-lockup__service-name", children: r })
-        ] }) : /* @__PURE__ */ n(w, { children: [
+        ] }) : /* @__PURE__ */ n(S, { children: [
           /* @__PURE__ */ e("h2", { className: "kuat-logo-lockup__demo-title", children: r }),
           /* @__PURE__ */ n("div", { className: "kuat-logo-lockup__demo-attribution", children: [
             /* @__PURE__ */ e("span", { className: "kuat-logo-lockup__demo-by", children: "A demo by" }),
@@ -253,8 +264,8 @@ const ce = ["service", "demo"], ie = ["light", "dark"], U = t.forwardRef(
     );
   }
 );
-U.displayName = "KuatLogoLockup";
-function ue({ className: a }) {
+q.displayName = "KuatLogoLockup";
+function Ce({ className: a }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -296,7 +307,7 @@ function ue({ className: a }) {
     }
   );
 }
-const y = t.forwardRef(({ className: a, "aria-label": r = "Breadcrumb", ...l }, o) => /* @__PURE__ */ e(
+const O = t.forwardRef(({ className: a, "aria-label": r = "Breadcrumb", ...l }, o) => /* @__PURE__ */ e(
   "nav",
   {
     ref: o,
@@ -305,12 +316,12 @@ const y = t.forwardRef(({ className: a, "aria-label": r = "Breadcrumb", ...l },
     ...l
   }
 ));
-y.displayName = "BreadcrumbRoot";
-const x = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("ol", { ref: l, className: s("breadcrumb-list", a), ...r }));
-x.displayName = "BreadcrumbList";
-const k = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("li", { ref: l, className: s("breadcrumb-item", a), ...r }));
-k.displayName = "BreadcrumbItem";
-const M = t.forwardRef(({ className: a, render: r, asChild: l = !1, ...o }, d) => {
+O.displayName = "BreadcrumbRoot";
+const Z = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("ol", { ref: l, className: s("breadcrumb-list", a), ...r }));
+Z.displayName = "BreadcrumbList";
+const E = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("li", { ref: l, className: s("breadcrumb-item", a), ...r }));
+E.displayName = "BreadcrumbItem";
+const K = t.forwardRef(({ className: a, render: r, asChild: l = !1, ...o }, d) => {
   var u;
   if (r) {
     const i = r.props;
@@ -337,8 +348,8 @@ const M = t.forwardRef(({ className: a, render: r, asChild: l = !1, ...o }, d) =
     }
   );
 });
-M.displayName = "BreadcrumbLink";
-const E = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
+K.displayName = "BreadcrumbLink";
+const R = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
   "span",
   {
     ref: l,
@@ -349,8 +360,8 @@ const E = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
     ...r
   }
 ));
-E.displayName = "BreadcrumbPage";
-const R = t.forwardRef(({ className: a, children: r, ...l }, o) => /* @__PURE__ */ e(
+R.displayName = "BreadcrumbPage";
+const A = t.forwardRef(({ className: a, children: r, ...l }, o) => /* @__PURE__ */ e(
   "span",
   {
     ref: o,
@@ -358,11 +369,11 @@ const R = t.forwardRef(({ className: a, children: r, ...l }, o) => /* @__PURE__
     "aria-hidden": "true",
     className: s("breadcrumb-separator", a),
     ...l,
-    children: r ?? /* @__PURE__ */ e(D, { className: "breadcrumb-separator__icon" })
+    children: r ?? /* @__PURE__ */ e(B, { className: "breadcrumb-separator__icon" })
   }
 ));
-R.displayName = "BreadcrumbSeparator";
-const B = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
+A.displayName = "BreadcrumbSeparator";
+const F = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
   "span",
   {
     ref: l,
@@ -370,11 +381,11 @@ const B = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
     "aria-hidden": "true",
     className: s("breadcrumb-ellipsis", a),
     ...r,
-    children: /* @__PURE__ */ e(F, { className: "breadcrumb-ellipsis__icon" })
+    children: /* @__PURE__ */ e(j, { className: "breadcrumb-ellipsis__icon" })
   }
 ));
-B.displayName = "BreadcrumbEllipsis";
-const O = c.Root, Z = c.Trigger, K = c.Group, $ = t.forwardRef(({ className: a, inset: r, children: l, ...o }, d) => /* @__PURE__ */ n(
+F.displayName = "BreadcrumbEllipsis";
+const P = c.Root, G = c.Trigger, U = c.Group, z = t.forwardRef(({ className: a, inset: r, children: l, ...o }, d) => /* @__PURE__ */ n(
   c.SubTrigger,
   {
     ref: d,
@@ -386,12 +397,12 @@ const O = c.Root, Z = c.Trigger, K = c.Group, $ = t.forwardRef(({ className: a,
     ...o,
     children: [
       l,
-      /* @__PURE__ */ e(D, { className: "dropdown-menu-sub-trigger__icon" })
+      /* @__PURE__ */ e(B, { className: "dropdown-menu-sub-trigger__icon" })
     ]
   }
 ));
-$.displayName = c.SubTrigger.displayName;
-const j = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
+z.displayName = c.SubTrigger.displayName;
+const J = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
   c.SubContent,
   {
     ref: l,
@@ -399,8 +410,8 @@ const j = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
     ...r
   }
 ));
-j.displayName = c.SubContent.displayName;
-const A = t.forwardRef(({ className: a, sideOffset: r = 4, ...l }, o) => /* @__PURE__ */ e(c.Portal, { children: /* @__PURE__ */ e(
+J.displayName = c.SubContent.displayName;
+const v = t.forwardRef(({ className: a, sideOffset: r = 4, ...l }, o) => /* @__PURE__ */ e(c.Portal, { children: /* @__PURE__ */ e(
   c.Content,
   {
     ref: o,
@@ -409,7 +420,7 @@ const A = t.forwardRef(({ className: a, sideOffset: r = 4, ...l }, o) => /* @__P
     ...l
   }
 ) }));
-A.displayName = c.Content.displayName;
+v.displayName = c.Content.displayName;
 const I = t.forwardRef(({ className: a, inset: r, ...l }, o) => /* @__PURE__ */ e(
   c.Item,
   {
@@ -423,7 +434,7 @@ const I = t.forwardRef(({ className: a, inset: r, ...l }, o) => /* @__PURE__ */
   }
 ));
 I.displayName = c.Item.displayName;
-const X = t.forwardRef(({ className: a, children: r, checked: l, ...o }, d) => /* @__PURE__ */ e(
+const Q = t.forwardRef(({ className: a, children: r, checked: l, ...o }, d) => /* @__PURE__ */ e(
   c.CheckboxItem,
   {
     ref: d,
@@ -433,8 +444,8 @@ const X = t.forwardRef(({ className: a, children: r, checked: l, ...o }, d) => /
     children: r
   }
 ));
-X.displayName = c.CheckboxItem.displayName;
-const Y = t.forwardRef(({ className: a, children: r, ...l }, o) => /* @__PURE__ */ e(
+Q.displayName = c.CheckboxItem.displayName;
+const W = t.forwardRef(({ className: a, children: r, ...l }, o) => /* @__PURE__ */ e(
   c.RadioItem,
   {
     ref: o,
@@ -443,8 +454,8 @@ const Y = t.forwardRef(({ className: a, children: r, ...l }, o) => /* @__PURE__
     children: r
   }
 ));
-Y.displayName = c.RadioItem.displayName;
-const q = t.forwardRef(({ className: a, inset: r, ...l }, o) => /* @__PURE__ */ e(
+W.displayName = c.RadioItem.displayName;
+const ee = t.forwardRef(({ className: a, inset: r, ...l }, o) => /* @__PURE__ */ e(
   c.Label,
   {
     ref: o,
@@ -456,8 +467,8 @@ const q = t.forwardRef(({ className: a, inset: r, ...l }, o) => /* @__PURE__ */
     ...l
   }
 ));
-q.displayName = c.Label.displayName;
-const W = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
+ee.displayName = c.Label.displayName;
+const ae = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
   c.Separator,
   {
     ref: l,
@@ -465,9 +476,9 @@ const W = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
     ...r
   }
 ));
-W.displayName = c.Separator.displayName;
-const z = 640;
-function J(a = z) {
+ae.displayName = c.Separator.displayName;
+const re = 640;
+function le(a = re) {
   const [r, l] = t.useState(!1);
   return t.useEffect(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function")
@@ -476,10 +487,10 @@ function J(a = z) {
     return d(), o.addEventListener("change", d), () => o.removeEventListener("change", d);
   }, [a]), r;
 }
-const Q = ({ href: a, children: r, className: l }) => /* @__PURE__ */ e("a", { href: a, className: l, children: r });
-function ee(a, r, l, o) {
-  return a.children && a.children.length > 0 ? /* @__PURE__ */ n(O, { children: [
-    /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ n(
+const oe = ({ href: a, children: r, className: l }) => /* @__PURE__ */ e("a", { href: a, className: l, children: r });
+function te(a, r, l, o) {
+  return a.children && a.children.length > 0 ? /* @__PURE__ */ n(P, { children: [
+    /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ n(
       "button",
       {
         type: "button",
@@ -491,7 +502,7 @@ function ee(a, r, l, o) {
         children: [
           a.label,
           /* @__PURE__ */ e(
-            P,
+            X,
             {
               className: "breadcrumb-dropdown-trigger__icon",
               "aria-hidden": !0
@@ -501,41 +512,41 @@ function ee(a, r, l, o) {
         ]
       }
     ) }),
-    /* @__PURE__ */ e(A, { align: "start", children: /* @__PURE__ */ e(K, { children: a.children.map((u, i) => /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e("a", { href: u.href, children: u.label }) }, i)) }) })
-  ] }) : r ? /* @__PURE__ */ e(E, { children: a.label }) : a.href ? /* @__PURE__ */ e(
-    M,
+    /* @__PURE__ */ e(v, { align: "start", children: /* @__PURE__ */ e(U, { children: a.children.map((u, i) => /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e("a", { href: u.href, children: u.label }) }, i)) }) })
+  ] }) : r ? /* @__PURE__ */ e(R, { children: a.label }) : a.href ? /* @__PURE__ */ e(
+    K,
     {
       render: /* @__PURE__ */ e(l, { href: a.href, children: a.label })
     }
-  ) : /* @__PURE__ */ e(E, { children: a.label });
+  ) : /* @__PURE__ */ e(R, { children: a.label });
 }
-function ae({
+function ne({
   items: a,
-  linkComponent: r = Q,
+  linkComponent: r = oe,
   separator: l,
   className: o,
   "aria-label": d = "Breadcrumb",
   ...u
 }, i) {
-  const C = J();
+  const f = le();
   if (!a.length) return null;
-  const p = C && a.length > 2, g = p ? [a[0], a[a.length - 1]] : a, f = (p ? a.slice(1, -1) : []).flatMap(
+  const p = f && a.length > 2, C = p ? [a[0], a[a.length - 1]] : a, g = (p ? a.slice(1, -1) : []).flatMap(
     (m) => m.href ? [{ label: m.label, href: m.href }] : (m.children ?? []).map((h) => ({ label: h.label, href: h.href }))
   );
   return /* @__PURE__ */ e(
-    y,
+    O,
     {
       ref: i,
       "aria-label": d,
       className: o,
       ...u,
-      children: /* @__PURE__ */ e(x, { children: g.map((m, h) => {
-        const _ = p ? h === 0 ? 0 : a.length - 1 : h, L = h === g.length - 1 && !m.href && !m.children;
+      children: /* @__PURE__ */ e(Z, { children: C.map((m, h) => {
+        const L = p ? h === 0 ? 0 : a.length - 1 : h, _ = h === C.length - 1 && !m.href && !m.children;
         return /* @__PURE__ */ n(t.Fragment, { children: [
-          h > 0 && /* @__PURE__ */ e(R, { children: l }),
-          p && h === 1 && f.length > 0 && /* @__PURE__ */ n(w, { children: [
-            /* @__PURE__ */ e(k, { children: /* @__PURE__ */ n(O, { children: [
-              /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ n(
+          h > 0 && /* @__PURE__ */ e(A, { children: l }),
+          p && h === 1 && g.length > 0 && /* @__PURE__ */ n(S, { children: [
+            /* @__PURE__ */ e(E, { children: /* @__PURE__ */ n(P, { children: [
+              /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -546,135 +557,135 @@ function ae({
                   ),
                   "aria-haspopup": "menu",
                   children: [
-                    /* @__PURE__ */ e(B, {}),
+                    /* @__PURE__ */ e(F, {}),
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "Show more pages" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e(A, { align: "start", children: /* @__PURE__ */ e(K, { children: f.map((b, H) => /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e("a", { href: b.href, children: b.label }) }, H)) }) })
+              /* @__PURE__ */ e(v, { align: "start", children: /* @__PURE__ */ e(U, { children: g.map((b, H) => /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e("a", { href: b.href, children: b.label }) }, H)) }) })
             ] }) }),
-            /* @__PURE__ */ e(R, { children: l })
+            /* @__PURE__ */ e(A, { children: l })
           ] }),
-          /* @__PURE__ */ e(k, { children: ee(m, L, r) })
-        ] }, _);
+          /* @__PURE__ */ e(E, { children: te(m, _, r) })
+        ] }, L);
       }) })
     }
   );
 }
-const re = t.forwardRef(
-  ae
+const se = t.forwardRef(
+  ne
 );
-re.displayName = "Breadcrumb";
+se.displayName = "Breadcrumb";
 export {
-  Oe as Accordion,
-  Ze as AccordionContent,
-  Ke as AccordionItem,
-  Fe as AccordionTrigger,
-  Ge as AlertDialog,
-  Ue as AlertDialogAction,
-  $e as AlertDialogCancel,
-  je as AlertDialogContent,
-  Xe as AlertDialogDescription,
-  Ye as AlertDialogFooter,
-  qe as AlertDialogHeader,
-  We as AlertDialogOverlay,
-  ze as AlertDialogPortal,
-  Je as AlertDialogTitle,
-  Qe as AlertDialogTrigger,
-  aa as BADGE_ROUNDNESS,
-  ra as BADGE_VARIANTS,
-  na as BUTTON_COLORS,
-  pe as BUTTON_GROUP_ORIENTATIONS,
-  sa as BUTTON_SIZES,
-  da as BUTTON_VARIANTS,
-  la as Badge,
-  re as Breadcrumb,
-  B as BreadcrumbEllipsis,
-  k as BreadcrumbItem,
-  M as BreadcrumbLink,
-  x as BreadcrumbList,
-  E as BreadcrumbPage,
-  y as BreadcrumbRoot,
-  R as BreadcrumbSeparator,
-  ca as Button,
-  Ce as ButtonGroup,
-  ge as ButtonGroupSeparator,
-  fe as ButtonGroupText,
-  Ua as CHECKBOX_FIELD_APPEARANCES,
-  $a as CHECKBOX_FIELD_LAYOUTS,
-  _e as Carousel,
-  He as CarouselContent,
-  we as CarouselItem,
-  Se as CarouselNext,
-  Le as CarouselPrevious,
-  ja as Checkbox,
-  Xa as CheckboxField,
-  se as ContentCard,
-  V as EELogo,
-  ue as EELogoIcon,
-  ba as FIELD_ORIENTATIONS,
-  Na as Field,
-  _a as FieldContent,
-  Ha as FieldDescription,
-  wa as FieldError,
-  Sa as FieldGroup,
-  La as FieldLabel,
-  Va as FieldLegend,
-  ka as FieldSeparator,
-  Ea as FieldSet,
-  Ra as FieldTitle,
-  Ca as INPUT_SIZES,
-  ga as Input,
-  ie as KUAT_LOGO_LOCKUP_MODE,
-  ce as KUAT_LOGO_LOCKUP_USE,
-  ye as KUAT_RADIAL_PROGRESS_COLORS,
-  xe as KUAT_RADIAL_PROGRESS_SIZES,
-  Ee as KuatCarousel,
-  Re as KuatCarouselContent,
-  Ae as KuatCarouselItem,
-  Ie as KuatCarouselNext,
-  ve as KuatCarouselPrevious,
-  G as KuatHeader,
-  U as KuatLogoLockup,
-  Me as KuatRadialProgress,
-  Ia as KuatSelect,
-  qa as RADIO_FIELD_APPEARANCES,
-  Wa as RADIO_FIELD_LAYOUTS,
-  za as RadioField,
-  Ja as RadioGroup,
-  Qa as RadioGroupItem,
-  va as SELECT_LINES,
-  Ta as SELECT_SIZES,
-  mr as SONNER_POSITIONS,
-  ar as SWITCH_FIELD_APPEARANCES,
-  rr as SWITCH_FIELD_LAYOUTS,
-  Da as Select,
-  ya as SelectContent,
-  xa as SelectGroup,
-  Ma as SelectItem,
-  Ba as SelectLabel,
-  Oa as SelectScrollDownButton,
-  Za as SelectScrollUpButton,
-  Ka as SelectSeparator,
-  Fa as SelectTrigger,
-  Pa as SelectValue,
-  hr as Sonner,
-  pr as SonnerContent,
-  lr as Switch,
-  or as SwitchField,
-  ma as TEXTAREA_RESIZE,
-  nr as TOGGLE_SIZES,
-  sr as TOGGLE_SKINS,
-  ha as Textarea,
-  dr as Toggle,
-  cr as ToggleGroup,
-  ir as ToggleGroupItem,
-  oa as badgeVariants,
-  be as buttonGroupVariants,
-  ia as buttonVariants,
+  Ge as Accordion,
+  Ue as AccordionContent,
+  $e as AccordionItem,
+  je as AccordionTrigger,
+  Ye as AlertDialog,
+  qe as AlertDialogAction,
+  ze as AlertDialogCancel,
+  Je as AlertDialogContent,
+  Qe as AlertDialogDescription,
+  We as AlertDialogFooter,
+  ea as AlertDialogHeader,
+  aa as AlertDialogOverlay,
+  ra as AlertDialogPortal,
+  la as AlertDialogTitle,
+  oa as AlertDialogTrigger,
+  na as BADGE_ROUNDNESS,
+  sa as BADGE_VARIANTS,
+  ua as BUTTON_COLORS,
+  Ne as BUTTON_GROUP_ORIENTATIONS,
+  ma as BUTTON_SIZES,
+  ha as BUTTON_VARIANTS,
+  da as Badge,
+  se as Breadcrumb,
+  F as BreadcrumbEllipsis,
+  E as BreadcrumbItem,
+  K as BreadcrumbLink,
+  Z as BreadcrumbList,
+  R as BreadcrumbPage,
+  O as BreadcrumbRoot,
+  A as BreadcrumbSeparator,
+  pa as Button,
+  _e as ButtonGroup,
+  He as ButtonGroupSeparator,
+  we as ButtonGroupText,
+  qa as CHECKBOX_FIELD_APPEARANCES,
+  za as CHECKBOX_FIELD_LAYOUTS,
+  Ve as Carousel,
+  ke as CarouselContent,
+  Ee as CarouselItem,
+  Re as CarouselNext,
+  Ae as CarouselPrevious,
+  Ja as Checkbox,
+  Qa as CheckboxField,
+  me as ContentCard,
+  k as EELogo,
+  Ce as EELogoIcon,
+  Sa as FIELD_ORIENTATIONS,
+  La as Field,
+  Va as FieldContent,
+  ka as FieldDescription,
+  Ea as FieldError,
+  Ra as FieldGroup,
+  Aa as FieldLabel,
+  va as FieldLegend,
+  Ia as FieldSeparator,
+  ya as FieldSet,
+  Ta as FieldTitle,
+  _a as INPUT_SIZES,
+  Ha as Input,
+  fe as KUAT_LOGO_LOCKUP_MODE,
+  pe as KUAT_LOGO_LOCKUP_USE,
+  Ze as KUAT_RADIAL_PROGRESS_COLORS,
+  Ke as KUAT_RADIAL_PROGRESS_SIZES,
+  ye as KuatCarousel,
+  Te as KuatCarouselContent,
+  De as KuatCarouselItem,
+  xe as KuatCarouselNext,
+  Me as KuatCarouselPrevious,
+  Y as KuatHeader,
+  q as KuatLogoLockup,
+  Fe as KuatRadialProgress,
+  xa as KuatSelect,
+  er as RADIO_FIELD_APPEARANCES,
+  ar as RADIO_FIELD_LAYOUTS,
+  rr as RadioField,
+  lr as RadioGroup,
+  or as RadioGroupItem,
+  Ma as SELECT_LINES,
+  Ba as SELECT_SIZES,
+  gr as SONNER_POSITIONS,
+  nr as SWITCH_FIELD_APPEARANCES,
+  sr as SWITCH_FIELD_LAYOUTS,
+  Oa as Select,
+  Za as SelectContent,
+  Ka as SelectGroup,
+  Fa as SelectItem,
+  Pa as SelectLabel,
+  Ga as SelectScrollDownButton,
+  Ua as SelectScrollUpButton,
+  $a as SelectSeparator,
+  ja as SelectTrigger,
+  Xa as SelectValue,
+  br as Sonner,
+  Nr as SonnerContent,
+  dr as Switch,
+  cr as SwitchField,
+  ga as TEXTAREA_RESIZE,
+  ur as TOGGLE_SIZES,
+  mr as TOGGLE_SKINS,
+  ba as Textarea,
+  hr as Toggle,
+  pr as ToggleGroup,
+  fr as ToggleGroupItem,
+  ca as badgeVariants,
+  Se as buttonGroupVariants,
+  fa as buttonVariants,
   s as cn,
-  de as kuatHeaderVariants,
-  Cr as toast,
-  Ve as useCarousel,
-  Te as useKuatCarousel
+  he as kuatHeaderVariants,
+  _r as toast,
+  ve as useCarousel,
+  Be as useKuatCarousel
 };