@stachelock/ui 0.5.4 → 0.6.1

package/dist/index.js

@@ -1,127 +1,135 @@
-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";
-import { U as Pt, W as Nt, d as Ut, i as Ot, u as Rt } from "./useMap-BaZEIoWM.js";
-import { useModal as Gt } from "./composables/useModal.js";
-import { useNotifications as Yt } from "./composables/useNotifications.js";
-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-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-CkSUiLOH.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-7mcKkOWP.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-BikR9rgi.js";
-import { _ as ae } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-kEj-NYqm.js";
-import { _ as no } from "./DatepickerInput.vue_vue_type_style_index_0_lang-BdkGLw0H.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 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-CKCoHD1o.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-C6q8Mpl4.js";
-import { _ as Ho } from "./BaseModal.vue_vue_type_script_setup_true_lang-B67Pt3tW.js";
-import { _ as Wo } from "./NotificationContainer.vue_vue_type_style_index_0_lang-DSfNw4Ge.js";
-import { _ as Jo } from "./NotificationToast.vue_vue_type_script_setup_true_lang-CU__ORw8.js";
-import { _ as Zo } from "./StepperPanels.vue_vue_type_script_setup_true_lang-D6Fv7iz3.js";
-import { _ as Qo } from "./InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js";
-import { _ as ea } from "./TabGroup.vue_vue_type_script_setup_true_lang-DVVeOgWH.js";
-import { _ as ta } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-_3XtOn3w.js";
-import { _ as oa } from "./TabsInPills.vue_vue_type_script_setup_true_lang-DY1NkXCQ.js";
-import { _ as ra } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
-import { _ as ia } from "./CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
-import { _ as ca } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js";
-import { _ as fa } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js";
-import { default as pa } 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 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 xa } from "./components/Banner.js";
-import { default as ya } from "./components/Breadcrumb.js";
-import { default as va } from "./components/LoadingDots.js";
-import { default as ka } from "./calendars/CalendarDashboard.js";
-import { default as $a } from "./calendars/WeekCalendar.js";
-import { default as Sa } from "./charts/BaseChart.js";
-import { areaChartConfig as Ia, barChartConfig as Ma, baseTheme as Va, chartColors as ja, chartTypography as Aa, formatDuration as Ba, formatNumber as La, formatPercentage as Ea, funnelChartConfig as Fa, getAreaGradient as Da, hexToRgb as za, lineChartConfig as Pa, pieChartConfig as Na, stachelockColors as Ua, toRgba as Oa } from "./charts/chartTheme.js";
-import { default as Ha } from "./forms/FormFieldWrapper.js";
-import { default as Wa } from "./inputs/PhoneInput.js";
-import { default as Ja } from "./inputs/RichTextInput.js";
-import { default as Za } from "./loading/ContentSkeleton.js";
-import { default as Qa } from "./loading/SmartLoadingIndicator.js";
-import { default as er } from "./maps/GoogleMap.js";
-import { default as tr } from "./maps/UiInfoWindow.js";
-import { default as or } from "./maps/UiMap.js";
-import { default as rr } from "./maps/UiMapMarker.js";
-import { default as ir } from "./modals/ImageCropperModal.js";
-const me = {
+import { g as Ee } from "./id-DafBB_QF.js";
+import { a as ql, s as eo } from "./id-DafBB_QF.js";
+import { defineAsyncComponent as Le, defineComponent as D, ref as F, watch as ee, createBlock as U, openBlock as c, unref as x, withCtx as k, createVNode as y, createElementVNode as t, normalizeStyle as z, createTextVNode as E, withDirectives as Y, vModelText as ae, createElementBlock as f, Fragment as V, renderList as R, normalizeClass as _, toDisplayString as w, computed as C, createCommentVNode as b, inject as Pe, onMounted as De, reactive as ue, resolveDynamicComponent as Fe, useSlots as Be, renderSlot as v, Transition as re, vShow as Ue } from "vue";
+import M from "./inputs/TextInput.js";
+import { useCalendar as to } from "./composables/useCalendar.js";
+import { c as oo, u as ao } from "./useEventSegments-B-r_8zCW.js";
+import { useFormValidation as no } from "./composables/useFormValidation.js";
+import { U as co, W as uo, d as fo, i as mo, u as po } from "./useMap-BGg0H582.js";
+import { useModal as yo } from "./composables/useModal.js";
+import { useNotifications as xo } from "./composables/useNotifications.js";
+import { g as bo, u as ko } from "./useSimpleTabs-CSgkChEU.js";
+import { f as wo, i as $o, s as So, a as _o, t as To, c as Io, b as Ao, u as Mo } from "./useStringTransform-CSr7nZWg.js";
+import { useTabs as Eo } from "./composables/useTabs.js";
+import { useTheme as fe, presetThemes as Ve } from "./composables/useTheme.js";
+import { _ as Po } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-C0R4ADBb.js";
+import { _ as je } from "./UiAvatar.vue_vue_type_script_setup_true_lang-WVY6JbUL.js";
+import { _ as X } from "./UiBadge.vue_vue_type_script_setup_true_lang-DOtbLb9x.js";
+import { _ as Fo } from "./UiButtonGroup.vue_vue_type_script_setup_true_lang-CVwXB-cb.js";
+import { _ as Uo } from "./UiCheckbox.vue_vue_type_script_setup_true_lang-BxyM_F-V.js";
+import { _ as Oe } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
+import { _ as jo } from "./UiMenu.vue_vue_type_script_setup_true_lang-gnoIJm6x.js";
+import { _ as No } from "./UiModal.vue_vue_type_script_setup_true_lang-BZC7aN7K.js";
+import { _ as Go } from "./UiNavLink.vue_vue_type_script_setup_true_lang-C5Gicm8o.js";
+import { _ as Ho } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js";
+import { _ as Zo } from "./UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js";
+import { _ as Xo } from "./UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js";
+import { _ as Qo } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-hGa2MLyo.js";
+import { _ as ea } from "./DayCalendar.vue_vue_type_script_setup_true_lang-D-4jcUvI.js";
+import { _ as ta } from "./EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js";
+import { _ as oa } from "./EventsList.vue_vue_type_script_setup_true_lang-BTIoGr_e.js";
+import { _ as ra } from "./MonthCalendar.vue_vue_type_style_index_0_lang-lnKkvJ9u.js";
+import { _ as ia } from "./YearCalendar.vue_vue_type_script_setup_true_lang-CfKSpLLN.js";
+import { _ as ca } from "./BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js";
+import { _ as fa } from "./FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6xCV.js";
+import { _ as pa } from "./LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js";
+import { _ as ya } from "./PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4.js";
+import { _ as xa } from "./SparklineChart.vue_vue_type_script_setup_true_lang-BlNk5ZqM.js";
+import { _ as ba } from "./StatCard.vue_vue_type_script_setup_true_lang-B5SuaSXL.js";
+import { _ as Ca } from "./ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js";
+import { _ as $a } from "./EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js";
+import { _ as _a } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BR8Pq7Kw.js";
+import { _ as Ia } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js";
+import { _ as Ma } from "./AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-6taLcPq0.js";
+import { _ as Ne } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-BikR9rgi.js";
+import { _ as Re } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-BigvbBAU.js";
+import { _ as Ea } from "./DatepickerInput.vue_vue_type_style_index_0_lang-DbI3619T.js";
+import { _ as Pa } from "./EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js";
+import { _ as Fa } from "./EmptyInput.vue_vue_type_script_setup_true_lang-FWDCFF2c.js";
+import { _ as Ua } from "./FileDropzoneInput.vue_vue_type_script_setup_true_lang-BJR-_ngq.js";
+import { _ as ja } from "./HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js";
+import { _ as Ge } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-Cf0MJobG.js";
+import { _ as Ke } from "./SwitchInput.vue_vue_type_script_setup_true_lang-D5Es9AjF.js";
+import { _ as ne } from "./SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js";
+import { _ as Na } from "./SelectTextInput.vue_vue_type_script_setup_true_lang-BVaViHPl.js";
+import { _ as Ga } from "./SwitchInputGroup.vue_vue_type_script_setup_true_lang-DigNYqVZ.js";
+import { _ as Ha } from "./TagifyInput.vue_vue_type_script_setup_true_lang-BF2mK8JC.js";
+import { _ as Za } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-BAx4gKqh.js";
+import { _ as Xa } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
+import { _ as Qa } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
+import { _ as er } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js";
+import { _ as tr } from "./NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js";
+import { _ as or } from "./ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-CKCoHD1o.js";
+import { _ as rr } from "./ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js";
+import { _ as ir } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-CZ21EVcZ.js";
+import { _ as cr } from "./UiMapAll.vue_vue_type_script_setup_true_lang-11yT7mTH.js";
+import { _ as fr } from "./AlertModal.vue_vue_type_script_setup_true_lang-DzhVQdx4.js";
+import { _ as pr } from "./BaseModal.vue_vue_type_script_setup_true_lang--iGzFCnC.js";
+import { _ as yr } from "./NotificationContainer.vue_vue_type_style_index_0_lang-CvJRwezr.js";
+import { _ as xr } from "./NotificationToast.vue_vue_type_script_setup_true_lang-BBWpW4km.js";
+import { _ as br } from "./StepperPanels.vue_vue_type_script_setup_true_lang-DPLQ9mQn.js";
+import { _ as Cr } from "./InlineTabs.vue_vue_type_script_setup_true_lang-B5w4yzcZ.js";
+import { _ as $r } from "./TabGroup.vue_vue_type_script_setup_true_lang-BsbiEA4E.js";
+import { _ as _r } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-CPcp1-Za.js";
+import { _ as Ir } from "./TabsInPills.vue_vue_type_script_setup_true_lang-U5CdRL7s.js";
+import { _ as Mr } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
+import { _ as Er } from "./CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
+import { _ as Pr } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-CgHPOC-w.js";
+import { _ as Fr } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-D7ZAgfPs.js";
+import { default as Ur } from "./components/CloudinaryImage.js";
+import { TransitionRoot as Q, Dialog as He, TransitionChild as ie, DialogPanel as We, DialogTitle as Ze, Combobox as Je, ComboboxInput as Xe, ComboboxButton as Ye, ComboboxOptions as Qe, ComboboxOption as qe } from "@headlessui/vue";
+import { SwatchIcon as es, XMarkIcon as ss, ClockIcon as de, ExclamationCircleIcon as ts, CheckCircleIcon as ls } from "@heroicons/vue/24/outline";
+import Z from "./components/Button.js";
+import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { default as jr } from "./components/Banner.js";
+import { default as Nr } from "./components/Breadcrumb.js";
+import { default as Gr } from "./components/LoadingDots.js";
+import { default as Hr } from "./calendars/CalendarDashboard.js";
+import { default as Zr } from "./calendars/WeekCalendar.js";
+import { default as Xr } from "./charts/BaseChart.js";
+import { areaChartConfig as Qr, barChartConfig as qr, baseTheme as en, chartColors as sn, chartTypography as tn, formatDuration as ln, formatNumber as on, formatPercentage as an, funnelChartConfig as rn, getAreaGradient as nn, hexToRgb as dn, lineChartConfig as cn, pieChartConfig as un, stachelockColors as fn, toRgba as mn } from "./charts/chartTheme.js";
+import os from "./forms/FormFieldWrapper.js";
+import { LockClosedIcon as as, MagnifyingGlassIcon as rs, CheckIcon as ns, ChevronDownIcon as is, ChevronUpIcon as ds } from "@heroicons/vue/20/solid";
+import { useField as cs } from "vee-validate";
+import { debounce as ce } from "lodash-es";
+import { Loader as us } from "@googlemaps/js-api-loader";
+import { default as gn } from "./inputs/PhoneInput.js";
+import { default as hn } from "./inputs/RichTextInput.js";
+import { default as vn } from "./loading/ContentSkeleton.js";
+import { default as kn } from "./loading/SmartLoadingIndicator.js";
+import { default as wn } from "./maps/GoogleMap.js";
+import { default as Sn } from "./maps/UiInfoWindow.js";
+import { default as Tn } from "./maps/UiMap.js";
+import { default as An } from "./maps/UiMapMarker.js";
+import { default as zn } from "./modals/ImageCropperModal.js";
+var fs = /* @__PURE__ */ ((s) => (s.Verified = "verified", s.Error = "error", s.Unverified = "unverified", s.Pending = "pending", s))(fs || {});
+function Fl(s) {
+  return ["street", "city", "state", "zipcode", "country"].includes(s);
+}
+const ms = {
   text: {
     component: "TextInput",
-    loader: () => Promise.resolve(V)
+    loader: () => Promise.resolve(M)
   },
   email: {
     component: "TextInput",
-    loader: () => Promise.resolve(V)
+    loader: () => Promise.resolve(M)
   },
   password: {
     component: "TextInput",
-    loader: () => Promise.resolve(V)
+    loader: () => Promise.resolve(M)
   },
   number: {
     component: "TextInput",
-    loader: () => Promise.resolve(V)
+    loader: () => Promise.resolve(M)
   },
   tel: {
     component: "TextInput",
-    loader: () => Promise.resolve(V)
+    loader: () => Promise.resolve(M)
   },
   url: {
     component: "TextInput",
-    loader: () => Promise.resolve(V)
+    loader: () => Promise.resolve(M)
   },
   textarea: {
     component: "TextAreaInput",
@@ -144,8 +152,8 @@ const me = {
     loader: () => import("./inputs/SwitchInput.js")
   }
 };
-class pe {
-  componentMap = { ...me };
+class ps {
+  componentMap = { ...ms };
   loadedComponents = /* @__PURE__ */ new Map();
   /**
    * Register a new component type
@@ -162,7 +170,7 @@ class pe {
       return console.warn(`Component type "${e}" is not registered`), null;
     if (this.loadedComponents.has(e))
       return this.loadedComponents.get(e);
-    const l = K({
+    const l = Le({
       loader: o.loader,
       delay: 0
     });
@@ -193,14 +201,14 @@ class pe {
     this.loadedComponents.clear();
   }
 }
-const q = new pe();
-function mt(t, e, o) {
-  q.register(t, e, o);
+const me = new ps();
+function Bl(s, e, o) {
+  me.register(s, e, o);
 }
-function pt(t) {
-  return q.getComponent(t);
+function Ul(s) {
+  return me.getComponent(s);
 }
-const Z = {
+const pe = {
   colors: {
     primary: {
       50: "#edeff9",
@@ -303,50 +311,50 @@ const Z = {
     "2xl": "1536px"
   }
 };
-function ge(t, e = Z) {
+function gs(s, e = pe) {
   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;
+  function l(r, d) {
+    if (d && typeof d == "object" && !Array.isArray(d)) {
+      for (const a in d)
+        if (Object.prototype.hasOwnProperty.call(d, a)) {
+          const n = r[a], S = d[a];
+          n && typeof n == "object" && !Array.isArray(n) && S && typeof S == "object" && !Array.isArray(S) ? r[a] = l(n, S) : r[a] = S;
         }
     }
     return r;
   }
-  return l(o, t);
+  return l(o, s);
 }
-function xe(t) {
+function ys(s) {
   let e = `:root {
 `;
-  return t.colors && Object.entries(t.colors).forEach(([o, l]) => {
-    typeof l == "object" && l !== null && Object.entries(l).forEach(([r, f]) => {
+  return s.colors && Object.entries(s.colors).forEach(([o, l]) => {
+    typeof l == "object" && l !== null && Object.entries(l).forEach(([r, d]) => {
       const a = r === "DEFAULT" ? o : `${o}-${r}`;
-      e += `  --sl-color-${a}: ${f};
+      e += `  --sl-color-${a}: ${d};
 `;
-      const u = he(f);
-      u && (e += `  --sl-color-${a}-rgb: ${u};
+      const n = hs(d);
+      n && (e += `  --sl-color-${a}-rgb: ${n};
 `);
     });
-  }), t.spacing && Object.entries(t.spacing).forEach(([o, l]) => {
+  }), s.spacing && Object.entries(s.spacing).forEach(([o, l]) => {
     e += `  --sl-spacing-${o}: ${l};
 `;
-  }), t.borderRadius && Object.entries(t.borderRadius).forEach(([o, l]) => {
+  }), s.borderRadius && Object.entries(s.borderRadius).forEach(([o, l]) => {
     const r = o === "DEFAULT" ? "radius" : `radius-${o}`;
     e += `  --sl-${r}: ${l};
 `;
-  }), t.shadows && Object.entries(t.shadows).forEach(([o, l]) => {
+  }), s.shadows && Object.entries(s.shadows).forEach(([o, l]) => {
     const r = o === "DEFAULT" ? "shadow" : `shadow-${o}`;
     e += `  --sl-${r}: ${l};
 `;
-  }), t.typography && (t.typography.fontFamily && Object.entries(t.typography.fontFamily).forEach(([o, l]) => {
+  }), s.typography && (s.typography.fontFamily && Object.entries(s.typography.fontFamily).forEach(([o, l]) => {
     e += `  --sl-font-family-${o}: ${l.join(", ")};
 `;
-  }), t.typography.fontSize && Object.entries(t.typography.fontSize).forEach(([o, l]) => {
+  }), s.typography.fontSize && Object.entries(s.typography.fontSize).forEach(([o, l]) => {
     e += `  --sl-font-size-${o}: ${l};
 `;
-  })), t.breakpoints && Object.entries(t.breakpoints).forEach(([o, l]) => {
+  })), s.breakpoints && Object.entries(s.breakpoints).forEach(([o, l]) => {
     e += `  --sl-breakpoint-${o}: ${l};
 `;
   }), e += `  --sl-ring-color: var(--sl-color-stachelock-600, #3e4b9a);
@@ -363,43 +371,43 @@ function xe(t) {
 `, e += `}
 `, e;
 }
-function gt(t) {
+function Vl(s) {
   let e = `export default {
 `;
   return e += `  prefix: "sl-",
 `, e += `  theme: {
 `, e += `    extend: {
-`, t.colors && (e += `      colors: {
-`, Object.entries(t.colors).forEach(([o, l]) => {
+`, s.colors && (e += `      colors: {
+`, Object.entries(s.colors).forEach(([o, l]) => {
     typeof l == "object" && l !== null && (e += `        "${o}": {
-`, Object.entries(l).forEach(([r, f]) => {
-      e += `          "${r === "DEFAULT" ? "DEFAULT" : r}": "${f}",
+`, Object.entries(l).forEach(([r, d]) => {
+      e += `          "${r === "DEFAULT" ? "DEFAULT" : r}": "${d}",
 `;
     }), e += `        },
 `);
   }), e += `      },
-`), t.spacing && (e += `      spacing: {
-`, Object.entries(t.spacing).forEach(([o, l]) => {
+`), s.spacing && (e += `      spacing: {
+`, Object.entries(s.spacing).forEach(([o, l]) => {
     e += `        "${o}": "${l}",
 `;
   }), e += `      },
-`), t.borderRadius && (e += `      borderRadius: {
-`, Object.entries(t.borderRadius).forEach(([o, l]) => {
+`), s.borderRadius && (e += `      borderRadius: {
+`, Object.entries(s.borderRadius).forEach(([o, l]) => {
     e += `        "${o === "DEFAULT" ? "DEFAULT" : o}": "${l}",
 `;
   }), e += `      },
-`), t.shadows && (e += `      boxShadow: {
-`, Object.entries(t.shadows).forEach(([o, l]) => {
+`), s.shadows && (e += `      boxShadow: {
+`, Object.entries(s.shadows).forEach(([o, l]) => {
     e += `        "${o === "DEFAULT" ? "DEFAULT" : o}": "${l}",
 `;
   }), e += `      },
-`), t.typography && (t.typography.fontFamily && (e += `      fontFamily: {
-`, Object.entries(t.typography.fontFamily).forEach(([o, l]) => {
+`), s.typography && (s.typography.fontFamily && (e += `      fontFamily: {
+`, Object.entries(s.typography.fontFamily).forEach(([o, l]) => {
     e += `        "${o}": [${l.map((r) => `"${r}"`).join(", ")}],
 `;
   }), e += `      },
-`), t.typography.fontSize && (e += `      fontSize: {
-`, Object.entries(t.typography.fontSize).forEach(([o, l]) => {
+`), s.typography.fontSize && (e += `      fontSize: {
+`, Object.entries(s.typography.fontSize).forEach(([o, l]) => {
     e += `        "${o}": "${l}",
 `;
   }), e += `      },
@@ -408,64 +416,47 @@ function gt(t) {
 `, e += `};
 `, e;
 }
-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;
+function hs(s) {
+  if (typeof s != "string") return null;
+  let e = s.trim();
+  if (!e.startsWith("#") || (e = e.slice(1), e.length === 3 && (e = e.split("").map((d) => d + d).join("")), e.length !== 6)) return null;
   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(t, e) {
-  return i(), d("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    s("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M4.098 19.902a3.75 3.75 0 0 0 5.304 0l6.401-6.402M6.75 21A3.75 3.75 0 0 1 3 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 0 0 3.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008Z"
-    })
-  ]);
-}
-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 dark:sl-text-white sl-truncate" }, Ae = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, Be = { class: "sl-rounded-xl sl-border sl-border-gray-200 dark:sl-border-slate-600 sl-bg-gray-50 dark:sl-bg-slate-900 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 dark:sl-shadow-slate-900/50" }, Pe = { class: "sl-border-t sl-border-gray-200 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-900 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({
+const xs = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, vs = { class: "sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4" }, bs = { class: "sl-bg-gradient-to-r sl-from-gray-900 sl-to-gray-800 sl-px-6 sl-py-4" }, ks = { class: "sl-flex sl-items-center sl-justify-between" }, Cs = { class: "sl-flex sl-items-center sl-gap-3" }, ws = { class: "sl-p-6 sl-space-y-6" }, $s = { class: "sl-flex sl-items-center sl-gap-4" }, Ss = { class: "sl-relative" }, _s = { class: "sl-flex-1" }, Ts = { class: "sl-grid sl-grid-cols-2 sl-gap-2" }, Is = ["onClick"], As = { class: "sl-min-w-0" }, Ms = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-truncate" }, zs = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, Es = { class: "sl-rounded-xl sl-border sl-border-gray-200 dark:sl-border-slate-600 sl-bg-gray-50 dark:sl-bg-slate-900 sl-p-4 sl-space-y-4" }, Ls = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Ps = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Ds = { class: "sl-flex sl-items-center sl-gap-4" }, Fs = { class: "sl-flex sl-items-center sl-gap-3" }, Bs = { class: "sl-flex sl-rounded-lg sl-overflow-hidden sl-shadow-sm dark:sl-shadow-slate-900/50" }, Us = { class: "sl-border-t sl-border-gray-200 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-900 sl-px-6 sl-py-4" }, Vs = { class: "sl-flex sl-items-center sl-justify-between" }, js = { class: "sl-flex sl-gap-3" }, Os = /* @__PURE__ */ D({
   __name: "ThemeDebugModal",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: e }) {
-    const o = e, { currentPrimaryColor: l, applyTheme: r, resetTheme: f } = Y(), a = H(l.value);
-    G(l, (I) => {
-      a.value = I;
+  setup(s, { emit: e }) {
+    const o = e, { currentPrimaryColor: l, applyTheme: r, resetTheme: d } = fe(), a = F(l.value);
+    ee(l, (T) => {
+      a.value = T;
     });
-    const u = () => {
+    const n = () => {
       r(a.value);
-    }, C = (I) => {
-      a.value = I, r(I);
-    }, w = () => {
-      f(), a.value = "#3e4b9a";
-    }, $ = () => {
+    }, S = (T) => {
+      a.value = T, r(T);
+    }, I = () => {
+      d(), a.value = "#3e4b9a";
+    }, A = () => {
       o("update:modelValue", !1);
-    }, L = () => {
+    }, K = () => {
       r(a.value), o("update:modelValue", !1);
     };
-    return (I, c) => (i(), W(_(ie), {
+    return (T, m) => (c(), U(x(Q), {
       as: "template",
-      show: t.modelValue
+      show: s.modelValue
     }, {
-      default: b(() => [
-        m(_(de), {
+      default: k(() => [
+        y(x(He), {
           as: "div",
           class: "sl-relative sl-z-[100]",
-          onClose: $
+          onClose: A
         }, {
-          default: b(() => [
-            m(_(R), {
+          default: k(() => [
+            y(x(ie), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -474,14 +465,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(() => [...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)
+              default: k(() => [...m[2] || (m[2] = [
+                t("div", { class: "sl-fixed sl-inset-0 sl-bg-gray-900/60 sl-backdrop-blur-sm sl-transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            s("div", be, [
-              s("div", ve, [
-                m(_(R), {
+            t("div", xs, [
+              t("div", vs, [
+                y(x(ie), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -490,188 +481,188 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                   "leave-from": "opacity-100 translate-y-0 sm:scale-100",
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
-                  default: b(() => [
-                    m(_(ce), { class: "sl-relative sl-transform sl-overflow-hidden sl-rounded-2xl sl-bg-white dark:sl-bg-slate-800 sl-shadow-2xl sl-transition-all sl-w-full sm:sl-max-w-lg" }, {
-                      default: b(() => [
-                        s("div", Ce, [
-                          s("div", ke, [
-                            s("div", we, [
-                              s("div", {
+                  default: k(() => [
+                    y(x(We), { class: "sl-relative sl-transform sl-overflow-hidden sl-rounded-2xl sl-bg-white dark:sl-bg-slate-800 sl-shadow-2xl sl-transition-all sl-w-full sm:sl-max-w-lg" }, {
+                      default: k(() => [
+                        t("div", bs, [
+                          t("div", ks, [
+                            t("div", Cs, [
+                              t("div", {
                                 class: "sl-flex sl-h-10 sl-w-10 sl-items-center sl-justify-center sl-rounded-lg",
-                                style: k({ backgroundColor: a.value })
+                                style: z({ backgroundColor: a.value })
                               }, [
-                                m(_(ye), { class: "sl-h-5 sl-w-5 sl-text-white" })
+                                y(x(es), { class: "sl-h-5 sl-w-5 sl-text-white" })
                               ], 4),
-                              s("div", null, [
-                                m(_(ue), { class: "sl-text-lg sl-font-semibold sl-text-white" }, {
-                                  default: b(() => [...c[3] || (c[3] = [
-                                    S(" Theme Customizer ", -1)
+                              t("div", null, [
+                                y(x(Ze), { class: "sl-text-lg sl-font-semibold sl-text-white" }, {
+                                  default: k(() => [...m[3] || (m[3] = [
+                                    E(" Theme Customizer ", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                c[4] || (c[4] = s("p", { class: "sl-text-xs sl-text-gray-400" }, "Preview how components adapt to different colors", -1))
+                                m[4] || (m[4] = t("p", { class: "sl-text-xs sl-text-gray-400" }, "Preview how components adapt to different colors", -1))
                               ])
                             ]),
-                            s("button", {
-                              onClick: $,
+                            t("button", {
+                              onClick: A,
                               class: "sl-rounded-lg sl-p-2 sl-text-gray-400 hover:sl-bg-gray-700 hover:sl-text-white sl-transition-colors"
                             }, [
-                              m(_(fe), { class: "sl-h-5 sl-w-5" })
+                              y(x(ss), { class: "sl-h-5 sl-w-5" })
                             ])
                           ])
                         ]),
-                        s("div", $e, [
-                          s("div", null, [
-                            c[5] || (c[5] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Primary Color ", -1)),
-                            s("div", _e, [
-                              s("div", Se, [
-                                D(s("input", {
+                        t("div", ws, [
+                          t("div", null, [
+                            m[5] || (m[5] = t("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Primary Color ", -1)),
+                            t("div", $s, [
+                              t("div", Ss, [
+                                Y(t("input", {
                                   type: "color",
-                                  "onUpdate:modelValue": c[0] || (c[0] = (h) => a.value = h),
-                                  onInput: u,
+                                  "onUpdate:modelValue": m[0] || (m[0] = ($) => a.value = $),
+                                  onInput: n,
                                   class: "sl-h-14 sl-w-14 sl-cursor-pointer sl-rounded-xl sl-border-2 sl-border-gray-200 dark:sl-border-slate-600 sl-p-1 sl-shadow-sm hover:sl-border-gray-300 dark:hover:sl-border-slate-500 sl-transition-colors"
                                 }, null, 544), [
-                                  [N, a.value]
+                                  [ae, a.value]
                                 ])
                               ]),
-                              s("div", Te, [
-                                D(s("input", {
+                              t("div", _s, [
+                                Y(t("input", {
                                   type: "text",
-                                  "onUpdate:modelValue": c[1] || (c[1] = (h) => a.value = h),
-                                  onInput: u,
+                                  "onUpdate:modelValue": m[1] || (m[1] = ($) => a.value = $),
+                                  onInput: n,
                                   placeholder: "#3e4b9a",
                                   class: "sl-block sl-w-full sl-rounded-lg sl-border sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-700 sl-px-4 sl-py-3 sl-text-sm sl-font-mono sl-text-gray-900 dark:sl-text-white sl-shadow-sm focus:sl-border-primary-500 focus:sl-ring-2 focus:sl-ring-primary-500/20 sl-transition-all"
                                 }, null, 544), [
-                                  [N, a.value]
+                                  [ae, a.value]
                                 ])
                               ])
                             ])
                           ]),
-                          s("div", null, [
-                            c[6] || (c[6] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Preset Themes ", -1)),
-                            s("div", Ie, [
-                              (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 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-700 sl-p-3 sl-text-left sl-transition-all hover:sl-border-gray-300 dark:hover:sl-border-slate-500 hover:sl-shadow-sm", { "sl-ring-2 sl-ring-offset-2 dark:sl-ring-offset-slate-800": a.value.toLowerCase() === h.color.toLowerCase() }]),
-                                style: k(a.value.toLowerCase() === h.color.toLowerCase() ? { "--tw-ring-color": h.color } : {})
+                          t("div", null, [
+                            m[6] || (m[6] = t("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Preset Themes ", -1)),
+                            t("div", Ts, [
+                              (c(!0), f(V, null, R(x(Ve), ($) => (c(), f("button", {
+                                key: $.name,
+                                onClick: (L) => S($.color),
+                                class: _(["sl-group sl-relative sl-flex sl-items-center sl-gap-3 sl-rounded-lg sl-border sl-border-gray-200 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-700 sl-p-3 sl-text-left sl-transition-all hover:sl-border-gray-300 dark:hover:sl-border-slate-500 hover:sl-shadow-sm", { "sl-ring-2 sl-ring-offset-2 dark:sl-ring-offset-slate-800": a.value.toLowerCase() === $.color.toLowerCase() }]),
+                                style: z(a.value.toLowerCase() === $.color.toLowerCase() ? { "--tw-ring-color": $.color } : {})
                               }, [
-                                s("div", {
+                                t("div", {
                                   class: "sl-h-8 sl-w-8 sl-rounded-lg sl-shadow-sm sl-flex-shrink-0",
-                                  style: k({ backgroundColor: h.color })
+                                  style: z({ backgroundColor: $.color })
                                 }, null, 4),
-                                s("div", Ve, [
-                                  s("p", je, x(h.name), 1),
-                                  s("p", Ae, x(h.description), 1)
+                                t("div", As, [
+                                  t("p", Ms, w($.name), 1),
+                                  t("p", zs, w($.description), 1)
                                 ])
-                              ], 14, Me))), 128))
+                              ], 14, Is))), 128))
                             ])
                           ]),
-                          s("div", null, [
-                            c[15] || (c[15] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Live Preview ", -1)),
-                            s("div", Be, [
-                              s("div", Le, [
-                                m(A, {
+                          t("div", null, [
+                            m[15] || (m[15] = t("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Live Preview ", -1)),
+                            t("div", Es, [
+                              t("div", Ls, [
+                                y(Z, {
                                   theme: "primary",
                                   size: "sm"
                                 }, {
-                                  default: b(() => [...c[7] || (c[7] = [
-                                    S("Primary", -1)
+                                  default: k(() => [...m[7] || (m[7] = [
+                                    E("Primary", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                m(A, {
+                                y(Z, {
                                   theme: "primary",
                                   size: "sm",
                                   outlined: ""
                                 }, {
-                                  default: b(() => [...c[8] || (c[8] = [
-                                    S("Outlined", -1)
+                                  default: k(() => [...m[8] || (m[8] = [
+                                    E("Outlined", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                m(A, {
+                                y(Z, {
                                   theme: "secondary",
                                   size: "sm"
                                 }, {
-                                  default: b(() => [...c[9] || (c[9] = [
-                                    S("Secondary", -1)
+                                  default: k(() => [...m[9] || (m[9] = [
+                                    E("Secondary", -1)
                                   ])]),
                                   _: 1
                                 })
                               ]),
-                              s("div", Ee, [
-                                m(F, { theme: "primary" }, {
-                                  default: b(() => [...c[10] || (c[10] = [
-                                    S("Primary Badge", -1)
+                              t("div", Ps, [
+                                y(X, { theme: "primary" }, {
+                                  default: k(() => [...m[10] || (m[10] = [
+                                    E("Primary Badge", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                m(F, { theme: "success" }, {
-                                  default: b(() => [...c[11] || (c[11] = [
-                                    S("Success", -1)
+                                y(X, { theme: "success" }, {
+                                  default: k(() => [...m[11] || (m[11] = [
+                                    E("Success", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                m(F, { theme: "warning" }, {
-                                  default: b(() => [...c[12] || (c[12] = [
-                                    S("Warning", -1)
+                                y(X, { theme: "warning" }, {
+                                  default: k(() => [...m[12] || (m[12] = [
+                                    E("Warning", -1)
                                   ])]),
                                   _: 1
                                 })
                               ]),
-                              s("div", Fe, [
-                                m(le, { size: "sm" }),
-                                c[13] || (c[13] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Loading indicator", -1))
+                              t("div", Ds, [
+                                y(Oe, { size: "sm" }),
+                                m[13] || (m[13] = t("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Loading indicator", -1))
                               ]),
-                              s("div", De, [
-                                m(te, {
+                              t("div", Fs, [
+                                y(je, {
                                   name: "Theme Test",
                                   size: "md"
                                 }),
-                                c[14] || (c[14] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Avatar with initials", -1))
+                                m[14] || (m[14] = t("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Avatar with initials", -1))
                               ])
                             ])
                           ]),
-                          s("div", null, [
-                            c[16] || (c[16] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Generated Palette ", -1)),
-                            s("div", ze, [
-                              (i(), d(j, null, B([50, 100, 200, 300, 400, 500, 600, 700, 800, 900], (h) => s("div", {
-                                key: h,
+                          t("div", null, [
+                            m[16] || (m[16] = t("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Generated Palette ", -1)),
+                            t("div", Bs, [
+                              (c(), f(V, null, R([50, 100, 200, 300, 400, 500, 600, 700, 800, 900], ($) => t("div", {
+                                key: $,
                                 class: "sl-flex-1 sl-h-8 sl-relative sl-group",
-                                style: k({ backgroundColor: `rgb(var(--sl-color-primary-${h}-rgb, 128 128 128))` })
+                                style: z({ backgroundColor: `rgb(var(--sl-color-primary-${$}-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", h < 500 ? "sl-text-gray-700" : "sl-text-white"])
-                                }, x(h), 3)
+                                t("span", {
+                                  class: _(["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", $ < 500 ? "sl-text-gray-700" : "sl-text-white"])
+                                }, w($), 3)
                               ], 4)), 64))
                             ])
                           ])
                         ]),
-                        s("div", Pe, [
-                          s("div", Ne, [
-                            s("button", {
-                              onClick: w,
+                        t("div", Us, [
+                          t("div", Vs, [
+                            t("button", {
+                              onClick: I,
                               class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400 hover:sl-text-gray-900 dark:hover:sl-text-white sl-font-medium sl-transition-colors"
                             }, " Reset to Default "),
-                            s("div", Ue, [
-                              m(A, {
+                            t("div", js, [
+                              y(Z, {
                                 theme: "secondary",
                                 size: "sm",
-                                onButtonClick: $
+                                onButtonClick: A
                               }, {
-                                default: b(() => [...c[17] || (c[17] = [
-                                  S(" Close ", -1)
+                                default: k(() => [...m[17] || (m[17] = [
+                                  E(" Close ", -1)
                                 ])]),
                                 _: 1
                               }),
-                              m(A, {
+                              y(Z, {
                                 theme: "primary",
                                 size: "sm",
-                                onButtonClick: L
+                                onButtonClick: K
                               }, {
-                                default: b(() => [...c[18] || (c[18] = [
-                                  S(" Apply Theme ", -1)
+                                default: k(() => [...m[18] || (m[18] = [
+                                  E(" Apply Theme ", -1)
                                 ])]),
                                 _: 1
                               })
@@ -693,13 +684,13 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}), xt = /* @__PURE__ */ J(Oe, [["__scopeId", "data-v-c9b3cc37"]]), Re = {
+}), jl = /* @__PURE__ */ se(Os, [["__scopeId", "data-v-c9b3cc37"]]), Ns = {
   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 = {
+}, Rs = ["stroke-width"], Gs = ["stroke", "stroke-dasharray", "stroke-width"], Ks = {
   key: 0,
   class: "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center"
-}, ht = /* @__PURE__ */ T({
+}, Ol = /* @__PURE__ */ D({
   __name: "UiRadialProgressBar",
   props: {
     value: { default: 0 },
@@ -709,11 +700,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(t) {
-    const e = t, o = y(() => Math.min(100, Math.max(0, e.value))), l = y(() => ({
+  setup(s) {
+    const e = s, o = C(() => Math.min(100, Math.max(0, e.value))), l = C(() => ({
       width: `${e.size}px`,
       height: `${e.size}px`
-    })), r = y(() => ({
+    })), r = C(() => ({
       primary: "var(--sl-color-primary-600, #3e4b9a)",
       success: "#22c55e",
       // green-500
@@ -721,37 +712,662 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       // yellow-500
       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 (a, u) => (i(), d("div", {
+    })[e.color]), d = C(() => 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 (a, n) => (c(), f("div", {
       class: "sl-relative sl-inline-flex",
-      style: k(l.value)
+      style: z(l.value)
     }, [
-      (i(), d("svg", Re, [
-        s("path", {
+      (c(), f("svg", Ns, [
+        t("path", {
           class: "sl-fill-none sl-stroke-gray-200 dark:sl-stroke-slate-600",
-          "stroke-width": t.trackWidth,
+          "stroke-width": s.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", {
+        }, null, 8, Rs),
+        t("path", {
           class: "sl-fill-none sl-transition-all sl-duration-500 sl-ease-out",
           stroke: r.value,
           "stroke-linecap": "round",
           "stroke-dasharray": `${o.value}, 100`,
-          "stroke-width": t.trackWidth,
+          "stroke-width": s.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)
+        }, null, 8, Gs)
       ])),
-      t.showLabel || t.label ? (i(), d("div", We, [
-        s("span", {
-          class: v(f.value)
-        }, x(t.label || `${o.value}%`), 3)
-      ])) : g("", !0)
+      s.showLabel || s.label ? (c(), f("div", Ks, [
+        t("span", {
+          class: _(d.value)
+        }, w(s.label || `${o.value}%`), 3)
+      ])) : b("", !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__ */ T({
+});
+let P = null, G = null, J = null, O = null, q = !1;
+const N = /* @__PURE__ */ new Map(), Hs = 1e3, Ws = 1e3 * 60 * 60 * 24;
+function Zs(s) {
+  P = s, q = !1, O = null, J = null, G = null;
+}
+function Js() {
+  return P !== null && !!P.apiKey;
+}
+async function te() {
+  if (!q) {
+    if (O)
+      return O;
+    if (!P?.apiKey)
+      throw new Error(
+        '[Geocoding] API key not configured. Call configureGeocoding({ apiKey: "..." }) first, or configure via StachelockUI plugin with googleMaps.apiKey option.'
+      );
+    return O = (async () => {
+      try {
+        await new us({
+          apiKey: P.apiKey,
+          version: P.version || "weekly",
+          id: "__stachelockGoogleMapsScriptId",
+          libraries: P.libraries || ["places", "maps", "geometry"]
+        }).load(), J = await google.maps.importLibrary("places"), G = new google.maps.Geocoder(), q = !0;
+      } catch (s) {
+        throw O = null, console.error("[Geocoding] Error loading Google Maps API:", s), s;
+      }
+    })(), O;
+  }
+}
+function ge(s) {
+  return s.trim().toLowerCase().replace(/\s+/g, " ");
+}
+function ye(s) {
+  return typeof s == "string" ? `str:${ge(s)}` : `pid:${s.placeId}`;
+}
+function he(s) {
+  const e = N.get(s);
+  return e ? Date.now() - e.ts > Ws ? (N.delete(s), null) : e.result : null;
+}
+function xe(s, e) {
+  try {
+    if (N.size >= Hs) {
+      const o = N.keys().next().value;
+      o && N.delete(o);
+    }
+    N.set(s, { result: e, ts: Date.now() });
+  } catch {
+  }
+}
+function ve(s, e = 15, o = "200x200") {
+  if (!P?.apiKey) return "";
+  const l = P.staticMapsApiKey || P.apiKey, r = "https://maps.googleapis.com/maps/api/staticmap", d = new URLSearchParams({
+    center: `${s.lat},${s.lng}`,
+    zoom: e.toString(),
+    size: o,
+    key: l,
+    markers: `color:red|${s.lat},${s.lng}`
+  });
+  return `${r}?${d.toString()}`;
+}
+async function Xs(s) {
+  if (!s?.trim())
+    return {
+      status: "INVALID_INPUT",
+      message: "No placeId provided for geocoding."
+    };
+  await te();
+  const e = ye({ placeId: s }), o = he(e);
+  return o || new Promise((l) => {
+    if (!G) {
+      l({
+        status: "ERROR",
+        message: "Geocoder service not initialized."
+      });
+      return;
+    }
+    G.geocode({ placeId: s }, (r, d) => {
+      if (d === google.maps.GeocoderStatus.OK && r && r.length > 0) {
+        const a = r[0], n = a.geometry ? {
+          lat: a.geometry.location.lat(),
+          lng: a.geometry.location.lng()
+        } : void 0, S = {
+          status: "OK",
+          message: "Found address",
+          address_components: a.address_components || [],
+          location: n,
+          formatted_address: a.formatted_address || "",
+          thumbnailUrl: n ? ve(n) : void 0
+        };
+        xe(e, S), l(S);
+      } else
+        l({
+          status: d.toString(),
+          message: `Unable to geocode place: ${d}`
+        });
+    });
+  });
+}
+function Ys(s) {
+  const e = ge(s);
+  if (e.length < 10) return !1;
+  const o = /\d/.test(e), l = e.includes(","), r = /\b([A-Z]{2})\b/i.test(s), d = /\b\d{5}(?:-\d{4})?\b/.test(e);
+  return (l || r || d) && o;
+}
+async function Qs(s) {
+  if (!s?.trim())
+    return {
+      status: "INVALID_INPUT",
+      message: "No address provided for geocoding."
+    };
+  if (!Ys(s))
+    return {
+      status: "INVALID_INPUT",
+      message: "Insufficient address information for geocoding."
+    };
+  await te();
+  const e = ye(s), o = he(e);
+  return o || new Promise((l) => {
+    if (!G) {
+      l({
+        status: "ERROR",
+        message: "Geocoder service not initialized."
+      });
+      return;
+    }
+    G.geocode({ address: s }, (r, d) => {
+      if (d === google.maps.GeocoderStatus.OK && r && r.length > 0) {
+        const a = r[0], n = a.geometry ? {
+          lat: a.geometry.location.lat(),
+          lng: a.geometry.location.lng()
+        } : void 0, S = {
+          status: "OK",
+          message: "Found address",
+          address_components: a.address_components || [],
+          location: n,
+          formatted_address: a.formatted_address || "",
+          thumbnailUrl: n ? ve(n) : void 0
+        };
+        xe(e, S), l(S);
+      } else
+        l({
+          status: d.toString(),
+          message: `Unable to geocode address: ${d}`
+        });
+    });
+  });
+}
+async function qs(s, e) {
+  if (!s?.trim())
+    return [];
+  if (await te(), !J)
+    return console.warn("[Geocoding] Places library not initialized"), [];
+  try {
+    const { AutocompleteSuggestion: o } = J, l = {
+      input: s,
+      ...e?.includedPrimaryTypes && { includedPrimaryTypes: e.includedPrimaryTypes },
+      ...e?.includedRegionCodes && { includedRegionCodes: e.includedRegionCodes }
+    }, { suggestions: r } = await o.fetchAutocompleteSuggestions(l);
+    return r.filter(
+      (a) => a.placePrediction !== null
+    ).map((a) => {
+      const n = a.placePrediction;
+      return {
+        placeId: n.placeId,
+        description: n.text.toString(),
+        mainText: n.mainText?.toString() || n.text.toString(),
+        secondaryText: n.secondaryText?.toString() || "",
+        types: n.types || []
+      };
+    });
+  } catch (o) {
+    return console.error("[Geocoding] Error fetching autocomplete suggestions:", o), [];
+  }
+}
+function et(s) {
+  const e = {
+    street: "",
+    city: "",
+    state: "",
+    zipcode: "",
+    country: ""
+  };
+  if (!s?.address_components)
+    return e;
+  let o = "", l = "";
+  for (const r of s.address_components) {
+    const d = r.types;
+    d.includes("street_number") ? o = r.long_name : d.includes("route") ? l = r.long_name : d.includes("locality") ? e.city = r.long_name : d.includes("administrative_area_level_1") ? e.state = r.short_name : d.includes("postal_code") ? e.zipcode = r.long_name : d.includes("country") && (e.country = r.short_name);
+  }
+  return e.street = [o, l].filter(Boolean).join(" "), e;
+}
+function st(s) {
+  return [
+    s.street,
+    s.city,
+    s.state && s.zipcode ? `${s.state} ${s.zipcode}` : s.state || s.zipcode,
+    s.country
+  ].filter(Boolean).join(", ");
+}
+const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = { class: "sl-relative" }, at = { class: "sl-flex sl-flex-col" }, rt = {
+  key: 0,
+  class: "sl-flex sl-items-center sl-justify-between"
+}, nt = { class: "sl-flex sl-items-center sl-gap-2" }, it = { class: "sl-grid sl-grid-cols-1 sm:sl-grid-cols-2 sl-gap-3 sl-p-3 sl-bg-gray-50 dark:sl-bg-slate-800/50 sl-rounded-lg sl-border sl-border-gray-200 dark:sl-border-slate-700" }, dt = { class: "sm:sl-col-span-2" }, ct = /* @__PURE__ */ D({
+  __name: "AddressInput",
+  props: {
+    name: {},
+    modelValue: {},
+    label: { default: "" },
+    placeholder: { default: "Search for an address..." },
+    disabled: { type: Boolean, default: !1 },
+    rules: {},
+    showSuggestionCount: { type: Boolean, default: !1 },
+    allowManualEntry: { type: Boolean, default: !0 },
+    successMessage: { default: "" },
+    tertiaryLabel: { default: "" },
+    validateOnMount: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(s, { expose: e, emit: o }) {
+    const l = s, r = o, d = Ee(l.name || "address-input"), a = Pe("googleMaps", void 0);
+    De(() => {
+      a?.apiKey && !Js() && Zs({
+        apiKey: a.apiKey,
+        version: a.version,
+        libraries: a.libraries
+      });
+    });
+    const { value: n, errorMessage: S, meta: I, handleChange: A, setTouched: K } = cs(
+      () => l.name,
+      l.rules,
+      {
+        validateOnMount: l.validateOnMount,
+        initialValue: l.modelValue
+      }
+    ), T = F([]), m = F(null), $ = F(""), L = F(!1), H = F(!1), i = F("unverified"), u = ue({
+      street: "",
+      suite: "",
+      city: "",
+      state: "",
+      zipcode: "",
+      country: ""
+    }), W = C(() => !!(n.value?.formattedAddress || n.value?.street)), be = C(() => l.showSuggestionCount && T.value.length > 0 ? `${T.value.length} suggestions` : l.tertiaryLabel), le = C(() => {
+      switch (i.value) {
+        case "verified":
+          return "sl-text-green-600 dark:sl-text-green-400";
+        case "error":
+          return "sl-text-red-600 dark:sl-text-red-400";
+        case "pending":
+          return "sl-text-yellow-600 dark:sl-text-yellow-400";
+        default:
+          return "sl-text-gray-500 dark:sl-text-slate-400";
+      }
+    }), ke = C(() => {
+      switch (i.value) {
+        case "verified":
+          return "Verified";
+        case "error":
+          return "Not verified";
+        case "pending":
+          return "Verifying...";
+        default:
+          return "Unverified";
+      }
+    }), Ce = C(() => {
+      switch (i.value) {
+        case "verified":
+          return ls;
+        case "error":
+          return ts;
+        case "pending":
+          return de;
+        default:
+          return de;
+      }
+    }), we = ce(async (g) => {
+      if (!g || g.length < 3) {
+        T.value = [];
+        return;
+      }
+      H.value = !0;
+      try {
+        const p = await qs(g);
+        T.value = p;
+      } catch (p) {
+        console.error("[AddressInput] Error fetching suggestions:", p), T.value = [];
+      } finally {
+        H.value = !1;
+      }
+    }, 300);
+    function $e(g) {
+      const p = g.target;
+      $.value = p.value, we(p.value);
+    }
+    function Se(g) {
+      return g ? g.description : n.value?.formattedAddress ? n.value.formattedAddress : "";
+    }
+    async function _e(g) {
+      if (g) {
+        i.value = "pending", T.value = [];
+        try {
+          const p = await Xs(g.placeId);
+          if (p.status === "OK") {
+            i.value = "verified";
+            const h = et(p);
+            u.street = h.street, u.city = h.city, u.state = h.state, u.zipcode = h.zipcode, u.country = h.country;
+            const B = {
+              formattedAddress: p.formatted_address,
+              street: h.street,
+              suite: u.suite,
+              city: h.city,
+              state: h.state,
+              zipcode: h.zipcode,
+              country: h.country,
+              geocode: p,
+              placeId: g.placeId
+            };
+            n.value = B, A(B), r("update:modelValue", B), L.value = !0;
+          } else
+            i.value = "error", console.warn("[AddressInput] Geocoding failed:", p.message);
+        } catch (p) {
+          i.value = "error", console.error("[AddressInput] Geocoding error:", p);
+        }
+      }
+    }
+    const Te = ["street", "city", "state", "zipcode", "country"], Ie = ce(async () => {
+      const g = st(u);
+      if (!g || g.length < 10) {
+        i.value = "unverified";
+        return;
+      }
+      i.value = "pending";
+      try {
+        const p = await Qs(g);
+        if (p.status === "OK") {
+          i.value = "verified";
+          const h = {
+            formattedAddress: p.formatted_address,
+            street: u.street,
+            suite: u.suite,
+            city: u.city,
+            state: u.state,
+            zipcode: u.zipcode,
+            country: u.country,
+            geocode: p,
+            placeId: void 0
+            // Clear placeId since we re-geocoded
+          };
+          n.value = h, A(h), r("update:modelValue", h);
+        } else
+          i.value = "unverified";
+      } catch (p) {
+        i.value = "error", console.error("[AddressInput] Re-geocoding error:", p);
+      }
+    }, 600);
+    function j(g) {
+      const p = {
+        ...n.value,
+        street: u.street,
+        suite: u.suite,
+        city: u.city,
+        state: u.state,
+        zipcode: u.zipcode,
+        country: u.country
+      };
+      Te.includes(g) && (i.value = "unverified", p.geocode = void 0, Ie()), n.value = p, A(p), r("update:modelValue", p);
+    }
+    function Ae(g) {
+      r("focus", g);
+    }
+    function Me(g) {
+      K(!0), r("blur", g);
+    }
+    ee(
+      () => l.modelValue,
+      (g) => {
+        g && (g.geocode?.status === "OK" ? i.value = "verified" : g.geocode?.status === "ERROR" && (i.value = "error"), g !== n.value && (n.value = g, g.street !== void 0 && (u.street = g.street), g.suite !== void 0 && (u.suite = g.suite), g.city !== void 0 && (u.city = g.city), g.state !== void 0 && (u.state = g.state), g.zipcode !== void 0 && (u.zipcode = g.zipcode), g.country !== void 0 && (u.country = g.country)));
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function ze() {
+      n.value = void 0, m.value = null, $.value = "", T.value = [], L.value = !1, i.value = "unverified", u.street = "", u.suite = "", u.city = "", u.state = "", u.zipcode = "", u.country = "";
+    }
+    return e({
+      resetInput: ze,
+      geocodeStatus: i,
+      meta: I,
+      errorMessage: S
+    }), (g, p) => (c(), f("div", tt, [
+      y(os, {
+        id: x(d),
+        name: s.name,
+        label: s.label,
+        "tertiary-label": be.value,
+        "error-message": x(S),
+        "success-message": s.successMessage,
+        "is-valid": x(I).valid,
+        "is-touched": x(I).touched,
+        disabled: s.disabled
+      }, {
+        default: k(() => [
+          t("div", lt, [
+            y(x(Je), {
+              modelValue: m.value,
+              "onUpdate:modelValue": [
+                p[0] || (p[0] = (h) => m.value = h),
+                _e
+              ],
+              disabled: s.disabled,
+              nullable: ""
+            }, {
+              default: k(() => [
+                t("div", ot, [
+                  y(x(Xe), {
+                    id: x(d),
+                    "display-value": Se,
+                    placeholder: s.placeholder || "Search for an address...",
+                    disabled: s.disabled,
+                    class: _([
+                      "sl-block sl-w-full sl-rounded-lg sl-border sl-py-2.5 sl-pl-3 sl-pr-10 sl-text-sm focus:sl-outline-none",
+                      s.disabled ? "sl-border-gray-200 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-slate-400 sl-cursor-not-allowed" : "sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900 sl-text-gray-900 dark:sl-text-slate-100 placeholder:sl-text-gray-400 dark:placeholder:sl-text-slate-500 focus:sl-border-stachelock-500 focus:sl-ring-2 focus:sl-ring-stachelock-500"
+                    ]),
+                    onChange: $e,
+                    onFocus: Ae,
+                    onBlur: Me
+                  }, null, 8, ["id", "placeholder", "disabled", "class"]),
+                  y(x(Ye), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
+                    default: k(() => [
+                      s.disabled ? (c(), U(x(as), {
+                        key: 0,
+                        class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-500",
+                        "aria-hidden": "true"
+                      })) : (c(), U(x(rs), {
+                        key: 1,
+                        class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-400",
+                        "aria-hidden": "true"
+                      }))
+                    ]),
+                    _: 1
+                  }),
+                  y(x(Q), {
+                    leave: "sl-transition sl-ease-in sl-duration-100",
+                    "leave-from": "sl-opacity-100",
+                    "leave-to": "sl-opacity-0"
+                  }, {
+                    default: k(() => [
+                      T.value.length > 0 ? (c(), U(x(Qe), {
+                        key: 0,
+                        class: "sl-absolute sl-z-50 sl-mt-1 sl-max-h-60 sl-w-full sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm"
+                      }, {
+                        default: k(() => [
+                          (c(!0), f(V, null, R(T.value, (h) => (c(), U(x(qe), {
+                            key: h.placeId,
+                            value: h,
+                            as: "template"
+                          }, {
+                            default: k(({ active: B, selected: oe }) => [
+                              t("li", {
+                                class: _([
+                                  "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
+                                  B ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
+                                ])
+                              }, [
+                                t("div", at, [
+                                  t("span", {
+                                    class: _(["sl-block sl-truncate", oe ? "sl-font-medium" : "sl-font-normal"])
+                                  }, w(h.mainText), 3),
+                                  t("span", {
+                                    class: _(["sl-text-xs", B ? "sl-text-stachelock-100" : "sl-text-gray-500 dark:sl-text-slate-400"])
+                                  }, w(h.secondaryText), 3)
+                                ]),
+                                oe ? (c(), f("span", {
+                                  key: 0,
+                                  class: _([
+                                    "sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3",
+                                    B ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"
+                                  ])
+                                }, [
+                                  y(x(ns), {
+                                    class: "sl-h-5 sl-w-5",
+                                    "aria-hidden": "true"
+                                  })
+                                ], 2)) : b("", !0)
+                              ], 2)
+                            ]),
+                            _: 2
+                          }, 1032, ["value"]))), 128))
+                        ]),
+                        _: 1
+                      })) : b("", !0)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"]),
+            W.value && !s.disabled ? (c(), f("div", rt, [
+              t("div", nt, [
+                t("span", {
+                  class: _(["sl-text-xs sl-uppercase sl-font-medium", le.value])
+                }, w(ke.value), 3),
+                (c(), U(Fe(Ce.value), {
+                  class: _(["sl-h-4 sl-w-4", le.value])
+                }, null, 8, ["class"]))
+              ]),
+              L.value ? (c(), f("button", {
+                key: 1,
+                type: "button",
+                onClick: p[2] || (p[2] = (h) => L.value = !1),
+                class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 hover:sl-underline sl-flex sl-items-center sl-gap-1"
+              }, [
+                p[10] || (p[10] = E(" Collapse ", -1)),
+                y(x(ds), { class: "sl-h-3 sl-w-3" })
+              ])) : (c(), f("button", {
+                key: 0,
+                type: "button",
+                onClick: p[1] || (p[1] = (h) => L.value = !0),
+                class: "sl-text-xs sl-text-stachelock-600 dark:sl-text-stachelock-400 hover:sl-underline sl-flex sl-items-center sl-gap-1"
+              }, [
+                p[9] || (p[9] = E(" Edit address ", -1)),
+                y(x(is), { class: "sl-h-3 sl-w-3" })
+              ]))
+            ])) : b("", !0),
+            y(x(Q), {
+              show: L.value && W.value && !s.disabled,
+              enter: "sl-transition sl-ease-out sl-duration-200",
+              "enter-from": "sl-opacity-0 sl-transform sl--translate-y-2",
+              "enter-to": "sl-opacity-100 sl-transform sl-translate-y-0",
+              leave: "sl-transition sl-ease-in sl-duration-150",
+              "leave-from": "sl-opacity-100 sl-transform sl-translate-y-0",
+              "leave-to": "sl-opacity-0 sl-transform sl--translate-y-2"
+            }, {
+              default: k(() => [
+                t("div", it, [
+                  t("div", dt, [
+                    y(M, {
+                      name: `${s.name}_street`,
+                      label: "Street Address",
+                      value: u.street,
+                      disabled: s.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": p[3] || (p[3] = (h) => {
+                        u.street = h, j("street");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  t("div", null, [
+                    y(M, {
+                      name: `${s.name}_suite`,
+                      label: "Suite / Apt",
+                      value: u.suite,
+                      disabled: s.disabled,
+                      placeholder: "Optional",
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": p[4] || (p[4] = (h) => {
+                        u.suite = h, j("suite");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  t("div", null, [
+                    y(M, {
+                      name: `${s.name}_city`,
+                      label: "City",
+                      value: u.city,
+                      disabled: s.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": p[5] || (p[5] = (h) => {
+                        u.city = h, j("city");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  t("div", null, [
+                    y(M, {
+                      name: `${s.name}_state`,
+                      label: "State",
+                      value: u.state,
+                      disabled: s.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": p[6] || (p[6] = (h) => {
+                        u.state = h, j("state");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  t("div", null, [
+                    y(M, {
+                      name: `${s.name}_zipcode`,
+                      label: "ZIP Code",
+                      value: u.zipcode,
+                      disabled: s.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": p[7] || (p[7] = (h) => {
+                        u.zipcode = h, j("zipcode");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  t("div", null, [
+                    y(M, {
+                      name: `${s.name}_country`,
+                      label: "Country",
+                      value: u.country,
+                      disabled: s.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": p[8] || (p[8] = (h) => {
+                        u.country = h, j("country");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ])
+                ])
+              ]),
+              _: 1
+            }, 8, ["show"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "disabled"])
+    ]));
+  }
+}), Nl = /* @__PURE__ */ se(ct, [["__scopeId", "data-v-d65320d7"]]), ut = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, ft = { class: "sl-space-y-8" }, mt = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, pt = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, gt = { class: "sl-whitespace-pre-wrap" }, Rl = /* @__PURE__ */ D({
   __name: "InputsShowcase",
-  setup(t) {
-    const e = Q({
+  setup(s) {
+    const e = ue({
       text: "",
       textArea: "",
       switchOn: !1,
@@ -780,66 +1396,66 @@ 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, 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, [
-          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, {
+    return (d, a) => (c(), f("section", ut, [
+      a[15] || (a[15] = t("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
+      t("div", ft, [
+        t("div", null, [
+          a[7] || (a[7] = t("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
+          y(M, {
             name: "demoText",
             label: "Text Input",
             placeholder: "Type something...",
             value: e.text,
-            "onUpdate:value": a[0] || (a[0] = (u) => e.text = u)
+            "onUpdate:value": a[0] || (a[0] = (n) => e.text = n)
           }, null, 8, ["value"])
         ]),
-        s("div", null, [
-          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, {
+        t("div", null, [
+          a[8] || (a[8] = t("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
+          y(Ge, {
             name: "demoTextArea",
             label: "Text Area",
             placeholder: "Write a longer message...",
             rows: 4,
             maxlength: 200,
             modelValue: e.textArea,
-            "onUpdate:modelValue": a[1] || (a[1] = (u) => e.textArea = u)
+            "onUpdate:modelValue": a[1] || (a[1] = (n) => e.textArea = n)
           }, null, 8, ["modelValue"])
         ]),
-        s("div", null, [
-          a[9] || (a[9] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
-          m(ne, {
+        t("div", null, [
+          a[9] || (a[9] = t("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
+          y(Ke, {
             name: "demoSwitch",
             label: "Enable feature",
             modelValue: e.switchOn,
-            "onUpdate:modelValue": a[2] || (a[2] = (u) => e.switchOn = u),
+            "onUpdate:modelValue": a[2] || (a[2] = (n) => e.switchOn = n),
             textTrue: "ON",
             textFalse: "OFF"
           }, null, 8, ["modelValue"])
         ]),
-        s("div", null, [
-          a[10] || (a[10] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
-          m(oe, {
+        t("div", null, [
+          a[10] || (a[10] = t("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
+          y(Ne, {
             name: "demoCheckbox",
             label: "I agree to the terms",
             modelValue: e.checkbox,
-            "onUpdate:modelValue": a[3] || (a[3] = (u) => e.checkbox = u)
+            "onUpdate:modelValue": a[3] || (a[3] = (n) => e.checkbox = n)
           }, null, 8, ["modelValue"])
         ]),
-        s("div", qe, [
-          s("div", null, [
-            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, {
+        t("div", mt, [
+          t("div", null, [
+            a[11] || (a[11] = t("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
+            y(ne, {
               name: "demoSelect",
               label: "Favorite Fruit",
               placeholder: "Select a fruit",
               items: o,
               modelValue: e.selectedFruit,
-              "onUpdate:modelValue": a[4] || (a[4] = (u) => e.selectedFruit = u)
+              "onUpdate:modelValue": a[4] || (a[4] = (n) => e.selectedFruit = n)
             }, null, 8, ["modelValue"])
           ]),
-          s("div", null, [
-            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, {
+          t("div", null, [
+            a[12] || (a[12] = t("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
+            y(ne, {
               name: "demoSelectMulti",
               label: "Favorite Languages",
               placeholder: "Select languages",
@@ -847,82 +1463,82 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
               multiple: "",
               showAll: "",
               modelValue: e.selectedLanguages,
-              "onUpdate:modelValue": a[5] || (a[5] = (u) => e.selectedLanguages = u)
+              "onUpdate:modelValue": a[5] || (a[5] = (n) => e.selectedLanguages = n)
             }, null, 8, ["modelValue"])
           ])
         ]),
-        s("div", null, [
-          a[13] || (a[13] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
-          m(ae, {
+        t("div", null, [
+          a[13] || (a[13] = t("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
+          y(Re, {
             name: "demoCombobox",
             label: "Search a City",
             placeholder: "Start typing...",
             items: r,
             modelValue: e.selectedCity,
-            "onUpdate:modelValue": a[6] || (a[6] = (u) => e.selectedCity = u)
+            "onUpdate:modelValue": a[6] || (a[6] = (n) => e.selectedCity = n)
           }, null, 8, ["modelValue"])
         ]),
-        s("div", Ze, [
-          a[14] || (a[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
-          s("pre", Ke, x(e), 1)
+        t("div", pt, [
+          a[14] || (a[14] = t("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
+          t("pre", gt, w(e), 1)
         ])
       ])
     ]));
   }
-}), Qe = { class: "sl-flex sl-items-center sl-gap-4" }, Xe = {
+}), yt = { class: "sl-flex sl-items-center sl-gap-4" }, ht = {
   key: 0,
   class: "sl-flex-shrink-0 sl-flex sl-items-center sl-justify-center"
-}, es = { class: "sl-flex-1 sl-min-w-0" }, ss = {
+}, xt = { class: "sl-flex-1 sl-min-w-0" }, vt = {
   key: 0,
   class: "sl-flex sl-items-center sl-gap-2"
-}, ts = { class: "sl-text-base sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-truncate" }, ls = {
+}, bt = { class: "sl-text-base sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-truncate" }, kt = {
   key: 0,
   class: "sl-flex-shrink-0"
-}, os = {
+}, Ct = {
   key: 1,
   class: "sl-mt-0.5 sl-text-sm sl-text-gray-500 dark:sl-text-gray-300 sl-truncate"
-}, as = {
+}, wt = {
   key: 1,
   class: "sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0"
-}, rs = ["aria-expanded"], ns = {
+}, $t = ["aria-expanded"], St = {
   key: 1,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, is = { class: "sl-overflow-hidden" }, ds = {
+}, _t = { class: "sl-overflow-hidden" }, Tt = {
   key: 0,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, cs = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, us = {
+}, It = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, At = {
   key: 0,
   class: "sl-flex-1 sl-min-w-0"
-}, fs = {
+}, Mt = {
   key: 1,
   class: "sl-flex-1"
-}, ms = {
+}, zt = {
   key: 2,
   class: "sl-flex sl-items-center sl-gap-3 sl-flex-shrink-0"
-}, ps = {
+}, Et = {
   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" }, xs = {
+}, Lt = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, Pt = {
   key: 0,
   class: "sl-flex-1 sl-min-w-0"
-}, hs = {
+}, Dt = {
   key: 1,
   class: "sl-flex-1"
-}, ys = {
+}, Ft = {
   key: 2,
   class: "sl-flex sl-items-center sl-gap-3 sl-flex-shrink-0"
-}, bs = {
+}, Bt = {
   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" }, Cs = {
+}, Ut = { class: "sl-flex sl-flex-col sl-items-center sl-gap-3" }, Vt = {
   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"
-}, ks = {
+}, jt = {
   key: 0,
   class: "sl-text-sm sl-font-medium sl-text-gray-600 dark:sl-text-gray-300"
-}, ws = /* @__PURE__ */ T({
+}, Ot = /* @__PURE__ */ D({
   __name: "CardLayout",
   props: {
     variant: { default: "elevated" },
@@ -946,44 +1562,44 @@ 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(t, { expose: e, emit: o }) {
-    const l = t, r = o, f = X(), a = H(l.collapsed);
-    G(() => l.collapsed, (n) => {
-      a.value = n;
+  setup(s, { expose: e, emit: o }) {
+    const l = s, r = o, d = Be(), a = F(l.collapsed);
+    ee(() => l.collapsed, (i) => {
+      a.value = i;
     });
-    const u = y(() => a.value), C = () => {
+    const n = C(() => a.value), S = () => {
       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 = [
+    }, I = C(() => l.showHeader !== void 0 ? l.showHeader : !!(d.header || d["header-icon"] || d["header-title"] || d["header-subtitle"] || d["header-badge"] || d["header-actions"] || l.collapsible)), A = C(() => l.showFooter !== void 0 ? l.showFooter : !!(d.footer || d["footer-left"] || d["footer-actions"])), K = C(() => {
+      const i = [
         "sl-relative",
         "sl-flex",
         "sl-flex-col"
       ];
-      switch (l.fullHeight && n.push("sl-h-full"), l.variant) {
+      switch (l.fullHeight && i.push("sl-h-full"), l.variant) {
         case "elevated":
-          n.push("sl-bg-white", "dark:sl-bg-gray-800");
+          i.push("sl-bg-white", "dark:sl-bg-gray-800");
           break;
         case "outlined":
-          n.push("sl-bg-white", "dark:sl-bg-gray-800", "sl-border", "sl-border-gray-200", "dark:sl-border-gray-700");
+          i.push("sl-bg-white", "dark:sl-bg-gray-800", "sl-border", "sl-border-gray-200", "dark:sl-border-gray-700");
           break;
         case "flat":
-          n.push("sl-bg-transparent");
+          i.push("sl-bg-transparent");
           break;
         case "filled":
-          n.push("sl-bg-gray-50", "dark:sl-bg-gray-800/50");
+          i.push("sl-bg-gray-50", "dark:sl-bg-gray-800/50");
           break;
       }
       if (l.variant === "elevated") {
-        const P = {
+        const W = {
           none: "",
           sm: "sl-shadow-sm",
           md: "sl-shadow",
           lg: "sl-shadow-lg",
           xl: "sl-shadow-xl"
         };
-        P[l.shadow] && n.push(P[l.shadow]);
+        W[l.shadow] && i.push(W[l.shadow]);
       }
-      const M = {
+      const u = {
         none: "",
         sm: "sl-rounded-sm",
         md: "sl-rounded-md",
@@ -992,99 +1608,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 M[l.rounded] && n.push(M[l.rounded]), l.hoverable && n.push(
+      return u[l.rounded] && i.push(u[l.rounded]), l.hoverable && i.push(
         "sl-transition-shadow",
         "sl-duration-200",
         "hover:sl-shadow-lg",
         "dark:hover:sl-shadow-gray-900/30"
-      ), 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(() => ({
+      ), l.bgClass && i.push(l.bgClass), l.scrollable && i.push("sl-overflow-hidden"), i;
+    }), T = C(() => {
+      const i = {};
+      return l.scrollable && l.maxHeight && (i.maxHeight = l.maxHeight), i;
+    }), m = C(() => ({
       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" }
-    })[l.size]), h = y(() => [c.value.x, c.value.y]), E = y(() => {
+    })[l.size]), $ = C(() => [m.value.x, m.value.y]), L = C(() => {
       if (l.noPadding)
         return [];
-      const n = [c.value.x, c.value.y];
-      return l.scrollable && n.push("sl-flex-1", "sl-min-h-0"), n;
-    }), z = y(() => {
-      const n = {
+      const i = [m.value.x, m.value.y];
+      return l.scrollable && i.push("sl-flex-1", "sl-min-h-0"), i;
+    }), H = C(() => {
+      const i = {
         compact: "sl-py-2",
         default: "sl-py-3",
         spacious: "sl-py-4"
       };
-      return [c.value.x, n[l.size], "sl-bg-gray-50/50 dark:sl-bg-gray-800/50"];
+      return [m.value.x, i[l.size], "sl-bg-gray-50/50 dark:sl-bg-gray-800/50"];
     });
     return e({
-      toggleCollapse: C,
-      isCollapsed: u
-    }), (n, M) => (i(), d("div", {
-      class: v([
+      toggleCollapse: S,
+      isCollapsed: n
+    }), (i, u) => (c(), f("div", {
+      class: _([
         "sl-card-layout",
-        L.value,
-        { "sl-cursor-pointer": t.hoverable }
+        K.value,
+        { "sl-cursor-pointer": s.hoverable }
       ]),
-      style: k(I.value)
+      style: z(T.value)
     }, [
-      w.value ? (i(), d("div", {
+      I.value ? (c(), f("div", {
         key: 0,
-        class: v([
+        class: _([
           "sl-card-header",
-          h.value,
-          { "sl-sticky sl-top-0 sl-z-10 sl-bg-inherit": t.headerSticky && t.scrollable }
+          $.value,
+          { "sl-sticky sl-top-0 sl-z-10 sl-bg-inherit": s.headerSticky && s.scrollable }
         ])
       }, [
-        p(n.$slots, "header", {}, () => [
-          s("div", Qe, [
-            n.$slots["header-icon"] ? (i(), d("div", Xe, [
-              p(n.$slots, "header-icon", {}, void 0, !0)
-            ])) : g("", !0),
-            s("div", es, [
-              n.$slots["header-title"] ? (i(), d("div", ss, [
-                s("h3", ts, [
-                  p(n.$slots, "header-title", {}, void 0, !0)
+        v(i.$slots, "header", {}, () => [
+          t("div", yt, [
+            i.$slots["header-icon"] ? (c(), f("div", ht, [
+              v(i.$slots, "header-icon", {}, void 0, !0)
+            ])) : b("", !0),
+            t("div", xt, [
+              i.$slots["header-title"] ? (c(), f("div", vt, [
+                t("h3", bt, [
+                  v(i.$slots, "header-title", {}, void 0, !0)
                 ]),
-                n.$slots["header-badge"] ? (i(), d("div", ls, [
-                  p(n.$slots, "header-badge", {}, void 0, !0)
-                ])) : g("", !0)
-              ])) : g("", !0),
-              n.$slots["header-subtitle"] ? (i(), d("p", os, [
-                p(n.$slots, "header-subtitle", {}, void 0, !0)
-              ])) : g("", !0)
+                i.$slots["header-badge"] ? (c(), f("div", kt, [
+                  v(i.$slots, "header-badge", {}, void 0, !0)
+                ])) : b("", !0)
+              ])) : b("", !0),
+              i.$slots["header-subtitle"] ? (c(), f("p", Ct, [
+                v(i.$slots, "header-subtitle", {}, void 0, !0)
+              ])) : b("", !0)
             ]),
-            n.$slots["header-actions"] || t.collapsible ? (i(), d("div", as, [
-              p(n.$slots, "header-actions", {}, void 0, !0),
-              t.collapsible ? (i(), d("button", {
+            i.$slots["header-actions"] || s.collapsible ? (c(), f("div", wt, [
+              v(i.$slots, "header-actions", {}, void 0, !0),
+              s.collapsible ? (c(), f("button", {
                 key: 0,
                 type: "button",
-                onClick: C,
+                onClick: S,
                 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": !u.value,
+                "aria-expanded": !n.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": !u.value }]),
+                (c(), f("svg", {
+                  class: _(["sl-h-5 sl-w-5 sl-transition-transform sl-duration-200", { "sl-rotate-180": !n.value }]),
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
                   "stroke-width": "2"
-                }, [...M[0] || (M[0] = [
-                  s("path", {
+                }, [...u[0] || (u[0] = [
+                  t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ])], 2))
-              ], 8, rs)) : g("", !0)
-            ])) : g("", !0)
+              ], 8, $t)) : b("", !0)
+            ])) : b("", !0)
           ])
         ], !0)
-      ], 2)) : g("", !0),
-      w.value && t.divided && !u.value ? (i(), d("div", ns)) : g("", !0),
-      t.collapsible ? (i(), W(U, {
+      ], 2)) : b("", !0),
+      I.value && s.divided && !n.value ? (c(), f("div", St)) : b("", !0),
+      s.collapsible ? (c(), U(re, {
         key: 2,
         "enter-active-class": "sl-transition-all sl-duration-200 sl-ease-out",
         "enter-from-class": "sl-opacity-0 sl-max-h-0",
@@ -1093,80 +1709,80 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
         "leave-from-class": "sl-opacity-100",
         "leave-to-class": "sl-opacity-0 sl-max-h-0"
       }, {
-        default: b(() => [
-          D(s("div", is, [
-            s("div", {
-              class: v([
+        default: k(() => [
+          Y(t("div", _t, [
+            t("div", {
+              class: _([
                 "sl-card-body",
-                E.value,
-                { "sl-overflow-y-auto": t.scrollable }
+                L.value,
+                { "sl-overflow-y-auto": s.scrollable }
               ]),
-              style: k(t.scrollable && t.maxHeight ? { maxHeight: t.maxHeight } : {})
+              style: z(s.scrollable && s.maxHeight ? { maxHeight: s.maxHeight } : {})
             }, [
-              p(n.$slots, "body", {}, () => [
-                p(n.$slots, "default", {}, void 0, !0)
+              v(i.$slots, "body", {}, () => [
+                v(i.$slots, "default", {}, void 0, !0)
               ], !0)
             ], 6),
-            $.value && t.divided ? (i(), d("div", ds)) : g("", !0),
-            $.value ? (i(), d("div", {
+            A.value && s.divided ? (c(), f("div", Tt)) : b("", !0),
+            A.value ? (c(), f("div", {
               key: 1,
-              class: v([
+              class: _([
                 "sl-card-footer",
-                z.value,
-                { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": t.footerSticky && t.scrollable }
+                H.value,
+                { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": s.footerSticky && s.scrollable }
               ])
             }, [
-              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)),
-                  n.$slots["footer-actions"] ? (i(), d("div", ms, [
-                    p(n.$slots, "footer-actions", {}, void 0, !0)
-                  ])) : g("", !0)
+              v(i.$slots, "footer", {}, () => [
+                t("div", It, [
+                  i.$slots["footer-left"] ? (c(), f("div", At, [
+                    v(i.$slots, "footer-left", {}, void 0, !0)
+                  ])) : (c(), f("div", Mt)),
+                  i.$slots["footer-actions"] ? (c(), f("div", zt, [
+                    v(i.$slots, "footer-actions", {}, void 0, !0)
+                  ])) : b("", !0)
                 ])
               ], !0)
-            ], 2)) : g("", !0)
+            ], 2)) : b("", !0)
           ], 512), [
-            [ee, !u.value]
+            [Ue, !n.value]
           ])
         ]),
         _: 3
-      })) : (i(), d(j, { key: 3 }, [
-        s("div", {
-          class: v([
+      })) : (c(), f(V, { key: 3 }, [
+        t("div", {
+          class: _([
             "sl-card-body",
-            E.value,
-            { "sl-overflow-y-auto": t.scrollable }
+            L.value,
+            { "sl-overflow-y-auto": s.scrollable }
           ]),
-          style: k(t.scrollable && t.maxHeight ? { maxHeight: t.maxHeight } : {})
+          style: z(s.scrollable && s.maxHeight ? { maxHeight: s.maxHeight } : {})
         }, [
-          p(n.$slots, "body", {}, () => [
-            p(n.$slots, "default", {}, void 0, !0)
+          v(i.$slots, "body", {}, () => [
+            v(i.$slots, "default", {}, void 0, !0)
           ], !0)
         ], 6),
-        $.value && t.divided ? (i(), d("div", ps)) : g("", !0),
-        $.value ? (i(), d("div", {
+        A.value && s.divided ? (c(), f("div", Et)) : b("", !0),
+        A.value ? (c(), f("div", {
           key: 1,
-          class: v([
+          class: _([
             "sl-card-footer",
-            z.value,
-            { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": t.footerSticky && t.scrollable }
+            H.value,
+            { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": s.footerSticky && s.scrollable }
           ])
         }, [
-          p(n.$slots, "footer", {}, () => [
-            s("div", gs, [
-              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)
+          v(i.$slots, "footer", {}, () => [
+            t("div", Lt, [
+              i.$slots["footer-left"] ? (c(), f("div", Pt, [
+                v(i.$slots, "footer-left", {}, void 0, !0)
+              ])) : (c(), f("div", Dt)),
+              i.$slots["footer-actions"] ? (c(), f("div", Ft, [
+                v(i.$slots, "footer-actions", {}, void 0, !0)
+              ])) : b("", !0)
             ])
           ], !0)
-        ], 2)) : g("", !0)
+        ], 2)) : b("", !0)
       ], 64)),
-      m(U, {
+      y(re, {
         "enter-active-class": "sl-transition-opacity sl-duration-200",
         "enter-from-class": "sl-opacity-0",
         "enter-to-class": "sl-opacity-100",
@@ -1174,12 +1790,12 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
         "leave-from-class": "sl-opacity-100",
         "leave-to-class": "sl-opacity-0"
       }, {
-        default: b(() => [
-          t.loading ? (i(), d("div", bs, [
-            p(n.$slots, "loading", {}, () => [
-              s("div", vs, [
-                (i(), d("svg", Cs, [...M[1] || (M[1] = [
-                  s("circle", {
+        default: k(() => [
+          s.loading ? (c(), f("div", Bt, [
+            v(i.$slots, "loading", {}, () => [
+              t("div", Ut, [
+                (c(), f("svg", Vt, [...u[1] || (u[1] = [
+                  t("circle", {
                     class: "sl-opacity-25",
                     cx: "12",
                     cy: "12",
@@ -1187,95 +1803,95 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                     stroke: "currentColor",
                     "stroke-width": "4"
                   }, null, -1),
-                  s("path", {
+                  t("path", {
                     class: "sl-opacity-75",
                     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)
                 ])])),
-                t.loadingText ? (i(), d("span", ks, x(t.loadingText), 1)) : g("", !0)
+                s.loadingText ? (c(), f("span", jt, w(s.loadingText), 1)) : b("", !0)
               ])
             ], !0)
-          ])) : g("", !0)
+          ])) : b("", !0)
         ]),
         _: 3
       })
     ], 6));
   }
-}), bt = /* @__PURE__ */ J(ws, [["__scopeId", "data-v-a1ea2aac"]]), $s = "sl-text-sm", vt = /* @__PURE__ */ T({
+}), Gl = /* @__PURE__ */ se(Ot, [["__scopeId", "data-v-a1ea2aac"]]), Nt = "sl-text-sm", Kl = /* @__PURE__ */ D({
   __name: "InfoCard",
   props: {
     title: { default: "" },
     variant: { default: "info" }
   },
-  setup(t) {
-    const e = t, o = y(() => ({
+  setup(s) {
+    const e = s, o = C(() => ({
       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]), l = y(() => ({ color: {
+    })[e.variant]), l = C(() => ({ color: {
       info: "var(--info-title)",
       warning: "var(--warning-title)",
       success: "var(--success-title)",
       error: "var(--error-title)"
-    }[e.variant] })), r = y(() => ({ color: {
+    }[e.variant] })), r = C(() => ({ color: {
       info: "var(--info-text)",
       warning: "var(--warning-text)",
       success: "var(--success-text)",
       error: "var(--error-text)"
     }[e.variant] }));
-    return (f, a) => (i(), d("div", {
+    return (d, a) => (c(), f("div", {
       class: "sl-rounded-xl sl-border sl-p-4",
-      style: k({ backgroundColor: o.value.bg, borderColor: o.value.border })
+      style: z({ backgroundColor: o.value.bg, borderColor: o.value.border })
     }, [
-      t.title ? (i(), d("h3", {
+      s.title ? (c(), f("h3", {
         key: 0,
         class: "sl-font-medium sl-mb-2",
-        style: k(l.value)
-      }, x(t.title), 5)) : g("", !0),
-      s("div", {
-        class: v($s),
-        style: k(r.value)
+        style: z(l.value)
+      }, w(s.title), 5)) : b("", !0),
+      t("div", {
+        class: _(Nt),
+        style: z(r.value)
       }, [
-        p(f.$slots, "default")
+        v(d.$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" }, 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({
+}), Rt = { class: "sl-space-y-4" }, Gt = { class: "sl-text-xl sl-font-semibold sl-text-slate-900 dark:sl-text-white" }, Kt = { class: "sl-overflow-x-auto" }, Ht = { class: "sl-min-w-full sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, Wt = { class: "sl-bg-slate-50 dark:sl-bg-slate-900" }, Zt = { class: "sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, Jt = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-900 dark:sl-text-slate-100" }, Xt = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, Yt = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-500 dark:sl-text-slate-300" }, Qt = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, Hl = /* @__PURE__ */ D({
   __name: "PropsTable",
   props: {
     title: { default: "Props" },
     props: {}
   },
-  setup(t) {
+  setup(s) {
     const e = ["Prop", "Type", "Default", "Description"];
-    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", [
+    return (o, l) => (c(), f("section", Rt, [
+      t("h2", Gt, w(s.title), 1),
+      t("div", {
+        class: _(["sl-rounded-xl sl-shadow-sm sl-border sl-overflow-hidden", [
           "sl-bg-white dark:sl-bg-slate-800",
           "sl-border-slate-200 dark:sl-border-slate-700"
         ]])
       }, [
-        s("div", Ts, [
-          s("table", Is, [
-            s("thead", Ms, [
-              s("tr", null, [
-                (i(), d(j, null, B(e, (r) => s("th", {
+        t("div", Kt, [
+          t("table", Ht, [
+            t("thead", Wt, [
+              t("tr", null, [
+                (c(), f(V, null, R(e, (r) => t("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"])
-                }, x(r), 1)), 64))
+                  class: _(["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"])
+                }, w(r), 1)), 64))
               ])
             ]),
-            s("tbody", Vs, [
-              (i(!0), d(j, null, B(t.props, (r) => (i(), d("tr", {
+            t("tbody", Zt, [
+              (c(!0), f(V, null, R(s.props, (r) => (c(), f("tr", {
                 key: r.name
               }, [
-                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)
+                t("td", Jt, w(r.name), 1),
+                t("td", Xt, w(r.type), 1),
+                t("td", Yt, w(r.default), 1),
+                t("td", Qt, w(r.description), 1)
               ]))), 128))
             ])
           ])
@@ -1283,21 +1899,21 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       ])
     ]));
   }
-}), Es = {
+}), qt = {
   class: "sl-rounded-xl sl-shadow-sm sl-border sl-overflow-hidden",
   style: { backgroundColor: "var(--sl-surface-elevated)", borderColor: "var(--sl-border-default)" }
-}, Fs = {
+}, el = {
   key: 0,
   class: "sl-px-6 sl-py-4 sl-border-b",
   style: { backgroundColor: "var(--sl-surface-sunken)", borderColor: "var(--sl-border-default)" }
-}, Ds = {
+}, sl = {
   class: "sl-text-lg sl-font-semibold",
   style: { color: "var(--sl-text-primary)" }
-}, zs = {
+}, tl = {
   key: 0,
   class: "sl-text-sm sl-mt-1",
   style: { color: "var(--sl-text-muted)" }
-}, kt = /* @__PURE__ */ T({
+}, Wl = /* @__PURE__ */ D({
   __name: "ShowcaseCard",
   props: {
     title: { default: "" },
@@ -1305,36 +1921,36 @@ 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(t) {
-    const e = t, o = y(() => {
+  setup(s) {
+    const e = s, o = C(() => {
       const l = [];
       return e.padded && l.push("sl-p-6"), e.contentClass && l.push(e.contentClass), l.join(" ");
     });
-    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)
+    return (l, r) => (c(), f("div", qt, [
+      s.title || l.$slots.header ? (c(), f("div", el, [
+        v(l.$slots, "header", {}, () => [
+          t("h2", sl, w(s.title), 1),
+          s.description ? (c(), f("p", tl, w(s.description), 1)) : b("", !0)
         ])
-      ])) : g("", !0),
-      s("div", {
-        class: v(o.value)
+      ])) : b("", !0),
+      t("div", {
+        class: _(o.value)
       }, [
-        p(l.$slots, "default")
+        v(l.$slots, "default")
       ], 2)
     ]));
   }
-}), Ps = { class: "sl-space-y-8" }, Ns = { class: "sl-space-y-2" }, Us = {
+}), ll = { class: "sl-space-y-8" }, ol = { class: "sl-space-y-2" }, al = {
   class: "sl-text-3xl sl-font-bold",
   style: { color: "var(--sl-text-primary)" }
-}, Os = {
+}, rl = {
   class: "sl-text-lg",
   style: { color: "var(--sl-text-muted)" }
-}, Rs = {
+}, nl = {
   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" }, wt = /* @__PURE__ */ T({
+}, il = ["onClick"], dl = { class: "sl-space-y-8" }, Zl = /* @__PURE__ */ D({
   __name: "ShowcaseLayout",
   props: {
     title: {},
@@ -1343,10 +1959,10 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     modelValue: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: e }) {
-    const o = t, l = e, { isDark: r } = Y(), f = (u) => {
-      l("update:modelValue", u);
-    }, a = (u) => o.modelValue === u ? {
+  setup(s, { emit: e }) {
+    const o = s, l = e, { isDark: r } = fe(), d = (n) => {
+      l("update:modelValue", n);
+    }, a = (n) => o.modelValue === n ? {
       backgroundColor: r.value ? "#ffffff" : "#0f172a",
       color: r.value ? "#0f172a" : "#ffffff",
       boxShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)"
@@ -1354,48 +1970,48 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       backgroundColor: "transparent",
       color: "var(--sl-text-muted)"
     };
-    return (u, C) => (i(), d("div", Ps, [
-      s("header", Ns, [
-        s("h1", Us, x(t.title), 1),
-        s("p", Os, x(t.description), 1),
-        p(u.$slots, "header-extra")
+    return (n, S) => (c(), f("div", ll, [
+      t("header", ol, [
+        t("h1", al, w(s.title), 1),
+        t("p", rl, w(s.description), 1),
+        v(n.$slots, "header-extra")
       ]),
-      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),
+      s.variants && s.variants.length > 0 ? (c(), f("nav", nl, [
+        (c(!0), f(V, null, R(s.variants, (I) => (c(), f("button", {
+          key: I.id,
+          onClick: (A) => d(I.id),
           class: "sl-px-4 sl-py-2 sl-text-sm sl-font-medium sl-rounded-lg sl-transition-all sl-duration-150",
-          style: k(a(w.id))
-        }, x(w.label || w.name), 13, Hs))), 128))
-      ])) : g("", !0),
-      s("div", Gs, [
-        p(u.$slots, "content", {}, () => [
-          p(u.$slots, "default")
+          style: z(a(I.id))
+        }, w(I.label || I.name), 13, il))), 128))
+      ])) : b("", !0),
+      t("div", dl, [
+        v(n.$slots, "content", {}, () => [
+          v(n.$slots, "default")
         ])
       ]),
-      p(u.$slots, "footer")
+      v(n.$slots, "footer")
     ]));
   }
-}), Ws = { class: "sl-space-y-4" }, Ys = {
+}), cl = { class: "sl-space-y-4" }, ul = {
   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" }, $t = /* @__PURE__ */ T({
+}, fl = { class: "sl-rounded-xl sl-p-4 sl-overflow-auto sl-bg-slate-800 dark:sl-bg-slate-900" }, ml = { class: "sl-text-sm sl-text-slate-300 sl-font-mono" }, Jl = /* @__PURE__ */ D({
   __name: "StateDisplay",
   props: {
     title: { default: "Current State" },
     state: {}
   },
-  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, x(o.value), 1)
+  setup(s) {
+    const e = s, o = C(() => JSON.stringify(e.state, null, 2));
+    return (l, r) => (c(), f("section", cl, [
+      t("h2", ul, w(s.title), 1),
+      t("div", fl, [
+        t("pre", ml, w(o.value), 1)
       ])
     ]));
   }
 });
-class Zs {
+class pl {
   designTokens;
   prefix = "sl-";
   injectCSS = !0;
@@ -1406,13 +2022,13 @@ class Zs {
   phoneInputConfig;
   datepickerConfig;
   constructor() {
-    this.designTokens = Z;
+    this.designTokens = pe;
   }
   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);
+    e.designTokens && (this.designTokens = gs(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);
   }
   getDesignTokens() {
     return this.designTokens;
@@ -1436,7 +2052,7 @@ class Zs {
     return this.datepickerConfig;
   }
   generateCSS() {
-    return xe(this.designTokens);
+    return ys(this.designTokens);
   }
   injectCSSVariables() {
     const e = document.createElement("style");
@@ -1445,152 +2061,154 @@ class Zs {
     o && o.remove(), document.head.appendChild(e);
   }
 }
-const _t = new Zs();
+const Xl = new pl();
 export {
-  ao as AddDeleteButtonGroup,
-  Oo as AlertModal,
-  te as Avatar,
-  ra as BackgroundGradientWrapper,
-  F as Badge,
-  xa as Banner,
-  Pl as BarChart,
-  Sa as BaseChart,
-  Ho as BaseModal,
-  ya as Breadcrumb,
-  A as Button,
-  ul as ButtonGroup,
-  ka as CalendarDashboard,
-  Tl as CalendarHeader,
-  bt as CardLayout,
-  ia as CardWrapper,
-  ml as Checkbox,
-  oe as CheckboxInput,
-  pa as CloudinaryImage,
-  ae as ComboboxInput,
-  Kl as ComingSoon,
-  pe as ComponentRegistry,
-  Za as ContentSkeleton,
-  $o as DashboardLayout,
-  no as DatepickerInput,
-  Ml as DayCalendar,
-  So as DefaultLayout,
-  ca as DisclosureWrapper,
-  so as DynamicForm,
-  co as EmailInput,
-  fo as EmptyInput,
-  Xl as EmptyState,
-  jl as EventCard,
-  Bl as EventsList,
-  po as FileDropzoneInput,
-  fa as FormErrorWrapper,
-  lo as FormField,
-  Ha as FormFieldWrapper,
-  Ul as FunnelChart,
-  er as GoogleMap,
-  Io as HeaderLayout,
-  xo as HiddenInput,
-  ir as ImageCropperModal,
-  vt as InfoCard,
-  tr as InfoWindow,
-  Qo as InlineTabs,
-  yt as InputsShowcase,
-  Rl as LineChart,
-  le as Loading,
-  va as LoadingDots,
-  dl as LottieAnimation,
-  or as Map,
-  No as MapAll,
-  rr as MapMarker,
-  gl as Menu,
-  hl as Modal,
-  El as MonthCalendar,
-  bl as NavLink,
-  Vo as NavigationGroup,
-  Ao as NavigationItem,
-  Wo as NotificationContainer,
-  Jo as NotificationToast,
-  Wa as PhoneInput,
-  Gl as PieChart,
-  Lo as ProfileHeaderAvatar,
-  Cl as ProgressBar,
-  Fo as ProjectLogo,
-  Ct as PropsTable,
-  ht as RadialProgressBar,
-  Ja as RichTextInput,
-  O as SelectInput,
-  yo as SelectTextInput,
-  kt as ShowcaseCard,
-  wt as ShowcaseLayout,
-  zo as SidebarLayout,
-  Qa as SmartLoadingIndicator,
-  Yl as SparklineChart,
-  _t as StachelockUI,
-  ql as StatCard,
-  $t as StateDisplay,
-  Zo as StepperPanels,
-  ne as SwitchInput,
-  vo as SwitchInputGroup,
-  ea as TabGroup,
-  ta as TabGroupUnderline,
-  wl as Table,
-  oa as TabsInPills,
-  ko as TagifyInput,
-  re as TextAreaInput,
-  V as TextInput,
-  xt as ThemeDebugModal,
-  _l as Transition,
-  Pt as US_CENTER,
-  Nt as WORLD_CENTER,
-  $a as WeekCalendar,
-  Dl as YearCalendar,
-  Ia as areaChartConfig,
-  Ma as barChartConfig,
-  Va as baseTheme,
-  Lt as calculateEventLanes,
-  ja as chartColors,
-  Aa as chartTypography,
-  q as componentRegistry,
-  _t as default,
-  me as defaultComponentMap,
-  Ut as defaultCoordinateExtractor,
-  Z as defaultDesignTokens,
-  Ba as formatDuration,
-  La as formatNumber,
-  Ea as formatPercentage,
-  Qt as formatUid,
-  Fa as funnelChartConfig,
-  xe as generateCSSVariables,
-  It as generateDeterministicId,
-  Mt as generateId,
-  gt as generateTailwindConfig,
-  Da as getAreaGradient,
-  pt as getComponent,
-  qt as getTabBadgeClasses,
-  za as hexToRgb,
-  Xt as isUidLike,
-  Ot as isValidCoordinate,
-  Pa as lineChartConfig,
-  ge as mergeDesignTokens,
-  Na as pieChartConfig,
-  se as presetThemes,
-  mt as registerComponent,
-  Vt as sanitizeId,
-  el as slugToReadable,
-  Ua as stachelockColors,
-  Oa as toRgba,
-  sl as toSentenceCase,
-  tl as toTitleCase,
-  ll as transformString,
-  ol as truncateString,
-  At as useCalendar,
-  Et as useEventSegments,
-  Dt as useFormValidation,
-  Rt as useMap,
-  Gt as useModal,
-  Yt as useNotifications,
-  Zt as useSimpleTabs,
-  al as useStringTransform,
-  nl as useTabs,
-  Y as useTheme
+  Ma as AddDeleteButtonGroup,
+  Nl as AddressInput,
+  fr as AlertModal,
+  je as Avatar,
+  Mr as BackgroundGradientWrapper,
+  X as Badge,
+  jr as Banner,
+  ca as BarChart,
+  Xr as BaseChart,
+  pr as BaseModal,
+  Nr as Breadcrumb,
+  Z as Button,
+  Fo as ButtonGroup,
+  Hr as CalendarDashboard,
+  Qo as CalendarHeader,
+  Gl as CardLayout,
+  Er as CardWrapper,
+  Uo as Checkbox,
+  Ne as CheckboxInput,
+  Ur as CloudinaryImage,
+  Re as ComboboxInput,
+  Ca as ComingSoon,
+  ps as ComponentRegistry,
+  vn as ContentSkeleton,
+  Za as DashboardLayout,
+  Ea as DatepickerInput,
+  ea as DayCalendar,
+  Xa as DefaultLayout,
+  Pr as DisclosureWrapper,
+  _a as DynamicForm,
+  Pa as EmailInput,
+  Fa as EmptyInput,
+  $a as EmptyState,
+  ta as EventCard,
+  oa as EventsList,
+  Ua as FileDropzoneInput,
+  Fr as FormErrorWrapper,
+  Ia as FormField,
+  os as FormFieldWrapper,
+  fa as FunnelChart,
+  fs as GeocodeStatus,
+  wn as GoogleMap,
+  Qa as HeaderLayout,
+  ja as HiddenInput,
+  zn as ImageCropperModal,
+  Kl as InfoCard,
+  Sn as InfoWindow,
+  Cr as InlineTabs,
+  Rl as InputsShowcase,
+  pa as LineChart,
+  Oe as Loading,
+  Gr as LoadingDots,
+  Po as LottieAnimation,
+  Tn as Map,
+  cr as MapAll,
+  An as MapMarker,
+  jo as Menu,
+  No as Modal,
+  ra as MonthCalendar,
+  Go as NavLink,
+  er as NavigationGroup,
+  tr as NavigationItem,
+  yr as NotificationContainer,
+  xr as NotificationToast,
+  gn as PhoneInput,
+  ya as PieChart,
+  or as ProfileHeaderAvatar,
+  Ho as ProgressBar,
+  rr as ProjectLogo,
+  Hl as PropsTable,
+  Ol as RadialProgressBar,
+  hn as RichTextInput,
+  ne as SelectInput,
+  Na as SelectTextInput,
+  Wl as ShowcaseCard,
+  Zl as ShowcaseLayout,
+  ir as SidebarLayout,
+  kn as SmartLoadingIndicator,
+  xa as SparklineChart,
+  Xl as StachelockUI,
+  ba as StatCard,
+  Jl as StateDisplay,
+  br as StepperPanels,
+  Ke as SwitchInput,
+  Ga as SwitchInputGroup,
+  $r as TabGroup,
+  _r as TabGroupUnderline,
+  Zo as Table,
+  Ir as TabsInPills,
+  Ha as TagifyInput,
+  Ge as TextAreaInput,
+  M as TextInput,
+  jl as ThemeDebugModal,
+  Xo as Transition,
+  co as US_CENTER,
+  uo as WORLD_CENTER,
+  Zr as WeekCalendar,
+  ia as YearCalendar,
+  Qr as areaChartConfig,
+  qr as barChartConfig,
+  en as baseTheme,
+  oo as calculateEventLanes,
+  sn as chartColors,
+  tn as chartTypography,
+  me as componentRegistry,
+  Xl as default,
+  ms as defaultComponentMap,
+  fo as defaultCoordinateExtractor,
+  pe as defaultDesignTokens,
+  ln as formatDuration,
+  on as formatNumber,
+  an as formatPercentage,
+  wo as formatUid,
+  rn as funnelChartConfig,
+  ys as generateCSSVariables,
+  ql as generateDeterministicId,
+  Ee as generateId,
+  Vl as generateTailwindConfig,
+  nn as getAreaGradient,
+  Ul as getComponent,
+  bo as getTabBadgeClasses,
+  dn as hexToRgb,
+  Fl as isFundamentalField,
+  $o as isUidLike,
+  mo as isValidCoordinate,
+  cn as lineChartConfig,
+  gs as mergeDesignTokens,
+  un as pieChartConfig,
+  Ve as presetThemes,
+  Bl as registerComponent,
+  eo as sanitizeId,
+  So as slugToReadable,
+  fn as stachelockColors,
+  mn as toRgba,
+  _o as toSentenceCase,
+  To as toTitleCase,
+  Io as transformString,
+  Ao as truncateString,
+  to as useCalendar,
+  ao as useEventSegments,
+  no as useFormValidation,
+  po as useMap,
+  yo as useModal,
+  xo as useNotifications,
+  ko as useSimpleTabs,
+  Mo as useStringTransform,
+  Eo as useTabs,
+  fe as useTheme
 };
-//# sourceMappingURL=index.js.map