@dimasbaguspm/versaur 0.0.59 → 0.0.61

package/dist/js/{image-rectangle-CCvXv24a.js → image-rectangle-CLLXF8w_.js}

@@ -1,13 +1,13 @@
-import { j as r } from "./jsx-runtime-C5mzlN2N.js";
+import { j as n } from "./jsx-runtime-C5mzlN2N.js";
 import * as c from "react";
-import V, { createContext as O, useContext as W, forwardRef as h, useState as k, useRef as B, useCallback as L, useEffect as C, useId as re, cloneElement as ne } from "react";
-import { ChevronDown as ae, ChevronRight as se, LoaderCircleIcon as _, CheckIcon as oe, EllipsisVerticalIcon as ie, XIcon as le, ImageOff as ce } from "lucide-react";
+import z, { createContext as R, useContext as O, forwardRef as h, useState as k, useRef as T, useCallback as L, useEffect as C, useId as re, cloneElement as ne } from "react";
+import { ChevronDown as ae, ChevronRight as se, LoaderCircleIcon as H, CheckIcon as oe, EllipsisVerticalIcon as ie, XIcon as le, ImageOff as ce } from "lucide-react";
 import { c as g, a as f } from "./index-BDtz_hQY.js";
 import { S as de } from "./skeleton-BRwIW26B.js";
-const F = O(
+const F = R(
   null
 ), $ = () => {
-  const e = W(F);
+  const e = O(F);
   if (!e)
     throw new Error(
       "Accordion compound components must be used within Accordion"
@@ -141,7 +141,7 @@ const F = O(
 }), G = h(
   ({
     level: e = 3,
-    color: n = "black",
+    color: r = "black",
     hasUnderline: a = !1,
     isCapitalize: s = !1,
     hasMargin: t = !1,
@@ -152,15 +152,15 @@ const F = O(
     className: u,
     children: m,
     ...x
-  }, b) => {
-    const p = `h${e}`;
-    return /* @__PURE__ */ r.jsx(
-      p,
+  }, p) => {
+    const b = `h${e}`;
+    return /* @__PURE__ */ n.jsx(
+      b,
       {
-        ref: b,
+        ref: p,
         className: f(
           xe({
-            color: n,
+            color: r,
             hasUnderline: a,
             isCapitalize: s,
             hasMargin: t,
@@ -179,7 +179,7 @@ const F = O(
   }
 );
 G.displayName = "Heading";
-const pe = g("inline-flex items-center justify-center", {
+const be = g("inline-flex items-center justify-center", {
   variants: {
     size: {
       xs: "w-3 h-3",
@@ -209,45 +209,45 @@ const pe = g("inline-flex items-center justify-center", {
     size: "md",
     color: "primary"
   }
-}), E = V.forwardRef(function({ as: n, color: a = "primary", size: s = "md", className: t, ...o }, i) {
-  return /* @__PURE__ */ r.jsx(
-    n,
+}), E = z.forwardRef(function({ as: r, color: a = "primary", size: s = "md", className: t, ...o }, i) {
+  return /* @__PURE__ */ n.jsx(
+    r,
     {
       ref: i,
-      className: pe({ color: a, size: s, className: t }),
+      className: be({ color: a, size: s, className: t }),
       ...o
     }
   );
-}), be = h(function({ className: n, children: a, ...s }, t) {
-  return /* @__PURE__ */ r.jsx(
+}), pe = h(function({ className: r, children: a, ...s }, t) {
+  return /* @__PURE__ */ n.jsx(
     G,
     {
       ref: t,
       level: 4,
-      className: f("font-medium", n),
+      className: f("font-medium", r),
       ...s,
       color: "black",
       children: a
     }
   );
-}), we = h(function({ className: n, children: a, ...s }, t) {
+}), we = h(function({ className: r, children: a, ...s }, t) {
   const { isOpen: o } = $();
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: t,
-      className: f(me({ isOpen: o }), n),
+      className: f(me({ isOpen: o }), r),
       ...s,
-      children: /* @__PURE__ */ r.jsx("div", { className: he(), children: a })
+      children: /* @__PURE__ */ n.jsx("div", { className: he(), children: a })
     }
   );
-}), U = h(function({ as: n, ...a }, s) {
+}), U = h(function({ as: r, ...a }, s) {
   const { isOpen: t } = $();
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ n.jsx(
     E,
     {
       ref: s,
-      as: n,
+      as: r,
       color: "ghost",
       size: "sm",
       className: ge({ isOpen: t }),
@@ -256,7 +256,7 @@ const pe = g("inline-flex items-center justify-center", {
   );
 }), ve = h(
   function({
-    title: n,
+    title: r,
     subtitle: a,
     isDefaultOpen: s = !1,
     disabled: t = !1,
@@ -265,14 +265,14 @@ const pe = g("inline-flex items-center justify-center", {
     children: l,
     ...d
   }, u) {
-    const [m, x] = k(s), b = () => {
+    const [m, x] = k(s), p = () => {
       t || x((w) => !w);
-    }, p = {
+    }, b = {
       isOpen: m,
-      toggle: b,
+      toggle: p,
       disabled: t
     };
-    return /* @__PURE__ */ r.jsx(F.Provider, { value: p, children: /* @__PURE__ */ r.jsxs(
+    return /* @__PURE__ */ n.jsx(F.Provider, { value: b, children: /* @__PURE__ */ n.jsxs(
       "div",
       {
         ref: u,
@@ -283,39 +283,39 @@ const pe = g("inline-flex items-center justify-center", {
         ),
         ...d,
         children: [
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ n.jsx(
             "div",
             {
               role: "button",
               className: fe({ disabled: t, isOpen: m }),
-              onClick: b,
+              onClick: p,
               "aria-disabled": t,
               "aria-expanded": m,
-              children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between w-full gap-2", children: [
-                /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3 flex-grow", children: [
-                  /* @__PURE__ */ r.jsx("div", { className: "flex-1", children: n }),
-                  a && /* @__PURE__ */ r.jsx("div", { className: "flex-shrink-0", children: a })
+              children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between w-full gap-2", children: [
+                /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-3 flex-grow", children: [
+                  /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: r }),
+                  a && /* @__PURE__ */ n.jsx("div", { className: "flex-shrink-0", children: a })
                 ] }),
-                /* @__PURE__ */ r.jsx(U, { as: ae })
+                /* @__PURE__ */ n.jsx(U, { as: ae })
               ] })
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ n.jsx(
             "div",
             {
               className: f(
                 "overflow-hidden transition-all duration-300",
                 m ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
               ),
-              children: /* @__PURE__ */ r.jsx("div", { className: "p-4 pt-2", children: l })
+              children: /* @__PURE__ */ n.jsx("div", { className: "p-4 pt-2", children: l })
             }
           )
         ]
       }
     ) });
   }
-), Ft = Object.assign(ve, {
-  Title: be,
+), Ut = Object.assign(ve, {
+  Title: pe,
   Content: we,
   Icon: U
 }), ye = g(
@@ -340,8 +340,8 @@ const pe = g("inline-flex items-center justify-center", {
     }
   }
 );
-function je(e, n, a = "bottom", s = 8) {
-  const t = e.getBoundingClientRect(), o = n.getBoundingClientRect();
+function je(e, r, a = "bottom", s = 8) {
+  const t = e.getBoundingClientRect(), o = r.getBoundingClientRect();
   let i = 0, l = 0;
   switch (a) {
     // Top placements
@@ -392,42 +392,42 @@ function je(e, n, a = "bottom", s = 8) {
     margin: 0
   };
 }
-function ke(e, n, a, s) {
-  const t = B(null), [o, i] = k(!1), l = n !== void 0, d = l ? n : o, u = L(() => {
+function ke(e, r, a, s) {
+  const t = T(null), [o, i] = k(!1), l = r !== void 0, d = l ? r : o, u = L(() => {
     t.current && t.current.showPopover?.();
   }, []), m = L(() => {
     t.current && t.current.hidePopover?.();
   }, []), x = L(() => {
     t.current && t.current.togglePopover?.();
-  }, []), b = L(
-    (p = "toggle") => ({
+  }, []), p = L(
+    (b = "toggle") => ({
       popoverTarget: e,
-      popoverTargetAction: p
+      popoverTargetAction: b
     }),
     [e]
   );
   return C(() => {
-    const p = t.current;
-    if (!p) return;
+    const b = t.current;
+    if (!b) return;
     const w = (v) => {
       const y = v.newState === "open";
       l || i(y), y && a ? a() : !y && s && s();
     };
-    return p.addEventListener("toggle", w), () => {
-      p.removeEventListener("toggle", w);
+    return b.addEventListener("toggle", w), () => {
+      b.removeEventListener("toggle", w);
     };
   }, [l, a, s]), C(() => {
     if (!l || !t.current) return;
-    const p = t.current;
-    if (!p.showPopover || !p.hidePopover) return;
+    const b = t.current;
+    if (!b.showPopover || !b.hidePopover) return;
     let w = !1;
     try {
-      w = p.matches(":popover-open");
+      w = b.matches(":popover-open");
     } catch {
     }
-    n && !w ? u() : !n && w && m();
-  }, [n, l, u, m]), {
-    getTriggerProps: b,
+    r && !w ? u() : !r && w && m();
+  }, [r, l, u, m]), {
+    getTriggerProps: p,
     show: u,
     hide: m,
     toggle: x,
@@ -435,14 +435,14 @@ function ke(e, n, a, s) {
     popoverRef: t
   };
 }
-const Ne = (...e) => (n) => {
+const Ne = (...e) => (r) => {
   e.forEach((a) => {
-    typeof a == "function" ? a(n) : a && "current" in a && (a.current = n);
+    typeof a == "function" ? a(r) : a && "current" in a && (a.current = r);
   });
 }, D = h(
   ({
     id: e,
-    children: n,
+    children: r,
     isOpen: a,
     onOpen: s,
     onClose: t,
@@ -453,8 +453,8 @@ const Ne = (...e) => (n) => {
     gap: u = 8,
     maxWidth: m = "sm",
     className: x,
-    style: b,
-    ...p
+    style: p,
+    ...b
   }, w) => {
     const { popoverRef: v, isOpen: N } = ke(
       e,
@@ -467,7 +467,7 @@ const Ne = (...e) => (n) => {
     C(() => {
       if (!d?.current || !v.current)
         return;
-      const R = () => {
+      const _ = () => {
         if (!d.current || !v.current) return;
         const te = je(
           d.current,
@@ -479,13 +479,13 @@ const Ne = (...e) => (n) => {
       };
       N ? (S(!1), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          R(), requestAnimationFrame(() => {
+          _(), requestAnimationFrame(() => {
             S(!0);
           });
         });
-      })) : (S(!1), R());
+      })) : (S(!1), _());
       const M = () => {
-        N && R();
+        N && _();
       };
       return window.addEventListener("scroll", M, !0), window.addEventListener("resize", M), () => {
         window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M);
@@ -493,7 +493,7 @@ const Ne = (...e) => (n) => {
     }, [d, v, l, u, N]);
     const ee = {
       ...y,
-      ...b,
+      ...p,
       // Hide until positioned to prevent flash
       ...A ? {} : {
         opacity: 0,
@@ -501,25 +501,25 @@ const Ne = (...e) => (n) => {
         transition: "none"
       }
     };
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ n.jsx(
       "div",
       {
-        ...p,
+        ...b,
         ref: Ne(w, v),
         id: e,
         popover: i,
         className: f(ye({ maxWidth: m }), x),
         style: ee,
         ...o && { anchor: o },
-        children: n
+        children: r
       }
     );
   }
 );
 D.displayName = "Popover";
-const Ee = (e, n = "toggle") => ({
+const Ee = (e, r = "toggle") => ({
   popoverTarget: e,
-  popoverTargetAction: n
+  popoverTargetAction: r
 }), Ce = Object.assign(D, {
   getTriggerProps: Ee
 }), ze = g(
@@ -641,7 +641,7 @@ const Ee = (e, n = "toggle") => ({
 }), j = h(
   ({
     as: e = "span",
-    color: n = "ghost",
+    color: r = "ghost",
     hasUnderline: a = !1,
     isCapitalize: s = !1,
     align: t = "left",
@@ -652,8 +652,8 @@ const Ee = (e, n = "toggle") => ({
     fontWeight: u,
     className: m,
     children: x,
-    ...b
-  }, p) => {
+    ...p
+  }, b) => {
     const v = [
       "h1",
       "h2",
@@ -665,13 +665,13 @@ const Ee = (e, n = "toggle") => ({
       "span",
       "label"
     ].includes(e) ? e : "span", N = d ? `text-${d}` : "", y = u ? `font-${u}` : "";
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ n.jsx(
       e,
       {
-        ref: p,
+        ref: b,
         className: f(
           Ae({
-            color: n,
+            color: r,
             hasUnderline: a,
             isCapitalize: s,
             align: t,
@@ -685,20 +685,20 @@ const Ee = (e, n = "toggle") => ({
           y,
           m
         ),
-        ...b,
+        ...p,
         children: x
       }
     );
   }
 ), Le = h(
-  ({ children: e, className: n }, a) => /* @__PURE__ */ r.jsx(
+  ({ children: e, className: r }, a) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: a,
       className: f(
         "bg-background border border-border rounded-lg overflow-hidden",
         "divide-y divide-border",
-        n
+        r
       ),
       role: "group",
       children: e
@@ -707,7 +707,7 @@ const Ee = (e, n = "toggle") => ({
 ), Me = h(
   ({
     size: e = "md",
-    icon: n,
+    icon: r,
     title: a,
     subtitle: s,
     badge: t,
@@ -715,18 +715,18 @@ const Ee = (e, n = "toggle") => ({
     as: i = "button",
     className: l,
     ...d
-  }, u) => /* @__PURE__ */ r.jsxs(
+  }, u) => /* @__PURE__ */ n.jsxs(
     i,
     {
       ref: u,
       className: f(ze({ size: e, as: i }), l),
       ...d,
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-4 flex-1", children: [
-          n && /* @__PURE__ */ r.jsx("div", { className: f(Ve({ size: e })), children: n }),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3 mb-1", children: [
-              /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-4 flex-1", children: [
+          r && /* @__PURE__ */ n.jsx("div", { className: f(Ve({ size: e })), children: r }),
+          /* @__PURE__ */ n.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-3 mb-1", children: [
+              /* @__PURE__ */ n.jsx(
                 j,
                 {
                   as: "span",
@@ -737,7 +737,7 @@ const Ee = (e, n = "toggle") => ({
                   children: a
                 }
               ),
-              t && /* @__PURE__ */ r.jsx(
+              t && /* @__PURE__ */ n.jsx(
                 "div",
                 {
                   className: "flex flex-wrap items-center flex-row justify-start gap-3",
@@ -746,7 +746,7 @@ const Ee = (e, n = "toggle") => ({
                 }
               )
             ] }),
-            s && /* @__PURE__ */ r.jsx(
+            s && /* @__PURE__ */ n.jsx(
               j,
               {
                 as: "p",
@@ -758,7 +758,7 @@ const Ee = (e, n = "toggle") => ({
             )
           ] })
         ] }),
-        o && /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ r.jsx(
+        o && /* @__PURE__ */ n.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ n.jsx(
           E,
           {
             as: se,
@@ -770,7 +770,7 @@ const Ee = (e, n = "toggle") => ({
       ]
     }
   )
-), $t = Object.assign(Me, {
+), Dt = Object.assign(Me, {
   Group: Le
 }), Se = g(
   "relative flex items-center gap-2 rounded-md p-2 text-sm transition-all duration-200",
@@ -893,7 +893,7 @@ const Ee = (e, n = "toggle") => ({
       color: "neutral"
     }
   }
-), Re = g(
+), _e = g(
   "flex-shrink-0 flex justify-center items-center ",
   {
     variants: {
@@ -908,31 +908,31 @@ const Ee = (e, n = "toggle") => ({
     }
   }
 ), X = h(
-  ({ className: e, children: n, ...a }, s) => /* @__PURE__ */ r.jsx("div", { ref: s, className: f(Re(), e), ...a, children: n })
-), Oe = h(
+  ({ className: e, children: r, ...a }, s) => /* @__PURE__ */ n.jsx("div", { ref: s, className: f(_e(), e), ...a, children: r })
+), Re = h(
   ({
     variant: e = "default",
-    color: n = "neutral",
+    color: r = "neutral",
     icon: a,
     className: s,
     children: t,
     ...o
-  }, i) => /* @__PURE__ */ r.jsxs(
+  }, i) => /* @__PURE__ */ n.jsxs(
     "div",
     {
       ref: i,
       role: "alert",
-      className: f(Se({ variant: e, color: n }), s),
+      className: f(Se({ variant: e, color: r }), s),
       ...o,
       children: [
-        a && /* @__PURE__ */ r.jsx(X, { children: a }),
-        /* @__PURE__ */ r.jsx("div", { className: "flex-1", children: t })
+        a && /* @__PURE__ */ n.jsx(X, { children: a }),
+        /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: t })
       ]
     }
   )
-), Gt = Object.assign(Oe, {
+), Xt = Object.assign(Re, {
   Icon: X
-}), We = g(
+}), Oe = g(
   [
     "inline-flex items-center transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
     // pseudo selectors for anchor
@@ -989,37 +989,37 @@ const Ee = (e, n = "toggle") => ({
       quiet: !1
     }
   }
-), Ut = h(
+), Jt = h(
   ({
     children: e,
-    className: n,
+    className: r,
     color: a = "primary",
     fontSize: s = "base",
     fontWeight: t = "medium",
     quiet: o = !1,
     ...i
-  }, l) => /* @__PURE__ */ r.jsx(
+  }, l) => /* @__PURE__ */ n.jsx(
     "a",
     {
       ref: l,
       className: f(
-        We({ color: a, fontSize: s, fontWeight: t, quiet: o }),
-        n
+        Oe({ color: a, fontSize: s, fontWeight: t, quiet: o }),
+        r
       ),
       ...i,
       children: e
     }
   )
-), Be = h(
-  function({ title: n, children: a, className: s, hasMargin: t, ...o }, i) {
-    return /* @__PURE__ */ r.jsxs(
+), Te = h(
+  function({ title: r, children: a, className: s, hasMargin: t, ...o }, i) {
+    return /* @__PURE__ */ n.jsxs(
       "div",
       {
         ref: i,
         className: f("space-y-1", s, t && "mb-4"),
         ...o,
         children: [
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ n.jsx(
             j,
             {
               as: "h4",
@@ -1027,16 +1027,16 @@ const Ee = (e, n = "toggle") => ({
               fontWeight: "normal",
               color: "gray",
               className: "leading-none",
-              children: n
+              children: r
             }
           ),
-          /* @__PURE__ */ r.jsx(j, { as: "p", fontSize: "sm", fontWeight: "normal", children: a })
+          /* @__PURE__ */ n.jsx(j, { as: "p", fontSize: "sm", fontWeight: "normal", children: a })
         ]
       }
     );
   }
 );
-function Te(e = 1) {
+function We(e = 1) {
   switch (e) {
     case 1:
       return "col-span-1";
@@ -1066,7 +1066,7 @@ function Te(e = 1) {
       return "col-span-1";
   }
 }
-function qe(e = 4) {
+function Be(e = 4) {
   switch (e) {
     case 1:
       return "grid-cols-1";
@@ -1096,25 +1096,25 @@ function qe(e = 4) {
       return "grid-cols-4";
   }
 }
-const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }, i) {
-  const l = Te(s);
-  return /* @__PURE__ */ r.jsx("li", { ref: i, className: f(l, a), ...o, children: /* @__PURE__ */ r.jsx(Be, { title: t, children: n }) });
-}), He = h(
-  function({ children: n, className: a, columns: s = 4, ...t }, o) {
-    const i = qe(s);
-    return /* @__PURE__ */ r.jsx(
+const qe = h(function({ children: r, className: a, span: s = 1, title: t, ...o }, i) {
+  const l = We(s);
+  return /* @__PURE__ */ n.jsx("li", { ref: i, className: f(l, a), ...o, children: /* @__PURE__ */ n.jsx(Te, { title: t, children: r }) });
+}), Pe = h(
+  function({ children: r, className: a, columns: s = 4, ...t }, o) {
+    const i = Be(s);
+    return /* @__PURE__ */ n.jsx(
       "ul",
       {
         ref: o,
         className: f("grid gap-4", i, a),
         ...t,
-        children: n
+        children: r
       }
     );
   }
-), Dt = Object.assign(He, {
-  Item: Pe
-}), _e = g(
+), Kt = Object.assign(Pe, {
+  Item: qe
+}), He = g(
   "inline-flex items-center justify-center font-medium text-white overflow-hidden transition-all duration-200 select-none relative",
   {
     variants: {
@@ -1159,22 +1159,22 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
 ), $e = h(
   ({
     variant: e = "primary",
-    size: n = "md",
+    size: r = "md",
     shape: a = "circle",
     className: s,
     children: t,
     ...o
-  }, i) => /* @__PURE__ */ r.jsx(
+  }, i) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: i,
-      className: f(_e({ variant: e, size: n, shape: a }), s),
+      className: f(He({ variant: e, size: r, shape: a }), s),
       ...o,
       children: t
     }
   )
 ), Ge = h(
-  ({ src: e, alt: n, className: a, onError: s, ...t }, o) => {
+  ({ src: e, alt: r, className: a, onError: s, ...t }, o) => {
     const [i, l] = k(!1);
     C(() => {
       l(!1);
@@ -1185,19 +1185,19 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
       },
       [s]
     );
-    return i ? null : /* @__PURE__ */ r.jsx(
+    return i ? null : /* @__PURE__ */ n.jsx(
       "img",
       {
         ref: o,
         src: e,
-        alt: n,
+        alt: r,
         className: f(Fe(), a),
         onError: d,
         ...t
       }
     );
   }
-), Xt = Object.assign($e, {
+), Qt = Object.assign($e, {
   /**
    * AvatarImage sub-component for displaying images with fallback behavior
    */
@@ -1389,10 +1389,10 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
       iconOnly: !1
     }
   }
-), Jt = h(
+), Yt = h(
   ({
     variant: e = "default",
-    shape: n = "square",
+    shape: r = "square",
     color: a = "primary",
     size: s = "md",
     iconLeft: t,
@@ -1401,8 +1401,8 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
     children: l,
     ...d
   }, u) => {
-    const b = !(l != null && l !== "") && !!(t || o);
-    return /* @__PURE__ */ r.jsx(
+    const p = !(l != null && l !== "") && !!(t || o);
+    return /* @__PURE__ */ n.jsx(
       "span",
       {
         ref: u,
@@ -1410,19 +1410,19 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
           Ue({
             variant: e,
             color: a,
-            shape: n,
+            shape: r,
             size: s,
-            iconOnly: b
+            iconOnly: p
           }),
           i
         ),
         ...d,
-        children: b ? (
+        children: p ? (
           // Icon-only mode: display only the icon
           t || o
         ) : (
           // Normal mode: display icon(s) and text
-          /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
             t,
             l,
             o
@@ -1431,7 +1431,7 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
       }
     );
   }
-), H = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Spenicle"), /* @__PURE__ */ c.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), De = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Spenicle"), /* @__PURE__ */ c.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), Xe = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Spenicle"), /* @__PURE__ */ c.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), Je = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Hub (Square)"), /* @__PURE__ */ c.createElement("rect", { x: 0, y: 0, width: 32, height: 32, rx: 0, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), Ke = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Hub (Rounded)"), /* @__PURE__ */ c.createElement("rect", { x: 0, y: 0, width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), Qe = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Hub (Circle)"), /* @__PURE__ */ c.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), Ye = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Notunic"), /* @__PURE__ */ c.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 6h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 10h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 14h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 18h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z", fill: "white" }))), Ze = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Notunic"), /* @__PURE__ */ c.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 6h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 10h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 14h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 18h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z", fill: "white" }))), et = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Notunic"), /* @__PURE__ */ c.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 6h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 10h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 14h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 18h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z", fill: "white" }))), tt = g("", {
+), P = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Spenicle"), /* @__PURE__ */ c.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), De = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Spenicle"), /* @__PURE__ */ c.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), Xe = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Spenicle"), /* @__PURE__ */ c.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), Je = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Hub (Square)"), /* @__PURE__ */ c.createElement("rect", { x: 0, y: 0, width: 32, height: 32, rx: 0, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), Ke = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Hub (Rounded)"), /* @__PURE__ */ c.createElement("rect", { x: 0, y: 0, width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), Qe = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Hub (Circle)"), /* @__PURE__ */ c.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ c.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ c.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), Ye = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Notunic"), /* @__PURE__ */ c.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 6h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 10h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 14h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 18h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z", fill: "white" }))), Ze = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Notunic"), /* @__PURE__ */ c.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 6h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 10h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 14h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 18h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z", fill: "white" }))), et = (e) => /* @__PURE__ */ c.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("title", null, "Notunic"), /* @__PURE__ */ c.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ c.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ c.createElement("path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 6h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 10h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 14h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2 18h4", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z", fill: "white" }))), tt = g("", {
   variants: {
     size: {
       xs: "h-6 w-6",
@@ -1445,10 +1445,10 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
     size: "md"
   }
 }), rt = h(
-  ({ shape: e = "square", size: n, name: a = "spenicle", ...s }, t) => {
+  ({ shape: e = "square", size: r, name: a = "spenicle", ...s }, t) => {
     const o = {
       spenicle: {
-        square: H,
+        square: P,
         rounded: De,
         circle: Xe
       },
@@ -1462,24 +1462,24 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
         rounded: Ze,
         circle: et
       }
-    }, l = (o[a] || o.spenicle)[e || "square"] || H;
-    return /* @__PURE__ */ r.jsx(
+    }, l = (o[a] || o.spenicle)[e || "square"] || P;
+    return /* @__PURE__ */ n.jsx(
       l,
       {
         ref: t,
         ...s,
-        className: f("inline-block", tt({ size: n }))
+        className: f("inline-block", tt({ size: r }))
       }
     );
   }
-), Kt = h(
-  ({ name: e = "spenicle", size: n = "md", shape: a, ...s }, t) => /* @__PURE__ */ r.jsx(
+), Zt = h(
+  ({ name: e = "spenicle", size: r = "md", shape: a, ...s }, t) => /* @__PURE__ */ n.jsx(
     "span",
     {
       ref: t,
       className: f("inline-flex items-center gap-2"),
       ...s,
-      children: /* @__PURE__ */ r.jsx(rt, { name: e, shape: a, size: n, "aria-hidden": "true" })
+      children: /* @__PURE__ */ n.jsx(rt, { name: e, shape: a, size: r, "aria-hidden": "true" })
     }
   )
 ), nt = g(
@@ -1507,9 +1507,9 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
       size: "md"
     }
   }
-), J = V.forwardRef(
+), J = z.forwardRef(
   function({
-    className: n,
+    className: r,
     variant: a = "primary",
     size: s = "md",
     disabled: t = !1,
@@ -1519,22 +1519,22 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
     ...d
   }, u) {
     const m = s === "sm" ? "sm" : s === "lg" ? "md" : "sm", x = () => a === "primary" || a === "destructive" ? "white" : "inherit";
-    return /* @__PURE__ */ r.jsxs(
+    return /* @__PURE__ */ n.jsxs(
       "button",
       {
         ref: u,
         type: o,
-        className: f(nt({ variant: a, size: s }), n),
+        className: f(nt({ variant: a, size: s }), r),
         disabled: t || i,
         "aria-disabled": t || i,
         inert: t || i ? !0 : void 0,
         "aria-busy": i ? !0 : void 0,
         ...d,
         children: [
-          i && /* @__PURE__ */ r.jsx(
+          i && /* @__PURE__ */ n.jsx(
             E,
             {
-              as: _,
+              as: H,
               size: m,
               color: x(),
               className: "animate-spin"
@@ -1568,8 +1568,8 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
       size: "md"
     }
   }
-), Qt = V.forwardRef(function({
-  className: n,
+), er = z.forwardRef(function({
+  className: r,
   variant: a = "primary",
   size: s = "md",
   disabled: t = !1,
@@ -1585,12 +1585,12 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
     }
     l?.(x);
   };
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ n.jsx(
     "a",
     {
       ref: u,
       href: t ? void 0 : i,
-      className: f(at({ variant: a, size: s }), n),
+      className: f(at({ variant: a, size: s }), r),
       "aria-disabled": t ? !0 : void 0,
       tabIndex: t ? -1 : void 0,
       role: t ? "link" : void 0,
@@ -1617,28 +1617,28 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
       open: !1
     }
   }
-), K = O(void 0), ot = K.Provider, it = () => {
-  const e = W(K);
+), K = R(void 0), ot = K.Provider, it = () => {
+  const e = O(K);
   if (!e)
     throw new Error("useMenuProvider must be used within a MenuProvider");
   return e;
 }, lt = h(
-  ({ children: e }, n) => /* @__PURE__ */ r.jsx("ul", { ref: n, className: "flex flex-col gap-1", children: e })
+  ({ children: e }, r) => /* @__PURE__ */ n.jsx("ul", { ref: r, className: "flex flex-col gap-1", children: e })
 ), ct = h(
-  ({ children: e, disabled: n, onClick: a, active: s, ...t }, o) => {
+  ({ children: e, disabled: r, onClick: a, active: s, ...t }, o) => {
     const { preserve: i, onClose: l } = it(), d = (u) => {
       a?.(u), i || l();
     };
-    return /* @__PURE__ */ r.jsx("li", { ref: o, ...t, children: /* @__PURE__ */ r.jsxs(
+    return /* @__PURE__ */ n.jsx("li", { ref: o, ...t, children: /* @__PURE__ */ n.jsxs(
       J,
       {
         variant: "ghost",
         className: f("justify-start w-full gap-2"),
-        disabled: n,
+        disabled: r,
         onClick: d,
         children: [
           e,
-          s && /* @__PURE__ */ r.jsx(
+          s && /* @__PURE__ */ n.jsx(
             E,
             {
               as: oe,
@@ -1653,7 +1653,7 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
   }
 ), dt = ({
   isOpen: e,
-  onClose: n,
+  onClose: r,
   size: a = "md",
   content: s,
   children: t,
@@ -1661,19 +1661,19 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
   gap: i = 4,
   preserve: l
 }) => {
-  const d = B(null), u = re();
-  return /* @__PURE__ */ r.jsx(ot, { value: { onClose: n, preserve: !!l }, children: /* @__PURE__ */ r.jsxs("div", { className: "relative w-fit", children: [
+  const d = T(null), u = re();
+  return /* @__PURE__ */ n.jsx(ot, { value: { onClose: r, preserve: !!l }, children: /* @__PURE__ */ n.jsxs("div", { className: "relative w-fit", children: [
     ne(t, {
       // @ts-expect-error: ref is valid for button or forwardRef components
       ref: d
     }),
-    /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ n.jsx(
       Ce,
       {
         id: u,
         triggerRef: d,
         isOpen: e,
-        onClose: n,
+        onClose: r,
         placement: o,
         gap: i,
         maxWidth: "sm",
@@ -1682,11 +1682,11 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
       }
     )
   ] }) });
-}, z = Object.assign(dt, {
+}, V = Object.assign(dt, {
   Content: lt,
   Item: ct
 }), ut = h(
-  (e, n) => {
+  (e, r) => {
     const {
       children: a,
       onOpenChange: s,
@@ -1701,23 +1701,23 @@ const Pe = h(function({ children: n, className: a, span: s = 1, title: t, ...o }
     }, [u, s]);
     const x = () => {
       m(!1);
-    }, b = (p) => {
-      p.stopPropagation(), m((w) => !w), t?.(p);
+    }, p = (b) => {
+      b.stopPropagation(), m((w) => !w), t?.(b);
     };
-    return /* @__PURE__ */ r.jsx(
-      z,
+    return /* @__PURE__ */ n.jsx(
+      V,
       {
         isOpen: u,
         onClose: x,
         placement: o,
         preserve: i,
-        content: /* @__PURE__ */ r.jsx(z.Content, { children: a }),
-        children: /* @__PURE__ */ r.jsx(J, { ref: n, onClick: b, ...d, children: l })
+        content: /* @__PURE__ */ n.jsx(V.Content, { children: a }),
+        children: /* @__PURE__ */ n.jsx(J, { ref: r, onClick: p, ...d, children: l })
       }
     );
   }
-), Yt = Object.assign(ut, {
-  Item: z.Item
+), tr = Object.assign(ut, {
+  Item: V.Item
 });
 function ft(e = "primary") {
   return e === "primary" || e === "destructive" ? "white" : "inherit";
@@ -1753,9 +1753,9 @@ const mt = g(
       shape: "rounded"
     }
   }
-), ht = V.forwardRef(
+), ht = z.forwardRef(
   function({
-    className: n,
+    className: r,
     variant: a = "primary",
     size: s = "md",
     shape: t = "rounded",
@@ -1766,7 +1766,7 @@ const mt = g(
     ...u
   }, m) {
     const x = ft(a);
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ n.jsx(
       "button",
       {
         ref: m,
@@ -1777,7 +1777,7 @@ const mt = g(
             size: s,
             shape: t
           }),
-          n
+          r
         ),
         disabled: o || i,
         "aria-disabled": o || i,
@@ -1785,20 +1785,20 @@ const mt = g(
         inert: o || i ? !0 : void 0,
         "aria-busy": i ? !0 : void 0,
         ...u,
-        children: i ? /* @__PURE__ */ r.jsx(
+        children: i ? /* @__PURE__ */ n.jsx(
           E,
           {
-            as: _,
+            as: H,
             size: "sm",
             color: x,
             className: "animate-spin"
           }
-        ) : /* @__PURE__ */ r.jsx(E, { as: l, size: "sm", color: x })
+        ) : /* @__PURE__ */ n.jsx(E, { as: l, size: "sm", color: x })
       }
     );
   }
 ), gt = h(
-  (e, n) => {
+  (e, r) => {
     const {
       as: a = ie,
       children: s,
@@ -1813,23 +1813,23 @@ const mt = g(
     }, [u, t]);
     const x = () => {
       m(!1);
-    }, b = (p) => {
-      p.stopPropagation(), m((w) => !w), o?.(p);
+    }, p = (b) => {
+      b.stopPropagation(), m((w) => !w), o?.(b);
     };
-    return /* @__PURE__ */ r.jsx(
-      z,
+    return /* @__PURE__ */ n.jsx(
+      V,
       {
         isOpen: u,
         onClose: x,
         placement: i,
         preserve: l,
-        content: /* @__PURE__ */ r.jsx(z.Content, { children: s }),
-        children: /* @__PURE__ */ r.jsx(ht, { ref: n, as: a, onClick: b, ...d })
+        content: /* @__PURE__ */ n.jsx(V.Content, { children: s }),
+        children: /* @__PURE__ */ n.jsx(ht, { ref: r, as: a, onClick: p, ...d })
       }
     );
   }
-), Zt = Object.assign(gt, {
-  Item: z.Item
+), rr = Object.assign(gt, {
+  Item: V.Item
 }), xt = g(
   "flex justify-between transition-colors duration-200 w-full",
   {
@@ -1862,28 +1862,28 @@ const mt = g(
       as: "button"
     }
   }
-), pt = h(
-  ({ children: e }, n) => /* @__PURE__ */ r.jsx(
+), bt = h(
+  ({ children: e }, r) => /* @__PURE__ */ n.jsx(
     "ul",
     {
-      ref: n,
+      ref: r,
       className: "flex flex-wrap items-center min-w-0 overflow-hidden w-full gap-x-0",
       children: e
     }
   )
-), bt = h(
-  ({ children: e }, n) => /* @__PURE__ */ r.jsx(
+), pt = h(
+  ({ children: e }, r) => /* @__PURE__ */ n.jsx(
     "li",
     {
-      ref: n,
+      ref: r,
       className: "flex items-center min-w-0 flex-shrink-0 after:content-[''] after:inline-block after:mx-1.5 @sm/card:after:mx-2 after:w-1 after:h-1 after:rounded-full after:bg-ghost last:after:hidden after:flex-shrink-0",
-      children: /* @__PURE__ */ r.jsx(j, { as: "span", fontSize: "sm", color: "gray", ellipsis: !0, clamp: 1, children: e })
+      children: /* @__PURE__ */ n.jsx(j, { as: "span", fontSize: "sm", color: "gray", ellipsis: !0, clamp: 1, children: e })
     }
   )
 ), wt = h(
   ({
     size: e = "md",
-    shape: n = "rounded",
+    shape: r = "rounded",
     avatar: a,
     title: s,
     subtitle: t,
@@ -1893,21 +1893,21 @@ const mt = g(
     as: d = "button",
     className: u,
     ...m
-  }, x) => /* @__PURE__ */ r.jsx(
+  }, x) => /* @__PURE__ */ n.jsx(
     d,
     {
       ref: x,
       className: f(
-        xt({ size: e, shape: n, bordered: l, as: d }),
+        xt({ size: e, shape: r, bordered: l, as: d }),
         u,
         "@container/card"
       ),
       ...m,
-      children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-3 @sm/card:gap-4 w-full", children: [
-        a && /* @__PURE__ */ r.jsx("div", { className: "flex-shrink-0", children: a }),
-        /* @__PURE__ */ r.jsxs("div", { className: "w-full min-w-0", children: [
-          /* @__PURE__ */ r.jsx("div", { className: "mb-2", children: /* @__PURE__ */ r.jsx("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ r.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ r.jsx(
+      children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-start gap-3 @sm/card:gap-4 w-full", children: [
+        a && /* @__PURE__ */ n.jsx("div", { className: "flex-shrink-0", children: a }),
+        /* @__PURE__ */ n.jsxs("div", { className: "w-full min-w-0", children: [
+          /* @__PURE__ */ n.jsx("div", { className: "mb-2", children: /* @__PURE__ */ n.jsx("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ n.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ n.jsx(
               j,
               {
                 as: "h3",
@@ -1917,11 +1917,11 @@ const mt = g(
                 children: s
               }
             ),
-            t && /* @__PURE__ */ r.jsx("div", { className: "mt-1", children: typeof t == "string" ? /* @__PURE__ */ r.jsx(j, { as: "p", fontSize: "sm", color: "gray", children: t }) : /* @__PURE__ */ r.jsx("div", { className: "min-w-0 overflow-hidden", children: t }) })
+            t && /* @__PURE__ */ n.jsx("div", { className: "mt-1", children: typeof t == "string" ? /* @__PURE__ */ n.jsx(j, { as: "p", fontSize: "sm", color: "gray", children: t }) : /* @__PURE__ */ n.jsx("div", { className: "min-w-0 overflow-hidden", children: t }) })
           ] }) }) }),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2 @sm/card:flex-row @sm/card:justify-between @sm/card:items-center", children: [
-            o && /* @__PURE__ */ r.jsx("div", { className: "order-1 @sm/card:order-none overflow-hidden", children: o }),
-            i && /* @__PURE__ */ r.jsx("div", { className: "flex-shrink-0 order-2 @sm/card:order-none @sm/card:ml-auto", children: typeof i == "string" ? /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 @sm/card:flex-row @sm/card:justify-between @sm/card:items-center", children: [
+            o && /* @__PURE__ */ n.jsx("div", { className: "order-1 @sm/card:order-none overflow-hidden", children: o }),
+            i && /* @__PURE__ */ n.jsx("div", { className: "flex-shrink-0 order-2 @sm/card:order-none @sm/card:ml-auto", children: typeof i == "string" ? /* @__PURE__ */ n.jsx(
               j,
               {
                 as: "p",
@@ -1931,15 +1931,15 @@ const mt = g(
                 align: "right",
                 children: i
               }
-            ) : /* @__PURE__ */ r.jsx("div", { className: "overflow-hidden", children: i }) })
+            ) : /* @__PURE__ */ n.jsx("div", { className: "overflow-hidden", children: i }) })
           ] })
         ] })
       ] })
     }
   )
-), er = Object.assign(wt, {
-  List: pt,
-  ListItem: bt
+), nr = Object.assign(wt, {
+  List: bt,
+  ListItem: pt
 }), vt = g(
   "inline-flex items-center gap-1.5 rounded-full font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none select-none cursor-pointer text-sm leading-none border border-border text-foreground bg-white hover:bg-neutral focus-visible:ring-foreground-light focus-visible:ring-offset-white",
   {
@@ -1954,27 +1954,87 @@ const mt = g(
       size: "md"
     }
   }
-), tr = V.forwardRef(
-  function({ className: n, size: a = "md", disabled: s = !1, children: t, ...o }, i) {
-    return /* @__PURE__ */ r.jsxs(
+), ar = z.forwardRef(
+  function({ className: r, size: a = "md", disabled: s = !1, children: t, ...o }, i) {
+    return /* @__PURE__ */ n.jsxs(
       "button",
       {
         ref: i,
         type: "button",
-        className: f(vt({ size: a }), n),
+        className: f(vt({ size: a }), r),
         disabled: s,
         "aria-disabled": s,
         "aria-label": `${t}, removable`,
         inert: s ? !0 : void 0,
         ...o,
         children: [
-          /* @__PURE__ */ r.jsx("span", { className: "flex-shrink-0", children: t }),
-          /* @__PURE__ */ r.jsx(E, { as: le, color: "inherit", size: a === "lg" ? "md" : "sm" })
+          /* @__PURE__ */ n.jsx("span", { className: "flex-shrink-0", children: t }),
+          /* @__PURE__ */ n.jsx(E, { as: le, color: "inherit", size: a === "lg" ? "md" : "sm" })
         ]
       }
     );
   }
-), yt = g("h-px w-full bg-border border-0", {
+), yt = [
+  // Headings
+  "[&_h1]:text-2xl",
+  "[&_h1]:font-bold",
+  "[&_h1]:my-2",
+  "[&_h2]:text-xl",
+  "[&_h2]:font-bold",
+  "[&_h2]:my-1.5",
+  "[&_h3]:text-lg",
+  "[&_h3]:font-semibold",
+  "[&_h3]:my-1",
+  // Lists
+  "[&_ul]:list-disc",
+  "[&_ul]:ml-6",
+  "[&_ul]:my-2",
+  "[&_ol]:list-decimal",
+  "[&_ol]:ml-6",
+  "[&_ol]:my-2",
+  "[&_li]:my-0.5",
+  // Links
+  "[&_a]:text-primary",
+  "[&_a]:underline",
+  "[&_a]:cursor-pointer",
+  "hover:[&_a]:text-primary-bold",
+  // Text formatting
+  "[&_strong]:font-bold",
+  "[&_em]:italic",
+  "[&_u]:underline",
+  "[&_s]:line-through",
+  // Paragraphs
+  "[&_p]:my-2",
+  "[&_p:first-child]:mt-0",
+  "[&_p:last-child]:mb-0"
+], jt = g("block w-full break-words", {
+  variants: {
+    scrollable: {
+      true: "overflow-y-auto",
+      false: "overflow-visible"
+    }
+  },
+  defaultVariants: {
+    scrollable: !1
+  }
+}), kt = z.forwardRef(({ content: e, scrollable: r = !1, maxHeight: a, className: s, ...t }, o) => /* @__PURE__ */ n.jsx(
+  "div",
+  {
+    ref: o,
+    role: "article",
+    "aria-label": "Formatted text content",
+    dangerouslySetInnerHTML: { __html: e },
+    style: r && a ? { maxHeight: `${a}rem` } : void 0,
+    className: f(
+      jt({ scrollable: r }),
+      ...yt,
+      s
+    ),
+    ...t
+  }
+));
+kt.displayName = "FormattedText";
+const Nt = g("h-px w-full bg-border border-0", {
   variants: {
     hasMargin: {
       true: "mb-4",
@@ -1984,16 +2044,16 @@ const mt = g(
   defaultVariants: {
     hasMargin: !1
   }
-}), rr = h(
-  ({ hasMargin: e = !1, className: n, ...a }, s) => /* @__PURE__ */ r.jsx(
+}), sr = h(
+  ({ hasMargin: e = !1, className: r, ...a }, s) => /* @__PURE__ */ n.jsx(
     "hr",
     {
       ref: s,
-      className: f(yt({ hasMargin: e }), n),
+      className: f(Nt({ hasMargin: e }), r),
       ...a
     }
   )
-), jt = g(
+), Et = g(
   "flex flex-col items-center justify-center text-center border border-border rounded-lg bg-background",
   {
     variants: {
@@ -2012,37 +2072,37 @@ const mt = g(
       hasGrayBackground: !1
     }
   }
-), kt = g(
+), Ct = g(
   "flex flex-row items-center gap-3 mb-2"
-), nr = V.forwardRef(
-  function({ icon: n, title: a, subtitle: s, action: t, className: o, hasGrayBackground: i, ...l }, d) {
-    return /* @__PURE__ */ r.jsxs(
+), or = z.forwardRef(
+  function({ icon: r, title: a, subtitle: s, action: t, className: o, hasGrayBackground: i, ...l }, d) {
+    return /* @__PURE__ */ n.jsxs(
       "section",
       {
         ref: d,
-        className: f(jt({ hasGrayBackground: i }), o),
+        className: f(Et({ hasGrayBackground: i }), o),
         role: "status",
         "aria-label": "No results found",
         ...l,
         children: [
-          /* @__PURE__ */ r.jsxs("header", { className: kt(), children: [
-            /* @__PURE__ */ r.jsx(E, { as: n, size: "lg", color: "ghost", "aria-hidden": "true" }),
-            /* @__PURE__ */ r.jsx(j, { as: "h2", fontSize: "lg", children: a })
+          /* @__PURE__ */ n.jsxs("header", { className: Ct(), children: [
+            /* @__PURE__ */ n.jsx(E, { as: r, size: "lg", color: "ghost", "aria-hidden": "true" }),
+            /* @__PURE__ */ n.jsx(j, { as: "h2", fontSize: "lg", children: a })
           ] }),
-          s && /* @__PURE__ */ r.jsx(j, { as: "p", align: "center", color: "gray", className: "mb-4", children: s }),
-          t && /* @__PURE__ */ r.jsx("div", { role: "group", "aria-label": "Available actions", children: t })
+          s && /* @__PURE__ */ n.jsx(j, { as: "p", align: "center", color: "gray", className: "mb-4", children: s }),
+          t && /* @__PURE__ */ n.jsx("div", { role: "group", "aria-label": "Available actions", children: t })
         ]
       }
     );
   }
-), Q = O(null), Nt = Q.Provider;
-function T() {
-  const e = W(Q);
+), Q = R(null), zt = Q.Provider;
+function W() {
+  const e = O(Q);
   if (!e)
     throw new Error("Table compound components must be used within <Table>");
   return e;
 }
-const q = (e) => {
+const B = (e) => {
   if (e < 1 || e > 12)
     throw new Error("Column span must be between 1 and 12");
   switch (e) {
@@ -2073,7 +2133,7 @@ const q = (e) => {
     default:
       return "grid-cols-2";
   }
-}, Et = (e) => {
+}, Vt = (e) => {
   if (e < 1 || e > 12)
     throw new Error("Column span must be between 1 and 12");
   switch (e) {
@@ -2104,62 +2164,62 @@ const q = (e) => {
     default:
       return "col-span-2";
   }
-}, Ct = h(
-  ({ children: e, className: n, ...a }, s) => {
-    const { columns: t } = T();
-    return /* @__PURE__ */ r.jsx(
+}, It = h(
+  ({ children: e, className: r, ...a }, s) => {
+    const { columns: t } = W();
+    return /* @__PURE__ */ n.jsx(
       "div",
       {
         role: "rowgroup",
-        className: f("bg-neutral-soft", n),
+        className: f("bg-neutral-soft", r),
         ...a,
         ref: s,
-        children: /* @__PURE__ */ r.jsx(
+        children: /* @__PURE__ */ n.jsx(
           "div",
           {
             role: "row",
-            className: f("grid gap-4", q(t)),
+            className: f("grid gap-4", B(t)),
             children: e
           }
         )
       }
     );
   }
-), zt = h(
-  ({ children: e, className: n, ...a }, s) => /* @__PURE__ */ r.jsx("div", { role: "rowgroup", ref: s, className: f(n), ...a, children: e })
-), Vt = h(
-  ({ children: e, className: n, ...a }, s) => {
-    const { columns: t } = T();
-    return /* @__PURE__ */ r.jsx(
+), At = h(
+  ({ children: e, className: r, ...a }, s) => /* @__PURE__ */ n.jsx("div", { role: "rowgroup", ref: s, className: f(r), ...a, children: e })
+), Lt = h(
+  ({ children: e, className: r, ...a }, s) => {
+    const { columns: t } = W();
+    return /* @__PURE__ */ n.jsx(
       "div",
       {
         role: "rowgroup",
-        className: f("bg-neutral-soft", n),
+        className: f("bg-neutral-soft", r),
         ...a,
         ref: s,
-        children: /* @__PURE__ */ r.jsx(
+        children: /* @__PURE__ */ n.jsx(
           "div",
           {
             role: "row",
-            className: f("grid gap-4", q(t)),
+            className: f("grid gap-4", B(t)),
             children: e
           }
         )
       }
     );
   }
-), It = h(
-  ({ children: e, className: n, ...a }, s) => {
-    const { columns: t } = T();
-    return /* @__PURE__ */ r.jsx(
+), Mt = h(
+  ({ children: e, className: r, ...a }, s) => {
+    const { columns: t } = W();
+    return /* @__PURE__ */ n.jsx(
       "div",
       {
         role: "row",
         className: f(
           "grid gap-4",
-          q(t),
+          B(t),
           "border-b border-border last:border-0",
-          n
+          r
         ),
         ref: s,
         ...a,
@@ -2168,10 +2228,10 @@ const q = (e) => {
     );
   }
 ), Y = h(
-  ({ as: e = "td", span: n, align: a = "left", children: s, className: t, ...o }, i) => {
+  ({ as: e = "td", span: r, align: a = "left", children: s, className: t, ...o }, i) => {
     const l = e === "th" ? "columnheader" : "cell";
     let d = "text-left";
-    return a === "center" ? d = "text-center" : a === "right" && (d = "text-right"), /* @__PURE__ */ r.jsx(
+    return a === "center" ? d = "text-center" : a === "right" && (d = "text-right"), /* @__PURE__ */ n.jsx(
       "div",
       {
         ref: i,
@@ -2179,7 +2239,7 @@ const q = (e) => {
         className: f(
           "px-4 py-2",
           "[&:not(:last-child)]:border-r [&:not(:last-child)]:border-border",
-          Et(n),
+          Vt(r),
           d,
           "truncate overflow-hidden whitespace-nowrap",
           t
@@ -2189,34 +2249,34 @@ const q = (e) => {
       }
     );
   }
-), At = h(
-  (e, n) => /* @__PURE__ */ r.jsx(
+), St = h(
+  (e, r) => /* @__PURE__ */ n.jsx(
     Y,
     {
       ...e,
       as: "td",
-      ref: n,
+      ref: r,
       className: f(
         "truncate overflow-hidden whitespace-nowrap",
         e.className
       )
     }
   )
-), Lt = h(
-  (e, n) => /* @__PURE__ */ r.jsx(
+), _t = h(
+  (e, r) => /* @__PURE__ */ n.jsx(
     Y,
     {
       ...e,
       as: "th",
-      ref: n,
+      ref: r,
       className: f(
         "truncate overflow-hidden whitespace-nowrap",
         e.className
       )
     }
   )
-), Mt = h(
-  ({ children: e, className: n, columns: a = 12, ...s }, t) => /* @__PURE__ */ r.jsx(Nt, { value: { columns: a }, children: /* @__PURE__ */ r.jsx(
+), Rt = h(
+  ({ children: e, className: r, columns: a = 12, ...s }, t) => /* @__PURE__ */ n.jsx(zt, { value: { columns: a }, children: /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: t,
@@ -2227,20 +2287,20 @@ const q = (e) => {
         "text-foreground",
         "sm:rounded-xl",
         "transition-colors",
-        n
+        r
       ),
       ...s,
       children: e
     }
   ) })
-), ar = Object.assign(Mt, {
-  Header: Ct,
-  HeaderItem: Lt,
-  Body: zt,
-  Footer: Vt,
-  Row: It,
-  RowItem: At
-}), St = g(
+), ir = Object.assign(Rt, {
+  Header: It,
+  HeaderItem: _t,
+  Body: At,
+  Footer: Lt,
+  Row: Mt,
+  RowItem: St
+}), Ot = g(
   // Base classes
   "block transition-colors duration-200",
   {
@@ -2275,18 +2335,18 @@ const q = (e) => {
       shape: "rounded"
     }
   }
-), sr = h(
-  ({ variant: e = "white", size: n = "md", shape: a = "rounded", className: s, ...t }, o) => /* @__PURE__ */ r.jsx(
+), lr = h(
+  ({ variant: e = "white", size: r = "md", shape: a = "rounded", className: s, ...t }, o) => /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: o,
-      className: f(St({ variant: e, size: n, shape: a }), s),
+      className: f(Ot({ variant: e, size: r, shape: a }), s),
       ...t
     }
   )
 );
-function Rt({ src: e }) {
-  const [n, a] = k(!1), [s, t] = k(!1), o = B(!1), i = () => {
+function Tt({ src: e }) {
+  const [r, a] = k(!1), [s, t] = k(!1), o = T(!1), i = () => {
     a(!0);
   }, l = () => {
     t(!0);
@@ -2302,13 +2362,13 @@ function Rt({ src: e }) {
       o.current = !0;
     };
   }, [e]), {
-    loaded: n,
+    loaded: r,
     errored: s,
     handleLoad: i,
     handleError: l
   };
 }
-const Ot = g("block object-cover", {
+const Wt = g("block object-cover", {
   variants: {
     position: {
       cover: "object-cover",
@@ -2361,39 +2421,39 @@ const Ot = g("block object-cover", {
     }
   }
 );
-function Wt({
+function Bt({
   className: e,
-  shape: n,
+  shape: r,
   size: a,
   height: s,
   width: t
 }) {
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ n.jsx(
     de,
     {
-      className: f(Z({ shape: n, size: a }), e),
+      className: f(Z({ shape: r, size: a }), e),
       style: { height: s, width: t }
     }
   );
 }
-function Bt({
+function qt({
   alt: e,
-  width: n,
+  width: r,
   height: a,
   className: s,
   style: t,
   shape: o,
   size: i
 }) {
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: Z({ shape: o, size: i, className: s }),
-      style: { width: n, height: a, ...t },
+      style: { width: r, height: a, ...t },
       "aria-label": e,
       role: "img",
       children: [
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ n.jsx(
           ce,
           {
             size: 32,
@@ -2401,15 +2461,15 @@ function Bt({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ r.jsx("span", { style: { opacity: 0.7 }, children: e })
+        /* @__PURE__ */ n.jsx("span", { style: { opacity: 0.7 }, children: e })
       ]
     }
   );
 }
-const P = h(
+const q = h(
   ({
     src: e,
-    alt: n,
+    alt: r,
     onLoad: a,
     onError: s,
     width: t,
@@ -2420,36 +2480,36 @@ const P = h(
     shape: u,
     className: m,
     ...x
-  }, b) => {
-    const { loaded: p, errored: w, handleLoad: v, handleError: N } = Rt({
+  }, p) => {
+    const { loaded: b, errored: w, handleLoad: v, handleError: N } = Tt({
       src: e
     }), y = typeof t == "number" ? t : Number(t), I = typeof o == "number" ? o : Number(o);
-    return !p && !w ? /* @__PURE__ */ r.jsx(
-      Wt,
+    return !b && !w ? /* @__PURE__ */ n.jsx(
+      Bt,
       {
         shape: u,
         width: y,
         height: I
       }
-    ) : w ? /* @__PURE__ */ r.jsx(
-      Bt,
+    ) : w ? /* @__PURE__ */ n.jsx(
+      qt,
       {
         shape: u,
-        alt: n,
+        alt: r,
         width: y,
         height: I
       }
-    ) : /* @__PURE__ */ r.jsx(
+    ) : /* @__PURE__ */ n.jsx(
       "img",
       {
-        ref: b,
+        ref: p,
         src: e,
-        alt: n,
+        alt: r,
         width: y,
         height: I,
         loading: i,
         className: f(
-          Ot({
+          Wt({
             position: l,
             size: d,
             shape: u
@@ -2466,35 +2526,37 @@ const P = h(
       }
     );
   }
-), or = h((e, n) => /* @__PURE__ */ r.jsx(P, { ref: n, ...e, shape: "circle" })), ir = h((e, n) => /* @__PURE__ */ r.jsx(P, { ref: n, ...e, shape: "square" })), lr = h((e, n) => /* @__PURE__ */ r.jsx(P, { ref: n, ...e, shape: "rectangle" }));
+), cr = h((e, r) => /* @__PURE__ */ n.jsx(q, { ref: r, ...e, shape: "circle" })), dr = h((e, r) => /* @__PURE__ */ n.jsx(q, { ref: r, ...e, shape: "square" })), ur = h((e, r) => /* @__PURE__ */ n.jsx(q, { ref: r, ...e, shape: "rectangle" }));
 export {
-  Ft as A,
-  Jt as B,
-  er as C,
-  tr as F,
+  Ut as A,
+  Yt as B,
+  nr as C,
+  ar as F,
   G as H,
   E as I,
-  z as M,
-  nr as N,
-  ar as T,
-  $t as a,
-  Gt as b,
-  Ut as c,
-  Be as d,
-  Dt as e,
-  Xt as f,
-  Kt as g,
+  V as M,
+  or as N,
+  ir as T,
+  Dt as a,
+  Xt as b,
+  Jt as c,
+  Te as d,
+  Kt as e,
+  Qt as f,
+  Zt as g,
   J as h,
-  Qt as i,
-  Yt as j,
-  Zt as k,
+  er as i,
+  tr as j,
+  rr as k,
   ht as l,
-  rr as m,
-  j as n,
+  kt as m,
+  yt as n,
   sr as o,
-  or as p,
-  ir as q,
-  lr as r,
-  P as s,
-  Ne as t
+  j as p,
+  lr as q,
+  cr as r,
+  dr as s,
+  ur as t,
+  q as u,
+  Ne as v
 };