@bsasolutions/pkg_core 0.3.4 → 0.3.5

package/dist/index.es.js

@@ -1,53 +1,53 @@
-import { defineComponent as p, computed as f, openBlock as n, createBlock as B, resolveDynamicComponent as ie, normalizeStyle as T, createElementBlock as o, normalizeClass as b, createCommentVNode as i, renderSlot as y, createTextVNode as A, toDisplayString as m, createVNode as I, createElementVNode as c, Fragment as V, renderList as N, ref as M, TransitionGroup as re, withCtx as O, unref as D, inject as ue, onBeforeUnmount as ce, withKeys as U, useSlots as Q, onMounted as ee, onUnmounted as te, resolveComponent as de, watch as W, Teleport as be, Transition as me, withModifiers as fe, provide as he } from "vue";
-import { ChartColumn as ge, ShieldCheck as ye, UserCog as ve, Users as $e, MessageSquare as pe, ChevronDown as ke, ChevronRight as Be, ChevronLeft as we, Moon as Ce, Sun as Se, TriangleAlert as _e, Info as De, CircleAlert as ze, KeySquare as Ie, EyeOff as xe, Eye as Te, RotateCw as Ve, RefreshCcw as Ne, LogOut as Me, LogIn as Ae, Mail as qe, CheckCircle as Re, XCircle as Fe, MinusCircle as Le, PlusCircle as Oe, Trash2 as Pe, Edit2 as Ue, Save as Ee, Heart as Ze, Star as He, Download as Xe, Upload as We, ArrowRight as je, ArrowLeft as Ke, Minus as Ye, Plus as Ge, Trash as Je, Edit as Qe, Check as et, Menu as tt, Bell as at, Search as st, Settings as nt, User as lt, Home as ot, X as it } from "@lucide/vue";
-const X = {
-  X: it,
-  Home: ot,
-  User: lt,
-  Settings: nt,
-  Search: st,
-  Bell: at,
-  Menu: tt,
-  Check: et,
-  Edit: Qe,
-  Trash: Je,
-  Plus: Ge,
-  Minus: Ye,
-  ArrowLeft: Ke,
-  ArrowRight: je,
-  Upload: We,
-  Download: Xe,
-  Star: He,
-  Heart: Ze,
-  Save: Ee,
-  Edit2: Ue,
-  Trash2: Pe,
-  PlusCircle: Oe,
-  MinusCircle: Le,
-  XCircle: Fe,
-  CheckCircle: Re,
-  Mail: qe,
-  LogIn: Ae,
-  LogOut: Me,
-  RefreshCcw: Ne,
-  RotateCw: Ve,
-  Eye: Te,
-  EyeOff: xe,
-  KeySquare: Ie,
-  CircleAlert: ze,
-  Info: De,
-  TriangleAlert: _e,
-  Sun: Se,
-  Moon: Ce,
-  ChevronLeft: we,
-  ChevronRight: Be,
-  ChevronDown: ke,
-  MessageSquare: pe,
-  Users: $e,
-  UserCog: ve,
-  ShieldCheck: ye,
-  BarChart: ge
-}, Ws = Object.keys(X), S = /* @__PURE__ */ p({
+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: {},
@@ -55,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(() => ({
@@ -66,11 +66,11 @@ const X = {
       height: a.size,
       color: a.color
     }));
-    return (r, u) => (n(), B(ie(s.value), {
-      style: T(l.value)
+    return (i, u) => (n(), w(ge(s.value), {
+      style: N(l.value)
     }, null, 8, ["style"]));
   }
-}), rt = ["type", "disabled"], ut = { key: 2 }, E = /* @__PURE__ */ p({
+}), ft = ["type", "disabled"], ht = { key: 2 }, X = /* @__PURE__ */ $({
   __name: "BsaButton",
   props: {
     type: { default: "button" },
@@ -106,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(), B(S, {
+      e.loading ? (n(), w(S, {
         key: 0,
         icon: "Spinner",
         class: "bsa-button__icon bsa-button__icon--loading"
-      })) : e.icon && e.iconPosition === "left" ? (n(), B(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", ut, [
+      }, 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(), B(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, rt));
+      }, null, 8, ["icon"])) : r("", !0)
+    ], 10, ft));
   }
-}), ct = ["aria-label"], dt = /* @__PURE__ */ p({
+}), gt = ["aria-label"], yt = /* @__PURE__ */ $({
   __name: "BsaButtonBadge",
   props: {
     icon: { default: "Bell" },
@@ -148,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 ($, 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] = (C) => s("click", C))
+      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, ct));
+        class: b(c.value)
+      }, null, 2)) : r("", !0)
+    ], 10, gt));
   }
-}), q = (e, a) => {
+}), E = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [s, l] of a)
     t[s] = l;
   return t;
-}, js = /* @__PURE__ */ q(dt, [["__scopeId", "data-v-89d3c32f"]]), bt = ["type", "disabled", "title"], j = /* @__PURE__ */ p({
+}, Qs = /* @__PURE__ */ E(yt, [["__scopeId", "data-v-89d3c32f"]]), vt = ["type", "disabled", "title"], G = /* @__PURE__ */ $({
   __name: "BsaButtonIcon",
   props: {
     icon: {},
@@ -213,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(), B(S, {
+      e.loading ? (n(), w(S, {
         key: 0,
         icon: "Spinner",
         class: "bsa-button-icon__loading"
-      })) : (n(), B(S, {
+      })) : (n(), w(S, {
         key: 1,
         icon: e.icon
       }, null, 8, ["icon"]))
-    ], 10, bt));
+    ], 10, vt));
   }
-}), Ks = /* @__PURE__ */ p({
+}), en = /* @__PURE__ */ $({
   __name: "BsaButtonPanel",
   props: {
     align: { default: "left" },
@@ -255,7 +255,7 @@ const X = {
       y(s.$slots, "default")
     ], 2));
   }
-}), mt = /* @__PURE__ */ p({
+}), pt = /* @__PURE__ */ $({
   __name: "BsaBadge",
   props: {
     label: {},
@@ -266,10 +266,10 @@ const X = {
       class: b(["bsa-badge", `bsa-badge--${e.tone}`])
     }, m(e.label), 3));
   }
-}), K = /* @__PURE__ */ q(mt, [["__scopeId", "data-v-3ff150a4"]]), ft = { class: "bsa-loading__content" }, ht = {
+}), ee = /* @__PURE__ */ E(pt, [["__scopeId", "data-v-3ff150a4"]]), $t = { class: "bsa-loading__content" }, kt = {
   key: 7,
   class: "bsa-loading__message"
-}, gt = { key: 0 }, yt = /* @__PURE__ */ p({
+}, wt = { key: 0 }, Bt = /* @__PURE__ */ $({
   __name: "BsaLoading",
   props: {
     isLoading: { type: Boolean },
@@ -291,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", ft, [
+      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", ht, [
-          c("p", null, m(e.message), 1),
-          e.submessage ? (n(), o("p", gt, 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);
   }
-}), Ys = /* @__PURE__ */ q(yt, [["__scopeId", "data-v-09020727"]]), vt = { class: "bsa-toast__content" }, $t = { key: 0 }, pt = /* @__PURE__ */ p({
+}), 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";
@@ -391,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", vt, [
-        e.toast.title ? (n(), o("strong", $t, 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] = ($) => 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 kt = 1;
-const ae = (e) => {
-  Z.value = Z.value.filter((a) => a.id !== e);
-}, L = (e, a = "info", t = {}) => {
-  const s = kt++, 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(() => {
-    ae(s);
+  return W.value.push(l), l.duration > 0 && window.setTimeout(() => {
+    ce(s);
   }, l.duration), s;
-}, Bt = () => ({
-  toasts: Z,
-  show: L,
-  remove: ae,
-  success: (e, a = {}) => L(e, "success", a),
-  error: (e, a = {}) => L(e, "error", a),
-  warning: (e, a = {}) => L(e, "warning", a),
-  info: (e, a = {}) => L(e, "info", a)
-}), wt = { class: "bsa-toast-container" }, Gs = /* @__PURE__ */ p({
+}, 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 } = Bt();
-    return (s, l) => (n(), o("div", wt, [
-      I(re, { name: "bsa-toast" }, {
-        default: O(() => [
-          (n(!0), o(V, null, N(D(a), (r) => (n(), B(pt, {
-            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
       })
     ]));
   }
-}), Ct = ["src", "alt"], St = {
+}), It = ["src", "alt"], Tt = {
   key: 2,
   class: "bsa-logo__content"
-}, _t = /* @__PURE__ */ p({
+}, Vt = /* @__PURE__ */ $({
   __name: "BsaLogo",
   props: {
     src: {},
@@ -501,52 +501,52 @@ const ae = (e) => {
         src: e.src,
         alt: e.alt,
         class: b(["bsa-logo__image", a[e.size].image])
-      }, null, 10, Ct)) : e.icon ? (n(), B(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", St, [
+      }, 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));
   }
-}), Js = /* @__PURE__ */ q(_t, [["__scopeId", "data-v-e8e7bb76"]]), se = /* @__PURE__ */ Symbol("bsa-theme");
-function Dt() {
-  const e = ue(se);
+}), 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 zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
+const Mt = ["aria-label", "title"], At = /* @__PURE__ */ $({
   __name: "BsaThemeToggle",
   setup(e) {
-    const { isDarkMode: a, toggleTheme: t } = Dt();
+    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, zt));
+    ], 8, Mt));
   }
-}), Qs = /* @__PURE__ */ q(It, [["__scopeId", "data-v-d4c9dd72"]]), xt = ["id", "checked", "disabled", "required"], Tt = {
+}), nn = /* @__PURE__ */ E(At, [["__scopeId", "data-v-d4c9dd72"]]), Lt = ["id", "checked", "disabled", "required"], Rt = {
   key: 0,
   class: "bsa-checkbox__label"
-}, en = /* @__PURE__ */ p({
+}, ln = /* @__PURE__ */ $({
   __name: "BsaCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -563,13 +563,13 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
       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",
@@ -577,20 +577,20 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         disabled: e.disabled || e.readonly,
         required: e.required,
         onChange: s
-      }, null, 40, xt),
-      e.label ? (n(), o("span", Tt, m(e.label), 1)) : i("", !0)
+      }, null, 40, Lt),
+      e.label ? (n(), o("span", Rt, m(e.label), 1)) : r("", !0)
     ], 2));
   }
-}), Vt = ["for"], Nt = {
+}), qt = ["for"], Ft = {
   key: 0,
   class: "bsa-input-required"
-}, Mt = { class: "bsa-input-field bsa-input-field--has-right-content" }, At = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "min", "max"], qt = { class: "bsa-input-date-icon" }, Rt = {
+}, 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"
-}, Ft = {
+}, Zt = {
   key: 2,
   class: "bsa-input-error"
-}, tn = /* @__PURE__ */ p({
+}, on = /* @__PURE__ */ $({
   __name: "BsaInputDate",
   props: {
     modelValue: {},
@@ -610,7 +610,7 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
   },
   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 ? $(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}`,
       {
@@ -618,62 +618,62 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         "bsa-input--readonly": t.readonly,
         "bsa-input--disabled": t.disabled
       }
-    ]), d = f(() => t.modelValue instanceof Date), $ = (g) => {
-      const v = g.getFullYear(), _ = String(g.getMonth() + 1).padStart(2, "0"), x = String(g.getDate()).padStart(2, "0");
+    ]), 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 `${v}-${_}-${x}`;
+          return `${h}-${_}-${x}`;
         case "datetime-local": {
           const F = String(g.getHours()).padStart(2, "0"), R = String(g.getMinutes()).padStart(2, "0");
-          return `${v}-${_}-${x}T${F}:${R}`;
+          return `${h}-${_}-${x}T${F}:${R}`;
         }
         case "time":
           return `${String(g.getHours()).padStart(2, "0")}:${String(g.getMinutes()).padStart(2, "0")}`;
         case "month":
-          return `${v}-${_}`;
+          return `${h}-${_}`;
         case "week":
-          return `${v}-W${String(w(g)).padStart(2, "0")}`;
+          return `${h}-W${String(B(g)).padStart(2, "0")}`;
         default:
           return "";
       }
-    }, w = (g) => {
-      const v = new Date(Date.UTC(g.getFullYear(), g.getMonth(), g.getDate())), _ = v.getUTCDay() || 7;
-      v.setUTCDate(v.getUTCDate() + 4 - _);
-      const x = new Date(Date.UTC(v.getUTCFullYear(), 0, 1));
-      return Math.ceil(((v.getTime() - x.getTime()) / 864e5 + 1) / 7);
+    }, 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 [v, _, x] = g.split("-").map(Number);
-          return new Date(v, _ - 1, x);
+          const [h, _, x] = g.split("-").map(Number);
+          return new Date(h, _ - 1, x);
         }
         case "datetime-local": {
-          const [v, _] = g.split("T"), [x, F, R] = v.split("-").map(Number), [H, oe] = _.split(":").map(Number);
-          return new Date(x, F - 1, R, H, oe);
+          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 [v, _] = g.split(":").map(Number), x = t.modelValue instanceof Date ? new Date(t.modelValue) : /* @__PURE__ */ new Date();
-          return x.setHours(v, _, 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 [v, _] = g.split("-").map(Number);
-          return new Date(v, _ - 1, 1);
+          const [h, _] = g.split("-").map(Number);
+          return new Date(h, _ - 1, 1);
         }
         case "week": {
-          const [v, _] = g.split("-W"), x = Number(v), F = Number(_), R = new Date(x, 0, 1 + (F - 1) * 7), H = R.getDay() || 7;
-          return R.setDate(R.getDate() - H + 1), R;
+          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(g);
       }
-    }, k = (g) => d.value ? g ? C(g) : "" : g, h = (g) => {
-      const v = g.target;
-      s("update:modelValue", k(v.value));
-    }, z = (g) => {
-      const v = g.target;
-      s("change", k(v.value));
+    }, 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 (g, v) => (n(), o("div", {
+    return (g, h) => (n(), o("div", {
       class: b(["bsa-input-date", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -681,14 +681,14 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         for: l.value,
         class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
-        A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", Nt, "*")) : i("", !0)
-      ], 10, Vt)) : i("", !0),
-      c("div", Mt, [
-        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,
@@ -696,32 +696,32 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
           min: e.min,
           max: e.max,
           class: b(u.value),
-          onInput: h,
-          onChange: z,
-          onBlur: v[0] || (v[0] = (_) => s("blur", _)),
-          onFocus: v[1] || (v[1] = (_) => s("focus", _))
-        }, null, 42, At),
-        c("div", qt, [
-          I(S, { icon: "Calendar" })
+          onInput: p,
+          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", Rt, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), o("p", Ft, 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));
   }
-}), Lt = ["for"], Ot = {
+}), Ht = ["for"], Xt = {
   key: 0,
   class: "bsa-input-required"
-}, Pt = { class: "bsa-input-field bsa-input-field--has-icon bsa-input-field--has-right-content" }, Ut = { class: "bsa-input-search-icon" }, Et = ["id", "value", "placeholder", "disabled", "readonly"], Zt = {
+}, 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"
-}, Ht = ["disabled"], Xt = {
+}, Gt = ["disabled"], Jt = {
   key: 1,
   class: "bsa-input-hint"
-}, Wt = {
+}, Qt = {
   key: 2,
   class: "bsa-input-error"
-}, an = /* @__PURE__ */ p({
+}, rn = /* @__PURE__ */ $({
   __name: "BsaInputSearch",
   props: {
     modelValue: {},
@@ -742,92 +742,92 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
   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 = (C) => {
-      const h = C.target.value;
-      s("update:modelValue", h), l && clearTimeout(l), l = setTimeout(() => {
-        s("search", h);
+    ]), 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 ce(() => {
+    return ne(() => {
       l && clearTimeout(l);
     }), (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", Ot, "*")) : i("", !0)
-      ], 10, Lt)) : i("", !0),
-      c("div", Pt, [
-        c("div", Ut, [
-          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($, ["enter"]),
-            U(w, ["esc"])
+            H(v, ["enter"]),
+            H(B, ["esc"])
           ]
-        }, null, 42, Et),
-        e.modelValue || e.loading ? (n(), o("div", Zt, [
+        }, 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, Ht)) : i("", !0),
-          e.loading ? (n(), B(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", Xt, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), o("p", Wt, 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));
   }
-}), jt = ["for"], Kt = {
+}), ea = ["for"], ta = {
   key: 0,
   class: "bsa-input-required"
-}, Yt = { class: "bsa-input-field bsa-input-field--has-right-content" }, Gt = ["id", "value", "disabled", "required", "multiple"], Jt = {
+}, aa = { class: "bsa-input-field bsa-input-field--has-right-content" }, sa = ["id", "value", "disabled", "required", "multiple"], na = {
   key: 0,
   value: "",
   disabled: ""
-}, Qt = ["value", "disabled"], ea = ["label"], ta = ["value", "disabled"], aa = {
+}, la = ["value", "disabled"], oa = ["label"], ia = ["value", "disabled"], ra = {
   key: 0,
   class: "bsa-input-select-icon"
-}, sa = {
+}, ua = {
   key: 1,
   class: "bsa-input-hint"
-}, na = {
+}, ca = {
   key: 2,
   class: "bsa-input-error"
-}, sn = /* @__PURE__ */ p({
+}, un = /* @__PURE__ */ $({
   __name: "BsaInputSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Array] },
@@ -847,7 +847,7 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
   },
   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}`,
@@ -857,19 +857,19 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         "bsa-input--readonly": t.readonly
       }
     ]), u = f(() => {
-      const w = (t.groups ?? []).flatMap((C) => C.options);
-      return [...t.options, ...w];
-    }), d = (w) => u.value.find((k) => String(k.value) === w)?.value ?? w, $ = (w) => {
-      const C = 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 h = Array.from(C.selectedOptions).map((z) => d(z.value));
-        s("update:modelValue", h), s("change", h);
+        const p = Array.from(C.selectedOptions).map((D) => c(D.value));
+        s("update:modelValue", p), s("change", p);
         return;
       }
-      const k = d(C.value);
+      const k = c(C.value);
       s("update:modelValue", k), s("change", k);
     };
-    return (w, C) => (n(), o("div", {
+    return (B, C) => (n(), o("div", {
       class: b(["bsa-input-select", t.class])
     }, [
       e.label ? (n(), o("label", {
@@ -877,62 +877,62 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         for: l.value,
         class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
-        A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", Kt, "*")) : i("", !0)
-      ], 10, jt)) : i("", !0),
-      c("div", Yt, [
-        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),
-          onChange: $,
+          class: b(i.value),
+          onChange: v,
           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", Jt, m(e.placeholder), 1)) : i("", !0),
-          (n(!0), o(V, null, N(e.options, (k) => (n(), o("option", {
+          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, Qt))), 128)),
-          (n(!0), o(V, null, N(e.groups, (k) => (n(), o("optgroup", {
+          }, 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(k.options, (h) => (n(), o("option", {
-              key: String(h.value),
-              value: h.value,
-              disabled: h.disabled
-            }, m(h.label), 9, ta))), 128))
-          ], 8, ea))), 128))
-        ], 42, Gt),
-        e.multiple ? i("", !0) : (n(), o("div", aa, [
-          I(S, { icon: "ChevronDown" })
+            (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, 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", sa, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), o("p", na, 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));
   }
-}), la = ["for"], oa = {
+}), da = ["for"], ba = {
   key: 0,
   class: "bsa-input-required"
-}, ia = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "minlength", "min", "max", "step"], ra = {
+}, ma = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "minlength", "min", "max", "step"], fa = {
   key: 0,
   class: "bsa-input-icon"
-}, ua = {
+}, ha = {
   key: 1,
   class: "bsa-input-actions"
-}, ca = {
+}, ga = {
   key: 1,
   class: "bsa-input-hint"
-}, da = {
+}, ya = {
   key: 2,
   class: "bsa-input-error"
-}, nn = /* @__PURE__ */ p({
+}, cn = /* @__PURE__ */ $({
   __name: "BsaInputText",
   props: {
     modelValue: {},
@@ -958,9 +958,9 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "blur", "focus", "enter", "clear"],
   setup(e, { emit: a }) {
-    const t = e, s = a, l = Q(), r = f(() => t.id || `input-${Math.random().toString(36).substring(2, 11)}`), u = f(() => !!t.icon || !!l.icon), d = f(
+    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
-    ), $ = f(() => [
+    ), v = f(() => [
       "bsa-input",
       `bsa-input--${t.size}`,
       {
@@ -968,38 +968,38 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         "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
       }
-    ]), C = (h) => {
-      const z = h.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);
+      s("update:modelValue", D.value);
     }, k = () => {
       s("update:modelValue", ""), s("clear");
     };
-    return (h, 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", oa, "*")) : i("", !0)
-      ], 10, la)) : 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,
@@ -1012,45 +1012,45 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
           min: e.min,
           max: e.max,
           step: e.step,
-          class: b($.value),
+          class: b(v.value),
           onInput: C,
-          onBlur: z[0] || (z[0] = (g) => s("blur", g)),
-          onFocus: z[1] || (z[1] = (g) => s("focus", g)),
-          onKeydown: z[2] || (z[2] = U((g) => s("enter", g), ["enter"]))
-        }, null, 42, ia),
-        u.value ? (n(), o("div", ra, [
-          y(h.$slots, "icon", {}, () => [
-            e.icon ? (n(), B(S, {
+          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(), w(S, {
               key: 0,
               icon: e.icon
-            }, null, 8, ["icon"])) : i("", !0)
+            }, null, 8, ["icon"])) : r("", !0)
           ])
-        ])) : i("", !0),
-        d.value ? (n(), o("div", ua, [
-          e.clearable && e.modelValue !== void 0 && e.modelValue !== "" ? (n(), B(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: k,
             class: "bsa-input-action"
-          }, null, 8, ["disabled"])) : i("", !0),
-          y(h.$slots, "suffix")
-        ])) : i("", !0)
+          }, null, 8, ["disabled"])) : r("", !0),
+          y(p.$slots, "suffix")
+        ])) : r("", !0)
       ], 2),
-      e.hint && !e.error ? (n(), o("p", ca, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), o("p", da, m(e.error), 1)) : i("", !0)
+      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));
   }
-}), ba = ["for"], ma = {
+}), va = ["for"], pa = {
   key: 0,
   class: "bsa-input-required"
-}, fa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "minlength"], ha = {
+}, $a = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "minlength"], ka = {
   key: 1,
   class: "bsa-input-hint"
-}, ga = {
+}, wa = {
   key: 2,
   class: "bsa-input-error"
-}, ln = /* @__PURE__ */ p({
+}, dn = /* @__PURE__ */ $({
   __name: "BsaInputTextarea",
   props: {
     modelValue: {},
@@ -1072,7 +1072,7 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
   },
   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}`,
@@ -1083,7 +1083,7 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         "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", {
@@ -1091,10 +1091,10 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         for: l.value,
         class: b(["bsa-input-label", { "bsa-input-label--error": e.error }])
       }, [
-        A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", ma, "*")) : i("", !0)
-      ], 10, ba)) : 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,
@@ -1105,20 +1105,20 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         cols: e.cols,
         maxlength: e.maxlength,
         minlength: e.minlength,
-        class: b(r.value),
-        onInput: d[0] || (d[0] = ($) => s("update:modelValue", $.target.value)),
-        onBlur: d[1] || (d[1] = ($) => s("blur", $)),
-        onFocus: d[2] || (d[2] = ($) => s("focus", $)),
-        onKeydown: d[3] || (d[3] = U(($) => s("enter", $), ["enter"]))
-      }, null, 42, fa),
-      e.hint && !e.error ? (n(), o("p", ha, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), o("p", ga, m(e.error), 1)) : i("", !0)
+        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));
   }
-}), ya = ["id", "name", "value", "checked", "disabled", "required"], va = {
+}), Ba = ["id", "name", "value", "checked", "disabled", "required"], Ca = {
   key: 0,
   class: "bsa-radio__label"
-}, $a = /* @__PURE__ */ p({
+}, Sa = /* @__PURE__ */ $({
   __name: "BsaRadio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -1135,10 +1135,10 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
     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",
@@ -1148,23 +1148,23 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
         disabled: e.disabled,
         required: e.required,
         onChange: l
-      }, null, 40, ya),
-      e.label ? (n(), o("span", va, m(e.label), 1)) : i("", !0)
+      }, null, 40, Ba),
+      e.label ? (n(), o("span", Ca, m(e.label), 1)) : r("", !0)
     ], 2));
   }
-}), pa = ["disabled"], ka = {
+}), _a = ["disabled"], Da = {
   key: 0,
   class: "bsa-input-label"
-}, Ba = {
+}, za = {
   key: 0,
   class: "bsa-input-required"
-}, wa = { class: "bsa-radio-group__options" }, Ca = {
+}, xa = { class: "bsa-radio-group__options" }, Ia = {
   key: 1,
   class: "bsa-input-hint"
-}, Sa = {
+}, Ta = {
   key: 2,
   class: "bsa-input-error"
-}, on = /* @__PURE__ */ p({
+}, bn = /* @__PURE__ */ $({
   __name: "BsaRadioGroup",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -1186,39 +1186,39 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
       class: b(["bsa-radio-group", `bsa-radio-group--${e.direction}`]),
       disabled: e.disabled
     }, [
-      e.label ? (n(), o("legend", ka, [
-        A(m(e.label) + " ", 1),
-        e.required ? (n(), o("span", Ba, "*")) : i("", !0)
-      ])) : i("", !0),
-      c("div", wa, [
-        (n(!0), o(V, null, N(e.options, (r) => (n(), B($a, {
-          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", Ca, m(e.hint), 1)) : i("", !0),
-      e.error ? (n(), o("p", Sa, m(e.error), 1)) : i("", !0)
-    ], 10, pa));
+      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));
   }
-}), _a = {
+}), Va = {
   key: 0,
   class: "bsa-card-header"
-}, Da = { class: "bsa-card-header__content" }, za = { class: "bsa-card-header__main" }, Ia = { class: "bsa-card-header__title" }, xa = {
+}, 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"
-}, Ta = {
+}, Ra = {
   key: 0,
   class: "bsa-card-header__actions"
-}, Va = { class: "bsa-card-body" }, Na = {
+}, qa = { class: "bsa-card-body" }, Fa = {
   key: 1,
   class: "bsa-card-footer"
-}, rn = /* @__PURE__ */ p({
+}, mn = /* @__PURE__ */ $({
   __name: "BsaCard",
   props: {
     title: {},
@@ -1242,39 +1242,39 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
       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", _a, [
+      e.showHeader || l.$slots.header ? (n(), o("div", Va, [
         y(l.$slots, "header", {}, () => [
-          c("div", Da, [
-            c("div", za, [
-              e.icon ? (n(), B(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", Ia, m(e.title), 1),
-                e.subtitle ? (n(), o("p", xa, 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", Ta, [
+            l.$slots.actions ? (n(), o("div", Ra, [
               y(l.$slots, "actions")
-            ])) : i("", !0)
+            ])) : r("", !0)
           ])
         ])
-      ])) : i("", !0),
-      c("div", Va, [
+      ])) : r("", !0),
+      d("div", qa, [
         y(l.$slots, "default")
       ]),
-      e.showFooter || l.$slots.footer ? (n(), o("div", Na, [
+      e.showFooter || l.$slots.footer ? (n(), o("div", Fa, [
         y(l.$slots, "footer")
-      ])) : i("", !0)
+      ])) : r("", !0)
     ], 2));
   }
-}), Ma = ["href", "target", "aria-disabled", "tabindex"], Aa = /* @__PURE__ */ p({
+}), Ea = ["href", "target", "aria-disabled", "tabindex"], Pa = /* @__PURE__ */ $({
   __name: "BsaLink",
   props: {
     href: { default: void 0 },
@@ -1286,7 +1286,7 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
     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,
@@ -1295,27 +1295,27 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
       onClick: s
     }, [
       y(l.$slots, "default", {}, void 0, !0)
-    ], 10, Ma));
+    ], 10, Ea));
   }
-}), ne = /* @__PURE__ */ q(Aa, [["__scopeId", "data-v-c2b6662a"]]), qa = {
+}), be = /* @__PURE__ */ E(Pa, [["__scopeId", "data-v-c2b6662a"]]), Oa = {
   key: 0,
   class: "bsa-container__breadcrumb"
-}, Ra = { "aria-label": "Breadcrumb" }, Fa = { class: "bsa-container__breadcrumb-list" }, La = {
+}, Ua = { "aria-label": "Breadcrumb" }, Za = { class: "bsa-container__breadcrumb-list" }, Ha = {
   key: 2,
   class: "bsa-container__breadcrumb-current"
-}, Oa = {
+}, Xa = {
   key: 1,
   class: "bsa-container__header"
-}, Pa = { class: "bsa-container__header-content" }, Ua = { class: "bsa-container__title" }, Ea = {
+}, Wa = { class: "bsa-container__header-content" }, ja = { class: "bsa-container__title" }, Ka = {
   key: 0,
   class: "bsa-container__description"
-}, Za = {
+}, Ya = {
   key: 0,
   class: "bsa-container__actions"
-}, Ha = { class: "bsa-container__content" }, Xa = {
+}, Ga = { class: "bsa-container__content" }, Ja = {
   key: 2,
   class: "bsa-container__footer"
-}, un = /* @__PURE__ */ p({
+}, fn = /* @__PURE__ */ $({
   __name: "BsaContainer",
   props: {
     title: {},
@@ -1336,125 +1336,127 @@ const zt = ["aria-label", "title"], It = /* @__PURE__ */ p({
     return (s, l) => (n(), o("div", {
       class: b(t.value)
     }, [
-      e.showBreadcrumb || s.$slots.breadcrumb ? (n(), o("div", qa, [
+      e.showBreadcrumb || s.$slots.breadcrumb ? (n(), o("div", Oa, [
         y(s.$slots, "breadcrumb", {}, () => [
-          c("nav", Ra, [
-            c("ol", Fa, [
-              (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(), B(S, {
+                u > 0 ? (n(), w(S, {
                   key: 0,
                   icon: "ChevronRight",
                   class: "bsa-container__breadcrumb-separator"
-                })) : i("", !0),
-                r.to ? (n(), B(ne, {
+                })) : 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", La, 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", Oa, [
+      ])) : r("", !0),
+      e.title || s.$slots.header ? (n(), o("div", Xa, [
         y(s.$slots, "header", {}, () => [
-          c("div", Pa, [
-            c("div", null, [
-              c("h1", Ua, m(e.title), 1),
-              e.description ? (n(), o("p", Ea, 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", Za, [
+            s.$slots.actions ? (n(), o("div", Ya, [
               y(s.$slots, "actions")
-            ])) : i("", !0)
+            ])) : r("", !0)
           ])
         ])
-      ])) : i("", !0),
-      c("div", Ha, [
+      ])) : r("", !0),
+      d("div", Ga, [
         y(s.$slots, "default")
       ]),
-      s.$slots.footer ? (n(), o("div", Xa, [
+      s.$slots.footer ? (n(), o("div", Ja, [
         y(s.$slots, "footer")
-      ])) : i("", !0)
+      ])) : r("", !0)
     ], 2));
   }
-}), Wa = { class: "bsa-layout-app__topbar" }, ja = { class: "bsa-layout-app__body" }, Ka = { class: "bsa-layout-app__sidebar" }, Ya = ["aria-label", "aria-expanded"], Ga = { class: "bsa-layout-app__content" }, cn = /* @__PURE__ */ p({
+}), 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);
     };
-    ee(() => {
-      l(), s.value = !t.value, window.addEventListener("resize", l);
-    }), te(() => {
+    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, $) => (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", Wa, [
-        y(d.$slots, "topbar", {
+      d("div", Qa, [
+        y(c.$slots, "topbar", {
           sidebarOpen: s.value,
-          toggleSidebar: r,
+          toggleSidebar: i,
           closeSidebar: u
         })
       ]),
-      c("div", ja, [
+      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", Ka, [
-          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",
           "aria-expanded": s.value,
-          onClick: r
+          onClick: i
         }, [
-          I(D(S), {
+          T(z(S), {
             icon: s.value ? "ChevronLeft" : "ChevronRight",
             size: "1rem"
           }, null, 8, ["icon"])
-        ], 8, Ya)),
-        c("main", Ga, [
-          y(d.$slots, "default")
+        ], 8, as)),
+        d("main", ss, [
+          y(c.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), Ja = {}, Qa = { class: "bsa-layout-empty" };
-function es(e, a) {
-  return n(), o("div", Qa, [
+}), ns = {}, ls = { class: "bsa-layout-empty" };
+function os(e, a) {
+  return n(), o("div", ls, [
     y(e.$slots, "default")
   ]);
 }
-const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { class: "bsa-layout-two-column__content" }, as = ["src"], bn = /* @__PURE__ */ p({
+const gn = /* @__PURE__ */ E(ns, [["render", os]]), is = { class: "bsa-layout-two-column__content" }, rs = ["src"], yn = /* @__PURE__ */ $({
   __name: "BsaLayoutTwoColumn",
   props: {
     rightIframeSrc: { default: "" },
@@ -1463,16 +1465,16 @@ const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { class: "bsa-layout-tw
     showRightSide: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const a = e, t = Q(), 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", ts, [
+          d("div", is, [
             y(l.$slots, "default")
           ])
         ])
@@ -1480,38 +1482,38 @@ const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { 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, as)) : i("", !0)
+          }, null, 8, rs)) : r("", !0)
         ])
-      ], 4)) : i("", !0)
+      ], 4)) : r("", !0)
     ], 2));
   }
-}), ss = {
+}), us = {
   key: 0,
   class: "bsa-page__header"
-}, ns = { class: "bsa-page__heading" }, ls = {
+}, cs = { class: "bsa-page__heading" }, ds = {
   key: 0,
   class: "bsa-page__breadcrumb",
   "aria-label": "Breadcrumb"
-}, os = {
+}, bs = {
   key: 2,
   "aria-current": "page"
-}, is = {
+}, ms = {
   key: 1,
   class: "bsa-page__title"
-}, rs = {
+}, fs = {
   key: 2,
   class: "bsa-page__description"
-}, us = {
+}, hs = {
   key: 0,
   class: "bsa-page__actions"
-}, cs = { class: "bsa-page__content" }, mn = /* @__PURE__ */ p({
+}, gs = { class: "bsa-page__content" }, vn = /* @__PURE__ */ $({
   __name: "BsaPage",
   props: {
     title: { default: void 0 },
@@ -1522,55 +1524,55 @@ const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { 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", ss, [
+      e.title || e.description || e.breadcrumbs.length || a.$slots.actions || a.$slots.header ? (n(), o("header", us, [
         y(a.$slots, "header", {}, () => [
-          c("div", ns, [
-            e.breadcrumbs.length ? (n(), o("nav", ls, [
-              c("ol", null, [
-                (n(!0), o(V, null, N(e.breadcrumbs, (s, l) => (n(), o("li", {
+          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(), B(S, {
+                  l > 0 ? (n(), w(S, {
                     key: 0,
                     icon: "ChevronRight"
-                  })) : i("", !0),
-                  s.href ? (n(), B(ne, {
+                  })) : 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", os, m(s.label), 1))
+                  }, 1032, ["href"])) : (n(), o("span", bs, m(s.label), 1))
                 ]))), 128))
               ])
-            ])) : i("", !0),
-            e.title ? (n(), o("h1", is, m(e.title), 1)) : i("", !0),
-            e.description ? (n(), o("p", rs, m(e.description), 1)) : i("", !0)
+            ])) : 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", us, [
+          a.$slots.actions ? (n(), o("div", hs, [
             y(a.$slots, "actions")
-          ])) : i("", !0)
+          ])) : r("", !0)
         ])
-      ])) : i("", !0),
-      c("div", cs, [
+      ])) : r("", !0),
+      d("div", gs, [
         y(a.$slots, "default")
       ])
     ], 4));
   }
-}), ds = {
+}), ys = {
   key: 0,
   class: "bsa-section__header"
-}, bs = { class: "bsa-section__header-content" }, ms = {
+}, vs = { class: "bsa-section__header-content" }, ps = {
   key: 0,
   class: "bsa-section__description"
-}, fs = {
+}, $s = {
   key: 0,
   class: "bsa-section__actions"
-}, hs = { class: "bsa-section__content" }, fn = /* @__PURE__ */ p({
+}, ks = { class: "bsa-section__content" }, pn = /* @__PURE__ */ $({
   __name: "BsaSection",
   props: {
     title: {},
@@ -1587,30 +1589,30 @@ const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { 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", ds, [
+      e.title || l.$slots.header ? (n(), o("div", ys, [
         y(l.$slots, "header", {}, () => [
-          c("div", bs, [
-            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", ms, m(e.description), 1)) : i("", !0)
+              e.description ? (n(), o("p", ps, m(e.description), 1)) : r("", !0)
             ]),
-            l.$slots.actions ? (n(), o("div", fs, [
+            l.$slots.actions ? (n(), o("div", $s, [
               y(l.$slots, "actions")
-            ])) : i("", !0)
+            ])) : r("", !0)
           ])
         ])
-      ])) : i("", !0),
-      c("div", hs, [
+      ])) : r("", !0),
+      d("div", ks, [
         y(l.$slots, "default")
       ])
     ], 2));
   }
-}), gs = ["aria-label"], ys = { class: "bsa-sidebar__content" }, hn = /* @__PURE__ */ p({
+}), ws = ["aria-label"], Bs = { class: "bsa-sidebar__content" }, $n = /* @__PURE__ */ $({
   __name: "BsaSidebar",
   props: {
     open: { type: Boolean, default: !1 },
@@ -1618,106 +1620,163 @@ const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { 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", ys, [
+      d("div", Bs, [
         y(a.$slots, "default")
       ])
-    ], 10, gs));
+    ], 10, ws));
   }
-}), vs = ["aria-expanded"], $s = { class: "bsa-sidebar-menu-item__label" }, ps = ["aria-disabled"], ks = { class: "bsa-sidebar-menu-item__label" }, Bs = {
-  key: 2,
-  class: "bsa-sidebar-menu-item__children"
-}, gn = /* @__PURE__ */ p({
+}), 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(
+    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 !== ""
-    ), u = f(() => t.openItems.has(t.item.id)), d = f(() => t.activePath === t.item.path), $ = (k) => k.some((h) => h.path === t.activePath || $(h.children)), w = f(() => $(t.item.children)), C = () => {
+    ), 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 (k, h) => {
-      const z = de("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": d.value || w.value }]),
-          "aria-expanded": u.value,
-          onClick: h[0] || (h[0] = (g) => 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(), B(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", $s, m(e.item.label), 1),
-          r.value ? (n(), B(K, {
-            key: 1,
+          }, 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"])) : i("", !0),
-          I(S, {
+          }, 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": u.value,
-              "bsa-sidebar-menu-item__chevron--with-indicator": r.value
+              "bsa-sidebar-menu-item__chevron--open": c.value,
+              "bsa-sidebar-menu-item__chevron--with-indicator": u.value
             }])
           }, null, 8, ["size", "class"])
-        ], 10, vs)) : (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": d.value,
+            "bsa-sidebar-menu-item__button--active": v.value,
             "bsa-sidebar-menu-item__button--disabled": e.item.disabled
           }]),
           "aria-disabled": e.item.disabled,
-          onClick: C
+          onClick: K
         }, [
-          e.item.icon ? (n(), B(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", ks, m(e.item.label), 1),
-          r.value ? (n(), B(K, {
-            key: 1,
+          }, 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"])) : i("", !0)
-        ], 10, ps)),
-        l.value && u.value ? (n(), o("ul", Bs, [
-          (n(!0), o(V, null, N(e.item.children, (g) => (n(), B(z, {
-            key: g.id,
-            item: g,
-            depth: e.depth + 1,
-            "active-path": e.activePath,
-            "open-items": e.openItems,
-            "icon-size": e.iconSize,
-            onToggle: h[1] || (h[1] = (v) => s("toggle", v)),
-            onSelect: h[2] || (h[2] = (v) => s("select", v))
-          }, null, 8, ["item", "depth", "active-path", "open-items", "icon-size"]))), 128))
-        ])) : i("", !0)
+          }, 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);
     };
   }
-}), ws = ["aria-label"], Cs = { class: "bsa-topbar__start" }, Ss = { class: "bsa-topbar__content" }, _s = { class: "bsa-topbar__end" }, Ds = /* @__PURE__ */ p({
+}), 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" },
@@ -1735,34 +1794,34 @@ const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { 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", Cs, [
+      ])) : r("", !0),
+      d("div", xs, [
         y(s.$slots, "start", {}, void 0, !0)
       ]),
-      c("div", Ss, [
+      d("div", Is, [
         y(s.$slots, "default", {}, void 0, !0)
       ]),
-      c("div", _s, [
+      d("div", Ts, [
         y(s.$slots, "end", {}, void 0, !0)
       ])
-    ], 8, ws));
+    ], 8, zs));
   }
-}), yn = /* @__PURE__ */ q(Ds, [["__scopeId", "data-v-8db252da"]]), zs = {
+}), wn = /* @__PURE__ */ E(Vs, [["__scopeId", "data-v-f9a301f1"]]), Ns = {
   key: 0,
   class: "bsa-modal__header"
-}, Is = { class: "bsa-modal__header-content" }, xs = { class: "bsa-modal__heading" }, Ts = { class: "bsa-modal__title" }, Vs = {
+}, Ms = { class: "bsa-modal__header-content" }, As = { class: "bsa-modal__heading" }, Ls = { class: "bsa-modal__title" }, Rs = {
   key: 0,
   class: "bsa-modal__subtitle"
-}, Ns = {
+}, qs = {
   key: 1,
   class: "bsa-modal__footer"
-}, Ms = /* @__PURE__ */ p({
+}, Fs = /* @__PURE__ */ $({
   __name: "BsaModal",
   props: {
     modelValue: { type: Boolean },
@@ -1787,160 +1846,160 @@ const dn = /* @__PURE__ */ q(Ja, [["render", es]]), ts = { class: "bsa-layout-tw
   setup(e, { emit: a }) {
     const t = e, s = a, l = f({
       get: () => t.modelValue,
-      set: (h) => s("update:modelValue", h)
-    }), r = f(() => ["bsa-modal", `bsa-modal--${t.size}`]), u = () => {
+      set: (p) => s("update:modelValue", p)
+    }), 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();
-    }, C = (h) => {
-      h.key === "Escape" && l.value && t.closable && u();
-    }, k = (h) => {
-      h ? (document.addEventListener("keydown", C), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", C), document.body.style.overflow = "");
+    }, C = (p) => {
+      p.key === "Escape" && l.value && t.closable && u();
+    }, k = (p) => {
+      p ? (document.addEventListener("keydown", C), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", C), document.body.style.overflow = "");
     };
-    return W(l, k, { immediate: !0 }), te(() => k(!1)), (h, z) => (n(), B(be, { to: "body" }, [
-      I(me, { 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: fe(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", zs, [
-                c("div", Is, [
-                  e.icon ? (n(), B(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", xs, [
-                    c("h3", Ts, [
-                      y(h.$slots, "header", {}, () => [
-                        A(m(e.title), 1)
+                  }, null, 8, ["icon", "style"])) : r("", !0),
+                  d("div", As, [
+                    d("h3", Ls, [
+                      y(p.$slots, "header", {}, () => [
+                        q(m(e.title), 1)
                       ])
                     ]),
-                    e.subtitle ? (n(), o("p", Vs, m(e.subtitle), 1)) : i("", !0)
+                    e.subtitle ? (n(), o("p", Rs, m(e.subtitle), 1)) : r("", !0)
                   ])
                 ]),
-                e.closable ? (n(), B(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(h.$slots, "default")
+                y(p.$slots, "default")
               ], 2),
-              e.showFooter || h.$slots.footer ? (n(), o("div", Ns, [
-                y(h.$slots, "footer", {}, () => [
-                  e.showCancel ? (n(), B(E, {
+              e.showFooter || p.$slots.footer ? (n(), o("div", qs, [
+                y(p.$slots, "footer", {}, () => [
+                  e.showCancel ? (n(), w(X, {
                     key: 0,
                     variant: "secondary",
                     outlined: "",
                     label: e.cancelLabel,
-                    onClick: d
-                  }, null, 8, ["label"])) : i("", !0),
-                  e.showConfirm ? (n(), B(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: $
-                  }, null, 8, ["variant", "label", "loading"])) : i("", !0)
+                    onClick: v
+                  }, null, 8, ["variant", "label", "loading"])) : r("", !0)
                 ])
-              ])) : i("", !0)
+              ])) : r("", !0)
             ], 2)
-          ])) : i("", !0)
+          ])) : r("", !0)
         ]),
         _: 3
       })
     ]));
   }
 });
-function As(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,
     result: s,
-    open: ($) => {
-      $ && (t.value = { ...t.value, ...$ }), a.value = !0, s.value = null;
+    open: (v) => {
+      v && (t.value = { ...t.value, ...v }), a.value = !0, s.value = null;
     },
-    close: ($) => {
-      s.value = $, a.value = !1;
+    close: (v) => {
+      s.value = v, a.value = !1;
     },
     toggle: () => {
       a.value = !a.value;
     },
-    setOptions: ($) => {
-      t.value = { ...t.value, ...$ };
+    setOptions: (v) => {
+      t.value = { ...t.value, ...v };
     }
   };
 }
-const P = As({
+const Z = Es({
   size: "sm",
   closable: !0,
   closeOnOverlay: !1
-}), Y = M(null), G = M(null);
-function qs() {
+}), 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
-      }), Y.value = () => {
-        P.close(!0), s(!0);
-      }, G.value = () => {
-        P.close(!1), s(!1);
+      }), te.value = () => {
+        Z.close(!0), s(!0);
+      }, ae.value = () => {
+        Z.close(!1), s(!1);
       };
     }),
-    confirmHandler: Y,
-    cancelHandler: G
+    confirmHandler: te,
+    cancelHandler: ae
   };
 }
-const Rs = { class: "bsa-confirm-dialog" }, Fs = { class: "bsa-confirm-dialog__message" }, Ls = { class: "bsa-confirm-dialog__actions" }, Os = /* @__PURE__ */ p({
+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 = qs(), t = () => {
+    const a = Ps(), t = () => {
       a.cancelHandler.value?.();
     }, s = () => {
       a.confirmHandler.value?.();
     };
-    return (l, r) => (n(), B(Ms, {
-      modelValue: D(a).isOpen.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (u) => D(a).isOpen.value = u),
-      title: D(a).options.value.title,
-      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", Rs, [
-          c("div", Fs, m(D(a).options.value.subtitle), 1),
-          c("div", Ls, [
-            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
@@ -1951,8 +2010,8 @@ const Rs = { class: "bsa-confirm-dialog" }, Fs = { class: "bsa-confirm-dialog__m
       _: 1
     }, 8, ["modelValue", "title", "subtitle", "size", "closable", "close-on-overlay"]));
   }
-}), vn = /* @__PURE__ */ q(Os, [["__scopeId", "data-v-ebcdd15a"]]);
-function $n(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 {
@@ -1963,89 +2022,89 @@ function $n(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 C = JSON.parse(w);
+      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 {
     }
-  }, $ = () => l.getItem(t) !== null;
-  return W(
+  }, v = () => l.getItem(t) !== null;
+  return j(
     e,
     () => {
-      r();
+      i();
     },
     { deep: !0 }
   ), {
-    save: r,
+    save: i,
     restore: u,
-    clear: d,
-    hasStoredData: $
+    clear: c,
+    hasStoredData: v
   };
 }
-const J = "bsa-theme", pn = /* @__PURE__ */ p({
+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 ee(() => {
-      const u = localStorage.getItem(J);
+    return oe(() => {
+      const u = localStorage.getItem(se);
       a.value = u ?? "light", t.value = !0;
-    }), W(
+    }), j(
       [a, t],
-      ([u, d]) => {
-        d && (localStorage.setItem(J, u), r(u));
+      ([u, c]) => {
+        c && (localStorage.setItem(se, u), i(u));
       },
       { immediate: !0 }
-    ), he(se, {
+    ), ke(de, {
       isDarkMode: s,
       toggleTheme: l
-    }), (u, d) => y(u.$slots, "default");
+    }), (u, c) => y(u.$slots, "default");
   }
 });
-function kn(e, a = {}) {
-  const { locale: t = "en-US", currency: s = "USD", minimumFractionDigits: l = 2, maximumFractionDigits: r = 2 } = a, u = typeof e == "string" ? parseFloat(e) : e;
+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 wn(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 Cn(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 Sn(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";
@@ -2093,12 +2152,12 @@ function Sn(e, a = "medium", t = "en-US") {
         hour12: !0
       }).format(s);
     case "relative":
-      return Ps(s);
+      return Xs(s);
     default:
       return s.toLocaleDateString(t);
   }
 }
-function Ps(e, a = "en-US") {
+function Xs(e, a = "en-US") {
   const t = e instanceof Date ? e : new Date(e);
   if (isNaN(t.getTime()))
     return "";
@@ -2110,73 +2169,73 @@ function Ps(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 _n(e) {
+function Tn(e) {
   const a = new Date(e);
   return isNaN(a.getTime()) ? null : a;
 }
-function Dn(e) {
+function Vn(e) {
   return e instanceof Date && !isNaN(e.getTime());
 }
-function zn(e, a) {
+function Nn(e, a) {
   const t = new Date(e);
   return t.setDate(t.getDate() + a), t;
 }
-function In(e, a) {
+function Mn(e, a) {
   const t = new Date(e);
   return t.setMonth(t.getMonth() + a), t;
 }
-function xn(e, a) {
+function An(e, a) {
   const t = new Date(e);
   return t.setFullYear(t.getFullYear() + a), t;
 }
-function Tn(e, a) {
+function Ln(e, a) {
   const t = Math.abs(a.getTime() - e.getTime());
   return Math.ceil(t / (1e3 * 60 * 60 * 24));
 }
-function Vn(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 Us(e) {
+function Ws(e) {
   return e ? e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() : "";
 }
-function Nn(e) {
-  return e ? e.split(" ").map((a) => Us(a)).join(" ") : "";
+function qn(e) {
+  return e ? e.split(" ").map((a) => Ws(a)).join(" ") : "";
 }
-function Es(e) {
+function js(e) {
   return e ? e.replace(/[^a-zA-Z0-9]+(.)/g, (a, t) => t.toUpperCase()).replace(/^[A-Z]/, (a) => a.toLowerCase()) : "";
 }
-function Mn(e) {
+function Fn(e) {
   return e ? e.replace(/([A-Z])/g, "_$1").toLowerCase().replace(/^_/, "").replace(/\s+/g, "_") : "";
 }
-function An(e) {
+function En(e) {
   return e ? e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "").replace(/\s+/g, "-") : "";
 }
-function qn(e) {
+function Pn(e) {
   if (!e) return "";
-  const a = Es(e);
+  const a = js(e);
   return a.charAt(0).toUpperCase() + a.slice(1);
 }
-function Rn(e, a, t = "...") {
+function On(e, a, t = "...") {
   return !e || e.length <= a ? e : e.substring(0, a) + t;
 }
-function Fn(e) {
+function Un(e) {
   return e ? e.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "") : "";
 }
-function Ln(e, a, t = "end") {
+function Zn(e, a, t = "end") {
   if (!e || e.length <= a) return e;
   switch (t) {
     case "start":
@@ -2188,16 +2247,16 @@ function Ln(e, a, t = "end") {
       return e.slice(0, a - 3) + "...";
   }
 }
-function On(e) {
+function Hn(e) {
   return e ? e.replace(/\s+/g, "") : "";
 }
-function Pn(e) {
+function Xn(e) {
   return e ? e.replace(/\s+/g, " ").trim() : "";
 }
-function Un(e) {
+function Wn(e) {
   return e ? e.replace(/<[^>]*>/g, "") : "";
 }
-function En(e) {
+function jn(e) {
   if (!e) return "";
   const a = {
     "&": "&amp;",
@@ -2208,7 +2267,7 @@ function En(e) {
   };
   return e.replace(/[&<>"']/g, (t) => a[t]);
 }
-function Zn(e) {
+function Kn(e) {
   if (!e) return "";
   const a = {
     "&amp;": "&",
@@ -2219,124 +2278,124 @@ function Zn(e) {
   };
   return e.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, (t) => a[t]);
 }
-function Hn(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 Zs(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 Xn(e) {
-  return !Zs(e);
+function Gn(e) {
+  return !Ks(e);
 }
-function Wn(e, a) {
+function Jn(e, a) {
   return e === a;
 }
-function le(e) {
+function me(e) {
   const a = new Date(e);
   return !isNaN(a.getTime());
 }
-function jn(e) {
+function Qn(e) {
   const a = new Date(e), t = /* @__PURE__ */ new Date();
-  return le(e) && a > t;
+  return me(e) && a > t;
 }
-function Kn(e) {
+function el(e) {
   const a = new Date(e), t = /* @__PURE__ */ new Date();
-  return le(e) && a < t;
+  return me(e) && a < t;
 }
-function Yn(e) {
+function tl(e) {
   return !isNaN(Number(e)) && isFinite(Number(e));
 }
-function Gn(e, a, t) {
+function al(e, a, t) {
   return e >= a && e <= t;
 }
-function Jn(e) {
+function sl(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function Qn(e) {
+function nl(e) {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
 }
-function el(e) {
+function ll(e) {
   return /^[\d\s\-\+\(\)]{10,}$/.test(e);
 }
-function tl(e) {
+function ol(e) {
   return /^[a-zA-Z0-9]+$/.test(e);
 }
-function al(e) {
+function il(e) {
   return /^[a-zA-Z]+$/.test(e);
 }
-function sl(e) {
+function rl(e) {
   return /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(e);
 }
-function nl(e) {
+function ul(e) {
   return /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/.test(e);
 }
-function ll(e) {
+function cl(e) {
   return e.length < 8;
 }
-function ol(e, a, t) {
+function dl(e, a, t) {
   return t !== void 0 ? e.length >= a && e.length <= t : e.length >= a;
 }
-const il = (e) => ({
+const bl = (e) => ({
   required: !0,
   message: e || "This field is required"
-}), rl = (e, a) => ({
+}), ml = (e, a) => ({
   minLength: e,
   message: a || `Must be at least ${e} characters`
-}), ul = (e, a) => ({
+}), fl = (e, a) => ({
   maxLength: e,
   message: a || `Must be at most ${e} characters`
-}), cl = (e) => ({
+}), hl = (e) => ({
   pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
   message: e || "Invalid email address"
-}), dl = (e) => ({
+}), gl = (e) => ({
   pattern: /^https?:\/\/.+/,
   message: e || "Invalid URL"
-}), bl = (e) => ({
+}), yl = (e) => ({
   pattern: /^[\d\s\-\+\(\)]+$/,
   message: e || "Invalid phone number"
-}), ml = (e) => ({
+}), vl = (e) => ({
   pattern: /^\d+$/,
   message: e || "Must be numeric"
-}), fl = (e) => ({
+}), pl = (e) => ({
   pattern: /^[a-zA-Z0-9]+$/,
   message: e || "Must be alphanumeric"
-}), hl = (e) => ({
+}), $l = (e) => ({
   pattern: /^[a-zA-Z]+$/,
   message: e || "Must be alphabetic"
-}), gl = (e, a) => ({
+}), kl = (e, a) => ({
   validator: (t) => {
     const s = Number(t);
     return !isNaN(s) && s >= e;
   },
   message: a || `Must be at least ${e}`
-}), yl = (e, a) => ({
+}), wl = (e, a) => ({
   validator: (t) => {
     const s = Number(t);
     return !isNaN(s) && s <= e;
   },
   message: a || `Must be at most ${e}`
-}), vl = (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}`
-}), $l = (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"
-}), pl = (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"
-}), kl = (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;
@@ -2344,7 +2403,7 @@ const il = (e) => ({
     return !isNaN(t.getTime());
   },
   message: e || "Invalid date"
-}), wl = (e) => ({
+}), zl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2352,7 +2411,7 @@ const il = (e) => ({
     return !isNaN(t.getTime()) && t > s;
   },
   message: e || "Date must be in the future"
-}), Cl = (e) => ({
+}), xl = (e) => ({
   validator: (a) => {
     if (typeof a != "string" && typeof a != "number" && !(a instanceof Date))
       return !1;
@@ -2360,64 +2419,64 @@ const il = (e) => ({
     return !isNaN(t.getTime()) && t < s;
   },
   message: e || "Date must be in the past"
-}), Sl = (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"
-}), _l = (e) => ({
+}), Tl = (e) => ({
   pattern: /^\d{5}(-\d{4})?$/,
   message: e || "Invalid ZIP code"
-}), Dl = (e) => ({
+}), Vl = (e) => ({
   pattern: /^\d{3}-\d{2}-\d{4}$/,
   message: e || "Invalid SSN (format: XXX-XX-XXXX)"
 });
-function zl(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 Il(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 xl(e) {
+function Al(e) {
   return /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/.test(e);
 }
-function Tl(e) {
+function Ll(e) {
   return /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/.test(e);
 }
-function Vl(e) {
+function Rl(e) {
   return /^[A-Za-z0-9+/]*={0,2}$/.test(e);
 }
-function Nl(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 Ml(e) {
+function Fl(e) {
   try {
     return JSON.parse(e), !0;
   } catch {
     return !1;
   }
 }
-function Al(e) {
+function El(e) {
   return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e);
 }
-function ql(e, a = "US") {
+function Pl(e, a = "US") {
   return {
     US: /^\d{5}(-\d{4})?$/,
     CA: /^[A-Z]\d[A-Z] \d[A-Z]\d$/,
@@ -2425,119 +2484,119 @@ function ql(e, a = "US") {
   }[a].test(e);
 }
 export {
-  K as BsaBadge,
-  E as BsaButton,
-  js as BsaButtonBadge,
-  j as BsaButtonIcon,
-  Ks as BsaButtonPanel,
-  rn as BsaCard,
-  en as BsaCheckbox,
-  vn as BsaConfirmDialog,
-  un 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,
-  tn as BsaInputDate,
-  an as BsaInputSearch,
-  sn as BsaInputSelect,
-  nn as BsaInputText,
-  ln as BsaInputTextarea,
-  cn as BsaLayoutApp,
-  dn as BsaLayoutEmpty,
-  bn as BsaLayoutTwoColumn,
-  ne as BsaLink,
-  Ys as BsaLoading,
-  Js as BsaLogo,
-  Ms as BsaModal,
-  mn as BsaPage,
-  $a as BsaRadio,
-  on as BsaRadioGroup,
-  fn as BsaSection,
-  hn as BsaSidebar,
-  gn as BsaSidebarMenuItem,
-  pn as BsaThemeProvider,
-  Qs as BsaThemeToggle,
-  pt as BsaToast,
-  Gs as BsaToastContainer,
-  yn as BsaTopbar,
-  se as THEME_KEY,
-  Vn as abbreviateNumber,
-  zn as addDays,
-  In as addMonths,
-  xn as addYears,
-  hl as alphabetic,
-  fl as alphanumeric,
-  Es as camelCase,
-  Us as capitalize,
-  Nn as capitalizeWords,
-  Sl as creditCard,
-  Bl as date,
-  Ln as ellipsis,
-  cl as email,
-  En as escapeHtml,
-  kn as formatCurrency,
-  Sn as formatDate,
-  wn as formatNumber,
-  Cn as formatPercentage,
-  Ps as formatRelativeTime,
-  wl as futureDate,
-  Tn as getDaysDifference,
-  Ws as iconNames,
-  al as isAlphabetic,
-  tl as isAlphanumeric,
-  Vl as isBase64,
-  zl as isCreditCard,
-  le as isDate,
-  Jn as isEmail,
-  Zs as isEmpty,
-  Wn as isEqual,
-  jn as isFutureDate,
-  Al as isHexColor,
-  Il as isIPv4,
-  xl as isIPv6,
-  Gn as isInRange,
-  Ml as isJSON,
-  ol as isLength,
-  Tl as isMACAddress,
-  Xn as isNotEmpty,
-  Yn as isNumeric,
-  Kn as isPastDate,
-  el as isPhone,
-  ql as isPostalCode,
-  sl as isSlug,
-  nl as isStrongPassword,
-  Nl as isUUID,
-  Qn as isUrl,
-  Dn as isValidDate,
-  ll as isWeakPassword,
-  An as kebabCase,
-  Hn as mask,
-  kl as matchField,
-  ul as maxLength,
-  yl as maxValue,
-  rl as minLength,
-  gl as minValue,
-  Pn as normalizeWhitespace,
-  ml as numeric,
-  Bn as parseCurrency,
-  _n as parseDate,
-  qn as pascalCase,
-  $l as password,
-  Cl as pastDate,
-  bl as phone,
-  vl as range,
-  On as removeWhitespace,
-  il as required,
-  Fn as slugify,
-  Mn as snakeCase,
-  Dl as ssn,
-  Un as stripHtml,
-  pl as strongPassword,
-  Rn as truncate,
-  Zn as unescapeHtml,
-  dl as url,
-  qs as useConfirmDialog,
-  As as useModal,
-  $n as useStorage,
-  Dt as useTheme,
-  Bt as useToast,
-  _l as zipCode
+  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
 };