@dimasbaguspm/versaur 0.0.62 → 0.0.63

package/dist/js/{image-rectangle-BwT5taeR.js → image-rectangle-Je73yhJX.js}

@@ -1,8 +1,8 @@
-import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import { j as r } from "./jsx-runtime-C5mzlN2N.js";
 import * as c from "react";
-import _, { createContext as O, useContext as S, forwardRef as g, useState as j, useRef as B, useCallback as A, useEffect as E, useId as re, cloneElement as ne } from "react";
+import _, { createContext as O, useContext as S, forwardRef as f, useState as j, useRef as B, useCallback as A, useEffect as E, useId as re, cloneElement as ne } from "react";
 import { ChevronDown as ae, ChevronRight as se, LoaderCircleIcon as F, CheckIcon as oe, EllipsisVerticalIcon as ie, XIcon as le, ImageOff as ce } from "lucide-react";
-import { c as f, a as u } from "./index-BDtz_hQY.js";
+import { c as g, a as u } from "./index-BDtz_hQY.js";
 import { S as de } from "./skeleton-BRwIW26B.js";
 const G = O(
   null
@@ -13,7 +13,7 @@ const G = O(
       "Accordion compound components must be used within Accordion"
     );
   return e;
-}, ue = f(
+}, ue = g(
   "border-b border-border bg-background overflow-hidden",
   {
     variants: {
@@ -26,7 +26,7 @@ const G = O(
       disabled: !1
     }
   }
-), me = f(
+), me = g(
   "flex items-center justify-between w-full p-4 text-left transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-light focus-visible:ring-inset",
   {
     variants: {
@@ -44,7 +44,7 @@ const G = O(
       isOpen: !1
     }
   }
-), he = f(
+), he = g(
   "overflow-hidden transition-all duration-300",
   {
     variants: {
@@ -57,7 +57,7 @@ const G = O(
       isOpen: !1
     }
   }
-), ge = f("p-4 pt-0"), fe = f("transition-transform duration-200", {
+), fe = g("p-4 pt-0"), ge = g("transition-transform duration-200", {
   variants: {
     isOpen: {
       true: "rotate-180",
@@ -67,7 +67,7 @@ const G = O(
   defaultVariants: {
     isOpen: !1
   }
-}), xe = f("", {
+}), xe = g("", {
   variants: {
     color: {
       primary: "text-primary",
@@ -132,10 +132,10 @@ const G = O(
     clamp: "none",
     as: "h1"
   }
-}), L = g(
+}), L = f(
   ({
     as: e = "h3",
-    color: r = "black",
+    color: n = "black",
     transform: a = "none",
     decoration: s = "none",
     hasMargin: t = !1,
@@ -147,13 +147,13 @@ const G = O(
     ...h
   }, x) => {
     const p = e, b = l ? i === "none" ? "truncate" : "overflow-hidden" : "";
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       p,
       {
         ref: x,
         className: u(
           xe({
-            color: r,
+            color: n,
             transform: a,
             decoration: s,
             hasMargin: t,
@@ -171,7 +171,7 @@ const G = O(
   }
 );
 L.displayName = "Heading";
-const be = f("inline-flex items-center justify-center", {
+const be = g("inline-flex items-center justify-center", {
   variants: {
     size: {
       xs: "w-3 h-3",
@@ -201,54 +201,54 @@ const be = f("inline-flex items-center justify-center", {
     size: "md",
     color: "primary"
   }
-}), N = _.forwardRef(function({ as: r, color: a = "primary", size: s = "md", className: t, ...o }, i) {
-  return /* @__PURE__ */ n.jsx(
-    r,
+}), k = _.forwardRef(function({ as: n, color: a = "primary", size: s = "md", className: t, ...o }, i) {
+  return /* @__PURE__ */ r.jsx(
+    n,
     {
       ref: i,
       className: be({ color: a, size: s, className: t }),
       ...o
     }
   );
-}), pe = g(function({ className: r, children: a, ...s }, t) {
-  return /* @__PURE__ */ n.jsx(
+}), pe = f(function({ className: n, children: a, ...s }, t) {
+  return /* @__PURE__ */ r.jsx(
     L,
     {
       ref: t,
       as: "h6",
-      className: u("font-medium", r),
+      className: u("font-medium", n),
       ...s,
       color: "black",
       children: a
     }
   );
-}), we = g(function({ className: r, children: a, ...s }, t) {
+}), ve = f(function({ className: n, children: a, ...s }, t) {
   const { isOpen: o } = $();
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: t,
-      className: u(he({ isOpen: o }), r),
+      className: u(he({ isOpen: o }), n),
       ...s,
-      children: /* @__PURE__ */ n.jsx("div", { className: ge(), children: a })
+      children: /* @__PURE__ */ r.jsx("div", { className: fe(), children: a })
     }
   );
-}), D = g(function({ as: r, ...a }, s) {
+}), D = f(function({ as: n, ...a }, s) {
   const { isOpen: t } = $();
-  return /* @__PURE__ */ n.jsx(
-    N,
+  return /* @__PURE__ */ r.jsx(
+    k,
     {
       ref: s,
-      as: r,
+      as: n,
       color: "ghost",
       size: "sm",
-      className: fe({ isOpen: t }),
+      className: ge({ isOpen: t }),
       ...a
     }
   );
-}), ve = g(
+}), we = f(
   function({
-    title: r,
+    title: n,
     subtitle: a,
     isDefaultOpen: s = !1,
     disabled: t = !1,
@@ -258,13 +258,13 @@ const be = f("inline-flex items-center justify-center", {
     ...d
   }, m) {
     const [h, x] = j(s), p = () => {
-      t || x((w) => !w);
+      t || x((v) => !v);
     }, b = {
       isOpen: h,
       toggle: p,
       disabled: t
     };
-    return /* @__PURE__ */ n.jsx(G.Provider, { value: b, children: /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ r.jsx(G.Provider, { value: b, children: /* @__PURE__ */ r.jsxs(
       "div",
       {
         ref: m,
@@ -275,7 +275,7 @@ const be = f("inline-flex items-center justify-center", {
         ),
         ...d,
         children: [
-          /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ r.jsx(
             "div",
             {
               role: "button",
@@ -283,34 +283,34 @@ const be = f("inline-flex items-center justify-center", {
               onClick: p,
               "aria-disabled": t,
               "aria-expanded": h,
-              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 })
+              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 })
                 ] }),
-                /* @__PURE__ */ n.jsx(D, { as: ae })
+                /* @__PURE__ */ r.jsx(D, { as: ae })
               ] })
             }
           ),
-          /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ r.jsx(
             "div",
             {
               className: u(
                 "overflow-hidden transition-all duration-300",
                 h ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
               ),
-              children: /* @__PURE__ */ n.jsx("div", { className: "p-4 pt-2", children: l })
+              children: /* @__PURE__ */ r.jsx("div", { className: "p-4 pt-2", children: l })
             }
           )
         ]
       }
     ) });
   }
-), Ut = Object.assign(ve, {
+), Ut = Object.assign(we, {
   Title: pe,
-  Content: we,
+  Content: ve,
   Icon: D
-}), ye = f(
+}), ye = g(
   [
     // Base styles
     "fixed",
@@ -332,8 +332,8 @@ const be = f("inline-flex items-center justify-center", {
     }
   }
 );
-function je(e, r, a = "bottom", s = 8) {
-  const t = e.getBoundingClientRect(), o = r.getBoundingClientRect();
+function je(e, n, a = "bottom", s = 8) {
+  const t = e.getBoundingClientRect(), o = n.getBoundingClientRect();
   let i = 0, l = 0;
   switch (a) {
     // Top placements
@@ -384,8 +384,8 @@ function je(e, r, a = "bottom", s = 8) {
     margin: 0
   };
 }
-function ke(e, r, a, s) {
-  const t = B(null), [o, i] = j(!1), l = r !== void 0, d = l ? r : o, m = A(() => {
+function Ne(e, n, a, s) {
+  const t = B(null), [o, i] = j(!1), l = n !== void 0, d = l ? n : o, m = A(() => {
     t.current && t.current.showPopover?.();
   }, []), h = A(() => {
     t.current && t.current.hidePopover?.();
@@ -401,24 +401,24 @@ function ke(e, r, a, s) {
   return E(() => {
     const b = t.current;
     if (!b) return;
-    const w = (v) => {
-      const y = v.newState === "open";
+    const v = (w) => {
+      const y = w.newState === "open";
       l || i(y), y && a ? a() : !y && s && s();
     };
-    return b.addEventListener("toggle", w), () => {
-      b.removeEventListener("toggle", w);
+    return b.addEventListener("toggle", v), () => {
+      b.removeEventListener("toggle", v);
     };
   }, [l, a, s]), E(() => {
     if (!l || !t.current) return;
     const b = t.current;
     if (!b.showPopover || !b.hidePopover) return;
-    let w = !1;
+    let v = !1;
     try {
-      w = b.matches(":popover-open");
+      v = b.matches(":popover-open");
     } catch {
     }
-    r && !w ? m() : !r && w && h();
-  }, [r, l, m, h]), {
+    n && !v ? m() : !n && v && h();
+  }, [n, l, m, h]), {
     getTriggerProps: p,
     show: m,
     hide: h,
@@ -427,14 +427,14 @@ function ke(e, r, a, s) {
     popoverRef: t
   };
 }
-const Ne = (...e) => (r) => {
+const ke = (...e) => (n) => {
   e.forEach((a) => {
-    typeof a == "function" ? a(r) : a && "current" in a && (a.current = r);
+    typeof a == "function" ? a(n) : a && "current" in a && (a.current = n);
   });
-}, X = g(
+}, X = f(
   ({
     id: e,
-    children: r,
+    children: n,
     isOpen: a,
     onOpen: s,
     onClose: t,
@@ -447,8 +447,8 @@ const Ne = (...e) => (r) => {
     className: x,
     style: p,
     ...b
-  }, w) => {
-    const { popoverRef: v, isOpen: k } = ke(
+  }, v) => {
+    const { popoverRef: w, isOpen: N } = Ne(
       e,
       a,
       s,
@@ -457,19 +457,19 @@ const Ne = (...e) => (r) => {
       {}
     ), [z, R] = j(!1);
     E(() => {
-      if (!d?.current || !v.current)
+      if (!d?.current || !w.current)
         return;
       const T = () => {
-        if (!d.current || !v.current) return;
+        if (!d.current || !w.current) return;
         const te = je(
           d.current,
-          v.current,
+          w.current,
           l,
           m
         );
         I(te);
       };
-      k ? (R(!1), requestAnimationFrame(() => {
+      N ? (R(!1), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           T(), requestAnimationFrame(() => {
             R(!0);
@@ -477,12 +477,12 @@ const Ne = (...e) => (r) => {
         });
       })) : (R(!1), T());
       const M = () => {
-        k && T();
+        N && T();
       };
       return window.addEventListener("scroll", M, !0), window.addEventListener("resize", M), () => {
         window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M);
       };
-    }, [d, v, l, m, k]);
+    }, [d, w, l, m, N]);
     const ee = {
       ...y,
       ...p,
@@ -493,28 +493,28 @@ const Ne = (...e) => (r) => {
         transition: "none"
       }
     };
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
         ...b,
-        ref: Ne(w, v),
+        ref: ke(v, w),
         id: e,
         popover: i,
         className: u(ye({ maxWidth: h }), x),
         style: ee,
         ...o && { anchor: o },
-        children: r
+        children: n
       }
     );
   }
 );
 X.displayName = "Popover";
-const Ee = (e, r = "toggle") => ({
+const Ee = (e, n = "toggle") => ({
   popoverTarget: e,
-  popoverTargetAction: r
+  popoverTargetAction: n
 }), Ce = Object.assign(X, {
   getTriggerProps: Ee
-}), _e = f(
+}), _e = g(
   "group flex items-center justify-between transition-all duration-200 w-full",
   {
     variants: {
@@ -533,7 +533,7 @@ const Ee = (e, r = "toggle") => ({
       as: "button"
     }
   }
-), Ve = f(
+), Ve = g(
   "bg-gradient-to-br from-gray-100 to-gray-200 rounded-xl flex items-center justify-center group-hover:from-primary-soft group-hover:to-primary-light duration-200",
   {
     variants: {
@@ -547,7 +547,7 @@ const Ee = (e, r = "toggle") => ({
       size: "md"
     }
   }
-), Ie = f(
+), Ie = g(
   "inline-flex items-center justify-center text-ghost-bold transition-colors duration-200",
   {
     variants: {
@@ -570,7 +570,7 @@ const Ee = (e, r = "toggle") => ({
   "em",
   "small",
   "label"
-], Ae = (e) => ze.includes(e) ? e : "span", Le = f("", {
+], Ae = (e) => ze.includes(e) ? e : "span", Le = g("", {
   variants: {
     color: {
       primary: "text-primary",
@@ -637,10 +637,10 @@ const Ee = (e, r = "toggle") => ({
     clamp: "none",
     as: "span"
   }
-}), C = g(
+}), C = f(
   ({
     as: e = "span",
-    color: r = "ghost",
+    color: n = "ghost",
     transform: a = "none",
     decoration: s = "none",
     align: t = "left",
@@ -652,14 +652,14 @@ const Ee = (e, r = "toggle") => ({
     children: h,
     ...x
   }, p) => {
-    const b = Ae(e), w = e, v = d ? `font-${d}` : "", k = l ? i === "none" ? "truncate" : "overflow-hidden" : "";
-    return /* @__PURE__ */ n.jsx(
-      w,
+    const b = Ae(e), v = e, w = d ? `font-${d}` : "", N = l ? i === "none" ? "truncate" : "overflow-hidden" : "";
+    return /* @__PURE__ */ r.jsx(
+      v,
       {
         ref: p,
         className: u(
           Le({
-            color: r,
+            color: n,
             transform: a,
             decoration: s,
             align: t,
@@ -667,8 +667,8 @@ const Ee = (e, r = "toggle") => ({
             clamp: i,
             as: b
           }),
-          v,
-          k,
+          w,
+          N,
           m
         ),
         ...x,
@@ -676,24 +676,24 @@ const Ee = (e, r = "toggle") => ({
       }
     );
   }
-), Me = g(
-  ({ children: e, className: r }, a) => /* @__PURE__ */ n.jsx(
+), Me = f(
+  ({ children: e, className: n }, a) => /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: a,
       className: u(
         "bg-background border border-border rounded-lg overflow-hidden",
         "divide-y divide-border",
-        r
+        n
       ),
       role: "group",
       children: e
     }
   )
-), Re = g(
+), Re = f(
   ({
     size: e = "md",
-    icon: r,
+    icon: n,
     title: a,
     subtitle: s,
     badge: t,
@@ -701,18 +701,18 @@ const Ee = (e, r = "toggle") => ({
     as: i = "button",
     className: l,
     ...d
-  }, m) => /* @__PURE__ */ n.jsxs(
+  }, m) => /* @__PURE__ */ r.jsxs(
     i,
     {
       ref: m,
       className: u(_e({ size: e, as: i }), l),
       ...d,
       children: [
-        /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-4 flex-1", children: [
-          r && /* @__PURE__ */ n.jsx("div", { className: u(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(
+        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-4 flex-1", children: [
+          n && /* @__PURE__ */ r.jsx("div", { className: u(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(
                 C,
                 {
                   as: "span",
@@ -722,7 +722,7 @@ const Ee = (e, r = "toggle") => ({
                   children: a
                 }
               ),
-              t && /* @__PURE__ */ n.jsx(
+              t && /* @__PURE__ */ r.jsx(
                 "div",
                 {
                   className: "flex flex-wrap items-center flex-row justify-start gap-3",
@@ -731,7 +731,7 @@ const Ee = (e, r = "toggle") => ({
                 }
               )
             ] }),
-            s && /* @__PURE__ */ n.jsx(
+            s && /* @__PURE__ */ r.jsx(
               C,
               {
                 as: "small",
@@ -742,8 +742,8 @@ const Ee = (e, r = "toggle") => ({
             )
           ] })
         ] }),
-        o && /* @__PURE__ */ n.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ n.jsx(
-          N,
+        o && /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ r.jsx(
+          k,
           {
             as: se,
             className: u(Ie({ size: e })),
@@ -756,7 +756,7 @@ const Ee = (e, r = "toggle") => ({
   )
 ), Jt = Object.assign(Re, {
   Group: Me
-}), Te = f(
+}), Te = g(
   "relative flex items-center gap-2 rounded-md p-2 text-sm transition-all duration-200",
   {
     variants: {
@@ -877,7 +877,7 @@ const Ee = (e, r = "toggle") => ({
       color: "neutral"
     }
   }
-), Oe = f(
+), Oe = g(
   "flex-shrink-0 flex justify-center items-center ",
   {
     variants: {
@@ -891,32 +891,32 @@ const Ee = (e, r = "toggle") => ({
       size: "md"
     }
   }
-), U = g(
-  ({ className: e, children: r, ...a }, s) => /* @__PURE__ */ n.jsx("div", { ref: s, className: u(Oe(), e), ...a, children: r })
-), Se = g(
+), U = f(
+  ({ className: e, children: n, ...a }, s) => /* @__PURE__ */ r.jsx("div", { ref: s, className: u(Oe(), e), ...a, children: n })
+), Se = f(
   ({
     variant: e = "default",
-    color: r = "neutral",
+    color: n = "neutral",
     icon: a,
     className: s,
     children: t,
     ...o
-  }, i) => /* @__PURE__ */ n.jsxs(
+  }, i) => /* @__PURE__ */ r.jsxs(
     "div",
     {
       ref: i,
       role: "alert",
-      className: u(Te({ variant: e, color: r }), s),
+      className: u(Te({ variant: e, color: n }), s),
       ...o,
       children: [
-        a && /* @__PURE__ */ n.jsx(U, { children: a }),
-        /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: t })
+        a && /* @__PURE__ */ r.jsx(U, { children: a }),
+        /* @__PURE__ */ r.jsx("div", { className: "flex-1", children: t })
       ]
     }
   )
 ), Kt = Object.assign(Se, {
   Icon: U
-}), Be = f(
+}), Be = g(
   [
     "inline-flex items-center transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
     // pseudo selectors for anchor
@@ -973,38 +973,38 @@ const Ee = (e, r = "toggle") => ({
       quiet: !1
     }
   }
-), Qt = g(
+), Qt = f(
   ({
     children: e,
-    className: r,
+    className: n,
     color: a = "primary",
     fontSize: s = "base",
     fontWeight: t = "medium",
     quiet: o = !1,
     ...i
-  }, l) => /* @__PURE__ */ n.jsx(
+  }, l) => /* @__PURE__ */ r.jsx(
     "a",
     {
       ref: l,
       className: u(
         Be({ color: a, fontSize: s, fontWeight: t, quiet: o }),
-        r
+        n
       ),
       ...i,
       children: e
     }
   )
-), We = g(
-  function({ title: r, children: a, className: s, hasMargin: t, ...o }, i) {
-    return /* @__PURE__ */ n.jsxs(
+), We = f(
+  function({ title: n, children: a, className: s, hasMargin: t, ...o }, i) {
+    return /* @__PURE__ */ r.jsxs(
       "div",
       {
         ref: i,
         className: u("space-y-1", s, t && "mb-4"),
         ...o,
         children: [
-          /* @__PURE__ */ n.jsx(L, { as: "h6", color: "gray", className: "leading-none", children: r }),
-          /* @__PURE__ */ n.jsx(C, { as: "small", fontWeight: "normal", children: a })
+          /* @__PURE__ */ r.jsx(L, { as: "h6", color: "gray", className: "leading-none", children: n }),
+          /* @__PURE__ */ r.jsx(C, { as: "small", fontWeight: "normal", children: a })
         ]
       }
     );
@@ -1070,25 +1070,25 @@ function Pe(e = 4) {
       return "grid-cols-4";
   }
 }
-const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }, i) {
+const He = f(function({ children: n, className: a, span: s = 1, title: t, ...o }, i) {
   const l = qe(s);
-  return /* @__PURE__ */ n.jsx("li", { ref: i, className: u(l, a), ...o, children: /* @__PURE__ */ n.jsx(We, { title: t, children: r }) });
-}), Fe = g(
-  function({ children: r, className: a, columns: s = 4, ...t }, o) {
+  return /* @__PURE__ */ r.jsx("li", { ref: i, className: u(l, a), ...o, children: /* @__PURE__ */ r.jsx(We, { title: t, children: n }) });
+}), Fe = f(
+  function({ children: n, className: a, columns: s = 4, ...t }, o) {
     const i = Pe(s);
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       "ul",
       {
         ref: o,
         className: u("grid gap-4", i, a),
         ...t,
-        children: r
+        children: n
       }
     );
   }
 ), Yt = Object.assign(Fe, {
   Item: He
-}), Ge = f(
+}), Ge = g(
   "inline-flex items-center justify-center font-medium text-white overflow-hidden transition-all duration-200 select-none relative",
   {
     variants: {
@@ -1128,27 +1128,27 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
       shape: "circle"
     }
   }
-), $e = f(
+), $e = g(
   "absolute inset-0 h-full w-full object-cover"
-), De = g(
+), De = f(
   ({
     variant: e = "primary",
-    size: r = "md",
+    size: n = "md",
     shape: a = "circle",
     className: s,
     children: t,
     ...o
-  }, i) => /* @__PURE__ */ n.jsx(
+  }, i) => /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: i,
-      className: u(Ge({ variant: e, size: r, shape: a }), s),
+      className: u(Ge({ variant: e, size: n, shape: a }), s),
       ...o,
       children: t
     }
   )
-), Xe = g(
-  ({ src: e, alt: r, className: a, onError: s, ...t }, o) => {
+), Xe = f(
+  ({ src: e, alt: n, className: a, onError: s, ...t }, o) => {
     const [i, l] = j(!1);
     E(() => {
       l(!1);
@@ -1159,12 +1159,12 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
       },
       [s]
     );
-    return i ? null : /* @__PURE__ */ n.jsx(
+    return i ? null : /* @__PURE__ */ r.jsx(
       "img",
       {
         ref: o,
         src: e,
-        alt: r,
+        alt: n,
         className: u($e(), a),
         onError: d,
         ...t
@@ -1176,7 +1176,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
    * AvatarImage sub-component for displaying images with fallback behavior
    */
   Image: Xe
-}), Ue = f(
+}), Ue = g(
   "inline-flex items-center justify-center font-medium transition-all duration-200 select-none gap-1 min-h-[1.25rem]",
   {
     variants: {
@@ -1363,10 +1363,10 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
       iconOnly: !1
     }
   }
-), er = g(
+), er = f(
   ({
     variant: e = "default",
-    shape: r = "square",
+    shape: n = "square",
     color: a = "primary",
     size: s = "md",
     iconLeft: t,
@@ -1376,7 +1376,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
     ...d
   }, m) => {
     const p = !(l != null && l !== "") && !!(t || o);
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       "span",
       {
         ref: m,
@@ -1384,7 +1384,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
           Ue({
             variant: e,
             color: a,
-            shape: r,
+            shape: n,
             size: s,
             iconOnly: p
           }),
@@ -1396,7 +1396,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
           t || o
         ) : (
           // Normal mode: display icon(s) and text
-          /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+          /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
             t,
             l,
             o
@@ -1405,7 +1405,7 @@ const He = g(function({ children: r, 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" }))), 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, "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" }))), 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, "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" }))), 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 (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" }))), 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, "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" }))), 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, "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" }))), 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("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" }))), tt = (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" }))), rt = (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" }))), nt = f("", {
+), 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" }))), 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, "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" }))), 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, "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" }))), 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 (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" }))), 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, "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" }))), 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, "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" }))), 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("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" }))), tt = (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" }))), rt = (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" }))), nt = g("", {
   variants: {
     size: {
       xs: "h-6 w-6",
@@ -1418,8 +1418,8 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
   defaultVariants: {
     size: "md"
   }
-}), at = g(
-  ({ shape: e = "square", size: r, name: a = "spenicle", ...s }, t) => {
+}), at = f(
+  ({ shape: e = "square", size: n, name: a = "spenicle", ...s }, t) => {
     const o = {
       spenicle: {
         square: H,
@@ -1437,26 +1437,26 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
         circle: rt
       }
     }, l = (o[a] || o.spenicle)[e || "square"] || H;
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       l,
       {
         ref: t,
         ...s,
-        className: u("inline-block", nt({ size: r }))
+        className: u("inline-block", nt({ size: n }))
       }
     );
   }
-), tr = g(
-  ({ name: e = "spenicle", size: r = "md", shape: a, ...s }, t) => /* @__PURE__ */ n.jsx(
+), tr = f(
+  ({ name: e = "spenicle", size: n = "md", shape: a, ...s }, t) => /* @__PURE__ */ r.jsx(
     "span",
     {
       ref: t,
       className: u("inline-flex items-center gap-2"),
       ...s,
-      children: /* @__PURE__ */ n.jsx(at, { name: e, shape: a, size: r, "aria-hidden": "true" })
+      children: /* @__PURE__ */ r.jsx(at, { name: e, shape: a, size: n, "aria-hidden": "true" })
     }
   )
-), st = f(
+), st = g(
   "inline-flex items-center justify-center gap-2 rounded-md 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 active:scale-[0.98] select-none cursor-pointer",
   {
     variants: {
@@ -1483,7 +1483,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
   }
 ), J = _.forwardRef(
   function({
-    className: r,
+    className: n,
     variant: a = "primary",
     size: s = "md",
     disabled: t = !1,
@@ -1493,20 +1493,20 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
     ...d
   }, m) {
     const h = s === "sm" ? "sm" : s === "lg" ? "md" : "sm", x = () => a === "primary" || a === "destructive" ? "white" : "inherit";
-    return /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ r.jsxs(
       "button",
       {
         ref: m,
         type: o,
-        className: u(st({ variant: a, size: s }), r),
+        className: u(st({ variant: a, size: s }), n),
         disabled: t || i,
         "aria-disabled": t || i,
         inert: t || i ? !0 : void 0,
         "aria-busy": i ? !0 : void 0,
         ...d,
         children: [
-          i && /* @__PURE__ */ n.jsx(
-            N,
+          i && /* @__PURE__ */ r.jsx(
+            k,
             {
               as: F,
               size: h,
@@ -1519,7 +1519,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
       }
     );
   }
-), ot = f(
+), ot = g(
   "inline-flex items-center justify-center gap-2 rounded-md 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 active:scale-[0.98] select-none cursor-pointer no-underline",
   {
     variants: {
@@ -1543,7 +1543,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
     }
   }
 ), rr = _.forwardRef(function({
-  className: r,
+  className: n,
   variant: a = "primary",
   size: s = "md",
   disabled: t = !1,
@@ -1559,12 +1559,12 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
     }
     l?.(x);
   };
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ r.jsx(
     "a",
     {
       ref: m,
       href: t ? void 0 : i,
-      className: u(ot({ variant: a, size: s }), r),
+      className: u(ot({ variant: a, size: s }), n),
       "aria-disabled": t ? !0 : void 0,
       tabIndex: t ? -1 : void 0,
       role: t ? "link" : void 0,
@@ -1573,7 +1573,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
       children: o
     }
   );
-}), it = f(
+}), it = g(
   "z-70 min-w-56 bg-background rounded-lg border border-border transition-all duration-200 ease-out will-change-transform shadow-lg",
   {
     variants: {
@@ -1596,24 +1596,24 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
   if (!e)
     throw new Error("useMenuProvider must be used within a MenuProvider");
   return e;
-}, dt = g(
-  ({ children: e }, r) => /* @__PURE__ */ n.jsx("ul", { ref: r, className: "flex flex-col gap-1", children: e })
-), ut = g(
-  ({ children: e, disabled: r, onClick: a, active: s, ...t }, o) => {
+}, dt = f(
+  ({ children: e }, n) => /* @__PURE__ */ r.jsx("ul", { ref: n, className: "flex flex-col gap-1", children: e })
+), ut = f(
+  ({ children: e, disabled: n, onClick: a, active: s, ...t }, o) => {
     const { preserve: i, onClose: l } = ct(), d = (m) => {
       a?.(m), i || l();
     };
-    return /* @__PURE__ */ n.jsx("li", { ref: o, ...t, children: /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ r.jsx("li", { ref: o, ...t, children: /* @__PURE__ */ r.jsxs(
       J,
       {
         variant: "ghost",
         className: u("justify-start w-full gap-2"),
-        disabled: r,
+        disabled: n,
         onClick: d,
         children: [
           e,
-          s && /* @__PURE__ */ n.jsx(
-            N,
+          s && /* @__PURE__ */ r.jsx(
+            k,
             {
               as: oe,
               color: "inherit",
@@ -1627,7 +1627,7 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
   }
 ), mt = ({
   isOpen: e,
-  onClose: r,
+  onClose: n,
   size: a = "md",
   content: s,
   children: t,
@@ -1636,18 +1636,18 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
   preserve: l
 }) => {
   const d = B(null), m = re();
-  return /* @__PURE__ */ n.jsx(lt, { value: { onClose: r, preserve: !!l }, children: /* @__PURE__ */ n.jsxs("div", { className: "relative w-fit", children: [
+  return /* @__PURE__ */ r.jsx(lt, { value: { onClose: n, preserve: !!l }, children: /* @__PURE__ */ r.jsxs("div", { className: "relative w-fit", children: [
     ne(t, {
       // @ts-expect-error: ref is valid for button or forwardRef components
       ref: d
     }),
-    /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ r.jsx(
       Ce,
       {
         id: m,
         triggerRef: d,
         isOpen: e,
-        onClose: r,
+        onClose: n,
         placement: o,
         gap: i,
         maxWidth: "sm",
@@ -1659,8 +1659,8 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
 }, V = Object.assign(mt, {
   Content: dt,
   Item: ut
-}), ht = g(
-  (e, r) => {
+}), ht = f(
+  (e, n) => {
     const {
       children: a,
       onOpenChange: s,
@@ -1676,27 +1676,27 @@ const He = g(function({ children: r, className: a, span: s = 1, title: t, ...o }
     const x = () => {
       h(!1);
     }, p = (b) => {
-      b.stopPropagation(), h((w) => !w), t?.(b);
+      b.stopPropagation(), h((v) => !v), t?.(b);
     };
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       V,
       {
         isOpen: m,
         onClose: x,
         placement: o,
         preserve: i,
-        content: /* @__PURE__ */ n.jsx(V.Content, { children: a }),
-        children: /* @__PURE__ */ n.jsx(J, { ref: r, onClick: p, ...d, children: l })
+        content: /* @__PURE__ */ r.jsx(V.Content, { children: a }),
+        children: /* @__PURE__ */ r.jsx(J, { ref: n, onClick: p, ...d, children: l })
       }
     );
   }
 ), nr = Object.assign(ht, {
   Item: V.Item
 });
-function gt(e = "primary") {
+function ft(e = "primary") {
   return e === "primary" || e === "destructive" ? "white" : "inherit";
 }
-const ft = f(
+const gt = g(
   "inline-flex items-center justify-center 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 active:scale-[0.98] select-none cursor-pointer",
   {
     variants: {
@@ -1729,7 +1729,7 @@ const ft = f(
   }
 ), xt = _.forwardRef(
   function({
-    className: r,
+    className: n,
     variant: a = "primary",
     size: s = "md",
     shape: t = "rounded",
@@ -1739,19 +1739,19 @@ const ft = f(
     "aria-label": d,
     ...m
   }, h) {
-    const x = gt(a);
-    return /* @__PURE__ */ n.jsx(
+    const x = ft(a);
+    return /* @__PURE__ */ r.jsx(
       "button",
       {
         ref: h,
         type: "button",
         className: u(
-          ft({
+          gt({
             variant: a,
             size: s,
             shape: t
           }),
-          r
+          n
         ),
         disabled: o || i,
         "aria-disabled": o || i,
@@ -1759,20 +1759,20 @@ const ft = f(
         inert: o || i ? !0 : void 0,
         "aria-busy": i ? !0 : void 0,
         ...m,
-        children: i ? /* @__PURE__ */ n.jsx(
-          N,
+        children: i ? /* @__PURE__ */ r.jsx(
+          k,
           {
             as: F,
             size: "sm",
             color: x,
             className: "animate-spin"
           }
-        ) : /* @__PURE__ */ n.jsx(N, { as: l, size: "sm", color: x })
+        ) : /* @__PURE__ */ r.jsx(k, { as: l, size: "sm", color: x })
       }
     );
   }
-), bt = g(
-  (e, r) => {
+), bt = f(
+  (e, n) => {
     const {
       as: a = ie,
       children: s,
@@ -1788,23 +1788,23 @@ const ft = f(
     const x = () => {
       h(!1);
     }, p = (b) => {
-      b.stopPropagation(), h((w) => !w), o?.(b);
+      b.stopPropagation(), h((v) => !v), o?.(b);
     };
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       V,
       {
         isOpen: m,
         onClose: x,
         placement: i,
         preserve: l,
-        content: /* @__PURE__ */ n.jsx(V.Content, { children: s }),
-        children: /* @__PURE__ */ n.jsx(xt, { ref: r, as: a, onClick: p, ...d })
+        content: /* @__PURE__ */ r.jsx(V.Content, { children: s }),
+        children: /* @__PURE__ */ r.jsx(xt, { ref: n, as: a, onClick: p, ...d })
       }
     );
   }
 ), ar = Object.assign(bt, {
   Item: V.Item
-}), pt = f(
+}), pt = g(
   "flex justify-between transition-colors duration-200 w-full",
   {
     variants: {
@@ -1836,28 +1836,28 @@ const ft = f(
       as: "button"
     }
   }
-), wt = g(
-  ({ children: e }, r) => /* @__PURE__ */ n.jsx(
+), vt = f(
+  ({ children: e }, n) => /* @__PURE__ */ r.jsx(
     "ul",
     {
-      ref: r,
+      ref: n,
       className: "flex flex-wrap items-center min-w-0 overflow-hidden w-full gap-x-0",
       children: e
     }
   )
-), vt = g(
-  ({ children: e }, r) => /* @__PURE__ */ n.jsx(
+), wt = f(
+  ({ children: e }, n) => /* @__PURE__ */ r.jsx(
     "li",
     {
-      ref: r,
+      ref: n,
       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__ */ n.jsx(C, { as: "small", color: "gray", ellipsis: !0, clamp: 1, children: e })
+      children: /* @__PURE__ */ r.jsx(C, { as: "small", color: "gray", ellipsis: !0, clamp: 1, children: e })
     }
   )
-), yt = g(
+), yt = f(
   ({
     size: e = "md",
-    shape: r = "rounded",
+    shape: n = "rounded",
     avatar: a,
     title: s,
     subtitle: t,
@@ -1867,44 +1867,35 @@ const ft = f(
     as: d = "button",
     className: m,
     ...h
-  }, x) => /* @__PURE__ */ n.jsx(
+  }, x) => /* @__PURE__ */ r.jsx(
     d,
     {
       ref: x,
       className: u(
-        pt({ size: e, shape: r, bordered: l, as: d }),
+        pt({ size: e, shape: n, bordered: l, as: d }),
         m,
         "@container/card"
       ),
       ...h,
-      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(L, { as: "h6", className: "break-words leading-tight", children: s }),
-            t && /* @__PURE__ */ n.jsx("div", { className: "mt-1", children: typeof t == "string" ? /* @__PURE__ */ n.jsx(C, { as: "small", color: "gray", children: t }) : /* @__PURE__ */ n.jsx("div", { className: "min-w-0 overflow-hidden", children: t }) })
+      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(L, { as: "h6", className: "break-words leading-tight", children: s }),
+            t && /* @__PURE__ */ r.jsx("div", { className: "mt-1", children: typeof t == "string" ? /* @__PURE__ */ r.jsx("div", { className: "flex", children: /* @__PURE__ */ r.jsx(C, { as: "small", color: "gray", children: t }) }) : /* @__PURE__ */ r.jsx("div", { className: "min-w-0 overflow-hidden", children: t }) })
           ] }) }) }),
-          /* @__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(
-              C,
-              {
-                as: "small",
-                color: "gray",
-                className: "truncate",
-                align: "right",
-                children: i
-              }
-            ) : /* @__PURE__ */ n.jsx("div", { className: "overflow-hidden", children: i }) })
+          /* @__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("div", { className: "flex justify-end", children: /* @__PURE__ */ r.jsx(C, { as: "small", color: "gray", className: "truncate", children: i }) }) : /* @__PURE__ */ r.jsx("div", { className: "overflow-hidden", children: i }) })
           ] })
         ] })
       ] })
     }
   )
 ), sr = Object.assign(yt, {
-  List: wt,
-  ListItem: vt
-}), jt = f(
+  List: vt,
+  ListItem: wt
+}), jt = 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",
   {
     variants: {
@@ -1919,26 +1910,26 @@ const ft = f(
     }
   }
 ), or = _.forwardRef(
-  function({ className: r, size: a = "md", disabled: s = !1, children: t, ...o }, i) {
-    return /* @__PURE__ */ n.jsxs(
+  function({ className: n, size: a = "md", disabled: s = !1, children: t, ...o }, i) {
+    return /* @__PURE__ */ r.jsxs(
       "button",
       {
         ref: i,
         type: "button",
-        className: u(jt({ size: a }), r),
+        className: u(jt({ size: a }), n),
         disabled: s,
         "aria-disabled": s,
         "aria-label": `${t}, removable`,
         inert: s ? !0 : void 0,
         ...o,
         children: [
-          /* @__PURE__ */ n.jsx("span", { className: "flex-shrink-0", children: t }),
-          /* @__PURE__ */ n.jsx(N, { as: le, color: "inherit", size: a === "lg" ? "md" : "sm" })
+          /* @__PURE__ */ r.jsx("span", { className: "flex-shrink-0", children: t }),
+          /* @__PURE__ */ r.jsx(k, { as: le, color: "inherit", size: a === "lg" ? "md" : "sm" })
         ]
       }
     );
   }
-), kt = [
+), Nt = [
   // Headings
   "[&_h1]:text-2xl",
   "[&_h1]:leading-loose",
@@ -1995,7 +1986,7 @@ const ft = f(
   "[&_p]:my-2",
   "[&_p:first-child]:mt-0",
   "[&_p:last-child]:mb-0"
-], Nt = f(
+], kt = g(
   "block w-full break-words text-ghost text-base leading-normal",
   {
     variants: {
@@ -2008,24 +1999,24 @@ const ft = f(
       scrollable: !1
     }
   }
-), Et = _.forwardRef(({ content: e, scrollable: r = !1, maxHeight: a, className: s, ...t }, o) => /* @__PURE__ */ n.jsx(
+), Et = _.forwardRef(({ content: e, scrollable: n = !1, maxHeight: a, className: s, ...t }, o) => /* @__PURE__ */ r.jsx(
   "div",
   {
     ref: o,
     role: "article",
     "aria-label": "Formatted text content",
     dangerouslySetInnerHTML: { __html: e },
-    style: r && a ? { maxHeight: `${a}rem` } : void 0,
+    style: n && a ? { maxHeight: `${a}rem` } : void 0,
     className: u(
-      Nt({ scrollable: r }),
-      ...kt,
+      kt({ scrollable: n }),
+      ...Nt,
       s
     ),
     ...t
   }
 ));
 Et.displayName = "FormattedText";
-const Ct = f("h-px w-full bg-border border-0", {
+const Ct = g("h-px w-full bg-border border-0", {
   variants: {
     hasMargin: {
       true: "mb-4",
@@ -2035,16 +2026,16 @@ const Ct = f("h-px w-full bg-border border-0", {
   defaultVariants: {
     hasMargin: !1
   }
-}), ir = g(
-  ({ hasMargin: e = !1, className: r, ...a }, s) => /* @__PURE__ */ n.jsx(
+}), ir = f(
+  ({ hasMargin: e = !1, className: n, ...a }, s) => /* @__PURE__ */ r.jsx(
     "hr",
     {
       ref: s,
-      className: u(Ct({ hasMargin: e }), r),
+      className: u(Ct({ hasMargin: e }), n),
       ...a
     }
   )
-), _t = f(
+), _t = g(
   "flex flex-col items-center justify-center text-center border border-border rounded-lg bg-background",
   {
     variants: {
@@ -2063,11 +2054,11 @@ const Ct = f("h-px w-full bg-border border-0", {
       hasGrayBackground: !1
     }
   }
-), Vt = f(
+), Vt = g(
   "flex flex-row items-center gap-3 mb-2"
 ), lr = _.forwardRef(
-  function({ icon: r, title: a, subtitle: s, action: t, className: o, hasGrayBackground: i, ...l }, d) {
-    return /* @__PURE__ */ n.jsxs(
+  function({ icon: n, title: a, subtitle: s, action: t, className: o, hasGrayBackground: i, ...l }, d) {
+    return /* @__PURE__ */ r.jsxs(
       "section",
       {
         ref: d,
@@ -2076,12 +2067,12 @@ const Ct = f("h-px w-full bg-border border-0", {
         "aria-label": "No results found",
         ...l,
         children: [
-          /* @__PURE__ */ n.jsxs("header", { className: Vt(), children: [
-            /* @__PURE__ */ n.jsx(N, { as: r, size: "lg", color: "ghost", "aria-hidden": "true" }),
-            /* @__PURE__ */ n.jsx(L, { as: "h5", color: "neutral", children: a })
+          /* @__PURE__ */ r.jsxs("header", { className: Vt(), children: [
+            /* @__PURE__ */ r.jsx(k, { as: n, size: "lg", color: "ghost", "aria-hidden": "true" }),
+            /* @__PURE__ */ r.jsx(L, { as: "h5", color: "neutral", children: a })
           ] }),
-          s && /* @__PURE__ */ n.jsx(C, { as: "p", align: "center", color: "gray", className: "mb-4", children: s }),
-          t && /* @__PURE__ */ n.jsx("div", { role: "group", "aria-label": "Available actions", children: t })
+          s && /* @__PURE__ */ r.jsx(C, { as: "p", align: "center", color: "gray", className: "mb-4", children: s }),
+          t && /* @__PURE__ */ r.jsx("div", { role: "group", "aria-label": "Available actions", children: t })
         ]
       }
     );
@@ -2155,17 +2146,17 @@ const q = (e) => {
     default:
       return "col-span-2";
   }
-}, At = g(
-  ({ children: e, className: r, ...a }, s) => {
+}, At = f(
+  ({ children: e, className: n, ...a }, s) => {
     const { columns: t } = W();
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
         role: "rowgroup",
-        className: u("bg-neutral-soft", r),
+        className: u("bg-neutral-soft", n),
         ...a,
         ref: s,
-        children: /* @__PURE__ */ n.jsx(
+        children: /* @__PURE__ */ r.jsx(
           "div",
           {
             role: "row",
@@ -2176,19 +2167,19 @@ const q = (e) => {
       }
     );
   }
-), Lt = g(
-  ({ children: e, className: r, ...a }, s) => /* @__PURE__ */ n.jsx("div", { role: "rowgroup", ref: s, className: u(r), ...a, children: e })
-), Mt = g(
-  ({ children: e, className: r, ...a }, s) => {
+), Lt = f(
+  ({ children: e, className: n, ...a }, s) => /* @__PURE__ */ r.jsx("div", { role: "rowgroup", ref: s, className: u(n), ...a, children: e })
+), Mt = f(
+  ({ children: e, className: n, ...a }, s) => {
     const { columns: t } = W();
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
         role: "rowgroup",
-        className: u("bg-neutral-soft", r),
+        className: u("bg-neutral-soft", n),
         ...a,
         ref: s,
-        children: /* @__PURE__ */ n.jsx(
+        children: /* @__PURE__ */ r.jsx(
           "div",
           {
             role: "row",
@@ -2199,10 +2190,10 @@ const q = (e) => {
       }
     );
   }
-), Rt = g(
-  ({ children: e, className: r, ...a }, s) => {
+), Rt = f(
+  ({ children: e, className: n, ...a }, s) => {
     const { columns: t } = W();
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
         role: "row",
@@ -2210,7 +2201,7 @@ const q = (e) => {
           "grid gap-4",
           q(t),
           "border-b border-border last:border-0",
-          r
+          n
         ),
         ref: s,
         ...a,
@@ -2218,11 +2209,11 @@ const q = (e) => {
       }
     );
   }
-), Y = g(
-  ({ as: e = "td", span: r, align: a = "left", children: s, className: t, ...o }, i) => {
+), Y = f(
+  ({ as: e = "td", span: n, 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__ */ n.jsx(
+    return a === "center" ? d = "text-center" : a === "right" && (d = "text-right"), /* @__PURE__ */ r.jsx(
       "div",
       {
         ref: i,
@@ -2230,7 +2221,7 @@ const q = (e) => {
         className: u(
           "px-4 py-2",
           "[&:not(:last-child)]:border-r [&:not(:last-child)]:border-border",
-          zt(r),
+          zt(n),
           d,
           "truncate overflow-hidden whitespace-nowrap",
           t
@@ -2240,34 +2231,34 @@ const q = (e) => {
       }
     );
   }
-), Tt = g(
-  (e, r) => /* @__PURE__ */ n.jsx(
+), Tt = f(
+  (e, n) => /* @__PURE__ */ r.jsx(
     Y,
     {
       ...e,
       as: "td",
-      ref: r,
+      ref: n,
       className: u(
         "truncate overflow-hidden whitespace-nowrap",
         e.className
       )
     }
   )
-), Ot = g(
-  (e, r) => /* @__PURE__ */ n.jsx(
+), Ot = f(
+  (e, n) => /* @__PURE__ */ r.jsx(
     Y,
     {
       ...e,
       as: "th",
-      ref: r,
+      ref: n,
       className: u(
         "truncate overflow-hidden whitespace-nowrap",
         e.className
       )
     }
   )
-), St = g(
-  ({ children: e, className: r, columns: a = 12, ...s }, t) => /* @__PURE__ */ n.jsx(It, { value: { columns: a }, children: /* @__PURE__ */ n.jsx(
+), St = f(
+  ({ children: e, className: n, columns: a = 12, ...s }, t) => /* @__PURE__ */ r.jsx(It, { value: { columns: a }, children: /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: t,
@@ -2278,7 +2269,7 @@ const q = (e) => {
         "text-foreground",
         "sm:rounded-xl",
         "transition-colors",
-        r
+        n
       ),
       ...s,
       children: e
@@ -2291,7 +2282,7 @@ const q = (e) => {
   Footer: Mt,
   Row: Rt,
   RowItem: Tt
-}), Bt = f(
+}), Bt = g(
   // Base classes
   "block transition-colors duration-200",
   {
@@ -2326,25 +2317,25 @@ const q = (e) => {
       shape: "rounded"
     }
   }
-), dr = g(
+), dr = f(
   ({
     as: e = "div",
-    variant: r = "white",
+    variant: n = "white",
     size: a = "md",
     shape: s = "rounded",
     className: t,
     ...o
-  }, i) => /* @__PURE__ */ n.jsx(
+  }, i) => /* @__PURE__ */ r.jsx(
     e,
     {
       ref: i,
-      className: u(Bt({ variant: r, size: a, shape: s }), t),
+      className: u(Bt({ variant: n, size: a, shape: s }), t),
       ...o
     }
   )
 );
 function Wt({ src: e }) {
-  const [r, a] = j(!1), [s, t] = j(!1), o = B(!1), i = () => {
+  const [n, a] = j(!1), [s, t] = j(!1), o = B(!1), i = () => {
     a(!0);
   }, l = () => {
     t(!0);
@@ -2360,13 +2351,13 @@ function Wt({ src: e }) {
       o.current = !0;
     };
   }, [e]), {
-    loaded: r,
+    loaded: n,
     errored: s,
     handleLoad: i,
     handleError: l
   };
 }
-const qt = f("block object-cover", {
+const qt = g("block object-cover", {
   variants: {
     position: {
       cover: "object-cover",
@@ -2396,7 +2387,7 @@ const qt = f("block object-cover", {
     size: "auto",
     shape: "rectangle"
   }
-}), Z = f(
+}), Z = g(
   "flex items-center justify-center bg-neutral-soft text-ghost border border-border",
   {
     variants: {
@@ -2421,37 +2412,37 @@ const qt = f("block object-cover", {
 );
 function Pt({
   className: e,
-  shape: r,
+  shape: n,
   size: a,
   height: s,
   width: t
 }) {
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ r.jsx(
     de,
     {
-      className: u(Z({ shape: r, size: a }), e),
+      className: u(Z({ shape: n, size: a }), e),
       style: { height: s, width: t }
     }
   );
 }
 function Ht({
   alt: e,
-  width: r,
+  width: n,
   height: a,
   className: s,
   style: t,
   shape: o,
   size: i
 }) {
-  return /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ r.jsxs(
     "div",
     {
       className: Z({ shape: o, size: i, className: s }),
-      style: { width: r, height: a, ...t },
+      style: { width: n, height: a, ...t },
       "aria-label": e,
       role: "img",
       children: [
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ r.jsx(
           ce,
           {
             size: 32,
@@ -2459,15 +2450,15 @@ function Ht({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ n.jsx("span", { style: { opacity: 0.7 }, children: e })
+        /* @__PURE__ */ r.jsx("span", { style: { opacity: 0.7 }, children: e })
       ]
     }
   );
 }
-const P = g(
+const P = f(
   ({
     src: e,
-    alt: r,
+    alt: n,
     onLoad: a,
     onError: s,
     width: t,
@@ -2479,30 +2470,30 @@ const P = g(
     className: h,
     ...x
   }, p) => {
-    const { loaded: b, errored: w, handleLoad: v, handleError: k } = Wt({
+    const { loaded: b, errored: v, handleLoad: w, handleError: N } = Wt({
       src: e
     }), y = typeof t == "number" ? t : Number(t), I = typeof o == "number" ? o : Number(o);
-    return !b && !w ? /* @__PURE__ */ n.jsx(
+    return !b && !v ? /* @__PURE__ */ r.jsx(
       Pt,
       {
         shape: m,
         width: y,
         height: I
       }
-    ) : w ? /* @__PURE__ */ n.jsx(
+    ) : v ? /* @__PURE__ */ r.jsx(
       Ht,
       {
         shape: m,
-        alt: r,
+        alt: n,
         width: y,
         height: I
       }
-    ) : /* @__PURE__ */ n.jsx(
+    ) : /* @__PURE__ */ r.jsx(
       "img",
       {
         ref: p,
         src: e,
-        alt: r,
+        alt: n,
         width: y,
         height: I,
         loading: i,
@@ -2515,23 +2506,23 @@ const P = g(
           h
         ),
         onLoad: (z) => {
-          v(), a?.(z);
+          w(), a?.(z);
         },
         onError: (z) => {
-          k(), s?.(z);
+          N(), s?.(z);
         },
         ...x
       }
     );
   }
-), ur = g((e, r) => /* @__PURE__ */ n.jsx(P, { ref: r, ...e, shape: "circle" })), mr = g((e, r) => /* @__PURE__ */ n.jsx(P, { ref: r, ...e, shape: "square" })), hr = g((e, r) => /* @__PURE__ */ n.jsx(P, { ref: r, ...e, shape: "rectangle" }));
+), ur = f((e, n) => /* @__PURE__ */ r.jsx(P, { ref: n, ...e, shape: "circle" })), mr = f((e, n) => /* @__PURE__ */ r.jsx(P, { ref: n, ...e, shape: "square" })), hr = f((e, n) => /* @__PURE__ */ r.jsx(P, { ref: n, ...e, shape: "rectangle" }));
 export {
   Ut as A,
   er as B,
   sr as C,
   or as F,
   L as H,
-  N as I,
+  k as I,
   V as M,
   lr as N,
   cr as T,
@@ -2548,7 +2539,7 @@ export {
   ar as k,
   xt as l,
   Et as m,
-  kt as n,
+  Nt as n,
   ir as o,
   C as p,
   dr as q,
@@ -2556,5 +2547,5 @@ export {
   mr as s,
   hr as t,
   P as u,
-  Ne as v
+  ke as v
 };