@bsasolutions/pkg_core 0.3.2 → 0.3.4

package/dist/index.es.js

@@ -1,47 +1,53 @@
-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";
+import { defineComponent as p, computed as f, openBlock as n, createBlock as B, resolveDynamicComponent as ie, 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 re, withCtx as O, unref as D, inject as ue, onBeforeUnmount as ce, withKeys as U, useSlots as Q, onMounted as ee, onUnmounted as te, resolveComponent as de, watch as W, Teleport as be, Transition as me, withModifiers as fe, provide as he } from "vue";
+import { ChartColumn as ge, ShieldCheck as ye, UserCog as ve, Users as $e, MessageSquare as pe, ChevronDown as ke, ChevronRight as Be, ChevronLeft as we, Moon as Ce, Sun as Se, TriangleAlert as _e, Info as De, CircleAlert as ze, KeySquare as Ie, EyeOff as xe, Eye as Te, RotateCw as Ve, RefreshCcw as Ne, LogOut as Me, LogIn as Ae, Mail as qe, CheckCircle as Re, XCircle as Fe, MinusCircle as Le, PlusCircle as Oe, Trash2 as Pe, Edit2 as Ue, Save as Ee, Heart as Ze, Star as He, Download as Xe, Upload as We, ArrowRight as je, ArrowLeft as Ke, Minus as Ye, Plus as Ge, Trash as Je, Edit as Qe, Check as et, Menu as tt, Bell as at, Search as st, Settings as nt, User as lt, Home as ot, X as it } from "@lucide/vue";
 const X = {
-  X: et,
-  Home: Qe,
-  User: Je,
-  Settings: Ge,
-  Search: Ye,
-  Bell: Ke,
-  Menu: je,
-  Check: We,
-  Edit: Xe,
-  Trash: He,
-  Plus: Ze,
-  Minus: Ee,
-  ArrowLeft: Ue,
-  ArrowRight: Pe,
-  Upload: Oe,
-  Download: Le,
-  Star: Fe,
-  Heart: Re,
-  Save: qe,
-  Edit2: Ae,
-  Trash2: Me,
-  PlusCircle: Ne,
-  MinusCircle: Ve,
-  XCircle: Te,
-  CheckCircle: xe,
-  Mail: Ie,
-  LogIn: _e,
-  LogOut: ze,
-  RefreshCcw: De,
-  RotateCw: Se,
-  Eye: Ce,
-  EyeOff: we,
-  KeySquare: Be,
-  CircleAlert: ke,
-  Info: pe,
-  TriangleAlert: $e,
-  Sun: ve,
-  Moon: ye,
-  ChevronLeft: ge,
-  ChevronRight: he
-}, Rs = Object.keys(X), S = /* @__PURE__ */ $({
+  X: it,
+  Home: ot,
+  User: lt,
+  Settings: nt,
+  Search: st,
+  Bell: at,
+  Menu: tt,
+  Check: et,
+  Edit: Qe,
+  Trash: Je,
+  Plus: Ge,
+  Minus: Ye,
+  ArrowLeft: Ke,
+  ArrowRight: je,
+  Upload: We,
+  Download: Xe,
+  Star: He,
+  Heart: Ze,
+  Save: Ee,
+  Edit2: Ue,
+  Trash2: Pe,
+  PlusCircle: Oe,
+  MinusCircle: Le,
+  XCircle: Fe,
+  CheckCircle: Re,
+  Mail: qe,
+  LogIn: Ae,
+  LogOut: Me,
+  RefreshCcw: Ne,
+  RotateCw: Ve,
+  Eye: Te,
+  EyeOff: xe,
+  KeySquare: Ie,
+  CircleAlert: ze,
+  Info: De,
+  TriangleAlert: _e,
+  Sun: Se,
+  Moon: Ce,
+  ChevronLeft: we,
+  ChevronRight: Be,
+  ChevronDown: ke,
+  MessageSquare: pe,
+  Users: $e,
+  UserCog: ve,
+  ShieldCheck: ye,
+  BarChart: ge
+}, Ws = Object.keys(X), S = /* @__PURE__ */ p({
   __name: "BsaIcons",
   props: {
     icon: {},
@@ -60,11 +66,11 @@ const X = {
       height: a.size,
       color: a.color
     }));
-    return (r, u) => (n(), C(oe(s.value), {
+    return (r, u) => (n(), B(ie(s.value), {
       style: T(l.value)
     }, null, 8, ["style"]));
   }
-}), tt = ["type", "disabled"], at = { key: 2 }, E = /* @__PURE__ */ $({
+}), rt = ["type", "disabled"], ut = { key: 2 }, E = /* @__PURE__ */ p({
   __name: "BsaButton",
   props: {
     type: { default: "button" },
@@ -109,28 +115,28 @@ const X = {
       class: b(l.value),
       onClick: r
     }, [
-      e.loading ? (n(), C(S, {
+      e.loading ? (n(), B(S, {
         key: 0,
         icon: "Spinner",
         class: "bsa-button__icon bsa-button__icon--loading"
-      })) : e.icon && e.iconPosition === "left" ? (n(), C(S, {
+      })) : e.icon && e.iconPosition === "left" ? (n(), B(S, {
         key: 1,
         icon: e.icon,
         class: "bsa-button__icon"
       }, null, 8, ["icon"])) : i("", !0),
-      u.$slots.default || e.label ? (n(), o("span", at, [
+      u.$slots.default || e.label ? (n(), o("span", ut, [
         y(u.$slots, "default", {}, () => [
           A(m(e.label), 1)
         ])
       ])) : i("", !0),
-      e.icon && e.iconPosition === "right" && !e.loading ? (n(), C(S, {
+      e.icon && e.iconPosition === "right" && !e.loading ? (n(), B(S, {
         key: 3,
         icon: e.icon,
         class: "bsa-button__icon"
       }, null, 8, ["icon"])) : i("", !0)
-    ], 10, tt));
+    ], 10, rt));
   }
-}), st = ["aria-label"], nt = /* @__PURE__ */ $({
+}), ct = ["aria-label"], dt = /* @__PURE__ */ p({
   __name: "BsaButtonBadge",
   props: {
     icon: { default: "Bell" },
@@ -151,11 +157,11 @@ const X = {
       `bsa-button-badge__dot--${t.size}`,
       { "bsa-button-badge__dot--ping": t.ping }
     ]);
-    return (v, w) => (n(), o("button", {
+    return ($, w) => (n(), o("button", {
       type: "button",
       "aria-label": e.count > 0 ? `${e.count} notificações` : "Notificações",
       class: b(l.value),
-      onClick: w[0] || (w[0] = (B) => s("click", B))
+      onClick: w[0] || (w[0] = (C) => s("click", C))
     }, [
       I(S, {
         icon: e.icon,
@@ -169,14 +175,14 @@ const X = {
         key: 1,
         class: b(d.value)
       }, null, 2)) : i("", !0)
-    ], 10, st));
+    ], 10, ct));
   }
-}), R = (e, a) => {
+}), q = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [s, l] of a)
     t[s] = l;
   return t;
-}, Fs = /* @__PURE__ */ R(nt, [["__scopeId", "data-v-89d3c32f"]]), lt = ["type", "disabled", "title"], j = /* @__PURE__ */ $({
+}, js = /* @__PURE__ */ q(dt, [["__scopeId", "data-v-89d3c32f"]]), bt = ["type", "disabled", "title"], j = /* @__PURE__ */ p({
   __name: "BsaButtonIcon",
   props: {
     icon: {},
@@ -217,17 +223,17 @@ const X = {
       title: e.tooltip,
       onClick: r
     }, [
-      e.loading ? (n(), C(S, {
+      e.loading ? (n(), B(S, {
         key: 0,
         icon: "Spinner",
         class: "bsa-button-icon__loading"
-      })) : (n(), C(S, {
+      })) : (n(), B(S, {
         key: 1,
         icon: e.icon
       }, null, 8, ["icon"]))
-    ], 10, lt));
+    ], 10, bt));
   }
-}), Ls = /* @__PURE__ */ $({
+}), Ks = /* @__PURE__ */ p({
   __name: "BsaButtonPanel",
   props: {
     align: { default: "left" },
@@ -249,10 +255,21 @@ const X = {
       y(s.$slots, "default")
     ], 2));
   }
-}), ot = { class: "bsa-loading__content" }, it = {
+}), mt = /* @__PURE__ */ p({
+  __name: "BsaBadge",
+  props: {
+    label: {},
+    tone: { default: "neutral" }
+  },
+  setup(e) {
+    return (a, t) => (n(), o("span", {
+      class: b(["bsa-badge", `bsa-badge--${e.tone}`])
+    }, m(e.label), 3));
+  }
+}), K = /* @__PURE__ */ q(mt, [["__scopeId", "data-v-3ff150a4"]]), ft = { class: "bsa-loading__content" }, ht = {
   key: 7,
   class: "bsa-loading__message"
-}, rt = { key: 0 }, ut = /* @__PURE__ */ $({
+}, gt = { key: 0 }, yt = /* @__PURE__ */ p({
   __name: "BsaLoading",
   props: {
     isLoading: { type: Boolean },
@@ -278,7 +295,7 @@ const X = {
       key: 0,
       class: b(l.value)
     }, [
-      c("div", ot, [
+      c("div", ft, [
         e.type === "spinner" ? (n(), o("div", {
           key: 0,
           class: b(["bsa-loading__spinner", s.value])
@@ -348,14 +365,14 @@ const X = {
             style: T({ animationDelay: `${d * 0.1}s` })
           }, null, 4)), 64))
         ], 2)) : i("", !0),
-        e.message ? (n(), o("div", it, [
+        e.message ? (n(), o("div", ht, [
           c("p", null, m(e.message), 1),
-          e.submessage ? (n(), o("p", rt, m(e.submessage), 1)) : i("", !0)
+          e.submessage ? (n(), o("p", gt, m(e.submessage), 1)) : i("", !0)
         ])) : i("", !0)
       ])
     ], 2)) : i("", !0);
   }
-}), Os = /* @__PURE__ */ R(ut, [["__scopeId", "data-v-09020727"]]), ct = { class: "bsa-toast__content" }, dt = { key: 0 }, bt = /* @__PURE__ */ $({
+}), Ys = /* @__PURE__ */ q(yt, [["__scopeId", "data-v-09020727"]]), vt = { class: "bsa-toast__content" }, $t = { key: 0 }, pt = /* @__PURE__ */ p({
   __name: "BsaToast",
   props: {
     toast: {}
@@ -383,8 +400,8 @@ const X = {
         icon: r.value,
         size: "xs"
       }, null, 8, ["icon"]),
-      c("div", ct, [
-        e.toast.title ? (n(), o("strong", dt, m(e.toast.title), 1)) : i("", !0),
+      c("div", vt, [
+        e.toast.title ? (n(), o("strong", $t, m(e.toast.title), 1)) : i("", !0),
         c("span", null, m(e.toast.message), 1)
       ]),
       I(j, {
@@ -392,7 +409,7 @@ const X = {
         size: "sm",
         class: "bsa-toast__close",
         "aria-label": "Fechar",
-        onClick: d[0] || (d[0] = (v) => s("close"))
+        onClick: d[0] || (d[0] = ($) => s("close"))
       }),
       e.toast.duration ? (n(), o("div", {
         key: 0,
@@ -402,11 +419,11 @@ const X = {
     ], 2));
   }
 }), Z = M([]);
-let mt = 1;
-const te = (e) => {
+let kt = 1;
+const ae = (e) => {
   Z.value = Z.value.filter((a) => a.id !== e);
 }, L = (e, a = "info", t = {}) => {
-  const s = mt++, l = {
+  const s = kt++, l = {
     id: s,
     type: a,
     title: t.title,
@@ -414,24 +431,24 @@ const te = (e) => {
     duration: t.duration ?? 5e3
   };
   return Z.value.push(l), l.duration > 0 && window.setTimeout(() => {
-    te(s);
+    ae(s);
   }, l.duration), s;
-}, ft = () => ({
+}, Bt = () => ({
   toasts: Z,
   show: L,
-  remove: te,
+  remove: ae,
   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__ */ $({
+}), wt = { class: "bsa-toast-container" }, Gs = /* @__PURE__ */ p({
   __name: "BsaToastContainer",
   setup(e) {
-    const { toasts: a, remove: t } = ft();
-    return (s, l) => (n(), o("div", ht, [
-      I(ie, { name: "bsa-toast" }, {
+    const { toasts: a, remove: t } = Bt();
+    return (s, l) => (n(), o("div", wt, [
+      I(re, { name: "bsa-toast" }, {
         default: O(() => [
-          (n(!0), o(V, null, N(D(a), (r) => (n(), C(bt, {
+          (n(!0), o(V, null, N(D(a), (r) => (n(), B(pt, {
             key: r.id,
             toast: r,
             onClose: (u) => D(t)(r.id)
@@ -441,10 +458,10 @@ const te = (e) => {
       })
     ]));
   }
-}), gt = ["src", "alt"], yt = {
+}), Ct = ["src", "alt"], St = {
   key: 2,
   class: "bsa-logo__content"
-}, vt = /* @__PURE__ */ $({
+}, _t = /* @__PURE__ */ p({
   __name: "BsaLogo",
   props: {
     src: {},
@@ -484,12 +501,12 @@ const te = (e) => {
         src: e.src,
         alt: e.alt,
         class: b(["bsa-logo__image", a[e.size].image])
-      }, null, 10, gt)) : e.icon ? (n(), C(D(S), {
+      }, null, 10, Ct)) : e.icon ? (n(), B(D(S), {
         key: 1,
         icon: e.icon,
         class: b(["bsa-logo__icon", a[e.size].icon])
       }, null, 8, ["icon", "class"])) : i("", !0),
-      e.title || e.subtitle ? (n(), o("div", yt, [
+      e.title || e.subtitle ? (n(), o("div", St, [
         e.title ? (n(), o("div", {
           key: 0,
           class: b(["bsa-logo__title", a[e.size].title])
@@ -501,17 +518,17 @@ const te = (e) => {
       ])) : i("", !0)
     ], 2));
   }
-}), Us = /* @__PURE__ */ R(vt, [["__scopeId", "data-v-e8e7bb76"]]), ae = /* @__PURE__ */ Symbol("bsa-theme");
-function $t() {
-  const e = re(ae);
+}), Js = /* @__PURE__ */ q(_t, [["__scopeId", "data-v-e8e7bb76"]]), se = /* @__PURE__ */ Symbol("bsa-theme");
+function Dt() {
+  const e = ue(se);
   if (!e)
     throw new Error("useTheme must be used within a BsaThemeProvider");
   return e;
 }
-const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
+const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
   __name: "BsaThemeToggle",
   setup(e) {
-    const { isDarkMode: a, toggleTheme: t } = $t();
+    const { isDarkMode: a, toggleTheme: t } = Dt();
     return (s, l) => (n(), o("button", {
       type: "button",
       class: "bsa-theme-toggle",
@@ -524,12 +541,12 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         icon: D(a) ? "Sun" : "Moon",
         size: "w-5 h-5"
       }, null, 8, ["icon"])
-    ], 8, pt));
+    ], 8, zt));
   }
-}), Es = /* @__PURE__ */ R(kt, [["__scopeId", "data-v-d4c9dd72"]]), Bt = ["id", "checked", "disabled", "required"], wt = {
+}), Qs = /* @__PURE__ */ q(It, [["__scopeId", "data-v-d4c9dd72"]]), xt = ["id", "checked", "disabled", "required"], Tt = {
   key: 0,
   class: "bsa-checkbox__label"
-}, Zs = /* @__PURE__ */ $({
+}, en = /* @__PURE__ */ p({
   __name: "BsaCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -560,20 +577,20 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         disabled: e.disabled || e.readonly,
         required: e.required,
         onChange: s
-      }, null, 40, Bt),
-      e.label ? (n(), o("span", wt, m(e.label), 1)) : i("", !0)
+      }, null, 40, xt),
+      e.label ? (n(), o("span", Tt, m(e.label), 1)) : i("", !0)
     ], 2));
   }
-}), Ct = ["for"], St = {
+}), Vt = ["for"], Nt = {
   key: 0,
   class: "bsa-input-required"
-}, 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 = {
+}, Mt = { class: "bsa-input-field bsa-input-field--has-right-content" }, At = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "min", "max"], qt = { class: "bsa-input-date-icon" }, Rt = {
   key: 1,
   class: "bsa-input-hint"
-}, xt = {
+}, Ft = {
   key: 2,
   class: "bsa-input-error"
-}, Hs = /* @__PURE__ */ $({
+}, tn = /* @__PURE__ */ p({
   __name: "BsaInputDate",
   props: {
     modelValue: {},
@@ -593,7 +610,7 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
   setup(e, { emit: a }) {
-    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(() => [
+    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 ? $(t.modelValue) : t.modelValue : ""), u = f(() => [
       "bsa-input",
       `bsa-input--${t.size}`,
       {
@@ -601,62 +618,62 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         "bsa-input--readonly": t.readonly,
         "bsa-input--disabled": t.disabled
       }
-    ]), 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");
+    ]), d = f(() => t.modelValue instanceof Date), $ = (g) => {
+      const v = g.getFullYear(), _ = String(g.getMonth() + 1).padStart(2, "0"), x = String(g.getDate()).padStart(2, "0");
       switch (t.mode) {
         case "date":
-          return `${k}-${_}-${x}`;
+          return `${v}-${_}-${x}`;
         case "datetime-local": {
-          const F = String(h.getHours()).padStart(2, "0"), q = String(h.getMinutes()).padStart(2, "0");
-          return `${k}-${_}-${x}T${F}:${q}`;
+          const F = String(g.getHours()).padStart(2, "0"), R = String(g.getMinutes()).padStart(2, "0");
+          return `${v}-${_}-${x}T${F}:${R}`;
         }
         case "time":
-          return `${String(h.getHours()).padStart(2, "0")}:${String(h.getMinutes()).padStart(2, "0")}`;
+          return `${String(g.getHours()).padStart(2, "0")}:${String(g.getMinutes()).padStart(2, "0")}`;
         case "month":
-          return `${k}-${_}`;
+          return `${v}-${_}`;
         case "week":
-          return `${k}-W${String(w(h)).padStart(2, "0")}`;
+          return `${v}-W${String(w(g)).padStart(2, "0")}`;
         default:
           return "";
       }
-    }, w = (h) => {
-      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) => {
+    }, w = (g) => {
+      const v = new Date(Date.UTC(g.getFullYear(), g.getMonth(), g.getDate())), _ = v.getUTCDay() || 7;
+      v.setUTCDate(v.getUTCDate() + 4 - _);
+      const x = new Date(Date.UTC(v.getUTCFullYear(), 0, 1));
+      return Math.ceil(((v.getTime() - x.getTime()) / 864e5 + 1) / 7);
+    }, C = (g) => {
       switch (t.mode) {
         case "date": {
-          const [k, _, x] = h.split("-").map(Number);
-          return new Date(k, _ - 1, x);
+          const [v, _, x] = g.split("-").map(Number);
+          return new Date(v, _ - 1, x);
         }
         case "datetime-local": {
-          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);
+          const [v, _] = g.split("T"), [x, F, R] = v.split("-").map(Number), [H, oe] = _.split(":").map(Number);
+          return new Date(x, F - 1, R, H, oe);
         }
         case "time": {
-          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;
+          const [v, _] = g.split(":").map(Number), x = t.modelValue instanceof Date ? new Date(t.modelValue) : /* @__PURE__ */ new Date();
+          return x.setHours(v, _, 0, 0), x;
         }
         case "month": {
-          const [k, _] = h.split("-").map(Number);
-          return new Date(k, _ - 1, 1);
+          const [v, _] = g.split("-").map(Number);
+          return new Date(v, _ - 1, 1);
         }
         case "week": {
-          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;
+          const [v, _] = g.split("-W"), x = Number(v), F = Number(_), R = new Date(x, 0, 1 + (F - 1) * 7), H = R.getDay() || 7;
+          return R.setDate(R.getDate() - H + 1), R;
         }
         default:
-          return new Date(h);
+          return new Date(g);
       }
-    }, g = (h) => d.value ? h ? B(h) : "" : h, p = (h) => {
-      const k = h.target;
-      s("update:modelValue", g(k.value));
-    }, z = (h) => {
-      const k = h.target;
-      s("change", g(k.value));
+    }, k = (g) => d.value ? g ? C(g) : "" : g, h = (g) => {
+      const v = g.target;
+      s("update:modelValue", k(v.value));
+    }, z = (g) => {
+      const v = g.target;
+      s("change", k(v.value));
     };
-    return (h, k) => (n(), o("div", {
+    return (g, v) => (n(), o("div", {
       class: b(["bsa-input-date", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -665,9 +682,9 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", St, "*")) : i("", !0)
-      ], 10, Ct)) : i("", !0),
-      c("div", Dt, [
+        e.required ? (n(), o("span", Nt, "*")) : i("", !0)
+      ], 10, Vt)) : i("", !0),
+      c("div", Mt, [
         c("input", {
           id: l.value,
           type: e.mode,
@@ -679,32 +696,32 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
           min: e.min,
           max: e.max,
           class: b(u.value),
-          onInput: p,
+          onInput: h,
           onChange: z,
-          onBlur: k[0] || (k[0] = (_) => s("blur", _)),
-          onFocus: k[1] || (k[1] = (_) => s("focus", _))
-        }, null, 42, zt),
-        c("div", _t, [
+          onBlur: v[0] || (v[0] = (_) => s("blur", _)),
+          onFocus: v[1] || (v[1] = (_) => s("focus", _))
+        }, null, 42, At),
+        c("div", qt, [
           I(S, { icon: "Calendar" })
         ])
       ]),
-      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)
+      e.hint && !e.error ? (n(), o("p", Rt, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", Ft, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), Tt = ["for"], Vt = {
+}), Lt = ["for"], Ot = {
   key: 0,
   class: "bsa-input-required"
-}, 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 = {
+}, Pt = { class: "bsa-input-field bsa-input-field--has-icon bsa-input-field--has-right-content" }, Ut = { class: "bsa-input-search-icon" }, Et = ["id", "value", "placeholder", "disabled", "readonly"], Zt = {
   key: 0,
   class: "bsa-input-search-actions"
-}, Rt = ["disabled"], Ft = {
+}, Ht = ["disabled"], Xt = {
   key: 1,
   class: "bsa-input-hint"
-}, Lt = {
+}, Wt = {
   key: 2,
   class: "bsa-input-error"
-}, Xs = /* @__PURE__ */ $({
+}, an = /* @__PURE__ */ p({
   __name: "BsaInputSearch",
   props: {
     modelValue: {},
@@ -732,19 +749,19 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         "bsa-input--disabled": t.disabled,
         "bsa-input--error": !!t.error
       }
-    ]), d = (B) => {
-      const p = B.target.value;
-      s("update:modelValue", p), l && clearTimeout(l), l = setTimeout(() => {
-        s("search", p);
+    ]), d = (C) => {
+      const h = C.target.value;
+      s("update:modelValue", h), l && clearTimeout(l), l = setTimeout(() => {
+        s("search", h);
       }, t.debounce);
-    }, v = () => {
+    }, $ = () => {
       l && clearTimeout(l), s("search", t.modelValue || "");
     }, w = () => {
       l && clearTimeout(l), s("update:modelValue", ""), s("clear"), s("search", "");
     };
-    return ue(() => {
+    return ce(() => {
       l && clearTimeout(l);
-    }), (B, g) => (n(), o("div", {
+    }), (C, k) => (n(), o("div", {
       class: b(["bsa-input-search", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -753,10 +770,10 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", Vt, "*")) : i("", !0)
-      ], 10, Tt)) : i("", !0),
-      c("div", Nt, [
-        c("div", Mt, [
+        e.required ? (n(), o("span", Ot, "*")) : i("", !0)
+      ], 10, Lt)) : i("", !0),
+      c("div", Pt, [
+        c("div", Ut, [
           I(S, { icon: "Search" })
         ]),
         c("input", {
@@ -769,11 +786,11 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
           class: b(u.value),
           onInput: d,
           onKeydown: [
-            U(v, ["enter"]),
+            U($, ["enter"]),
             U(w, ["esc"])
           ]
-        }, null, 42, At),
-        e.modelValue || e.loading ? (n(), o("div", qt, [
+        }, null, 42, Et),
+        e.modelValue || e.loading ? (n(), o("div", Zt, [
           !e.loading && e.modelValue ? (n(), o("button", {
             key: 0,
             type: "button",
@@ -782,35 +799,35 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
             onClick: w
           }, [
             I(S, { icon: "X" })
-          ], 8, Rt)) : i("", !0),
-          e.loading ? (n(), C(S, {
+          ], 8, Ht)) : i("", !0),
+          e.loading ? (n(), B(S, {
             key: 1,
             icon: "Loader",
             class: "bsa-input-loading"
           })) : i("", !0)
         ])) : 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)
+      e.hint && !e.error ? (n(), o("p", Xt, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", Wt, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), Ot = ["for"], Pt = {
+}), jt = ["for"], Kt = {
   key: 0,
   class: "bsa-input-required"
-}, Ut = { class: "bsa-input-field bsa-input-field--has-right-content" }, Et = ["id", "value", "disabled", "required", "multiple"], Zt = {
+}, Yt = { class: "bsa-input-field bsa-input-field--has-right-content" }, Gt = ["id", "value", "disabled", "required", "multiple"], Jt = {
   key: 0,
   value: "",
   disabled: ""
-}, Ht = ["value", "disabled"], Xt = ["label"], Wt = ["value", "disabled"], jt = {
+}, Qt = ["value", "disabled"], ea = ["label"], ta = ["value", "disabled"], aa = {
   key: 0,
   class: "bsa-input-select-icon"
-}, Kt = {
+}, sa = {
   key: 1,
   class: "bsa-input-hint"
-}, Yt = {
+}, na = {
   key: 2,
   class: "bsa-input-error"
-}, Ws = /* @__PURE__ */ $({
+}, sn = /* @__PURE__ */ p({
   __name: "BsaInputSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Array] },
@@ -840,19 +857,19 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         "bsa-input--readonly": t.readonly
       }
     ]), u = f(() => {
-      const w = (t.groups ?? []).flatMap((B) => B.options);
+      const w = (t.groups ?? []).flatMap((C) => C.options);
       return [...t.options, ...w];
-    }), d = (w) => u.value.find((g) => String(g.value) === w)?.value ?? w, v = (w) => {
-      const B = w.target;
+    }), d = (w) => u.value.find((k) => String(k.value) === w)?.value ?? w, $ = (w) => {
+      const C = w.target;
       if (t.multiple) {
-        const p = Array.from(B.selectedOptions).map((z) => d(z.value));
-        s("update:modelValue", p), s("change", p);
+        const h = Array.from(C.selectedOptions).map((z) => d(z.value));
+        s("update:modelValue", h), s("change", h);
         return;
       }
-      const g = d(B.value);
-      s("update:modelValue", g), s("change", g);
+      const k = d(C.value);
+      s("update:modelValue", k), s("change", k);
     };
-    return (w, B) => (n(), o("div", {
+    return (w, C) => (n(), o("div", {
       class: b(["bsa-input-select", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -861,9 +878,9 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", Pt, "*")) : i("", !0)
-      ], 10, Ot)) : i("", !0),
-      c("div", Ut, [
+        e.required ? (n(), o("span", Kt, "*")) : i("", !0)
+      ], 10, jt)) : i("", !0),
+      c("div", Yt, [
         c("select", {
           id: l.value,
           value: e.modelValue,
@@ -871,51 +888,51 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
           required: e.required,
           multiple: e.multiple,
           class: b(r.value),
-          onChange: v,
-          onBlur: B[0] || (B[0] = (g) => s("blur", g)),
-          onFocus: B[1] || (B[1] = (g) => s("focus", g))
+          onChange: $,
+          onBlur: C[0] || (C[0] = (k) => s("blur", k)),
+          onFocus: C[1] || (C[1] = (k) => s("focus", k))
         }, [
-          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, Ht))), 128)),
-          (n(!0), o(V, null, N(e.groups, (g) => (n(), o("optgroup", {
-            key: g.label,
-            label: g.label
+          e.placeholder && !e.multiple ? (n(), o("option", Jt, m(e.placeholder), 1)) : i("", !0),
+          (n(!0), o(V, null, N(e.options, (k) => (n(), o("option", {
+            key: String(k.value),
+            value: k.value,
+            disabled: k.disabled
+          }, m(k.label), 9, Qt))), 128)),
+          (n(!0), o(V, null, N(e.groups, (k) => (n(), o("optgroup", {
+            key: k.label,
+            label: k.label
           }, [
-            (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, Wt))), 128))
-          ], 8, Xt))), 128))
-        ], 42, Et),
-        e.multiple ? i("", !0) : (n(), o("div", jt, [
+            (n(!0), o(V, null, N(k.options, (h) => (n(), o("option", {
+              key: String(h.value),
+              value: h.value,
+              disabled: h.disabled
+            }, m(h.label), 9, ta))), 128))
+          ], 8, ea))), 128))
+        ], 42, Gt),
+        e.multiple ? i("", !0) : (n(), o("div", aa, [
           I(S, { icon: "ChevronDown" })
         ]))
       ]),
-      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)
+      e.hint && !e.error ? (n(), o("p", sa, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", na, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), Gt = ["for"], Jt = {
+}), la = ["for"], oa = {
   key: 0,
   class: "bsa-input-required"
-}, Qt = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "minlength", "min", "max", "step"], ea = {
+}, ia = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "minlength", "min", "max", "step"], ra = {
   key: 0,
   class: "bsa-input-icon"
-}, ta = {
+}, ua = {
   key: 1,
   class: "bsa-input-actions"
-}, aa = {
+}, ca = {
   key: 1,
   class: "bsa-input-hint"
-}, sa = {
+}, da = {
   key: 2,
   class: "bsa-input-error"
-}, js = /* @__PURE__ */ $({
+}, nn = /* @__PURE__ */ p({
   __name: "BsaInputText",
   props: {
     modelValue: {},
@@ -941,9 +958,9 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "blur", "focus", "enter", "clear"],
   setup(e, { emit: a }) {
-    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(
+    const t = e, s = a, l = Q(), 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(() => [
+    ), $ = f(() => [
       "bsa-input",
       `bsa-input--${t.size}`,
       {
@@ -957,17 +974,17 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         "bsa-input-field--has-icon": u.value,
         "bsa-input-field--has-right-content": d.value
       }
-    ]), B = (p) => {
-      const z = p.target;
+    ]), C = (h) => {
+      const z = h.target;
       if (t.type === "number") {
         s("update:modelValue", z.value === "" ? "" : Number(z.value));
         return;
       }
       s("update:modelValue", z.value);
-    }, g = () => {
+    }, k = () => {
       s("update:modelValue", ""), s("clear");
     };
-    return (p, z) => (n(), o("div", {
+    return (h, z) => (n(), o("div", {
       class: b(["bsa-input-text", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -976,8 +993,8 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", Jt, "*")) : i("", !0)
-      ], 10, Gt)) : i("", !0),
+        e.required ? (n(), o("span", oa, "*")) : i("", !0)
+      ], 10, la)) : i("", !0),
       c("div", {
         class: b(w.value)
       }, [
@@ -995,45 +1012,45 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
           min: e.min,
           max: e.max,
           step: e.step,
-          class: b(v.value),
-          onInput: B,
-          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(S, {
+          class: b($.value),
+          onInput: C,
+          onBlur: z[0] || (z[0] = (g) => s("blur", g)),
+          onFocus: z[1] || (z[1] = (g) => s("focus", g)),
+          onKeydown: z[2] || (z[2] = U((g) => s("enter", g), ["enter"]))
+        }, null, 42, ia),
+        u.value ? (n(), o("div", ra, [
+          y(h.$slots, "icon", {}, () => [
+            e.icon ? (n(), B(S, {
               key: 0,
               icon: e.icon
             }, null, 8, ["icon"])) : i("", !0)
           ])
         ])) : i("", !0),
-        d.value ? (n(), o("div", ta, [
-          e.clearable && e.modelValue !== void 0 && e.modelValue !== "" ? (n(), C(j, {
+        d.value ? (n(), o("div", ua, [
+          e.clearable && e.modelValue !== void 0 && e.modelValue !== "" ? (n(), B(j, {
             key: 0,
             icon: "X",
             disabled: e.disabled,
-            onClick: g,
+            onClick: k,
             class: "bsa-input-action"
           }, null, 8, ["disabled"])) : i("", !0),
-          y(p.$slots, "suffix")
+          y(h.$slots, "suffix")
         ])) : i("", !0)
       ], 2),
-      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)
+      e.hint && !e.error ? (n(), o("p", ca, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", da, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), na = ["for"], la = {
+}), ba = ["for"], ma = {
   key: 0,
   class: "bsa-input-required"
-}, oa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "minlength"], ia = {
+}, fa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "minlength"], ha = {
   key: 1,
   class: "bsa-input-hint"
-}, ra = {
+}, ga = {
   key: 2,
   class: "bsa-input-error"
-}, Ks = /* @__PURE__ */ $({
+}, ln = /* @__PURE__ */ p({
   __name: "BsaInputTextarea",
   props: {
     modelValue: {},
@@ -1075,8 +1092,8 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", la, "*")) : i("", !0)
-      ], 10, na)) : i("", !0),
+        e.required ? (n(), o("span", ma, "*")) : i("", !0)
+      ], 10, ba)) : i("", !0),
       c("textarea", {
         id: l.value,
         value: e.modelValue,
@@ -1089,19 +1106,19 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         maxlength: e.maxlength,
         minlength: e.minlength,
         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(), o("p", ia, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), o("p", ra, m(e.error), 1)) : i("", !0)
+        onInput: d[0] || (d[0] = ($) => s("update:modelValue", $.target.value)),
+        onBlur: d[1] || (d[1] = ($) => s("blur", $)),
+        onFocus: d[2] || (d[2] = ($) => s("focus", $)),
+        onKeydown: d[3] || (d[3] = U(($) => s("enter", $), ["enter"]))
+      }, null, 42, fa),
+      e.hint && !e.error ? (n(), o("p", ha, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", ga, m(e.error), 1)) : i("", !0)
     ], 2));
   }
-}), ua = ["id", "name", "value", "checked", "disabled", "required"], ca = {
+}), ya = ["id", "name", "value", "checked", "disabled", "required"], va = {
   key: 0,
   class: "bsa-radio__label"
-}, da = /* @__PURE__ */ $({
+}, $a = /* @__PURE__ */ p({
   __name: "BsaRadio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -1131,23 +1148,23 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         disabled: e.disabled,
         required: e.required,
         onChange: l
-      }, null, 40, ua),
-      e.label ? (n(), o("span", ca, m(e.label), 1)) : i("", !0)
+      }, null, 40, ya),
+      e.label ? (n(), o("span", va, m(e.label), 1)) : i("", !0)
     ], 2));
   }
-}), ba = ["disabled"], ma = {
+}), pa = ["disabled"], ka = {
   key: 0,
   class: "bsa-input-label"
-}, fa = {
+}, Ba = {
   key: 0,
   class: "bsa-input-required"
-}, ha = { class: "bsa-radio-group__options" }, ga = {
+}, wa = { class: "bsa-radio-group__options" }, Ca = {
   key: 1,
   class: "bsa-input-hint"
-}, ya = {
+}, Sa = {
   key: 2,
   class: "bsa-input-error"
-}, Ys = /* @__PURE__ */ $({
+}, on = /* @__PURE__ */ p({
   __name: "BsaRadioGroup",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -1169,12 +1186,12 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
       class: b(["bsa-radio-group", `bsa-radio-group--${e.direction}`]),
       disabled: e.disabled
     }, [
-      e.label ? (n(), o("legend", ma, [
+      e.label ? (n(), o("legend", ka, [
         A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", fa, "*")) : i("", !0)
+        e.required ? (n(), o("span", Ba, "*")) : i("", !0)
       ])) : i("", !0),
-      c("div", ha, [
-        (n(!0), o(V, null, N(e.options, (r) => (n(), C(da, {
+      c("div", wa, [
+        (n(!0), o(V, null, N(e.options, (r) => (n(), B($a, {
           key: String(r.value),
           "model-value": e.modelValue,
           value: r.value,
@@ -1185,23 +1202,23 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
           onChange: l[1] || (l[1] = (u) => t("change", u))
         }, null, 8, ["model-value", "value", "label", "name", "disabled"]))), 128))
       ]),
-      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));
+      e.hint && !e.error ? (n(), o("p", Ca, m(e.hint), 1)) : i("", !0),
+      e.error ? (n(), o("p", Sa, m(e.error), 1)) : i("", !0)
+    ], 10, pa));
   }
-}), va = {
+}), _a = {
   key: 0,
   class: "bsa-card-header"
-}, $a = { class: "bsa-card-header__content" }, pa = { class: "bsa-card-header__main" }, ka = { class: "bsa-card-header__title" }, Ba = {
+}, Da = { class: "bsa-card-header__content" }, za = { class: "bsa-card-header__main" }, Ia = { class: "bsa-card-header__title" }, xa = {
   key: 0,
   class: "bsa-card-header__subtitle"
-}, wa = {
+}, Ta = {
   key: 0,
   class: "bsa-card-header__actions"
-}, Ca = { class: "bsa-card-body" }, Sa = {
+}, Va = { class: "bsa-card-body" }, Na = {
   key: 1,
   class: "bsa-card-footer"
-}, Gs = /* @__PURE__ */ $({
+}, rn = /* @__PURE__ */ p({
   __name: "BsaCard",
   props: {
     title: {},
@@ -1228,36 +1245,36 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
     return (l, r) => (n(), o("div", {
       class: b(s.value)
     }, [
-      e.showHeader || l.$slots.header ? (n(), o("div", va, [
+      e.showHeader || l.$slots.header ? (n(), o("div", _a, [
         y(l.$slots, "header", {}, () => [
-          c("div", $a, [
-            c("div", pa, [
-              e.icon ? (n(), C(S, {
+          c("div", Da, [
+            c("div", za, [
+              e.icon ? (n(), B(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", ka, m(e.title), 1),
-                e.subtitle ? (n(), o("p", Ba, m(e.subtitle), 1)) : i("", !0)
+                c("h3", Ia, m(e.title), 1),
+                e.subtitle ? (n(), o("p", xa, m(e.subtitle), 1)) : i("", !0)
               ])
             ]),
-            l.$slots.actions ? (n(), o("div", wa, [
+            l.$slots.actions ? (n(), o("div", Ta, [
               y(l.$slots, "actions")
             ])) : i("", !0)
           ])
         ])
       ])) : i("", !0),
-      c("div", Ca, [
+      c("div", Va, [
         y(l.$slots, "default")
       ]),
-      e.showFooter || l.$slots.footer ? (n(), o("div", Sa, [
+      e.showFooter || l.$slots.footer ? (n(), o("div", Na, [
         y(l.$slots, "footer")
       ])) : i("", !0)
     ], 2));
   }
-}), Da = ["href", "target", "aria-disabled", "tabindex"], za = /* @__PURE__ */ $({
+}), Ma = ["href", "target", "aria-disabled", "tabindex"], Aa = /* @__PURE__ */ p({
   __name: "BsaLink",
   props: {
     href: { default: void 0 },
@@ -1278,27 +1295,27 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
       onClick: s
     }, [
       y(l.$slots, "default", {}, void 0, !0)
-    ], 10, Da));
+    ], 10, Ma));
   }
-}), se = /* @__PURE__ */ R(za, [["__scopeId", "data-v-c2b6662a"]]), _a = {
+}), ne = /* @__PURE__ */ q(Aa, [["__scopeId", "data-v-c2b6662a"]]), qa = {
   key: 0,
   class: "bsa-container__breadcrumb"
-}, Ia = { "aria-label": "Breadcrumb" }, xa = { class: "bsa-container__breadcrumb-list" }, Ta = {
+}, Ra = { "aria-label": "Breadcrumb" }, Fa = { class: "bsa-container__breadcrumb-list" }, La = {
   key: 2,
   class: "bsa-container__breadcrumb-current"
-}, Va = {
+}, Oa = {
   key: 1,
   class: "bsa-container__header"
-}, Na = { class: "bsa-container__header-content" }, Ma = { class: "bsa-container__title" }, Aa = {
+}, Pa = { class: "bsa-container__header-content" }, Ua = { class: "bsa-container__title" }, Ea = {
   key: 0,
   class: "bsa-container__description"
-}, qa = {
+}, Za = {
   key: 0,
   class: "bsa-container__actions"
-}, Ra = { class: "bsa-container__content" }, Fa = {
+}, Ha = { class: "bsa-container__content" }, Xa = {
   key: 2,
   class: "bsa-container__footer"
-}, Js = /* @__PURE__ */ $({
+}, un = /* @__PURE__ */ p({
   __name: "BsaContainer",
   props: {
     title: {},
@@ -1319,20 +1336,20 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
     return (s, l) => (n(), o("div", {
       class: b(t.value)
     }, [
-      e.showBreadcrumb || s.$slots.breadcrumb ? (n(), o("div", _a, [
+      e.showBreadcrumb || s.$slots.breadcrumb ? (n(), o("div", qa, [
         y(s.$slots, "breadcrumb", {}, () => [
-          c("nav", Ia, [
-            c("ol", xa, [
+          c("nav", Ra, [
+            c("ol", Fa, [
               (n(!0), o(V, null, N(e.breadcrumbs, (r, u) => (n(), o("li", {
                 key: u,
                 class: "bsa-container__breadcrumb-item"
               }, [
-                u > 0 ? (n(), C(S, {
+                u > 0 ? (n(), B(S, {
                   key: 0,
                   icon: "ChevronRight",
                   class: "bsa-container__breadcrumb-separator"
                 })) : i("", !0),
-                r.to ? (n(), C(se, {
+                r.to ? (n(), B(ne, {
                   key: 1,
                   to: r.to
                 }, {
@@ -1340,34 +1357,34 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
                     A(m(r.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (n(), o("span", Ta, m(r.label), 1))
+                }, 1032, ["to"])) : (n(), o("span", La, m(r.label), 1))
               ]))), 128))
             ])
           ])
         ])
       ])) : i("", !0),
-      e.title || s.$slots.header ? (n(), o("div", Va, [
+      e.title || s.$slots.header ? (n(), o("div", Oa, [
         y(s.$slots, "header", {}, () => [
-          c("div", Na, [
+          c("div", Pa, [
             c("div", null, [
-              c("h1", Ma, m(e.title), 1),
-              e.description ? (n(), o("p", Aa, m(e.description), 1)) : i("", !0)
+              c("h1", Ua, m(e.title), 1),
+              e.description ? (n(), o("p", Ea, m(e.description), 1)) : i("", !0)
             ]),
-            s.$slots.actions ? (n(), o("div", qa, [
+            s.$slots.actions ? (n(), o("div", Za, [
               y(s.$slots, "actions")
             ])) : i("", !0)
           ])
         ])
       ])) : i("", !0),
-      c("div", Ra, [
+      c("div", Ha, [
         y(s.$slots, "default")
       ]),
-      s.$slots.footer ? (n(), o("div", Fa, [
+      s.$slots.footer ? (n(), o("div", Xa, [
         y(s.$slots, "footer")
       ])) : i("", !0)
     ], 2));
   }
-}), 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__ */ $({
+}), Wa = { class: "bsa-layout-app__topbar" }, ja = { class: "bsa-layout-app__body" }, Ka = { class: "bsa-layout-app__sidebar" }, Ya = ["aria-label", "aria-expanded"], Ga = { class: "bsa-layout-app__content" }, cn = /* @__PURE__ */ p({
   __name: "BsaLayoutApp",
   props: {
     density: { default: "default" }
@@ -1376,9 +1393,9 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
     const a = e, t = M(!1), s = M(!t.value), l = () => {
       t.value = window.innerWidth < 767;
     };
-    Q(() => {
+    ee(() => {
       l(), s.value = !t.value, window.addEventListener("resize", l);
-    }), ee(() => {
+    }), te(() => {
       window.removeEventListener("resize", l);
     });
     const r = () => {
@@ -1386,27 +1403,27 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
     }, u = () => {
       s.value = !1;
     };
-    return (d, v) => (n(), o("div", {
+    return (d, $) => (n(), o("div", {
       class: b(["bsa-layout-app", {
         "bsa-layout-app--sidebar-open": s.value,
-        "bsa-layout-app--density-admin": a.density === "admin"
+        "bsa-layout-app--density-compact": a.density === "compact"
       }])
     }, [
-      c("div", La, [
+      c("div", Wa, [
         y(d.$slots, "topbar", {
           sidebarOpen: s.value,
           toggleSidebar: r,
           closeSidebar: u
         })
       ]),
-      c("div", Oa, [
+      c("div", ja, [
         s.value && t.value ? (n(), o("div", {
           key: 0,
           class: "bsa-layout-app__overlay",
           "aria-hidden": "true",
           onClick: u
         })) : i("", !0),
-        c("aside", Pa, [
+        c("aside", Ka, [
           y(d.$slots, "sidebar", {
             open: s.value,
             closeSidebar: u
@@ -1417,26 +1434,27 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
           class: "bsa-layout-app__sidebar-toggle",
           type: "button",
           "aria-label": s.value ? "Close sidebar" : "Open sidebar",
+          "aria-expanded": s.value,
           onClick: r
         }, [
           I(D(S), {
             icon: s.value ? "ChevronLeft" : "ChevronRight",
-            size: "w-10 h-10"
+            size: "1rem"
           }, null, 8, ["icon"])
-        ], 8, Ua)),
-        c("main", Ea, [
+        ], 8, Ya)),
+        c("main", Ga, [
           y(d.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), Za = {}, Ha = { class: "bsa-layout-empty" };
-function Xa(e, a) {
-  return n(), o("div", Ha, [
+}), Ja = {}, Qa = { class: "bsa-layout-empty" };
+function es(e, a) {
+  return n(), o("div", Qa, [
     y(e.$slots, "default")
   ]);
 }
-const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-two-column__content" }, ja = ["src"], tn = /* @__PURE__ */ $({
+const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { class: "bsa-layout-two-column__content" }, as = ["src"], bn = /* @__PURE__ */ p({
   __name: "BsaLayoutTwoColumn",
   props: {
     rightIframeSrc: { default: "" },
@@ -1445,7 +1463,7 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
     showRightSide: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const a = e, t = J(), s = f(() => a.showRightSide && !!(a.rightIframeSrc || t.right));
+    const a = e, t = Q(), s = f(() => a.showRightSide && !!(a.rightIframeSrc || t.right));
     return (l, r) => (n(), o("div", {
       class: b(["bsa-layout-two-column", { "bsa-layout-two-column--with-right": s.value }])
     }, [
@@ -1454,7 +1472,7 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
         style: T({ backgroundColor: e.leftBackgroundColor || void 0 })
       }, [
         y(l.$slots, "left", {}, () => [
-          c("div", Wa, [
+          c("div", ts, [
             y(l.$slots, "default")
           ])
         ])
@@ -1469,31 +1487,31 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
             key: 0,
             src: a.rightIframeSrc,
             class: "bsa-layout-two-column__iframe"
-          }, null, 8, ja)) : i("", !0)
+          }, null, 8, as)) : i("", !0)
         ])
       ], 4)) : i("", !0)
     ], 2));
   }
-}), Ka = {
+}), ss = {
   key: 0,
   class: "bsa-page__header"
-}, Ya = { class: "bsa-page__heading" }, Ga = {
+}, ns = { class: "bsa-page__heading" }, ls = {
   key: 0,
   class: "bsa-page__breadcrumb",
   "aria-label": "Breadcrumb"
-}, Ja = {
+}, os = {
   key: 2,
   "aria-current": "page"
-}, Qa = {
+}, is = {
   key: 1,
   class: "bsa-page__title"
-}, es = {
+}, rs = {
   key: 2,
   class: "bsa-page__description"
-}, ts = {
+}, us = {
   key: 0,
   class: "bsa-page__actions"
-}, as = { class: "bsa-page__content" }, an = /* @__PURE__ */ $({
+}, cs = { class: "bsa-page__content" }, mn = /* @__PURE__ */ p({
   __name: "BsaPage",
   props: {
     title: { default: void 0 },
@@ -1506,19 +1524,19 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
       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, [
+      e.title || e.description || e.breadcrumbs.length || a.$slots.actions || a.$slots.header ? (n(), o("header", ss, [
         y(a.$slots, "header", {}, () => [
-          c("div", Ya, [
-            e.breadcrumbs.length ? (n(), o("nav", Ga, [
+          c("div", ns, [
+            e.breadcrumbs.length ? (n(), o("nav", ls, [
               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, {
+                  l > 0 ? (n(), B(S, {
                     key: 0,
                     icon: "ChevronRight"
                   })) : i("", !0),
-                  s.href ? (n(), C(se, {
+                  s.href ? (n(), B(ne, {
                     key: 1,
                     href: s.href
                   }, {
@@ -1526,33 +1544,33 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
                       A(m(s.label), 1)
                     ]),
                     _: 2
-                  }, 1032, ["href"])) : (n(), o("span", Ja, m(s.label), 1))
+                  }, 1032, ["href"])) : (n(), o("span", os, 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)
+            e.title ? (n(), o("h1", is, m(e.title), 1)) : i("", !0),
+            e.description ? (n(), o("p", rs, m(e.description), 1)) : i("", !0)
           ]),
-          a.$slots.actions ? (n(), o("div", ts, [
+          a.$slots.actions ? (n(), o("div", us, [
             y(a.$slots, "actions")
           ])) : i("", !0)
         ])
       ])) : i("", !0),
-      c("div", as, [
+      c("div", cs, [
         y(a.$slots, "default")
       ])
     ], 4));
   }
-}), ss = {
+}), ds = {
   key: 0,
   class: "bsa-section__header"
-}, ns = { class: "bsa-section__header-content" }, ls = {
+}, bs = { class: "bsa-section__header-content" }, ms = {
   key: 0,
   class: "bsa-section__description"
-}, os = {
+}, fs = {
   key: 0,
   class: "bsa-section__actions"
-}, is = { class: "bsa-section__content" }, sn = /* @__PURE__ */ $({
+}, hs = { class: "bsa-section__content" }, fn = /* @__PURE__ */ p({
   __name: "BsaSection",
   props: {
     title: {},
@@ -1572,27 +1590,27 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
     return (l, r) => (n(), o("section", {
       class: b(t.value)
     }, [
-      e.title || l.$slots.header ? (n(), o("div", ss, [
+      e.title || l.$slots.header ? (n(), o("div", ds, [
         y(l.$slots, "header", {}, () => [
-          c("div", ns, [
+          c("div", bs, [
             c("div", null, [
               c("h2", {
                 class: b(s.value)
               }, m(e.title), 3),
-              e.description ? (n(), o("p", ls, m(e.description), 1)) : i("", !0)
+              e.description ? (n(), o("p", ms, m(e.description), 1)) : i("", !0)
             ]),
-            l.$slots.actions ? (n(), o("div", os, [
+            l.$slots.actions ? (n(), o("div", fs, [
               y(l.$slots, "actions")
             ])) : i("", !0)
           ])
         ])
       ])) : i("", !0),
-      c("div", is, [
+      c("div", hs, [
         y(l.$slots, "default")
       ])
     ], 2));
   }
-}), rs = ["aria-label"], us = { class: "bsa-sidebar__content" }, nn = /* @__PURE__ */ $({
+}), gs = ["aria-label"], ys = { class: "bsa-sidebar__content" }, hn = /* @__PURE__ */ p({
   __name: "BsaSidebar",
   props: {
     open: { type: Boolean, default: !1 },
@@ -1603,15 +1621,15 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
       class: b(["bsa-sidebar", { "bsa-sidebar--open": e.open }]),
       "aria-label": e.ariaLabel
     }, [
-      c("div", us, [
+      c("div", ys, [
         y(a.$slots, "default")
       ])
-    ], 10, rs));
+    ], 10, gs));
   }
-}), cs = ["aria-expanded"], ds = ["aria-disabled"], bs = {
+}), vs = ["aria-expanded"], $s = { class: "bsa-sidebar-menu-item__label" }, ps = ["aria-disabled"], ks = { class: "bsa-sidebar-menu-item__label" }, Bs = {
   key: 2,
   class: "bsa-sidebar-menu-item__children"
-}, ln = /* @__PURE__ */ $({
+}, gn = /* @__PURE__ */ p({
   __name: "BsaSidebarMenuItem",
   props: {
     item: {},
@@ -1622,67 +1640,84 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
   },
   emits: ["toggle", "select"],
   setup(e, { emit: a }) {
-    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 = () => {
+    const t = e, s = a, l = f(() => t.item.children.length > 0), r = f(
+      () => t.item.indicator !== void 0 && t.item.indicator !== null && t.item.indicator !== ""
+    ), u = f(() => t.openItems.has(t.item.id)), d = f(() => t.activePath === t.item.path), $ = (k) => k.some((h) => h.path === t.activePath || $(h.children)), w = f(() => $(t.item.children)), C = () => {
       t.item.disabled || !t.item.path || s("select", t.item.path);
     };
-    return (B, g) => {
-      const p = ce("BsaSidebarMenuItem", !0);
+    return (k, h) => {
+      const z = de("BsaSidebarMenuItem", !0);
       return n(), o("li", {
         class: b(["bsa-sidebar-menu-item", { "bsa-sidebar-menu-item--nested": e.depth > 0 }])
       }, [
         l.value ? (n(), o("button", {
           key: 0,
           type: "button",
-          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] = (z) => s("toggle", e.item.id))
+          class: b(["bsa-sidebar-menu-item__button", { "bsa-sidebar-menu-item__button--active": d.value || w.value }]),
+          "aria-expanded": u.value,
+          onClick: h[0] || (h[0] = (g) => s("toggle", e.item.id))
         }, [
-          e.item.icon ? (n(), C(D(S), {
+          e.item.icon ? (n(), B(S, {
             key: 0,
             icon: e.item.icon,
             size: e.iconSize,
             class: "bsa-sidebar-menu-item__icon"
           }, null, 8, ["icon", "size"])) : i("", !0),
-          c("span", null, m(e.item.label), 1),
-          I(D(S), {
+          c("span", $s, m(e.item.label), 1),
+          r.value ? (n(), B(K, {
+            key: 1,
+            class: "bsa-sidebar-menu-item__indicator",
+            label: String(e.item.indicator),
+            tone: "primary"
+          }, null, 8, ["label"])) : i("", !0),
+          I(S, {
             icon: "ChevronDown",
             size: e.iconSize,
-            class: b(["bsa-sidebar-menu-item__chevron", { "bsa-sidebar-menu-item__chevron--open": r.value }])
+            class: b(["bsa-sidebar-menu-item__chevron", {
+              "bsa-sidebar-menu-item__chevron--open": u.value,
+              "bsa-sidebar-menu-item__chevron--with-indicator": r.value
+            }])
           }, null, 8, ["size", "class"])
-        ], 10, cs)) : (n(), o("button", {
+        ], 10, vs)) : (n(), o("button", {
           key: 1,
           type: "button",
           class: b(["bsa-sidebar-menu-item__button", {
-            "bsa-sidebar-menu-item__button--active": u.value,
+            "bsa-sidebar-menu-item__button--active": d.value,
             "bsa-sidebar-menu-item__button--disabled": e.item.disabled
           }]),
           "aria-disabled": e.item.disabled,
-          onClick: w
+          onClick: C
         }, [
-          e.item.icon ? (n(), C(D(S), {
+          e.item.icon ? (n(), B(S, {
             key: 0,
             icon: e.item.icon,
             size: e.iconSize,
             class: "bsa-sidebar-menu-item__icon"
           }, null, 8, ["icon", "size"])) : i("", !0),
-          c("span", null, m(e.item.label), 1)
-        ], 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,
+          c("span", ks, m(e.item.label), 1),
+          r.value ? (n(), B(K, {
+            key: 1,
+            class: "bsa-sidebar-menu-item__indicator",
+            label: String(e.item.indicator),
+            tone: "primary"
+          }, null, 8, ["label"])) : i("", !0)
+        ], 10, ps)),
+        l.value && u.value ? (n(), o("ul", Bs, [
+          (n(!0), o(V, null, N(e.item.children, (g) => (n(), B(z, {
+            key: g.id,
+            item: g,
             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))
+            onToggle: h[1] || (h[1] = (v) => s("toggle", v)),
+            onSelect: h[2] || (h[2] = (v) => s("select", v))
           }, null, 8, ["item", "depth", "active-path", "open-items", "icon-size"]))), 128))
         ])) : i("", !0)
       ], 2);
     };
   }
-}), ms = ["aria-label"], fs = { class: "bsa-topbar__start" }, hs = { class: "bsa-topbar__content" }, gs = { class: "bsa-topbar__end" }, ys = /* @__PURE__ */ $({
+}), ws = ["aria-label"], Cs = { class: "bsa-topbar__start" }, Ss = { class: "bsa-topbar__content" }, _s = { class: "bsa-topbar__end" }, Ds = /* @__PURE__ */ p({
   __name: "BsaTopbar",
   props: {
     ariaLabel: { default: "Application header" },
@@ -1707,27 +1742,27 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
           "aria-hidden": "true"
         })
       ])) : i("", !0),
-      c("div", fs, [
+      c("div", Cs, [
         y(s.$slots, "start", {}, void 0, !0)
       ]),
-      c("div", hs, [
+      c("div", Ss, [
         y(s.$slots, "default", {}, void 0, !0)
       ]),
-      c("div", gs, [
+      c("div", _s, [
         y(s.$slots, "end", {}, void 0, !0)
       ])
-    ], 8, ms));
+    ], 8, ws));
   }
-}), on = /* @__PURE__ */ R(ys, [["__scopeId", "data-v-8db252da"]]), vs = {
+}), yn = /* @__PURE__ */ q(Ds, [["__scopeId", "data-v-8db252da"]]), zs = {
   key: 0,
   class: "bsa-modal__header"
-}, $s = { class: "bsa-modal__header-content" }, ps = { class: "bsa-modal__heading" }, ks = { class: "bsa-modal__title" }, Bs = {
+}, Is = { class: "bsa-modal__header-content" }, xs = { class: "bsa-modal__heading" }, Ts = { class: "bsa-modal__title" }, Vs = {
   key: 0,
   class: "bsa-modal__subtitle"
-}, ws = {
+}, Ns = {
   key: 1,
   class: "bsa-modal__footer"
-}, Cs = /* @__PURE__ */ $({
+}, Ms = /* @__PURE__ */ p({
   __name: "BsaModal",
   props: {
     modelValue: { type: Boolean },
@@ -1752,51 +1787,51 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
   setup(e, { emit: a }) {
     const t = e, s = a, l = f({
       get: () => t.modelValue,
-      set: (p) => s("update:modelValue", p)
+      set: (h) => s("update:modelValue", h)
     }), r = f(() => ["bsa-modal", `bsa-modal--${t.size}`]), u = () => {
       l.value = !1, s("close");
     }, d = () => {
       s("cancel"), u();
-    }, v = () => {
+    }, $ = () => {
       s("confirm");
     }, w = () => {
       t.closeOnOverlay && t.closable && u();
-    }, B = (p) => {
-      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 = "");
+    }, C = (h) => {
+      h.key === "Escape" && l.value && t.closable && u();
+    }, k = (h) => {
+      h ? (document.addEventListener("keydown", C), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", C), document.body.style.overflow = "");
     };
-    return W(l, g, { immediate: !0 }), ee(() => g(!1)), (p, z) => (n(), C(de, { to: "body" }, [
-      I(be, { name: "modal" }, {
+    return W(l, k, { immediate: !0 }), te(() => k(!1)), (h, z) => (n(), B(be, { to: "body" }, [
+      I(me, { name: "modal" }, {
         default: O(() => [
           l.value ? (n(), o("div", {
             key: 0,
             class: "bsa-modal-overlay",
-            onClick: me(w, ["self"])
+            onClick: fe(w, ["self"])
           }, [
             c("div", {
               class: b(r.value),
               role: "dialog",
               "aria-modal": "true"
             }, [
-              e.showHeader ? (n(), o("div", vs, [
-                c("div", $s, [
-                  e.icon ? (n(), C(S, {
+              e.showHeader ? (n(), o("div", zs, [
+                c("div", Is, [
+                  e.icon ? (n(), B(S, {
                     key: 0,
                     icon: e.icon,
                     style: T({ color: e.iconColor }),
                     class: "bsa-modal__icon"
                   }, null, 8, ["icon", "style"])) : i("", !0),
-                  c("div", ps, [
-                    c("h3", ks, [
-                      y(p.$slots, "header", {}, () => [
+                  c("div", xs, [
+                    c("h3", Ts, [
+                      y(h.$slots, "header", {}, () => [
                         A(m(e.title), 1)
                       ])
                     ]),
-                    e.subtitle ? (n(), o("p", Bs, m(e.subtitle), 1)) : i("", !0)
+                    e.subtitle ? (n(), o("p", Vs, m(e.subtitle), 1)) : i("", !0)
                   ])
                 ]),
-                e.closable ? (n(), C(j, {
+                e.closable ? (n(), B(j, {
                   key: 0,
                   icon: "X",
                   class: "bsa-modal__close",
@@ -1806,23 +1841,23 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
               c("div", {
                 class: b(["bsa-modal__body", { "bsa-modal__body--scrollable": e.scrollable }])
               }, [
-                y(p.$slots, "default")
+                y(h.$slots, "default")
               ], 2),
-              e.showFooter || p.$slots.footer ? (n(), o("div", ws, [
-                y(p.$slots, "footer", {}, () => [
-                  e.showCancel ? (n(), C(E, {
+              e.showFooter || h.$slots.footer ? (n(), o("div", Ns, [
+                y(h.$slots, "footer", {}, () => [
+                  e.showCancel ? (n(), B(E, {
                     key: 0,
                     variant: "secondary",
                     outlined: "",
                     label: e.cancelLabel,
                     onClick: d
                   }, null, 8, ["label"])) : i("", !0),
-                  e.showConfirm ? (n(), C(E, {
+                  e.showConfirm ? (n(), B(E, {
                     key: 1,
                     variant: e.confirmVariant,
                     label: e.confirmLabel,
                     loading: e.loading,
-                    onClick: v
+                    onClick: $
                   }, null, 8, ["variant", "label", "loading"])) : i("", !0)
                 ])
               ])) : i("", !0)
@@ -1834,57 +1869,57 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
     ]));
   }
 });
-function Ss(e = {}) {
+function As(e = {}) {
   const a = M(!1), t = M(e), s = M(null);
   return {
     isOpen: a,
     options: t,
     result: s,
-    open: (v) => {
-      v && (t.value = { ...t.value, ...v }), a.value = !0, s.value = null;
+    open: ($) => {
+      $ && (t.value = { ...t.value, ...$ }), a.value = !0, s.value = null;
     },
-    close: (v) => {
-      s.value = v, a.value = !1;
+    close: ($) => {
+      s.value = $, a.value = !1;
     },
     toggle: () => {
       a.value = !a.value;
     },
-    setOptions: (v) => {
-      t.value = { ...t.value, ...v };
+    setOptions: ($) => {
+      t.value = { ...t.value, ...$ };
     }
   };
 }
-const P = Ss({
+const P = As({
   size: "sm",
   closable: !0,
   closeOnOverlay: !1
-}), K = M(null), Y = M(null);
-function Ds() {
+}), Y = M(null), G = M(null);
+function qs() {
   return {
     ...P,
     confirm: (a, t) => new Promise((s) => {
       P.open({
         title: a,
         subtitle: t
-      }), K.value = () => {
+      }), Y.value = () => {
         P.close(!0), s(!0);
-      }, Y.value = () => {
+      }, G.value = () => {
         P.close(!1), s(!1);
       };
     }),
-    confirmHandler: K,
-    cancelHandler: Y
+    confirmHandler: Y,
+    cancelHandler: G
   };
 }
-const zs = { class: "bsa-confirm-dialog" }, _s = { class: "bsa-confirm-dialog__message" }, Is = { class: "bsa-confirm-dialog__actions" }, xs = /* @__PURE__ */ $({
+const Rs = { class: "bsa-confirm-dialog" }, Fs = { class: "bsa-confirm-dialog__message" }, Ls = { class: "bsa-confirm-dialog__actions" }, Os = /* @__PURE__ */ p({
   __name: "BsaConfirmDialog",
   setup(e) {
-    const a = Ds(), t = () => {
+    const a = qs(), t = () => {
       a.cancelHandler.value?.();
     }, s = () => {
       a.confirmHandler.value?.();
     };
-    return (l, r) => (n(), C(Cs, {
+    return (l, r) => (n(), B(Ms, {
       modelValue: D(a).isOpen.value,
       "onUpdate:modelValue": r[0] || (r[0] = (u) => D(a).isOpen.value = u),
       title: D(a).options.value.title,
@@ -1896,9 +1931,9 @@ const zs = { class: "bsa-confirm-dialog" }, _s = { class: "bsa-confirm-dialog__m
       onClose: t
     }, {
       default: O(() => [
-        c("div", zs, [
-          c("div", _s, m(D(a).options.value.subtitle), 1),
-          c("div", Is, [
+        c("div", Rs, [
+          c("div", Fs, m(D(a).options.value.subtitle), 1),
+          c("div", Ls, [
             I(E, {
               label: "Cancel",
               variant: "secondary",
@@ -1916,8 +1951,8 @@ const zs = { class: "bsa-confirm-dialog" }, _s = { class: "bsa-confirm-dialog__m
       _: 1
     }, 8, ["modelValue", "title", "subtitle", "size", "closable", "close-on-overlay"]));
   }
-}), rn = /* @__PURE__ */ R(xs, [["__scopeId", "data-v-ebcdd15a"]]);
-function un(e, a) {
+}), vn = /* @__PURE__ */ q(Os, [["__scopeId", "data-v-ebcdd15a"]]);
+function $n(e, a) {
   const { key: t, storage: s = "local" } = a, l = typeof window < "u" ? s === "local" ? localStorage : sessionStorage : null;
   if (!l)
     return {
@@ -1938,8 +1973,8 @@ function un(e, a) {
     try {
       const w = l.getItem(t);
       if (w) {
-        const B = JSON.parse(w);
-        return e.value = B, !0;
+        const C = JSON.parse(w);
+        return e.value = C, !0;
       }
       return !1;
     } catch {
@@ -1950,7 +1985,7 @@ function un(e, a) {
       l.removeItem(t);
     } catch {
     }
-  }, v = () => l.getItem(t) !== null;
+  }, $ = () => l.getItem(t) !== null;
   return W(
     e,
     () => {
@@ -1961,10 +1996,10 @@ function un(e, a) {
     save: r,
     restore: u,
     clear: d,
-    hasStoredData: v
+    hasStoredData: $
   };
 }
-const G = "bsa-theme", cn = /* @__PURE__ */ $({
+const J = "bsa-theme", pn = /* @__PURE__ */ p({
   __name: "BsaThemeProvider",
   setup(e) {
     const a = M("light"), t = M(!1), s = f(() => a.value === "dark"), l = () => {
@@ -1972,22 +2007,22 @@ const G = "bsa-theme", cn = /* @__PURE__ */ $({
     }, r = (u) => {
       document.documentElement.classList.toggle("dark", u === "dark");
     };
-    return Q(() => {
-      const u = localStorage.getItem(G);
+    return ee(() => {
+      const u = localStorage.getItem(J);
       a.value = u ?? "light", t.value = !0;
     }), W(
       [a, t],
       ([u, d]) => {
-        d && (localStorage.setItem(G, u), r(u));
+        d && (localStorage.setItem(J, u), r(u));
       },
       { immediate: !0 }
-    ), fe(ae, {
+    ), he(se, {
       isDarkMode: s,
       toggleTheme: l
     }), (u, d) => y(u.$slots, "default");
   }
 });
-function dn(e, a = {}) {
+function kn(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",
@@ -1996,21 +2031,21 @@ function dn(e, a = {}) {
     maximumFractionDigits: r
   }).format(u);
 }
-function bn(e, a = "en-US") {
+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 mn(e, a = "en-US", t = {}) {
+function wn(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 fn(e, a = "en-US", t = 2) {
+function Cn(e, a = "en-US", t = 2) {
   return new Intl.NumberFormat(a, {
     minimumFractionDigits: t,
     maximumFractionDigits: t
   }).format(e) + "%";
 }
-function hn(e, a = "medium", t = "en-US") {
+function Sn(e, a = "medium", t = "en-US") {
   const s = e instanceof Date ? e : new Date(e);
   if (isNaN(s.getTime()))
     return "Invalid Date";
@@ -2058,12 +2093,12 @@ function hn(e, a = "medium", t = "en-US") {
         hour12: !0
       }).format(s);
     case "relative":
-      return Ts(s);
+      return Ps(s);
     default:
       return s.toLocaleDateString(t);
   }
 }
-function Ts(e, a = "en-US") {
+function Ps(e, a = "en-US") {
   const t = e instanceof Date ? e : new Date(e);
   if (isNaN(t.getTime()))
     return "";
@@ -2085,63 +2120,63 @@ function Ts(e, a = "en-US") {
   }
   return r.format(0, "second");
 }
-function gn(e) {
+function _n(e) {
   const a = new Date(e);
   return isNaN(a.getTime()) ? null : a;
 }
-function yn(e) {
+function Dn(e) {
   return e instanceof Date && !isNaN(e.getTime());
 }
-function vn(e, a) {
+function zn(e, a) {
   const t = new Date(e);
   return t.setDate(t.getDate() + a), t;
 }
-function $n(e, a) {
+function In(e, a) {
   const t = new Date(e);
   return t.setMonth(t.getMonth() + a), t;
 }
-function pn(e, a) {
+function xn(e, a) {
   const t = new Date(e);
   return t.setFullYear(t.getFullYear() + a), t;
 }
-function kn(e, a) {
+function Tn(e, a) {
   const t = Math.abs(a.getTime() - e.getTime());
   return Math.ceil(t / (1e3 * 60 * 60 * 24));
 }
-function Bn(e) {
+function Vn(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 Vs(e) {
+function Us(e) {
   return e ? e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() : "";
 }
-function wn(e) {
-  return e ? e.split(" ").map((a) => Vs(a)).join(" ") : "";
+function Nn(e) {
+  return e ? e.split(" ").map((a) => Us(a)).join(" ") : "";
 }
-function Ns(e) {
+function Es(e) {
   return e ? e.replace(/[^a-zA-Z0-9]+(.)/g, (a, t) => t.toUpperCase()).replace(/^[A-Z]/, (a) => a.toLowerCase()) : "";
 }
-function Cn(e) {
+function Mn(e) {
   return e ? e.replace(/([A-Z])/g, "_$1").toLowerCase().replace(/^_/, "").replace(/\s+/g, "_") : "";
 }
-function Sn(e) {
+function An(e) {
   return e ? e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "").replace(/\s+/g, "-") : "";
 }
-function Dn(e) {
+function qn(e) {
   if (!e) return "";
-  const a = Ns(e);
+  const a = Es(e);
   return a.charAt(0).toUpperCase() + a.slice(1);
 }
-function zn(e, a, t = "...") {
+function Rn(e, a, t = "...") {
   return !e || e.length <= a ? e : e.substring(0, a) + t;
 }
-function _n(e) {
+function Fn(e) {
   return e ? e.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "") : "";
 }
-function In(e, a, t = "end") {
+function Ln(e, a, t = "end") {
   if (!e || e.length <= a) return e;
   switch (t) {
     case "start":
@@ -2153,16 +2188,16 @@ function In(e, a, t = "end") {
       return e.slice(0, a - 3) + "...";
   }
 }
-function xn(e) {
+function On(e) {
   return e ? e.replace(/\s+/g, "") : "";
 }
-function Tn(e) {
+function Pn(e) {
   return e ? e.replace(/\s+/g, " ").trim() : "";
 }
-function Vn(e) {
+function Un(e) {
   return e ? e.replace(/<[^>]*>/g, "") : "";
 }
-function Nn(e) {
+function En(e) {
   if (!e) return "";
   const a = {
     "&": "&amp;",
@@ -2173,7 +2208,7 @@ function Nn(e) {
   };
   return e.replace(/[&<>"']/g, (t) => a[t]);
 }
-function Mn(e) {
+function Zn(e) {
   if (!e) return "";
   const a = {
     "&amp;": "&",
@@ -2184,124 +2219,124 @@ function Mn(e) {
   };
   return e.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, (t) => a[t]);
 }
-function An(e, a = 0, t, s = "*") {
+function Hn(e, a = 0, t, s = "*") {
   if (!e) return "";
   const l = t || e.length, r = s.repeat(l - a);
   return e.substring(0, a) + r + e.substring(l);
 }
-function Ms(e) {
+function Zs(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 qn(e) {
-  return !Ms(e);
+function Xn(e) {
+  return !Zs(e);
 }
-function Rn(e, a) {
+function Wn(e, a) {
   return e === a;
 }
-function ne(e) {
+function le(e) {
   const a = new Date(e);
   return !isNaN(a.getTime());
 }
-function Fn(e) {
+function jn(e) {
   const a = new Date(e), t = /* @__PURE__ */ new Date();
-  return ne(e) && a > t;
+  return le(e) && a > t;
 }
-function Ln(e) {
+function Kn(e) {
   const a = new Date(e), t = /* @__PURE__ */ new Date();
-  return ne(e) && a < t;
+  return le(e) && a < t;
 }
-function On(e) {
+function Yn(e) {
   return !isNaN(Number(e)) && isFinite(Number(e));
 }
-function Pn(e, a, t) {
+function Gn(e, a, t) {
   return e >= a && e <= t;
 }
-function Un(e) {
+function Jn(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function En(e) {
+function Qn(e) {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
 }
-function Zn(e) {
+function el(e) {
   return /^[\d\s\-\+\(\)]{10,}$/.test(e);
 }
-function Hn(e) {
+function tl(e) {
   return /^[a-zA-Z0-9]+$/.test(e);
 }
-function Xn(e) {
+function al(e) {
   return /^[a-zA-Z]+$/.test(e);
 }
-function Wn(e) {
+function sl(e) {
   return /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(e);
 }
-function jn(e) {
+function nl(e) {
   return /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/.test(e);
 }
-function Kn(e) {
+function ll(e) {
   return e.length < 8;
 }
-function Yn(e, a, t) {
+function ol(e, a, t) {
   return t !== void 0 ? e.length >= a && e.length <= t : e.length >= a;
 }
-const Gn = (e) => ({
+const il = (e) => ({
   required: !0,
   message: e || "This field is required"
-}), Jn = (e, a) => ({
+}), rl = (e, a) => ({
   minLength: e,
   message: a || `Must be at least ${e} characters`
-}), Qn = (e, a) => ({
+}), ul = (e, a) => ({
   maxLength: e,
   message: a || `Must be at most ${e} characters`
-}), el = (e) => ({
+}), cl = (e) => ({
   pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
   message: e || "Invalid email address"
-}), tl = (e) => ({
+}), dl = (e) => ({
   pattern: /^https?:\/\/.+/,
   message: e || "Invalid URL"
-}), al = (e) => ({
+}), bl = (e) => ({
   pattern: /^[\d\s\-\+\(\)]+$/,
   message: e || "Invalid phone number"
-}), sl = (e) => ({
+}), ml = (e) => ({
   pattern: /^\d+$/,
   message: e || "Must be numeric"
-}), nl = (e) => ({
+}), fl = (e) => ({
   pattern: /^[a-zA-Z0-9]+$/,
   message: e || "Must be alphanumeric"
-}), ll = (e) => ({
+}), hl = (e) => ({
   pattern: /^[a-zA-Z]+$/,
   message: e || "Must be alphabetic"
-}), ol = (e, a) => ({
+}), gl = (e, a) => ({
   validator: (t) => {
     const s = Number(t);
     return !isNaN(s) && s >= e;
   },
   message: a || `Must be at least ${e}`
-}), il = (e, a) => ({
+}), yl = (e, a) => ({
   validator: (t) => {
     const s = Number(t);
     return !isNaN(s) && s <= e;
   },
   message: a || `Must be at most ${e}`
-}), rl = (e, a, t) => ({
+}), vl = (e, a, t) => ({
   validator: (s) => {
     const l = Number(s);
     return !isNaN(l) && l >= e && l <= a;
   },
   message: t || `Must be between ${e} and ${a}`
-}), ul = (e) => ({
+}), $l = (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"
-}), cl = (e) => ({
+}), pl = (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"
-}), dl = (e, a, t) => ({
+}), kl = (e, a, t) => ({
   validator: (s) => s === a,
   message: t || `Must match ${e}`
-}), bl = (e) => ({
+}), Bl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2309,7 +2344,7 @@ const Gn = (e) => ({
     return !isNaN(t.getTime());
   },
   message: e || "Invalid date"
-}), ml = (e) => ({
+}), wl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2317,7 +2352,7 @@ const Gn = (e) => ({
     return !isNaN(t.getTime()) && t > s;
   },
   message: e || "Date must be in the future"
-}), fl = (e) => ({
+}), Cl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2325,7 +2360,7 @@ const Gn = (e) => ({
     return !isNaN(t.getTime()) && t < s;
   },
   message: e || "Date must be in the past"
-}), hl = (e) => ({
+}), Sl = (e) => ({
   validator: (a) => {
     const t = String(a).replace(/\D/g, "");
     if (t.length < 13 || t.length > 19) return !1;
@@ -2337,14 +2372,14 @@ const Gn = (e) => ({
     return s % 10 === 0;
   },
   message: e || "Invalid credit card number"
-}), gl = (e) => ({
+}), _l = (e) => ({
   pattern: /^\d{5}(-\d{4})?$/,
   message: e || "Invalid ZIP code"
-}), yl = (e) => ({
+}), Dl = (e) => ({
   pattern: /^\d{3}-\d{2}-\d{4}$/,
   message: e || "Invalid SSN (format: XXX-XX-XXXX)"
 });
-function vl(e) {
+function zl(e) {
   const a = e.replace(/\D/g, "");
   if (a.length < 13 || a.length > 19) return !1;
   let t = 0, s = !1;
@@ -2354,35 +2389,35 @@ function vl(e) {
   }
   return t % 10 === 0;
 }
-function $l(e) {
+function Il(e) {
   return /^(\d{1,3}\.){3}\d{1,3}$/.test(e) ? e.split(".").every((s) => {
     const l = parseInt(s);
     return l >= 0 && l <= 255;
   }) : !1;
 }
-function pl(e) {
+function xl(e) {
   return /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/.test(e);
 }
-function kl(e) {
+function Tl(e) {
   return /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/.test(e);
 }
-function Bl(e) {
+function Vl(e) {
   return /^[A-Za-z0-9+/]*={0,2}$/.test(e);
 }
-function wl(e) {
+function Nl(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 Cl(e) {
+function Ml(e) {
   try {
     return JSON.parse(e), !0;
   } catch {
     return !1;
   }
 }
-function Sl(e) {
+function Al(e) {
   return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e);
 }
-function Dl(e, a = "US") {
+function ql(e, a = "US") {
   return {
     US: /^\d{5}(-\d{4})?$/,
     CA: /^[A-Z]\d[A-Z] \d[A-Z]\d$/,
@@ -2390,118 +2425,119 @@ function Dl(e, a = "US") {
   }[a].test(e);
 }
 export {
+  K as BsaBadge,
   E as BsaButton,
-  Fs as BsaButtonBadge,
+  js as BsaButtonBadge,
   j as BsaButtonIcon,
-  Ls as BsaButtonPanel,
-  Gs as BsaCard,
-  Zs as BsaCheckbox,
-  rn as BsaConfirmDialog,
-  Js as BsaContainer,
+  Ks as BsaButtonPanel,
+  rn as BsaCard,
+  en as BsaCheckbox,
+  vn as BsaConfirmDialog,
+  un 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,
-  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
+  tn as BsaInputDate,
+  an as BsaInputSearch,
+  sn as BsaInputSelect,
+  nn as BsaInputText,
+  ln as BsaInputTextarea,
+  cn as BsaLayoutApp,
+  dn as BsaLayoutEmpty,
+  bn as BsaLayoutTwoColumn,
+  ne as BsaLink,
+  Ys as BsaLoading,
+  Js as BsaLogo,
+  Ms as BsaModal,
+  mn as BsaPage,
+  $a as BsaRadio,
+  on as BsaRadioGroup,
+  fn as BsaSection,
+  hn as BsaSidebar,
+  gn as BsaSidebarMenuItem,
+  pn as BsaThemeProvider,
+  Qs as BsaThemeToggle,
+  pt as BsaToast,
+  Gs as BsaToastContainer,
+  yn as BsaTopbar,
+  se as THEME_KEY,
+  Vn as abbreviateNumber,
+  zn as addDays,
+  In as addMonths,
+  xn as addYears,
+  hl as alphabetic,
+  fl as alphanumeric,
+  Es as camelCase,
+  Us as capitalize,
+  Nn as capitalizeWords,
+  Sl as creditCard,
+  Bl as date,
+  Ln as ellipsis,
+  cl as email,
+  En as escapeHtml,
+  kn as formatCurrency,
+  Sn as formatDate,
+  wn as formatNumber,
+  Cn as formatPercentage,
+  Ps as formatRelativeTime,
+  wl as futureDate,
+  Tn as getDaysDifference,
+  Ws as iconNames,
+  al as isAlphabetic,
+  tl as isAlphanumeric,
+  Vl as isBase64,
+  zl as isCreditCard,
+  le as isDate,
+  Jn as isEmail,
+  Zs as isEmpty,
+  Wn as isEqual,
+  jn as isFutureDate,
+  Al as isHexColor,
+  Il as isIPv4,
+  xl as isIPv6,
+  Gn as isInRange,
+  Ml as isJSON,
+  ol as isLength,
+  Tl as isMACAddress,
+  Xn as isNotEmpty,
+  Yn as isNumeric,
+  Kn as isPastDate,
+  el as isPhone,
+  ql as isPostalCode,
+  sl as isSlug,
+  nl as isStrongPassword,
+  Nl as isUUID,
+  Qn as isUrl,
+  Dn as isValidDate,
+  ll as isWeakPassword,
+  An as kebabCase,
+  Hn as mask,
+  kl as matchField,
+  ul as maxLength,
+  yl as maxValue,
+  rl as minLength,
+  gl as minValue,
+  Pn as normalizeWhitespace,
+  ml as numeric,
+  Bn as parseCurrency,
+  _n as parseDate,
+  qn as pascalCase,
+  $l as password,
+  Cl as pastDate,
+  bl as phone,
+  vl as range,
+  On as removeWhitespace,
+  il as required,
+  Fn as slugify,
+  Mn as snakeCase,
+  Dl as ssn,
+  Un as stripHtml,
+  pl as strongPassword,
+  Rn as truncate,
+  Zn as unescapeHtml,
+  dl as url,
+  qs as useConfirmDialog,
+  As as useModal,
+  $n as useStorage,
+  Dt as useTheme,
+  Bt as useToast,
+  _l as zipCode
 };