@stackloop/ui 2.0.6 → 2.0.8

package/dist/index.js

@@ -1,18 +1,18 @@
-import { jsxs as d, jsx as r, Fragment as me } from "react/jsx-runtime";
-import Le, { forwardRef as ae, useState as D, useRef as H, useEffect as Z, createContext as er, useCallback as ze, useContext as rr } from "react";
+import { jsxs as d, jsx as r, Fragment as ae } from "react/jsx-runtime";
+import Le, { forwardRef as se, useState as D, useRef as H, useEffect as Z, createContext as er, useCallback as ze, useContext as rr } from "react";
 import { motion as g, AnimatePresence as Q } from "framer-motion";
 import { Loader2 as tr, EyeOff as or, Eye as ar, Check as Oe, X as $, ChevronDown as Ee, Search as Fe, Calendar as sr, ChevronLeft as Pe, ChevronRight as Ge, ArrowUp as nr, ArrowDown as ir, ChevronsUpDown as lr, Plus as cr, WifiOff as ge, Wifi as Te, Info as dr, AlertTriangle as mr, AlertCircle as ur, CheckCircle as pr, Camera as br, Upload as hr, Play as fr, Pause as gr, Mic as yr, Square as xr, Trash2 as wr, Image as vr, FileText as Me } from "lucide-react";
-function Ue(e) {
+function Be(e) {
   var t, a, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (a = Ue(e[t])) && (o && (o += " "), o += a);
+    for (t = 0; t < n; t++) e[t] && (a = Be(e[t])) && (o && (o += " "), o += a);
   } else for (a in e) e[a] && (o && (o += " "), o += a);
   return o;
 }
 function Nr() {
-  for (var e, t, a = 0, o = "", n = arguments.length; a < n; a++) (e = arguments[a]) && (t = Ue(e)) && (o && (o += " "), o += t);
+  for (var e, t, a = 0, o = "", n = arguments.length; a < n; a++) (e = arguments[a]) && (t = Be(e)) && (o && (o += " "), o += t);
   return o;
 }
 const kr = (e, t) => {
@@ -25,7 +25,7 @@ const kr = (e, t) => {
 }, Cr = (e, t) => ({
   classGroupId: e,
   validator: t
-}), Be = (e = /* @__PURE__ */ new Map(), t = null, a) => ({
+}), Ue = (e = /* @__PURE__ */ new Map(), t = null, a) => ({
   nextPart: e,
   validators: t,
   classGroupId: a
@@ -76,7 +76,7 @@ const kr = (e, t) => {
   } = e;
   return Rr(a, t);
 }, Rr = (e, t) => {
-  const a = Be();
+  const a = Ue();
   for (const o in e) {
     const n = e[o];
     we(n, a, o, t);
@@ -99,7 +99,7 @@ const kr = (e, t) => {
   }
   Dr(e, t, a, o);
 }, Ir = (e, t, a) => {
-  const o = e === "" ? t : Ve(t, e);
+  const o = e === "" ? t : _e(t, e);
   o.classGroupId = a;
 }, jr = (e, t, a, o) => {
   if (Lr(e)) {
@@ -111,15 +111,15 @@ const kr = (e, t) => {
   const n = Object.entries(e), l = n.length;
   for (let s = 0; s < l; s++) {
     const [c, i] = n[s];
-    we(i, Ve(t, c), a, o);
+    we(i, _e(t, c), a, o);
   }
-}, Ve = (e, t) => {
+}, _e = (e, t) => {
   let a = e;
   const o = t.split(ue), n = o.length;
   for (let l = 0; l < n; l++) {
     const s = o[l];
     let c = a.nextPart.get(s);
-    c || (c = Be(), a.nextPart.set(s, c)), a = c;
+    c || (c = Ue(), a.nextPart.set(s, c)), a = c;
   }
   return a;
 }, Lr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Or = (e) => {
@@ -217,13 +217,13 @@ const kr = (e, t) => {
   parseClassName: Fr(e),
   sortModifiers: Pr(e),
   ...zr(e)
-}), Ur = /\s+/, Br = (e, t) => {
+}), Br = /\s+/, Ur = (e, t) => {
   const {
     parseClassName: a,
     getClassGroupId: o,
     getConflictingClassGroupIds: n,
     sortModifiers: l
-  } = t, s = [], c = e.trim().split(Ur);
+  } = t, s = [], c = e.trim().split(Br);
   let i = "";
   for (let m = c.length - 1; m >= 0; m -= 1) {
     const x = c[m], {
@@ -264,16 +264,16 @@ const kr = (e, t) => {
 }, $r = (...e) => {
   let t = 0, a, o, n = "";
   for (; t < e.length; )
-    (a = e[t++]) && (o = _e(a)) && (n && (n += " "), n += o);
+    (a = e[t++]) && (o = Ve(a)) && (n && (n += " "), n += o);
   return n;
-}, _e = (e) => {
+}, Ve = (e) => {
   if (typeof e == "string")
     return e;
   let t, a = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (t = _e(e[o])) && (a && (a += " "), a += t);
+    e[o] && (t = Ve(e[o])) && (a && (a += " "), a += t);
   return a;
-}, Vr = (e, ...t) => {
+}, _r = (e, ...t) => {
   let a, o, n, l;
   const s = (i) => {
     const m = t.reduce((x, y) => y(x), e());
@@ -282,19 +282,19 @@ const kr = (e, t) => {
     const m = o(i);
     if (m)
       return m;
-    const x = Br(i, a);
+    const x = Ur(i, a);
     return n(i, x), x;
   };
   return l = s, (...i) => l($r(...i));
-}, _r = [], R = (e) => {
-  const t = (a) => a[e] || _r;
+}, Vr = [], R = (e) => {
+  const t = (a) => a[e] || Vr;
   return t.isThemeGetter = !0, t;
 }, We = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Wr = /^\d+\/\d+$/, Yr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Hr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, qr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Jr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Qr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, X = (e) => Wr.test(e), z = (e) => !!e && !Number.isNaN(Number(e)), J = (e) => !!e && Number.isInteger(Number(e)), he = (e) => e.endsWith("%") && z(e.slice(0, -1)), Y = (e) => Yr.test(e), Kr = () => !0, Xr = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Hr.test(e) && !qr.test(e)
-), He = () => !1, Zr = (e) => Jr.test(e), et = (e) => Qr.test(e), rt = (e) => !p(e) && !b(e), tt = (e) => ee(e, Qe, He), p = (e) => We.test(e), K = (e) => ee(e, Ke, Xr), fe = (e) => ee(e, it, z), je = (e) => ee(e, qe, He), ot = (e) => ee(e, Je, et), ce = (e) => ee(e, Xe, Zr), b = (e) => Ye.test(e), oe = (e) => re(e, Ke), at = (e) => re(e, lt), De = (e) => re(e, qe), st = (e) => re(e, Qe), nt = (e) => re(e, Je), de = (e) => re(e, Xe, !0), ee = (e, t, a) => {
+), He = () => !1, Zr = (e) => Jr.test(e), et = (e) => Qr.test(e), rt = (e) => !p(e) && !b(e), tt = (e) => ee(e, Qe, He), p = (e) => We.test(e), K = (e) => ee(e, Ke, Xr), fe = (e) => ee(e, it, z), je = (e) => ee(e, qe, He), ot = (e) => ee(e, Je, et), de = (e) => ee(e, Xe, Zr), b = (e) => Ye.test(e), oe = (e) => re(e, Ke), at = (e) => re(e, lt), De = (e) => re(e, qe), st = (e) => re(e, Qe), nt = (e) => re(e, Je), me = (e) => re(e, Xe, !0), ee = (e, t, a) => {
   const o = We.exec(e);
   return o ? o[1] ? t(o[1]) : a(o[2]) : !1;
 }, re = (e, t, a = !1) => {
@@ -319,9 +319,9 @@ const kr = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], P = () => [...F(), b, p], S = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], f = () => [b, p, i], C = () => [X, "full", "auto", ...f()], A = () => [J, "none", "subgrid", b, p], V = () => ["auto", {
+  ], P = () => [...F(), b, p], S = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], f = () => [b, p, i], C = () => [X, "full", "auto", ...f()], A = () => [J, "none", "subgrid", b, p], _ = () => ["auto", {
     span: ["full", J, b, p]
-  }, J, b, p], _ = () => [J, "auto", b, p], W = () => ["auto", "min", "max", "fr", b, p], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], U = () => ["auto", ...f()], G = () => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], v = () => [e, b, p], ve = () => [...F(), De, je, {
+  }, J, b, p], V = () => [J, "auto", b, p], W = () => ["auto", "min", "max", "fr", b, p], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], B = () => ["auto", ...f()], G = () => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], v = () => [e, b, p], ve = () => [...F(), De, je, {
     position: [b, p]
   }], Ne = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -335,14 +335,14 @@ const kr = (e, t) => {
     m,
     b,
     p
-  ], B = () => ["", z, oe, K], se = () => ["solid", "dashed", "dotted", "double"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], I = () => [z, he, De, je], Se = () => [
+  ], U = () => ["", z, oe, K], ne = () => ["solid", "dashed", "dotted", "double"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], I = () => [z, he, De, je], Se = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     k,
     b,
     p
-  ], ne = () => ["none", z, b, p], ie = () => ["none", z, b, p], be = () => [z, b, p], le = () => [X, "full", ...f()];
+  ], ie = () => ["none", z, b, p], le = () => ["none", z, b, p], be = () => [z, b, p], ce = () => [X, "full", ...f()];
   return {
     cacheSize: 500,
     theme: {
@@ -654,21 +654,21 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: V()
+        col: _()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": _()
+        "col-start": V()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": _()
+        "col-end": V()
       }],
       /**
        * Grid Template Rows
@@ -682,21 +682,21 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: V()
+        row: _()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": _()
+        "row-start": V()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": _()
+        "row-end": V()
       }],
       /**
        * Grid Auto Flow
@@ -876,63 +876,63 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: U()
+        m: B()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: U()
+        mx: B()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: U()
+        my: B()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: U()
+        ms: B()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: U()
+        me: B()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: U()
+        mt: B()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: U()
+        mr: B()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: U()
+        mb: B()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: U()
+        ml: B()
       }],
       /**
        * Space Between X
@@ -1176,7 +1176,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...se(), "wavy"]
+        decoration: [...ne(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1485,70 +1485,70 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: B()
+        border: U()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": B()
+        "border-x": U()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": B()
+        "border-y": U()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": B()
+        "border-s": U()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": B()
+        "border-e": U()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": B()
+        "border-t": U()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": B()
+        "border-r": U()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": B()
+        "border-b": U()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": B()
+        "border-l": U()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": B()
+        "divide-x": U()
       }],
       /**
        * Divide Width X Reverse
@@ -1560,7 +1560,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": B()
+        "divide-y": U()
       }],
       /**
        * Divide Width Y Reverse
@@ -1572,14 +1572,14 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...se(), "hidden", "none"]
+        border: [...ne(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...se(), "hidden", "none"]
+        divide: [...ne(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1656,7 +1656,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...se(), "none", "hidden"]
+        outline: [...ne(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1692,8 +1692,8 @@ const kr = (e, t) => {
           "",
           "none",
           x,
-          de,
-          ce
+          me,
+          de
         ]
       }],
       /**
@@ -1708,7 +1708,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", y, de, ce]
+        "inset-shadow": ["none", y, me, de]
       }],
       /**
        * Inset Box Shadow Color
@@ -1722,7 +1722,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: B()
+        ring: U()
       }],
       /**
        * Ring Width Inset
@@ -1761,7 +1761,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": B()
+        "inset-ring": U()
       }],
       /**
        * Inset Ring Color
@@ -1775,7 +1775,7 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", h, de, ce]
+        "text-shadow": ["none", h, me, de]
       }],
       /**
        * Text Shadow Color
@@ -2048,8 +2048,8 @@ const kr = (e, t) => {
           "",
           "none",
           N,
-          de,
-          ce
+          me,
+          de
         ]
       }],
       /**
@@ -2289,56 +2289,56 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: ne()
+        rotate: ie()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": ne()
+        "rotate-x": ie()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": ne()
+        "rotate-y": ie()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": ne()
+        "rotate-z": ie()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: ie()
+        scale: le()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": ie()
+        "scale-x": le()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": ie()
+        "scale-y": le()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": ie()
+        "scale-z": le()
       }],
       /**
        * Scale 3D
@@ -2392,28 +2392,28 @@ const kr = (e, t) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: le()
+        translate: ce()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": le()
+        "translate-x": ce()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": le()
+        "translate-y": ce()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": le()
+        "translate-z": ce()
       }],
       /**
        * Translate None
@@ -2770,7 +2770,7 @@ const kr = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, dt = /* @__PURE__ */ Vr(ct);
+}, dt = /* @__PURE__ */ _r(ct);
 function u(...e) {
   return dt(Nr(e));
 }
@@ -2804,7 +2804,7 @@ const xe = Le.forwardRef(
   }
 );
 xe.displayName = "Button";
-const mt = ae(
+const mt = se(
   ({ label: e, error: t, hint: a, leftIcon: o, rightIcon: n, className: l, type: s, ...c }, i) => {
     const [m, x] = D(!1), y = s === "password", h = y && m ? "text" : s;
     return /* @__PURE__ */ d("div", { className: "w-full space-y-1.5", children: [
@@ -2874,7 +2874,7 @@ const mt = ae(
   }
 );
 mt.displayName = "Input";
-const ut = ae(
+const ut = se(
   ({ label: e, error: t, helperText: a, className: o, required: n, ...l }, s) => /* @__PURE__ */ d(
     g.div,
     {
@@ -2919,7 +2919,7 @@ const ut = ae(
   )
 );
 ut.displayName = "Textarea";
-const pt = ae(
+const pt = se(
   ({ label: e, description: t, className: a, checked: o, defaultChecked: n, onChange: l, ...s }, c) => {
     const [i, m] = D(n || !1), x = o !== void 0 ? o : i;
     return /* @__PURE__ */ d("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
@@ -2945,7 +2945,7 @@ const pt = ae(
               "peer-focus:ring-2 peer-focus:ring-primary peer-focus:ring-offset-2",
               "peer-disabled:opacity-50 peer-disabled:cursor-not-allowed",
               "flex items-center justify-center",
-              x ? "bg-primary border-primary" : "border-border bg-background",
+              x ? "bg-primary border-primary" : "border-border bg-secondary",
               a
             ),
             whileTap: { scale: 0.95 },
@@ -3004,7 +3004,7 @@ const Rt = ({
       }
     )
   ] }, s.value);
-}) }), bt = ae(
+}) }), bt = se(
   ({ label: e, description: t, className: a, checked: o, onChange: n, ...l }, s) => /* @__PURE__ */ d("label", { className: "flex items-center justify-between gap-4 cursor-pointer group", children: [
     (e || t) && /* @__PURE__ */ d("div", { className: "flex-1 space-y-0.5", children: [
       e && /* @__PURE__ */ r("div", { className: "text-base font-medium text-foreground", children: e }),
@@ -3334,7 +3334,7 @@ const At = ({
       }
     )
   ] });
-}, ht = ae(
+}, ht = se(
   ({
     options: e,
     value: t,
@@ -3524,12 +3524,12 @@ const Dt = ({
     "November",
     "December"
   ], w = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], M = (C) => {
-    const A = C.getFullYear(), V = C.getMonth(), _ = new Date(A, V, 1), te = new Date(A, V + 1, 0).getDate(), q = _.getDay(), U = [];
+    const A = C.getFullYear(), _ = C.getMonth(), V = new Date(A, _, 1), te = new Date(A, _ + 1, 0).getDate(), q = V.getDay(), B = [];
     for (let G = 0; G < q; G++)
-      U.push(null);
+      B.push(null);
     for (let G = 1; G <= te; G++)
-      U.push(new Date(A, V, G));
-    return U;
+      B.push(new Date(A, _, G));
+    return B;
   }, j = () => {
     h(new Date(y.getFullYear(), y.getMonth() - 1, 1));
   }, L = () => {
@@ -3610,7 +3610,7 @@ const Dt = ({
           /* @__PURE__ */ r("div", { className: "grid grid-cols-7 gap-1", children: f.map((C, A) => {
             if (!C)
               return /* @__PURE__ */ r("div", { className: "aspect-square" }, `empty-${A}`);
-            const V = P(C, e || null), _ = S(C), W = F(C);
+            const _ = P(C, e || null), V = S(C), W = F(C);
             return /* @__PURE__ */ r(
               g.button,
               {
@@ -3622,10 +3622,10 @@ const Dt = ({
                   "aspect-square rounded-lg flex items-center justify-center",
                   "text-sm font-medium transition-all duration-200",
                   "hover:bg-secondary",
-                  V && "bg-primary text-white hover:bg-primary-dark",
-                  _ && !V && "border-2 border-primary text-primary",
+                  _ && "bg-primary text-white hover:bg-primary-dark",
+                  V && !_ && "border-2 border-primary text-primary",
                   W && "text-border-dark cursor-not-allowed hover:bg-transparent",
-                  !V && !_ && !W && "text-foreground"
+                  !_ && !V && !W && "text-foreground"
                 ),
                 children: C.getDate()
               },
@@ -3705,7 +3705,7 @@ const Dt = ({
   return e && (document.addEventListener("keydown", s), document.body.style.overflow = "hidden"), () => {
     document.removeEventListener("keydown", s), document.body.style.overflow = "unset";
   };
-}, [e, t]), /* @__PURE__ */ r(Q, { children: e && /* @__PURE__ */ d(me, { children: [
+}, [e, t]), /* @__PURE__ */ r(Q, { children: e && /* @__PURE__ */ d(ae, { children: [
   /* @__PURE__ */ r(
     g.div,
     {
@@ -3747,7 +3747,7 @@ const Dt = ({
       ]
     }
   )
-] }) })), Ut = ({
+] }) })), Bt = ({
   isOpen: e,
   onClose: t,
   children: a,
@@ -3810,13 +3810,13 @@ const Dt = ({
       )
     }
   ) });
-}, Bt = ({
+}, Ut = ({
   children: e,
   className: t
 }) => /* @__PURE__ */ r("div", { className: u("px-6 py-4", t), children: e }), $t = ({
   children: e,
   className: t
-}) => /* @__PURE__ */ r("div", { className: u("px-6 py-4 border-t border-border flex items-center justify-end gap-3 bg-background sticky bottom-0", t), children: e }), Vt = ({
+}) => /* @__PURE__ */ r("div", { className: u("px-6 py-4 border-t border-border flex items-center justify-end gap-3 bg-background sticky bottom-0", t), children: e }), _t = ({
   isOpen: e,
   onClose: t,
   title: a,
@@ -3825,7 +3825,7 @@ const Dt = ({
   className: l
 }) => (Z(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
   document.body.style.overflow = "unset";
-}), [e]), /* @__PURE__ */ r(Q, { children: e && /* @__PURE__ */ d(me, { children: [
+}), [e]), /* @__PURE__ */ r(Q, { children: e && /* @__PURE__ */ d(ae, { children: [
   /* @__PURE__ */ r(
     g.div,
     {
@@ -3867,7 +3867,7 @@ const Dt = ({
     }
   )
 ] }) }));
-function _t({
+function Vt({
   data: e,
   columns: t,
   loading: a = !1,
@@ -3982,7 +3982,7 @@ const Wt = ({
             }
           ),
           /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
-            e > 3 && /* @__PURE__ */ d(me, { children: [
+            e > 3 && /* @__PURE__ */ d(ae, { children: [
               /* @__PURE__ */ r(
                 g.button,
                 {
@@ -4009,7 +4009,7 @@ const Wt = ({
               },
               i
             )),
-            e < t - 2 && /* @__PURE__ */ d(me, { children: [
+            e < t - 2 && /* @__PURE__ */ d(ae, { children: [
               /* @__PURE__ */ r("span", { className: "text-primary/50 px-1", children: "..." }),
               /* @__PURE__ */ r(
                 g.button,
@@ -4756,11 +4756,43 @@ const Xt = ({
     },
     i.id
   )) }) });
+}, to = ({
+  text: e = "Built by StackLoop",
+  showHeart: t = !0,
+  href: a,
+  position: o = "fixed",
+  backgroundColor: n = "bg-gray-900",
+  textColor: l = "text-gray-400",
+  className: s = ""
+}) => {
+  const c = t ? /* @__PURE__ */ d(ae, { children: [
+    "Built with ",
+    /* @__PURE__ */ r("span", { className: "text-red-500 mx-1", children: "❤️" }),
+    " by ",
+    e.replace(/^Built by /, "")
+  ] }) : e, i = a ? /* @__PURE__ */ r(
+    "a",
+    {
+      href: a,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: `${l} hover:text-white transition-colors duration-200 text-sm`,
+      children: c
+    }
+  ) : /* @__PURE__ */ r("span", { className: `${l} text-sm`, children: c });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${o} bottom-0 left-0 right-0 ${n} ${s}`,
+      style: { zIndex: 40 },
+      children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-2 px-4", children: i })
+    }
+  );
 };
 export {
   eo as AudioRecorder,
   qt as Badge,
-  Vt as BottomSheet,
+  _t as BottomSheet,
   xe as Button,
   Xt as CameraCapture,
   Lt as Card,
@@ -4769,6 +4801,7 @@ export {
   Ot as CardHeader,
   Et as CardTitle,
   pt as Checkbox,
+  to as CreditBar,
   Dt as DatePicker,
   Gt as Drawer,
   jt as Dropdown,
@@ -4777,8 +4810,8 @@ export {
   Zt as FileUploader,
   ft as FloatingActionButton,
   mt as Input,
-  Ut as Modal,
-  Bt as ModalContent,
+  Bt as Modal,
+  Ut as ModalContent,
   $t as ModalFooter,
   Jt as OfflineBadge,
   Wt as Pagination,
@@ -4788,7 +4821,7 @@ export {
   xt as Spinner,
   Ht as StepProgress,
   Qt as SyncIndicator,
-  _t as Table,
+  Vt as Table,
   ut as Textarea,
   ro as ThumbnailGrid,
   Ct as ToastProvider,