@bsasolutions/pkg_core 0.3.0 → 0.3.2

package/dist/index.es.js

@@ -1,47 +1,47 @@
-import { defineComponent as $, computed as f, openBlock as n, createBlock as C, resolveDynamicComponent as oe, normalizeStyle as T, createElementBlock as l, normalizeClass as d, createCommentVNode as i, renderSlot as y, createTextVNode as A, toDisplayString as m, createVNode as x, createElementVNode as c, Fragment as V, renderList as N, ref as M, TransitionGroup as le, withCtx as Z, unref as S, inject as ie, onBeforeUnmount as re, withKeys as P, useSlots as J, onMounted as Q, onUnmounted as ee, resolveComponent as ue, watch as j, Teleport as ce, Transition as de, withModifiers as be, provide as me } from "vue";
-import { ChevronRight as fe, ChevronLeft as he, Moon as ge, Sun as ye, TriangleAlert as ve, Info as pe, CircleAlert as $e, KeySquare as ke, EyeOff as Be, Eye as we, RotateCw as Ce, RefreshCcw as De, LogOut as Se, LogIn as _e, Mail as Ie, CheckCircle as xe, XCircle as ze, MinusCircle as Te, PlusCircle as Ve, Trash2 as Ne, Edit2 as Me, Save as Ae, Heart as qe, Star as Fe, Download as Le, Upload as Re, ArrowRight as Oe, ArrowLeft as Pe, Minus as Ue, Plus as Ee, Trash as Ze, Edit as He, Check as Xe, Menu as je, Bell as We, Search as Ke, Settings as Ye, User as Ge, Home as Je, X as Qe } from "@lucide/vue";
+import { defineComponent as $, computed as f, openBlock as n, createBlock as C, resolveDynamicComponent as oe, normalizeStyle as T, createElementBlock as o, normalizeClass as b, createCommentVNode as i, renderSlot as y, createTextVNode as A, toDisplayString as m, createVNode as I, createElementVNode as c, Fragment as V, renderList as N, ref as M, TransitionGroup as ie, withCtx as O, unref as D, inject as re, onBeforeUnmount as ue, withKeys as U, useSlots as J, onMounted as Q, onUnmounted as ee, resolveComponent as ce, watch as W, Teleport as de, Transition as be, withModifiers as me, provide as fe } from "vue";
+import { ChevronRight as he, ChevronLeft as ge, Moon as ye, Sun as ve, TriangleAlert as $e, Info as pe, CircleAlert as ke, KeySquare as Be, EyeOff as we, Eye as Ce, RotateCw as Se, RefreshCcw as De, LogOut as ze, LogIn as _e, Mail as Ie, CheckCircle as xe, XCircle as Te, MinusCircle as Ve, PlusCircle as Ne, Trash2 as Me, Edit2 as Ae, Save as qe, Heart as Re, Star as Fe, Download as Le, Upload as Oe, ArrowRight as Pe, ArrowLeft as Ue, Minus as Ee, Plus as Ze, Trash as He, Edit as Xe, Check as We, Menu as je, Bell as Ke, Search as Ye, Settings as Ge, User as Je, Home as Qe, X as et } from "@lucide/vue";
 const X = {
-  X: Qe,
-  Home: Je,
-  User: Ge,
-  Settings: Ye,
-  Search: Ke,
-  Bell: We,
+  X: et,
+  Home: Qe,
+  User: Je,
+  Settings: Ge,
+  Search: Ye,
+  Bell: Ke,
   Menu: je,
-  Check: Xe,
-  Edit: He,
-  Trash: Ze,
-  Plus: Ee,
-  Minus: Ue,
-  ArrowLeft: Pe,
-  ArrowRight: Oe,
-  Upload: Re,
+  Check: We,
+  Edit: Xe,
+  Trash: He,
+  Plus: Ze,
+  Minus: Ee,
+  ArrowLeft: Ue,
+  ArrowRight: Pe,
+  Upload: Oe,
   Download: Le,
   Star: Fe,
-  Heart: qe,
-  Save: Ae,
-  Edit2: Me,
-  Trash2: Ne,
-  PlusCircle: Ve,
-  MinusCircle: Te,
-  XCircle: ze,
+  Heart: Re,
+  Save: qe,
+  Edit2: Ae,
+  Trash2: Me,
+  PlusCircle: Ne,
+  MinusCircle: Ve,
+  XCircle: Te,
   CheckCircle: xe,
   Mail: Ie,
   LogIn: _e,
-  LogOut: Se,
+  LogOut: ze,
   RefreshCcw: De,
-  RotateCw: Ce,
-  Eye: we,
-  EyeOff: Be,
-  KeySquare: ke,
-  CircleAlert: $e,
+  RotateCw: Se,
+  Eye: Ce,
+  EyeOff: we,
+  KeySquare: Be,
+  CircleAlert: ke,
   Info: pe,
-  TriangleAlert: ve,
-  Sun: ye,
-  Moon: ge,
-  ChevronLeft: he,
-  ChevronRight: fe
-}, xs = Object.keys(X), D = /* @__PURE__ */ $({
+  TriangleAlert: $e,
+  Sun: ve,
+  Moon: ye,
+  ChevronLeft: ge,
+  ChevronRight: he
+}, Rs = Object.keys(X), S = /* @__PURE__ */ $({
   __name: "BsaIcons",
   props: {
     icon: {},
@@ -55,16 +55,16 @@ const X = {
         return X[r] || X.X;
       }
       return a.icon;
-    }), o = f(() => ({
+    }), l = f(() => ({
       width: a.size,
       height: a.size,
       color: a.color
     }));
     return (r, u) => (n(), C(oe(s.value), {
-      style: T(o.value)
+      style: T(l.value)
     }, null, 8, ["style"]));
   }
-}), et = ["type", "disabled"], tt = { key: 2 }, U = /* @__PURE__ */ $({
+}), tt = ["type", "disabled"], at = { key: 2 }, E = /* @__PURE__ */ $({
   __name: "BsaButton",
   props: {
     type: { default: "button" },
@@ -83,7 +83,7 @@ const X = {
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f(() => {
+    const t = e, s = a, l = f(() => {
       const u = {
         xs: "bsa-button--xs",
         sm: "bsa-button--sm",
@@ -103,34 +103,34 @@ const X = {
     }), r = (u) => {
       !t.disabled && !t.loading && s("click", u);
     };
-    return (u, b) => (n(), l("button", {
+    return (u, d) => (n(), o("button", {
       type: e.type,
       disabled: e.disabled || e.loading,
-      class: d(o.value),
+      class: b(l.value),
       onClick: r
     }, [
-      e.loading ? (n(), C(D, {
+      e.loading ? (n(), C(S, {
         key: 0,
         icon: "Spinner",
         class: "bsa-button__icon bsa-button__icon--loading"
-      })) : e.icon && e.iconPosition === "left" ? (n(), C(D, {
+      })) : e.icon && e.iconPosition === "left" ? (n(), C(S, {
         key: 1,
         icon: e.icon,
         class: "bsa-button__icon"
       }, null, 8, ["icon"])) : i("", !0),
-      u.$slots.default || e.label ? (n(), l("span", tt, [
+      u.$slots.default || e.label ? (n(), o("span", at, [
         y(u.$slots, "default", {}, () => [
           A(m(e.label), 1)
         ])
       ])) : i("", !0),
-      e.icon && e.iconPosition === "right" && !e.loading ? (n(), C(D, {
+      e.icon && e.iconPosition === "right" && !e.loading ? (n(), C(S, {
         key: 3,
         icon: e.icon,
         class: "bsa-button__icon"
       }, null, 8, ["icon"])) : i("", !0)
-    ], 10, et));
+    ], 10, tt));
   }
-}), at = ["aria-label"], st = /* @__PURE__ */ $({
+}), st = ["aria-label"], nt = /* @__PURE__ */ $({
   __name: "BsaButtonBadge",
   props: {
     icon: { default: "Bell" },
@@ -142,41 +142,41 @@ const X = {
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f(() => ["bsa-button-badge", `bsa-button-badge--${t.size}`]), r = f(() => ["bsa-button-badge__icon", `bsa-button-badge__icon--${t.size}`]), u = f(() => [
+    const t = e, s = a, l = f(() => ["bsa-button-badge", `bsa-button-badge--${t.size}`]), r = f(() => ["bsa-button-badge__icon", `bsa-button-badge__icon--${t.size}`]), u = f(() => [
       "bsa-button-badge__count",
       `bsa-button-badge__count--${t.size}`,
       { "bsa-button-badge__count--pulse": t.pulse }
-    ]), b = f(() => [
+    ]), d = f(() => [
       "bsa-button-badge__dot",
       `bsa-button-badge__dot--${t.size}`,
       { "bsa-button-badge__dot--ping": t.ping }
     ]);
-    return (v, w) => (n(), l("button", {
+    return (v, w) => (n(), o("button", {
       type: "button",
       "aria-label": e.count > 0 ? `${e.count} notificações` : "Notificações",
-      class: d(o.value),
+      class: b(l.value),
       onClick: w[0] || (w[0] = (B) => s("click", B))
     }, [
-      x(D, {
+      I(S, {
         icon: e.icon,
-        class: d(r.value)
+        class: b(r.value)
       }, null, 8, ["icon", "class"]),
-      e.count > 0 ? (n(), l("span", {
+      e.count > 0 ? (n(), o("span", {
         key: 0,
-        class: d(u.value)
+        class: b(u.value)
       }, m(e.count > 99 ? "99+" : e.count), 3)) : i("", !0),
-      e.showDot && e.count === 0 ? (n(), l("span", {
+      e.showDot && e.count === 0 ? (n(), o("span", {
         key: 1,
-        class: d(b.value)
+        class: b(d.value)
       }, null, 2)) : i("", !0)
-    ], 10, at));
+    ], 10, st));
   }
-}), F = (e, a) => {
+}), R = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [s, o] of a)
-    t[s] = o;
+  for (const [s, l] of a)
+    t[s] = l;
   return t;
-}, zs = /* @__PURE__ */ F(st, [["__scopeId", "data-v-89d3c32f"]]), nt = ["type", "disabled", "title"], W = /* @__PURE__ */ $({
+}, Fs = /* @__PURE__ */ R(nt, [["__scopeId", "data-v-89d3c32f"]]), lt = ["type", "disabled", "title"], j = /* @__PURE__ */ $({
   __name: "BsaButtonIcon",
   props: {
     icon: {},
@@ -192,7 +192,7 @@ const X = {
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f(() => {
+    const t = e, s = a, l = f(() => {
       const u = {
         xs: "bsa-button-icon--xs",
         sm: "bsa-button-icon--sm",
@@ -210,24 +210,24 @@ const X = {
     }), r = (u) => {
       !t.disabled && !t.loading && s("click", u);
     };
-    return (u, b) => (n(), l("button", {
+    return (u, d) => (n(), o("button", {
       type: e.type,
       disabled: e.disabled || e.loading,
-      class: d(o.value),
+      class: b(l.value),
       title: e.tooltip,
       onClick: r
     }, [
-      e.loading ? (n(), C(D, {
+      e.loading ? (n(), C(S, {
         key: 0,
         icon: "Spinner",
         class: "bsa-button-icon__loading"
-      })) : (n(), C(D, {
+      })) : (n(), C(S, {
         key: 1,
         icon: e.icon
       }, null, 8, ["icon"]))
-    ], 10, nt));
+    ], 10, lt));
   }
-}), Ts = /* @__PURE__ */ $({
+}), Ls = /* @__PURE__ */ $({
   __name: "BsaButtonPanel",
   props: {
     align: { default: "left" },
@@ -243,16 +243,16 @@ const X = {
       a.vertical ? "bsa-button-panel--vertical" : "",
       a.wrap ? "bsa-button-panel--wrap" : ""
     ]);
-    return (s, o) => (n(), l("div", {
-      class: d(t.value)
+    return (s, l) => (n(), o("div", {
+      class: b(t.value)
     }, [
       y(s.$slots, "default")
     ], 2));
   }
-}), ot = { class: "bsa-loading__content" }, lt = {
+}), ot = { class: "bsa-loading__content" }, it = {
   key: 7,
   class: "bsa-loading__message"
-}, it = { key: 0 }, rt = /* @__PURE__ */ $({
+}, rt = { key: 0 }, ut = /* @__PURE__ */ $({
   __name: "BsaLoading",
   props: {
     isLoading: { type: Boolean },
@@ -269,48 +269,48 @@ const X = {
       md: "48px",
       lg: "64px",
       xl: "96px"
-    }, s = f(() => `bsa-loading--${a.size}`), o = f(() => [
+    }, s = f(() => `bsa-loading--${a.size}`), l = f(() => [
       "bsa-loading",
       a.fullscreen ? "bsa-loading--fullscreen" : "",
       a.overlay ? "bsa-loading--overlay" : ""
     ]);
-    return (r, u) => e.isLoading ? (n(), l("div", {
+    return (r, u) => e.isLoading ? (n(), o("div", {
       key: 0,
-      class: d(o.value)
+      class: b(l.value)
     }, [
       c("div", ot, [
-        e.type === "spinner" ? (n(), l("div", {
+        e.type === "spinner" ? (n(), o("div", {
           key: 0,
-          class: d(["bsa-loading__spinner", s.value])
+          class: b(["bsa-loading__spinner", s.value])
         }, [
-          x(D, { icon: "Spinner" })
+          I(S, { icon: "Spinner" })
         ], 2)) : i("", !0),
-        e.type === "dots" ? (n(), l("div", {
+        e.type === "dots" ? (n(), o("div", {
           key: 1,
-          class: d(["bsa-loading__dots", s.value])
+          class: b(["bsa-loading__dots", s.value])
         }, [
-          (n(), l(V, null, N(3, (b) => c("span", {
-            key: b,
-            style: T({ animationDelay: `${b * 0.1}s` })
+          (n(), o(V, null, N(3, (d) => c("span", {
+            key: d,
+            style: T({ animationDelay: `${d * 0.1}s` })
           }, null, 4)), 64))
         ], 2)) : i("", !0),
-        e.type === "pulse" ? (n(), l("div", {
+        e.type === "pulse" ? (n(), o("div", {
           key: 2,
-          class: d(["bsa-loading__pulse", s.value])
+          class: b(["bsa-loading__pulse", s.value])
         }, null, 2)) : i("", !0),
-        e.type === "bars" ? (n(), l("div", {
+        e.type === "bars" ? (n(), o("div", {
           key: 3,
-          class: d(["bsa-loading__bars", s.value])
+          class: b(["bsa-loading__bars", s.value])
         }, [
-          (n(), l(V, null, N(4, (b) => c("span", {
-            key: b,
+          (n(), o(V, null, N(4, (d) => c("span", {
+            key: d,
             style: T({
-              animationDelay: `${b * 0.15}s`,
+              animationDelay: `${d * 0.15}s`,
               animationDuration: "1s"
             })
           }, null, 4)), 64))
         ], 2)) : i("", !0),
-        e.type === "circle" ? (n(), l("div", {
+        e.type === "circle" ? (n(), o("div", {
           key: 4,
           class: "bsa-loading__circle",
           style: T({ width: t[e.size], height: t[e.size] })
@@ -330,39 +330,39 @@ const X = {
             })
           ], -1)
         ])], 4)) : i("", !0),
-        e.type === "bounce" ? (n(), l("div", {
+        e.type === "bounce" ? (n(), o("div", {
           key: 5,
-          class: d(["bsa-loading__bounce", s.value])
+          class: b(["bsa-loading__bounce", s.value])
         }, [
-          (n(), l(V, null, N(4, (b) => c("span", {
-            key: b,
-            style: T({ animationDelay: `${b * 0.12}s` })
+          (n(), o(V, null, N(4, (d) => c("span", {
+            key: d,
+            style: T({ animationDelay: `${d * 0.12}s` })
           }, null, 4)), 64))
         ], 2)) : i("", !0),
-        e.type === "wave" ? (n(), l("div", {
+        e.type === "wave" ? (n(), o("div", {
           key: 6,
-          class: d(["bsa-loading__wave", s.value])
+          class: b(["bsa-loading__wave", s.value])
         }, [
-          (n(), l(V, null, N(5, (b) => c("span", {
-            key: b,
-            style: T({ animationDelay: `${b * 0.1}s` })
+          (n(), o(V, null, N(5, (d) => c("span", {
+            key: d,
+            style: T({ animationDelay: `${d * 0.1}s` })
           }, null, 4)), 64))
         ], 2)) : i("", !0),
-        e.message ? (n(), l("div", lt, [
+        e.message ? (n(), o("div", it, [
           c("p", null, m(e.message), 1),
-          e.submessage ? (n(), l("p", it, m(e.submessage), 1)) : i("", !0)
+          e.submessage ? (n(), o("p", rt, m(e.submessage), 1)) : i("", !0)
         ])) : i("", !0)
       ])
     ], 2)) : i("", !0);
   }
-}), Vs = /* @__PURE__ */ F(rt, [["__scopeId", "data-v-09020727"]]), ut = { class: "bsa-toast__content" }, ct = { key: 0 }, dt = /* @__PURE__ */ $({
+}), Os = /* @__PURE__ */ R(ut, [["__scopeId", "data-v-09020727"]]), ct = { class: "bsa-toast__content" }, dt = { key: 0 }, bt = /* @__PURE__ */ $({
   __name: "BsaToast",
   props: {
     toast: {}
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f(() => `bsa-toast--${t.toast.type}`), r = f(() => {
+    const t = e, s = a, l = f(() => `bsa-toast--${t.toast.type}`), r = f(() => {
       switch (t.toast.type) {
         case "success":
           return "Check";
@@ -374,77 +374,77 @@ const X = {
           return "Info";
       }
     });
-    return (u, b) => (n(), l("div", {
-      class: d(["bsa-toast", o.value]),
+    return (u, d) => (n(), o("div", {
+      class: b(["bsa-toast", l.value]),
       role: "alert",
       "aria-live": "polite"
     }, [
-      x(D, {
+      I(S, {
         icon: r.value,
         size: "xs"
       }, null, 8, ["icon"]),
-      c("div", ut, [
-        e.toast.title ? (n(), l("strong", ct, m(e.toast.title), 1)) : i("", !0),
+      c("div", ct, [
+        e.toast.title ? (n(), o("strong", dt, m(e.toast.title), 1)) : i("", !0),
         c("span", null, m(e.toast.message), 1)
       ]),
-      x(W, {
+      I(j, {
         icon: "X",
         size: "sm",
         class: "bsa-toast__close",
         "aria-label": "Fechar",
-        onClick: b[0] || (b[0] = (v) => s("close"))
+        onClick: d[0] || (d[0] = (v) => s("close"))
       }),
-      e.toast.duration ? (n(), l("div", {
+      e.toast.duration ? (n(), o("div", {
         key: 0,
         class: "bsa-toast__progress",
         style: T({ animationDuration: `${e.toast.duration}ms` })
       }, null, 4)) : i("", !0)
     ], 2));
   }
-}), E = M([]);
-let bt = 1;
+}), Z = M([]);
+let mt = 1;
 const te = (e) => {
-  E.value = E.value.filter((a) => a.id !== e);
-}, R = (e, a = "info", t = {}) => {
-  const s = bt++, o = {
+  Z.value = Z.value.filter((a) => a.id !== e);
+}, L = (e, a = "info", t = {}) => {
+  const s = mt++, l = {
     id: s,
     type: a,
     title: t.title,
     message: e,
     duration: t.duration ?? 5e3
   };
-  return E.value.push(o), o.duration > 0 && window.setTimeout(() => {
+  return Z.value.push(l), l.duration > 0 && window.setTimeout(() => {
     te(s);
-  }, o.duration), s;
-}, mt = () => ({
-  toasts: E,
-  show: R,
+  }, l.duration), s;
+}, ft = () => ({
+  toasts: Z,
+  show: L,
   remove: te,
-  success: (e, a = {}) => R(e, "success", a),
-  error: (e, a = {}) => R(e, "error", a),
-  warning: (e, a = {}) => R(e, "warning", a),
-  info: (e, a = {}) => R(e, "info", a)
-}), ft = { class: "bsa-toast-container" }, Ns = /* @__PURE__ */ $({
+  success: (e, a = {}) => L(e, "success", a),
+  error: (e, a = {}) => L(e, "error", a),
+  warning: (e, a = {}) => L(e, "warning", a),
+  info: (e, a = {}) => L(e, "info", a)
+}), ht = { class: "bsa-toast-container" }, Ps = /* @__PURE__ */ $({
   __name: "BsaToastContainer",
   setup(e) {
-    const { toasts: a, remove: t } = mt();
-    return (s, o) => (n(), l("div", ft, [
-      x(le, { name: "bsa-toast" }, {
-        default: Z(() => [
-          (n(!0), l(V, null, N(S(a), (r) => (n(), C(dt, {
+    const { toasts: a, remove: t } = ft();
+    return (s, l) => (n(), o("div", ht, [
+      I(ie, { name: "bsa-toast" }, {
+        default: O(() => [
+          (n(!0), o(V, null, N(D(a), (r) => (n(), C(bt, {
             key: r.id,
             toast: r,
-            onClose: (u) => S(t)(r.id)
+            onClose: (u) => D(t)(r.id)
           }, null, 8, ["toast", "onClose"]))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), ht = ["src", "alt"], gt = {
+}), gt = ["src", "alt"], yt = {
   key: 2,
   class: "bsa-logo__content"
-}, yt = /* @__PURE__ */ $({
+}, vt = /* @__PURE__ */ $({
   __name: "BsaLogo",
   props: {
     src: {},
@@ -476,60 +476,60 @@ const te = (e) => {
         subtitle: "bsa-logo__subtitle--lg"
       }
     };
-    return (t, s) => (n(), l("div", {
-      class: d(["bsa-logo", { "bsa-logo--inverse": e.inverse }])
+    return (t, s) => (n(), o("div", {
+      class: b(["bsa-logo", { "bsa-logo--inverse": e.inverse }])
     }, [
-      e.src ? (n(), l("img", {
+      e.src ? (n(), o("img", {
         key: 0,
         src: e.src,
         alt: e.alt,
-        class: d(["bsa-logo__image", a[e.size].image])
-      }, null, 10, ht)) : e.icon ? (n(), C(S(D), {
+        class: b(["bsa-logo__image", a[e.size].image])
+      }, null, 10, gt)) : e.icon ? (n(), C(D(S), {
         key: 1,
         icon: e.icon,
-        class: d(["bsa-logo__icon", a[e.size].icon])
+        class: b(["bsa-logo__icon", a[e.size].icon])
       }, null, 8, ["icon", "class"])) : i("", !0),
-      e.title || e.subtitle ? (n(), l("div", gt, [
-        e.title ? (n(), l("div", {
+      e.title || e.subtitle ? (n(), o("div", yt, [
+        e.title ? (n(), o("div", {
           key: 0,
-          class: d(["bsa-logo__title", a[e.size].title])
+          class: b(["bsa-logo__title", a[e.size].title])
         }, m(e.title), 3)) : i("", !0),
-        e.subtitle ? (n(), l("div", {
+        e.subtitle ? (n(), o("div", {
           key: 1,
-          class: d(["bsa-logo__subtitle", a[e.size].subtitle])
+          class: b(["bsa-logo__subtitle", a[e.size].subtitle])
         }, m(e.subtitle), 3)) : i("", !0)
       ])) : i("", !0)
     ], 2));
   }
-}), Ms = /* @__PURE__ */ F(yt, [["__scopeId", "data-v-e8e7bb76"]]), ae = /* @__PURE__ */ Symbol("bsa-theme");
-function vt() {
-  const e = ie(ae);
+}), Us = /* @__PURE__ */ R(vt, [["__scopeId", "data-v-e8e7bb76"]]), ae = /* @__PURE__ */ Symbol("bsa-theme");
+function $t() {
+  const e = re(ae);
   if (!e)
     throw new Error("useTheme must be used within a BsaThemeProvider");
   return e;
 }
-const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
+const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
   __name: "BsaThemeToggle",
   setup(e) {
-    const { isDarkMode: a, toggleTheme: t } = vt();
-    return (s, o) => (n(), l("button", {
+    const { isDarkMode: a, toggleTheme: t } = $t();
+    return (s, l) => (n(), o("button", {
       type: "button",
       class: "bsa-theme-toggle",
-      "aria-label": S(a) ? "Ativar tema claro" : "Ativar tema escuro",
-      title: S(a) ? "Tema claro" : "Tema escuro",
-      onClick: o[0] || (o[0] = //@ts-ignore
-      (...r) => S(t) && S(t)(...r))
+      "aria-label": D(a) ? "Ativar tema claro" : "Ativar tema escuro",
+      title: D(a) ? "Tema claro" : "Tema escuro",
+      onClick: l[0] || (l[0] = //@ts-ignore
+      (...r) => D(t) && D(t)(...r))
     }, [
-      x(S(D), {
-        icon: S(a) ? "Sun" : "Moon",
+      I(D(S), {
+        icon: D(a) ? "Sun" : "Moon",
         size: "w-5 h-5"
       }, null, 8, ["icon"])
     ], 8, pt));
   }
-}), As = /* @__PURE__ */ F($t, [["__scopeId", "data-v-d4c9dd72"]]), kt = ["id", "checked", "disabled", "required"], Bt = {
+}), Es = /* @__PURE__ */ R(kt, [["__scopeId", "data-v-d4c9dd72"]]), Bt = ["id", "checked", "disabled", "required"], wt = {
   key: 0,
   class: "bsa-checkbox__label"
-}, qs = /* @__PURE__ */ $({
+}, Zs = /* @__PURE__ */ $({
   __name: "BsaCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -542,12 +542,12 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = a, s = (o) => {
-      const u = o.target.checked;
+    const t = a, s = (l) => {
+      const u = l.target.checked;
       t("update:modelValue", u), t("change", u);
     };
-    return (o, r) => (n(), l("label", {
-      class: d(["bsa-checkbox", {
+    return (l, r) => (n(), o("label", {
+      class: b(["bsa-checkbox", {
         "bsa-checkbox--disabled": e.disabled,
         "bsa-checkbox--readonly": e.readonly
       }])
@@ -560,20 +560,20 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
         disabled: e.disabled || e.readonly,
         required: e.required,
         onChange: s
-      }, null, 40, kt),
-      e.label ? (n(), l("span", Bt, m(e.label), 1)) : i("", !0)
+      }, null, 40, Bt),
+      e.label ? (n(), o("span", wt, m(e.label), 1)) : i("", !0)
     ], 2));
   }
-}), wt = ["for"], Ct = {
+}), Ct = ["for"], St = {
   key: 0,
   class: "bsa-input-required"
-}, Dt = { class: "bsa-input-field bsa-input-field--has-right-content" }, St = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "min", "max"], _t = { class: "bsa-input-date-icon" }, It = {
+}, Dt = { class: "bsa-input-field bsa-input-field--has-right-content" }, zt = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "min", "max"], _t = { class: "bsa-input-date-icon" }, It = {
   key: 1,
   class: "bsa-input-hint"
 }, xt = {
   key: 2,
   class: "bsa-input-error"
-}, Fs = /* @__PURE__ */ $({
+}, Hs = /* @__PURE__ */ $({
   __name: "BsaInputDate",
   props: {
     modelValue: {},
@@ -593,7 +593,7 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f(() => t.id || `date-${Math.random().toString(36).substring(2, 11)}`), r = f(() => t.modelValue ? t.modelValue instanceof Date ? v(t.modelValue) : t.modelValue : ""), u = f(() => [
+    const t = e, s = a, l = f(() => t.id || `date-${Math.random().toString(36).substring(2, 11)}`), r = f(() => t.modelValue ? t.modelValue instanceof Date ? v(t.modelValue) : t.modelValue : ""), u = f(() => [
       "bsa-input",
       `bsa-input--${t.size}`,
       {
@@ -601,75 +601,75 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
         "bsa-input--readonly": t.readonly,
         "bsa-input--disabled": t.disabled
       }
-    ]), b = f(() => t.modelValue instanceof Date), v = (h) => {
-      const k = h.getFullYear(), I = String(h.getMonth() + 1).padStart(2, "0"), z = String(h.getDate()).padStart(2, "0");
+    ]), d = f(() => t.modelValue instanceof Date), v = (h) => {
+      const k = h.getFullYear(), _ = String(h.getMonth() + 1).padStart(2, "0"), x = String(h.getDate()).padStart(2, "0");
       switch (t.mode) {
         case "date":
-          return `${k}-${I}-${z}`;
+          return `${k}-${_}-${x}`;
         case "datetime-local": {
-          const L = String(h.getHours()).padStart(2, "0"), q = String(h.getMinutes()).padStart(2, "0");
-          return `${k}-${I}-${z}T${L}:${q}`;
+          const F = String(h.getHours()).padStart(2, "0"), q = String(h.getMinutes()).padStart(2, "0");
+          return `${k}-${_}-${x}T${F}:${q}`;
         }
         case "time":
           return `${String(h.getHours()).padStart(2, "0")}:${String(h.getMinutes()).padStart(2, "0")}`;
         case "month":
-          return `${k}-${I}`;
+          return `${k}-${_}`;
         case "week":
           return `${k}-W${String(w(h)).padStart(2, "0")}`;
         default:
           return "";
       }
     }, w = (h) => {
-      const k = new Date(Date.UTC(h.getFullYear(), h.getMonth(), h.getDate())), I = k.getUTCDay() || 7;
-      k.setUTCDate(k.getUTCDate() + 4 - I);
-      const z = new Date(Date.UTC(k.getUTCFullYear(), 0, 1));
-      return Math.ceil(((k.getTime() - z.getTime()) / 864e5 + 1) / 7);
+      const k = new Date(Date.UTC(h.getFullYear(), h.getMonth(), h.getDate())), _ = k.getUTCDay() || 7;
+      k.setUTCDate(k.getUTCDate() + 4 - _);
+      const x = new Date(Date.UTC(k.getUTCFullYear(), 0, 1));
+      return Math.ceil(((k.getTime() - x.getTime()) / 864e5 + 1) / 7);
     }, B = (h) => {
       switch (t.mode) {
         case "date": {
-          const [k, I, z] = h.split("-").map(Number);
-          return new Date(k, I - 1, z);
+          const [k, _, x] = h.split("-").map(Number);
+          return new Date(k, _ - 1, x);
         }
         case "datetime-local": {
-          const [k, I] = h.split("T"), [z, L, q] = k.split("-").map(Number), [H, ne] = I.split(":").map(Number);
-          return new Date(z, L - 1, q, H, ne);
+          const [k, _] = h.split("T"), [x, F, q] = k.split("-").map(Number), [H, le] = _.split(":").map(Number);
+          return new Date(x, F - 1, q, H, le);
         }
         case "time": {
-          const [k, I] = h.split(":").map(Number), z = t.modelValue instanceof Date ? new Date(t.modelValue) : /* @__PURE__ */ new Date();
-          return z.setHours(k, I, 0, 0), z;
+          const [k, _] = h.split(":").map(Number), x = t.modelValue instanceof Date ? new Date(t.modelValue) : /* @__PURE__ */ new Date();
+          return x.setHours(k, _, 0, 0), x;
         }
         case "month": {
-          const [k, I] = h.split("-").map(Number);
-          return new Date(k, I - 1, 1);
+          const [k, _] = h.split("-").map(Number);
+          return new Date(k, _ - 1, 1);
         }
         case "week": {
-          const [k, I] = h.split("-W"), z = Number(k), L = Number(I), q = new Date(z, 0, 1 + (L - 1) * 7), H = q.getDay() || 7;
+          const [k, _] = h.split("-W"), x = Number(k), F = Number(_), q = new Date(x, 0, 1 + (F - 1) * 7), H = q.getDay() || 7;
           return q.setDate(q.getDate() - H + 1), q;
         }
         default:
           return new Date(h);
       }
-    }, g = (h) => b.value ? h ? B(h) : "" : h, p = (h) => {
+    }, g = (h) => d.value ? h ? B(h) : "" : h, p = (h) => {
       const k = h.target;
       s("update:modelValue", g(k.value));
-    }, _ = (h) => {
+    }, z = (h) => {
       const k = h.target;
       s("change", g(k.value));
     };
-    return (h, k) => (n(), l("div", {
-      class: d(["bsa-input-date", t.class])
+    return (h, k) => (n(), o("div", {
+      class: b(["bsa-input-date", t.class])
     }, [
-      e.label ? (n(), l("label", {
+      e.label ? (n(), o("label", {
         key: 0,
-        for: o.value,
-        class: d(["bsa-input-label", { "bsa-input-label--error": e.error }])
+        for: l.value,
+        class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), l("span", Ct, "*")) : i("", !0)
-      ], 10, wt)) : i("", !0),
+        e.required ? (n(), o("span", St, "*")) : i("", !0)
+      ], 10, Ct)) : i("", !0),
       c("div", Dt, [
         c("input", {
-          id: o.value,
+          id: l.value,
           type: e.mode,
           value: r.value,
           placeholder: e.placeholder,
@@ -678,33 +678,33 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
           required: e.required,
           min: e.min,
           max: e.max,
-          class: d(u.value),
+          class: b(u.value),
           onInput: p,
-          onChange: _,
-          onBlur: k[0] || (k[0] = (I) => s("blur", I)),
-          onFocus: k[1] || (k[1] = (I) => s("focus", I))
-        }, null, 42, St),
+          onChange: z,
+          onBlur: k[0] || (k[0] = (_) => s("blur", _)),
+          onFocus: k[1] || (k[1] = (_) => s("focus", _))
+        }, null, 42, zt),
         c("div", _t, [
-          x(D, { icon: "Calendar" })
+          I(S, { icon: "Calendar" })
         ])
       ]),
-      e.hint && !e.error ? (n(), l("p", It, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), l("p", xt, m(e.error), 1)) : i("", !0)
+      e.hint && !e.error ? (n(), o("p", It, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", xt, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), zt = ["for"], Tt = {
+}), Tt = ["for"], Vt = {
   key: 0,
   class: "bsa-input-required"
-}, Vt = { class: "bsa-input-field bsa-input-field--has-icon bsa-input-field--has-right-content" }, Nt = { class: "bsa-input-search-icon" }, Mt = ["id", "value", "placeholder", "disabled", "readonly"], At = {
+}, Nt = { class: "bsa-input-field bsa-input-field--has-icon bsa-input-field--has-right-content" }, Mt = { class: "bsa-input-search-icon" }, At = ["id", "value", "placeholder", "disabled", "readonly"], qt = {
   key: 0,
   class: "bsa-input-search-actions"
-}, qt = ["disabled"], Ft = {
+}, Rt = ["disabled"], Ft = {
   key: 1,
   class: "bsa-input-hint"
 }, Lt = {
   key: 2,
   class: "bsa-input-error"
-}, Ls = /* @__PURE__ */ $({
+}, Xs = /* @__PURE__ */ $({
   __name: "BsaInputSearch",
   props: {
     modelValue: {},
@@ -724,7 +724,7 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   emits: ["update:modelValue", "search", "clear"],
   setup(e, { emit: a }) {
     const t = e, s = a;
-    let o = null;
+    let l = null;
     const r = f(() => t.id || `search-${Math.random().toString(36).substring(2, 11)}`), u = f(() => [
       "bsa-input",
       `bsa-input--${t.size}`,
@@ -732,32 +732,32 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
         "bsa-input--disabled": t.disabled,
         "bsa-input--error": !!t.error
       }
-    ]), b = (B) => {
+    ]), d = (B) => {
       const p = B.target.value;
-      s("update:modelValue", p), o && clearTimeout(o), o = setTimeout(() => {
+      s("update:modelValue", p), l && clearTimeout(l), l = setTimeout(() => {
         s("search", p);
       }, t.debounce);
     }, v = () => {
-      o && clearTimeout(o), s("search", t.modelValue || "");
+      l && clearTimeout(l), s("search", t.modelValue || "");
     }, w = () => {
-      o && clearTimeout(o), s("update:modelValue", ""), s("clear"), s("search", "");
+      l && clearTimeout(l), s("update:modelValue", ""), s("clear"), s("search", "");
     };
-    return re(() => {
-      o && clearTimeout(o);
-    }), (B, g) => (n(), l("div", {
-      class: d(["bsa-input-search", t.class])
+    return ue(() => {
+      l && clearTimeout(l);
+    }), (B, g) => (n(), o("div", {
+      class: b(["bsa-input-search", t.class])
     }, [
-      e.label ? (n(), l("label", {
+      e.label ? (n(), o("label", {
         key: 0,
         for: r.value,
-        class: d(["bsa-input-label", { "bsa-input-label--error": e.error }])
+        class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), l("span", Tt, "*")) : i("", !0)
-      ], 10, zt)) : i("", !0),
-      c("div", Vt, [
-        c("div", Nt, [
-          x(D, { icon: "Search" })
+        e.required ? (n(), o("span", Vt, "*")) : i("", !0)
+      ], 10, Tt)) : i("", !0),
+      c("div", Nt, [
+        c("div", Mt, [
+          I(S, { icon: "Search" })
         ]),
         c("input", {
           id: r.value,
@@ -766,51 +766,51 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
           placeholder: e.placeholder || "Search...",
           disabled: e.disabled,
           readonly: e.readonly,
-          class: d(u.value),
-          onInput: b,
+          class: b(u.value),
+          onInput: d,
           onKeydown: [
-            P(v, ["enter"]),
-            P(w, ["esc"])
+            U(v, ["enter"]),
+            U(w, ["esc"])
           ]
-        }, null, 42, Mt),
-        e.modelValue || e.loading ? (n(), l("div", At, [
-          !e.loading && e.modelValue ? (n(), l("button", {
+        }, null, 42, At),
+        e.modelValue || e.loading ? (n(), o("div", qt, [
+          !e.loading && e.modelValue ? (n(), o("button", {
             key: 0,
             type: "button",
             class: "bsa-input-action",
             disabled: e.disabled,
             onClick: w
           }, [
-            x(D, { icon: "X" })
-          ], 8, qt)) : i("", !0),
-          e.loading ? (n(), C(D, {
+            I(S, { icon: "X" })
+          ], 8, Rt)) : i("", !0),
+          e.loading ? (n(), C(S, {
             key: 1,
             icon: "Loader",
             class: "bsa-input-loading"
           })) : i("", !0)
         ])) : i("", !0)
       ]),
-      e.hint && !e.error ? (n(), l("p", Ft, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), l("p", Lt, m(e.error), 1)) : i("", !0)
+      e.hint && !e.error ? (n(), o("p", Ft, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", Lt, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), Rt = ["for"], Ot = {
+}), Ot = ["for"], Pt = {
   key: 0,
   class: "bsa-input-required"
-}, Pt = { class: "bsa-input-field bsa-input-field--has-right-content" }, Ut = ["id", "value", "disabled", "required", "multiple"], Et = {
+}, Ut = { class: "bsa-input-field bsa-input-field--has-right-content" }, Et = ["id", "value", "disabled", "required", "multiple"], Zt = {
   key: 0,
   value: "",
   disabled: ""
-}, Zt = ["value", "disabled"], Ht = ["label"], Xt = ["value", "disabled"], jt = {
+}, Ht = ["value", "disabled"], Xt = ["label"], Wt = ["value", "disabled"], jt = {
   key: 0,
   class: "bsa-input-select-icon"
-}, Wt = {
+}, Kt = {
   key: 1,
   class: "bsa-input-hint"
-}, Kt = {
+}, Yt = {
   key: 2,
   class: "bsa-input-error"
-}, Rs = /* @__PURE__ */ $({
+}, Ws = /* @__PURE__ */ $({
   __name: "BsaInputSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Array] },
@@ -830,7 +830,7 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f(() => t.id || `select-${Math.random().toString(36).substring(2, 11)}`), r = f(() => [
+    const t = e, s = a, l = f(() => t.id || `select-${Math.random().toString(36).substring(2, 11)}`), r = f(() => [
       "bsa-input",
       "bsa-input--select",
       `bsa-input--${t.size}`,
@@ -842,80 +842,80 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
     ]), u = f(() => {
       const w = (t.groups ?? []).flatMap((B) => B.options);
       return [...t.options, ...w];
-    }), b = (w) => u.value.find((g) => String(g.value) === w)?.value ?? w, v = (w) => {
+    }), d = (w) => u.value.find((g) => String(g.value) === w)?.value ?? w, v = (w) => {
       const B = w.target;
       if (t.multiple) {
-        const p = Array.from(B.selectedOptions).map((_) => b(_.value));
+        const p = Array.from(B.selectedOptions).map((z) => d(z.value));
         s("update:modelValue", p), s("change", p);
         return;
       }
-      const g = b(B.value);
+      const g = d(B.value);
       s("update:modelValue", g), s("change", g);
     };
-    return (w, B) => (n(), l("div", {
-      class: d(["bsa-input-select", t.class])
+    return (w, B) => (n(), o("div", {
+      class: b(["bsa-input-select", t.class])
     }, [
-      e.label ? (n(), l("label", {
+      e.label ? (n(), o("label", {
         key: 0,
-        for: o.value,
-        class: d(["bsa-input-label", { "bsa-input-label--error": e.error }])
+        for: l.value,
+        class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), l("span", Ot, "*")) : i("", !0)
-      ], 10, Rt)) : i("", !0),
-      c("div", Pt, [
+        e.required ? (n(), o("span", Pt, "*")) : i("", !0)
+      ], 10, Ot)) : i("", !0),
+      c("div", Ut, [
         c("select", {
-          id: o.value,
+          id: l.value,
           value: e.modelValue,
           disabled: e.disabled || e.readonly,
           required: e.required,
           multiple: e.multiple,
-          class: d(r.value),
+          class: b(r.value),
           onChange: v,
           onBlur: B[0] || (B[0] = (g) => s("blur", g)),
           onFocus: B[1] || (B[1] = (g) => s("focus", g))
         }, [
-          e.placeholder && !e.multiple ? (n(), l("option", Et, m(e.placeholder), 1)) : i("", !0),
-          (n(!0), l(V, null, N(e.options, (g) => (n(), l("option", {
+          e.placeholder && !e.multiple ? (n(), o("option", Zt, m(e.placeholder), 1)) : i("", !0),
+          (n(!0), o(V, null, N(e.options, (g) => (n(), o("option", {
             key: String(g.value),
             value: g.value,
             disabled: g.disabled
-          }, m(g.label), 9, Zt))), 128)),
-          (n(!0), l(V, null, N(e.groups, (g) => (n(), l("optgroup", {
+          }, m(g.label), 9, Ht))), 128)),
+          (n(!0), o(V, null, N(e.groups, (g) => (n(), o("optgroup", {
             key: g.label,
             label: g.label
           }, [
-            (n(!0), l(V, null, N(g.options, (p) => (n(), l("option", {
+            (n(!0), o(V, null, N(g.options, (p) => (n(), o("option", {
               key: String(p.value),
               value: p.value,
               disabled: p.disabled
-            }, m(p.label), 9, Xt))), 128))
-          ], 8, Ht))), 128))
-        ], 42, Ut),
-        e.multiple ? i("", !0) : (n(), l("div", jt, [
-          x(D, { icon: "ChevronDown" })
+            }, m(p.label), 9, Wt))), 128))
+          ], 8, Xt))), 128))
+        ], 42, Et),
+        e.multiple ? i("", !0) : (n(), o("div", jt, [
+          I(S, { icon: "ChevronDown" })
         ]))
       ]),
-      e.hint && !e.error ? (n(), l("p", Wt, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), l("p", Kt, m(e.error), 1)) : i("", !0)
+      e.hint && !e.error ? (n(), o("p", Kt, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", Yt, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), Yt = ["for"], Gt = {
+}), Gt = ["for"], Jt = {
   key: 0,
   class: "bsa-input-required"
-}, Jt = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "minlength", "min", "max", "step"], Qt = {
+}, Qt = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "minlength", "min", "max", "step"], ea = {
   key: 0,
   class: "bsa-input-icon"
-}, ea = {
+}, ta = {
   key: 1,
   class: "bsa-input-actions"
-}, ta = {
+}, aa = {
   key: 1,
   class: "bsa-input-hint"
-}, aa = {
+}, sa = {
   key: 2,
   class: "bsa-input-error"
-}, Os = /* @__PURE__ */ $({
+}, js = /* @__PURE__ */ $({
   __name: "BsaInputText",
   props: {
     modelValue: {},
@@ -941,8 +941,8 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "blur", "focus", "enter", "clear"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = J(), r = f(() => t.id || `input-${Math.random().toString(36).substring(2, 11)}`), u = f(() => !!t.icon || !!o.icon), b = f(
-      () => t.clearable && t.modelValue !== void 0 && t.modelValue !== "" || !!o.suffix
+    const t = e, s = a, l = J(), r = f(() => t.id || `input-${Math.random().toString(36).substring(2, 11)}`), u = f(() => !!t.icon || !!l.icon), d = f(
+      () => t.clearable && t.modelValue !== void 0 && t.modelValue !== "" || !!l.suffix
     ), v = f(() => [
       "bsa-input",
       `bsa-input--${t.size}`,
@@ -955,31 +955,31 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
       "bsa-input-field",
       {
         "bsa-input-field--has-icon": u.value,
-        "bsa-input-field--has-right-content": b.value
+        "bsa-input-field--has-right-content": d.value
       }
     ]), B = (p) => {
-      const _ = p.target;
+      const z = p.target;
       if (t.type === "number") {
-        s("update:modelValue", _.value === "" ? "" : Number(_.value));
+        s("update:modelValue", z.value === "" ? "" : Number(z.value));
         return;
       }
-      s("update:modelValue", _.value);
+      s("update:modelValue", z.value);
     }, g = () => {
       s("update:modelValue", ""), s("clear");
     };
-    return (p, _) => (n(), l("div", {
-      class: d(["bsa-input-text", t.class])
+    return (p, z) => (n(), o("div", {
+      class: b(["bsa-input-text", t.class])
     }, [
-      e.label ? (n(), l("label", {
+      e.label ? (n(), o("label", {
         key: 0,
         for: r.value,
-        class: d(["bsa-input-label", { "bsa-input-label--error": e.error }])
+        class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), l("span", Gt, "*")) : i("", !0)
-      ], 10, Yt)) : i("", !0),
+        e.required ? (n(), o("span", Jt, "*")) : i("", !0)
+      ], 10, Gt)) : i("", !0),
       c("div", {
-        class: d(w.value)
+        class: b(w.value)
       }, [
         c("input", {
           id: r.value,
@@ -995,22 +995,22 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
           min: e.min,
           max: e.max,
           step: e.step,
-          class: d(v.value),
+          class: b(v.value),
           onInput: B,
-          onBlur: _[0] || (_[0] = (h) => s("blur", h)),
-          onFocus: _[1] || (_[1] = (h) => s("focus", h)),
-          onKeydown: _[2] || (_[2] = P((h) => s("enter", h), ["enter"]))
-        }, null, 42, Jt),
-        u.value ? (n(), l("div", Qt, [
+          onBlur: z[0] || (z[0] = (h) => s("blur", h)),
+          onFocus: z[1] || (z[1] = (h) => s("focus", h)),
+          onKeydown: z[2] || (z[2] = U((h) => s("enter", h), ["enter"]))
+        }, null, 42, Qt),
+        u.value ? (n(), o("div", ea, [
           y(p.$slots, "icon", {}, () => [
-            e.icon ? (n(), C(D, {
+            e.icon ? (n(), C(S, {
               key: 0,
               icon: e.icon
             }, null, 8, ["icon"])) : i("", !0)
           ])
         ])) : i("", !0),
-        b.value ? (n(), l("div", ea, [
-          e.clearable && e.modelValue !== void 0 && e.modelValue !== "" ? (n(), C(W, {
+        d.value ? (n(), o("div", ta, [
+          e.clearable && e.modelValue !== void 0 && e.modelValue !== "" ? (n(), C(j, {
             key: 0,
             icon: "X",
             disabled: e.disabled,
@@ -1020,20 +1020,20 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
           y(p.$slots, "suffix")
         ])) : i("", !0)
       ], 2),
-      e.hint && !e.error ? (n(), l("p", ta, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), l("p", aa, m(e.error), 1)) : i("", !0)
+      e.hint && !e.error ? (n(), o("p", aa, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", sa, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), sa = ["for"], na = {
+}), na = ["for"], la = {
   key: 0,
   class: "bsa-input-required"
-}, oa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "minlength"], la = {
+}, oa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "minlength"], ia = {
   key: 1,
   class: "bsa-input-hint"
-}, ia = {
+}, ra = {
   key: 2,
   class: "bsa-input-error"
-}, Ps = /* @__PURE__ */ $({
+}, Ks = /* @__PURE__ */ $({
   __name: "BsaInputTextarea",
   props: {
     modelValue: {},
@@ -1055,7 +1055,7 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "blur", "focus", "enter"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f(() => t.id || `textarea-${Math.random().toString(36).substring(2, 11)}`), r = f(() => [
+    const t = e, s = a, l = f(() => t.id || `textarea-${Math.random().toString(36).substring(2, 11)}`), r = f(() => [
       "bsa-input",
       "bsa-input--textarea",
       `bsa-input--${t.size}`,
@@ -1066,19 +1066,19 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
         "bsa-input--disabled": t.disabled
       }
     ]);
-    return (u, b) => (n(), l("div", {
-      class: d(["bsa-input-textarea", t.class])
+    return (u, d) => (n(), o("div", {
+      class: b(["bsa-input-textarea", t.class])
     }, [
-      e.label ? (n(), l("label", {
+      e.label ? (n(), o("label", {
         key: 0,
-        for: o.value,
-        class: d(["bsa-input-label", { "bsa-input-label--error": e.error }])
+        for: l.value,
+        class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), l("span", na, "*")) : i("", !0)
-      ], 10, sa)) : i("", !0),
+        e.required ? (n(), o("span", la, "*")) : i("", !0)
+      ], 10, na)) : i("", !0),
       c("textarea", {
-        id: o.value,
+        id: l.value,
         value: e.modelValue,
         placeholder: e.placeholder,
         disabled: e.disabled,
@@ -1088,20 +1088,20 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
         cols: e.cols,
         maxlength: e.maxlength,
         minlength: e.minlength,
-        class: d(r.value),
-        onInput: b[0] || (b[0] = (v) => s("update:modelValue", v.target.value)),
-        onBlur: b[1] || (b[1] = (v) => s("blur", v)),
-        onFocus: b[2] || (b[2] = (v) => s("focus", v)),
-        onKeydown: b[3] || (b[3] = P((v) => s("enter", v), ["enter"]))
+        class: b(r.value),
+        onInput: d[0] || (d[0] = (v) => s("update:modelValue", v.target.value)),
+        onBlur: d[1] || (d[1] = (v) => s("blur", v)),
+        onFocus: d[2] || (d[2] = (v) => s("focus", v)),
+        onKeydown: d[3] || (d[3] = U((v) => s("enter", v), ["enter"]))
       }, null, 42, oa),
-      e.hint && !e.error ? (n(), l("p", la, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), l("p", ia, m(e.error), 1)) : i("", !0)
+      e.hint && !e.error ? (n(), o("p", ia, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", ra, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), ra = ["id", "name", "value", "checked", "disabled", "required"], ua = {
+}), ua = ["id", "name", "value", "checked", "disabled", "required"], ca = {
   key: 0,
   class: "bsa-radio__label"
-}, ca = /* @__PURE__ */ $({
+}, da = /* @__PURE__ */ $({
   __name: "BsaRadio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -1115,11 +1115,11 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = () => {
+    const t = e, s = a, l = () => {
       s("update:modelValue", t.value), s("change", t.value);
     };
-    return (r, u) => (n(), l("label", {
-      class: d(["bsa-radio", { "bsa-radio--disabled": e.disabled }])
+    return (r, u) => (n(), o("label", {
+      class: b(["bsa-radio", { "bsa-radio--disabled": e.disabled }])
     }, [
       c("input", {
         id: e.id,
@@ -1130,24 +1130,24 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
         checked: e.modelValue === e.value,
         disabled: e.disabled,
         required: e.required,
-        onChange: o
-      }, null, 40, ra),
-      e.label ? (n(), l("span", ua, m(e.label), 1)) : i("", !0)
+        onChange: l
+      }, null, 40, ua),
+      e.label ? (n(), o("span", ca, m(e.label), 1)) : i("", !0)
     ], 2));
   }
-}), da = ["disabled"], ba = {
+}), ba = ["disabled"], ma = {
   key: 0,
   class: "bsa-input-label"
-}, ma = {
+}, fa = {
   key: 0,
   class: "bsa-input-required"
-}, fa = { class: "bsa-radio-group__options" }, ha = {
+}, ha = { class: "bsa-radio-group__options" }, ga = {
   key: 1,
   class: "bsa-input-hint"
-}, ga = {
+}, ya = {
   key: 2,
   class: "bsa-input-error"
-}, Us = /* @__PURE__ */ $({
+}, Ys = /* @__PURE__ */ $({
   __name: "BsaRadioGroup",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -1165,43 +1165,43 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
     const t = a;
-    return (s, o) => (n(), l("fieldset", {
-      class: d(["bsa-radio-group", `bsa-radio-group--${e.direction}`]),
+    return (s, l) => (n(), o("fieldset", {
+      class: b(["bsa-radio-group", `bsa-radio-group--${e.direction}`]),
       disabled: e.disabled
     }, [
-      e.label ? (n(), l("legend", ba, [
+      e.label ? (n(), o("legend", ma, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), l("span", ma, "*")) : i("", !0)
+        e.required ? (n(), o("span", fa, "*")) : i("", !0)
       ])) : i("", !0),
-      c("div", fa, [
-        (n(!0), l(V, null, N(e.options, (r) => (n(), C(ca, {
+      c("div", ha, [
+        (n(!0), o(V, null, N(e.options, (r) => (n(), C(da, {
           key: String(r.value),
           "model-value": e.modelValue,
           value: r.value,
           label: r.label,
           name: e.name || e.id,
           disabled: e.disabled || r.disabled,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => t("update:modelValue", u)),
-          onChange: o[1] || (o[1] = (u) => t("change", u))
+          "onUpdate:modelValue": l[0] || (l[0] = (u) => t("update:modelValue", u)),
+          onChange: l[1] || (l[1] = (u) => t("change", u))
         }, null, 8, ["model-value", "value", "label", "name", "disabled"]))), 128))
       ]),
-      e.hint && !e.error ? (n(), l("p", ha, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), l("p", ga, m(e.error), 1)) : i("", !0)
-    ], 10, da));
+      e.hint && !e.error ? (n(), o("p", ga, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", ya, m(e.error), 1)) : i("", !0)
+    ], 10, ba));
   }
-}), ya = {
+}), va = {
   key: 0,
   class: "bsa-card-header"
-}, va = { class: "bsa-card-header__content" }, pa = { class: "bsa-card-header__main" }, $a = { class: "bsa-card-header__title" }, ka = {
+}, $a = { class: "bsa-card-header__content" }, pa = { class: "bsa-card-header__main" }, ka = { class: "bsa-card-header__title" }, Ba = {
   key: 0,
   class: "bsa-card-header__subtitle"
-}, Ba = {
+}, wa = {
   key: 0,
   class: "bsa-card-header__actions"
-}, wa = { class: "bsa-card-body" }, Ca = {
+}, Ca = { class: "bsa-card-body" }, Sa = {
   key: 1,
   class: "bsa-card-footer"
-}, Es = /* @__PURE__ */ $({
+}, Gs = /* @__PURE__ */ $({
   __name: "BsaCard",
   props: {
     title: {},
@@ -1225,39 +1225,39 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
       a.hoverable ? "bsa-card--hoverable" : "",
       a.class
     ]);
-    return (o, r) => (n(), l("div", {
-      class: d(s.value)
+    return (l, r) => (n(), o("div", {
+      class: b(s.value)
     }, [
-      e.showHeader || o.$slots.header ? (n(), l("div", ya, [
-        y(o.$slots, "header", {}, () => [
-          c("div", va, [
+      e.showHeader || l.$slots.header ? (n(), o("div", va, [
+        y(l.$slots, "header", {}, () => [
+          c("div", $a, [
             c("div", pa, [
-              e.icon ? (n(), C(D, {
+              e.icon ? (n(), C(S, {
                 key: 0,
                 icon: e.icon,
                 class: "bsa-card-header__icon",
                 style: T({ color: e.iconColor })
               }, null, 8, ["icon", "style"])) : i("", !0),
               c("div", null, [
-                c("h3", $a, m(e.title), 1),
-                e.subtitle ? (n(), l("p", ka, m(e.subtitle), 1)) : i("", !0)
+                c("h3", ka, m(e.title), 1),
+                e.subtitle ? (n(), o("p", Ba, m(e.subtitle), 1)) : i("", !0)
               ])
             ]),
-            o.$slots.actions ? (n(), l("div", Ba, [
-              y(o.$slots, "actions")
+            l.$slots.actions ? (n(), o("div", wa, [
+              y(l.$slots, "actions")
             ])) : i("", !0)
           ])
         ])
       ])) : i("", !0),
-      c("div", wa, [
-        y(o.$slots, "default")
+      c("div", Ca, [
+        y(l.$slots, "default")
       ]),
-      e.showFooter || o.$slots.footer ? (n(), l("div", Ca, [
-        y(o.$slots, "footer")
+      e.showFooter || l.$slots.footer ? (n(), o("div", Sa, [
+        y(l.$slots, "footer")
       ])) : i("", !0)
     ], 2));
   }
-}), Da = ["href", "target", "aria-disabled", "tabindex"], Sa = /* @__PURE__ */ $({
+}), Da = ["href", "target", "aria-disabled", "tabindex"], za = /* @__PURE__ */ $({
   __name: "BsaLink",
   props: {
     href: { default: void 0 },
@@ -1266,24 +1266,24 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const t = a, s = (o) => {
-      t("click", o);
+    const t = a, s = (l) => {
+      t("click", l);
     };
-    return (o, r) => (n(), l("a", {
+    return (l, r) => (n(), o("a", {
       href: e.disabled ? void 0 : e.href,
       target: e.target,
       "aria-disabled": e.disabled,
       tabindex: e.disabled ? -1 : void 0,
-      class: d(["bsa-link", { "bsa-link--disabled": e.disabled }]),
+      class: b(["bsa-link", { "bsa-link--disabled": e.disabled }]),
       onClick: s
     }, [
-      y(o.$slots, "default", {}, void 0, !0)
+      y(l.$slots, "default", {}, void 0, !0)
     ], 10, Da));
   }
-}), _a = /* @__PURE__ */ F(Sa, [["__scopeId", "data-v-c2b6662a"]]), Ia = {
+}), se = /* @__PURE__ */ R(za, [["__scopeId", "data-v-c2b6662a"]]), _a = {
   key: 0,
   class: "bsa-container__breadcrumb"
-}, xa = { "aria-label": "Breadcrumb" }, za = { class: "bsa-container__breadcrumb-list" }, Ta = {
+}, Ia = { "aria-label": "Breadcrumb" }, xa = { class: "bsa-container__breadcrumb-list" }, Ta = {
   key: 2,
   class: "bsa-container__breadcrumb-current"
 }, Va = {
@@ -1295,10 +1295,10 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
 }, qa = {
   key: 0,
   class: "bsa-container__actions"
-}, Fa = { class: "bsa-container__content" }, La = {
+}, Ra = { class: "bsa-container__content" }, Fa = {
   key: 2,
   class: "bsa-container__footer"
-}, Zs = /* @__PURE__ */ $({
+}, Js = /* @__PURE__ */ $({
   __name: "BsaContainer",
   props: {
     title: {},
@@ -1316,121 +1316,127 @@ const pt = ["aria-label", "title"], $t = /* @__PURE__ */ $({
       a.padding ? "bsa-container--padded" : "",
       a.class
     ]);
-    return (s, o) => (n(), l("div", {
-      class: d(t.value)
+    return (s, l) => (n(), o("div", {
+      class: b(t.value)
     }, [
-      e.showBreadcrumb || s.$slots.breadcrumb ? (n(), l("div", Ia, [
+      e.showBreadcrumb || s.$slots.breadcrumb ? (n(), o("div", _a, [
         y(s.$slots, "breadcrumb", {}, () => [
-          c("nav", xa, [
-            c("ol", za, [
-              (n(!0), l(V, null, N(e.breadcrumbs, (r, u) => (n(), l("li", {
+          c("nav", Ia, [
+            c("ol", xa, [
+              (n(!0), o(V, null, N(e.breadcrumbs, (r, u) => (n(), o("li", {
                 key: u,
                 class: "bsa-container__breadcrumb-item"
               }, [
-                u > 0 ? (n(), C(D, {
+                u > 0 ? (n(), C(S, {
                   key: 0,
                   icon: "ChevronRight",
                   class: "bsa-container__breadcrumb-separator"
                 })) : i("", !0),
-                r.to ? (n(), C(_a, {
+                r.to ? (n(), C(se, {
                   key: 1,
                   to: r.to
                 }, {
-                  default: Z(() => [
+                  default: O(() => [
                     A(m(r.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (n(), l("span", Ta, m(r.label), 1))
+                }, 1032, ["to"])) : (n(), o("span", Ta, m(r.label), 1))
               ]))), 128))
             ])
           ])
         ])
       ])) : i("", !0),
-      e.title || s.$slots.header ? (n(), l("div", Va, [
+      e.title || s.$slots.header ? (n(), o("div", Va, [
         y(s.$slots, "header", {}, () => [
           c("div", Na, [
             c("div", null, [
               c("h1", Ma, m(e.title), 1),
-              e.description ? (n(), l("p", Aa, m(e.description), 1)) : i("", !0)
+              e.description ? (n(), o("p", Aa, m(e.description), 1)) : i("", !0)
             ]),
-            s.$slots.actions ? (n(), l("div", qa, [
+            s.$slots.actions ? (n(), o("div", qa, [
               y(s.$slots, "actions")
             ])) : i("", !0)
           ])
         ])
       ])) : i("", !0),
-      c("div", Fa, [
+      c("div", Ra, [
         y(s.$slots, "default")
       ]),
-      s.$slots.footer ? (n(), l("div", La, [
+      s.$slots.footer ? (n(), o("div", Fa, [
         y(s.$slots, "footer")
       ])) : i("", !0)
     ], 2));
   }
-}), Ra = { class: "bsa-layout-app__topbar" }, Oa = { class: "bsa-layout-app__body" }, Pa = { class: "bsa-layout-app__sidebar" }, Ua = ["aria-label"], Ea = { class: "bsa-layout-app__content" }, Hs = /* @__PURE__ */ $({
+}), La = { class: "bsa-layout-app__topbar" }, Oa = { class: "bsa-layout-app__body" }, Pa = { class: "bsa-layout-app__sidebar" }, Ua = ["aria-label"], Ea = { class: "bsa-layout-app__content" }, Qs = /* @__PURE__ */ $({
   __name: "BsaLayoutApp",
+  props: {
+    density: { default: "default" }
+  },
   setup(e) {
-    const a = M(!1), t = M(!a.value), s = () => {
-      a.value = window.innerWidth < 767;
+    const a = e, t = M(!1), s = M(!t.value), l = () => {
+      t.value = window.innerWidth < 767;
     };
     Q(() => {
-      s(), t.value = !a.value, window.addEventListener("resize", s);
+      l(), s.value = !t.value, window.addEventListener("resize", l);
     }), ee(() => {
-      window.removeEventListener("resize", s);
+      window.removeEventListener("resize", l);
     });
-    const o = () => {
-      t.value = !t.value;
-    }, r = () => {
-      t.value = !1;
+    const r = () => {
+      s.value = !s.value;
+    }, u = () => {
+      s.value = !1;
     };
-    return (u, b) => (n(), l("div", {
-      class: d(["bsa-layout-app", { "bsa-layout-app--sidebar-open": t.value }])
+    return (d, v) => (n(), o("div", {
+      class: b(["bsa-layout-app", {
+        "bsa-layout-app--sidebar-open": s.value,
+        "bsa-layout-app--density-admin": a.density === "admin"
+      }])
     }, [
-      c("div", Ra, [
-        y(u.$slots, "topbar", {
-          sidebarOpen: t.value,
-          toggleSidebar: o,
-          closeSidebar: r
+      c("div", La, [
+        y(d.$slots, "topbar", {
+          sidebarOpen: s.value,
+          toggleSidebar: r,
+          closeSidebar: u
         })
       ]),
       c("div", Oa, [
-        t.value && a.value ? (n(), l("div", {
+        s.value && t.value ? (n(), o("div", {
           key: 0,
           class: "bsa-layout-app__overlay",
           "aria-hidden": "true",
-          onClick: r
+          onClick: u
         })) : i("", !0),
         c("aside", Pa, [
-          y(u.$slots, "sidebar", {
-            open: t.value,
-            closeSidebar: r
+          y(d.$slots, "sidebar", {
+            open: s.value,
+            closeSidebar: u
           })
         ]),
-        a.value ? i("", !0) : (n(), l("button", {
+        t.value ? i("", !0) : (n(), o("button", {
           key: 1,
           class: "bsa-layout-app__sidebar-toggle",
           type: "button",
-          "aria-label": t.value ? "Close sidebar" : "Open sidebar",
-          onClick: o
+          "aria-label": s.value ? "Close sidebar" : "Open sidebar",
+          onClick: r
         }, [
-          x(S(D), {
-            icon: t.value ? "ChevronLeft" : "ChevronRight",
+          I(D(S), {
+            icon: s.value ? "ChevronLeft" : "ChevronRight",
             size: "w-10 h-10"
           }, null, 8, ["icon"])
         ], 8, Ua)),
         c("main", Ea, [
-          y(u.$slots, "default")
+          y(d.$slots, "default")
         ])
       ])
     ], 2));
   }
 }), Za = {}, Ha = { class: "bsa-layout-empty" };
 function Xa(e, a) {
-  return n(), l("div", Ha, [
+  return n(), o("div", Ha, [
     y(e.$slots, "default")
   ]);
 }
-const Xs = /* @__PURE__ */ F(Za, [["render", Xa]]), ja = { class: "bsa-layout-two-column__content" }, Wa = ["src"], js = /* @__PURE__ */ $({
+const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-two-column__content" }, ja = ["src"], tn = /* @__PURE__ */ $({
   __name: "BsaLayoutTwoColumn",
   props: {
     rightIframeSrc: { default: "" },
@@ -1440,44 +1446,113 @@ const Xs = /* @__PURE__ */ F(Za, [["render", Xa]]), ja = { class: "bsa-layout-tw
   },
   setup(e) {
     const a = e, t = J(), s = f(() => a.showRightSide && !!(a.rightIframeSrc || t.right));
-    return (o, r) => (n(), l("div", {
-      class: d(["bsa-layout-two-column", { "bsa-layout-two-column--with-right": s.value }])
+    return (l, r) => (n(), o("div", {
+      class: b(["bsa-layout-two-column", { "bsa-layout-two-column--with-right": s.value }])
     }, [
       c("section", {
         class: "bsa-layout-two-column__left",
         style: T({ backgroundColor: e.leftBackgroundColor || void 0 })
       }, [
-        y(o.$slots, "left", {}, () => [
-          c("div", ja, [
-            y(o.$slots, "default")
+        y(l.$slots, "left", {}, () => [
+          c("div", Wa, [
+            y(l.$slots, "default")
           ])
         ])
       ], 4),
-      s.value ? (n(), l("section", {
+      s.value ? (n(), o("section", {
         key: 0,
         class: "bsa-layout-two-column__right",
         style: T({ backgroundColor: e.rightBackgroundColor || void 0 })
       }, [
-        y(o.$slots, "right", {}, () => [
-          a.rightIframeSrc ? (n(), l("iframe", {
+        y(l.$slots, "right", {}, () => [
+          a.rightIframeSrc ? (n(), o("iframe", {
             key: 0,
             src: a.rightIframeSrc,
             class: "bsa-layout-two-column__iframe"
-          }, null, 8, Wa)) : i("", !0)
+          }, null, 8, ja)) : i("", !0)
         ])
       ], 4)) : i("", !0)
     ], 2));
   }
 }), Ka = {
+  key: 0,
+  class: "bsa-page__header"
+}, Ya = { class: "bsa-page__heading" }, Ga = {
+  key: 0,
+  class: "bsa-page__breadcrumb",
+  "aria-label": "Breadcrumb"
+}, Ja = {
+  key: 2,
+  "aria-current": "page"
+}, Qa = {
+  key: 1,
+  class: "bsa-page__title"
+}, es = {
+  key: 2,
+  class: "bsa-page__description"
+}, ts = {
+  key: 0,
+  class: "bsa-page__actions"
+}, as = { class: "bsa-page__content" }, an = /* @__PURE__ */ $({
+  __name: "BsaPage",
+  props: {
+    title: { default: void 0 },
+    description: { default: void 0 },
+    breadcrumbs: { default: () => [] },
+    maxWidth: { default: "none" }
+  },
+  setup(e) {
+    return (a, t) => (n(), o("div", {
+      class: "bsa-page",
+      style: T({ maxWidth: e.maxWidth })
+    }, [
+      e.title || e.description || e.breadcrumbs.length || a.$slots.actions || a.$slots.header ? (n(), o("header", Ka, [
+        y(a.$slots, "header", {}, () => [
+          c("div", Ya, [
+            e.breadcrumbs.length ? (n(), o("nav", Ga, [
+              c("ol", null, [
+                (n(!0), o(V, null, N(e.breadcrumbs, (s, l) => (n(), o("li", {
+                  key: `${s.label}-${l}`
+                }, [
+                  l > 0 ? (n(), C(S, {
+                    key: 0,
+                    icon: "ChevronRight"
+                  })) : i("", !0),
+                  s.href ? (n(), C(se, {
+                    key: 1,
+                    href: s.href
+                  }, {
+                    default: O(() => [
+                      A(m(s.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["href"])) : (n(), o("span", Ja, m(s.label), 1))
+                ]))), 128))
+              ])
+            ])) : i("", !0),
+            e.title ? (n(), o("h1", Qa, m(e.title), 1)) : i("", !0),
+            e.description ? (n(), o("p", es, m(e.description), 1)) : i("", !0)
+          ]),
+          a.$slots.actions ? (n(), o("div", ts, [
+            y(a.$slots, "actions")
+          ])) : i("", !0)
+        ])
+      ])) : i("", !0),
+      c("div", as, [
+        y(a.$slots, "default")
+      ])
+    ], 4));
+  }
+}), ss = {
   key: 0,
   class: "bsa-section__header"
-}, Ya = { class: "bsa-section__header-content" }, Ga = {
+}, ns = { class: "bsa-section__header-content" }, ls = {
   key: 0,
   class: "bsa-section__description"
-}, Ja = {
+}, os = {
   key: 0,
   class: "bsa-section__actions"
-}, Qa = { class: "bsa-section__content" }, Ws = /* @__PURE__ */ $({
+}, is = { class: "bsa-section__content" }, sn = /* @__PURE__ */ $({
   __name: "BsaSection",
   props: {
     title: {},
@@ -1494,115 +1569,120 @@ const Xs = /* @__PURE__ */ F(Za, [["render", Xa]]), ja = { class: "bsa-layout-tw
       a.divider ? "bsa-section--divider" : "",
       a.class
     ]), s = f(() => ["bsa-section__title", `bsa-section__title--${a.size}`]);
-    return (o, r) => (n(), l("section", {
-      class: d(t.value)
+    return (l, r) => (n(), o("section", {
+      class: b(t.value)
     }, [
-      e.title || o.$slots.header ? (n(), l("div", Ka, [
-        y(o.$slots, "header", {}, () => [
-          c("div", Ya, [
+      e.title || l.$slots.header ? (n(), o("div", ss, [
+        y(l.$slots, "header", {}, () => [
+          c("div", ns, [
             c("div", null, [
               c("h2", {
-                class: d(s.value)
+                class: b(s.value)
               }, m(e.title), 3),
-              e.description ? (n(), l("p", Ga, m(e.description), 1)) : i("", !0)
+              e.description ? (n(), o("p", ls, m(e.description), 1)) : i("", !0)
             ]),
-            o.$slots.actions ? (n(), l("div", Ja, [
-              y(o.$slots, "actions")
+            l.$slots.actions ? (n(), o("div", os, [
+              y(l.$slots, "actions")
             ])) : i("", !0)
           ])
         ])
       ])) : i("", !0),
-      c("div", Qa, [
-        y(o.$slots, "default")
+      c("div", is, [
+        y(l.$slots, "default")
       ])
     ], 2));
   }
-}), es = ["aria-label"], ts = { class: "bsa-sidebar__content" }, Ks = /* @__PURE__ */ $({
+}), rs = ["aria-label"], us = { class: "bsa-sidebar__content" }, nn = /* @__PURE__ */ $({
   __name: "BsaSidebar",
   props: {
     open: { type: Boolean, default: !1 },
     ariaLabel: { default: "Application navigation" }
   },
   setup(e) {
-    return (a, t) => (n(), l("aside", {
-      class: d(["bsa-sidebar", { "bsa-sidebar--open": e.open }]),
+    return (a, t) => (n(), o("aside", {
+      class: b(["bsa-sidebar", { "bsa-sidebar--open": e.open }]),
       "aria-label": e.ariaLabel
     }, [
-      c("div", ts, [
+      c("div", us, [
         y(a.$slots, "default")
       ])
-    ], 10, es));
+    ], 10, rs));
   }
-}), as = ["aria-expanded"], ss = ["aria-disabled"], ns = {
+}), cs = ["aria-expanded"], ds = ["aria-disabled"], bs = {
   key: 2,
   class: "bsa-sidebar-menu-item__children"
-}, Ys = /* @__PURE__ */ $({
+}, ln = /* @__PURE__ */ $({
   __name: "BsaSidebarMenuItem",
   props: {
     item: {},
     depth: { default: 0 },
     activePath: {},
-    openItems: {}
+    openItems: {},
+    iconSize: { default: "var(--bsa-sidebar-icon-size, 1.5rem)" }
   },
   emits: ["toggle", "select"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f(() => t.item.children.length > 0), r = f(() => t.openItems.has(t.item.id)), u = f(() => t.activePath === t.item.path), b = (B) => B.some((g) => g.path === t.activePath || b(g.children)), v = f(() => b(t.item.children)), w = () => {
+    const t = e, s = a, l = f(() => t.item.children.length > 0), r = f(() => t.openItems.has(t.item.id)), u = f(() => t.activePath === t.item.path), d = (B) => B.some((g) => g.path === t.activePath || d(g.children)), v = f(() => d(t.item.children)), w = () => {
       t.item.disabled || !t.item.path || s("select", t.item.path);
     };
     return (B, g) => {
-      const p = ue("BsaSidebarMenuItem", !0);
-      return n(), l("li", {
-        class: d(["bsa-sidebar-menu-item", { "bsa-sidebar-menu-item--nested": e.depth > 0 }])
+      const p = ce("BsaSidebarMenuItem", !0);
+      return n(), o("li", {
+        class: b(["bsa-sidebar-menu-item", { "bsa-sidebar-menu-item--nested": e.depth > 0 }])
       }, [
-        o.value ? (n(), l("button", {
+        l.value ? (n(), o("button", {
           key: 0,
           type: "button",
-          class: d(["bsa-sidebar-menu-item__button", { "bsa-sidebar-menu-item__button--active": u.value || v.value }]),
+          class: b(["bsa-sidebar-menu-item__button", { "bsa-sidebar-menu-item__button--active": u.value || v.value }]),
           "aria-expanded": r.value,
-          onClick: g[0] || (g[0] = (_) => s("toggle", e.item.id))
+          onClick: g[0] || (g[0] = (z) => s("toggle", e.item.id))
         }, [
-          e.item.icon ? (n(), C(S(D), {
+          e.item.icon ? (n(), C(D(S), {
             key: 0,
             icon: e.item.icon,
+            size: e.iconSize,
             class: "bsa-sidebar-menu-item__icon"
-          }, null, 8, ["icon"])) : i("", !0),
+          }, null, 8, ["icon", "size"])) : i("", !0),
           c("span", null, m(e.item.label), 1),
-          x(S(D), {
+          I(D(S), {
             icon: "ChevronDown",
-            class: d(["bsa-sidebar-menu-item__chevron", { "bsa-sidebar-menu-item__chevron--open": r.value }])
-          }, null, 8, ["class"])
-        ], 10, as)) : (n(), l("button", {
+            size: e.iconSize,
+            class: b(["bsa-sidebar-menu-item__chevron", { "bsa-sidebar-menu-item__chevron--open": r.value }])
+          }, null, 8, ["size", "class"])
+        ], 10, cs)) : (n(), o("button", {
           key: 1,
           type: "button",
-          class: d(["bsa-sidebar-menu-item__button", {
+          class: b(["bsa-sidebar-menu-item__button", {
             "bsa-sidebar-menu-item__button--active": u.value,
             "bsa-sidebar-menu-item__button--disabled": e.item.disabled
           }]),
           "aria-disabled": e.item.disabled,
           onClick: w
         }, [
-          e.item.icon ? (n(), C(S(D), {
+          e.item.icon ? (n(), C(D(S), {
             key: 0,
             icon: e.item.icon,
+            size: e.iconSize,
             class: "bsa-sidebar-menu-item__icon"
-          }, null, 8, ["icon"])) : i("", !0),
+          }, null, 8, ["icon", "size"])) : i("", !0),
           c("span", null, m(e.item.label), 1)
-        ], 10, ss)),
-        o.value && r.value ? (n(), l("ul", ns, [
-          (n(!0), l(V, null, N(e.item.children, (_) => (n(), C(p, {
-            key: _.id,
-            item: _,
+        ], 10, ds)),
+        l.value && r.value ? (n(), o("ul", bs, [
+          (n(!0), o(V, null, N(e.item.children, (z) => (n(), C(p, {
+            key: z.id,
+            item: z,
             depth: e.depth + 1,
             "active-path": e.activePath,
             "open-items": e.openItems,
+            "icon-size": e.iconSize,
             onToggle: g[1] || (g[1] = (h) => s("toggle", h)),
             onSelect: g[2] || (g[2] = (h) => s("select", h))
-          }, null, 8, ["item", "depth", "active-path", "open-items"]))), 128))
+          }, null, 8, ["item", "depth", "active-path", "open-items", "icon-size"]))), 128))
         ])) : i("", !0)
       ], 2);
     };
   }
-}), os = ["aria-label"], ls = { class: "bsa-topbar__start" }, is = { class: "bsa-topbar__content" }, rs = { class: "bsa-topbar__end" }, us = /* @__PURE__ */ $({
+}), ms = ["aria-label"], fs = { class: "bsa-topbar__start" }, hs = { class: "bsa-topbar__content" }, gs = { class: "bsa-topbar__end" }, ys = /* @__PURE__ */ $({
   __name: "BsaTopbar",
   props: {
     ariaLabel: { default: "Application header" },
@@ -1611,43 +1691,43 @@ const Xs = /* @__PURE__ */ F(Za, [["render", Xa]]), ja = { class: "bsa-layout-tw
   emits: ["menu"],
   setup(e, { emit: a }) {
     const t = a;
-    return (s, o) => (n(), l("header", {
+    return (s, l) => (n(), o("header", {
       class: "bsa-topbar",
       "aria-label": e.ariaLabel
     }, [
-      e.showMenuButton ? (n(), l("button", {
+      e.showMenuButton ? (n(), o("button", {
         key: 0,
         type: "button",
         class: "bsa-topbar__menu-button",
         "aria-label": "Open navigation",
-        onClick: o[0] || (o[0] = (r) => t("menu"))
+        onClick: l[0] || (l[0] = (r) => t("menu"))
       }, [
-        x(D, {
+        I(S, {
           icon: "Menu",
           "aria-hidden": "true"
         })
       ])) : i("", !0),
-      c("div", ls, [
+      c("div", fs, [
         y(s.$slots, "start", {}, void 0, !0)
       ]),
-      c("div", is, [
+      c("div", hs, [
         y(s.$slots, "default", {}, void 0, !0)
       ]),
-      c("div", rs, [
+      c("div", gs, [
         y(s.$slots, "end", {}, void 0, !0)
       ])
-    ], 8, os));
+    ], 8, ms));
   }
-}), Gs = /* @__PURE__ */ F(us, [["__scopeId", "data-v-8db252da"]]), cs = {
+}), on = /* @__PURE__ */ R(ys, [["__scopeId", "data-v-8db252da"]]), vs = {
   key: 0,
   class: "bsa-modal__header"
-}, ds = { class: "bsa-modal__header-content" }, bs = { class: "bsa-modal__heading" }, ms = { class: "bsa-modal__title" }, fs = {
+}, $s = { class: "bsa-modal__header-content" }, ps = { class: "bsa-modal__heading" }, ks = { class: "bsa-modal__title" }, Bs = {
   key: 0,
   class: "bsa-modal__subtitle"
-}, hs = {
+}, ws = {
   key: 1,
   class: "bsa-modal__footer"
-}, gs = /* @__PURE__ */ $({
+}, Cs = /* @__PURE__ */ $({
   __name: "BsaModal",
   props: {
     modelValue: { type: Boolean },
@@ -1670,53 +1750,53 @@ const Xs = /* @__PURE__ */ F(Za, [["render", Xa]]), ja = { class: "bsa-layout-tw
   },
   emits: ["update:modelValue", "close", "cancel", "confirm"],
   setup(e, { emit: a }) {
-    const t = e, s = a, o = f({
+    const t = e, s = a, l = f({
       get: () => t.modelValue,
       set: (p) => s("update:modelValue", p)
     }), r = f(() => ["bsa-modal", `bsa-modal--${t.size}`]), u = () => {
-      o.value = !1, s("close");
-    }, b = () => {
+      l.value = !1, s("close");
+    }, d = () => {
       s("cancel"), u();
     }, v = () => {
       s("confirm");
     }, w = () => {
       t.closeOnOverlay && t.closable && u();
     }, B = (p) => {
-      p.key === "Escape" && o.value && t.closable && u();
+      p.key === "Escape" && l.value && t.closable && u();
     }, g = (p) => {
       p ? (document.addEventListener("keydown", B), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", B), document.body.style.overflow = "");
     };
-    return j(o, g, { immediate: !0 }), ee(() => g(!1)), (p, _) => (n(), C(ce, { to: "body" }, [
-      x(de, { name: "modal" }, {
-        default: Z(() => [
-          o.value ? (n(), l("div", {
+    return W(l, g, { immediate: !0 }), ee(() => g(!1)), (p, z) => (n(), C(de, { to: "body" }, [
+      I(be, { name: "modal" }, {
+        default: O(() => [
+          l.value ? (n(), o("div", {
             key: 0,
             class: "bsa-modal-overlay",
-            onClick: be(w, ["self"])
+            onClick: me(w, ["self"])
           }, [
             c("div", {
-              class: d(r.value),
+              class: b(r.value),
               role: "dialog",
               "aria-modal": "true"
             }, [
-              e.showHeader ? (n(), l("div", cs, [
-                c("div", ds, [
-                  e.icon ? (n(), C(D, {
+              e.showHeader ? (n(), o("div", vs, [
+                c("div", $s, [
+                  e.icon ? (n(), C(S, {
                     key: 0,
                     icon: e.icon,
                     style: T({ color: e.iconColor }),
                     class: "bsa-modal__icon"
                   }, null, 8, ["icon", "style"])) : i("", !0),
-                  c("div", bs, [
-                    c("h3", ms, [
+                  c("div", ps, [
+                    c("h3", ks, [
                       y(p.$slots, "header", {}, () => [
                         A(m(e.title), 1)
                       ])
                     ]),
-                    e.subtitle ? (n(), l("p", fs, m(e.subtitle), 1)) : i("", !0)
+                    e.subtitle ? (n(), o("p", Bs, m(e.subtitle), 1)) : i("", !0)
                   ])
                 ]),
-                e.closable ? (n(), C(W, {
+                e.closable ? (n(), C(j, {
                   key: 0,
                   icon: "X",
                   class: "bsa-modal__close",
@@ -1724,20 +1804,20 @@ const Xs = /* @__PURE__ */ F(Za, [["render", Xa]]), ja = { class: "bsa-layout-tw
                 })) : i("", !0)
               ])) : i("", !0),
               c("div", {
-                class: d(["bsa-modal__body", { "bsa-modal__body--scrollable": e.scrollable }])
+                class: b(["bsa-modal__body", { "bsa-modal__body--scrollable": e.scrollable }])
               }, [
                 y(p.$slots, "default")
               ], 2),
-              e.showFooter || p.$slots.footer ? (n(), l("div", hs, [
+              e.showFooter || p.$slots.footer ? (n(), o("div", ws, [
                 y(p.$slots, "footer", {}, () => [
-                  e.showCancel ? (n(), C(U, {
+                  e.showCancel ? (n(), C(E, {
                     key: 0,
                     variant: "secondary",
                     outlined: "",
                     label: e.cancelLabel,
-                    onClick: b
+                    onClick: d
                   }, null, 8, ["label"])) : i("", !0),
-                  e.showConfirm ? (n(), C(U, {
+                  e.showConfirm ? (n(), C(E, {
                     key: 1,
                     variant: e.confirmVariant,
                     label: e.confirmLabel,
@@ -1754,7 +1834,7 @@ const Xs = /* @__PURE__ */ F(Za, [["render", Xa]]), ja = { class: "bsa-layout-tw
     ]));
   }
 });
-function ys(e = {}) {
+function Ss(e = {}) {
   const a = M(!1), t = M(e), s = M(null);
   return {
     isOpen: a,
@@ -1774,58 +1854,58 @@ function ys(e = {}) {
     }
   };
 }
-const O = ys({
+const P = Ss({
   size: "sm",
   closable: !0,
   closeOnOverlay: !1
 }), K = M(null), Y = M(null);
-function vs() {
+function Ds() {
   return {
-    ...O,
+    ...P,
     confirm: (a, t) => new Promise((s) => {
-      O.open({
+      P.open({
         title: a,
         subtitle: t
       }), K.value = () => {
-        O.close(!0), s(!0);
+        P.close(!0), s(!0);
       }, Y.value = () => {
-        O.close(!1), s(!1);
+        P.close(!1), s(!1);
       };
     }),
     confirmHandler: K,
     cancelHandler: Y
   };
 }
-const ps = { class: "bsa-confirm-dialog" }, $s = { class: "bsa-confirm-dialog__message" }, ks = { class: "bsa-confirm-dialog__actions" }, Bs = /* @__PURE__ */ $({
+const zs = { class: "bsa-confirm-dialog" }, _s = { class: "bsa-confirm-dialog__message" }, Is = { class: "bsa-confirm-dialog__actions" }, xs = /* @__PURE__ */ $({
   __name: "BsaConfirmDialog",
   setup(e) {
-    const a = vs(), t = () => {
+    const a = Ds(), t = () => {
       a.cancelHandler.value?.();
     }, s = () => {
       a.confirmHandler.value?.();
     };
-    return (o, r) => (n(), C(gs, {
-      modelValue: S(a).isOpen.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (u) => S(a).isOpen.value = u),
-      title: S(a).options.value.title,
-      subtitle: S(a).options.value.subtitle,
-      size: S(a).options.value.size,
-      closable: S(a).options.value.closable,
-      "close-on-overlay": S(a).options.value.closeOnOverlay,
+    return (l, r) => (n(), C(Cs, {
+      modelValue: D(a).isOpen.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (u) => D(a).isOpen.value = u),
+      title: D(a).options.value.title,
+      subtitle: D(a).options.value.subtitle,
+      size: D(a).options.value.size,
+      closable: D(a).options.value.closable,
+      "close-on-overlay": D(a).options.value.closeOnOverlay,
       "show-footer": !1,
       onClose: t
     }, {
-      default: Z(() => [
-        c("div", ps, [
-          c("div", $s, m(S(a).options.value.subtitle), 1),
-          c("div", ks, [
-            x(U, {
+      default: O(() => [
+        c("div", zs, [
+          c("div", _s, m(D(a).options.value.subtitle), 1),
+          c("div", Is, [
+            I(E, {
               label: "Cancel",
               variant: "secondary",
               outlined: "",
               onClick: t
             }),
-            x(U, {
+            I(E, {
               label: "Confirm",
               variant: "danger",
               onClick: s
@@ -1836,10 +1916,10 @@ const ps = { class: "bsa-confirm-dialog" }, $s = { class: "bsa-confirm-dialog__m
       _: 1
     }, 8, ["modelValue", "title", "subtitle", "size", "closable", "close-on-overlay"]));
   }
-}), Js = /* @__PURE__ */ F(Bs, [["__scopeId", "data-v-ebcdd15a"]]);
-function Qs(e, a) {
-  const { key: t, storage: s = "local" } = a, o = typeof window < "u" ? s === "local" ? localStorage : sessionStorage : null;
-  if (!o)
+}), rn = /* @__PURE__ */ R(xs, [["__scopeId", "data-v-ebcdd15a"]]);
+function un(e, a) {
+  const { key: t, storage: s = "local" } = a, l = typeof window < "u" ? s === "local" ? localStorage : sessionStorage : null;
+  if (!l)
     return {
       save: () => {
       },
@@ -1851,12 +1931,12 @@ function Qs(e, a) {
   const r = () => {
     try {
       const w = JSON.stringify(e.value);
-      o.setItem(t, w);
+      l.setItem(t, w);
     } catch {
     }
   }, u = () => {
     try {
-      const w = o.getItem(t);
+      const w = l.getItem(t);
       if (w) {
         const B = JSON.parse(w);
         return e.value = B, !0;
@@ -1865,13 +1945,13 @@ function Qs(e, a) {
     } catch {
       return !1;
     }
-  }, b = () => {
+  }, d = () => {
     try {
-      o.removeItem(t);
+      l.removeItem(t);
     } catch {
     }
-  }, v = () => o.getItem(t) !== null;
-  return j(
+  }, v = () => l.getItem(t) !== null;
+  return W(
     e,
     () => {
       r();
@@ -1880,14 +1960,14 @@ function Qs(e, a) {
   ), {
     save: r,
     restore: u,
-    clear: b,
+    clear: d,
     hasStoredData: v
   };
 }
-const G = "bsa-theme", en = /* @__PURE__ */ $({
+const G = "bsa-theme", cn = /* @__PURE__ */ $({
   __name: "BsaThemeProvider",
   setup(e) {
-    const a = M("light"), t = M(!1), s = f(() => a.value === "dark"), o = () => {
+    const a = M("light"), t = M(!1), s = f(() => a.value === "dark"), l = () => {
       a.value = a.value === "light" ? "dark" : "light";
     }, r = (u) => {
       document.documentElement.classList.toggle("dark", u === "dark");
@@ -1895,42 +1975,42 @@ const G = "bsa-theme", en = /* @__PURE__ */ $({
     return Q(() => {
       const u = localStorage.getItem(G);
       a.value = u ?? "light", t.value = !0;
-    }), j(
+    }), W(
       [a, t],
-      ([u, b]) => {
-        b && (localStorage.setItem(G, u), r(u));
+      ([u, d]) => {
+        d && (localStorage.setItem(G, u), r(u));
       },
       { immediate: !0 }
-    ), me(ae, {
+    ), fe(ae, {
       isDarkMode: s,
-      toggleTheme: o
-    }), (u, b) => y(u.$slots, "default");
+      toggleTheme: l
+    }), (u, d) => y(u.$slots, "default");
   }
 });
-function tn(e, a = {}) {
-  const { locale: t = "en-US", currency: s = "USD", minimumFractionDigits: o = 2, maximumFractionDigits: r = 2 } = a, u = typeof e == "string" ? parseFloat(e) : e;
+function dn(e, a = {}) {
+  const { locale: t = "en-US", currency: s = "USD", minimumFractionDigits: l = 2, maximumFractionDigits: r = 2 } = a, u = typeof e == "string" ? parseFloat(e) : e;
   return isNaN(u) ? "0.00" : new Intl.NumberFormat(t, {
     style: "currency",
     currency: s,
-    minimumFractionDigits: o,
+    minimumFractionDigits: l,
     maximumFractionDigits: r
   }).format(u);
 }
-function an(e, a = "en-US") {
-  const s = new Intl.NumberFormat(a).format(1000.1).replace(/\d/g, "").charAt(0), o = e.replace(/[^\d.,-]/g, "").replace(new RegExp(`\\${s}`, "g"), "").replace(",", ".");
-  return Number(o) || 0;
+function bn(e, a = "en-US") {
+  const s = new Intl.NumberFormat(a).format(1000.1).replace(/\d/g, "").charAt(0), l = e.replace(/[^\d.,-]/g, "").replace(new RegExp(`\\${s}`, "g"), "").replace(",", ".");
+  return Number(l) || 0;
 }
-function sn(e, a = "en-US", t = {}) {
+function mn(e, a = "en-US", t = {}) {
   const s = typeof e == "string" ? parseFloat(e) : e;
   return isNaN(s) ? "0" : new Intl.NumberFormat(a, t).format(s);
 }
-function nn(e, a = "en-US", t = 2) {
+function fn(e, a = "en-US", t = 2) {
   return new Intl.NumberFormat(a, {
     minimumFractionDigits: t,
     maximumFractionDigits: t
   }).format(e) + "%";
 }
-function on(e, a = "medium", t = "en-US") {
+function hn(e, a = "medium", t = "en-US") {
   const s = e instanceof Date ? e : new Date(e);
   if (isNaN(s.getTime()))
     return "Invalid Date";
@@ -1978,16 +2058,16 @@ function on(e, a = "medium", t = "en-US") {
         hour12: !0
       }).format(s);
     case "relative":
-      return ws(s);
+      return Ts(s);
     default:
       return s.toLocaleDateString(t);
   }
 }
-function ws(e, a = "en-US") {
+function Ts(e, a = "en-US") {
   const t = e instanceof Date ? e : new Date(e);
   if (isNaN(t.getTime()))
     return "";
-  const s = Math.floor((t.getTime() - Date.now()) / 1e3), o = [
+  const s = Math.floor((t.getTime() - Date.now()) / 1e3), l = [
     { value: 3600 * 24 * 365, unit: "year" },
     { value: 3600 * 24 * 30, unit: "month" },
     { value: 3600 * 24 * 7, unit: "week" },
@@ -1998,70 +2078,70 @@ function ws(e, a = "en-US") {
   ], r = new Intl.RelativeTimeFormat(a, {
     numeric: "auto"
   });
-  for (const u of o) {
-    const b = Math.round(s / u.value);
-    if (Math.abs(b) >= 1)
-      return r.format(b, u.unit);
+  for (const u of l) {
+    const d = Math.round(s / u.value);
+    if (Math.abs(d) >= 1)
+      return r.format(d, u.unit);
   }
   return r.format(0, "second");
 }
-function ln(e) {
+function gn(e) {
   const a = new Date(e);
   return isNaN(a.getTime()) ? null : a;
 }
-function rn(e) {
+function yn(e) {
   return e instanceof Date && !isNaN(e.getTime());
 }
-function un(e, a) {
+function vn(e, a) {
   const t = new Date(e);
   return t.setDate(t.getDate() + a), t;
 }
-function cn(e, a) {
+function $n(e, a) {
   const t = new Date(e);
   return t.setMonth(t.getMonth() + a), t;
 }
-function dn(e, a) {
+function pn(e, a) {
   const t = new Date(e);
   return t.setFullYear(t.getFullYear() + a), t;
 }
-function bn(e, a) {
+function kn(e, a) {
   const t = Math.abs(a.getTime() - e.getTime());
   return Math.ceil(t / (1e3 * 60 * 60 * 24));
 }
-function mn(e) {
+function Bn(e) {
   const a = ["", "K", "M", "B", "T"], t = Math.floor(("" + e).length / 3);
   let s = parseFloat(
     (t !== 0 ? e / Math.pow(1e3, t) : e).toPrecision(3)
   );
   return s % 1 !== 0 && (s = s.toFixed(1)), s + a[t];
 }
-function Cs(e) {
+function Vs(e) {
   return e ? e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() : "";
 }
-function fn(e) {
-  return e ? e.split(" ").map((a) => Cs(a)).join(" ") : "";
+function wn(e) {
+  return e ? e.split(" ").map((a) => Vs(a)).join(" ") : "";
 }
-function Ds(e) {
+function Ns(e) {
   return e ? e.replace(/[^a-zA-Z0-9]+(.)/g, (a, t) => t.toUpperCase()).replace(/^[A-Z]/, (a) => a.toLowerCase()) : "";
 }
-function hn(e) {
+function Cn(e) {
   return e ? e.replace(/([A-Z])/g, "_$1").toLowerCase().replace(/^_/, "").replace(/\s+/g, "_") : "";
 }
-function gn(e) {
+function Sn(e) {
   return e ? e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "").replace(/\s+/g, "-") : "";
 }
-function yn(e) {
+function Dn(e) {
   if (!e) return "";
-  const a = Ds(e);
+  const a = Ns(e);
   return a.charAt(0).toUpperCase() + a.slice(1);
 }
-function vn(e, a, t = "...") {
+function zn(e, a, t = "...") {
   return !e || e.length <= a ? e : e.substring(0, a) + t;
 }
-function pn(e) {
+function _n(e) {
   return e ? e.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "") : "";
 }
-function $n(e, a, t = "end") {
+function In(e, a, t = "end") {
   if (!e || e.length <= a) return e;
   switch (t) {
     case "start":
@@ -2073,16 +2153,16 @@ function $n(e, a, t = "end") {
       return e.slice(0, a - 3) + "...";
   }
 }
-function kn(e) {
+function xn(e) {
   return e ? e.replace(/\s+/g, "") : "";
 }
-function Bn(e) {
+function Tn(e) {
   return e ? e.replace(/\s+/g, " ").trim() : "";
 }
-function wn(e) {
+function Vn(e) {
   return e ? e.replace(/<[^>]*>/g, "") : "";
 }
-function Cn(e) {
+function Nn(e) {
   if (!e) return "";
   const a = {
     "&": "&amp;",
@@ -2093,7 +2173,7 @@ function Cn(e) {
   };
   return e.replace(/[&<>"']/g, (t) => a[t]);
 }
-function Dn(e) {
+function Mn(e) {
   if (!e) return "";
   const a = {
     "&amp;": "&",
@@ -2104,124 +2184,124 @@ function Dn(e) {
   };
   return e.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, (t) => a[t]);
 }
-function Sn(e, a = 0, t, s = "*") {
+function An(e, a = 0, t, s = "*") {
   if (!e) return "";
-  const o = t || e.length, r = s.repeat(o - a);
-  return e.substring(0, a) + r + e.substring(o);
+  const l = t || e.length, r = s.repeat(l - a);
+  return e.substring(0, a) + r + e.substring(l);
 }
-function Ss(e) {
+function Ms(e) {
   return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.keys(e).length === 0 : !1;
 }
-function _n(e) {
-  return !Ss(e);
+function qn(e) {
+  return !Ms(e);
 }
-function In(e, a) {
+function Rn(e, a) {
   return e === a;
 }
-function se(e) {
+function ne(e) {
   const a = new Date(e);
   return !isNaN(a.getTime());
 }
-function xn(e) {
+function Fn(e) {
   const a = new Date(e), t = /* @__PURE__ */ new Date();
-  return se(e) && a > t;
+  return ne(e) && a > t;
 }
-function zn(e) {
+function Ln(e) {
   const a = new Date(e), t = /* @__PURE__ */ new Date();
-  return se(e) && a < t;
+  return ne(e) && a < t;
 }
-function Tn(e) {
+function On(e) {
   return !isNaN(Number(e)) && isFinite(Number(e));
 }
-function Vn(e, a, t) {
+function Pn(e, a, t) {
   return e >= a && e <= t;
 }
-function Nn(e) {
+function Un(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function Mn(e) {
+function En(e) {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
 }
-function An(e) {
+function Zn(e) {
   return /^[\d\s\-\+\(\)]{10,}$/.test(e);
 }
-function qn(e) {
+function Hn(e) {
   return /^[a-zA-Z0-9]+$/.test(e);
 }
-function Fn(e) {
+function Xn(e) {
   return /^[a-zA-Z]+$/.test(e);
 }
-function Ln(e) {
+function Wn(e) {
   return /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(e);
 }
-function Rn(e) {
+function jn(e) {
   return /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/.test(e);
 }
-function On(e) {
+function Kn(e) {
   return e.length < 8;
 }
-function Pn(e, a, t) {
+function Yn(e, a, t) {
   return t !== void 0 ? e.length >= a && e.length <= t : e.length >= a;
 }
-const Un = (e) => ({
+const Gn = (e) => ({
   required: !0,
   message: e || "This field is required"
-}), En = (e, a) => ({
+}), Jn = (e, a) => ({
   minLength: e,
   message: a || `Must be at least ${e} characters`
-}), Zn = (e, a) => ({
+}), Qn = (e, a) => ({
   maxLength: e,
   message: a || `Must be at most ${e} characters`
-}), Hn = (e) => ({
+}), el = (e) => ({
   pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
   message: e || "Invalid email address"
-}), Xn = (e) => ({
+}), tl = (e) => ({
   pattern: /^https?:\/\/.+/,
   message: e || "Invalid URL"
-}), jn = (e) => ({
+}), al = (e) => ({
   pattern: /^[\d\s\-\+\(\)]+$/,
   message: e || "Invalid phone number"
-}), Wn = (e) => ({
+}), sl = (e) => ({
   pattern: /^\d+$/,
   message: e || "Must be numeric"
-}), Kn = (e) => ({
+}), nl = (e) => ({
   pattern: /^[a-zA-Z0-9]+$/,
   message: e || "Must be alphanumeric"
-}), Yn = (e) => ({
+}), ll = (e) => ({
   pattern: /^[a-zA-Z]+$/,
   message: e || "Must be alphabetic"
-}), Gn = (e, a) => ({
+}), ol = (e, a) => ({
   validator: (t) => {
     const s = Number(t);
     return !isNaN(s) && s >= e;
   },
   message: a || `Must be at least ${e}`
-}), Jn = (e, a) => ({
+}), il = (e, a) => ({
   validator: (t) => {
     const s = Number(t);
     return !isNaN(s) && s <= e;
   },
   message: a || `Must be at most ${e}`
-}), Qn = (e, a, t) => ({
+}), rl = (e, a, t) => ({
   validator: (s) => {
-    const o = Number(s);
-    return !isNaN(o) && o >= e && o <= a;
+    const l = Number(s);
+    return !isNaN(l) && l >= e && l <= a;
   },
   message: t || `Must be between ${e} and ${a}`
-}), eo = (e) => ({
+}), ul = (e) => ({
   pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d@$!%*?&]{8,}$/,
   message: e || "Password must be at least 8 characters with uppercase, lowercase, and number"
-}), to = (e) => ({
+}), cl = (e) => ({
   pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,
   message: e || "Password must be at least 8 characters with uppercase, lowercase, number, and special character"
-}), ao = (e, a, t) => ({
+}), dl = (e, a, t) => ({
   validator: (s) => s === a,
   message: t || `Must match ${e}`
-}), so = (e) => ({
+}), bl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2229,7 +2309,7 @@ const Un = (e) => ({
     return !isNaN(t.getTime());
   },
   message: e || "Invalid date"
-}), no = (e) => ({
+}), ml = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2237,7 +2317,7 @@ const Un = (e) => ({
     return !isNaN(t.getTime()) && t > s;
   },
   message: e || "Date must be in the future"
-}), oo = (e) => ({
+}), fl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2245,64 +2325,64 @@ const Un = (e) => ({
     return !isNaN(t.getTime()) && t < s;
   },
   message: e || "Date must be in the past"
-}), lo = (e) => ({
+}), hl = (e) => ({
   validator: (a) => {
     const t = String(a).replace(/\D/g, "");
     if (t.length < 13 || t.length > 19) return !1;
-    let s = 0, o = !1;
+    let s = 0, l = !1;
     for (let r = t.length - 1; r >= 0; r--) {
       let u = parseInt(t[r]);
-      o && (u *= 2, u > 9 && (u -= 9)), s += u, o = !o;
+      l && (u *= 2, u > 9 && (u -= 9)), s += u, l = !l;
     }
     return s % 10 === 0;
   },
   message: e || "Invalid credit card number"
-}), io = (e) => ({
+}), gl = (e) => ({
   pattern: /^\d{5}(-\d{4})?$/,
   message: e || "Invalid ZIP code"
-}), ro = (e) => ({
+}), yl = (e) => ({
   pattern: /^\d{3}-\d{2}-\d{4}$/,
   message: e || "Invalid SSN (format: XXX-XX-XXXX)"
 });
-function uo(e) {
+function vl(e) {
   const a = e.replace(/\D/g, "");
   if (a.length < 13 || a.length > 19) return !1;
   let t = 0, s = !1;
-  for (let o = a.length - 1; o >= 0; o--) {
-    let r = parseInt(a[o]);
+  for (let l = a.length - 1; l >= 0; l--) {
+    let r = parseInt(a[l]);
     s && (r *= 2, r > 9 && (r -= 9)), t += r, s = !s;
   }
   return t % 10 === 0;
 }
-function co(e) {
+function $l(e) {
   return /^(\d{1,3}\.){3}\d{1,3}$/.test(e) ? e.split(".").every((s) => {
-    const o = parseInt(s);
-    return o >= 0 && o <= 255;
+    const l = parseInt(s);
+    return l >= 0 && l <= 255;
   }) : !1;
 }
-function bo(e) {
+function pl(e) {
   return /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/.test(e);
 }
-function mo(e) {
+function kl(e) {
   return /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/.test(e);
 }
-function fo(e) {
+function Bl(e) {
   return /^[A-Za-z0-9+/]*={0,2}$/.test(e);
 }
-function ho(e) {
+function wl(e) {
   return /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(e);
 }
-function go(e) {
+function Cl(e) {
   try {
     return JSON.parse(e), !0;
   } catch {
     return !1;
   }
 }
-function yo(e) {
+function Sl(e) {
   return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e);
 }
-function vo(e, a = "US") {
+function Dl(e, a = "US") {
   return {
     US: /^\d{5}(-\d{4})?$/,
     CA: /^[A-Z]\d[A-Z] \d[A-Z]\d$/,
@@ -2310,117 +2390,118 @@ function vo(e, a = "US") {
   }[a].test(e);
 }
 export {
-  U as BsaButton,
-  zs as BsaButtonBadge,
-  W as BsaButtonIcon,
-  Ts as BsaButtonPanel,
-  Es as BsaCard,
-  qs as BsaCheckbox,
-  Js as BsaConfirmDialog,
-  Zs as BsaContainer,
-  D as BsaIcons,
-  Fs as BsaInputDate,
-  Ls as BsaInputSearch,
-  Rs as BsaInputSelect,
-  Os as BsaInputText,
-  Ps as BsaInputTextarea,
-  Hs as BsaLayoutApp,
-  Xs as BsaLayoutEmpty,
-  js as BsaLayoutTwoColumn,
-  _a as BsaLink,
-  Vs as BsaLoading,
-  Ms as BsaLogo,
-  gs as BsaModal,
-  ca as BsaRadio,
-  Us as BsaRadioGroup,
-  Ws as BsaSection,
-  Ks as BsaSidebar,
-  Ys as BsaSidebarMenuItem,
-  en as BsaThemeProvider,
-  As as BsaThemeToggle,
-  dt as BsaToast,
-  Ns as BsaToastContainer,
-  Gs as BsaTopbar,
+  E as BsaButton,
+  Fs as BsaButtonBadge,
+  j as BsaButtonIcon,
+  Ls as BsaButtonPanel,
+  Gs as BsaCard,
+  Zs as BsaCheckbox,
+  rn as BsaConfirmDialog,
+  Js as BsaContainer,
+  S as BsaIcons,
+  Hs as BsaInputDate,
+  Xs as BsaInputSearch,
+  Ws as BsaInputSelect,
+  js as BsaInputText,
+  Ks as BsaInputTextarea,
+  Qs as BsaLayoutApp,
+  en as BsaLayoutEmpty,
+  tn as BsaLayoutTwoColumn,
+  se as BsaLink,
+  Os as BsaLoading,
+  Us as BsaLogo,
+  Cs as BsaModal,
+  an as BsaPage,
+  da as BsaRadio,
+  Ys as BsaRadioGroup,
+  sn as BsaSection,
+  nn as BsaSidebar,
+  ln as BsaSidebarMenuItem,
+  cn as BsaThemeProvider,
+  Es as BsaThemeToggle,
+  bt as BsaToast,
+  Ps as BsaToastContainer,
+  on as BsaTopbar,
   ae as THEME_KEY,
-  mn as abbreviateNumber,
-  un as addDays,
-  cn as addMonths,
-  dn as addYears,
-  Yn as alphabetic,
-  Kn as alphanumeric,
-  Ds as camelCase,
-  Cs as capitalize,
-  fn as capitalizeWords,
-  lo as creditCard,
-  so as date,
-  $n as ellipsis,
-  Hn as email,
-  Cn as escapeHtml,
-  tn as formatCurrency,
-  on as formatDate,
-  sn as formatNumber,
-  nn as formatPercentage,
-  ws as formatRelativeTime,
-  no as futureDate,
-  bn as getDaysDifference,
-  xs as iconNames,
-  Fn as isAlphabetic,
-  qn as isAlphanumeric,
-  fo as isBase64,
-  uo as isCreditCard,
-  se as isDate,
-  Nn as isEmail,
-  Ss as isEmpty,
-  In as isEqual,
-  xn as isFutureDate,
-  yo as isHexColor,
-  co as isIPv4,
-  bo as isIPv6,
-  Vn as isInRange,
-  go as isJSON,
-  Pn as isLength,
-  mo as isMACAddress,
-  _n as isNotEmpty,
-  Tn as isNumeric,
-  zn as isPastDate,
-  An as isPhone,
-  vo as isPostalCode,
-  Ln as isSlug,
-  Rn as isStrongPassword,
-  ho as isUUID,
-  Mn as isUrl,
-  rn as isValidDate,
-  On as isWeakPassword,
-  gn as kebabCase,
-  Sn as mask,
-  ao as matchField,
-  Zn as maxLength,
-  Jn as maxValue,
-  En as minLength,
-  Gn as minValue,
-  Bn as normalizeWhitespace,
-  Wn as numeric,
-  an as parseCurrency,
-  ln as parseDate,
-  yn as pascalCase,
-  eo as password,
-  oo as pastDate,
-  jn as phone,
-  Qn as range,
-  kn as removeWhitespace,
-  Un as required,
-  pn as slugify,
-  hn as snakeCase,
-  ro as ssn,
-  wn as stripHtml,
-  to as strongPassword,
-  vn as truncate,
-  Dn as unescapeHtml,
-  Xn as url,
-  vs as useConfirmDialog,
-  ys as useModal,
-  Qs as useStorage,
-  vt as useTheme,
-  mt as useToast,
-  io as zipCode
+  Bn as abbreviateNumber,
+  vn as addDays,
+  $n as addMonths,
+  pn as addYears,
+  ll as alphabetic,
+  nl as alphanumeric,
+  Ns as camelCase,
+  Vs as capitalize,
+  wn as capitalizeWords,
+  hl as creditCard,
+  bl as date,
+  In as ellipsis,
+  el as email,
+  Nn as escapeHtml,
+  dn as formatCurrency,
+  hn as formatDate,
+  mn as formatNumber,
+  fn as formatPercentage,
+  Ts as formatRelativeTime,
+  ml as futureDate,
+  kn as getDaysDifference,
+  Rs as iconNames,
+  Xn as isAlphabetic,
+  Hn as isAlphanumeric,
+  Bl as isBase64,
+  vl as isCreditCard,
+  ne as isDate,
+  Un as isEmail,
+  Ms as isEmpty,
+  Rn as isEqual,
+  Fn as isFutureDate,
+  Sl as isHexColor,
+  $l as isIPv4,
+  pl as isIPv6,
+  Pn as isInRange,
+  Cl as isJSON,
+  Yn as isLength,
+  kl as isMACAddress,
+  qn as isNotEmpty,
+  On as isNumeric,
+  Ln as isPastDate,
+  Zn as isPhone,
+  Dl as isPostalCode,
+  Wn as isSlug,
+  jn as isStrongPassword,
+  wl as isUUID,
+  En as isUrl,
+  yn as isValidDate,
+  Kn as isWeakPassword,
+  Sn as kebabCase,
+  An as mask,
+  dl as matchField,
+  Qn as maxLength,
+  il as maxValue,
+  Jn as minLength,
+  ol as minValue,
+  Tn as normalizeWhitespace,
+  sl as numeric,
+  bn as parseCurrency,
+  gn as parseDate,
+  Dn as pascalCase,
+  ul as password,
+  fl as pastDate,
+  al as phone,
+  rl as range,
+  xn as removeWhitespace,
+  Gn as required,
+  _n as slugify,
+  Cn as snakeCase,
+  yl as ssn,
+  Vn as stripHtml,
+  cl as strongPassword,
+  zn as truncate,
+  Mn as unescapeHtml,
+  tl as url,
+  Ds as useConfirmDialog,
+  Ss as useModal,
+  un as useStorage,
+  $t as useTheme,
+  ft as useToast,
+  gl as zipCode
 };