@dimasbaguspm/versaur 0.0.24 → 0.0.26

package/dist/js/{image-rectangle-GA3oWX7A.js → image-rectangle--Sy82Ff9.js}

@@ -2,7 +2,6 @@ import { c as cva, j as jsxRuntimeExports, a as cn } from "./index-DOdDlCoL.js";
 import * as React from "react";
 import React__default, { forwardRef, useState, useEffect, useCallback, useRef, createContext, useContext } from "react";
 import { X, ChevronLeft, ChevronRight, ImageOff } from "lucide-react";
-import { T as Text } from "./text-CRsIInRA.js";
 import { S as Skeleton } from "./skeleton-BNZyaRjo.js";
 const alertVariants = cva(
   "relative flex items-center gap-2 rounded-md p-2 text-sm transition-all duration-200",
@@ -303,9 +302,9 @@ const alertVariants = cva(
     useEffect(() => {
       a(!1);
     }, [e]);
-    const c = useCallback(
-      (u) => {
-        a(!0), s?.(u);
+    const l = useCallback(
+      (c) => {
+        a(!0), s?.(c);
       },
       [s]
     );
@@ -316,7 +315,7 @@ const alertVariants = cva(
         src: e,
         alt: t,
         className: cn(avatarImageVariants(), r),
-        onError: c,
+        onError: l,
         ...n
       }
     );
@@ -489,13 +488,13 @@ const alertVariants = cva(
     iconRight: o,
     className: i,
     children: a,
-    ...c
-  }, u) => {
+    ...l
+  }, c) => {
     const d = !(a != null && a !== "") && !!(n || o);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "span",
       {
-        ref: u,
+        ref: c,
         className: cn(
           badgeVariants({
             variant: e,
@@ -506,7 +505,7 @@ const alertVariants = cva(
           }),
           i
         ),
-        ...c,
+        ...l,
         children: d ? (
           // Icon-only mode: display only the icon
           n || o
@@ -621,11 +620,11 @@ const SvgSpenicleSquare = (e) => /* @__PURE__ */ React.createElement("svg", { wi
     type: o = "button",
     children: i,
     ...a
-  }, c) {
+  }, l) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
-        ref: c,
+        ref: l,
         type: o,
         className: cn(buttonVariants({ variant: r, size: s }), t),
         disabled: n,
@@ -705,15 +704,15 @@ const SvgSpenicleSquare = (e) => /* @__PURE__ */ React.createElement("svg", { wi
 );
 function useFloatingPosition(e, t = "1rem") {
   const r = useRef(null), [s, n] = useState({}), [o, i] = useState("fixed bottom-4 right-4"), a = useCallback(() => {
-    const u = r.current;
-    if (!u) return;
-    const b = u.getBoundingClientRect().height > window.innerHeight;
+    const c = r.current;
+    if (!c) return;
+    const h = c.getBoundingClientRect().height > window.innerHeight;
     let d = {}, p = "";
-    b ? (d = {
+    h ? (d = {
       position: "fixed",
       bottom: t,
       zIndex: 50,
-      transform: `translateY(${u.scrollTop}px)`
+      transform: `translateY(${c.scrollTop}px)`
     }, p = `fixed bottom-4 ${e}-4`) : (d = {
       position: "fixed",
       bottom: t,
@@ -722,15 +721,15 @@ function useFloatingPosition(e, t = "1rem") {
   }, [e, t]);
   return useEffect(() => {
     a();
-    const u = r.current;
-    return u && u.addEventListener("scroll", a), window.addEventListener("resize", a), () => {
-      u && u.removeEventListener("scroll", a), window.removeEventListener("resize", a);
+    const c = r.current;
+    return c && c.addEventListener("scroll", a), window.addEventListener("resize", a), () => {
+      c && c.removeEventListener("scroll", a), window.removeEventListener("resize", a);
     };
   }, [a]), useEffect(() => {
     r.current && a();
   }, [e, t, a]), [useCallback(
-    (u) => {
-      r.current = u, u && a();
+    (c) => {
+      r.current = c, c && a();
     },
     [a]
   ), s, o];
@@ -744,24 +743,24 @@ const ButtonFloat = forwardRef(
     offset: o = "1rem",
     ...i
   }, a) {
-    const [c, u, m] = useFloatingPosition(
+    const [l, c, x] = useFloatingPosition(
       n,
       o
-    ), [b, d] = useState(!1);
+    ), [h, d] = useState(!1);
     return useEffect(() => {
       d(!0);
-    }, []), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: c, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    }, []), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: l, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         ref: a,
         type: i.type || "button",
         className: cn(
           buttonFloatVariants({ variant: r, size: s }),
-          m,
-          b && "animate-fab-in",
+          x,
+          h && "animate-fab-in",
           t
         ),
-        style: u,
+        style: c,
         ...i
       }
     ) });
@@ -902,12 +901,12 @@ const buttonIconVariants = cva(
     disabled: o = !1,
     as: i,
     "aria-label": a,
-    ...c
-  }, u) {
+    ...l
+  }, c) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
-        ref: u,
+        ref: c,
         type: "button",
         className: cn(
           buttonIconVariants({
@@ -921,7 +920,7 @@ const buttonIconVariants = cva(
         "aria-disabled": o,
         "aria-label": a,
         inert: o ? !0 : void 0,
-        ...c,
+        ...l,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Icon,
           {
@@ -1051,7 +1050,7 @@ const BUTTONS = [
     className: s,
     "aria-label": n
   }, o) => {
-    const { input: i, inputRef: a, handleButton: c, handleInput: u } = useCalculator({
+    const { input: i, inputRef: a, handleButton: l, handleInput: c } = useCalculator({
       initialValue: e,
       disabled: r,
       onChange: t
@@ -1070,20 +1069,20 @@ const BUTTONS = [
               ref: a,
               className: "w-full mb-3 px-3 py-2 rounded border border-[var(--color-neutral)] bg-[var(--color-neutral-soft)] text-right text-xl font-mono focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]",
               value: i,
-              onChange: u,
+              onChange: c,
               disabled: r,
               inputMode: "decimal",
               "aria-label": "Calculator input"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((m, b) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: m.map((d) => d === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((x, h) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: x.map((d) => d === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ButtonIcon,
             {
               as: X,
               variant: "danger-ghost",
               "aria-label": "Backspace",
               size: "md",
-              onClick: () => c("⌫"),
+              onClick: () => l("⌫"),
               disabled: r
             },
             "backspace"
@@ -1091,20 +1090,141 @@ const BUTTONS = [
             CalculatorButton,
             {
               variant: d === "=" ? "action" : d === "C" ? "danger" : ["/", "*", "-", "+", "/"].includes(d) ? "operator" : "default",
-              onClick: () => c(d),
+              onClick: () => l(d),
               disabled: r,
               "aria-label": d,
               children: d
             },
             d
-          )) }, b)) })
+          )) }, h)) })
         ]
       }
     );
   }
 );
 Calculator.displayName = "Calculator";
-const CalendarContext = createContext(null);
+const textVariants = cva("", {
+  variants: {
+    color: {
+      primary: "text-primary",
+      secondary: "text-secondary",
+      tertiary: "text-tertiary",
+      ghost: "text-ghost",
+      neutral: "text-ghost",
+      success: "text-success",
+      info: "text-info",
+      warning: "text-warning",
+      danger: "text-danger",
+      inherit: "",
+      gray: "text-gray-500",
+      black: "text-black",
+      white: "text-white"
+    },
+    hasUnderline: {
+      true: "underline",
+      false: ""
+    },
+    isCapitalize: {
+      true: "capitalize",
+      false: ""
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right",
+      justify: "text-justify"
+    },
+    italic: {
+      true: "italic",
+      false: ""
+    },
+    clamp: {
+      1: "line-clamp-1",
+      2: "line-clamp-2",
+      3: "line-clamp-3",
+      4: "line-clamp-4",
+      5: "line-clamp-5",
+      none: ""
+    },
+    ellipsis: {
+      true: "truncate",
+      false: ""
+    },
+    as: {
+      h1: "font-bold text-4xl leading-loose",
+      h2: "font-semibold text-3xl leading-relaxed",
+      h3: "font-medium text-2xl leading-relaxed",
+      h4: "font-bold text-xl leading-normal",
+      h5: "font-semibold text-lg leading-normal",
+      h6: "font-medium text-base leading-normal",
+      p: "font-normal text-base leading-normal",
+      span: "font-normal text-base leading-normal",
+      label: "font-normal text-xs leading-normal"
+    }
+  },
+  defaultVariants: {
+    color: "neutral",
+    hasUnderline: !1,
+    isCapitalize: !1,
+    align: "left",
+    italic: !1,
+    clamp: "none",
+    ellipsis: !1,
+    as: "span"
+  }
+}), Text = forwardRef(
+  ({
+    as: e = "span",
+    color: t = "ghost",
+    hasUnderline: r = !1,
+    isCapitalize: s = !1,
+    align: n = "left",
+    italic: o = !1,
+    clamp: i = "none",
+    ellipsis: a = !1,
+    fontSize: l,
+    fontWeight: c,
+    className: x,
+    children: h,
+    ...d
+  }, p) => {
+    const f = [
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "p",
+      "span",
+      "label"
+    ].includes(e) ? e : "span", v = l ? `text-${l}` : "", w = c ? `font-${c}` : "";
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      e,
+      {
+        ref: p,
+        className: cn(
+          textVariants({
+            color: t,
+            hasUnderline: r,
+            isCapitalize: s,
+            align: n,
+            italic: o,
+            clamp: i,
+            ellipsis: a,
+            // @ts-expect-error - `as` is not a valid variant
+            as: f
+          }),
+          v,
+          w,
+          x
+        ),
+        ...d,
+        children: h
+      }
+    );
+  }
+), CalendarContext = createContext(null);
 function useCalendarContext() {
   const e = useContext(CalendarContext);
   if (!e)
@@ -1147,27 +1267,27 @@ const CalendarHeader = () => {
     ] })
   ] });
 }, CalendarWeekdays = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 px-4 text-ghost-500 mb-3", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((e) => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "xs", color: "ghost", align: "center", children: e }, e)) }), CalendarDaysSingle = () => {
-  const e = useCalendarContext(), { year: t, month: r, value: s, onChange: n, setMonth: o, setYear: i } = e, a = (g, x) => new Date(g, x + 1, 0).getDate(), u = ((g, x) => new Date(g, x, 1).getDay())(t, r), m = a(t, r), b = r - 1 < 0 ? 11 : r - 1, d = r === 0 ? t - 1 : t, p = a(t, b), y = r === 11 ? 0 : r + 1, f = r === 11 ? t + 1 : t, v = [];
-  for (let g = 0; g < u; g++) {
-    const x = p - u + g + 1;
+  const e = useCalendarContext(), { year: t, month: r, value: s, onChange: n, setMonth: o, setYear: i } = e, a = (g, m) => new Date(g, m + 1, 0).getDate(), c = ((g, m) => new Date(g, m, 1).getDay())(t, r), x = a(t, r), h = r - 1 < 0 ? 11 : r - 1, d = r === 0 ? t - 1 : t, p = a(t, h), y = r === 11 ? 0 : r + 1, f = r === 11 ? t + 1 : t, v = [];
+  for (let g = 0; g < c; g++) {
+    const m = p - c + g + 1;
     v.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
         {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: x }),
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: m }),
           size: "sm",
           "aria-label": "Previous month day",
           variant: "ghost",
           onClick: () => {
-            n?.(new Date(d, b, x)), o(b), i(d);
+            n?.(new Date(d, h, m)), o(h), i(d);
           }
         },
         "prev-" + g
       )
     );
   }
-  for (let g = 1; g <= m; g++) {
-    const x = s instanceof Date && s.getFullYear() === t && s.getMonth() === r && s.getDate() === g;
+  for (let g = 1; g <= x; g++) {
+    const m = s instanceof Date && s.getFullYear() === t && s.getMonth() === r && s.getDate() === g;
     v.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
@@ -1177,15 +1297,15 @@ const CalendarHeader = () => {
             {
               as: "span",
               fontSize: "sm",
-              color: x ? "inherit" : "ghost",
-              className: x ? "bg-primary text-white rounded-full" : "",
+              color: m ? "inherit" : "ghost",
+              className: m ? "bg-primary text-white rounded-full" : "",
               children: g
             }
           ),
-          variant: x ? "primary" : "ghost",
+          variant: m ? "primary" : "ghost",
           size: "sm",
           "aria-label": `Select ${t}-${r + 1}-${g}`,
-          "aria-current": x ? "date" : void 0,
+          "aria-current": m ? "date" : void 0,
           onClick: () => {
             n?.(new Date(t, r, g));
           }
@@ -1194,7 +1314,7 @@ const CalendarHeader = () => {
       )
     );
   }
-  const w = u + m;
+  const w = c + x;
   for (let g = 0; g < (w % 7 === 0 ? 0 : 7 - w % 7); g++)
     v.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1213,35 +1333,35 @@ const CalendarHeader = () => {
     );
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: v });
 }, CalendarDaysRange = () => {
-  const { year: e, month: t, value: r, onChange: s, setMonth: n, setYear: o } = useCalendarContext(), i = (l, h) => new Date(l, h + 1, 0).getDate(), c = ((l, h) => new Date(l, h, 1).getDay())(e, t), u = i(e, t), m = t - 1 < 0 ? 11 : t - 1, b = t === 0 ? e - 1 : e, d = i(e, m), p = t === 11 ? 0 : t + 1, y = t === 11 ? e + 1 : e, f = [], v = () => {
+  const { year: e, month: t, value: r, onChange: s, setMonth: n, setYear: o } = useCalendarContext(), i = (u, b) => new Date(u, b + 1, 0).getDate(), l = ((u, b) => new Date(u, b, 1).getDay())(e, t), c = i(e, t), x = t - 1 < 0 ? 11 : t - 1, h = t === 0 ? e - 1 : e, d = i(e, x), p = t === 11 ? 0 : t + 1, y = t === 11 ? e + 1 : e, f = [], v = () => {
     if (!Array.isArray(r)) return [null, null];
-    const [l, h] = r;
-    return !l && !h ? [null, null] : l && h ? l <= h ? [l, h] : [h, l] : [l, h];
-  }, [w, g] = v(), x = (l) => {
+    const [u, b] = r;
+    return !u && !b ? [null, null] : u && b ? u <= b ? [u, b] : [b, u] : [u, b];
+  }, [w, g] = v(), m = (u) => {
     if (!w || !g) return !1;
-    const h = new Date(e, t, l);
-    return h >= w && h <= g;
-  }, I = (l) => w ? w.getFullYear() === e && w.getMonth() === t && w.getDate() === l : !1, S = (l) => g ? g.getFullYear() === e && g.getMonth() === t && g.getDate() === l : !1;
-  for (let l = 0; l < c; l++) {
-    const h = d - c + l + 1;
+    const b = new Date(e, t, u);
+    return b >= w && b <= g;
+  }, I = (u) => w ? w.getFullYear() === e && w.getMonth() === t && w.getDate() === u : !1, S = (u) => g ? g.getFullYear() === e && g.getMonth() === t && g.getDate() === u : !1;
+  for (let u = 0; u < l; u++) {
+    const b = d - l + u + 1;
     f.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
         {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: h }),
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: b }),
           size: "sm",
           "aria-label": "Previous month day",
           variant: "ghost",
           onClick: () => {
-            s?.([null, null]), n(m), o(b);
+            s?.([null, null]), n(x), o(h);
           }
         },
-        "prev-" + l
+        "prev-" + u
       )
     );
   }
-  for (let l = 1; l <= u; l++) {
-    const h = x(l), E = I(l), C = S(l);
+  for (let u = 1; u <= c; u++) {
+    const b = m(u), E = I(u), C = S(u);
     f.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
@@ -1251,39 +1371,39 @@ const CalendarHeader = () => {
             {
               as: "span",
               fontSize: "sm",
-              color: h || E || C ? "inherit" : "ghost",
+              color: b || E || C ? "inherit" : "ghost",
               className: cn(
-                h && " bg-primary text-white",
+                b && " bg-primary text-white",
                 E && "rounded-l-full bg-primary text-white",
                 C && "rounded-r-full bg-primary text-white"
               ),
-              children: l
+              children: u
             }
           ),
-          variant: E || C || h ? "primary" : "ghost",
+          variant: E || C || b ? "primary" : "ghost",
           size: "sm",
-          "aria-label": `Select ${e}-${t + 1}-${l}`,
+          "aria-label": `Select ${e}-${t + 1}-${u}`,
           "aria-current": E || C ? "date" : void 0,
           onClick: () => {
             if (!Array.isArray(r) || !r[0] || r[0] && r[1])
-              s?.([new Date(e, t, l), null]);
+              s?.([new Date(e, t, u), null]);
             else if (r[0] && !r[1]) {
-              const j = r[0], R = new Date(e, t, l);
+              const j = r[0], R = new Date(e, t, u);
               j.getTime() === R.getTime() ? s?.([j, R]) : s?.(j < R ? [j, R] : [R, j]);
             }
           }
         },
-        l
+        u
       )
     );
   }
-  const N = c + u;
-  for (let l = 0; l < (N % 7 === 0 ? 0 : 7 - N % 7); l++)
+  const N = l + c;
+  for (let u = 0; u < (N % 7 === 0 ? 0 : 7 - N % 7); u++)
     f.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
         {
-          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: l + 1 }),
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: u + 1 }),
           size: "sm",
           "aria-label": "Next month day",
           variant: "ghost",
@@ -1291,7 +1411,7 @@ const CalendarHeader = () => {
             s?.([null, null]), n(p), o(y);
           }
         },
-        "next-" + l
+        "next-" + u
       )
     );
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: f });
@@ -1306,30 +1426,30 @@ function useCalendar({
   initialYear: s,
   initialMonth: n
 }) {
-  const [o, i] = useState(n), [a, c] = useState(s), [u, m] = useState([
+  const [o, i] = useState(n), [a, l] = useState(s), [c, x] = useState([
     null,
     null
   ]);
-  let b = e;
-  t === "range" && !e && (b = u);
+  let h = e;
+  t === "range" && !e && (h = c);
   const d = useCallback(() => {
     const f = o === 0 ? 11 : o - 1, v = o === 0 ? a - 1 : a;
-    i(f), c(v), t === "single" && r?.(new Date(v, f, 1));
+    i(f), l(v), t === "single" && r?.(new Date(v, f, 1));
   }, [o, a, t, r]), p = useCallback(() => {
     const f = o === 11 ? 0 : o + 1, v = o === 11 ? a + 1 : a;
-    i(f), c(v), t === "single" && r?.(new Date(v, f, 1));
+    i(f), l(v), t === "single" && r?.(new Date(v, f, 1));
   }, [o, a, t, r]), y = useCallback(
     (f) => {
-      t === "single" ? r?.(f) : t === "range" && (m(f), r?.(f));
+      t === "single" ? r?.(f) : t === "range" && (x(f), r?.(f));
     },
     [t, r]
   );
   return {
     year: a,
     month: o,
-    value: b,
+    value: h,
     setMonth: i,
-    setYear: c,
+    setYear: l,
     onChange: y,
     handlePrevMonth: d,
     handleNextMonth: p
@@ -1394,11 +1514,11 @@ const CalendarRoot = ({
 ), noResultsSubtitleVariants = cva(
   "text-foreground-light mb-6 max-w-md"
 ), NoResults = React__default.forwardRef(
-  function e({ icon: t, title: r, subtitle: s, action: n, className: o, hasGrayBackground: i, ...a }, c) {
+  function e({ icon: t, title: r, subtitle: s, action: n, className: o, hasGrayBackground: i, ...a }, l) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "section",
       {
-        ref: c,
+        ref: l,
         className: cn(noResultsVariants({ hasGrayBackground: i }), o),
         role: "status",
         "aria-label": "No results found",
@@ -1549,8 +1669,8 @@ const getTableColumnClass = (e) => {
 ), TableColumn = forwardRef(
   ({ as: e = "td", span: t, align: r = "left", children: s, className: n, ...o }, i) => {
     const a = e === "th" ? "columnheader" : "cell";
-    let c = "text-left";
-    return r === "center" ? c = "text-center" : r === "right" && (c = "text-right"), /* @__PURE__ */ jsxRuntimeExports.jsx(
+    let l = "text-left";
+    return r === "center" ? l = "text-center" : r === "right" && (l = "text-right"), /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         ref: i,
@@ -1559,7 +1679,7 @@ const getTableColumnClass = (e) => {
           "px-4 py-2",
           "[&:not(:last-child)]:border-r [&:not(:last-child)]:border-border",
           getRowSpanClass(t),
-          c,
+          l,
           "truncate overflow-hidden whitespace-nowrap",
           n
         ),
@@ -1726,10 +1846,10 @@ function useImage({ src: e }) {
   };
   return useEffect(() => {
     if (!e) return;
-    const c = new Image();
-    return c.src = e, c.onload = () => {
+    const l = new Image();
+    return l.src = e, l.onload = () => {
       o.current || r(!0);
-    }, c.onerror = () => {
+    }, l.onerror = () => {
       o.current || n(!0);
     }, () => {
       o.current = !0;
@@ -1849,10 +1969,10 @@ const BaseImage = forwardRef(
     height: o,
     loading: i = "lazy",
     position: a = "cover",
-    size: c = "auto",
-    shape: u,
-    className: m,
-    ...b
+    size: l = "auto",
+    shape: c,
+    className: x,
+    ...h
   }, d) => {
     const { loaded: p, errored: y, handleLoad: f, handleError: v } = useImage({
       src: e
@@ -1860,14 +1980,14 @@ const BaseImage = forwardRef(
     return !p && !y ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       BaseImageSkeleton,
       {
-        shape: u,
+        shape: c,
         width: w,
         height: g
       }
     ) : y ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       BaseImageFallback,
       {
-        shape: u,
+        shape: c,
         alt: t,
         width: w,
         height: g
@@ -1884,18 +2004,18 @@ const BaseImage = forwardRef(
         className: cn(
           imageVariants({
             position: a,
-            size: c,
-            shape: u
+            size: l,
+            shape: c
           }),
-          m
+          x
         ),
-        onLoad: (x) => {
-          f(), r?.(x);
+        onLoad: (m) => {
+          f(), r?.(m);
         },
-        onError: (x) => {
-          v(), s?.(x);
+        onError: (m) => {
+          v(), s?.(m);
         },
-        ...b
+        ...h
       }
     );
   }
@@ -1915,9 +2035,10 @@ export {
   ButtonFloat as e,
   ButtonIcon as f,
   Calendar as g,
-  Tile as h,
-  ImageCircle as i,
-  ImageSquare as j,
-  ImageRectangle as k,
-  BaseImage as l
+  Text as h,
+  Tile as i,
+  ImageCircle as j,
+  ImageSquare as k,
+  ImageRectangle as l,
+  BaseImage as m
 };