@stachelock/ui 0.3.0 → 0.4.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { a as It, g as Mt, s as jt } from "./id-DafBB_QF.js";
-import { defineAsyncComponent as K, createElementBlock as d, openBlock as i, createElementVNode as s, defineComponent as S, ref as H, watch as G, createBlock as W, unref as w, withCtx as b, createVNode as p, normalizeStyle as _, createTextVNode as $, withDirectives as D, vModelText as N, Fragment as V, renderList as B, normalizeClass as v, toDisplayString as h, computed as y, createCommentVNode as g, reactive as Q, useSlots as X, renderSlot as m, Transition as U, vShow as ee } from "vue";
-import M from "./inputs/TextInput.js";
+import { a as It, g as Mt, s as Vt } from "./id-DafBB_QF.js";
+import { defineAsyncComponent as K, createElementBlock as d, openBlock as i, createElementVNode as s, defineComponent as T, ref as H, watch as G, createBlock as W, unref as _, withCtx as b, createVNode as m, normalizeStyle as k, createTextVNode as S, withDirectives as D, vModelText as N, Fragment as j, renderList as B, normalizeClass as v, toDisplayString as x, computed as y, createCommentVNode as g, reactive as Q, useSlots as X, renderSlot as p, Transition as U, vShow as ee } from "vue";
+import V from "./inputs/TextInput.js";
 import { useCalendar as At } from "./composables/useCalendar.js";
 import { c as Lt, u as Et } from "./useEventSegments-B-r_8zCW.js";
 import { useFormValidation as Dt } from "./composables/useFormValidation.js";
@@ -11,82 +11,82 @@ import { g as qt, u as Zt } from "./useSimpleTabs-CSgkChEU.js";
 import { f as Qt, i as Xt, s as el, a as sl, t as tl, c as ll, b as ol, u as al } from "./useStringTransform-CSr7nZWg.js";
 import { useTabs as nl } from "./composables/useTabs.js";
 import { useTheme as Y, presetThemes as se } from "./composables/useTheme.js";
-import { _ as dl } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-CwOOShcM.js";
-import { _ as te } from "./UiAvatar.vue_vue_type_script_setup_true_lang-Ci7VLRZx.js";
-import { _ as F } from "./UiBadge.vue_vue_type_script_setup_true_lang-CV8WVEXL.js";
-import { _ as cl } from "./UiButtonGroup.vue_vue_type_script_setup_true_lang-BKyznfxi.js";
-import { _ as pl } from "./UiCheckbox.vue_vue_type_script_setup_true_lang-B5fPB7PH.js";
-import { _ as le } from "./UiLoading.vue_vue_type_script_setup_true_lang-DldleD-3.js";
-import { _ as gl } from "./UiMenu.vue_vue_type_script_setup_true_lang-aJddpshR.js";
-import { _ as xl } from "./UiModal.vue_vue_type_script_setup_true_lang-CFgLuifQ.js";
-import { _ as bl } from "./UiNavLink.vue_vue_type_script_setup_true_lang-C23h6Do0.js";
-import { _ as _l } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js";
-import { _ as kl } from "./UiTable.vue_vue_type_script_setup_true_lang-BuOCaPzi.js";
-import { _ as $l } from "./UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js";
-import { _ as Tl } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-DRwe4rw8.js";
-import { _ as Ml } from "./DayCalendar.vue_vue_type_script_setup_true_lang-BV9vYYuX.js";
-import { _ as Vl } from "./EventCard.vue_vue_type_script_setup_true_lang-j1mtKShZ.js";
-import { _ as Bl } from "./EventsList.vue_vue_type_script_setup_true_lang-D3q9wJ4E.js";
-import { _ as El } from "./MonthCalendar.vue_vue_type_style_index_0_lang-CnX3Ih0W.js";
-import { _ as Dl } from "./YearCalendar.vue_vue_type_script_setup_true_lang-C01PTLg8.js";
-import { _ as Pl } from "./BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js";
-import { _ as Ul } from "./FunnelChart.vue_vue_type_script_setup_true_lang-B8QYlJ-s.js";
-import { _ as Rl } from "./LineChart.vue_vue_type_script_setup_true_lang-DszQ-a5L.js";
-import { _ as Gl } from "./PieChart.vue_vue_type_script_setup_true_lang-DJRcsty7.js";
-import { _ as Yl } from "./SparklineChart.vue_vue_type_script_setup_true_lang-DDTcpEjy.js";
-import { _ as ql } from "./StatCard.vue_vue_type_script_setup_true_lang-DTOT0-WB.js";
-import { _ as Kl } from "./ComingSoon.vue_vue_type_script_setup_true_lang-C5GU-yiK.js";
-import { _ as Xl } from "./EmptyState.vue_vue_type_script_setup_true_lang-B_XAq5Sr.js";
-import { _ as so } from "./DynamicForm.vue_vue_type_script_setup_true_lang-DRDP86Yc.js";
-import { _ as lo } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-Ct8b80dM.js";
+import { _ as dl } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-swmHdR0_.js";
+import { _ as te } from "./UiAvatar.vue_vue_type_script_setup_true_lang-WVY6JbUL.js";
+import { _ as F } from "./UiBadge.vue_vue_type_script_setup_true_lang-DOtbLb9x.js";
+import { _ as ul } from "./UiButtonGroup.vue_vue_type_script_setup_true_lang-CVwXB-cb.js";
+import { _ as ml } from "./UiCheckbox.vue_vue_type_script_setup_true_lang-BxyM_F-V.js";
+import { _ as le } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
+import { _ as gl } from "./UiMenu.vue_vue_type_script_setup_true_lang-bQdfCzk6.js";
+import { _ as hl } from "./UiModal.vue_vue_type_script_setup_true_lang-CpwFUDVU.js";
+import { _ as bl } from "./UiNavLink.vue_vue_type_script_setup_true_lang-DnWMn40M.js";
+import { _ as Cl } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js";
+import { _ as wl } from "./UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js";
+import { _ as _l } from "./UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js";
+import { _ as Tl } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-P5ypRyGV.js";
+import { _ as Ml } from "./DayCalendar.vue_vue_type_script_setup_true_lang-8al4Fotu.js";
+import { _ as jl } from "./EventCard.vue_vue_type_script_setup_true_lang-j1mtKShZ.js";
+import { _ as Bl } from "./EventsList.vue_vue_type_script_setup_true_lang-MhuVi5u8.js";
+import { _ as El } from "./MonthCalendar.vue_vue_type_style_index_0_lang-Cyzq7A9j.js";
+import { _ as Dl } from "./YearCalendar.vue_vue_type_script_setup_true_lang-CfKSpLLN.js";
+import { _ as Pl } from "./BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js";
+import { _ as Ul } from "./FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6xCV.js";
+import { _ as Rl } from "./LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js";
+import { _ as Gl } from "./PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4.js";
+import { _ as Yl } from "./SparklineChart.vue_vue_type_script_setup_true_lang-BlNk5ZqM.js";
+import { _ as ql } from "./StatCard.vue_vue_type_script_setup_true_lang-BfFupfmC.js";
+import { _ as Kl } from "./ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js";
+import { _ as Xl } from "./EmptyState.vue_vue_type_script_setup_true_lang-Dxy-cLPT.js";
+import { _ as so } from "./DynamicForm.vue_vue_type_script_setup_true_lang-CxSaO5Cl.js";
+import { _ as lo } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js";
 import { _ as ao } from "./AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-CFS3lVF-.js";
-import { _ as oe } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-B8wJVkPP.js";
-import { _ as ae } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-ClGP5YU0.js";
+import { _ as oe } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-BikR9rgi.js";
+import { _ as ae } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-1YGa9Fnd.js";
 import { _ as no } from "./DatepickerInput.vue_vue_type_style_index_0_lang-BdkGLw0H.js";
-import { _ as uo } from "./EmailInput.vue_vue_type_script_setup_true_lang-Dhfgs2Jn.js";
-import { _ as fo } from "./EmptyInput.vue_vue_type_script_setup_true_lang-BDxgc5Bs.js";
-import { _ as mo } from "./FileDropzoneInput.vue_vue_type_script_setup_true_lang-CclXceTb.js";
-import { _ as ho } from "./HiddenInput.vue_vue_type_script_setup_true_lang-DYdvWmVE.js";
-import { _ as re } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-BMpc-5ln.js";
-import { _ as ne } from "./SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js";
-import { _ as O } from "./SelectInput.vue_vue_type_script_setup_true_lang--yUL7bcx.js";
-import { _ as yo } from "./SelectTextInput.vue_vue_type_script_setup_true_lang-B2Gw_se2.js";
-import { _ as vo } from "./SwitchInputGroup.vue_vue_type_script_setup_true_lang-BNKKEAMq.js";
-import { _ as Co } from "./TagifyInput.vue_vue_type_script_setup_true_lang-CAK6ZIiz.js";
-import { _ as wo } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-DV-XVWqh.js";
+import { _ as co } from "./EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js";
+import { _ as fo } from "./EmptyInput.vue_vue_type_script_setup_true_lang-FWDCFF2c.js";
+import { _ as po } from "./FileDropzoneInput.vue_vue_type_script_setup_true_lang-CclXceTb.js";
+import { _ as xo } from "./HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js";
+import { _ as re } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-Cf0MJobG.js";
+import { _ as ne } from "./SwitchInput.vue_vue_type_script_setup_true_lang-C88FcxuK.js";
+import { _ as O } from "./SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js";
+import { _ as yo } from "./SelectTextInput.vue_vue_type_script_setup_true_lang-DYrXW14A.js";
+import { _ as vo } from "./SwitchInputGroup.vue_vue_type_script_setup_true_lang-CK9JWl4F.js";
+import { _ as ko } from "./TagifyInput.vue_vue_type_script_setup_true_lang-Da6-pRJ2.js";
+import { _ as $o } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-B0M6-9os.js";
 import { _ as So } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
 import { _ as Io } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
-import { _ as jo } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-2tAB9Hbx.js";
-import { _ as Ao } from "./NavigationItem.vue_vue_type_script_setup_true_lang-CEsuYl3S.js";
-import { _ as Lo } from "./ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-Cri9BiBy.js";
-import { _ as Fo } from "./ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js";
-import { _ as zo } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-BD2PF5xp.js";
+import { _ as Vo } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js";
+import { _ as Ao } from "./NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js";
+import { _ as Lo } from "./ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-DkABeWJt.js";
+import { _ as Fo } from "./ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js";
+import { _ as zo } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-BJ5jadgZ.js";
 import { _ as No } from "./UiMapAll.vue_vue_type_script_setup_true_lang-CMAyvJMk.js";
-import { _ as Oo } from "./AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js";
-import { _ as Ho } from "./BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js";
-import { _ as Wo } from "./NotificationToast.vue_vue_type_script_setup_true_lang-Cm5RsC7C.js";
-import { _ as Jo } from "./StepperPanels.vue_vue_type_script_setup_true_lang-BtHrfqFI.js";
-import { _ as Zo } from "./InlineTabs.vue_vue_type_script_setup_true_lang-DhkX5sWS.js";
-import { _ as Qo } from "./TabGroup.vue_vue_type_script_setup_true_lang-DrhDwLL3.js";
-import { _ as ea } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-Di33js6c.js";
-import { _ as ta } from "./TabsInPills.vue_vue_type_script_setup_true_lang-CMxaK0Kw.js";
-import { _ as oa } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js";
+import { _ as Oo } from "./AlertModal.vue_vue_type_script_setup_true_lang-C6q8Mpl4.js";
+import { _ as Ho } from "./BaseModal.vue_vue_type_script_setup_true_lang-B67Pt3tW.js";
+import { _ as Wo } from "./NotificationToast.vue_vue_type_script_setup_true_lang-DZxcEZkP.js";
+import { _ as Jo } from "./StepperPanels.vue_vue_type_script_setup_true_lang-D6Fv7iz3.js";
+import { _ as Zo } from "./InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js";
+import { _ as Qo } from "./TabGroup.vue_vue_type_script_setup_true_lang-DVVeOgWH.js";
+import { _ as ea } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-_3XtOn3w.js";
+import { _ as ta } from "./TabsInPills.vue_vue_type_script_setup_true_lang-DY1NkXCQ.js";
+import { _ as oa } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
 import { _ as ra } from "./CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
-import { _ as ia } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js";
-import { _ as ua } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js";
+import { _ as ia } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js";
+import { _ as ca } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js";
 import { default as fa } from "./components/CloudinaryImage.js";
 import A from "./components/Button.js";
 import { S as ie, h as R } from "./transition-_rPfnoET.js";
-import { Y as de, G as ue, V as ce } from "./dialog-B2WA4G25.js";
+import { Y as de, G as ce, V as ue } from "./dialog-BJ2Ld8l3.js";
 import { r as fe } from "./XMarkIcon-Cwy3T6p8.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { default as ma } from "./components/Banner.js";
-import { default as ha } from "./components/Breadcrumb.js";
+import { default as pa } from "./components/Banner.js";
+import { default as xa } from "./components/Breadcrumb.js";
 import { default as ya } from "./components/LoadingDots.js";
 import { default as va } from "./calendars/CalendarDashboard.js";
-import { default as Ca } from "./calendars/WeekCalendar.js";
-import { default as wa } from "./charts/BaseChart.js";
-import { areaChartConfig as Sa, barChartConfig as Ta, baseTheme as Ia, chartColors as Ma, chartTypography as ja, formatDuration as Va, formatNumber as Aa, formatPercentage as Ba, funnelChartConfig as La, getAreaGradient as Ea, hexToRgb as Fa, lineChartConfig as Da, pieChartConfig as za, stachelockColors as Pa, toRgba as Na } from "./charts/chartTheme.js";
+import { default as ka } from "./calendars/WeekCalendar.js";
+import { default as $a } from "./charts/BaseChart.js";
+import { areaChartConfig as Sa, barChartConfig as Ta, baseTheme as Ia, chartColors as Ma, chartTypography as Va, formatDuration as ja, formatNumber as Aa, formatPercentage as Ba, funnelChartConfig as La, getAreaGradient as Ea, hexToRgb as Fa, lineChartConfig as Da, pieChartConfig as za, stachelockColors as Pa, toRgba as Na } from "./charts/chartTheme.js";
 import { default as Oa } from "./forms/FormFieldWrapper.js";
 import { default as Ha } from "./inputs/PhoneInput.js";
 import { default as Wa } from "./inputs/RichTextInput.js";
@@ -98,30 +98,30 @@ import { default as tr } from "./maps/UiMap.js";
 import { default as or } from "./maps/UiMapMarker.js";
 import { default as rr } from "./modals/ImageCropperModal.js";
 import { default as ir } from "./notifications/NotificationContainer.js";
-const pe = {
+const me = {
   text: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(V)
   },
   email: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(V)
   },
   password: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(V)
   },
   number: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(V)
   },
   tel: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(V)
   },
   url: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(V)
   },
   textarea: {
     component: "TextAreaInput",
@@ -144,29 +144,29 @@ const pe = {
     loader: () => import("./inputs/SwitchInput.js")
   }
 };
-class me {
-  componentMap = { ...pe };
+class pe {
+  componentMap = { ...me };
   loadedComponents = /* @__PURE__ */ new Map();
   /**
    * Register a new component type
    */
-  register(e, a, t) {
-    this.componentMap[e] = { component: a, loader: t }, this.loadedComponents.delete(e);
+  register(e, o, l) {
+    this.componentMap[e] = { component: o, loader: l }, this.loadedComponents.delete(e);
   }
   /**
    * Get a component for a field type
    */
   getComponent(e) {
-    const a = this.componentMap[e];
-    if (!a)
+    const o = this.componentMap[e];
+    if (!o)
       return console.warn(`Component type "${e}" is not registered`), null;
     if (this.loadedComponents.has(e))
       return this.loadedComponents.get(e);
-    const t = K({
-      loader: a.loader,
+    const l = K({
+      loader: o.loader,
       delay: 0
     });
-    return this.loadedComponents.set(e, t), t;
+    return this.loadedComponents.set(e, l), l;
   }
   /**
    * Check if a component type is registered
@@ -193,12 +193,12 @@ class me {
     this.loadedComponents.clear();
   }
 }
-const q = new me();
-function pt(r, e, a) {
-  q.register(r, e, a);
+const q = new pe();
+function mt(t, e, o) {
+  q.register(t, e, o);
 }
-function mt(r) {
-  return q.getComponent(r);
+function pt(t) {
+  return q.getComponent(t);
 }
 const Z = {
   colors: {
@@ -303,47 +303,51 @@ const Z = {
     "2xl": "1536px"
   }
 };
-function ge(r, e = Z) {
-  const a = { ...e };
-  function t(n, f) {
-    if (f && typeof f == "object" && !Array.isArray(f))
-      for (const l in f)
-        Object.prototype.hasOwnProperty.call(f, l) && (n[l] && typeof n[l] == "object" && !Array.isArray(n[l]) ? n[l] = t(n[l], f[l]) : n[l] = f[l]);
-    return n;
+function ge(t, e = Z) {
+  const o = { ...e };
+  function l(r, f) {
+    if (f && typeof f == "object" && !Array.isArray(f)) {
+      for (const a in f)
+        if (Object.prototype.hasOwnProperty.call(f, a)) {
+          const u = r[a], C = f[a];
+          u && typeof u == "object" && !Array.isArray(u) && C && typeof C == "object" && !Array.isArray(C) ? r[a] = l(u, C) : r[a] = C;
+        }
+    }
+    return r;
   }
-  return t(a, r);
+  return l(o, t);
 }
-function he(r) {
+function xe(t) {
   let e = `:root {
 `;
-  return r.colors && Object.entries(r.colors).forEach(([a, t]) => {
-    typeof t == "object" && t !== null && Object.entries(t).forEach(([n, f]) => {
-      const l = n === "DEFAULT" ? a : `${a}-${n}`;
-      e += `  --sl-color-${l}: ${f};
+  return t.colors && Object.entries(t.colors).forEach(([o, l]) => {
+    typeof l == "object" && l !== null && Object.entries(l).forEach(([r, f]) => {
+      const a = r === "DEFAULT" ? o : `${o}-${r}`;
+      e += `  --sl-color-${a}: ${f};
 `;
-      const c = xe(f);
-      c && (e += `  --sl-color-${l}-rgb: ${c};
+      const u = he(f);
+      u && (e += `  --sl-color-${a}-rgb: ${u};
 `);
     });
-  }), r.spacing && Object.entries(r.spacing).forEach(([a, t]) => {
-    e += `  --sl-spacing-${a}: ${t};
+  }), t.spacing && Object.entries(t.spacing).forEach(([o, l]) => {
+    e += `  --sl-spacing-${o}: ${l};
 `;
-  }), r.borderRadius && Object.entries(r.borderRadius).forEach(([a, t]) => {
-    const n = a === "DEFAULT" ? "radius" : `radius-${a}`;
-    e += `  --sl-${n}: ${t};
+  }), t.borderRadius && Object.entries(t.borderRadius).forEach(([o, l]) => {
+    const r = o === "DEFAULT" ? "radius" : `radius-${o}`;
+    e += `  --sl-${r}: ${l};
 `;
-  }), r.shadows && Object.entries(r.shadows).forEach(([a, t]) => {
-    const n = a === "DEFAULT" ? "shadow" : `shadow-${a}`;
-    e += `  --sl-${n}: ${t};
+  }), t.shadows && Object.entries(t.shadows).forEach(([o, l]) => {
+    const r = o === "DEFAULT" ? "shadow" : `shadow-${o}`;
+    e += `  --sl-${r}: ${l};
 `;
-  }), r.typography && (r.typography.fontFamily && Object.entries(r.typography.fontFamily).forEach(([a, t]) => {
-    e += `  --sl-font-family-${a}: ${t.join(", ")};
+  }), t.typography && (t.typography.fontFamily && Object.entries(t.typography.fontFamily).forEach(([o, l]) => {
+    e += `  --sl-font-family-${o}: ${l.join(", ")};
 `;
-  }), r.typography.fontSize && Object.entries(r.typography.fontSize).forEach(([a, t]) => {
-    e += `  --sl-font-size-${a}: ${t};
+  }), t.typography.fontSize && Object.entries(t.typography.fontSize).forEach(([o, l]) => {
+    e += `  --sl-font-size-${o}: ${l};
 `;
-  })), r.breakpoints && Object.entries(r.breakpoints).forEach(([a, t]) => {
-    e += `  --sl-breakpoint-${a}: ${t};
+  })), t.breakpoints && Object.entries(t.breakpoints).forEach(([o, l]) => {
+    e += `  --sl-breakpoint-${o}: ${l};
 `;
   }), e += `  --sl-ring-color: var(--sl-color-stachelock-600, #3e4b9a);
 `, e += `  --sl-ring-offset-color: #ffffff;
@@ -359,44 +363,44 @@ function he(r) {
 `, e += `}
 `, e;
 }
-function gt(r) {
+function gt(t) {
   let e = `export default {
 `;
   return e += `  prefix: "sl-",
 `, e += `  theme: {
 `, e += `    extend: {
-`, r.colors && (e += `      colors: {
-`, Object.entries(r.colors).forEach(([a, t]) => {
-    typeof t == "object" && t !== null && (e += `        "${a}": {
-`, Object.entries(t).forEach(([n, f]) => {
-      e += `          "${n === "DEFAULT" ? "DEFAULT" : n}": "${f}",
+`, t.colors && (e += `      colors: {
+`, Object.entries(t.colors).forEach(([o, l]) => {
+    typeof l == "object" && l !== null && (e += `        "${o}": {
+`, Object.entries(l).forEach(([r, f]) => {
+      e += `          "${r === "DEFAULT" ? "DEFAULT" : r}": "${f}",
 `;
     }), e += `        },
 `);
   }), e += `      },
-`), r.spacing && (e += `      spacing: {
-`, Object.entries(r.spacing).forEach(([a, t]) => {
-    e += `        "${a}": "${t}",
+`), t.spacing && (e += `      spacing: {
+`, Object.entries(t.spacing).forEach(([o, l]) => {
+    e += `        "${o}": "${l}",
 `;
   }), e += `      },
-`), r.borderRadius && (e += `      borderRadius: {
-`, Object.entries(r.borderRadius).forEach(([a, t]) => {
-    e += `        "${a === "DEFAULT" ? "DEFAULT" : a}": "${t}",
+`), t.borderRadius && (e += `      borderRadius: {
+`, Object.entries(t.borderRadius).forEach(([o, l]) => {
+    e += `        "${o === "DEFAULT" ? "DEFAULT" : o}": "${l}",
 `;
   }), e += `      },
-`), r.shadows && (e += `      boxShadow: {
-`, Object.entries(r.shadows).forEach(([a, t]) => {
-    e += `        "${a === "DEFAULT" ? "DEFAULT" : a}": "${t}",
+`), t.shadows && (e += `      boxShadow: {
+`, Object.entries(t.shadows).forEach(([o, l]) => {
+    e += `        "${o === "DEFAULT" ? "DEFAULT" : o}": "${l}",
 `;
   }), e += `      },
-`), r.typography && (r.typography.fontFamily && (e += `      fontFamily: {
-`, Object.entries(r.typography.fontFamily).forEach(([a, t]) => {
-    e += `        "${a}": [${t.map((n) => `"${n}"`).join(", ")}],
+`), t.typography && (t.typography.fontFamily && (e += `      fontFamily: {
+`, Object.entries(t.typography.fontFamily).forEach(([o, l]) => {
+    e += `        "${o}": [${l.map((r) => `"${r}"`).join(", ")}],
 `;
   }), e += `      },
-`), r.typography.fontSize && (e += `      fontSize: {
-`, Object.entries(r.typography.fontSize).forEach(([a, t]) => {
-    e += `        "${a}": "${t}",
+`), t.typography.fontSize && (e += `      fontSize: {
+`, Object.entries(t.typography.fontSize).forEach(([o, l]) => {
+    e += `        "${o}": "${l}",
 `;
   }), e += `      },
 `)), e += `    },
@@ -404,14 +408,14 @@ function gt(r) {
 `, e += `};
 `, e;
 }
-function xe(r) {
-  if (typeof r != "string") return null;
-  let e = r.trim();
+function he(t) {
+  if (typeof t != "string") return null;
+  let e = t.trim();
   if (!e.startsWith("#") || (e = e.slice(1), e.length === 3 && (e = e.split("").map((f) => f + f).join("")), e.length !== 6)) return null;
-  const a = parseInt(e.slice(0, 2), 16), t = parseInt(e.slice(2, 4), 16), n = parseInt(e.slice(4, 6), 16);
-  return Number.isNaN(a) || Number.isNaN(t) || Number.isNaN(n) ? null : `${a} ${t} ${n}`;
+  const o = parseInt(e.slice(0, 2), 16), l = parseInt(e.slice(2, 4), 16), r = parseInt(e.slice(4, 6), 16);
+  return Number.isNaN(o) || Number.isNaN(l) || Number.isNaN(r) ? null : `${o} ${l} ${r}`;
 }
-function ye(r, e) {
+function ye(t, e) {
   return i(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -428,40 +432,40 @@ function ye(r, e) {
     })
   ]);
 }
-const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, ve = { class: "sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4" }, _e = { class: "sl-bg-gradient-to-r sl-from-gray-900 sl-to-gray-800 sl-px-6 sl-py-4" }, Ce = { class: "sl-flex sl-items-center sl-justify-between" }, ke = { class: "sl-flex sl-items-center sl-gap-3" }, we = { class: "sl-p-6 sl-space-y-6" }, $e = { class: "sl-flex sl-items-center sl-gap-4" }, Se = { class: "sl-relative" }, Te = { class: "sl-flex-1" }, Ie = { class: "sl-grid sl-grid-cols-2 sl-gap-2" }, Me = ["onClick"], je = { class: "sl-min-w-0" }, Ve = { class: "sl-text-sm sl-font-medium sl-text-gray-900 sl-truncate" }, Ae = { class: "sl-text-xs sl-text-gray-500 sl-truncate" }, Be = { class: "sl-rounded-xl sl-border sl-border-gray-200 sl-bg-gray-50 sl-p-4 sl-space-y-4" }, Le = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Ee = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Fe = { class: "sl-flex sl-items-center sl-gap-4" }, De = { class: "sl-flex sl-items-center sl-gap-3" }, ze = { class: "sl-flex sl-rounded-lg sl-overflow-hidden sl-shadow-sm" }, Pe = { class: "sl-border-t sl-border-gray-200 sl-bg-gray-50 sl-px-6 sl-py-4" }, Ne = { class: "sl-flex sl-items-center sl-justify-between" }, Ue = { class: "sl-flex sl-gap-3" }, Oe = /* @__PURE__ */ S({
+const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, ve = { class: "sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4" }, Ce = { class: "sl-bg-gradient-to-r sl-from-gray-900 sl-to-gray-800 sl-px-6 sl-py-4" }, ke = { class: "sl-flex sl-items-center sl-justify-between" }, we = { class: "sl-flex sl-items-center sl-gap-3" }, $e = { class: "sl-p-6 sl-space-y-6" }, _e = { class: "sl-flex sl-items-center sl-gap-4" }, Se = { class: "sl-relative" }, Te = { class: "sl-flex-1" }, Ie = { class: "sl-grid sl-grid-cols-2 sl-gap-2" }, Me = ["onClick"], Ve = { class: "sl-min-w-0" }, je = { class: "sl-text-sm sl-font-medium sl-text-gray-900 sl-truncate" }, Ae = { class: "sl-text-xs sl-text-gray-500 sl-truncate" }, Be = { class: "sl-rounded-xl sl-border sl-border-gray-200 sl-bg-gray-50 sl-p-4 sl-space-y-4" }, Le = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Ee = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Fe = { class: "sl-flex sl-items-center sl-gap-4" }, De = { class: "sl-flex sl-items-center sl-gap-3" }, ze = { class: "sl-flex sl-rounded-lg sl-overflow-hidden sl-shadow-sm" }, Pe = { class: "sl-border-t sl-border-gray-200 sl-bg-gray-50 sl-px-6 sl-py-4" }, Ne = { class: "sl-flex sl-items-center sl-justify-between" }, Ue = { class: "sl-flex sl-gap-3" }, Oe = /* @__PURE__ */ T({
   __name: "ThemeDebugModal",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: e }) {
-    const a = e, { currentPrimaryColor: t, applyTheme: n, resetTheme: f } = Y(), l = H(t.value);
-    G(t, (T) => {
-      l.value = T;
+  setup(t, { emit: e }) {
+    const o = e, { currentPrimaryColor: l, applyTheme: r, resetTheme: f } = Y(), a = H(l.value);
+    G(l, (I) => {
+      a.value = I;
     });
-    const c = () => {
-      n(l.value);
-    }, j = (T) => {
-      l.value = T, n(T);
-    }, C = () => {
-      f(), l.value = "#3e4b9a";
-    }, k = () => {
-      a("update:modelValue", !1);
+    const u = () => {
+      r(a.value);
+    }, C = (I) => {
+      a.value = I, r(I);
+    }, w = () => {
+      f(), a.value = "#3e4b9a";
+    }, $ = () => {
+      o("update:modelValue", !1);
     }, L = () => {
-      n(l.value), a("update:modelValue", !1);
+      r(a.value), o("update:modelValue", !1);
     };
-    return (T, u) => (i(), W(w(ie), {
+    return (I, c) => (i(), W(_(ie), {
       as: "template",
-      show: T.modelValue
+      show: t.modelValue
     }, {
       default: b(() => [
-        p(w(de), {
+        m(_(de), {
           as: "div",
           class: "sl-relative sl-z-[100]",
-          onClose: k
+          onClose: $
         }, {
           default: b(() => [
-            p(w(R), {
+            m(_(R), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -470,15 +474,14 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: b(() => u[2] || (u[2] = [
+              default: b(() => [...c[2] || (c[2] = [
                 s("div", { class: "sl-fixed sl-inset-0 sl-bg-gray-900/60 sl-backdrop-blur-sm sl-transition-opacity" }, null, -1)
-              ])),
-              _: 1,
-              __: [2]
+              ])]),
+              _: 1
             }),
             s("div", be, [
               s("div", ve, [
-                p(w(R), {
+                m(_(R), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -488,166 +491,159 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: b(() => [
-                    p(w(ue), { class: "sl-relative sl-transform sl-overflow-hidden sl-rounded-2xl sl-bg-white sl-shadow-2xl sl-transition-all sl-w-full sm:sl-max-w-lg" }, {
+                    m(_(ce), { class: "sl-relative sl-transform sl-overflow-hidden sl-rounded-2xl sl-bg-white sl-shadow-2xl sl-transition-all sl-w-full sm:sl-max-w-lg" }, {
                       default: b(() => [
-                        s("div", _e, [
-                          s("div", Ce, [
-                            s("div", ke, [
+                        s("div", Ce, [
+                          s("div", ke, [
+                            s("div", we, [
                               s("div", {
                                 class: "sl-flex sl-h-10 sl-w-10 sl-items-center sl-justify-center sl-rounded-lg",
-                                style: _({ backgroundColor: l.value })
+                                style: k({ backgroundColor: a.value })
                               }, [
-                                p(w(ye), { class: "sl-h-5 sl-w-5 sl-text-white" })
+                                m(_(ye), { class: "sl-h-5 sl-w-5 sl-text-white" })
                               ], 4),
                               s("div", null, [
-                                p(w(ce), { class: "sl-text-lg sl-font-semibold sl-text-white" }, {
-                                  default: b(() => u[3] || (u[3] = [
-                                    $(" Theme Customizer ", -1)
-                                  ])),
-                                  _: 1,
-                                  __: [3]
+                                m(_(ue), { class: "sl-text-lg sl-font-semibold sl-text-white" }, {
+                                  default: b(() => [...c[3] || (c[3] = [
+                                    S(" Theme Customizer ", -1)
+                                  ])]),
+                                  _: 1
                                 }),
-                                u[4] || (u[4] = s("p", { class: "sl-text-xs sl-text-gray-400" }, "Preview how components adapt to different colors", -1))
+                                c[4] || (c[4] = s("p", { class: "sl-text-xs sl-text-gray-400" }, "Preview how components adapt to different colors", -1))
                               ])
                             ]),
                             s("button", {
-                              onClick: k,
+                              onClick: $,
                               class: "sl-rounded-lg sl-p-2 sl-text-gray-400 hover:sl-bg-gray-700 hover:sl-text-white sl-transition-colors"
                             }, [
-                              p(w(fe), { class: "sl-h-5 sl-w-5" })
+                              m(_(fe), { class: "sl-h-5 sl-w-5" })
                             ])
                           ])
                         ]),
-                        s("div", we, [
+                        s("div", $e, [
                           s("div", null, [
-                            u[5] || (u[5] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Primary Color ", -1)),
-                            s("div", $e, [
+                            c[5] || (c[5] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Primary Color ", -1)),
+                            s("div", _e, [
                               s("div", Se, [
                                 D(s("input", {
                                   type: "color",
-                                  "onUpdate:modelValue": u[0] || (u[0] = (x) => l.value = x),
-                                  onInput: c,
+                                  "onUpdate:modelValue": c[0] || (c[0] = (h) => a.value = h),
+                                  onInput: u,
                                   class: "sl-h-14 sl-w-14 sl-cursor-pointer sl-rounded-xl sl-border-2 sl-border-gray-200 sl-p-1 sl-shadow-sm hover:sl-border-gray-300 sl-transition-colors"
                                 }, null, 544), [
-                                  [N, l.value]
+                                  [N, a.value]
                                 ])
                               ]),
                               s("div", Te, [
                                 D(s("input", {
                                   type: "text",
-                                  "onUpdate:modelValue": u[1] || (u[1] = (x) => l.value = x),
-                                  onInput: c,
+                                  "onUpdate:modelValue": c[1] || (c[1] = (h) => a.value = h),
+                                  onInput: u,
                                   placeholder: "#3e4b9a",
                                   class: "sl-block sl-w-full sl-rounded-lg sl-border sl-border-gray-300 sl-px-4 sl-py-3 sl-text-sm sl-font-mono sl-text-gray-900 sl-shadow-sm focus:sl-border-primary-500 focus:sl-ring-2 focus:sl-ring-primary-500/20 sl-transition-all"
                                 }, null, 544), [
-                                  [N, l.value]
+                                  [N, a.value]
                                 ])
                               ])
                             ])
                           ]),
                           s("div", null, [
-                            u[6] || (u[6] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Preset Themes ", -1)),
+                            c[6] || (c[6] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Preset Themes ", -1)),
                             s("div", Ie, [
-                              (i(!0), d(V, null, B(w(se), (x) => (i(), d("button", {
-                                key: x.name,
-                                onClick: (E) => j(x.color),
-                                class: v(["sl-group sl-relative sl-flex sl-items-center sl-gap-3 sl-rounded-lg sl-border sl-border-gray-200 sl-p-3 sl-text-left sl-transition-all hover:sl-border-gray-300 hover:sl-shadow-sm", { "sl-ring-2 sl-ring-offset-2": l.value.toLowerCase() === x.color.toLowerCase() }]),
-                                style: _(l.value.toLowerCase() === x.color.toLowerCase() ? { "--tw-ring-color": x.color } : {})
+                              (i(!0), d(j, null, B(_(se), (h) => (i(), d("button", {
+                                key: h.name,
+                                onClick: (E) => C(h.color),
+                                class: v(["sl-group sl-relative sl-flex sl-items-center sl-gap-3 sl-rounded-lg sl-border sl-border-gray-200 sl-p-3 sl-text-left sl-transition-all hover:sl-border-gray-300 hover:sl-shadow-sm", { "sl-ring-2 sl-ring-offset-2": a.value.toLowerCase() === h.color.toLowerCase() }]),
+                                style: k(a.value.toLowerCase() === h.color.toLowerCase() ? { "--tw-ring-color": h.color } : {})
                               }, [
                                 s("div", {
                                   class: "sl-h-8 sl-w-8 sl-rounded-lg sl-shadow-sm sl-flex-shrink-0",
-                                  style: _({ backgroundColor: x.color })
+                                  style: k({ backgroundColor: h.color })
                                 }, null, 4),
-                                s("div", je, [
-                                  s("p", Ve, h(x.name), 1),
-                                  s("p", Ae, h(x.description), 1)
+                                s("div", Ve, [
+                                  s("p", je, x(h.name), 1),
+                                  s("p", Ae, x(h.description), 1)
                                 ])
                               ], 14, Me))), 128))
                             ])
                           ]),
                           s("div", null, [
-                            u[15] || (u[15] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Live Preview ", -1)),
+                            c[15] || (c[15] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Live Preview ", -1)),
                             s("div", Be, [
                               s("div", Le, [
-                                p(A, {
+                                m(A, {
                                   theme: "primary",
                                   size: "sm"
                                 }, {
-                                  default: b(() => u[7] || (u[7] = [
-                                    $("Primary", -1)
-                                  ])),
-                                  _: 1,
-                                  __: [7]
+                                  default: b(() => [...c[7] || (c[7] = [
+                                    S("Primary", -1)
+                                  ])]),
+                                  _: 1
                                 }),
-                                p(A, {
+                                m(A, {
                                   theme: "primary",
                                   size: "sm",
                                   outlined: ""
                                 }, {
-                                  default: b(() => u[8] || (u[8] = [
-                                    $("Outlined", -1)
-                                  ])),
-                                  _: 1,
-                                  __: [8]
+                                  default: b(() => [...c[8] || (c[8] = [
+                                    S("Outlined", -1)
+                                  ])]),
+                                  _: 1
                                 }),
-                                p(A, {
+                                m(A, {
                                   theme: "secondary",
                                   size: "sm"
                                 }, {
-                                  default: b(() => u[9] || (u[9] = [
-                                    $("Secondary", -1)
-                                  ])),
-                                  _: 1,
-                                  __: [9]
+                                  default: b(() => [...c[9] || (c[9] = [
+                                    S("Secondary", -1)
+                                  ])]),
+                                  _: 1
                                 })
                               ]),
                               s("div", Ee, [
-                                p(F, { theme: "primary" }, {
-                                  default: b(() => u[10] || (u[10] = [
-                                    $("Primary Badge", -1)
-                                  ])),
-                                  _: 1,
-                                  __: [10]
+                                m(F, { theme: "primary" }, {
+                                  default: b(() => [...c[10] || (c[10] = [
+                                    S("Primary Badge", -1)
+                                  ])]),
+                                  _: 1
                                 }),
-                                p(F, { theme: "success" }, {
-                                  default: b(() => u[11] || (u[11] = [
-                                    $("Success", -1)
-                                  ])),
-                                  _: 1,
-                                  __: [11]
+                                m(F, { theme: "success" }, {
+                                  default: b(() => [...c[11] || (c[11] = [
+                                    S("Success", -1)
+                                  ])]),
+                                  _: 1
                                 }),
-                                p(F, { theme: "warning" }, {
-                                  default: b(() => u[12] || (u[12] = [
-                                    $("Warning", -1)
-                                  ])),
-                                  _: 1,
-                                  __: [12]
+                                m(F, { theme: "warning" }, {
+                                  default: b(() => [...c[12] || (c[12] = [
+                                    S("Warning", -1)
+                                  ])]),
+                                  _: 1
                                 })
                               ]),
                               s("div", Fe, [
-                                p(le, { size: "sm" }),
-                                u[13] || (u[13] = s("span", { class: "sl-text-sm sl-text-gray-600" }, "Loading indicator", -1))
+                                m(le, { size: "sm" }),
+                                c[13] || (c[13] = s("span", { class: "sl-text-sm sl-text-gray-600" }, "Loading indicator", -1))
                               ]),
                               s("div", De, [
-                                p(te, {
+                                m(te, {
                                   name: "Theme Test",
                                   size: "md"
                                 }),
-                                u[14] || (u[14] = s("span", { class: "sl-text-sm sl-text-gray-600" }, "Avatar with initials", -1))
+                                c[14] || (c[14] = s("span", { class: "sl-text-sm sl-text-gray-600" }, "Avatar with initials", -1))
                               ])
                             ])
                           ]),
                           s("div", null, [
-                            u[16] || (u[16] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Generated Palette ", -1)),
+                            c[16] || (c[16] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Generated Palette ", -1)),
                             s("div", ze, [
-                              (i(), d(V, null, B([50, 100, 200, 300, 400, 500, 600, 700, 800, 900], (x) => s("div", {
-                                key: x,
+                              (i(), d(j, null, B([50, 100, 200, 300, 400, 500, 600, 700, 800, 900], (h) => s("div", {
+                                key: h,
                                 class: "sl-flex-1 sl-h-8 sl-relative sl-group",
-                                style: _({ backgroundColor: `rgb(var(--sl-color-primary-${x}-rgb, 128 128 128))` })
+                                style: k({ backgroundColor: `rgb(var(--sl-color-primary-${h}-rgb, 128 128 128))` })
                               }, [
                                 s("span", {
-                                  class: v(["sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-text-[9px] sl-font-medium sl-opacity-0 group-hover:sl-opacity-100 sl-transition-opacity", x < 500 ? "sl-text-gray-700" : "sl-text-white"])
-                                }, h(x), 3)
+                                  class: v(["sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-text-[9px] sl-font-medium sl-opacity-0 group-hover:sl-opacity-100 sl-transition-opacity", h < 500 ? "sl-text-gray-700" : "sl-text-white"])
+                                }, x(h), 3)
                               ], 4)), 64))
                             ])
                           ])
@@ -655,31 +651,29 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                         s("div", Pe, [
                           s("div", Ne, [
                             s("button", {
-                              onClick: C,
+                              onClick: w,
                               class: "sl-text-sm sl-text-gray-600 hover:sl-text-gray-900 sl-font-medium sl-transition-colors"
                             }, " Reset to Default "),
                             s("div", Ue, [
-                              p(A, {
+                              m(A, {
                                 theme: "secondary",
                                 size: "sm",
-                                onButtonClick: k
+                                onButtonClick: $
                               }, {
-                                default: b(() => u[17] || (u[17] = [
-                                  $(" Close ", -1)
-                                ])),
-                                _: 1,
-                                __: [17]
+                                default: b(() => [...c[17] || (c[17] = [
+                                  S(" Close ", -1)
+                                ])]),
+                                _: 1
                               }),
-                              p(A, {
+                              m(A, {
                                 theme: "primary",
                                 size: "sm",
                                 onButtonClick: L
                               }, {
-                                default: b(() => u[18] || (u[18] = [
-                                  $(" Apply Theme ", -1)
-                                ])),
-                                _: 1,
-                                __: [18]
+                                default: b(() => [...c[18] || (c[18] = [
+                                  S(" Apply Theme ", -1)
+                                ])]),
+                                _: 1
                               })
                             ])
                           ])
@@ -699,13 +693,13 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}), ht = /* @__PURE__ */ J(Oe, [["__scopeId", "data-v-3bcc4447"]]), Re = {
+}), xt = /* @__PURE__ */ J(Oe, [["__scopeId", "data-v-3bcc4447"]]), Re = {
   viewBox: "0 0 36 36",
   class: "sl-transform -sl-rotate-90 sl-w-full sl-h-full"
 }, He = ["stroke-width"], Ge = ["stroke", "stroke-dasharray", "stroke-width"], We = {
   key: 0,
   class: "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center"
-}, xt = /* @__PURE__ */ S({
+}, ht = /* @__PURE__ */ T({
   __name: "UiRadialProgressBar",
   props: {
     value: { default: 0 },
@@ -715,11 +709,11 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     color: { default: "primary" },
     trackWidth: { default: 3.8 }
   },
-  setup(r) {
-    const e = r, a = y(() => Math.min(100, Math.max(0, e.value))), t = y(() => ({
+  setup(t) {
+    const e = t, o = y(() => Math.min(100, Math.max(0, e.value))), l = y(() => ({
       width: `${e.size}px`,
       height: `${e.size}px`
-    })), n = y(() => ({
+    })), r = y(() => ({
       primary: "var(--sl-color-primary-600, #3e4b9a)",
       success: "#22c55e",
       // green-500
@@ -728,35 +722,35 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       danger: "#ef4444"
       // red-500
     })[e.color]), f = y(() => e.size < 48 ? "sl-text-xs sl-font-medium sl-text-slate-700 dark:sl-text-slate-300" : e.size < 80 ? "sl-text-sm sl-font-semibold sl-text-slate-700 dark:sl-text-slate-300" : e.size < 120 ? "sl-text-base sl-font-semibold sl-text-slate-700 dark:sl-text-slate-300" : "sl-text-lg sl-font-bold sl-text-slate-700 dark:sl-text-slate-300");
-    return (l, c) => (i(), d("div", {
+    return (a, u) => (i(), d("div", {
       class: "sl-relative sl-inline-flex",
-      style: _(t.value)
+      style: k(l.value)
     }, [
       (i(), d("svg", Re, [
         s("path", {
           class: "sl-fill-none sl-stroke-gray-200 dark:sl-stroke-slate-600",
-          "stroke-width": l.trackWidth,
+          "stroke-width": t.trackWidth,
           d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
         }, null, 8, He),
         s("path", {
           class: "sl-fill-none sl-transition-all sl-duration-500 sl-ease-out",
-          stroke: n.value,
+          stroke: r.value,
           "stroke-linecap": "round",
-          "stroke-dasharray": `${a.value}, 100`,
-          "stroke-width": l.trackWidth,
+          "stroke-dasharray": `${o.value}, 100`,
+          "stroke-width": t.trackWidth,
           d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
         }, null, 8, Ge)
       ])),
-      l.showLabel || l.label ? (i(), d("div", We, [
+      t.showLabel || t.label ? (i(), d("div", We, [
         s("span", {
           class: v(f.value)
-        }, h(l.label || `${a.value}%`), 3)
+        }, x(t.label || `${o.value}%`), 3)
       ])) : g("", !0)
     ], 4));
   }
-}), Ye = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, Je = { class: "sl-space-y-8" }, qe = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, Ze = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, Ke = { class: "sl-whitespace-pre-wrap" }, yt = /* @__PURE__ */ S({
+}), Ye = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, Je = { class: "sl-space-y-8" }, qe = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, Ze = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, Ke = { class: "sl-whitespace-pre-wrap" }, yt = /* @__PURE__ */ T({
   __name: "InputsShowcase",
-  setup(r) {
+  setup(t) {
     const e = Q({
       text: "",
       textArea: "",
@@ -765,18 +759,18 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       selectedFruit: null,
       selectedLanguages: [],
       selectedCity: null
-    }), a = [
+    }), o = [
       { id: 1, name: "Apple" },
       { id: 2, name: "Banana" },
       { id: 3, name: "Cherry" },
       { id: 4, name: "Durian", disabled: !0 }
-    ], t = [
+    ], l = [
       { id: 1, name: "TypeScript" },
       { id: 2, name: "JavaScript" },
       { id: 3, name: "Python" },
       { id: 4, name: "Go" },
       { id: 5, name: "Rust" }
-    ], n = [
+    ], r = [
       { id: 1, name: "New York" },
       { id: 2, name: "San Francisco" },
       { id: 3, name: "Seattle" },
@@ -786,91 +780,91 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       { id: 7, name: "Miami" },
       { id: 8, name: "Boston" }
     ];
-    return (f, l) => (i(), d("section", Ye, [
-      l[15] || (l[15] = s("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
+    return (f, a) => (i(), d("section", Ye, [
+      a[15] || (a[15] = s("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
       s("div", Je, [
         s("div", null, [
-          l[7] || (l[7] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
-          p(M, {
+          a[7] || (a[7] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
+          m(V, {
             name: "demoText",
             label: "Text Input",
             placeholder: "Type something...",
             value: e.text,
-            "onUpdate:value": l[0] || (l[0] = (c) => e.text = c)
+            "onUpdate:value": a[0] || (a[0] = (u) => e.text = u)
           }, null, 8, ["value"])
         ]),
         s("div", null, [
-          l[8] || (l[8] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
-          p(re, {
+          a[8] || (a[8] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
+          m(re, {
             name: "demoTextArea",
             label: "Text Area",
             placeholder: "Write a longer message...",
             rows: 4,
             maxlength: 200,
             modelValue: e.textArea,
-            "onUpdate:modelValue": l[1] || (l[1] = (c) => e.textArea = c)
+            "onUpdate:modelValue": a[1] || (a[1] = (u) => e.textArea = u)
           }, null, 8, ["modelValue"])
         ]),
         s("div", null, [
-          l[9] || (l[9] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
-          p(ne, {
+          a[9] || (a[9] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
+          m(ne, {
             name: "demoSwitch",
             label: "Enable feature",
             modelValue: e.switchOn,
-            "onUpdate:modelValue": l[2] || (l[2] = (c) => e.switchOn = c),
+            "onUpdate:modelValue": a[2] || (a[2] = (u) => e.switchOn = u),
             textTrue: "ON",
             textFalse: "OFF"
           }, null, 8, ["modelValue"])
         ]),
         s("div", null, [
-          l[10] || (l[10] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
-          p(oe, {
+          a[10] || (a[10] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
+          m(oe, {
             name: "demoCheckbox",
             label: "I agree to the terms",
             modelValue: e.checkbox,
-            "onUpdate:modelValue": l[3] || (l[3] = (c) => e.checkbox = c)
+            "onUpdate:modelValue": a[3] || (a[3] = (u) => e.checkbox = u)
           }, null, 8, ["modelValue"])
         ]),
         s("div", qe, [
           s("div", null, [
-            l[11] || (l[11] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
-            p(O, {
+            a[11] || (a[11] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
+            m(O, {
               name: "demoSelect",
               label: "Favorite Fruit",
               placeholder: "Select a fruit",
-              items: a,
+              items: o,
               modelValue: e.selectedFruit,
-              "onUpdate:modelValue": l[4] || (l[4] = (c) => e.selectedFruit = c)
+              "onUpdate:modelValue": a[4] || (a[4] = (u) => e.selectedFruit = u)
             }, null, 8, ["modelValue"])
           ]),
           s("div", null, [
-            l[12] || (l[12] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
-            p(O, {
+            a[12] || (a[12] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
+            m(O, {
               name: "demoSelectMulti",
               label: "Favorite Languages",
               placeholder: "Select languages",
-              items: t,
+              items: l,
               multiple: "",
               showAll: "",
               modelValue: e.selectedLanguages,
-              "onUpdate:modelValue": l[5] || (l[5] = (c) => e.selectedLanguages = c)
+              "onUpdate:modelValue": a[5] || (a[5] = (u) => e.selectedLanguages = u)
             }, null, 8, ["modelValue"])
           ])
         ]),
         s("div", null, [
-          l[13] || (l[13] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
-          p(ae, {
+          a[13] || (a[13] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
+          m(ae, {
             name: "demoCombobox",
             label: "Search a City",
             placeholder: "Start typing...",
-            items: n,
+            items: r,
             modelValue: e.selectedCity,
-            "onUpdate:modelValue": l[6] || (l[6] = (c) => e.selectedCity = c)
+            "onUpdate:modelValue": a[6] || (a[6] = (u) => e.selectedCity = u)
           }, null, 8, ["modelValue"])
         ]),
         s("div", Ze, [
-          l[14] || (l[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
-          s("pre", Ke, h(e), 1)
+          a[14] || (a[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
+          s("pre", Ke, x(e), 1)
         ])
       ])
     ]));
@@ -896,22 +890,22 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
 }, is = { class: "sl-overflow-hidden" }, ds = {
   key: 0,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, us = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, cs = {
+}, cs = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, us = {
   key: 0,
   class: "sl-flex-1 sl-min-w-0"
 }, fs = {
   key: 1,
   class: "sl-flex-1"
-}, ps = {
+}, ms = {
   key: 2,
   class: "sl-flex sl-items-center sl-gap-3 sl-flex-shrink-0"
-}, ms = {
+}, ps = {
   key: 0,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, gs = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, hs = {
+}, gs = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, xs = {
   key: 0,
   class: "sl-flex-1 sl-min-w-0"
-}, xs = {
+}, hs = {
   key: 1,
   class: "sl-flex-1"
 }, ys = {
@@ -920,15 +914,15 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
 }, bs = {
   key: 0,
   class: "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-bg-white/80 dark:sl-bg-gray-900/80 sl-rounded-[inherit] sl-z-20 sl-backdrop-blur-sm"
-}, vs = { class: "sl-flex sl-flex-col sl-items-center sl-gap-3" }, _s = {
+}, vs = { class: "sl-flex sl-flex-col sl-items-center sl-gap-3" }, Cs = {
   class: "sl-animate-spin sl-h-8 sl-w-8",
   style: { color: "var(--sl-color-primary-600, #4f46e5)" },
   fill: "none",
   viewBox: "0 0 24 24"
-}, Cs = {
+}, ks = {
   key: 0,
   class: "sl-text-sm sl-font-medium sl-text-gray-600 dark:sl-text-gray-300"
-}, ks = /* @__PURE__ */ S({
+}, ws = /* @__PURE__ */ T({
   __name: "CardLayout",
   props: {
     variant: { default: "elevated" },
@@ -952,34 +946,34 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     noPadding: { type: Boolean, default: !1 }
   },
   emits: ["update:collapsed", "expand", "collapse"],
-  setup(r, { expose: e, emit: a }) {
-    const t = r, n = a, f = X(), l = H(t.collapsed);
-    G(() => t.collapsed, (o) => {
-      l.value = o;
+  setup(t, { expose: e, emit: o }) {
+    const l = t, r = o, f = X(), a = H(l.collapsed);
+    G(() => l.collapsed, (n) => {
+      a.value = n;
     });
-    const c = y(() => l.value), j = () => {
-      l.value = !l.value, n("update:collapsed", l.value), l.value ? n("collapse") : n("expand");
-    }, C = y(() => t.showHeader !== void 0 ? t.showHeader : !!(f.header || f["header-icon"] || f["header-title"] || f["header-subtitle"] || f["header-badge"] || f["header-actions"] || t.collapsible)), k = y(() => t.showFooter !== void 0 ? t.showFooter : !!(f.footer || f["footer-left"] || f["footer-actions"])), L = y(() => {
-      const o = [
+    const u = y(() => a.value), C = () => {
+      a.value = !a.value, r("update:collapsed", a.value), a.value ? r("collapse") : r("expand");
+    }, w = y(() => l.showHeader !== void 0 ? l.showHeader : !!(f.header || f["header-icon"] || f["header-title"] || f["header-subtitle"] || f["header-badge"] || f["header-actions"] || l.collapsible)), $ = y(() => l.showFooter !== void 0 ? l.showFooter : !!(f.footer || f["footer-left"] || f["footer-actions"])), L = y(() => {
+      const n = [
         "sl-relative",
         "sl-flex",
         "sl-flex-col"
       ];
-      switch (t.fullHeight && o.push("sl-h-full"), t.variant) {
+      switch (l.fullHeight && n.push("sl-h-full"), l.variant) {
         case "elevated":
-          o.push("sl-bg-white", "dark:sl-bg-gray-800");
+          n.push("sl-bg-white", "dark:sl-bg-gray-800");
           break;
         case "outlined":
-          o.push("sl-bg-white", "dark:sl-bg-gray-800", "sl-border", "sl-border-gray-200", "dark:sl-border-gray-700");
+          n.push("sl-bg-white", "dark:sl-bg-gray-800", "sl-border", "sl-border-gray-200", "dark:sl-border-gray-700");
           break;
         case "flat":
-          o.push("sl-bg-transparent");
+          n.push("sl-bg-transparent");
           break;
         case "filled":
-          o.push("sl-bg-gray-50", "dark:sl-bg-gray-800/50");
+          n.push("sl-bg-gray-50", "dark:sl-bg-gray-800/50");
           break;
       }
-      if (t.variant === "elevated") {
+      if (l.variant === "elevated") {
         const P = {
           none: "",
           sm: "sl-shadow-sm",
@@ -987,9 +981,9 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
           lg: "sl-shadow-lg",
           xl: "sl-shadow-xl"
         };
-        P[t.shadow] && o.push(P[t.shadow]);
+        P[l.shadow] && n.push(P[l.shadow]);
       }
-      const I = {
+      const M = {
         none: "",
         sm: "sl-rounded-sm",
         md: "sl-rounded-md",
@@ -998,99 +992,99 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
         "2xl": "sl-rounded-2xl",
         full: "sl-rounded-3xl"
       };
-      return I[t.rounded] && o.push(I[t.rounded]), t.hoverable && o.push(
+      return M[l.rounded] && n.push(M[l.rounded]), l.hoverable && n.push(
         "sl-transition-shadow",
         "sl-duration-200",
         "hover:sl-shadow-lg",
         "dark:hover:sl-shadow-gray-900/30"
-      ), t.bgClass && o.push(t.bgClass), t.scrollable && o.push("sl-overflow-hidden"), o;
-    }), T = y(() => {
-      const o = {};
-      return t.scrollable && t.maxHeight && (o.maxHeight = t.maxHeight), o;
-    }), u = y(() => ({
+      ), l.bgClass && n.push(l.bgClass), l.scrollable && n.push("sl-overflow-hidden"), n;
+    }), I = y(() => {
+      const n = {};
+      return l.scrollable && l.maxHeight && (n.maxHeight = l.maxHeight), n;
+    }), c = y(() => ({
       compact: { x: "sl-px-3", y: "sl-py-2" },
       default: { x: "sl-px-4 sm:sl-px-6", y: "sl-py-4" },
       spacious: { x: "sl-px-6 sm:sl-px-8", y: "sl-py-5 sm:sl-py-6" }
-    })[t.size]), x = y(() => [u.value.x, u.value.y]), E = y(() => {
-      if (t.noPadding)
+    })[l.size]), h = y(() => [c.value.x, c.value.y]), E = y(() => {
+      if (l.noPadding)
         return [];
-      const o = [u.value.x, u.value.y];
-      return t.scrollable && o.push("sl-flex-1", "sl-min-h-0"), o;
+      const n = [c.value.x, c.value.y];
+      return l.scrollable && n.push("sl-flex-1", "sl-min-h-0"), n;
     }), z = y(() => {
-      const o = {
+      const n = {
         compact: "sl-py-2",
         default: "sl-py-3",
         spacious: "sl-py-4"
       };
-      return [u.value.x, o[t.size], "sl-bg-gray-50/50 dark:sl-bg-gray-800/50"];
+      return [c.value.x, n[l.size], "sl-bg-gray-50/50 dark:sl-bg-gray-800/50"];
     });
     return e({
-      toggleCollapse: j,
-      isCollapsed: c
-    }), (o, I) => (i(), d("div", {
+      toggleCollapse: C,
+      isCollapsed: u
+    }), (n, M) => (i(), d("div", {
       class: v([
         "sl-card-layout",
         L.value,
-        { "sl-cursor-pointer": o.hoverable }
+        { "sl-cursor-pointer": t.hoverable }
       ]),
-      style: _(T.value)
+      style: k(I.value)
     }, [
-      C.value ? (i(), d("div", {
+      w.value ? (i(), d("div", {
         key: 0,
         class: v([
           "sl-card-header",
-          x.value,
-          { "sl-sticky sl-top-0 sl-z-10 sl-bg-inherit": o.headerSticky && o.scrollable }
+          h.value,
+          { "sl-sticky sl-top-0 sl-z-10 sl-bg-inherit": t.headerSticky && t.scrollable }
         ])
       }, [
-        m(o.$slots, "header", {}, () => [
+        p(n.$slots, "header", {}, () => [
           s("div", Qe, [
-            o.$slots["header-icon"] ? (i(), d("div", Xe, [
-              m(o.$slots, "header-icon", {}, void 0, !0)
+            n.$slots["header-icon"] ? (i(), d("div", Xe, [
+              p(n.$slots, "header-icon", {}, void 0, !0)
             ])) : g("", !0),
             s("div", es, [
-              o.$slots["header-title"] ? (i(), d("div", ss, [
+              n.$slots["header-title"] ? (i(), d("div", ss, [
                 s("h3", ts, [
-                  m(o.$slots, "header-title", {}, void 0, !0)
+                  p(n.$slots, "header-title", {}, void 0, !0)
                 ]),
-                o.$slots["header-badge"] ? (i(), d("div", ls, [
-                  m(o.$slots, "header-badge", {}, void 0, !0)
+                n.$slots["header-badge"] ? (i(), d("div", ls, [
+                  p(n.$slots, "header-badge", {}, void 0, !0)
                 ])) : g("", !0)
               ])) : g("", !0),
-              o.$slots["header-subtitle"] ? (i(), d("p", os, [
-                m(o.$slots, "header-subtitle", {}, void 0, !0)
+              n.$slots["header-subtitle"] ? (i(), d("p", os, [
+                p(n.$slots, "header-subtitle", {}, void 0, !0)
               ])) : g("", !0)
             ]),
-            o.$slots["header-actions"] || o.collapsible ? (i(), d("div", as, [
-              m(o.$slots, "header-actions", {}, void 0, !0),
-              o.collapsible ? (i(), d("button", {
+            n.$slots["header-actions"] || t.collapsible ? (i(), d("div", as, [
+              p(n.$slots, "header-actions", {}, void 0, !0),
+              t.collapsible ? (i(), d("button", {
                 key: 0,
                 type: "button",
-                onClick: j,
+                onClick: C,
                 class: "sl-p-1.5 sl-rounded-md sl-text-gray-400 hover:sl-text-gray-600 hover:sl-bg-gray-100 dark:hover:sl-bg-gray-700 dark:hover:sl-text-gray-300 sl-transition-colors",
-                "aria-expanded": !c.value,
+                "aria-expanded": !u.value,
                 "aria-label": "Toggle content"
               }, [
                 (i(), d("svg", {
-                  class: v(["sl-h-5 sl-w-5 sl-transition-transform sl-duration-200", { "sl-rotate-180": !c.value }]),
+                  class: v(["sl-h-5 sl-w-5 sl-transition-transform sl-duration-200", { "sl-rotate-180": !u.value }]),
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
                   "stroke-width": "2"
-                }, I[0] || (I[0] = [
+                }, [...M[0] || (M[0] = [
                   s("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
-                ]), 2))
+                ])], 2))
               ], 8, rs)) : g("", !0)
             ])) : g("", !0)
           ])
         ], !0)
       ], 2)) : g("", !0),
-      C.value && o.divided && !c.value ? (i(), d("div", ns)) : g("", !0),
-      o.collapsible ? (i(), W(U, {
+      w.value && t.divided && !u.value ? (i(), d("div", ns)) : g("", !0),
+      t.collapsible ? (i(), W(U, {
         key: 2,
         "enter-active-class": "sl-transition-all sl-duration-200 sl-ease-out",
         "enter-from-class": "sl-opacity-0 sl-max-h-0",
@@ -1105,74 +1099,74 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
               class: v([
                 "sl-card-body",
                 E.value,
-                { "sl-overflow-y-auto": o.scrollable }
+                { "sl-overflow-y-auto": t.scrollable }
               ]),
-              style: _(o.scrollable && o.maxHeight ? { maxHeight: o.maxHeight } : {})
+              style: k(t.scrollable && t.maxHeight ? { maxHeight: t.maxHeight } : {})
             }, [
-              m(o.$slots, "body", {}, () => [
-                m(o.$slots, "default", {}, void 0, !0)
+              p(n.$slots, "body", {}, () => [
+                p(n.$slots, "default", {}, void 0, !0)
               ], !0)
             ], 6),
-            k.value && o.divided ? (i(), d("div", ds)) : g("", !0),
-            k.value ? (i(), d("div", {
+            $.value && t.divided ? (i(), d("div", ds)) : g("", !0),
+            $.value ? (i(), d("div", {
               key: 1,
               class: v([
                 "sl-card-footer",
                 z.value,
-                { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": o.footerSticky && o.scrollable }
+                { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": t.footerSticky && t.scrollable }
               ])
             }, [
-              m(o.$slots, "footer", {}, () => [
-                s("div", us, [
-                  o.$slots["footer-left"] ? (i(), d("div", cs, [
-                    m(o.$slots, "footer-left", {}, void 0, !0)
+              p(n.$slots, "footer", {}, () => [
+                s("div", cs, [
+                  n.$slots["footer-left"] ? (i(), d("div", us, [
+                    p(n.$slots, "footer-left", {}, void 0, !0)
                   ])) : (i(), d("div", fs)),
-                  o.$slots["footer-actions"] ? (i(), d("div", ps, [
-                    m(o.$slots, "footer-actions", {}, void 0, !0)
+                  n.$slots["footer-actions"] ? (i(), d("div", ms, [
+                    p(n.$slots, "footer-actions", {}, void 0, !0)
                   ])) : g("", !0)
                 ])
               ], !0)
             ], 2)) : g("", !0)
           ], 512), [
-            [ee, !c.value]
+            [ee, !u.value]
           ])
         ]),
         _: 3
-      })) : (i(), d(V, { key: 3 }, [
+      })) : (i(), d(j, { key: 3 }, [
         s("div", {
           class: v([
             "sl-card-body",
             E.value,
-            { "sl-overflow-y-auto": o.scrollable }
+            { "sl-overflow-y-auto": t.scrollable }
           ]),
-          style: _(o.scrollable && o.maxHeight ? { maxHeight: o.maxHeight } : {})
+          style: k(t.scrollable && t.maxHeight ? { maxHeight: t.maxHeight } : {})
         }, [
-          m(o.$slots, "body", {}, () => [
-            m(o.$slots, "default", {}, void 0, !0)
+          p(n.$slots, "body", {}, () => [
+            p(n.$slots, "default", {}, void 0, !0)
           ], !0)
         ], 6),
-        k.value && o.divided ? (i(), d("div", ms)) : g("", !0),
-        k.value ? (i(), d("div", {
+        $.value && t.divided ? (i(), d("div", ps)) : g("", !0),
+        $.value ? (i(), d("div", {
           key: 1,
           class: v([
             "sl-card-footer",
             z.value,
-            { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": o.footerSticky && o.scrollable }
+            { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": t.footerSticky && t.scrollable }
           ])
         }, [
-          m(o.$slots, "footer", {}, () => [
+          p(n.$slots, "footer", {}, () => [
             s("div", gs, [
-              o.$slots["footer-left"] ? (i(), d("div", hs, [
-                m(o.$slots, "footer-left", {}, void 0, !0)
-              ])) : (i(), d("div", xs)),
-              o.$slots["footer-actions"] ? (i(), d("div", ys, [
-                m(o.$slots, "footer-actions", {}, void 0, !0)
+              n.$slots["footer-left"] ? (i(), d("div", xs, [
+                p(n.$slots, "footer-left", {}, void 0, !0)
+              ])) : (i(), d("div", hs)),
+              n.$slots["footer-actions"] ? (i(), d("div", ys, [
+                p(n.$slots, "footer-actions", {}, void 0, !0)
               ])) : g("", !0)
             ])
           ], !0)
         ], 2)) : g("", !0)
       ], 64)),
-      p(U, {
+      m(U, {
         "enter-active-class": "sl-transition-opacity sl-duration-200",
         "enter-from-class": "sl-opacity-0",
         "enter-to-class": "sl-opacity-100",
@@ -1181,10 +1175,10 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
         "leave-to-class": "sl-opacity-0"
       }, {
         default: b(() => [
-          o.loading ? (i(), d("div", bs, [
-            m(o.$slots, "loading", {}, () => [
+          t.loading ? (i(), d("div", bs, [
+            p(n.$slots, "loading", {}, () => [
               s("div", vs, [
-                (i(), d("svg", _s, I[1] || (I[1] = [
+                (i(), d("svg", Cs, [...M[1] || (M[1] = [
                   s("circle", {
                     class: "sl-opacity-25",
                     cx: "12",
@@ -1198,8 +1192,8 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                     fill: "currentColor",
                     d: "m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
                   }, null, -1)
-                ]))),
-                o.loadingText ? (i(), d("span", Cs, h(o.loadingText), 1)) : g("", !0)
+                ])])),
+                t.loadingText ? (i(), d("span", ks, x(t.loadingText), 1)) : g("", !0)
               ])
             ], !0)
           ])) : g("", !0)
@@ -1208,56 +1202,56 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       })
     ], 6));
   }
-}), bt = /* @__PURE__ */ J(ks, [["__scopeId", "data-v-a1ea2aac"]]), ws = "sl-text-sm", vt = /* @__PURE__ */ S({
+}), bt = /* @__PURE__ */ J(ws, [["__scopeId", "data-v-a1ea2aac"]]), $s = "sl-text-sm", vt = /* @__PURE__ */ T({
   __name: "InfoCard",
   props: {
     title: { default: "" },
     variant: { default: "info" }
   },
-  setup(r) {
-    const e = r, a = y(() => ({
+  setup(t) {
+    const e = t, o = y(() => ({
       info: { bg: "var(--info-bg, #eff6ff)", border: "var(--info-border, #bfdbfe)" },
       warning: { bg: "var(--warning-bg, #fffbeb)", border: "var(--warning-border, #fcd34d)" },
       success: { bg: "var(--success-bg, #f0fdf4)", border: "var(--success-border, #86efac)" },
       error: { bg: "var(--error-bg, #fef2f2)", border: "var(--error-border, #fca5a5)" }
-    })[e.variant]), t = y(() => ({ color: {
+    })[e.variant]), l = y(() => ({ color: {
       info: "var(--info-title)",
       warning: "var(--warning-title)",
       success: "var(--success-title)",
       error: "var(--error-title)"
-    }[e.variant] })), n = y(() => ({ color: {
+    }[e.variant] })), r = y(() => ({ color: {
       info: "var(--info-text)",
       warning: "var(--warning-text)",
       success: "var(--success-text)",
       error: "var(--error-text)"
     }[e.variant] }));
-    return (f, l) => (i(), d("div", {
+    return (f, a) => (i(), d("div", {
       class: "sl-rounded-xl sl-border sl-p-4",
-      style: _({ backgroundColor: a.value.bg, borderColor: a.value.border })
+      style: k({ backgroundColor: o.value.bg, borderColor: o.value.border })
     }, [
-      f.title ? (i(), d("h3", {
+      t.title ? (i(), d("h3", {
         key: 0,
         class: "sl-font-medium sl-mb-2",
-        style: _(t.value)
-      }, h(f.title), 5)) : g("", !0),
+        style: k(l.value)
+      }, x(t.title), 5)) : g("", !0),
       s("div", {
-        class: v(ws),
-        style: _(n.value)
+        class: v($s),
+        style: k(r.value)
       }, [
-        m(f.$slots, "default")
+        p(f.$slots, "default")
       ], 4)
     ], 4));
   }
-}), $s = { class: "sl-space-y-4" }, Ss = { class: "sl-text-xl sl-font-semibold sl-text-slate-900 dark:sl-text-white" }, Ts = { class: "sl-overflow-x-auto" }, Is = { class: "sl-min-w-full sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, Ms = { class: "sl-bg-slate-50 dark:sl-bg-slate-900" }, js = { class: "sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, Vs = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-900 dark:sl-text-slate-100" }, As = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, Bs = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-500 dark:sl-text-slate-300" }, Ls = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, _t = /* @__PURE__ */ S({
+}), _s = { class: "sl-space-y-4" }, Ss = { class: "sl-text-xl sl-font-semibold sl-text-slate-900 dark:sl-text-white" }, Ts = { class: "sl-overflow-x-auto" }, Is = { class: "sl-min-w-full sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, Ms = { class: "sl-bg-slate-50 dark:sl-bg-slate-900" }, Vs = { class: "sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, js = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-900 dark:sl-text-slate-100" }, As = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, Bs = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-500 dark:sl-text-slate-300" }, Ls = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, Ct = /* @__PURE__ */ T({
   __name: "PropsTable",
   props: {
     title: { default: "Props" },
     props: {}
   },
-  setup(r) {
+  setup(t) {
     const e = ["Prop", "Type", "Default", "Description"];
-    return (a, t) => (i(), d("section", $s, [
-      s("h2", Ss, h(a.title), 1),
+    return (o, l) => (i(), d("section", _s, [
+      s("h2", Ss, x(t.title), 1),
       s("div", {
         class: v(["sl-rounded-xl sl-shadow-sm sl-border sl-overflow-hidden", [
           "sl-bg-white dark:sl-bg-slate-800",
@@ -1268,20 +1262,20 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
           s("table", Is, [
             s("thead", Ms, [
               s("tr", null, [
-                (i(), d(V, null, B(e, (n) => s("th", {
-                  key: n,
+                (i(), d(j, null, B(e, (r) => s("th", {
+                  key: r,
                   class: v(["sl-px-6 sl-py-3 sl-text-left sl-text-xs sl-font-medium sl-uppercase sl-tracking-wider", "sl-text-slate-500 dark:sl-text-slate-300"])
-                }, h(n), 1)), 64))
+                }, x(r), 1)), 64))
               ])
             ]),
-            s("tbody", js, [
-              (i(!0), d(V, null, B(a.props, (n) => (i(), d("tr", {
-                key: n.name
+            s("tbody", Vs, [
+              (i(!0), d(j, null, B(t.props, (r) => (i(), d("tr", {
+                key: r.name
               }, [
-                s("td", Vs, h(n.name), 1),
-                s("td", As, h(n.type), 1),
-                s("td", Bs, h(n.default), 1),
-                s("td", Ls, h(n.description), 1)
+                s("td", js, x(r.name), 1),
+                s("td", As, x(r.type), 1),
+                s("td", Bs, x(r.default), 1),
+                s("td", Ls, x(r.description), 1)
               ]))), 128))
             ])
           ])
@@ -1303,7 +1297,7 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
   key: 0,
   class: "sl-text-sm sl-mt-1",
   style: { color: "var(--sl-text-muted)" }
-}, Ct = /* @__PURE__ */ S({
+}, kt = /* @__PURE__ */ T({
   __name: "ShowcaseCard",
   props: {
     title: { default: "" },
@@ -1311,22 +1305,22 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     contentClass: { default: "" },
     padded: { type: Boolean, default: !0 }
   },
-  setup(r) {
-    const e = r, a = y(() => {
-      const t = [];
-      return e.padded && t.push("sl-p-6"), e.contentClass && t.push(e.contentClass), t.join(" ");
+  setup(t) {
+    const e = t, o = y(() => {
+      const l = [];
+      return e.padded && l.push("sl-p-6"), e.contentClass && l.push(e.contentClass), l.join(" ");
     });
-    return (t, n) => (i(), d("div", Es, [
-      t.title || t.$slots.header ? (i(), d("div", Fs, [
-        m(t.$slots, "header", {}, () => [
-          s("h2", Ds, h(t.title), 1),
-          t.description ? (i(), d("p", zs, h(t.description), 1)) : g("", !0)
+    return (l, r) => (i(), d("div", Es, [
+      t.title || l.$slots.header ? (i(), d("div", Fs, [
+        p(l.$slots, "header", {}, () => [
+          s("h2", Ds, x(t.title), 1),
+          t.description ? (i(), d("p", zs, x(t.description), 1)) : g("", !0)
         ])
       ])) : g("", !0),
       s("div", {
-        class: v(a.value)
+        class: v(o.value)
       }, [
-        m(t.$slots, "default")
+        p(l.$slots, "default")
       ], 2)
     ]));
   }
@@ -1340,7 +1334,7 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
   key: 0,
   class: "sl-flex sl-flex-wrap sl-gap-2 sl-pb-4",
   style: { borderBottom: "1px solid var(--sl-border-default)" }
-}, Hs = ["onClick"], Gs = { class: "sl-space-y-8" }, kt = /* @__PURE__ */ S({
+}, Hs = ["onClick"], Gs = { class: "sl-space-y-8" }, wt = /* @__PURE__ */ T({
   __name: "ShowcaseLayout",
   props: {
     title: {},
@@ -1349,54 +1343,54 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     modelValue: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: e }) {
-    const a = r, t = e, { isDark: n } = Y(), f = (c) => {
-      t("update:modelValue", c);
-    }, l = (c) => a.modelValue === c ? {
-      backgroundColor: n.value ? "#ffffff" : "#0f172a",
-      color: n.value ? "#0f172a" : "#ffffff",
+  setup(t, { emit: e }) {
+    const o = t, l = e, { isDark: r } = Y(), f = (u) => {
+      l("update:modelValue", u);
+    }, a = (u) => o.modelValue === u ? {
+      backgroundColor: r.value ? "#ffffff" : "#0f172a",
+      color: r.value ? "#0f172a" : "#ffffff",
       boxShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)"
     } : {
       backgroundColor: "transparent",
       color: "var(--sl-text-muted)"
     };
-    return (c, j) => (i(), d("div", Ps, [
+    return (u, C) => (i(), d("div", Ps, [
       s("header", Ns, [
-        s("h1", Us, h(c.title), 1),
-        s("p", Os, h(c.description), 1),
-        m(c.$slots, "header-extra")
+        s("h1", Us, x(t.title), 1),
+        s("p", Os, x(t.description), 1),
+        p(u.$slots, "header-extra")
       ]),
-      c.variants && c.variants.length > 0 ? (i(), d("nav", Rs, [
-        (i(!0), d(V, null, B(c.variants, (C) => (i(), d("button", {
-          key: C.id,
-          onClick: (k) => f(C.id),
+      t.variants && t.variants.length > 0 ? (i(), d("nav", Rs, [
+        (i(!0), d(j, null, B(t.variants, (w) => (i(), d("button", {
+          key: w.id,
+          onClick: ($) => f(w.id),
           class: "sl-px-4 sl-py-2 sl-text-sm sl-font-medium sl-rounded-lg sl-transition-all sl-duration-150",
-          style: _(l(C.id))
-        }, h(C.label || C.name), 13, Hs))), 128))
+          style: k(a(w.id))
+        }, x(w.label || w.name), 13, Hs))), 128))
       ])) : g("", !0),
       s("div", Gs, [
-        m(c.$slots, "content", {}, () => [
-          m(c.$slots, "default")
+        p(u.$slots, "content", {}, () => [
+          p(u.$slots, "default")
         ])
       ]),
-      m(c.$slots, "footer")
+      p(u.$slots, "footer")
     ]));
   }
 }), Ws = { class: "sl-space-y-4" }, Ys = {
   class: "sl-text-xl sl-font-semibold",
   style: { color: "var(--sl-text-primary)" }
-}, Js = { class: "sl-rounded-xl sl-p-4 sl-overflow-auto sl-bg-slate-800 dark:sl-bg-slate-900" }, qs = { class: "sl-text-sm sl-text-slate-300 sl-font-mono" }, wt = /* @__PURE__ */ S({
+}, Js = { class: "sl-rounded-xl sl-p-4 sl-overflow-auto sl-bg-slate-800 dark:sl-bg-slate-900" }, qs = { class: "sl-text-sm sl-text-slate-300 sl-font-mono" }, $t = /* @__PURE__ */ T({
   __name: "StateDisplay",
   props: {
     title: { default: "Current State" },
     state: {}
   },
-  setup(r) {
-    const e = r, a = y(() => JSON.stringify(e.state, null, 2));
-    return (t, n) => (i(), d("section", Ws, [
-      s("h2", Ys, h(t.title), 1),
+  setup(t) {
+    const e = t, o = y(() => JSON.stringify(e.state, null, 2));
+    return (l, r) => (i(), d("section", Ws, [
+      s("h2", Ys, x(t.title), 1),
       s("div", Js, [
-        s("pre", qs, h(a.value), 1)
+        s("pre", qs, x(o.value), 1)
       ])
     ]));
   }
@@ -1414,8 +1408,8 @@ class Zs {
   constructor() {
     this.designTokens = Z;
   }
-  install(e, a = {}) {
-    Object.keys(a).length > 0 && this.configure(a), this.injectCSS && this.injectCSSVariables(), e.config.globalProperties.$stachelockUI = this, e.provide("stachelockUI", this), this.cloudinaryConfig && e.provide("cloudinary", this.cloudinaryConfig), this.googleMapsConfig && e.provide("googleMaps", this.googleMapsConfig), this.lottieConfig && e.provide("lottie", this.lottieConfig), this.richTextConfig && e.provide("richText", this.richTextConfig), this.phoneInputConfig && e.provide("phoneInput", this.phoneInputConfig), this.datepickerConfig && e.provide("datepicker", this.datepickerConfig);
+  install(e, o = {}) {
+    Object.keys(o).length > 0 && this.configure(o), this.injectCSS && this.injectCSSVariables(), e.config.globalProperties.$stachelockUI = this, e.provide("stachelockUI", this), this.cloudinaryConfig && e.provide("cloudinary", this.cloudinaryConfig), this.googleMapsConfig && e.provide("googleMaps", this.googleMapsConfig), this.lottieConfig && e.provide("lottie", this.lottieConfig), this.richTextConfig && e.provide("richText", this.richTextConfig), this.phoneInputConfig && e.provide("phoneInput", this.phoneInputConfig), this.datepickerConfig && e.provide("datepicker", this.datepickerConfig);
   }
   configure(e) {
     e.designTokens && (this.designTokens = ge(e.designTokens, this.designTokens)), e.prefix !== void 0 && (this.prefix = e.prefix), e.injectCSS !== void 0 && (this.injectCSS = e.injectCSS), e.cloudinary && (this.cloudinaryConfig = e.cloudinary), e.googleMaps && (this.googleMapsConfig = e.googleMaps), e.lottie && (this.lottieConfig = e.lottie), e.richText && (this.richTextConfig = e.richText), e.phoneInput && (this.phoneInputConfig = e.phoneInput), e.datepicker && (this.datepickerConfig = e.datepicker);
@@ -1442,59 +1436,59 @@ class Zs {
     return this.datepickerConfig;
   }
   generateCSS() {
-    return he(this.designTokens);
+    return xe(this.designTokens);
   }
   injectCSSVariables() {
     const e = document.createElement("style");
     e.textContent = this.generateCSS(), e.setAttribute("data-stachelock-ui", "true");
-    const a = document.querySelector('style[data-stachelock-ui="true"]');
-    a && a.remove(), document.head.appendChild(e);
+    const o = document.querySelector('style[data-stachelock-ui="true"]');
+    o && o.remove(), document.head.appendChild(e);
   }
 }
-const $t = new Zs();
+const _t = new Zs();
 export {
   ao as AddDeleteButtonGroup,
   Oo as AlertModal,
   te as Avatar,
   oa as BackgroundGradientWrapper,
   F as Badge,
-  ma as Banner,
+  pa as Banner,
   Pl as BarChart,
-  wa as BaseChart,
+  $a as BaseChart,
   Ho as BaseModal,
-  ha as Breadcrumb,
+  xa as Breadcrumb,
   A as Button,
-  cl as ButtonGroup,
+  ul as ButtonGroup,
   va as CalendarDashboard,
   Tl as CalendarHeader,
   bt as CardLayout,
   ra as CardWrapper,
-  pl as Checkbox,
+  ml as Checkbox,
   oe as CheckboxInput,
   fa as CloudinaryImage,
   ae as ComboboxInput,
   Kl as ComingSoon,
-  me as ComponentRegistry,
+  pe as ComponentRegistry,
   Ja as ContentSkeleton,
-  wo as DashboardLayout,
+  $o as DashboardLayout,
   no as DatepickerInput,
   Ml as DayCalendar,
   So as DefaultLayout,
   ia as DisclosureWrapper,
   so as DynamicForm,
-  uo as EmailInput,
+  co as EmailInput,
   fo as EmptyInput,
   Xl as EmptyState,
-  Vl as EventCard,
+  jl as EventCard,
   Bl as EventsList,
-  mo as FileDropzoneInput,
-  ua as FormErrorWrapper,
+  po as FileDropzoneInput,
+  ca as FormErrorWrapper,
   lo as FormField,
   Oa as FormFieldWrapper,
   Ul as FunnelChart,
   Qa as GoogleMap,
   Io as HeaderLayout,
-  ho as HiddenInput,
+  xo as HiddenInput,
   rr as ImageCropperModal,
   vt as InfoCard,
   er as InfoWindow,
@@ -1508,69 +1502,69 @@ export {
   No as MapAll,
   or as MapMarker,
   gl as Menu,
-  xl as Modal,
+  hl as Modal,
   El as MonthCalendar,
   bl as NavLink,
-  jo as NavigationGroup,
+  Vo as NavigationGroup,
   Ao as NavigationItem,
   ir as NotificationContainer,
   Wo as NotificationToast,
   Ha as PhoneInput,
   Gl as PieChart,
   Lo as ProfileHeaderAvatar,
-  _l as ProgressBar,
+  Cl as ProgressBar,
   Fo as ProjectLogo,
-  _t as PropsTable,
-  xt as RadialProgressBar,
+  Ct as PropsTable,
+  ht as RadialProgressBar,
   Wa as RichTextInput,
   O as SelectInput,
   yo as SelectTextInput,
-  Ct as ShowcaseCard,
-  kt as ShowcaseLayout,
+  kt as ShowcaseCard,
+  wt as ShowcaseLayout,
   zo as SidebarLayout,
   Za as SmartLoadingIndicator,
   Yl as SparklineChart,
-  $t as StachelockUI,
+  _t as StachelockUI,
   ql as StatCard,
-  wt as StateDisplay,
+  $t as StateDisplay,
   Jo as StepperPanels,
   ne as SwitchInput,
   vo as SwitchInputGroup,
   Qo as TabGroup,
   ea as TabGroupUnderline,
-  kl as Table,
+  wl as Table,
   ta as TabsInPills,
-  Co as TagifyInput,
+  ko as TagifyInput,
   re as TextAreaInput,
-  M as TextInput,
-  ht as ThemeDebugModal,
-  $l as Transition,
+  V as TextInput,
+  xt as ThemeDebugModal,
+  _l as Transition,
   Pt as US_CENTER,
   Nt as WORLD_CENTER,
-  Ca as WeekCalendar,
+  ka as WeekCalendar,
   Dl as YearCalendar,
   Sa as areaChartConfig,
   Ta as barChartConfig,
   Ia as baseTheme,
   Lt as calculateEventLanes,
   Ma as chartColors,
-  ja as chartTypography,
+  Va as chartTypography,
   q as componentRegistry,
-  $t as default,
-  pe as defaultComponentMap,
+  _t as default,
+  me as defaultComponentMap,
   Ut as defaultCoordinateExtractor,
   Z as defaultDesignTokens,
-  Va as formatDuration,
+  ja as formatDuration,
   Aa as formatNumber,
   Ba as formatPercentage,
   Qt as formatUid,
   La as funnelChartConfig,
-  he as generateCSSVariables,
+  xe as generateCSSVariables,
   It as generateDeterministicId,
   Mt as generateId,
   gt as generateTailwindConfig,
   Ea as getAreaGradient,
-  mt as getComponent,
+  pt as getComponent,
   qt as getTabBadgeClasses,
   Fa as hexToRgb,
   Xt as isUidLike,
@@ -1579,8 +1573,8 @@ export {
   ge as mergeDesignTokens,
   za as pieChartConfig,
   se as presetThemes,
-  pt as registerComponent,
-  jt as sanitizeId,
+  mt as registerComponent,
+  Vt as sanitizeId,
   el as slugToReadable,
   Pa as stachelockColors,
   Na as toRgba,