@bsasolutions/pkg_core 0.3.3 → 0.3.5

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";
-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__ */ $({
+import { defineComponent as $, computed as f, openBlock as n, createBlock as w, resolveDynamicComponent as ge, normalizeStyle as N, createElementBlock as o, normalizeClass as b, createCommentVNode as r, renderSlot as y, createTextVNode as q, toDisplayString as m, createVNode as T, createElementVNode as d, Fragment as A, renderList as L, ref as V, TransitionGroup as ye, withCtx as U, unref as z, inject as ve, onBeforeUnmount as ne, withKeys as H, useSlots as le, onMounted as oe, onUnmounted as ie, watch as j, nextTick as Q, resolveComponent as pe, Teleport as re, withModifiers as ue, Transition as $e, provide as ke } from "vue";
+import { ChartColumn as we, ShieldCheck as Be, UserCog as Ce, Users as Se, MessageSquare as _e, ChevronDown as De, ChevronRight as ze, ChevronLeft as xe, Moon as Ie, Sun as Te, TriangleAlert as Ve, Info as Ne, CircleAlert as Me, KeySquare as Ae, EyeOff as Le, Eye as Re, RotateCw as qe, RefreshCcw as Fe, LogOut as Ee, LogIn as Pe, Mail as Oe, CheckCircle as Ue, XCircle as Ze, MinusCircle as He, PlusCircle as Xe, Trash2 as We, Edit2 as je, Save as Ke, Heart as Ye, Star as Ge, Download as Je, Upload as Qe, ArrowRight as et, ArrowLeft as tt, Minus as at, Plus as st, Trash as nt, Edit as lt, Check as ot, Menu as it, Bell as rt, Search as ut, Settings as ct, User as dt, Home as bt, X as mt } from "@lucide/vue";
+const Y = {
+  X: mt,
+  Home: bt,
+  User: dt,
+  Settings: ct,
+  Search: ut,
+  Bell: rt,
+  Menu: it,
+  Check: ot,
+  Edit: lt,
+  Trash: nt,
+  Plus: st,
+  Minus: at,
+  ArrowLeft: tt,
+  ArrowRight: et,
+  Upload: Qe,
+  Download: Je,
+  Star: Ge,
+  Heart: Ye,
+  Save: Ke,
+  Edit2: je,
+  Trash2: We,
+  PlusCircle: Xe,
+  MinusCircle: He,
+  XCircle: Ze,
+  CheckCircle: Ue,
+  Mail: Oe,
+  LogIn: Pe,
+  LogOut: Ee,
+  RefreshCcw: Fe,
+  RotateCw: qe,
+  Eye: Re,
+  EyeOff: Le,
+  KeySquare: Ae,
+  CircleAlert: Me,
+  Info: Ne,
+  TriangleAlert: Ve,
+  Sun: Te,
+  Moon: Ie,
+  ChevronLeft: xe,
+  ChevronRight: ze,
+  ChevronDown: De,
+  MessageSquare: _e,
+  Users: Se,
+  UserCog: Ce,
+  ShieldCheck: Be,
+  BarChart: we
+}, Js = Object.keys(Y), S = /* @__PURE__ */ $({
   __name: "BsaIcons",
   props: {
     icon: {},
@@ -49,10 +55,10 @@ const X = {
     color: {}
   },
   setup(e) {
-    const a = e, t = (r) => r.replace(/([a-z])([A-Z])/g, "$1-$2").split(/[-_]/).map((u) => u.charAt(0).toUpperCase() + u.slice(1).toLowerCase()).join(""), s = f(() => {
+    const a = e, t = (i) => i.replace(/([a-z])([A-Z])/g, "$1-$2").split(/[-_]/).map((u) => u.charAt(0).toUpperCase() + u.slice(1).toLowerCase()).join(""), s = f(() => {
       if (typeof a.icon == "string") {
-        const r = t(a.icon);
-        return X[r] || X.X;
+        const i = t(a.icon);
+        return Y[i] || Y.X;
       }
       return a.icon;
     }), l = f(() => ({
@@ -60,11 +66,11 @@ const X = {
       height: a.size,
       color: a.color
     }));
-    return (r, u) => (n(), C(oe(s.value), {
-      style: T(l.value)
+    return (i, u) => (n(), w(ge(s.value), {
+      style: N(l.value)
     }, null, 8, ["style"]));
   }
-}), tt = ["type", "disabled"], at = { key: 2 }, E = /* @__PURE__ */ $({
+}), ft = ["type", "disabled"], ht = { key: 2 }, X = /* @__PURE__ */ $({
   __name: "BsaButton",
   props: {
     type: { default: "button" },
@@ -100,37 +106,37 @@ const X = {
         t.block ? "bsa-button--block" : "",
         t.disabled || t.loading ? "bsa-button--disabled" : ""
       ];
-    }), r = (u) => {
+    }), i = (u) => {
       !t.disabled && !t.loading && s("click", u);
     };
-    return (u, d) => (n(), o("button", {
+    return (u, c) => (n(), o("button", {
       type: e.type,
       disabled: e.disabled || e.loading,
       class: b(l.value),
-      onClick: r
+      onClick: i
     }, [
-      e.loading ? (n(), C(S, {
+      e.loading ? (n(), w(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(), w(S, {
         key: 1,
         icon: e.icon,
         class: "bsa-button__icon"
-      }, null, 8, ["icon"])) : i("", !0),
-      u.$slots.default || e.label ? (n(), o("span", at, [
+      }, null, 8, ["icon"])) : r("", !0),
+      u.$slots.default || e.label ? (n(), o("span", ht, [
         y(u.$slots, "default", {}, () => [
-          A(m(e.label), 1)
+          q(m(e.label), 1)
         ])
-      ])) : i("", !0),
-      e.icon && e.iconPosition === "right" && !e.loading ? (n(), C(S, {
+      ])) : r("", !0),
+      e.icon && e.iconPosition === "right" && !e.loading ? (n(), w(S, {
         key: 3,
         icon: e.icon,
         class: "bsa-button__icon"
-      }, null, 8, ["icon"])) : i("", !0)
-    ], 10, tt));
+      }, null, 8, ["icon"])) : r("", !0)
+    ], 10, ft));
   }
-}), st = ["aria-label"], nt = /* @__PURE__ */ $({
+}), gt = ["aria-label"], yt = /* @__PURE__ */ $({
   __name: "BsaButtonBadge",
   props: {
     icon: { default: "Bell" },
@@ -142,41 +148,41 @@ const X = {
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    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(() => [
+    const t = e, s = a, l = f(() => ["bsa-button-badge", `bsa-button-badge--${t.size}`]), i = 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 }
-    ]), d = f(() => [
+    ]), c = f(() => [
       "bsa-button-badge__dot",
       `bsa-button-badge__dot--${t.size}`,
       { "bsa-button-badge__dot--ping": t.ping }
     ]);
-    return (v, w) => (n(), o("button", {
+    return (v, B) => (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: B[0] || (B[0] = (C) => s("click", C))
     }, [
-      I(S, {
+      T(S, {
         icon: e.icon,
-        class: b(r.value)
+        class: b(i.value)
       }, null, 8, ["icon", "class"]),
       e.count > 0 ? (n(), o("span", {
         key: 0,
         class: b(u.value)
-      }, m(e.count > 99 ? "99+" : e.count), 3)) : i("", !0),
+      }, m(e.count > 99 ? "99+" : e.count), 3)) : r("", !0),
       e.showDot && e.count === 0 ? (n(), o("span", {
         key: 1,
-        class: b(d.value)
-      }, null, 2)) : i("", !0)
-    ], 10, st));
+        class: b(c.value)
+      }, null, 2)) : r("", !0)
+    ], 10, gt));
   }
-}), R = (e, a) => {
+}), E = (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__ */ $({
+}, Qs = /* @__PURE__ */ E(yt, [["__scopeId", "data-v-89d3c32f"]]), vt = ["type", "disabled", "title"], G = /* @__PURE__ */ $({
   __name: "BsaButtonIcon",
   props: {
     icon: {},
@@ -207,27 +213,27 @@ const X = {
         t.rounded ? "bsa-button-icon--rounded" : "",
         t.disabled || t.loading ? "bsa-button-icon--disabled" : ""
       ];
-    }), r = (u) => {
+    }), i = (u) => {
       !t.disabled && !t.loading && s("click", u);
     };
-    return (u, d) => (n(), o("button", {
+    return (u, c) => (n(), o("button", {
       type: e.type,
       disabled: e.disabled || e.loading,
       class: b(l.value),
       title: e.tooltip,
-      onClick: r
+      onClick: i
     }, [
-      e.loading ? (n(), C(S, {
+      e.loading ? (n(), w(S, {
         key: 0,
         icon: "Spinner",
         class: "bsa-button-icon__loading"
-      })) : (n(), C(S, {
+      })) : (n(), w(S, {
         key: 1,
         icon: e.icon
       }, null, 8, ["icon"]))
-    ], 10, lt));
+    ], 10, vt));
   }
-}), Ls = /* @__PURE__ */ $({
+}), en = /* @__PURE__ */ $({
   __name: "BsaButtonPanel",
   props: {
     align: { default: "left" },
@@ -249,10 +255,21 @@ const X = {
       y(s.$slots, "default")
     ], 2));
   }
-}), ot = { class: "bsa-loading__content" }, it = {
+}), pt = /* @__PURE__ */ $({
+  __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));
+  }
+}), ee = /* @__PURE__ */ E(pt, [["__scopeId", "data-v-3ff150a4"]]), $t = { class: "bsa-loading__content" }, kt = {
   key: 7,
   class: "bsa-loading__message"
-}, rt = { key: 0 }, ut = /* @__PURE__ */ $({
+}, wt = { key: 0 }, Bt = /* @__PURE__ */ $({
   __name: "BsaLoading",
   props: {
     isLoading: { type: Boolean },
@@ -274,95 +291,95 @@ const X = {
       a.fullscreen ? "bsa-loading--fullscreen" : "",
       a.overlay ? "bsa-loading--overlay" : ""
     ]);
-    return (r, u) => e.isLoading ? (n(), o("div", {
+    return (i, u) => e.isLoading ? (n(), o("div", {
       key: 0,
       class: b(l.value)
     }, [
-      c("div", ot, [
+      d("div", $t, [
         e.type === "spinner" ? (n(), o("div", {
           key: 0,
           class: b(["bsa-loading__spinner", s.value])
         }, [
-          I(S, { icon: "Spinner" })
-        ], 2)) : i("", !0),
+          T(S, { icon: "Spinner" })
+        ], 2)) : r("", !0),
         e.type === "dots" ? (n(), o("div", {
           key: 1,
           class: b(["bsa-loading__dots", s.value])
         }, [
-          (n(), o(V, null, N(3, (d) => c("span", {
-            key: d,
-            style: T({ animationDelay: `${d * 0.1}s` })
+          (n(), o(A, null, L(3, (c) => d("span", {
+            key: c,
+            style: N({ animationDelay: `${c * 0.1}s` })
           }, null, 4)), 64))
-        ], 2)) : i("", !0),
+        ], 2)) : r("", !0),
         e.type === "pulse" ? (n(), o("div", {
           key: 2,
           class: b(["bsa-loading__pulse", s.value])
-        }, null, 2)) : i("", !0),
+        }, null, 2)) : r("", !0),
         e.type === "bars" ? (n(), o("div", {
           key: 3,
           class: b(["bsa-loading__bars", s.value])
         }, [
-          (n(), o(V, null, N(4, (d) => c("span", {
-            key: d,
-            style: T({
-              animationDelay: `${d * 0.15}s`,
+          (n(), o(A, null, L(4, (c) => d("span", {
+            key: c,
+            style: N({
+              animationDelay: `${c * 0.15}s`,
               animationDuration: "1s"
             })
           }, null, 4)), 64))
-        ], 2)) : i("", !0),
+        ], 2)) : r("", !0),
         e.type === "circle" ? (n(), o("div", {
           key: 4,
           class: "bsa-loading__circle",
-          style: T({ width: t[e.size], height: t[e.size] })
+          style: N({ width: t[e.size], height: t[e.size] })
         }, [...u[0] || (u[0] = [
-          c("svg", { viewBox: "0 0 50 50" }, [
-            c("circle", {
+          d("svg", { viewBox: "0 0 50 50" }, [
+            d("circle", {
               class: "bsa-loading__circle-track",
               cx: "25",
               cy: "25",
               r: "20"
             }),
-            c("circle", {
+            d("circle", {
               class: "bsa-loading__circle-progress",
               cx: "25",
               cy: "25",
               r: "20"
             })
           ], -1)
-        ])], 4)) : i("", !0),
+        ])], 4)) : r("", !0),
         e.type === "bounce" ? (n(), o("div", {
           key: 5,
           class: b(["bsa-loading__bounce", s.value])
         }, [
-          (n(), o(V, null, N(4, (d) => c("span", {
-            key: d,
-            style: T({ animationDelay: `${d * 0.12}s` })
+          (n(), o(A, null, L(4, (c) => d("span", {
+            key: c,
+            style: N({ animationDelay: `${c * 0.12}s` })
           }, null, 4)), 64))
-        ], 2)) : i("", !0),
+        ], 2)) : r("", !0),
         e.type === "wave" ? (n(), o("div", {
           key: 6,
           class: b(["bsa-loading__wave", s.value])
         }, [
-          (n(), o(V, null, N(5, (d) => c("span", {
-            key: d,
-            style: T({ animationDelay: `${d * 0.1}s` })
+          (n(), o(A, null, L(5, (c) => d("span", {
+            key: c,
+            style: N({ animationDelay: `${c * 0.1}s` })
           }, null, 4)), 64))
-        ], 2)) : i("", !0),
-        e.message ? (n(), o("div", it, [
-          c("p", null, m(e.message), 1),
-          e.submessage ? (n(), o("p", rt, m(e.submessage), 1)) : i("", !0)
-        ])) : i("", !0)
+        ], 2)) : r("", !0),
+        e.message ? (n(), o("div", kt, [
+          d("p", null, m(e.message), 1),
+          e.submessage ? (n(), o("p", wt, m(e.submessage), 1)) : r("", !0)
+        ])) : r("", !0)
       ])
-    ], 2)) : i("", !0);
+    ], 2)) : r("", !0);
   }
-}), Os = /* @__PURE__ */ R(ut, [["__scopeId", "data-v-09020727"]]), ct = { class: "bsa-toast__content" }, dt = { key: 0 }, bt = /* @__PURE__ */ $({
+}), tn = /* @__PURE__ */ E(Bt, [["__scopeId", "data-v-09020727"]]), Ct = { class: "bsa-toast__content" }, St = { key: 0 }, _t = /* @__PURE__ */ $({
   __name: "BsaToast",
   props: {
     toast: {}
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const t = e, s = a, l = f(() => `bsa-toast--${t.toast.type}`), r = f(() => {
+    const t = e, s = a, l = f(() => `bsa-toast--${t.toast.type}`), i = f(() => {
       switch (t.toast.type) {
         case "success":
           return "Check";
@@ -374,77 +391,77 @@ const X = {
           return "Info";
       }
     });
-    return (u, d) => (n(), o("div", {
+    return (u, c) => (n(), o("div", {
       class: b(["bsa-toast", l.value]),
       role: "alert",
       "aria-live": "polite"
     }, [
-      I(S, {
-        icon: r.value,
+      T(S, {
+        icon: i.value,
         size: "xs"
       }, null, 8, ["icon"]),
-      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)
+      d("div", Ct, [
+        e.toast.title ? (n(), o("strong", St, m(e.toast.title), 1)) : r("", !0),
+        d("span", null, m(e.toast.message), 1)
       ]),
-      I(j, {
+      T(G, {
         icon: "X",
         size: "sm",
         class: "bsa-toast__close",
         "aria-label": "Fechar",
-        onClick: d[0] || (d[0] = (v) => s("close"))
+        onClick: c[0] || (c[0] = (v) => s("close"))
       }),
       e.toast.duration ? (n(), o("div", {
         key: 0,
         class: "bsa-toast__progress",
-        style: T({ animationDuration: `${e.toast.duration}ms` })
-      }, null, 4)) : i("", !0)
+        style: N({ animationDuration: `${e.toast.duration}ms` })
+      }, null, 4)) : r("", !0)
     ], 2));
   }
-}), Z = M([]);
-let mt = 1;
-const te = (e) => {
-  Z.value = Z.value.filter((a) => a.id !== e);
-}, L = (e, a = "info", t = {}) => {
-  const s = mt++, l = {
+}), W = V([]);
+let Dt = 1;
+const ce = (e) => {
+  W.value = W.value.filter((a) => a.id !== e);
+}, O = (e, a = "info", t = {}) => {
+  const s = Dt++, l = {
     id: s,
     type: a,
     title: t.title,
     message: e,
     duration: t.duration ?? 5e3
   };
-  return Z.value.push(l), l.duration > 0 && window.setTimeout(() => {
-    te(s);
+  return W.value.push(l), l.duration > 0 && window.setTimeout(() => {
+    ce(s);
   }, l.duration), s;
-}, ft = () => ({
-  toasts: Z,
-  show: L,
-  remove: te,
-  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__ */ $({
+}, zt = () => ({
+  toasts: W,
+  show: O,
+  remove: ce,
+  success: (e, a = {}) => O(e, "success", a),
+  error: (e, a = {}) => O(e, "error", a),
+  warning: (e, a = {}) => O(e, "warning", a),
+  info: (e, a = {}) => O(e, "info", a)
+}), xt = { class: "bsa-toast-container" }, an = /* @__PURE__ */ $({
   __name: "BsaToastContainer",
   setup(e) {
-    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) => D(t)(r.id)
+    const { toasts: a, remove: t } = zt();
+    return (s, l) => (n(), o("div", xt, [
+      T(ye, { name: "bsa-toast" }, {
+        default: U(() => [
+          (n(!0), o(A, null, L(z(a), (i) => (n(), w(_t, {
+            key: i.id,
+            toast: i,
+            onClose: (u) => z(t)(i.id)
           }, null, 8, ["toast", "onClose"]))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), gt = ["src", "alt"], yt = {
+}), It = ["src", "alt"], Tt = {
   key: 2,
   class: "bsa-logo__content"
-}, vt = /* @__PURE__ */ $({
+}, Vt = /* @__PURE__ */ $({
   __name: "BsaLogo",
   props: {
     src: {},
@@ -484,52 +501,52 @@ 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, It)) : e.icon ? (n(), w(z(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, [
+      }, null, 8, ["icon", "class"])) : r("", !0),
+      e.title || e.subtitle ? (n(), o("div", Tt, [
         e.title ? (n(), o("div", {
           key: 0,
           class: b(["bsa-logo__title", a[e.size].title])
-        }, m(e.title), 3)) : i("", !0),
+        }, m(e.title), 3)) : r("", !0),
         e.subtitle ? (n(), o("div", {
           key: 1,
           class: b(["bsa-logo__subtitle", a[e.size].subtitle])
-        }, m(e.subtitle), 3)) : i("", !0)
-      ])) : i("", !0)
+        }, m(e.subtitle), 3)) : r("", !0)
+      ])) : r("", !0)
     ], 2));
   }
-}), Us = /* @__PURE__ */ R(vt, [["__scopeId", "data-v-e8e7bb76"]]), ae = /* @__PURE__ */ Symbol("bsa-theme");
-function $t() {
-  const e = re(ae);
+}), sn = /* @__PURE__ */ E(Vt, [["__scopeId", "data-v-e8e7bb76"]]), de = /* @__PURE__ */ Symbol("bsa-theme");
+function Nt() {
+  const e = ve(de);
   if (!e)
     throw new Error("useTheme must be used within a BsaThemeProvider");
   return e;
 }
-const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
+const Mt = ["aria-label", "title"], At = /* @__PURE__ */ $({
   __name: "BsaThemeToggle",
   setup(e) {
-    const { isDarkMode: a, toggleTheme: t } = $t();
+    const { isDarkMode: a, toggleTheme: t } = Nt();
     return (s, l) => (n(), o("button", {
       type: "button",
       class: "bsa-theme-toggle",
-      "aria-label": D(a) ? "Ativar tema claro" : "Ativar tema escuro",
-      title: D(a) ? "Tema claro" : "Tema escuro",
+      "aria-label": z(a) ? "Ativar tema claro" : "Ativar tema escuro",
+      title: z(a) ? "Tema claro" : "Tema escuro",
       onClick: l[0] || (l[0] = //@ts-ignore
-      (...r) => D(t) && D(t)(...r))
+      (...i) => z(t) && z(t)(...i))
     }, [
-      I(D(S), {
-        icon: D(a) ? "Sun" : "Moon",
+      T(z(S), {
+        icon: z(a) ? "Sun" : "Moon",
         size: "w-5 h-5"
       }, null, 8, ["icon"])
-    ], 8, pt));
+    ], 8, Mt));
   }
-}), Es = /* @__PURE__ */ R(kt, [["__scopeId", "data-v-d4c9dd72"]]), Bt = ["id", "checked", "disabled", "required"], wt = {
+}), nn = /* @__PURE__ */ E(At, [["__scopeId", "data-v-d4c9dd72"]]), Lt = ["id", "checked", "disabled", "required"], Rt = {
   key: 0,
   class: "bsa-checkbox__label"
-}, Zs = /* @__PURE__ */ $({
+}, ln = /* @__PURE__ */ $({
   __name: "BsaCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -546,13 +563,13 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
       const u = l.target.checked;
       t("update:modelValue", u), t("change", u);
     };
-    return (l, r) => (n(), o("label", {
+    return (l, i) => (n(), o("label", {
       class: b(["bsa-checkbox", {
         "bsa-checkbox--disabled": e.disabled,
         "bsa-checkbox--readonly": e.readonly
       }])
     }, [
-      c("input", {
+      d("input", {
         id: e.id,
         type: "checkbox",
         class: "bsa-checkbox__input",
@@ -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, Lt),
+      e.label ? (n(), o("span", Rt, m(e.label), 1)) : r("", !0)
     ], 2));
   }
-}), Ct = ["for"], St = {
+}), qt = ["for"], Ft = {
   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 = {
+}, Et = { class: "bsa-input-field bsa-input-field--has-right-content" }, Pt = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "min", "max"], Ot = { class: "bsa-input-date-icon" }, Ut = {
   key: 1,
   class: "bsa-input-hint"
-}, xt = {
+}, Zt = {
   key: 2,
   class: "bsa-input-error"
-}, Hs = /* @__PURE__ */ $({
+}, on = /* @__PURE__ */ $({
   __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)}`), i = f(() => t.modelValue ? t.modelValue instanceof Date ? v(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");
+    ]), c = f(() => t.modelValue instanceof Date), v = (g) => {
+      const h = 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 `${h}-${_}-${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 `${h}-${_}-${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 `${h}-${_}`;
         case "week":
-          return `${k}-W${String(w(h)).padStart(2, "0")}`;
+          return `${h}-W${String(B(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) => {
+    }, B = (g) => {
+      const h = new Date(Date.UTC(g.getFullYear(), g.getMonth(), g.getDate())), _ = h.getUTCDay() || 7;
+      h.setUTCDate(h.getUTCDate() + 4 - _);
+      const x = new Date(Date.UTC(h.getUTCFullYear(), 0, 1));
+      return Math.ceil(((h.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 [h, _, x] = g.split("-").map(Number);
+          return new Date(h, _ - 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 [h, _] = g.split("T"), [x, F, R] = h.split("-").map(Number), [P, K] = _.split(":").map(Number);
+          return new Date(x, F - 1, R, P, K);
         }
         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 [h, _] = g.split(":").map(Number), x = t.modelValue instanceof Date ? new Date(t.modelValue) : /* @__PURE__ */ new Date();
+          return x.setHours(h, _, 0, 0), x;
         }
         case "month": {
-          const [k, _] = h.split("-").map(Number);
-          return new Date(k, _ - 1, 1);
+          const [h, _] = g.split("-").map(Number);
+          return new Date(h, _ - 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 [h, _] = g.split("-W"), x = Number(h), F = Number(_), R = new Date(x, 0, 1 + (F - 1) * 7), P = R.getDay() || 7;
+          return R.setDate(R.getDate() - P + 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) => c.value ? g ? C(g) : "" : g, p = (g) => {
+      const h = g.target;
+      s("update:modelValue", k(h.value));
+    }, D = (g) => {
+      const h = g.target;
+      s("change", k(h.value));
     };
-    return (h, k) => (n(), o("div", {
+    return (g, h) => (n(), o("div", {
       class: b(["bsa-input-date", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -664,14 +681,14 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         for: l.value,
         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, [
-        c("input", {
+        q(m(e.label) + " ", 1),
+        e.required ? (n(), o("span", Ft, "*")) : r("", !0)
+      ], 10, qt)) : r("", !0),
+      d("div", Et, [
+        d("input", {
           id: l.value,
           type: e.mode,
-          value: r.value,
+          value: i.value,
           placeholder: e.placeholder,
           disabled: e.disabled,
           readonly: e.readonly,
@@ -680,31 +697,31 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
           max: e.max,
           class: b(u.value),
           onInput: p,
-          onChange: z,
-          onBlur: k[0] || (k[0] = (_) => s("blur", _)),
-          onFocus: k[1] || (k[1] = (_) => s("focus", _))
-        }, null, 42, zt),
-        c("div", _t, [
-          I(S, { icon: "Calendar" })
+          onChange: D,
+          onBlur: h[0] || (h[0] = (_) => s("blur", _)),
+          onFocus: h[1] || (h[1] = (_) => s("focus", _))
+        }, null, 42, Pt),
+        d("div", Ot, [
+          T(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", Ut, m(e.hint), 1)) : r("", !0),
+      e.error ? (n(), o("p", Zt, m(e.error), 1)) : r("", !0)
     ], 2));
   }
-}), Tt = ["for"], Vt = {
+}), Ht = ["for"], Xt = {
   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 = {
+}, Wt = { class: "bsa-input-field bsa-input-field--has-icon bsa-input-field--has-right-content" }, jt = { class: "bsa-input-search-icon" }, Kt = ["id", "value", "placeholder", "disabled", "readonly"], Yt = {
   key: 0,
   class: "bsa-input-search-actions"
-}, Rt = ["disabled"], Ft = {
+}, Gt = ["disabled"], Jt = {
   key: 1,
   class: "bsa-input-hint"
-}, Lt = {
+}, Qt = {
   key: 2,
   class: "bsa-input-error"
-}, Xs = /* @__PURE__ */ $({
+}, rn = /* @__PURE__ */ $({
   __name: "BsaInputSearch",
   props: {
     modelValue: {},
@@ -725,92 +742,92 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
   setup(e, { emit: a }) {
     const t = e, s = a;
     let l = null;
-    const r = f(() => t.id || `search-${Math.random().toString(36).substring(2, 11)}`), u = f(() => [
+    const i = f(() => t.id || `search-${Math.random().toString(36).substring(2, 11)}`), u = f(() => [
       "bsa-input",
       `bsa-input--${t.size}`,
       {
         "bsa-input--disabled": t.disabled,
         "bsa-input--error": !!t.error
       }
-    ]), d = (B) => {
-      const p = B.target.value;
+    ]), c = (C) => {
+      const p = C.target.value;
       s("update:modelValue", p), l && clearTimeout(l), l = setTimeout(() => {
         s("search", p);
       }, t.debounce);
     }, v = () => {
       l && clearTimeout(l), s("search", t.modelValue || "");
-    }, w = () => {
+    }, B = () => {
       l && clearTimeout(l), s("update:modelValue", ""), s("clear"), s("search", "");
     };
-    return ue(() => {
+    return ne(() => {
       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", {
         key: 0,
-        for: r.value,
+        for: i.value,
         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, [
-          I(S, { icon: "Search" })
+        q(m(e.label) + " ", 1),
+        e.required ? (n(), o("span", Xt, "*")) : r("", !0)
+      ], 10, Ht)) : r("", !0),
+      d("div", Wt, [
+        d("div", jt, [
+          T(S, { icon: "Search" })
         ]),
-        c("input", {
-          id: r.value,
+        d("input", {
+          id: i.value,
           type: "search",
           value: e.modelValue,
           placeholder: e.placeholder || "Search...",
           disabled: e.disabled,
           readonly: e.readonly,
           class: b(u.value),
-          onInput: d,
+          onInput: c,
           onKeydown: [
-            U(v, ["enter"]),
-            U(w, ["esc"])
+            H(v, ["enter"]),
+            H(B, ["esc"])
           ]
-        }, null, 42, At),
-        e.modelValue || e.loading ? (n(), o("div", qt, [
+        }, null, 42, Kt),
+        e.modelValue || e.loading ? (n(), o("div", Yt, [
           !e.loading && e.modelValue ? (n(), o("button", {
             key: 0,
             type: "button",
             class: "bsa-input-action",
             disabled: e.disabled,
-            onClick: w
+            onClick: B
           }, [
-            I(S, { icon: "X" })
-          ], 8, Rt)) : i("", !0),
-          e.loading ? (n(), C(S, {
+            T(S, { icon: "X" })
+          ], 8, Gt)) : r("", !0),
+          e.loading ? (n(), w(S, {
             key: 1,
             icon: "Loader",
             class: "bsa-input-loading"
-          })) : i("", !0)
-        ])) : i("", !0)
+          })) : r("", !0)
+        ])) : r("", !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", Jt, m(e.hint), 1)) : r("", !0),
+      e.error ? (n(), o("p", Qt, m(e.error), 1)) : r("", !0)
     ], 2));
   }
-}), Ot = ["for"], Pt = {
+}), ea = ["for"], ta = {
   key: 0,
   class: "bsa-input-required"
-}, Ut = { class: "bsa-input-field bsa-input-field--has-right-content" }, Et = ["id", "value", "disabled", "required", "multiple"], Zt = {
+}, aa = { class: "bsa-input-field bsa-input-field--has-right-content" }, sa = ["id", "value", "disabled", "required", "multiple"], na = {
   key: 0,
   value: "",
   disabled: ""
-}, Ht = ["value", "disabled"], Xt = ["label"], Wt = ["value", "disabled"], jt = {
+}, la = ["value", "disabled"], oa = ["label"], ia = ["value", "disabled"], ra = {
   key: 0,
   class: "bsa-input-select-icon"
-}, Kt = {
+}, ua = {
   key: 1,
   class: "bsa-input-hint"
-}, Yt = {
+}, ca = {
   key: 2,
   class: "bsa-input-error"
-}, Ws = /* @__PURE__ */ $({
+}, un = /* @__PURE__ */ $({
   __name: "BsaInputSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Array] },
@@ -830,7 +847,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 || `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)}`), i = f(() => [
       "bsa-input",
       "bsa-input--select",
       `bsa-input--${t.size}`,
@@ -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);
-      return [...t.options, ...w];
-    }), d = (w) => u.value.find((g) => String(g.value) === w)?.value ?? w, v = (w) => {
-      const B = w.target;
+      const B = (t.groups ?? []).flatMap((C) => C.options);
+      return [...t.options, ...B];
+    }), c = (B) => u.value.find((k) => String(k.value) === B)?.value ?? B, v = (B) => {
+      const C = B.target;
       if (t.multiple) {
-        const p = Array.from(B.selectedOptions).map((z) => d(z.value));
+        const p = Array.from(C.selectedOptions).map((D) => c(D.value));
         s("update:modelValue", p), s("change", p);
         return;
       }
-      const g = d(B.value);
-      s("update:modelValue", g), s("change", g);
+      const k = c(C.value);
+      s("update:modelValue", k), s("change", k);
     };
-    return (w, B) => (n(), o("div", {
+    return (B, C) => (n(), o("div", {
       class: b(["bsa-input-select", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -860,62 +877,62 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         for: l.value,
         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, [
-        c("select", {
+        q(m(e.label) + " ", 1),
+        e.required ? (n(), o("span", ta, "*")) : r("", !0)
+      ], 10, ea)) : r("", !0),
+      d("div", aa, [
+        d("select", {
           id: l.value,
           value: e.modelValue,
           disabled: e.disabled || e.readonly,
           required: e.required,
           multiple: e.multiple,
-          class: b(r.value),
+          class: b(i.value),
           onChange: v,
-          onBlur: B[0] || (B[0] = (g) => s("blur", g)),
-          onFocus: B[1] || (B[1] = (g) => s("focus", g))
+          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", na, m(e.placeholder), 1)) : r("", !0),
+          (n(!0), o(A, null, L(e.options, (k) => (n(), o("option", {
+            key: String(k.value),
+            value: k.value,
+            disabled: k.disabled
+          }, m(k.label), 9, la))), 128)),
+          (n(!0), o(A, null, L(e.groups, (k) => (n(), o("optgroup", {
+            key: k.label,
+            label: k.label
           }, [
-            (n(!0), o(V, null, N(g.options, (p) => (n(), o("option", {
+            (n(!0), o(A, null, L(k.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, [
-          I(S, { icon: "ChevronDown" })
+            }, m(p.label), 9, ia))), 128))
+          ], 8, oa))), 128))
+        ], 42, sa),
+        e.multiple ? r("", !0) : (n(), o("div", ra, [
+          T(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", ua, m(e.hint), 1)) : r("", !0),
+      e.error ? (n(), o("p", ca, m(e.error), 1)) : r("", !0)
     ], 2));
   }
-}), Gt = ["for"], Jt = {
+}), da = ["for"], ba = {
   key: 0,
   class: "bsa-input-required"
-}, Qt = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "minlength", "min", "max", "step"], ea = {
+}, ma = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "minlength", "min", "max", "step"], fa = {
   key: 0,
   class: "bsa-input-icon"
-}, ta = {
+}, ha = {
   key: 1,
   class: "bsa-input-actions"
-}, aa = {
+}, ga = {
   key: 1,
   class: "bsa-input-hint"
-}, sa = {
+}, ya = {
   key: 2,
   class: "bsa-input-error"
-}, js = /* @__PURE__ */ $({
+}, cn = /* @__PURE__ */ $({
   __name: "BsaInputText",
   props: {
     modelValue: {},
@@ -941,7 +958,7 @@ 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 = le(), i = f(() => t.id || `input-${Math.random().toString(36).substring(2, 11)}`), u = f(() => !!t.icon || !!l.icon), c = f(
       () => t.clearable && t.modelValue !== void 0 && t.modelValue !== "" || !!l.suffix
     ), v = f(() => [
       "bsa-input",
@@ -951,38 +968,38 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         "bsa-input--readonly": t.readonly,
         "bsa-input--disabled": t.disabled
       }
-    ]), w = f(() => [
+    ]), B = f(() => [
       "bsa-input-field",
       {
         "bsa-input-field--has-icon": u.value,
-        "bsa-input-field--has-right-content": d.value
+        "bsa-input-field--has-right-content": c.value
       }
-    ]), B = (p) => {
-      const z = p.target;
+    ]), C = (p) => {
+      const D = p.target;
       if (t.type === "number") {
-        s("update:modelValue", z.value === "" ? "" : Number(z.value));
+        s("update:modelValue", D.value === "" ? "" : Number(D.value));
         return;
       }
-      s("update:modelValue", z.value);
-    }, g = () => {
+      s("update:modelValue", D.value);
+    }, k = () => {
       s("update:modelValue", ""), s("clear");
     };
-    return (p, z) => (n(), o("div", {
+    return (p, D) => (n(), o("div", {
       class: b(["bsa-input-text", t.class])
     }, [
       e.label ? (n(), o("label", {
         key: 0,
-        for: r.value,
+        for: i.value,
         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),
-      c("div", {
-        class: b(w.value)
+        q(m(e.label) + " ", 1),
+        e.required ? (n(), o("span", ba, "*")) : r("", !0)
+      ], 10, da)) : r("", !0),
+      d("div", {
+        class: b(B.value)
       }, [
-        c("input", {
-          id: r.value,
+        d("input", {
+          id: i.value,
           type: e.type,
           value: e.modelValue,
           placeholder: e.placeholder,
@@ -996,44 +1013,44 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
           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, [
+          onInput: C,
+          onBlur: D[0] || (D[0] = (g) => s("blur", g)),
+          onFocus: D[1] || (D[1] = (g) => s("focus", g)),
+          onKeydown: D[2] || (D[2] = H((g) => s("enter", g), ["enter"]))
+        }, null, 42, ma),
+        u.value ? (n(), o("div", fa, [
           y(p.$slots, "icon", {}, () => [
-            e.icon ? (n(), C(S, {
+            e.icon ? (n(), w(S, {
               key: 0,
               icon: e.icon
-            }, null, 8, ["icon"])) : i("", !0)
+            }, null, 8, ["icon"])) : r("", !0)
           ])
-        ])) : i("", !0),
-        d.value ? (n(), o("div", ta, [
-          e.clearable && e.modelValue !== void 0 && e.modelValue !== "" ? (n(), C(j, {
+        ])) : r("", !0),
+        c.value ? (n(), o("div", ha, [
+          e.clearable && e.modelValue !== void 0 && e.modelValue !== "" ? (n(), w(G, {
             key: 0,
             icon: "X",
             disabled: e.disabled,
-            onClick: g,
+            onClick: k,
             class: "bsa-input-action"
-          }, null, 8, ["disabled"])) : i("", !0),
+          }, null, 8, ["disabled"])) : r("", !0),
           y(p.$slots, "suffix")
-        ])) : i("", !0)
+        ])) : r("", !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", ga, m(e.hint), 1)) : r("", !0),
+      e.error ? (n(), o("p", ya, m(e.error), 1)) : r("", !0)
     ], 2));
   }
-}), na = ["for"], la = {
+}), va = ["for"], pa = {
   key: 0,
   class: "bsa-input-required"
-}, oa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "minlength"], ia = {
+}, $a = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "minlength"], ka = {
   key: 1,
   class: "bsa-input-hint"
-}, ra = {
+}, wa = {
   key: 2,
   class: "bsa-input-error"
-}, Ks = /* @__PURE__ */ $({
+}, dn = /* @__PURE__ */ $({
   __name: "BsaInputTextarea",
   props: {
     modelValue: {},
@@ -1055,7 +1072,7 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "blur", "focus", "enter"],
   setup(e, { emit: a }) {
-    const t = e, s = a, l = 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)}`), i = f(() => [
       "bsa-input",
       "bsa-input--textarea",
       `bsa-input--${t.size}`,
@@ -1066,7 +1083,7 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         "bsa-input--disabled": t.disabled
       }
     ]);
-    return (u, d) => (n(), o("div", {
+    return (u, c) => (n(), o("div", {
       class: b(["bsa-input-textarea", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -1074,10 +1091,10 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         for: l.value,
         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),
-      c("textarea", {
+        q(m(e.label) + " ", 1),
+        e.required ? (n(), o("span", pa, "*")) : r("", !0)
+      ], 10, va)) : r("", !0),
+      d("textarea", {
         id: l.value,
         value: e.modelValue,
         placeholder: e.placeholder,
@@ -1088,20 +1105,20 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
         cols: e.cols,
         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)
+        class: b(i.value),
+        onInput: c[0] || (c[0] = (v) => s("update:modelValue", v.target.value)),
+        onBlur: c[1] || (c[1] = (v) => s("blur", v)),
+        onFocus: c[2] || (c[2] = (v) => s("focus", v)),
+        onKeydown: c[3] || (c[3] = H((v) => s("enter", v), ["enter"]))
+      }, null, 42, $a),
+      e.hint && !e.error ? (n(), o("p", ka, m(e.hint), 1)) : r("", !0),
+      e.error ? (n(), o("p", wa, m(e.error), 1)) : r("", !0)
     ], 2));
   }
-}), ua = ["id", "name", "value", "checked", "disabled", "required"], ca = {
+}), Ba = ["id", "name", "value", "checked", "disabled", "required"], Ca = {
   key: 0,
   class: "bsa-radio__label"
-}, da = /* @__PURE__ */ $({
+}, Sa = /* @__PURE__ */ $({
   __name: "BsaRadio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -1118,10 +1135,10 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
     const t = e, s = a, l = () => {
       s("update:modelValue", t.value), s("change", t.value);
     };
-    return (r, u) => (n(), o("label", {
+    return (i, u) => (n(), o("label", {
       class: b(["bsa-radio", { "bsa-radio--disabled": e.disabled }])
     }, [
-      c("input", {
+      d("input", {
         id: e.id,
         type: "radio",
         class: "bsa-radio__input",
@@ -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, Ba),
+      e.label ? (n(), o("span", Ca, m(e.label), 1)) : r("", !0)
     ], 2));
   }
-}), ba = ["disabled"], ma = {
+}), _a = ["disabled"], Da = {
   key: 0,
   class: "bsa-input-label"
-}, fa = {
+}, za = {
   key: 0,
   class: "bsa-input-required"
-}, ha = { class: "bsa-radio-group__options" }, ga = {
+}, xa = { class: "bsa-radio-group__options" }, Ia = {
   key: 1,
   class: "bsa-input-hint"
-}, ya = {
+}, Ta = {
   key: 2,
   class: "bsa-input-error"
-}, Ys = /* @__PURE__ */ $({
+}, bn = /* @__PURE__ */ $({
   __name: "BsaRadioGroup",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -1169,39 +1186,39 @@ 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, [
-        A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", fa, "*")) : i("", !0)
-      ])) : i("", !0),
-      c("div", ha, [
-        (n(!0), o(V, null, N(e.options, (r) => (n(), C(da, {
-          key: String(r.value),
+      e.label ? (n(), o("legend", Da, [
+        q(m(e.label) + " ", 1),
+        e.required ? (n(), o("span", za, "*")) : r("", !0)
+      ])) : r("", !0),
+      d("div", xa, [
+        (n(!0), o(A, null, L(e.options, (i) => (n(), w(Sa, {
+          key: String(i.value),
           "model-value": e.modelValue,
-          value: r.value,
-          label: r.label,
+          value: i.value,
+          label: i.label,
           name: e.name || e.id,
-          disabled: e.disabled || r.disabled,
+          disabled: e.disabled || i.disabled,
           "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(), 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", Ia, m(e.hint), 1)) : r("", !0),
+      e.error ? (n(), o("p", Ta, m(e.error), 1)) : r("", !0)
+    ], 10, _a));
   }
-}), va = {
+}), Va = {
   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 = {
+}, Na = { class: "bsa-card-header__content" }, Ma = { class: "bsa-card-header__main" }, Aa = { class: "bsa-card-header__title" }, La = {
   key: 0,
   class: "bsa-card-header__subtitle"
-}, wa = {
+}, Ra = {
   key: 0,
   class: "bsa-card-header__actions"
-}, Ca = { class: "bsa-card-body" }, Sa = {
+}, qa = { class: "bsa-card-body" }, Fa = {
   key: 1,
   class: "bsa-card-footer"
-}, Gs = /* @__PURE__ */ $({
+}, mn = /* @__PURE__ */ $({
   __name: "BsaCard",
   props: {
     title: {},
@@ -1225,39 +1242,39 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
       a.hoverable ? "bsa-card--hoverable" : "",
       a.class
     ]);
-    return (l, r) => (n(), o("div", {
+    return (l, i) => (n(), o("div", {
       class: b(s.value)
     }, [
-      e.showHeader || l.$slots.header ? (n(), o("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(S, {
+          d("div", Na, [
+            d("div", Ma, [
+              e.icon ? (n(), w(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)
+                style: N({ color: e.iconColor })
+              }, null, 8, ["icon", "style"])) : r("", !0),
+              d("div", null, [
+                d("h3", Aa, m(e.title), 1),
+                e.subtitle ? (n(), o("p", La, m(e.subtitle), 1)) : r("", !0)
               ])
             ]),
-            l.$slots.actions ? (n(), o("div", wa, [
+            l.$slots.actions ? (n(), o("div", Ra, [
               y(l.$slots, "actions")
-            ])) : i("", !0)
+            ])) : r("", !0)
           ])
         ])
-      ])) : i("", !0),
-      c("div", Ca, [
+      ])) : r("", !0),
+      d("div", qa, [
         y(l.$slots, "default")
       ]),
-      e.showFooter || l.$slots.footer ? (n(), o("div", Sa, [
+      e.showFooter || l.$slots.footer ? (n(), o("div", Fa, [
         y(l.$slots, "footer")
-      ])) : i("", !0)
+      ])) : r("", !0)
     ], 2));
   }
-}), Da = ["href", "target", "aria-disabled", "tabindex"], za = /* @__PURE__ */ $({
+}), Ea = ["href", "target", "aria-disabled", "tabindex"], Pa = /* @__PURE__ */ $({
   __name: "BsaLink",
   props: {
     href: { default: void 0 },
@@ -1269,7 +1286,7 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
     const t = a, s = (l) => {
       t("click", l);
     };
-    return (l, r) => (n(), o("a", {
+    return (l, i) => (n(), o("a", {
       href: e.disabled ? void 0 : e.href,
       target: e.target,
       "aria-disabled": e.disabled,
@@ -1278,27 +1295,27 @@ const pt = ["aria-label", "title"], kt = /* @__PURE__ */ $({
       onClick: s
     }, [
       y(l.$slots, "default", {}, void 0, !0)
-    ], 10, Da));
+    ], 10, Ea));
   }
-}), se = /* @__PURE__ */ R(za, [["__scopeId", "data-v-c2b6662a"]]), _a = {
+}), be = /* @__PURE__ */ E(Pa, [["__scopeId", "data-v-c2b6662a"]]), Oa = {
   key: 0,
   class: "bsa-container__breadcrumb"
-}, Ia = { "aria-label": "Breadcrumb" }, xa = { class: "bsa-container__breadcrumb-list" }, Ta = {
+}, Ua = { "aria-label": "Breadcrumb" }, Za = { class: "bsa-container__breadcrumb-list" }, Ha = {
   key: 2,
   class: "bsa-container__breadcrumb-current"
-}, Va = {
+}, Xa = {
   key: 1,
   class: "bsa-container__header"
-}, Na = { class: "bsa-container__header-content" }, Ma = { class: "bsa-container__title" }, Aa = {
+}, Wa = { class: "bsa-container__header-content" }, ja = { class: "bsa-container__title" }, Ka = {
   key: 0,
   class: "bsa-container__description"
-}, qa = {
+}, Ya = {
   key: 0,
   class: "bsa-container__actions"
-}, Ra = { class: "bsa-container__content" }, Fa = {
+}, Ga = { class: "bsa-container__content" }, Ja = {
   key: 2,
   class: "bsa-container__footer"
-}, Js = /* @__PURE__ */ $({
+}, fn = /* @__PURE__ */ $({
   __name: "BsaContainer",
   props: {
     title: {},
@@ -1319,124 +1336,127 @@ 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", Oa, [
         y(s.$slots, "breadcrumb", {}, () => [
-          c("nav", Ia, [
-            c("ol", xa, [
-              (n(!0), o(V, null, N(e.breadcrumbs, (r, u) => (n(), o("li", {
+          d("nav", Ua, [
+            d("ol", Za, [
+              (n(!0), o(A, null, L(e.breadcrumbs, (i, u) => (n(), o("li", {
                 key: u,
                 class: "bsa-container__breadcrumb-item"
               }, [
-                u > 0 ? (n(), C(S, {
+                u > 0 ? (n(), w(S, {
                   key: 0,
                   icon: "ChevronRight",
                   class: "bsa-container__breadcrumb-separator"
-                })) : i("", !0),
-                r.to ? (n(), C(se, {
+                })) : r("", !0),
+                i.to ? (n(), w(be, {
                   key: 1,
-                  to: r.to
+                  to: i.to
                 }, {
-                  default: O(() => [
-                    A(m(r.label), 1)
+                  default: U(() => [
+                    q(m(i.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (n(), o("span", Ta, m(r.label), 1))
+                }, 1032, ["to"])) : (n(), o("span", Ha, m(i.label), 1))
               ]))), 128))
             ])
           ])
         ])
-      ])) : i("", !0),
-      e.title || s.$slots.header ? (n(), o("div", Va, [
+      ])) : r("", !0),
+      e.title || s.$slots.header ? (n(), o("div", Xa, [
         y(s.$slots, "header", {}, () => [
-          c("div", Na, [
-            c("div", null, [
-              c("h1", Ma, m(e.title), 1),
-              e.description ? (n(), o("p", Aa, m(e.description), 1)) : i("", !0)
+          d("div", Wa, [
+            d("div", null, [
+              d("h1", ja, m(e.title), 1),
+              e.description ? (n(), o("p", Ka, m(e.description), 1)) : r("", !0)
             ]),
-            s.$slots.actions ? (n(), o("div", qa, [
+            s.$slots.actions ? (n(), o("div", Ya, [
               y(s.$slots, "actions")
-            ])) : i("", !0)
+            ])) : r("", !0)
           ])
         ])
-      ])) : i("", !0),
-      c("div", Ra, [
+      ])) : r("", !0),
+      d("div", Ga, [
         y(s.$slots, "default")
       ]),
-      s.$slots.footer ? (n(), o("div", Fa, [
+      s.$slots.footer ? (n(), o("div", Ja, [
         y(s.$slots, "footer")
-      ])) : i("", !0)
+      ])) : r("", !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__ */ $({
+}), Qa = { class: "bsa-layout-app__topbar" }, es = { class: "bsa-layout-app__body" }, ts = { class: "bsa-layout-app__sidebar" }, as = ["aria-label", "aria-expanded"], ss = { class: "bsa-layout-app__content" }, hn = /* @__PURE__ */ $({
   __name: "BsaLayoutApp",
   props: {
     density: { default: "default" }
   },
   setup(e) {
-    const a = e, t = M(!1), s = M(!t.value), l = () => {
-      t.value = window.innerWidth < 767;
+    const a = e, t = V(!1), s = V(!t.value), l = () => {
+      const c = window.innerWidth < 767;
+      c !== t.value && (t.value = c, s.value = !c);
     };
-    Q(() => {
-      l(), s.value = !t.value, window.addEventListener("resize", l);
-    }), ee(() => {
+    oe(() => {
+      l(), window.addEventListener("resize", l);
+    }), ie(() => {
       window.removeEventListener("resize", l);
     });
-    const r = () => {
+    const i = () => {
       s.value = !s.value;
     }, u = () => {
       s.value = !1;
     };
-    return (d, v) => (n(), o("div", {
+    return (c, v) => (n(), o("div", {
       class: b(["bsa-layout-app", {
         "bsa-layout-app--sidebar-open": s.value,
+        "bsa-layout-app--sidebar-collapsed": !s.value && !t.value,
         "bsa-layout-app--density-compact": a.density === "compact"
       }])
     }, [
-      c("div", La, [
-        y(d.$slots, "topbar", {
+      d("div", Qa, [
+        y(c.$slots, "topbar", {
           sidebarOpen: s.value,
-          toggleSidebar: r,
+          toggleSidebar: i,
           closeSidebar: u
         })
       ]),
-      c("div", Oa, [
+      d("div", es, [
         s.value && t.value ? (n(), o("div", {
           key: 0,
           class: "bsa-layout-app__overlay",
           "aria-hidden": "true",
           onClick: u
-        })) : i("", !0),
-        c("aside", Pa, [
-          y(d.$slots, "sidebar", {
+        })) : r("", !0),
+        d("aside", ts, [
+          y(c.$slots, "sidebar", {
             open: s.value,
             closeSidebar: u
           })
         ]),
-        t.value ? i("", !0) : (n(), o("button", {
+        t.value ? r("", !0) : (n(), o("button", {
           key: 1,
           class: "bsa-layout-app__sidebar-toggle",
           type: "button",
           "aria-label": s.value ? "Close sidebar" : "Open sidebar",
-          onClick: r
+          "aria-expanded": s.value,
+          onClick: i
         }, [
-          I(D(S), {
+          T(z(S), {
             icon: s.value ? "ChevronLeft" : "ChevronRight",
-            size: "w-10 h-10"
+            size: "1rem"
           }, null, 8, ["icon"])
-        ], 8, Ua)),
-        c("main", Ea, [
-          y(d.$slots, "default")
+        ], 8, as)),
+        d("main", ss, [
+          y(c.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), Za = {}, Ha = { class: "bsa-layout-empty" };
-function Xa(e, a) {
-  return n(), o("div", Ha, [
+}), ns = {}, ls = { class: "bsa-layout-empty" };
+function os(e, a) {
+  return n(), o("div", ls, [
     y(e.$slots, "default")
   ]);
 }
-const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-two-column__content" }, ja = ["src"], tn = /* @__PURE__ */ $({
+const gn = /* @__PURE__ */ E(ns, [["render", os]]), is = { class: "bsa-layout-two-column__content" }, rs = ["src"], yn = /* @__PURE__ */ $({
   __name: "BsaLayoutTwoColumn",
   props: {
     rightIframeSrc: { default: "" },
@@ -1445,16 +1465,16 @@ 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));
-    return (l, r) => (n(), o("div", {
+    const a = e, t = le(), s = f(() => a.showRightSide && !!(a.rightIframeSrc || t.right));
+    return (l, i) => (n(), o("div", {
       class: b(["bsa-layout-two-column", { "bsa-layout-two-column--with-right": s.value }])
     }, [
-      c("section", {
+      d("section", {
         class: "bsa-layout-two-column__left",
-        style: T({ backgroundColor: e.leftBackgroundColor || void 0 })
+        style: N({ backgroundColor: e.leftBackgroundColor || void 0 })
       }, [
         y(l.$slots, "left", {}, () => [
-          c("div", Wa, [
+          d("div", is, [
             y(l.$slots, "default")
           ])
         ])
@@ -1462,38 +1482,38 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
       s.value ? (n(), o("section", {
         key: 0,
         class: "bsa-layout-two-column__right",
-        style: T({ backgroundColor: e.rightBackgroundColor || void 0 })
+        style: N({ backgroundColor: e.rightBackgroundColor || void 0 })
       }, [
         y(l.$slots, "right", {}, () => [
           a.rightIframeSrc ? (n(), o("iframe", {
             key: 0,
             src: a.rightIframeSrc,
             class: "bsa-layout-two-column__iframe"
-          }, null, 8, ja)) : i("", !0)
+          }, null, 8, rs)) : r("", !0)
         ])
-      ], 4)) : i("", !0)
+      ], 4)) : r("", !0)
     ], 2));
   }
-}), Ka = {
+}), us = {
   key: 0,
   class: "bsa-page__header"
-}, Ya = { class: "bsa-page__heading" }, Ga = {
+}, cs = { class: "bsa-page__heading" }, ds = {
   key: 0,
   class: "bsa-page__breadcrumb",
   "aria-label": "Breadcrumb"
-}, Ja = {
+}, bs = {
   key: 2,
   "aria-current": "page"
-}, Qa = {
+}, ms = {
   key: 1,
   class: "bsa-page__title"
-}, es = {
+}, fs = {
   key: 2,
   class: "bsa-page__description"
-}, ts = {
+}, hs = {
   key: 0,
   class: "bsa-page__actions"
-}, as = { class: "bsa-page__content" }, an = /* @__PURE__ */ $({
+}, gs = { class: "bsa-page__content" }, vn = /* @__PURE__ */ $({
   __name: "BsaPage",
   props: {
     title: { default: void 0 },
@@ -1504,55 +1524,55 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
   setup(e) {
     return (a, t) => (n(), o("div", {
       class: "bsa-page",
-      style: T({ maxWidth: e.maxWidth })
+      style: N({ 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", us, [
         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", {
+          d("div", cs, [
+            e.breadcrumbs.length ? (n(), o("nav", ds, [
+              d("ol", null, [
+                (n(!0), o(A, null, L(e.breadcrumbs, (s, l) => (n(), o("li", {
                   key: `${s.label}-${l}`
                 }, [
-                  l > 0 ? (n(), C(S, {
+                  l > 0 ? (n(), w(S, {
                     key: 0,
                     icon: "ChevronRight"
-                  })) : i("", !0),
-                  s.href ? (n(), C(se, {
+                  })) : r("", !0),
+                  s.href ? (n(), w(be, {
                     key: 1,
                     href: s.href
                   }, {
-                    default: O(() => [
-                      A(m(s.label), 1)
+                    default: U(() => [
+                      q(m(s.label), 1)
                     ]),
                     _: 2
-                  }, 1032, ["href"])) : (n(), o("span", Ja, m(s.label), 1))
+                  }, 1032, ["href"])) : (n(), o("span", bs, 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)
+            ])) : r("", !0),
+            e.title ? (n(), o("h1", ms, m(e.title), 1)) : r("", !0),
+            e.description ? (n(), o("p", fs, m(e.description), 1)) : r("", !0)
           ]),
-          a.$slots.actions ? (n(), o("div", ts, [
+          a.$slots.actions ? (n(), o("div", hs, [
             y(a.$slots, "actions")
-          ])) : i("", !0)
+          ])) : r("", !0)
         ])
-      ])) : i("", !0),
-      c("div", as, [
+      ])) : r("", !0),
+      d("div", gs, [
         y(a.$slots, "default")
       ])
     ], 4));
   }
-}), ss = {
+}), ys = {
   key: 0,
   class: "bsa-section__header"
-}, ns = { class: "bsa-section__header-content" }, ls = {
+}, vs = { class: "bsa-section__header-content" }, ps = {
   key: 0,
   class: "bsa-section__description"
-}, os = {
+}, $s = {
   key: 0,
   class: "bsa-section__actions"
-}, is = { class: "bsa-section__content" }, sn = /* @__PURE__ */ $({
+}, ks = { class: "bsa-section__content" }, pn = /* @__PURE__ */ $({
   __name: "BsaSection",
   props: {
     title: {},
@@ -1569,30 +1589,30 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
       a.divider ? "bsa-section--divider" : "",
       a.class
     ]), s = f(() => ["bsa-section__title", `bsa-section__title--${a.size}`]);
-    return (l, r) => (n(), o("section", {
+    return (l, i) => (n(), o("section", {
       class: b(t.value)
     }, [
-      e.title || l.$slots.header ? (n(), o("div", ss, [
+      e.title || l.$slots.header ? (n(), o("div", ys, [
         y(l.$slots, "header", {}, () => [
-          c("div", ns, [
-            c("div", null, [
-              c("h2", {
+          d("div", vs, [
+            d("div", null, [
+              d("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", ps, m(e.description), 1)) : r("", !0)
             ]),
-            l.$slots.actions ? (n(), o("div", os, [
+            l.$slots.actions ? (n(), o("div", $s, [
               y(l.$slots, "actions")
-            ])) : i("", !0)
+            ])) : r("", !0)
           ])
         ])
-      ])) : i("", !0),
-      c("div", is, [
+      ])) : r("", !0),
+      d("div", ks, [
         y(l.$slots, "default")
       ])
     ], 2));
   }
-}), rs = ["aria-label"], us = { class: "bsa-sidebar__content" }, nn = /* @__PURE__ */ $({
+}), ws = ["aria-label"], Bs = { class: "bsa-sidebar__content" }, $n = /* @__PURE__ */ $({
   __name: "BsaSidebar",
   props: {
     open: { type: Boolean, default: !1 },
@@ -1600,89 +1620,163 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
   },
   setup(e) {
     return (a, t) => (n(), o("aside", {
-      class: b(["bsa-sidebar", { "bsa-sidebar--open": e.open }]),
+      class: b(["bsa-sidebar", { "bsa-sidebar--open": e.open, "bsa-sidebar--collapsed": !e.open }]),
       "aria-label": e.ariaLabel
     }, [
-      c("div", us, [
+      d("div", Bs, [
         y(a.$slots, "default")
       ])
-    ], 10, rs));
+    ], 10, ws));
   }
-}), cs = ["aria-expanded"], ds = ["aria-disabled"], bs = {
-  key: 2,
-  class: "bsa-sidebar-menu-item__children"
-}, ln = /* @__PURE__ */ $({
+}), Cs = ["aria-expanded", "aria-label", "title"], Ss = {
+  key: 1,
+  class: "bsa-sidebar-menu-item__label"
+}, _s = ["aria-disabled"], Ds = {
+  key: 1,
+  class: "bsa-sidebar-menu-item__label"
+}, kn = /* @__PURE__ */ $({
   __name: "BsaSidebarMenuItem",
   props: {
     item: {},
     depth: { default: 0 },
     activePath: {},
     openItems: {},
+    collapsed: { type: Boolean },
     iconSize: { default: "var(--bsa-sidebar-icon-size, 1.5rem)" }
   },
   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), i = f(() => t.collapsed && t.depth === 0), u = f(
+      () => t.item.indicator !== void 0 && t.item.indicator !== null && t.item.indicator !== ""
+    ), c = f(() => t.openItems.has(t.item.id)), v = f(() => t.activePath === t.item.path), B = (I) => I.some((M) => M.path === t.activePath || B(M.children)), C = f(() => B(t.item.children)), k = V(null), p = V(null), D = V(null), g = V({}), h = () => {
+      const I = p.value?.getBoundingClientRect();
+      if (!I) return;
+      const M = Math.max(8, window.innerHeight - 320);
+      g.value = {
+        position: "fixed",
+        top: `${Math.min(Math.max(I.top, 8), M)}px`,
+        left: `${I.right + 8}px`
+      };
+    }, _ = () => {
+      c.value && i.value && s("toggle", t.item.id);
+    }, x = (I) => {
+      const M = I.target;
+      !k.value?.contains(M) && !D.value?.contains(M) && _();
+    }, F = (I) => {
+      I.key === "Escape" && c.value && i.value && (I.stopPropagation(), _(), p.value?.focus());
+    }, R = (I) => {
+      i.value && !c.value && (h(), I.detail === 0 && Q(() => D.value?.querySelector('button:not([aria-disabled="true"])')?.focus())), s("toggle", t.item.id);
+    }, P = (I) => {
+      s("select", I), _();
+    };
+    j(
+      () => c.value && i.value,
+      (I) => {
+        I ? (Q(h), document.addEventListener("pointerdown", x), document.addEventListener("keydown", F), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0)) : (document.removeEventListener("pointerdown", x), document.removeEventListener("keydown", F), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0));
+      },
+      { immediate: !0 }
+    ), ne(() => {
+      document.removeEventListener("pointerdown", x), document.removeEventListener("keydown", F), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
+    });
+    const K = () => {
       t.item.disabled || !t.item.path || s("select", t.item.path);
     };
-    return (B, g) => {
-      const p = ce("BsaSidebarMenuItem", !0);
+    return (I, M) => {
+      const fe = pe("BsaSidebarMenuItem", !0);
       return n(), o("li", {
-        class: b(["bsa-sidebar-menu-item", { "bsa-sidebar-menu-item--nested": e.depth > 0 }])
+        ref_key: "rootRef",
+        ref: k,
+        class: b(["bsa-sidebar-menu-item", {
+          "bsa-sidebar-menu-item--nested": e.depth > 0,
+          "bsa-sidebar-menu-item--collapsed": i.value
+        }])
       }, [
         l.value ? (n(), o("button", {
           key: 0,
+          ref_key: "buttonRef",
+          ref: p,
           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": v.value || C.value }]),
+          "aria-expanded": c.value,
+          "aria-label": i.value ? e.item.label : void 0,
+          title: i.value ? e.item.label : void 0,
+          onClick: R
         }, [
-          e.item.icon ? (n(), C(D(S), {
+          e.item.icon || i.value ? (n(), w(S, {
             key: 0,
-            icon: e.item.icon,
+            icon: e.item.icon || "X",
             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), {
+          }, null, 8, ["icon", "size"])) : r("", !0),
+          i.value ? r("", !0) : (n(), o("span", Ss, m(e.item.label), 1)),
+          u.value && !i.value ? (n(), w(ee, {
+            key: 2,
+            class: "bsa-sidebar-menu-item__indicator",
+            label: String(e.item.indicator),
+            tone: "primary"
+          }, null, 8, ["label"])) : r("", !0),
+          T(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": c.value,
+              "bsa-sidebar-menu-item__chevron--with-indicator": u.value
+            }])
           }, null, 8, ["size", "class"])
-        ], 10, cs)) : (n(), o("button", {
+        ], 10, Cs)) : (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": v.value,
             "bsa-sidebar-menu-item__button--disabled": e.item.disabled
           }]),
           "aria-disabled": e.item.disabled,
-          onClick: w
+          onClick: K
         }, [
-          e.item.icon ? (n(), C(D(S), {
+          e.item.icon || i.value ? (n(), w(S, {
             key: 0,
-            icon: e.item.icon,
+            icon: e.item.icon || "X",
             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,
-            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", "icon-size"]))), 128))
-        ])) : i("", !0)
+          }, null, 8, ["icon", "size"])) : r("", !0),
+          i.value ? r("", !0) : (n(), o("span", Ds, m(e.item.label), 1)),
+          u.value && !i.value ? (n(), w(ee, {
+            key: 2,
+            class: "bsa-sidebar-menu-item__indicator",
+            label: String(e.item.indicator),
+            tone: "primary"
+          }, null, 8, ["label"])) : r("", !0)
+        ], 10, _s)),
+        l.value && c.value ? (n(), w(re, {
+          key: 2,
+          to: "body",
+          disabled: !i.value
+        }, [
+          d("ul", {
+            ref_key: "flyoutRef",
+            ref: D,
+            class: b(["bsa-sidebar-menu-item__children", { "bsa-sidebar-menu-item__children--flyout": i.value }]),
+            style: N(i.value ? g.value : void 0),
+            onPointerdown: M[1] || (M[1] = ue(() => {
+            }, ["stop"]))
+          }, [
+            (n(!0), o(A, null, L(e.item.children, (J) => (n(), w(fe, {
+              key: J.id,
+              item: J,
+              depth: e.depth + 1,
+              "active-path": e.activePath,
+              "open-items": e.openItems,
+              "icon-size": e.iconSize,
+              collapsed: !1,
+              onToggle: M[0] || (M[0] = (he) => s("toggle", he)),
+              onSelect: P
+            }, null, 8, ["item", "depth", "active-path", "open-items", "icon-size"]))), 128))
+          ], 38)
+        ], 8, ["disabled"])) : r("", !0)
       ], 2);
     };
   }
-}), ms = ["aria-label"], fs = { class: "bsa-topbar__start" }, hs = { class: "bsa-topbar__content" }, gs = { class: "bsa-topbar__end" }, ys = /* @__PURE__ */ $({
+}), zs = ["aria-label"], xs = { class: "bsa-topbar__start" }, Is = { class: "bsa-topbar__content" }, Ts = { class: "bsa-topbar__end" }, Vs = /* @__PURE__ */ $({
   __name: "BsaTopbar",
   props: {
     ariaLabel: { default: "Application header" },
@@ -1700,34 +1794,34 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
         type: "button",
         class: "bsa-topbar__menu-button",
         "aria-label": "Open navigation",
-        onClick: l[0] || (l[0] = (r) => t("menu"))
+        onClick: l[0] || (l[0] = (i) => t("menu"))
       }, [
-        I(S, {
+        T(S, {
           icon: "Menu",
           "aria-hidden": "true"
         })
-      ])) : i("", !0),
-      c("div", fs, [
+      ])) : r("", !0),
+      d("div", xs, [
         y(s.$slots, "start", {}, void 0, !0)
       ]),
-      c("div", hs, [
+      d("div", Is, [
         y(s.$slots, "default", {}, void 0, !0)
       ]),
-      c("div", gs, [
+      d("div", Ts, [
         y(s.$slots, "end", {}, void 0, !0)
       ])
-    ], 8, ms));
+    ], 8, zs));
   }
-}), on = /* @__PURE__ */ R(ys, [["__scopeId", "data-v-8db252da"]]), vs = {
+}), wn = /* @__PURE__ */ E(Vs, [["__scopeId", "data-v-f9a301f1"]]), Ns = {
   key: 0,
   class: "bsa-modal__header"
-}, $s = { class: "bsa-modal__header-content" }, ps = { class: "bsa-modal__heading" }, ks = { class: "bsa-modal__title" }, Bs = {
+}, Ms = { class: "bsa-modal__header-content" }, As = { class: "bsa-modal__heading" }, Ls = { class: "bsa-modal__title" }, Rs = {
   key: 0,
   class: "bsa-modal__subtitle"
-}, ws = {
+}, qs = {
   key: 1,
   class: "bsa-modal__footer"
-}, Cs = /* @__PURE__ */ $({
+}, Fs = /* @__PURE__ */ $({
   __name: "BsaModal",
   props: {
     modelValue: { type: Boolean },
@@ -1753,89 +1847,89 @@ const en = /* @__PURE__ */ R(Za, [["render", Xa]]), Wa = { class: "bsa-layout-tw
     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 = () => {
+    }), i = f(() => ["bsa-modal", `bsa-modal--${t.size}`]), u = () => {
       l.value = !1, s("close");
-    }, d = () => {
+    }, c = () => {
       s("cancel"), u();
     }, v = () => {
       s("confirm");
-    }, w = () => {
+    }, B = () => {
       t.closeOnOverlay && t.closable && u();
-    }, B = (p) => {
+    }, C = (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 = "");
+    }, k = (p) => {
+      p ? (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" }, {
-        default: O(() => [
+    return j(l, k, { immediate: !0 }), ie(() => k(!1)), (p, D) => (n(), w(re, { to: "body" }, [
+      T($e, { name: "modal" }, {
+        default: U(() => [
           l.value ? (n(), o("div", {
             key: 0,
             class: "bsa-modal-overlay",
-            onClick: me(w, ["self"])
+            onClick: ue(B, ["self"])
           }, [
-            c("div", {
-              class: b(r.value),
+            d("div", {
+              class: b(i.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", Ns, [
+                d("div", Ms, [
+                  e.icon ? (n(), w(S, {
                     key: 0,
                     icon: e.icon,
-                    style: T({ color: e.iconColor }),
+                    style: N({ color: e.iconColor }),
                     class: "bsa-modal__icon"
-                  }, null, 8, ["icon", "style"])) : i("", !0),
-                  c("div", ps, [
-                    c("h3", ks, [
+                  }, null, 8, ["icon", "style"])) : r("", !0),
+                  d("div", As, [
+                    d("h3", Ls, [
                       y(p.$slots, "header", {}, () => [
-                        A(m(e.title), 1)
+                        q(m(e.title), 1)
                       ])
                     ]),
-                    e.subtitle ? (n(), o("p", Bs, m(e.subtitle), 1)) : i("", !0)
+                    e.subtitle ? (n(), o("p", Rs, m(e.subtitle), 1)) : r("", !0)
                   ])
                 ]),
-                e.closable ? (n(), C(j, {
+                e.closable ? (n(), w(G, {
                   key: 0,
                   icon: "X",
                   class: "bsa-modal__close",
                   onClick: u
-                })) : i("", !0)
-              ])) : i("", !0),
-              c("div", {
+                })) : r("", !0)
+              ])) : r("", !0),
+              d("div", {
                 class: b(["bsa-modal__body", { "bsa-modal__body--scrollable": e.scrollable }])
               }, [
                 y(p.$slots, "default")
               ], 2),
-              e.showFooter || p.$slots.footer ? (n(), o("div", ws, [
+              e.showFooter || p.$slots.footer ? (n(), o("div", qs, [
                 y(p.$slots, "footer", {}, () => [
-                  e.showCancel ? (n(), C(E, {
+                  e.showCancel ? (n(), w(X, {
                     key: 0,
                     variant: "secondary",
                     outlined: "",
                     label: e.cancelLabel,
-                    onClick: d
-                  }, null, 8, ["label"])) : i("", !0),
-                  e.showConfirm ? (n(), C(E, {
+                    onClick: c
+                  }, null, 8, ["label"])) : r("", !0),
+                  e.showConfirm ? (n(), w(X, {
                     key: 1,
                     variant: e.confirmVariant,
                     label: e.confirmLabel,
                     loading: e.loading,
                     onClick: v
-                  }, null, 8, ["variant", "label", "loading"])) : i("", !0)
+                  }, null, 8, ["variant", "label", "loading"])) : r("", !0)
                 ])
-              ])) : i("", !0)
+              ])) : r("", !0)
             ], 2)
-          ])) : i("", !0)
+          ])) : r("", !0)
         ]),
         _: 3
       })
     ]));
   }
 });
-function Ss(e = {}) {
-  const a = M(!1), t = M(e), s = M(null);
+function Es(e = {}) {
+  const a = V(!1), t = V(e), s = V(null);
   return {
     isOpen: a,
     options: t,
@@ -1854,58 +1948,58 @@ function Ss(e = {}) {
     }
   };
 }
-const P = Ss({
+const Z = Es({
   size: "sm",
   closable: !0,
   closeOnOverlay: !1
-}), K = M(null), Y = M(null);
-function Ds() {
+}), te = V(null), ae = V(null);
+function Ps() {
   return {
-    ...P,
+    ...Z,
     confirm: (a, t) => new Promise((s) => {
-      P.open({
+      Z.open({
         title: a,
         subtitle: t
-      }), K.value = () => {
-        P.close(!0), s(!0);
-      }, Y.value = () => {
-        P.close(!1), s(!1);
+      }), te.value = () => {
+        Z.close(!0), s(!0);
+      }, ae.value = () => {
+        Z.close(!1), s(!1);
       };
     }),
-    confirmHandler: K,
-    cancelHandler: Y
+    confirmHandler: te,
+    cancelHandler: ae
   };
 }
-const zs = { class: "bsa-confirm-dialog" }, _s = { class: "bsa-confirm-dialog__message" }, Is = { class: "bsa-confirm-dialog__actions" }, xs = /* @__PURE__ */ $({
+const Os = { class: "bsa-confirm-dialog" }, Us = { class: "bsa-confirm-dialog__message" }, Zs = { class: "bsa-confirm-dialog__actions" }, Hs = /* @__PURE__ */ $({
   __name: "BsaConfirmDialog",
   setup(e) {
-    const a = Ds(), t = () => {
+    const a = Ps(), t = () => {
       a.cancelHandler.value?.();
     }, s = () => {
       a.confirmHandler.value?.();
     };
-    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,
+    return (l, i) => (n(), w(Fs, {
+      modelValue: z(a).isOpen.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (u) => z(a).isOpen.value = u),
+      title: z(a).options.value.title,
+      subtitle: z(a).options.value.subtitle,
+      size: z(a).options.value.size,
+      closable: z(a).options.value.closable,
+      "close-on-overlay": z(a).options.value.closeOnOverlay,
       "show-footer": !1,
       onClose: t
     }, {
-      default: O(() => [
-        c("div", zs, [
-          c("div", _s, m(D(a).options.value.subtitle), 1),
-          c("div", Is, [
-            I(E, {
+      default: U(() => [
+        d("div", Os, [
+          d("div", Us, m(z(a).options.value.subtitle), 1),
+          d("div", Zs, [
+            T(X, {
               label: "Cancel",
               variant: "secondary",
               outlined: "",
               onClick: t
             }),
-            I(E, {
+            T(X, {
               label: "Confirm",
               variant: "danger",
               onClick: s
@@ -1916,8 +2010,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) {
+}), Bn = /* @__PURE__ */ E(Hs, [["__scopeId", "data-v-ebcdd15a"]]);
+function Cn(e, a) {
   const { key: t, storage: s = "local" } = a, l = typeof window < "u" ? s === "local" ? localStorage : sessionStorage : null;
   if (!l)
     return {
@@ -1928,89 +2022,89 @@ function un(e, a) {
       },
       hasStoredData: () => !1
     };
-  const r = () => {
+  const i = () => {
     try {
-      const w = JSON.stringify(e.value);
-      l.setItem(t, w);
+      const B = JSON.stringify(e.value);
+      l.setItem(t, B);
     } catch {
     }
   }, u = () => {
     try {
-      const w = l.getItem(t);
-      if (w) {
-        const B = JSON.parse(w);
-        return e.value = B, !0;
+      const B = l.getItem(t);
+      if (B) {
+        const C = JSON.parse(B);
+        return e.value = C, !0;
       }
       return !1;
     } catch {
       return !1;
     }
-  }, d = () => {
+  }, c = () => {
     try {
       l.removeItem(t);
     } catch {
     }
   }, v = () => l.getItem(t) !== null;
-  return W(
+  return j(
     e,
     () => {
-      r();
+      i();
     },
     { deep: !0 }
   ), {
-    save: r,
+    save: i,
     restore: u,
-    clear: d,
+    clear: c,
     hasStoredData: v
   };
 }
-const G = "bsa-theme", cn = /* @__PURE__ */ $({
+const se = "bsa-theme", Sn = /* @__PURE__ */ $({
   __name: "BsaThemeProvider",
   setup(e) {
-    const a = M("light"), t = M(!1), s = f(() => a.value === "dark"), l = () => {
+    const a = V("light"), t = V(!1), s = f(() => a.value === "dark"), l = () => {
       a.value = a.value === "light" ? "dark" : "light";
-    }, r = (u) => {
+    }, i = (u) => {
       document.documentElement.classList.toggle("dark", u === "dark");
     };
-    return Q(() => {
-      const u = localStorage.getItem(G);
+    return oe(() => {
+      const u = localStorage.getItem(se);
       a.value = u ?? "light", t.value = !0;
-    }), W(
+    }), j(
       [a, t],
-      ([u, d]) => {
-        d && (localStorage.setItem(G, u), r(u));
+      ([u, c]) => {
+        c && (localStorage.setItem(se, u), i(u));
       },
       { immediate: !0 }
-    ), fe(ae, {
+    ), ke(de, {
       isDarkMode: s,
       toggleTheme: l
-    }), (u, d) => y(u.$slots, "default");
+    }), (u, c) => y(u.$slots, "default");
   }
 });
-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;
+function _n(e, a = {}) {
+  const { locale: t = "en-US", currency: s = "USD", minimumFractionDigits: l = 2, maximumFractionDigits: i = 2 } = a, u = typeof e == "string" ? parseFloat(e) : e;
   return isNaN(u) ? "0.00" : new Intl.NumberFormat(t, {
     style: "currency",
     currency: s,
     minimumFractionDigits: l,
-    maximumFractionDigits: r
+    maximumFractionDigits: i
   }).format(u);
 }
-function bn(e, a = "en-US") {
+function Dn(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 zn(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 xn(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 In(e, a = "medium", t = "en-US") {
   const s = e instanceof Date ? e : new Date(e);
   if (isNaN(s.getTime()))
     return "Invalid Date";
@@ -2058,12 +2152,12 @@ function hn(e, a = "medium", t = "en-US") {
         hour12: !0
       }).format(s);
     case "relative":
-      return Ts(s);
+      return Xs(s);
     default:
       return s.toLocaleDateString(t);
   }
 }
-function Ts(e, a = "en-US") {
+function Xs(e, a = "en-US") {
   const t = e instanceof Date ? e : new Date(e);
   if (isNaN(t.getTime()))
     return "";
@@ -2075,73 +2169,73 @@ function Ts(e, a = "en-US") {
     { value: 3600, unit: "hour" },
     { value: 60, unit: "minute" },
     { value: 1, unit: "second" }
-  ], r = new Intl.RelativeTimeFormat(a, {
+  ], i = new Intl.RelativeTimeFormat(a, {
     numeric: "auto"
   });
   for (const u of l) {
-    const d = Math.round(s / u.value);
-    if (Math.abs(d) >= 1)
-      return r.format(d, u.unit);
+    const c = Math.round(s / u.value);
+    if (Math.abs(c) >= 1)
+      return i.format(c, u.unit);
   }
-  return r.format(0, "second");
+  return i.format(0, "second");
 }
-function gn(e) {
+function Tn(e) {
   const a = new Date(e);
   return isNaN(a.getTime()) ? null : a;
 }
-function yn(e) {
+function Vn(e) {
   return e instanceof Date && !isNaN(e.getTime());
 }
-function vn(e, a) {
+function Nn(e, a) {
   const t = new Date(e);
   return t.setDate(t.getDate() + a), t;
 }
-function $n(e, a) {
+function Mn(e, a) {
   const t = new Date(e);
   return t.setMonth(t.getMonth() + a), t;
 }
-function pn(e, a) {
+function An(e, a) {
   const t = new Date(e);
   return t.setFullYear(t.getFullYear() + a), t;
 }
-function kn(e, a) {
+function Ln(e, a) {
   const t = Math.abs(a.getTime() - e.getTime());
   return Math.ceil(t / (1e3 * 60 * 60 * 24));
 }
-function Bn(e) {
+function Rn(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 Ws(e) {
   return e ? e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() : "";
 }
-function wn(e) {
-  return e ? e.split(" ").map((a) => Vs(a)).join(" ") : "";
+function qn(e) {
+  return e ? e.split(" ").map((a) => Ws(a)).join(" ") : "";
 }
-function Ns(e) {
+function js(e) {
   return e ? e.replace(/[^a-zA-Z0-9]+(.)/g, (a, t) => t.toUpperCase()).replace(/^[A-Z]/, (a) => a.toLowerCase()) : "";
 }
-function Cn(e) {
+function Fn(e) {
   return e ? e.replace(/([A-Z])/g, "_$1").toLowerCase().replace(/^_/, "").replace(/\s+/g, "_") : "";
 }
-function Sn(e) {
+function En(e) {
   return e ? e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "").replace(/\s+/g, "-") : "";
 }
-function Dn(e) {
+function Pn(e) {
   if (!e) return "";
-  const a = Ns(e);
+  const a = js(e);
   return a.charAt(0).toUpperCase() + a.slice(1);
 }
-function zn(e, a, t = "...") {
+function On(e, a, t = "...") {
   return !e || e.length <= a ? e : e.substring(0, a) + t;
 }
-function _n(e) {
+function Un(e) {
   return e ? e.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "") : "";
 }
-function In(e, a, t = "end") {
+function Zn(e, a, t = "end") {
   if (!e || e.length <= a) return e;
   switch (t) {
     case "start":
@@ -2153,16 +2247,16 @@ function In(e, a, t = "end") {
       return e.slice(0, a - 3) + "...";
   }
 }
-function xn(e) {
+function Hn(e) {
   return e ? e.replace(/\s+/g, "") : "";
 }
-function Tn(e) {
+function Xn(e) {
   return e ? e.replace(/\s+/g, " ").trim() : "";
 }
-function Vn(e) {
+function Wn(e) {
   return e ? e.replace(/<[^>]*>/g, "") : "";
 }
-function Nn(e) {
+function jn(e) {
   if (!e) return "";
   const a = {
     "&": "&amp;",
@@ -2173,7 +2267,7 @@ function Nn(e) {
   };
   return e.replace(/[&<>"']/g, (t) => a[t]);
 }
-function Mn(e) {
+function Kn(e) {
   if (!e) return "";
   const a = {
     "&amp;": "&",
@@ -2184,124 +2278,124 @@ function Mn(e) {
   };
   return e.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, (t) => a[t]);
 }
-function An(e, a = 0, t, s = "*") {
+function Yn(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);
+  const l = t || e.length, i = s.repeat(l - a);
+  return e.substring(0, a) + i + e.substring(l);
 }
-function Ms(e) {
+function Ks(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 Gn(e) {
+  return !Ks(e);
 }
-function Rn(e, a) {
+function Jn(e, a) {
   return e === a;
 }
-function ne(e) {
+function me(e) {
   const a = new Date(e);
   return !isNaN(a.getTime());
 }
-function Fn(e) {
+function Qn(e) {
   const a = new Date(e), t = /* @__PURE__ */ new Date();
-  return ne(e) && a > t;
+  return me(e) && a > t;
 }
-function Ln(e) {
+function el(e) {
   const a = new Date(e), t = /* @__PURE__ */ new Date();
-  return ne(e) && a < t;
+  return me(e) && a < t;
 }
-function On(e) {
+function tl(e) {
   return !isNaN(Number(e)) && isFinite(Number(e));
 }
-function Pn(e, a, t) {
+function al(e, a, t) {
   return e >= a && e <= t;
 }
-function Un(e) {
+function sl(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function En(e) {
+function nl(e) {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
 }
-function Zn(e) {
+function ll(e) {
   return /^[\d\s\-\+\(\)]{10,}$/.test(e);
 }
-function Hn(e) {
+function ol(e) {
   return /^[a-zA-Z0-9]+$/.test(e);
 }
-function Xn(e) {
+function il(e) {
   return /^[a-zA-Z]+$/.test(e);
 }
-function Wn(e) {
+function rl(e) {
   return /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(e);
 }
-function jn(e) {
+function ul(e) {
   return /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/.test(e);
 }
-function Kn(e) {
+function cl(e) {
   return e.length < 8;
 }
-function Yn(e, a, t) {
+function dl(e, a, t) {
   return t !== void 0 ? e.length >= a && e.length <= t : e.length >= a;
 }
-const Gn = (e) => ({
+const bl = (e) => ({
   required: !0,
   message: e || "This field is required"
-}), Jn = (e, a) => ({
+}), ml = (e, a) => ({
   minLength: e,
   message: a || `Must be at least ${e} characters`
-}), Qn = (e, a) => ({
+}), fl = (e, a) => ({
   maxLength: e,
   message: a || `Must be at most ${e} characters`
-}), el = (e) => ({
+}), hl = (e) => ({
   pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
   message: e || "Invalid email address"
-}), tl = (e) => ({
+}), gl = (e) => ({
   pattern: /^https?:\/\/.+/,
   message: e || "Invalid URL"
-}), al = (e) => ({
+}), yl = (e) => ({
   pattern: /^[\d\s\-\+\(\)]+$/,
   message: e || "Invalid phone number"
-}), sl = (e) => ({
+}), vl = (e) => ({
   pattern: /^\d+$/,
   message: e || "Must be numeric"
-}), nl = (e) => ({
+}), pl = (e) => ({
   pattern: /^[a-zA-Z0-9]+$/,
   message: e || "Must be alphanumeric"
-}), ll = (e) => ({
+}), $l = (e) => ({
   pattern: /^[a-zA-Z]+$/,
   message: e || "Must be alphabetic"
-}), ol = (e, a) => ({
+}), kl = (e, a) => ({
   validator: (t) => {
     const s = Number(t);
     return !isNaN(s) && s >= e;
   },
   message: a || `Must be at least ${e}`
-}), il = (e, a) => ({
+}), wl = (e, a) => ({
   validator: (t) => {
     const s = Number(t);
     return !isNaN(s) && s <= e;
   },
   message: a || `Must be at most ${e}`
-}), rl = (e, a, t) => ({
+}), Bl = (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) => ({
+}), 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, and number"
-}), cl = (e) => ({
+}), Sl = (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) => ({
+}), _l = (e, a, t) => ({
   validator: (s) => s === a,
   message: t || `Must match ${e}`
-}), bl = (e) => ({
+}), Dl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2309,7 +2403,7 @@ const Gn = (e) => ({
     return !isNaN(t.getTime());
   },
   message: e || "Invalid date"
-}), ml = (e) => ({
+}), zl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2317,7 +2411,7 @@ const Gn = (e) => ({
     return !isNaN(t.getTime()) && t > s;
   },
   message: e || "Date must be in the future"
-}), fl = (e) => ({
+}), xl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2325,64 +2419,64 @@ const Gn = (e) => ({
     return !isNaN(t.getTime()) && t < s;
   },
   message: e || "Date must be in the past"
-}), hl = (e) => ({
+}), Il = (e) => ({
   validator: (a) => {
     const t = String(a).replace(/\D/g, "");
     if (t.length < 13 || t.length > 19) return !1;
     let s = 0, l = !1;
-    for (let r = t.length - 1; r >= 0; r--) {
-      let u = parseInt(t[r]);
+    for (let i = t.length - 1; i >= 0; i--) {
+      let u = parseInt(t[i]);
       l && (u *= 2, u > 9 && (u -= 9)), s += u, l = !l;
     }
     return s % 10 === 0;
   },
   message: e || "Invalid credit card number"
-}), gl = (e) => ({
+}), Tl = (e) => ({
   pattern: /^\d{5}(-\d{4})?$/,
   message: e || "Invalid ZIP code"
-}), yl = (e) => ({
+}), Vl = (e) => ({
   pattern: /^\d{3}-\d{2}-\d{4}$/,
   message: e || "Invalid SSN (format: XXX-XX-XXXX)"
 });
-function vl(e) {
+function Nl(e) {
   const a = e.replace(/\D/g, "");
   if (a.length < 13 || a.length > 19) return !1;
   let t = 0, s = !1;
   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;
+    let i = parseInt(a[l]);
+    s && (i *= 2, i > 9 && (i -= 9)), t += i, s = !s;
   }
   return t % 10 === 0;
 }
-function $l(e) {
+function Ml(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 Al(e) {
   return /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/.test(e);
 }
-function kl(e) {
+function Ll(e) {
   return /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/.test(e);
 }
-function Bl(e) {
+function Rl(e) {
   return /^[A-Za-z0-9+/]*={0,2}$/.test(e);
 }
-function wl(e) {
+function ql(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 Fl(e) {
   try {
     return JSON.parse(e), !0;
   } catch {
     return !1;
   }
 }
-function Sl(e) {
+function El(e) {
   return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e);
 }
-function Dl(e, a = "US") {
+function Pl(e, a = "US") {
   return {
     US: /^\d{5}(-\d{4})?$/,
     CA: /^[A-Z]\d[A-Z] \d[A-Z]\d$/,
@@ -2390,118 +2484,119 @@ function Dl(e, a = "US") {
   }[a].test(e);
 }
 export {
-  E as BsaButton,
-  Fs as BsaButtonBadge,
-  j as BsaButtonIcon,
-  Ls as BsaButtonPanel,
-  Gs as BsaCard,
-  Zs as BsaCheckbox,
-  rn as BsaConfirmDialog,
-  Js as BsaContainer,
+  ee as BsaBadge,
+  X as BsaButton,
+  Qs as BsaButtonBadge,
+  G as BsaButtonIcon,
+  en as BsaButtonPanel,
+  mn as BsaCard,
+  ln as BsaCheckbox,
+  Bn as BsaConfirmDialog,
+  fn 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
+  on as BsaInputDate,
+  rn as BsaInputSearch,
+  un as BsaInputSelect,
+  cn as BsaInputText,
+  dn as BsaInputTextarea,
+  hn as BsaLayoutApp,
+  gn as BsaLayoutEmpty,
+  yn as BsaLayoutTwoColumn,
+  be as BsaLink,
+  tn as BsaLoading,
+  sn as BsaLogo,
+  Fs as BsaModal,
+  vn as BsaPage,
+  Sa as BsaRadio,
+  bn as BsaRadioGroup,
+  pn as BsaSection,
+  $n as BsaSidebar,
+  kn as BsaSidebarMenuItem,
+  Sn as BsaThemeProvider,
+  nn as BsaThemeToggle,
+  _t as BsaToast,
+  an as BsaToastContainer,
+  wn as BsaTopbar,
+  de as THEME_KEY,
+  Rn as abbreviateNumber,
+  Nn as addDays,
+  Mn as addMonths,
+  An as addYears,
+  $l as alphabetic,
+  pl as alphanumeric,
+  js as camelCase,
+  Ws as capitalize,
+  qn as capitalizeWords,
+  Il as creditCard,
+  Dl as date,
+  Zn as ellipsis,
+  hl as email,
+  jn as escapeHtml,
+  _n as formatCurrency,
+  In as formatDate,
+  zn as formatNumber,
+  xn as formatPercentage,
+  Xs as formatRelativeTime,
+  zl as futureDate,
+  Ln as getDaysDifference,
+  Js as iconNames,
+  il as isAlphabetic,
+  ol as isAlphanumeric,
+  Rl as isBase64,
+  Nl as isCreditCard,
+  me as isDate,
+  sl as isEmail,
+  Ks as isEmpty,
+  Jn as isEqual,
+  Qn as isFutureDate,
+  El as isHexColor,
+  Ml as isIPv4,
+  Al as isIPv6,
+  al as isInRange,
+  Fl as isJSON,
+  dl as isLength,
+  Ll as isMACAddress,
+  Gn as isNotEmpty,
+  tl as isNumeric,
+  el as isPastDate,
+  ll as isPhone,
+  Pl as isPostalCode,
+  rl as isSlug,
+  ul as isStrongPassword,
+  ql as isUUID,
+  nl as isUrl,
+  Vn as isValidDate,
+  cl as isWeakPassword,
+  En as kebabCase,
+  Yn as mask,
+  _l as matchField,
+  fl as maxLength,
+  wl as maxValue,
+  ml as minLength,
+  kl as minValue,
+  Xn as normalizeWhitespace,
+  vl as numeric,
+  Dn as parseCurrency,
+  Tn as parseDate,
+  Pn as pascalCase,
+  Cl as password,
+  xl as pastDate,
+  yl as phone,
+  Bl as range,
+  Hn as removeWhitespace,
+  bl as required,
+  Un as slugify,
+  Fn as snakeCase,
+  Vl as ssn,
+  Wn as stripHtml,
+  Sl as strongPassword,
+  On as truncate,
+  Kn as unescapeHtml,
+  gl as url,
+  Ps as useConfirmDialog,
+  Es as useModal,
+  Cn as useStorage,
+  Nt as useTheme,
+  zt as useToast,
+  Tl as zipCode
 };