@stachelock/ui 0.6.1 → 0.6.2

package/dist/index.js

@@ -1,135 +1,139 @@
-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);
+import { g as Xe } from "./id-DafBB_QF.js";
+import { a as kr, s as wr } from "./id-DafBB_QF.js";
+import { defineAsyncComponent as qe, defineComponent as F, ref as K, watch as de, createBlock as D, openBlock as i, unref as _, withCtx as T, createVNode as C, createElementVNode as s, normalizeStyle as O, createTextVNode as j, withDirectives as me, vModelText as ve, createElementBlock as m, Fragment as G, renderList as Y, normalizeClass as E, toDisplayString as w, computed as b, createCommentVNode as k, withKeys as ke, withModifiers as Te, renderSlot as M, resolveDynamicComponent as ge, h as ne, inject as Le, onMounted as Je, reactive as Me, useSlots as Pe, Transition as we, vShow as Ze } from "vue";
+import R from "./inputs/TextInput.js";
+import { useCalendar as $r } from "./composables/useCalendar.js";
+import { u as Qe, v as ye } from "./useCollectionEditor-BYyoAT0U.js";
+import { C as Ir } from "./useCollectionEditor-BYyoAT0U.js";
+import { c as zr, u as Tr } from "./useEventSegments-B-r_8zCW.js";
+import { useFormValidation as Mr } from "./composables/useFormValidation.js";
+import { U as Er, W as Ar, d as Dr, i as Fr, u as Nr } from "./useMap-BGg0H582.js";
+import { useModal as Vr } from "./composables/useModal.js";
+import { useNotifications as jr } from "./composables/useNotifications.js";
+import { g as Rr, u as Hr } from "./useSimpleTabs-CSgkChEU.js";
+import { f as Kr, i as Wr, s as Yr, a as Xr, t as qr, c as Jr, b as Zr, u as Qr } from "./useStringTransform-CSr7nZWg.js";
+import { useTabs as tn } from "./composables/useTabs.js";
+import { useTheme as Ee, presetThemes as et } from "./composables/useTheme.js";
+import { _ as ln } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-C0R4ADBb.js";
+import { _ as tt } from "./UiAvatar.vue_vue_type_script_setup_true_lang-WVY6JbUL.js";
+import { _ as ue } from "./UiBadge.vue_vue_type_script_setup_true_lang-DOtbLb9x.js";
+import { _ as on } from "./UiButtonGroup.vue_vue_type_script_setup_true_lang-CVwXB-cb.js";
+import { _ as nn } from "./UiCheckbox.vue_vue_type_script_setup_true_lang-BxyM_F-V.js";
+import { _ as st } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
+import { _ as cn } from "./UiMenu.vue_vue_type_script_setup_true_lang-gnoIJm6x.js";
+import { _ as mn } from "./UiModal.vue_vue_type_script_setup_true_lang-BZC7aN7K.js";
+import { _ as pn } from "./UiNavLink.vue_vue_type_script_setup_true_lang-C5Gicm8o.js";
+import { _ as yn } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js";
+import { _ as xn } from "./UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js";
+import { _ as vn } from "./UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js";
+import { _ as wn } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-hGa2MLyo.js";
+import { _ as $n } from "./DayCalendar.vue_vue_type_script_setup_true_lang-D-4jcUvI.js";
+import { _ as In } from "./EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js";
+import { _ as zn } from "./EventsList.vue_vue_type_script_setup_true_lang-BTIoGr_e.js";
+import { _ as Ln } from "./MonthCalendar.vue_vue_type_style_index_0_lang-lnKkvJ9u.js";
+import { _ as Pn } from "./YearCalendar.vue_vue_type_script_setup_true_lang-CfKSpLLN.js";
+import { _ as An } from "./BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js";
+import { _ as Fn } from "./FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6xCV.js";
+import { _ as Un } from "./LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js";
+import { _ as Bn } from "./PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4.js";
+import { _ as On } from "./SparklineChart.vue_vue_type_script_setup_true_lang-BlNk5ZqM.js";
+import { _ as Hn } from "./StatCard.vue_vue_type_script_setup_true_lang-B5SuaSXL.js";
+import { format as q, differenceInYears as ce, differenceInMonths as Ae, isValid as J, parseISO as re } from "date-fns";
+import { _ as lt } from "./AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-6taLcPq0.js";
+import { _ as at } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BR8Pq7Kw.js";
+import { _ as ot } from "./AlertModal.vue_vue_type_script_setup_true_lang-DzhVQdx4.js";
+import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as Kn } from "./ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js";
+import { _ as Yn } from "./EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js";
+import { _ as qn } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js";
+import { _ as rt } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-BikR9rgi.js";
+import { _ as nt } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-BigvbBAU.js";
+import { _ as Zn } from "./DatepickerInput.vue_vue_type_style_index_0_lang-DbI3619T.js";
+import { _ as ei } from "./EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js";
+import { _ as si } from "./EmptyInput.vue_vue_type_script_setup_true_lang-FWDCFF2c.js";
+import { _ as ai } from "./FileDropzoneInput.vue_vue_type_script_setup_true_lang-BJR-_ngq.js";
+import { _ as ri } from "./HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js";
+import { _ as it } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-Cf0MJobG.js";
+import { _ as dt } from "./SwitchInput.vue_vue_type_script_setup_true_lang-D5Es9AjF.js";
+import { _ as Ce } from "./SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js";
+import { _ as ii } from "./SelectTextInput.vue_vue_type_script_setup_true_lang-BVaViHPl.js";
+import { _ as ci } from "./SwitchInputGroup.vue_vue_type_script_setup_true_lang-DigNYqVZ.js";
+import { _ as mi } from "./TagifyInput.vue_vue_type_script_setup_true_lang-BF2mK8JC.js";
+import { _ as pi } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-BAx4gKqh.js";
+import { _ as yi } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
+import { _ as xi } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
+import { _ as vi } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js";
+import { _ as wi } from "./NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js";
+import { _ as $i } from "./ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-CKCoHD1o.js";
+import { _ as Ii } from "./ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js";
+import { _ as zi } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-CZ21EVcZ.js";
+import { _ as Li } from "./UiMapAll.vue_vue_type_script_setup_true_lang-11yT7mTH.js";
+import { _ as Pi } from "./BaseModal.vue_vue_type_script_setup_true_lang--iGzFCnC.js";
+import { _ as Ai } from "./NotificationContainer.vue_vue_type_style_index_0_lang-CvJRwezr.js";
+import { _ as Fi } from "./NotificationToast.vue_vue_type_script_setup_true_lang-BBWpW4km.js";
+import { SwatchIcon as ct, XMarkIcon as ut, ClockIcon as $e, ExclamationCircleIcon as mt, CheckCircleIcon as ft, PhoneIcon as _e, EnvelopeIcon as pt, GlobeAltIcon as gt, CakeIcon as De, CalendarDaysIcon as yt, BriefcaseIcon as ht, BuildingOfficeIcon as xt, MapPinIcon as Ie, BuildingLibraryIcon as bt, UserGroupIcon as vt } from "@heroicons/vue/24/outline";
+import { _ as Ui } from "./StepperPanels.vue_vue_type_script_setup_true_lang-DPLQ9mQn.js";
+import { _ as Bi } from "./InlineTabs.vue_vue_type_script_setup_true_lang-B5w4yzcZ.js";
+import { _ as Oi } from "./TabGroup.vue_vue_type_script_setup_true_lang-BsbiEA4E.js";
+import { _ as Hi } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-CPcp1-Za.js";
+import { _ as Ki } from "./TabsInPills.vue_vue_type_script_setup_true_lang-U5CdRL7s.js";
+import { _ as Yi } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
+import { _ as qi } from "./CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
+import { _ as Zi } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-CgHPOC-w.js";
+import { _ as ed } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-D7ZAgfPs.js";
+import { default as sd } from "./components/CloudinaryImage.js";
+import { TransitionRoot as fe, Dialog as kt, TransitionChild as Se, DialogPanel as wt, DialogTitle as Ct, Combobox as $t, ComboboxInput as _t, ComboboxButton as It, ComboboxOptions as St, ComboboxOption as zt } from "@headlessui/vue";
+import oe from "./components/Button.js";
+import { default as ad } from "./components/Banner.js";
+import { default as rd } from "./components/Breadcrumb.js";
+import { default as id } from "./components/LoadingDots.js";
+import { default as cd } from "./calendars/CalendarDashboard.js";
+import { default as md } from "./calendars/WeekCalendar.js";
+import { default as pd } from "./charts/BaseChart.js";
+import { areaChartConfig as yd, barChartConfig as hd, baseTheme as xd, chartColors as bd, chartTypography as vd, formatDuration as kd, formatNumber as wd, formatPercentage as Cd, funnelChartConfig as $d, getAreaGradient as _d, hexToRgb as Id, lineChartConfig as Sd, pieChartConfig as zd, stachelockColors as Td, toRgba as Ld } from "./charts/chartTheme.js";
+import Tt from "./forms/FormFieldWrapper.js";
+import { LockClosedIcon as Lt, MagnifyingGlassIcon as Mt, CheckIcon as Pt, ChevronDownIcon as Et, ChevronUpIcon as At } from "@heroicons/vue/20/solid";
+import { useField as Dt } from "vee-validate";
+import { debounce as ze } from "lodash-es";
+import { Loader as Ft } from "@googlemaps/js-api-loader";
+import { default as Pd } from "./inputs/PhoneInput.js";
+import { default as Ad } from "./inputs/RichTextInput.js";
+import { default as Fd } from "./loading/ContentSkeleton.js";
+import { default as Ud } from "./loading/SmartLoadingIndicator.js";
+import { default as Bd } from "./maps/GoogleMap.js";
+import { default as Od } from "./maps/UiInfoWindow.js";
+import { default as Hd } from "./maps/UiMap.js";
+import { default as Kd } from "./maps/UiMapMarker.js";
+import { default as Yd } from "./modals/ImageCropperModal.js";
+import { XMarkIcon as Nt, XCircleIcon as Ut } from "@heroicons/vue/24/solid";
+var Vt = /* @__PURE__ */ ((e) => (e.Verified = "verified", e.Error = "error", e.Unverified = "unverified", e.Pending = "pending", e))(Vt || {});
+function er(e) {
+  return ["street", "city", "state", "zipcode", "country"].includes(e);
 }
-const ms = {
+const Bt = {
   text: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(R)
   },
   email: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(R)
   },
   password: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(R)
   },
   number: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(R)
   },
   tel: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(R)
   },
   url: {
     component: "TextInput",
-    loader: () => Promise.resolve(M)
+    loader: () => Promise.resolve(R)
   },
   textarea: {
     component: "TextAreaInput",
@@ -152,35 +156,35 @@ const ms = {
     loader: () => import("./inputs/SwitchInput.js")
   }
 };
-class ps {
-  componentMap = { ...ms };
+class jt {
+  componentMap = { ...Bt };
   loadedComponents = /* @__PURE__ */ new Map();
   /**
    * Register a new component type
    */
-  register(e, o, l) {
-    this.componentMap[e] = { component: o, loader: l }, this.loadedComponents.delete(e);
+  register(t, a, l) {
+    this.componentMap[t] = { component: a, loader: l }, this.loadedComponents.delete(t);
   }
   /**
    * Get a component for a field type
    */
-  getComponent(e) {
-    const o = this.componentMap[e];
-    if (!o)
-      return console.warn(`Component type "${e}" is not registered`), null;
-    if (this.loadedComponents.has(e))
-      return this.loadedComponents.get(e);
-    const l = Le({
-      loader: o.loader,
+  getComponent(t) {
+    const a = this.componentMap[t];
+    if (!a)
+      return console.warn(`Component type "${t}" is not registered`), null;
+    if (this.loadedComponents.has(t))
+      return this.loadedComponents.get(t);
+    const l = qe({
+      loader: a.loader,
       delay: 0
     });
-    return this.loadedComponents.set(e, l), l;
+    return this.loadedComponents.set(t, l), l;
   }
   /**
    * Check if a component type is registered
    */
-  hasComponent(e) {
-    return e in this.componentMap;
+  hasComponent(t) {
+    return t in this.componentMap;
   }
   /**
    * Get all registered component types
@@ -191,8 +195,8 @@ class ps {
   /**
    * Unregister a component type
    */
-  unregister(e) {
-    delete this.componentMap[e], this.loadedComponents.delete(e);
+  unregister(t) {
+    delete this.componentMap[t], this.loadedComponents.delete(t);
   }
   /**
    * Clear all cached components
@@ -201,14 +205,14 @@ class ps {
     this.loadedComponents.clear();
   }
 }
-const me = new ps();
-function Bl(s, e, o) {
-  me.register(s, e, o);
+const Fe = new jt();
+function tr(e, t, a) {
+  Fe.register(e, t, a);
 }
-function Ul(s) {
-  return me.getComponent(s);
+function sr(e) {
+  return Fe.getComponent(e);
 }
-const pe = {
+const Ne = {
   colors: {
     primary: {
       50: "#edeff9",
@@ -311,152 +315,152 @@ const pe = {
     "2xl": "1536px"
   }
 };
-function gs(s, e = pe) {
-  const o = { ...e };
-  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;
+function Ot(e, t = Ne) {
+  const a = { ...t };
+  function l(d, u) {
+    if (u && typeof u == "object" && !Array.isArray(u)) {
+      for (const n in u)
+        if (Object.prototype.hasOwnProperty.call(u, n)) {
+          const o = d[n], g = u[n];
+          o && typeof o == "object" && !Array.isArray(o) && g && typeof g == "object" && !Array.isArray(g) ? d[n] = l(o, g) : d[n] = g;
         }
     }
-    return r;
+    return d;
   }
-  return l(o, s);
+  return l(a, e);
 }
-function ys(s) {
-  let e = `:root {
+function Rt(e) {
+  let t = `:root {
 `;
-  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}: ${d};
+  return e.colors && Object.entries(e.colors).forEach(([a, l]) => {
+    typeof l == "object" && l !== null && Object.entries(l).forEach(([d, u]) => {
+      const n = d === "DEFAULT" ? a : `${a}-${d}`;
+      t += `  --sl-color-${n}: ${u};
 `;
-      const n = hs(d);
-      n && (e += `  --sl-color-${a}-rgb: ${n};
+      const o = Ht(u);
+      o && (t += `  --sl-color-${n}-rgb: ${o};
 `);
     });
-  }), s.spacing && Object.entries(s.spacing).forEach(([o, l]) => {
-    e += `  --sl-spacing-${o}: ${l};
+  }), e.spacing && Object.entries(e.spacing).forEach(([a, l]) => {
+    t += `  --sl-spacing-${a}: ${l};
 `;
-  }), s.borderRadius && Object.entries(s.borderRadius).forEach(([o, l]) => {
-    const r = o === "DEFAULT" ? "radius" : `radius-${o}`;
-    e += `  --sl-${r}: ${l};
+  }), e.borderRadius && Object.entries(e.borderRadius).forEach(([a, l]) => {
+    const d = a === "DEFAULT" ? "radius" : `radius-${a}`;
+    t += `  --sl-${d}: ${l};
 `;
-  }), s.shadows && Object.entries(s.shadows).forEach(([o, l]) => {
-    const r = o === "DEFAULT" ? "shadow" : `shadow-${o}`;
-    e += `  --sl-${r}: ${l};
+  }), e.shadows && Object.entries(e.shadows).forEach(([a, l]) => {
+    const d = a === "DEFAULT" ? "shadow" : `shadow-${a}`;
+    t += `  --sl-${d}: ${l};
 `;
-  }), s.typography && (s.typography.fontFamily && Object.entries(s.typography.fontFamily).forEach(([o, l]) => {
-    e += `  --sl-font-family-${o}: ${l.join(", ")};
+  }), e.typography && (e.typography.fontFamily && Object.entries(e.typography.fontFamily).forEach(([a, l]) => {
+    t += `  --sl-font-family-${a}: ${l.join(", ")};
 `;
-  }), s.typography.fontSize && Object.entries(s.typography.fontSize).forEach(([o, l]) => {
-    e += `  --sl-font-size-${o}: ${l};
+  }), e.typography.fontSize && Object.entries(e.typography.fontSize).forEach(([a, l]) => {
+    t += `  --sl-font-size-${a}: ${l};
 `;
-  })), s.breakpoints && Object.entries(s.breakpoints).forEach(([o, l]) => {
-    e += `  --sl-breakpoint-${o}: ${l};
+  })), e.breakpoints && Object.entries(e.breakpoints).forEach(([a, l]) => {
+    t += `  --sl-breakpoint-${a}: ${l};
 `;
-  }), e += `  --sl-ring-color: var(--sl-color-stachelock-600, #3e4b9a);
-`, e += `  --sl-ring-offset-color: #ffffff;
-`, e += `  --sl-ring-width: 2px;
-`, e += `  --sl-outline-color: var(--sl-color-stachelock-600, #3e4b9a);
-`, e += `  --sl-outline-width: 2px;
-`, e += `}
+  }), t += `  --sl-ring-color: var(--sl-color-stachelock-600, #3e4b9a);
+`, t += `  --sl-ring-offset-color: #ffffff;
+`, t += `  --sl-ring-width: 2px;
+`, t += `  --sl-outline-color: var(--sl-color-stachelock-600, #3e4b9a);
+`, t += `  --sl-outline-width: 2px;
+`, t += `}
 
-`, e += `@media (prefers-color-scheme: dark) {
-`, e += `  :root {
-`, e += `    --sl-ring-color: var(--sl-color-stachelock-600, #3e4b9a);
-`, e += `  }
-`, e += `}
-`, e;
+`, t += `@media (prefers-color-scheme: dark) {
+`, t += `  :root {
+`, t += `    --sl-ring-color: var(--sl-color-stachelock-600, #3e4b9a);
+`, t += `  }
+`, t += `}
+`, t;
 }
-function Vl(s) {
-  let e = `export default {
+function lr(e) {
+  let t = `export default {
 `;
-  return e += `  prefix: "sl-",
-`, e += `  theme: {
-`, e += `    extend: {
-`, s.colors && (e += `      colors: {
-`, Object.entries(s.colors).forEach(([o, l]) => {
-    typeof l == "object" && l !== null && (e += `        "${o}": {
-`, Object.entries(l).forEach(([r, d]) => {
-      e += `          "${r === "DEFAULT" ? "DEFAULT" : r}": "${d}",
+  return t += `  prefix: "sl-",
+`, t += `  theme: {
+`, t += `    extend: {
+`, e.colors && (t += `      colors: {
+`, Object.entries(e.colors).forEach(([a, l]) => {
+    typeof l == "object" && l !== null && (t += `        "${a}": {
+`, Object.entries(l).forEach(([d, u]) => {
+      t += `          "${d === "DEFAULT" ? "DEFAULT" : d}": "${u}",
 `;
-    }), e += `        },
+    }), t += `        },
 `);
-  }), e += `      },
-`), s.spacing && (e += `      spacing: {
-`, Object.entries(s.spacing).forEach(([o, l]) => {
-    e += `        "${o}": "${l}",
+  }), t += `      },
+`), e.spacing && (t += `      spacing: {
+`, Object.entries(e.spacing).forEach(([a, l]) => {
+    t += `        "${a}": "${l}",
 `;
-  }), e += `      },
-`), s.borderRadius && (e += `      borderRadius: {
-`, Object.entries(s.borderRadius).forEach(([o, l]) => {
-    e += `        "${o === "DEFAULT" ? "DEFAULT" : o}": "${l}",
+  }), t += `      },
+`), e.borderRadius && (t += `      borderRadius: {
+`, Object.entries(e.borderRadius).forEach(([a, l]) => {
+    t += `        "${a === "DEFAULT" ? "DEFAULT" : a}": "${l}",
 `;
-  }), e += `      },
-`), s.shadows && (e += `      boxShadow: {
-`, Object.entries(s.shadows).forEach(([o, l]) => {
-    e += `        "${o === "DEFAULT" ? "DEFAULT" : o}": "${l}",
+  }), t += `      },
+`), e.shadows && (t += `      boxShadow: {
+`, Object.entries(e.shadows).forEach(([a, l]) => {
+    t += `        "${a === "DEFAULT" ? "DEFAULT" : a}": "${l}",
 `;
-  }), e += `      },
-`), s.typography && (s.typography.fontFamily && (e += `      fontFamily: {
-`, Object.entries(s.typography.fontFamily).forEach(([o, l]) => {
-    e += `        "${o}": [${l.map((r) => `"${r}"`).join(", ")}],
+  }), t += `      },
+`), e.typography && (e.typography.fontFamily && (t += `      fontFamily: {
+`, Object.entries(e.typography.fontFamily).forEach(([a, l]) => {
+    t += `        "${a}": [${l.map((d) => `"${d}"`).join(", ")}],
 `;
-  }), e += `      },
-`), s.typography.fontSize && (e += `      fontSize: {
-`, Object.entries(s.typography.fontSize).forEach(([o, l]) => {
-    e += `        "${o}": "${l}",
+  }), t += `      },
+`), e.typography.fontSize && (t += `      fontSize: {
+`, Object.entries(e.typography.fontSize).forEach(([a, l]) => {
+    t += `        "${a}": "${l}",
 `;
-  }), e += `      },
-`)), e += `    },
-`, e += `  },
-`, e += `};
-`, e;
+  }), t += `      },
+`)), t += `    },
+`, t += `  },
+`, t += `};
+`, t;
 }
-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 Ht(e) {
+  if (typeof e != "string") return null;
+  let t = e.trim();
+  if (!t.startsWith("#") || (t = t.slice(1), t.length === 3 && (t = t.split("").map((u) => u + u).join("")), t.length !== 6)) return null;
+  const a = parseInt(t.slice(0, 2), 16), l = parseInt(t.slice(2, 4), 16), d = parseInt(t.slice(4, 6), 16);
+  return Number.isNaN(a) || Number.isNaN(l) || Number.isNaN(d) ? null : `${a} ${l} ${d}`;
 }
-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({
+const Gt = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, Kt = { class: "sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4" }, Wt = { class: "sl-bg-gradient-to-r sl-from-gray-900 sl-to-gray-800 sl-px-6 sl-py-4" }, Yt = { class: "sl-flex sl-items-center sl-justify-between" }, Xt = { class: "sl-flex sl-items-center sl-gap-3" }, qt = { class: "sl-p-6 sl-space-y-6" }, Jt = { class: "sl-flex sl-items-center sl-gap-4" }, Zt = { class: "sl-relative" }, Qt = { class: "sl-flex-1" }, es = { class: "sl-grid sl-grid-cols-2 sl-gap-2" }, ts = ["onClick"], ss = { class: "sl-min-w-0" }, ls = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-truncate" }, as = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, os = { 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" }, rs = { class: "sl-flex sl-flex-wrap sl-gap-2" }, ns = { class: "sl-flex sl-flex-wrap sl-gap-2" }, is = { class: "sl-flex sl-items-center sl-gap-4" }, ds = { class: "sl-flex sl-items-center sl-gap-3" }, cs = { 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" }, ms = { class: "sl-flex sl-items-center sl-justify-between" }, fs = { class: "sl-flex sl-gap-3" }, ps = /* @__PURE__ */ F({
   __name: "ThemeDebugModal",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: e }) {
-    const o = e, { currentPrimaryColor: l, applyTheme: r, resetTheme: d } = fe(), a = F(l.value);
-    ee(l, (T) => {
-      a.value = T;
+  setup(e, { emit: t }) {
+    const a = t, { currentPrimaryColor: l, applyTheme: d, resetTheme: u } = Ee(), n = K(l.value);
+    de(l, (h) => {
+      n.value = h;
     });
-    const n = () => {
-      r(a.value);
-    }, S = (T) => {
-      a.value = T, r(T);
-    }, I = () => {
-      d(), a.value = "#3e4b9a";
-    }, A = () => {
-      o("update:modelValue", !1);
-    }, K = () => {
-      r(a.value), o("update:modelValue", !1);
+    const o = () => {
+      d(n.value);
+    }, g = (h) => {
+      n.value = h, d(h);
+    }, y = () => {
+      u(), n.value = "#3e4b9a";
+    }, v = () => {
+      a("update:modelValue", !1);
+    }, z = () => {
+      d(n.value), a("update:modelValue", !1);
     };
-    return (T, m) => (c(), U(x(Q), {
+    return (h, r) => (i(), D(_(fe), {
       as: "template",
-      show: s.modelValue
+      show: e.modelValue
     }, {
-      default: k(() => [
-        y(x(He), {
+      default: T(() => [
+        C(_(kt), {
           as: "div",
           class: "sl-relative sl-z-[100]",
-          onClose: A
+          onClose: v
         }, {
-          default: k(() => [
-            y(x(ie), {
+          default: T(() => [
+            C(_(Se), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -465,14 +469,14 @@ const xs = { 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: 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)
+              default: T(() => [...r[2] || (r[2] = [
+                s("div", { class: "sl-fixed sl-inset-0 sl-bg-gray-900/60 sl-backdrop-blur-sm sl-transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            t("div", xs, [
-              t("div", vs, [
-                y(x(ie), {
+            s("div", Gt, [
+              s("div", Kt, [
+                C(_(Se), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -481,188 +485,188 @@ const xs = { 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: 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", {
+                  default: T(() => [
+                    C(_(wt), { 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: T(() => [
+                        s("div", Wt, [
+                          s("div", Yt, [
+                            s("div", Xt, [
+                              s("div", {
                                 class: "sl-flex sl-h-10 sl-w-10 sl-items-center sl-justify-center sl-rounded-lg",
-                                style: z({ backgroundColor: a.value })
+                                style: O({ backgroundColor: n.value })
                               }, [
-                                y(x(es), { class: "sl-h-5 sl-w-5 sl-text-white" })
+                                C(_(ct), { class: "sl-h-5 sl-w-5 sl-text-white" })
                               ], 4),
-                              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)
+                              s("div", null, [
+                                C(_(Ct), { class: "sl-text-lg sl-font-semibold sl-text-white" }, {
+                                  default: T(() => [...r[3] || (r[3] = [
+                                    j(" Theme Customizer ", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                m[4] || (m[4] = t("p", { class: "sl-text-xs sl-text-gray-400" }, "Preview how components adapt to different colors", -1))
+                                r[4] || (r[4] = s("p", { class: "sl-text-xs sl-text-gray-400" }, "Preview how components adapt to different colors", -1))
                               ])
                             ]),
-                            t("button", {
-                              onClick: A,
+                            s("button", {
+                              onClick: v,
                               class: "sl-rounded-lg sl-p-2 sl-text-gray-400 hover:sl-bg-gray-700 hover:sl-text-white sl-transition-colors"
                             }, [
-                              y(x(ss), { class: "sl-h-5 sl-w-5" })
+                              C(_(ut), { class: "sl-h-5 sl-w-5" })
                             ])
                           ])
                         ]),
-                        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", {
+                        s("div", qt, [
+                          s("div", null, [
+                            r[5] || (r[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", Jt, [
+                              s("div", Zt, [
+                                me(s("input", {
                                   type: "color",
-                                  "onUpdate:modelValue": m[0] || (m[0] = ($) => a.value = $),
-                                  onInput: n,
+                                  "onUpdate:modelValue": r[0] || (r[0] = (c) => n.value = c),
+                                  onInput: o,
                                   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), [
-                                  [ae, a.value]
+                                  [ve, n.value]
                                 ])
                               ]),
-                              t("div", _s, [
-                                Y(t("input", {
+                              s("div", Qt, [
+                                me(s("input", {
                                   type: "text",
-                                  "onUpdate:modelValue": m[1] || (m[1] = ($) => a.value = $),
-                                  onInput: n,
+                                  "onUpdate:modelValue": r[1] || (r[1] = (c) => n.value = c),
+                                  onInput: o,
                                   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), [
-                                  [ae, a.value]
+                                  [ve, n.value]
                                 ])
                               ])
                             ])
                           ]),
-                          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", null, [
+                            r[6] || (r[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", es, [
+                              (i(!0), m(G, null, Y(_(et), (c) => (i(), m("button", {
+                                key: c.name,
+                                onClick: (p) => g(c.color),
+                                class: E(["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": n.value.toLowerCase() === c.color.toLowerCase() }]),
+                                style: O(n.value.toLowerCase() === c.color.toLowerCase() ? { "--tw-ring-color": c.color } : {})
                               }, [
-                                t("div", {
+                                s("div", {
                                   class: "sl-h-8 sl-w-8 sl-rounded-lg sl-shadow-sm sl-flex-shrink-0",
-                                  style: z({ backgroundColor: $.color })
+                                  style: O({ backgroundColor: c.color })
                                 }, null, 4),
-                                t("div", As, [
-                                  t("p", Ms, w($.name), 1),
-                                  t("p", zs, w($.description), 1)
+                                s("div", ss, [
+                                  s("p", ls, w(c.name), 1),
+                                  s("p", as, w(c.description), 1)
                                 ])
-                              ], 14, Is))), 128))
+                              ], 14, ts))), 128))
                             ])
                           ]),
-                          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, {
+                          s("div", null, [
+                            r[15] || (r[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", os, [
+                              s("div", rs, [
+                                C(oe, {
                                   theme: "primary",
                                   size: "sm"
                                 }, {
-                                  default: k(() => [...m[7] || (m[7] = [
-                                    E("Primary", -1)
+                                  default: T(() => [...r[7] || (r[7] = [
+                                    j("Primary", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                y(Z, {
+                                C(oe, {
                                   theme: "primary",
                                   size: "sm",
                                   outlined: ""
                                 }, {
-                                  default: k(() => [...m[8] || (m[8] = [
-                                    E("Outlined", -1)
+                                  default: T(() => [...r[8] || (r[8] = [
+                                    j("Outlined", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                y(Z, {
+                                C(oe, {
                                   theme: "secondary",
                                   size: "sm"
                                 }, {
-                                  default: k(() => [...m[9] || (m[9] = [
-                                    E("Secondary", -1)
+                                  default: T(() => [...r[9] || (r[9] = [
+                                    j("Secondary", -1)
                                   ])]),
                                   _: 1
                                 })
                               ]),
-                              t("div", Ps, [
-                                y(X, { theme: "primary" }, {
-                                  default: k(() => [...m[10] || (m[10] = [
-                                    E("Primary Badge", -1)
+                              s("div", ns, [
+                                C(ue, { theme: "primary" }, {
+                                  default: T(() => [...r[10] || (r[10] = [
+                                    j("Primary Badge", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                y(X, { theme: "success" }, {
-                                  default: k(() => [...m[11] || (m[11] = [
-                                    E("Success", -1)
+                                C(ue, { theme: "success" }, {
+                                  default: T(() => [...r[11] || (r[11] = [
+                                    j("Success", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                y(X, { theme: "warning" }, {
-                                  default: k(() => [...m[12] || (m[12] = [
-                                    E("Warning", -1)
+                                C(ue, { theme: "warning" }, {
+                                  default: T(() => [...r[12] || (r[12] = [
+                                    j("Warning", -1)
                                   ])]),
                                   _: 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", is, [
+                                C(st, { size: "sm" }),
+                                r[13] || (r[13] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Loading indicator", -1))
                               ]),
-                              t("div", Fs, [
-                                y(je, {
+                              s("div", ds, [
+                                C(tt, {
                                   name: "Theme Test",
                                   size: "md"
                                 }),
-                                m[14] || (m[14] = t("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Avatar with initials", -1))
+                                r[14] || (r[14] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Avatar with initials", -1))
                               ])
                             ])
                           ]),
-                          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: $,
+                          s("div", null, [
+                            r[16] || (r[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", cs, [
+                              (i(), m(G, null, Y([50, 100, 200, 300, 400, 500, 600, 700, 800, 900], (c) => s("div", {
+                                key: c,
                                 class: "sl-flex-1 sl-h-8 sl-relative sl-group",
-                                style: z({ backgroundColor: `rgb(var(--sl-color-primary-${$}-rgb, 128 128 128))` })
+                                style: O({ backgroundColor: `rgb(var(--sl-color-primary-${c}-rgb, 128 128 128))` })
                               }, [
-                                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)
+                                s("span", {
+                                  class: E(["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", c < 500 ? "sl-text-gray-700" : "sl-text-white"])
+                                }, w(c), 3)
                               ], 4)), 64))
                             ])
                           ])
                         ]),
-                        t("div", Us, [
-                          t("div", Vs, [
-                            t("button", {
-                              onClick: I,
+                        s("div", us, [
+                          s("div", ms, [
+                            s("button", {
+                              onClick: y,
                               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 "),
-                            t("div", js, [
-                              y(Z, {
+                            s("div", fs, [
+                              C(oe, {
                                 theme: "secondary",
                                 size: "sm",
-                                onButtonClick: A
+                                onButtonClick: v
                               }, {
-                                default: k(() => [...m[17] || (m[17] = [
-                                  E(" Close ", -1)
+                                default: T(() => [...r[17] || (r[17] = [
+                                  j(" Close ", -1)
                                 ])]),
                                 _: 1
                               }),
-                              y(Z, {
+                              C(oe, {
                                 theme: "primary",
                                 size: "sm",
-                                onButtonClick: K
+                                onButtonClick: z
                               }, {
-                                default: k(() => [...m[18] || (m[18] = [
-                                  E(" Apply Theme ", -1)
+                                default: T(() => [...r[18] || (r[18] = [
+                                  j(" Apply Theme ", -1)
                                 ])]),
                                 _: 1
                               })
@@ -684,13 +688,13 @@ const xs = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}), jl = /* @__PURE__ */ se(Os, [["__scopeId", "data-v-c9b3cc37"]]), Ns = {
+}), ar = /* @__PURE__ */ Z(ps, [["__scopeId", "data-v-c9b3cc37"]]), gs = {
   viewBox: "0 0 36 36",
   class: "sl-transform -sl-rotate-90 sl-w-full sl-h-full"
-}, Rs = ["stroke-width"], Gs = ["stroke", "stroke-dasharray", "stroke-width"], Ks = {
+}, ys = ["stroke-width"], hs = ["stroke", "stroke-dasharray", "stroke-width"], xs = {
   key: 0,
   class: "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center"
-}, Ol = /* @__PURE__ */ D({
+}, or = /* @__PURE__ */ F({
   __name: "UiRadialProgressBar",
   props: {
     value: { default: 0 },
@@ -700,11 +704,11 @@ const xs = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     color: { default: "primary" },
     trackWidth: { default: 3.8 }
   },
-  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 = C(() => ({
+  setup(e) {
+    const t = e, a = b(() => Math.min(100, Math.max(0, t.value))), l = b(() => ({
+      width: `${t.size}px`,
+      height: `${t.size}px`
+    })), d = b(() => ({
       primary: "var(--sl-color-primary-600, #3e4b9a)",
       success: "#22c55e",
       // green-500
@@ -712,238 +716,879 @@ const xs = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       // yellow-500
       danger: "#ef4444"
       // red-500
-    })[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", {
+    })[t.color]), u = b(() => t.size < 48 ? "sl-text-xs sl-font-medium sl-text-slate-700 dark:sl-text-slate-300" : t.size < 80 ? "sl-text-sm sl-font-semibold sl-text-slate-700 dark:sl-text-slate-300" : t.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 (n, o) => (i(), m("div", {
       class: "sl-relative sl-inline-flex",
-      style: z(l.value)
+      style: O(l.value)
     }, [
-      (c(), f("svg", Ns, [
-        t("path", {
+      (i(), m("svg", gs, [
+        s("path", {
           class: "sl-fill-none sl-stroke-gray-200 dark:sl-stroke-slate-600",
-          "stroke-width": s.trackWidth,
+          "stroke-width": e.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, Rs),
-        t("path", {
+        }, null, 8, ys),
+        s("path", {
           class: "sl-fill-none sl-transition-all sl-duration-500 sl-ease-out",
-          stroke: r.value,
+          stroke: d.value,
           "stroke-linecap": "round",
-          "stroke-dasharray": `${o.value}, 100`,
-          "stroke-width": s.trackWidth,
+          "stroke-dasharray": `${a.value}, 100`,
+          "stroke-width": e.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, Gs)
+        }, null, 8, hs)
       ])),
-      s.showLabel || s.label ? (c(), f("div", Ks, [
-        t("span", {
-          class: _(d.value)
-        }, w(s.label || `${o.value}%`), 3)
-      ])) : b("", !0)
+      e.showLabel || e.label ? (i(), m("div", xs, [
+        s("span", {
+          class: E(u.value)
+        }, w(e.label || `${a.value}%`), 3)
+      ])) : k("", !0)
     ], 4));
   }
+}), bs = { class: "sl-w-full" }, vs = { class: "sl-border-b sl-border-gray-200 dark:sl-border-gray-700 sl-py-5 sl-flex sl-justify-between" }, ks = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-gray-200" }, ws = {
+  key: 0,
+  class: "sl-text-xs sl-leading-6 sl-text-gray-500 dark:sl-text-gray-400"
+}, Cs = {
+  key: 0,
+  role: "list",
+  class: "sl-divide-y sl-divide-gray-100 dark:sl-divide-gray-700"
+}, $s = {
+  key: 0,
+  class: "sl-text-sm sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-gray-200"
+}, _s = ["tabindex", "onClick", "onKeydown"], Is = { class: "sl-col-span-12 sm:sl-col-span-7" }, Ss = { class: "sl-py-1 sl-text-sm sl-leading-5 sl-text-gray-700 dark:sl-text-gray-300" }, zs = { class: "sl-col-span-12 sm:sl-col-span-5 sl-flex sl-justify-end sl-items-center" }, Ts = {
+  key: 0,
+  class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400"
+}, Ls = {
+  key: 1,
+  class: "sl-relative sl-cursor-default sl-select-none sl-px-4 sl-py-8 sl-text-gray-500 dark:sl-text-gray-400 sl-text-sm sl-text-center"
+}, Ms = /* @__PURE__ */ F({
+  __name: "CollectionItemList",
+  props: {
+    items: { default: () => [] },
+    selected: {},
+    canEdit: { type: Boolean, default: !1 },
+    groupBy: {},
+    title: { default: "Items" },
+    emptyMessage: { default: "No items found." },
+    primaryField: { default: "name" },
+    secondaryField: {},
+    displayFields: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: t }) {
+    const a = e, l = t, d = b(() => a.items && a.items.length > 0), u = b(() => {
+      if (!a.items) return {};
+      if (!a.groupBy)
+        return { "": a.items };
+      const h = {};
+      return a.items.forEach((r) => {
+        const c = n(r, a.groupBy), p = o(c);
+        h[p] || (h[p] = []), h[p].push(r);
+      }), h;
+    }), n = (h, r) => r.split(".").reduce((c, p) => {
+      if (c && typeof c == "object")
+        return c[p];
+    }, h), o = (h) => h == null ? "Other" : typeof h == "object" && h !== null && "name" in h ? h.name : String(h), g = (h) => {
+      if (a.primaryField) {
+        const r = n(h, a.primaryField);
+        return typeof r == "object" && r !== null && "name" in r ? r.name : r ? String(r) : "";
+      }
+      return h.id;
+    }, y = (h) => {
+      if (!a.secondaryField) return "";
+      const r = n(h, a.secondaryField);
+      return typeof r == "object" && r !== null && "name" in r ? r.name : r ? String(r) : "";
+    }, v = (h) => a.selected ? h.id === a.selected.id : !1, z = (h) => {
+      a.canEdit && l("select", h);
+    };
+    return (h, r) => (i(), m("div", bs, [
+      s("div", vs, [
+        s("h3", ks, w(e.title), 1),
+        e.canEdit ? (i(), m("p", ws, " Select an item to edit ")) : k("", !0)
+      ]),
+      d.value ? (i(), m("ul", Cs, [
+        (i(!0), m(G, null, Y(u.value, (c, p) => (i(), m("li", {
+          key: String(p),
+          class: "sl-gap-x-6 sl-py-5 sl-items-center sl-space-y-3"
+        }, [
+          e.groupBy ? (i(), m("p", $s, w(o(p)), 1)) : k("", !0),
+          (i(!0), m(G, null, Y(c, ($, f) => (i(), m("div", {
+            key: $.id || f,
+            class: E([
+              "sl-grid sl-grid-cols-12 sl-gap-x-4 sl-p-2 sl-rounded-md sl-transition-all",
+              e.canEdit && "hover:sl-ring-1 hover:sl-ring-primary-500 hover:sl-ring-offset-2 sl-cursor-pointer",
+              v($) && "sl-ring-1 sl-ring-primary-600 sl-ring-offset-2 sl-bg-white dark:sl-bg-gray-800"
+            ]),
+            role: "button",
+            tabindex: e.canEdit ? 0 : -1,
+            onClick: (x) => z($),
+            onKeydown: [
+              ke((x) => z($), ["enter"]),
+              ke(Te((x) => z($), ["prevent"]), ["space"])
+            ]
+          }, [
+            s("div", Is, [
+              M(h.$slots, "item-content", { item: $ }, () => [
+                s("p", Ss, w(g($)), 1)
+              ])
+            ]),
+            s("div", zs, [
+              M(h.$slots, "item-secondary", { item: $ }, () => [
+                y($) ? (i(), m("span", Ts, w(y($)), 1)) : k("", !0)
+              ])
+            ])
+          ], 42, _s))), 128))
+        ]))), 128))
+      ])) : (i(), m("div", Ls, [
+        M(h.$slots, "empty", {}, () => [
+          j(w(e.emptyMessage), 1)
+        ])
+      ]))
+    ]));
+  }
+}), Ps = { class: "sl-collection-editor sl-flex sl-flex-row sl-flex-wrap sl--mx-3" }, Es = { class: "sl-w-full sm:sl-w-1/2 sl-px-3 sl-flex sl-flex-col" }, As = { class: "sl-mb-4 sl-flex sl-justify-between sl-items-center" }, Ds = { class: "sl-flex sl-gap-2" }, Fs = {
+  key: 0,
+  class: "sl-text-xs sl-uppercase sl-text-gray-500 dark:sl-text-gray-400 sl-truncate sl-text-right sl-font-semibold"
+}, Ns = { class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700 sl-pt-4" }, Us = { class: "sl-w-full sm:sl-w-1/2 sl-px-3" }, Vs = /* @__PURE__ */ F({
+  __name: "CollectionEditor",
+  props: {
+    name: {},
+    modelValue: { default: () => [] },
+    schema: {},
+    emptyFormValues: {},
+    label: {},
+    title: { default: "Items" },
+    groupBy: {},
+    primaryField: {},
+    secondaryField: {},
+    emptyMessage: { default: 'No items found. Click "Add" to create one.' },
+    deleteConfirmTitle: { default: "Delete Item" },
+    deleteConfirmMessage: { default: "Are you sure you want to delete this item? This action cannot be undone." },
+    explodeItem: { type: Function, default: (e) => e },
+    implodeItem: { type: Function, default: (e) => e }
+  },
+  emits: ["update:modelValue", "item-added", "item-updated", "item-deleted", "item-selected", "update:form", "update:validity"],
+  setup(e, { expose: t, emit: a }) {
+    const l = e, d = a, u = (N, ...A) => {
+      d(N, ...A);
+    }, {
+      items: n,
+      activeItem: o,
+      formValues: g,
+      formRef: y,
+      buttonAttributes: v,
+      showDeleteConfirm: z,
+      selectItem: h,
+      handleButtonClick: r,
+      handleFormSubmit: c,
+      handleFormUpdate: p,
+      confirmDelete: $,
+      cancelDelete: f
+    } = Qe(
+      {
+        initialItems: l.modelValue,
+        emptyFormValues: l.emptyFormValues,
+        explodeItem: l.explodeItem,
+        implodeItem: l.implodeItem
+      },
+      u
+    );
+    de(
+      () => l.modelValue,
+      (N) => {
+        N && JSON.stringify(N) !== JSON.stringify(n.value) && (n.value = N.map((A) => l.explodeItem(A)));
+      },
+      { deep: !0 }
+    );
+    const x = b(() => n.value), P = (N) => {
+      r(N);
+    }, B = (N) => {
+      c(N);
+    }, H = (N) => {
+      p(N), d("update:form", N);
+    }, ae = () => {
+      $();
+    };
+    return t({
+      getItems: () => n.value.map((N) => l.implodeItem(N)),
+      resetForm: () => {
+        g.value = { ...l.emptyFormValues }, o.value = null;
+      }
+    }), (N, A) => (i(), m("div", Ps, [
+      s("div", Es, [
+        s("div", As, [
+          s("span", Ds, [
+            C(lt, {
+              onButtonClicked: P,
+              "button-attributes": _(v)
+            }, null, 8, ["button-attributes"])
+          ]),
+          e.label ? (i(), m("span", Fs, w(e.label), 1)) : k("", !0)
+        ]),
+        s("div", Ns, [
+          (i(), D(at, {
+            ref_key: "formRef",
+            ref: y,
+            schema: e.schema,
+            "form-values": _(g),
+            "form-name": e.name,
+            "box-shadow": !1,
+            key: _(g).id,
+            onSubmitForm: B,
+            "onUpdate:form": H
+          }, null, 8, ["schema", "form-values", "form-name"]))
+        ])
+      ]),
+      s("div", Us, [
+        M(N.$slots, "list", {
+          items: x.value,
+          selected: _(o),
+          onSelect: _(h)
+        }, () => [
+          C(Ms, {
+            items: x.value,
+            selected: _(o),
+            "can-edit": !0,
+            title: e.title,
+            "group-by": e.groupBy,
+            "primary-field": e.primaryField,
+            "secondary-field": e.secondaryField,
+            "empty-message": e.emptyMessage,
+            onSelect: _(h)
+          }, {
+            "item-content": T(({ item: U }) => [
+              M(N.$slots, "item-content", { item: U }, void 0, !0)
+            ]),
+            "item-secondary": T(({ item: U }) => [
+              M(N.$slots, "item-secondary", { item: U }, void 0, !0)
+            ]),
+            empty: T(() => [
+              M(N.$slots, "empty", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["items", "selected", "title", "group-by", "primary-field", "secondary-field", "empty-message", "onSelect"])
+        ], !0)
+      ]),
+      _(z) ? (i(), D(ot, {
+        key: 0,
+        title: e.deleteConfirmTitle,
+        description: e.deleteConfirmMessage,
+        action: "Delete",
+        onActionClicked: ae,
+        onClose: _(f)
+      }, null, 8, ["title", "description", "onClose"])) : k("", !0)
+    ]));
+  }
+}), he = /* @__PURE__ */ Z(Vs, [["__scopeId", "data-v-64df06ec"]]), Bs = { class: "sl-py-1 sl-text-sm sl-leading-5 sl-text-gray-600 dark:sl-text-gray-300" }, js = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400" }, rr = /* @__PURE__ */ F({
+  __name: "OrganizationsEditor",
+  props: {
+    name: {},
+    modelValue: { default: () => [] },
+    organizations: { default: () => [] },
+    positions: { default: () => [] },
+    label: {}
+  },
+  emits: ["update:modelValue", "item-added", "item-updated", "item-deleted"],
+  setup(e, { emit: t }) {
+    const a = e, l = t, d = {
+      id: ye(),
+      organization: null,
+      position: null,
+      position_prefix: "",
+      position_suffix: "",
+      start_date: null,
+      end_date: null,
+      status: "new"
+    }, u = b(() => ({
+      fields: [
+        {
+          name: "organization",
+          label: "Organization",
+          as: "ComboboxInput",
+          type: "autocomplete",
+          items: a.organizations,
+          itemKey: "id",
+          itemText: "name",
+          hideLabel: !0,
+          innerLabel: "Organization",
+          tertiaryLabel: "Required"
+        },
+        {
+          name: "position_prefix",
+          label: "Prefix",
+          as: "TextInput",
+          type: "text",
+          hideLabel: !0,
+          innerLabel: "Prefix",
+          placeholder: "e.g., Vice"
+        },
+        {
+          name: "position",
+          label: "Position",
+          as: "ComboboxInput",
+          type: "autocomplete",
+          items: a.positions,
+          itemKey: "id",
+          itemText: "name",
+          hideLabel: !0,
+          innerLabel: "Position",
+          tertiaryLabel: "Required"
+        },
+        {
+          name: "position_suffix",
+          label: "Suffix",
+          as: "TextInput",
+          type: "text",
+          hideLabel: !0,
+          innerLabel: "Suffix",
+          placeholder: "e.g., Emeritus"
+        },
+        {
+          name: "start_date",
+          label: "Start Date",
+          as: "DatepickerInput",
+          type: "datepicker",
+          monthPicker: !0,
+          hideLabel: !0,
+          innerLabel: "Start Date"
+        },
+        {
+          name: "end_date",
+          label: "End Date",
+          as: "DatepickerInput",
+          type: "datepicker",
+          monthPicker: !0,
+          hideLabel: !0,
+          innerLabel: "End Date"
+        }
+      ]
+    })), n = (r, c) => c ? r.find((p) => p.name === c) || { id: c, name: c } : null, o = (r) => {
+      const c = typeof r.organization == "object" && r.organization?.name ? r.organization.name : r.organization, p = typeof r.position == "object" && r.position?.name ? r.position.name : r.position;
+      return {
+        ...r,
+        organization: n(a.organizations, c) || r.organization,
+        position: n(a.positions, p) || r.position
+      };
+    }, g = (r) => ({
+      ...r,
+      organization: typeof r.organization == "object" && r.organization?.name ? r.organization.name : r.organization,
+      position: typeof r.position == "object" && r.position?.name ? r.position.name : r.position
+    }), y = (r) => {
+      const c = [];
+      if (r.position_prefix && c.push(r.position_prefix), r.position) {
+        const p = typeof r.position == "object" && r.position?.name ? r.position.name : r.position;
+        p && c.push(p);
+      }
+      return r.position_suffix && c.push(r.position_suffix), c.join(" ") || "No position";
+    }, v = (r) => {
+      if (!r) return null;
+      if (r instanceof Date) return J(r) ? r : null;
+      if (typeof r == "string") {
+        const c = re(r);
+        return J(c) ? c : null;
+      }
+      return null;
+    }, z = (r, c) => {
+      const p = v(r), $ = v(c), f = [];
+      if (p && f.push(q(p, "MMM yyyy")), f.push("–"), $ ? f.push(q($, "MMM yyyy")) : f.push("Present"), p) {
+        const x = $ || /* @__PURE__ */ new Date(), P = ce(x, p), B = Ae(x, p) % 12, H = [];
+        P > 0 && H.push(`${P}y`), (B > 0 || P === 0) && H.push(`${B || 1}mo`), H.length > 0 && f.push("•", H.join(" "));
+      }
+      return f.join(" ");
+    }, h = (r) => {
+      l("update:modelValue", r);
+    };
+    return (r, c) => (i(), D(he, {
+      name: e.name,
+      "model-value": e.modelValue,
+      schema: u.value,
+      "empty-form-values": d,
+      label: e.label,
+      title: "Organizations",
+      "group-by": "organization",
+      "primary-field": "position",
+      "explode-item": o,
+      "implode-item": g,
+      "delete-confirm-title": "Remove Position",
+      "delete-confirm-message": "Are you sure you want to remove this position? You will need to save your changes for this to take effect.",
+      "empty-message": "No organizations found. Click 'Add' to create one.",
+      "onUpdate:modelValue": h,
+      onItemAdded: c[0] || (c[0] = (p) => l("item-added", p)),
+      onItemUpdated: c[1] || (c[1] = (p) => l("item-updated", p)),
+      onItemDeleted: c[2] || (c[2] = (p) => l("item-deleted", p))
+    }, {
+      "item-content": T(({ item: p }) => [
+        s("p", Bs, w(y(p)), 1)
+      ]),
+      "item-secondary": T(({ item: p }) => [
+        s("span", js, w(z(p.start_date, p.end_date)), 1)
+      ]),
+      _: 1
+    }, 8, ["name", "model-value", "schema", "label"]));
+  }
+}), Os = { class: "sl-flex sl-items-center sl-gap-3" }, Rs = { class: "sl-w-8 sl-h-8 sl-rounded-full sl-flex sl-items-center sl-justify-center sl-bg-primary-100 dark:sl-bg-primary-900/50 sl-text-primary-600 dark:sl-text-primary-400 sl-text-xs sl-font-semibold sl-flex-shrink-0" }, Hs = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, Gs = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400" }, Ks = {
+  key: 0,
+  class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400"
+}, nr = /* @__PURE__ */ F({
+  __name: "RelatedNamesEditor",
+  props: {
+    name: {},
+    modelValue: { default: () => [] },
+    labels: { default: () => [
+      { id: "spouse", name: "Spouse" },
+      { id: "child", name: "Child" },
+      { id: "parent", name: "Parent" },
+      { id: "sibling", name: "Sibling" },
+      { id: "partner", name: "Partner" },
+      { id: "friend", name: "Friend" },
+      { id: "other", name: "Other" }
+    ] },
+    label: {}
+  },
+  emits: ["update:modelValue", "item-added", "item-updated", "item-deleted"],
+  setup(e, { emit: t }) {
+    const a = e, l = t, d = {
+      id: ye(),
+      first_name: "",
+      last_name: "",
+      label: null,
+      birthday: null,
+      status: "new"
+    }, u = b(() => ({
+      fields: [
+        {
+          name: "first_name",
+          label: "First Name",
+          as: "TextInput",
+          type: "text",
+          hideLabel: !0,
+          innerLabel: "First Name",
+          tertiaryLabel: "Required"
+        },
+        {
+          name: "last_name",
+          label: "Last Name",
+          as: "TextInput",
+          type: "text",
+          hideLabel: !0,
+          innerLabel: "Last Name"
+        },
+        {
+          name: "label",
+          label: "Relationship",
+          as: "ComboboxInput",
+          type: "autocomplete",
+          items: a.labels,
+          itemKey: "id",
+          itemText: "name",
+          hideLabel: !0,
+          innerLabel: "Relationship",
+          tertiaryLabel: "Required"
+        },
+        {
+          name: "birthday",
+          label: "Birthday",
+          as: "DatepickerInput",
+          type: "datepicker",
+          hideLabel: !0,
+          innerLabel: "Birthday"
+        }
+      ]
+    })), n = (c, p) => p ? c.find(($) => $.name === p) || { id: p, name: p } : null, o = (c) => {
+      const p = typeof c.label == "object" && c.label?.name ? c.label.name : c.label;
+      return {
+        ...c,
+        label: n(a.labels, p) || c.label
+      };
+    }, g = (c) => ({
+      ...c,
+      label: typeof c.label == "object" && c.label?.name ? c.label.name : c.label
+    }), y = (c) => {
+      if (c.name) return c.name;
+      const p = [];
+      return c.first_name && p.push(c.first_name), c.last_name && p.push(c.last_name), p.join(" ") || "Unknown";
+    }, v = (c) => {
+      const p = y(c), $ = p.split(" ").filter(Boolean);
+      return $.length >= 2 ? `${$[0][0]}${$[$.length - 1][0]}`.toUpperCase() : p.substring(0, 2).toUpperCase();
+    }, z = (c) => c.label ? typeof c.label == "string" ? c.label : c.label.name || "" : c.relationship || "", h = (c) => {
+      if (!c) return "";
+      let p;
+      if (typeof c == "string" ? p = re(c) : p = c, !J(p)) return "";
+      const $ = ce(/* @__PURE__ */ new Date(), p);
+      return `${q(p, "MMM d")} (${$}y)`;
+    }, r = (c) => {
+      l("update:modelValue", c);
+    };
+    return (c, p) => (i(), D(he, {
+      name: e.name,
+      "model-value": e.modelValue,
+      schema: u.value,
+      "empty-form-values": d,
+      label: e.label,
+      title: "Related Names",
+      "primary-field": "name",
+      "secondary-field": "label",
+      "explode-item": o,
+      "implode-item": g,
+      "delete-confirm-title": "Remove Related Name",
+      "delete-confirm-message": "Are you sure you want to remove this related name? You will need to save your changes for this to take effect.",
+      "empty-message": "No related names found. Click 'Add' to create one.",
+      "onUpdate:modelValue": r,
+      onItemAdded: p[0] || (p[0] = ($) => l("item-added", $)),
+      onItemUpdated: p[1] || (p[1] = ($) => l("item-updated", $)),
+      onItemDeleted: p[2] || (p[2] = ($) => l("item-deleted", $))
+    }, {
+      "item-content": T(({ item: $ }) => [
+        s("div", Os, [
+          s("div", Rs, w(v($)), 1),
+          s("div", null, [
+            s("p", Hs, w(y($)), 1),
+            s("p", Gs, w(z($)), 1)
+          ])
+        ])
+      ]),
+      "item-secondary": T(({ item: $ }) => [
+        $.birthday ? (i(), m("span", Ks, w(h($.birthday)), 1)) : k("", !0)
+      ]),
+      _: 1
+    }, 8, ["name", "model-value", "schema", "label"]));
+  }
+}), Ws = { class: "sl-flex sl-items-center sl-gap-3" }, Ys = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, Xs = {
+  key: 0,
+  class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400"
+}, qs = ["href"], ir = /* @__PURE__ */ F({
+  __name: "SocialLinksEditor",
+  props: {
+    name: {},
+    modelValue: { default: () => [] },
+    platforms: { default: () => [
+      { id: "linkedin", name: "LinkedIn" },
+      { id: "twitter", name: "Twitter/X" },
+      { id: "facebook", name: "Facebook" },
+      { id: "instagram", name: "Instagram" },
+      { id: "youtube", name: "YouTube" },
+      { id: "tiktok", name: "TikTok" },
+      { id: "github", name: "GitHub" },
+      { id: "website", name: "Website" }
+    ] },
+    label: {}
+  },
+  emits: ["update:modelValue", "item-added", "item-updated", "item-deleted"],
+  setup(e, { emit: t }) {
+    const a = (A) => () => ne("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [ne("path", { d: A })]), l = a("M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"), d = a("M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"), u = a("M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"), n = a("M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"), o = a("M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"), g = a("M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"), y = a("M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"), v = a("M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"), z = {
+      linkedin: l,
+      twitter: d,
+      x: d,
+      facebook: u,
+      instagram: n,
+      youtube: o,
+      tiktok: g,
+      github: y,
+      website: v
+    }, h = {
+      linkedin: "sl-text-[#0A66C2]",
+      twitter: "sl-text-gray-900 dark:sl-text-gray-100",
+      x: "sl-text-gray-900 dark:sl-text-gray-100",
+      facebook: "sl-text-[#1877F2]",
+      instagram: "sl-text-[#E4405F]",
+      youtube: "sl-text-[#FF0000]",
+      tiktok: "sl-text-gray-900 dark:sl-text-gray-100",
+      github: "sl-text-gray-900 dark:sl-text-gray-100"
+    }, r = e, c = t, p = {
+      id: ye(),
+      platform: "",
+      handle: "",
+      url: "",
+      status: "new"
+    }, $ = b(() => ({
+      fields: [
+        {
+          name: "platform",
+          label: "Platform",
+          as: "SelectInput",
+          type: "select",
+          items: r.platforms,
+          itemKey: "id",
+          itemText: "name",
+          hideLabel: !0,
+          innerLabel: "Platform",
+          tertiaryLabel: "Required"
+        },
+        {
+          name: "handle",
+          label: "Handle/Username",
+          as: "TextInput",
+          type: "text",
+          hideLabel: !0,
+          innerLabel: "Handle/Username",
+          placeholder: "@username"
+        },
+        {
+          name: "url",
+          label: "Profile URL",
+          as: "TextInput",
+          type: "url",
+          hideLabel: !0,
+          innerLabel: "Profile URL",
+          placeholder: "https://..."
+        }
+      ]
+    })), f = (A) => A, x = (A) => A, P = (A) => r.platforms.find((V) => V.id === A)?.name || A || "Unknown Platform", B = (A) => {
+      const U = A?.toLowerCase() || "website";
+      return z[U] || v;
+    }, H = (A) => {
+      const U = A?.toLowerCase() || "website";
+      return h[U] || "sl-text-gray-500";
+    }, ae = (A) => A ? A.startsWith("http://") || A.startsWith("https://") ? A : `https://${A}` : "#", N = (A) => {
+      c("update:modelValue", A);
+    };
+    return (A, U) => (i(), D(he, {
+      name: e.name,
+      "model-value": e.modelValue,
+      schema: $.value,
+      "empty-form-values": p,
+      label: e.label,
+      title: "Social Links",
+      "primary-field": "platform",
+      "secondary-field": "handle",
+      "explode-item": f,
+      "implode-item": x,
+      "delete-confirm-title": "Remove Social Link",
+      "delete-confirm-message": "Are you sure you want to remove this social link? You will need to save your changes for this to take effect.",
+      "empty-message": "No social links found. Click 'Add' to create one.",
+      "onUpdate:modelValue": N,
+      onItemAdded: U[1] || (U[1] = (V) => c("item-added", V)),
+      onItemUpdated: U[2] || (U[2] = (V) => c("item-updated", V)),
+      onItemDeleted: U[3] || (U[3] = (V) => c("item-deleted", V))
+    }, {
+      "item-content": T(({ item: V }) => [
+        s("div", Ws, [
+          (i(), D(ge(B(V.platform)), {
+            class: E(["sl-w-5 sl-h-5 sl-flex-shrink-0", H(V.platform)])
+          }, null, 8, ["class"])),
+          s("div", null, [
+            s("p", Ys, w(P(V.platform)), 1),
+            V.handle ? (i(), m("p", Xs, " @" + w(V.handle), 1)) : k("", !0)
+          ])
+        ])
+      ]),
+      "item-secondary": T(({ item: V }) => [
+        V.url ? (i(), m("a", {
+          key: 0,
+          href: ae(V.url),
+          target: "_blank",
+          rel: "noopener noreferrer",
+          class: "sl-text-xs sl-text-primary-600 dark:sl-text-primary-400 hover:sl-underline",
+          onClick: U[0] || (U[0] = Te(() => {
+          }, ["stop"]))
+        }, " View Profile ", 8, qs)) : k("", !0)
+      ]),
+      _: 1
+    }, 8, ["name", "model-value", "schema", "label"]));
+  }
 });
-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;
+let W = null, se = null, ie = null, ee = null, pe = !1;
+const te = /* @__PURE__ */ new Map(), Js = 1e3, Zs = 1e3 * 60 * 60 * 24;
+function Qs(e) {
+  W = e, pe = !1, ee = null, ie = null, se = null;
 }
-function Js() {
-  return P !== null && !!P.apiKey;
+function el() {
+  return W !== null && !!W.apiKey;
 }
-async function te() {
-  if (!q) {
-    if (O)
-      return O;
-    if (!P?.apiKey)
+async function xe() {
+  if (!pe) {
+    if (ee)
+      return ee;
+    if (!W?.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 () => {
+    return ee = (async () => {
       try {
-        await new us({
-          apiKey: P.apiKey,
-          version: P.version || "weekly",
+        await new Ft({
+          apiKey: W.apiKey,
+          version: W.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;
+          libraries: W.libraries || ["places", "maps", "geometry"]
+        }).load(), ie = await google.maps.importLibrary("places"), se = new google.maps.Geocoder(), pe = !0;
+      } catch (e) {
+        throw ee = null, console.error("[Geocoding] Error loading Google Maps API:", e), e;
       }
-    })(), O;
+    })(), ee;
   }
 }
-function ge(s) {
-  return s.trim().toLowerCase().replace(/\s+/g, " ");
+function Ue(e) {
+  return e.trim().toLowerCase().replace(/\s+/g, " ");
 }
-function ye(s) {
-  return typeof s == "string" ? `str:${ge(s)}` : `pid:${s.placeId}`;
+function Ve(e) {
+  return typeof e == "string" ? `str:${Ue(e)}` : `pid:${e.placeId}`;
 }
-function he(s) {
-  const e = N.get(s);
-  return e ? Date.now() - e.ts > Ws ? (N.delete(s), null) : e.result : null;
+function Be(e) {
+  const t = te.get(e);
+  return t ? Date.now() - t.ts > Zs ? (te.delete(e), null) : t.result : null;
 }
-function xe(s, e) {
+function je(e, t) {
   try {
-    if (N.size >= Hs) {
-      const o = N.keys().next().value;
-      o && N.delete(o);
+    if (te.size >= Js) {
+      const a = te.keys().next().value;
+      a && te.delete(a);
     }
-    N.set(s, { result: e, ts: Date.now() });
+    te.set(e, { result: t, 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,
+function Oe(e, t = 15, a = "200x200") {
+  if (!W?.apiKey) return "";
+  const l = W.staticMapsApiKey || W.apiKey, d = "https://maps.googleapis.com/maps/api/staticmap", u = new URLSearchParams({
+    center: `${e.lat},${e.lng}`,
+    zoom: t.toString(),
+    size: a,
     key: l,
-    markers: `color:red|${s.lat},${s.lng}`
+    markers: `color:red|${e.lat},${e.lng}`
   });
-  return `${r}?${d.toString()}`;
+  return `${d}?${u.toString()}`;
 }
-async function Xs(s) {
-  if (!s?.trim())
+async function tl(e) {
+  if (!e?.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) {
+  await xe();
+  const t = Ve({ placeId: e }), a = Be(t);
+  return a || new Promise((l) => {
+    if (!se) {
       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 = {
+    se.geocode({ placeId: e }, (d, u) => {
+      if (u === google.maps.GeocoderStatus.OK && d && d.length > 0) {
+        const n = d[0], o = n.geometry ? {
+          lat: n.geometry.location.lat(),
+          lng: n.geometry.location.lng()
+        } : void 0, g = {
           status: "OK",
           message: "Found address",
-          address_components: a.address_components || [],
-          location: n,
-          formatted_address: a.formatted_address || "",
-          thumbnailUrl: n ? ve(n) : void 0
+          address_components: n.address_components || [],
+          location: o,
+          formatted_address: n.formatted_address || "",
+          thumbnailUrl: o ? Oe(o) : void 0
         };
-        xe(e, S), l(S);
+        je(t, g), l(g);
       } else
         l({
-          status: d.toString(),
-          message: `Unable to geocode place: ${d}`
+          status: u.toString(),
+          message: `Unable to geocode place: ${u}`
         });
     });
   });
 }
-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;
+function sl(e) {
+  const t = Ue(e);
+  if (t.length < 10) return !1;
+  const a = /\d/.test(t), l = t.includes(","), d = /\b([A-Z]{2})\b/i.test(e), u = /\b\d{5}(?:-\d{4})?\b/.test(t);
+  return (l || d || u) && a;
 }
-async function Qs(s) {
-  if (!s?.trim())
+async function ll(e) {
+  if (!e?.trim())
     return {
       status: "INVALID_INPUT",
       message: "No address provided for geocoding."
     };
-  if (!Ys(s))
+  if (!sl(e))
     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) {
+  await xe();
+  const t = Ve(e), a = Be(t);
+  return a || new Promise((l) => {
+    if (!se) {
       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 = {
+    se.geocode({ address: e }, (d, u) => {
+      if (u === google.maps.GeocoderStatus.OK && d && d.length > 0) {
+        const n = d[0], o = n.geometry ? {
+          lat: n.geometry.location.lat(),
+          lng: n.geometry.location.lng()
+        } : void 0, g = {
           status: "OK",
           message: "Found address",
-          address_components: a.address_components || [],
-          location: n,
-          formatted_address: a.formatted_address || "",
-          thumbnailUrl: n ? ve(n) : void 0
+          address_components: n.address_components || [],
+          location: o,
+          formatted_address: n.formatted_address || "",
+          thumbnailUrl: o ? Oe(o) : void 0
         };
-        xe(e, S), l(S);
+        je(t, g), l(g);
       } else
         l({
-          status: d.toString(),
-          message: `Unable to geocode address: ${d}`
+          status: u.toString(),
+          message: `Unable to geocode address: ${u}`
         });
     });
   });
 }
-async function qs(s, e) {
-  if (!s?.trim())
+async function al(e, t) {
+  if (!e?.trim())
     return [];
-  if (await te(), !J)
+  if (await xe(), !ie)
     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;
+    const { AutocompleteSuggestion: a } = ie, l = {
+      input: e,
+      ...t?.includedPrimaryTypes && { includedPrimaryTypes: t.includedPrimaryTypes },
+      ...t?.includedRegionCodes && { includedRegionCodes: t.includedRegionCodes }
+    }, { suggestions: d } = await a.fetchAutocompleteSuggestions(l);
+    return d.filter(
+      (n) => n.placePrediction !== null
+    ).map((n) => {
+      const o = n.placePrediction;
       return {
-        placeId: n.placeId,
-        description: n.text.toString(),
-        mainText: n.mainText?.toString() || n.text.toString(),
-        secondaryText: n.secondaryText?.toString() || "",
-        types: n.types || []
+        placeId: o.placeId,
+        description: o.text.toString(),
+        mainText: o.mainText?.toString() || o.text.toString(),
+        secondaryText: o.secondaryText?.toString() || "",
+        types: o.types || []
       };
     });
-  } catch (o) {
-    return console.error("[Geocoding] Error fetching autocomplete suggestions:", o), [];
+  } catch (a) {
+    return console.error("[Geocoding] Error fetching autocomplete suggestions:", a), [];
   }
 }
-function et(s) {
-  const e = {
+function ol(e) {
+  const t = {
     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);
+  if (!e?.address_components)
+    return t;
+  let a = "", l = "";
+  for (const d of e.address_components) {
+    const u = d.types;
+    u.includes("street_number") ? a = d.long_name : u.includes("route") ? l = d.long_name : u.includes("locality") ? t.city = d.long_name : u.includes("administrative_area_level_1") ? t.state = d.short_name : u.includes("postal_code") ? t.zipcode = d.long_name : u.includes("country") && (t.country = d.short_name);
   }
-  return e.street = [o, l].filter(Boolean).join(" "), e;
+  return t.street = [a, l].filter(Boolean).join(" "), t;
 }
-function st(s) {
+function rl(e) {
   return [
-    s.street,
-    s.city,
-    s.state && s.zipcode ? `${s.state} ${s.zipcode}` : s.state || s.zipcode,
-    s.country
+    e.street,
+    e.city,
+    e.state && e.zipcode ? `${e.state} ${e.zipcode}` : e.state || e.zipcode,
+    e.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 = {
+const nl = { class: "sl-address-input" }, il = { class: "sl-space-y-3" }, dl = { class: "sl-relative" }, cl = { class: "sl-flex sl-flex-col" }, ul = {
   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({
+}, ml = { class: "sl-flex sl-items-center sl-gap-2" }, fl = { 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" }, pl = { class: "sm:sl-col-span-2" }, gl = /* @__PURE__ */ F({
   __name: "AddressInput",
   props: {
     name: {},
@@ -959,31 +1604,31 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
     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
+  setup(e, { expose: t, emit: a }) {
+    const l = e, d = a, u = Xe(l.name || "address-input"), n = Le("googleMaps", void 0);
+    Je(() => {
+      n?.apiKey && !el() && Qs({
+        apiKey: n.apiKey,
+        version: n.version,
+        libraries: n.libraries
       });
     });
-    const { value: n, errorMessage: S, meta: I, handleChange: A, setTouched: K } = cs(
+    const { value: o, errorMessage: g, meta: y, handleChange: v, setTouched: z } = Dt(
       () => 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({
+    ), h = K([]), r = K(null), c = K(""), p = K(!1), $ = K(!1), f = K("unverified"), x = Me({
       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) {
+    }), P = b(() => !!(o.value?.formattedAddress || o.value?.street)), B = b(() => l.showSuggestionCount && h.value.length > 0 ? `${h.value.length} suggestions` : l.tertiaryLabel), H = b(() => {
+      switch (f.value) {
         case "verified":
           return "sl-text-green-600 dark:sl-text-green-400";
         case "error":
@@ -993,8 +1638,8 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
         default:
           return "sl-text-gray-500 dark:sl-text-slate-400";
       }
-    }), ke = C(() => {
-      switch (i.value) {
+    }), ae = b(() => {
+      switch (f.value) {
         case "verified":
           return "Verified";
         case "error":
@@ -1004,175 +1649,175 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
         default:
           return "Unverified";
       }
-    }), Ce = C(() => {
-      switch (i.value) {
+    }), N = b(() => {
+      switch (f.value) {
         case "verified":
-          return ls;
+          return ft;
         case "error":
-          return ts;
+          return mt;
         case "pending":
-          return de;
+          return $e;
         default:
-          return de;
+          return $e;
       }
-    }), we = ce(async (g) => {
-      if (!g || g.length < 3) {
-        T.value = [];
+    }), A = ze(async (S) => {
+      if (!S || S.length < 3) {
+        h.value = [];
         return;
       }
-      H.value = !0;
+      $.value = !0;
       try {
-        const p = await qs(g);
-        T.value = p;
-      } catch (p) {
-        console.error("[AddressInput] Error fetching suggestions:", p), T.value = [];
+        const I = await al(S);
+        h.value = I;
+      } catch (I) {
+        console.error("[AddressInput] Error fetching suggestions:", I), h.value = [];
       } finally {
-        H.value = !1;
+        $.value = !1;
       }
     }, 300);
-    function $e(g) {
-      const p = g.target;
-      $.value = p.value, we(p.value);
+    function U(S) {
+      const I = S.target;
+      c.value = I.value, A(I.value);
     }
-    function Se(g) {
-      return g ? g.description : n.value?.formattedAddress ? n.value.formattedAddress : "";
+    function V(S) {
+      return S ? S.description : o.value?.formattedAddress ? o.value.formattedAddress : "";
     }
-    async function _e(g) {
-      if (g) {
-        i.value = "pending", T.value = [];
+    async function Re(S) {
+      if (S) {
+        f.value = "pending", h.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
+          const I = await tl(S.placeId);
+          if (I.status === "OK") {
+            f.value = "verified";
+            const L = ol(I);
+            x.street = L.street, x.city = L.city, x.state = L.state, x.zipcode = L.zipcode, x.country = L.country;
+            const X = {
+              formattedAddress: I.formatted_address,
+              street: L.street,
+              suite: x.suite,
+              city: L.city,
+              state: L.state,
+              zipcode: L.zipcode,
+              country: L.country,
+              geocode: I,
+              placeId: S.placeId
             };
-            n.value = B, A(B), r("update:modelValue", B), L.value = !0;
+            o.value = X, v(X), d("update:modelValue", X), p.value = !0;
           } else
-            i.value = "error", console.warn("[AddressInput] Geocoding failed:", p.message);
-        } catch (p) {
-          i.value = "error", console.error("[AddressInput] Geocoding error:", p);
+            f.value = "error", console.warn("[AddressInput] Geocoding failed:", I.message);
+        } catch (I) {
+          f.value = "error", console.error("[AddressInput] Geocoding error:", I);
         }
       }
     }
-    const Te = ["street", "city", "state", "zipcode", "country"], Ie = ce(async () => {
-      const g = st(u);
-      if (!g || g.length < 10) {
-        i.value = "unverified";
+    const He = ["street", "city", "state", "zipcode", "country"], Ge = ze(async () => {
+      const S = rl(x);
+      if (!S || S.length < 10) {
+        f.value = "unverified";
         return;
       }
-      i.value = "pending";
+      f.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,
+        const I = await ll(S);
+        if (I.status === "OK") {
+          f.value = "verified";
+          const L = {
+            formattedAddress: I.formatted_address,
+            street: x.street,
+            suite: x.suite,
+            city: x.city,
+            state: x.state,
+            zipcode: x.zipcode,
+            country: x.country,
+            geocode: I,
             placeId: void 0
             // Clear placeId since we re-geocoded
           };
-          n.value = h, A(h), r("update:modelValue", h);
+          o.value = L, v(L), d("update:modelValue", L);
         } else
-          i.value = "unverified";
-      } catch (p) {
-        i.value = "error", console.error("[AddressInput] Re-geocoding error:", p);
+          f.value = "unverified";
+      } catch (I) {
+        f.value = "error", console.error("[AddressInput] Re-geocoding error:", I);
       }
     }, 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
+    function Q(S) {
+      const I = {
+        ...o.value,
+        street: x.street,
+        suite: x.suite,
+        city: x.city,
+        state: x.state,
+        zipcode: x.zipcode,
+        country: x.country
       };
-      Te.includes(g) && (i.value = "unverified", p.geocode = void 0, Ie()), n.value = p, A(p), r("update:modelValue", p);
+      He.includes(S) && (f.value = "unverified", I.geocode = void 0, Ge()), o.value = I, v(I), d("update:modelValue", I);
     }
-    function Ae(g) {
-      r("focus", g);
+    function Ke(S) {
+      d("focus", S);
     }
-    function Me(g) {
-      K(!0), r("blur", g);
+    function We(S) {
+      z(!0), d("blur", S);
     }
-    ee(
+    de(
       () => 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)));
+      (S) => {
+        S && (S.geocode?.status === "OK" ? f.value = "verified" : S.geocode?.status === "ERROR" && (f.value = "error"), S !== o.value && (o.value = S, S.street !== void 0 && (x.street = S.street), S.suite !== void 0 && (x.suite = S.suite), S.city !== void 0 && (x.city = S.city), S.state !== void 0 && (x.state = S.state), S.zipcode !== void 0 && (x.zipcode = S.zipcode), S.country !== void 0 && (x.country = S.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 = "";
+    function Ye() {
+      o.value = void 0, r.value = null, c.value = "", h.value = [], p.value = !1, f.value = "unverified", x.street = "", x.suite = "", x.city = "", x.state = "", x.zipcode = "", x.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
+    return t({
+      resetInput: Ye,
+      geocodeStatus: f,
+      meta: y,
+      errorMessage: g
+    }), (S, I) => (i(), m("div", nl, [
+      C(Tt, {
+        id: _(u),
+        name: e.name,
+        label: e.label,
+        "tertiary-label": B.value,
+        "error-message": _(g),
+        "success-message": e.successMessage,
+        "is-valid": _(y).valid,
+        "is-touched": _(y).touched,
+        disabled: e.disabled
       }, {
-        default: k(() => [
-          t("div", lt, [
-            y(x(Je), {
-              modelValue: m.value,
+        default: T(() => [
+          s("div", il, [
+            C(_($t), {
+              modelValue: r.value,
               "onUpdate:modelValue": [
-                p[0] || (p[0] = (h) => m.value = h),
-                _e
+                I[0] || (I[0] = (L) => r.value = L),
+                Re
               ],
-              disabled: s.disabled,
+              disabled: e.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: _([
+              default: T(() => [
+                s("div", dl, [
+                  C(_(_t), {
+                    id: _(u),
+                    "display-value": V,
+                    placeholder: e.placeholder || "Search for an address...",
+                    disabled: e.disabled,
+                    class: E([
                       "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"
+                      e.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
+                    onChange: U,
+                    onFocus: Ke,
+                    onBlur: We
                   }, 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), {
+                  C(_(It), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
+                    default: T(() => [
+                      e.disabled ? (i(), D(_(Lt), {
                         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), {
+                      })) : (i(), D(_(Mt), {
                         key: 1,
                         class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-400",
                         "aria-hidden": "true"
@@ -1180,56 +1825,56 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
                     ]),
                     _: 1
                   }),
-                  y(x(Q), {
+                  C(_(fe), {
                     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), {
+                    default: T(() => [
+                      h.value.length > 0 ? (i(), D(_(St), {
                         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,
+                        default: T(() => [
+                          (i(!0), m(G, null, Y(h.value, (L) => (i(), D(_(zt), {
+                            key: L.placeId,
+                            value: L,
                             as: "template"
                           }, {
-                            default: k(({ active: B, selected: oe }) => [
-                              t("li", {
-                                class: _([
+                            default: T(({ active: X, selected: be }) => [
+                              s("li", {
+                                class: E([
                                   "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"
+                                  X ? "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)
+                                s("div", cl, [
+                                  s("span", {
+                                    class: E(["sl-block sl-truncate", be ? "sl-font-medium" : "sl-font-normal"])
+                                  }, w(L.mainText), 3),
+                                  s("span", {
+                                    class: E(["sl-text-xs", X ? "sl-text-stachelock-100" : "sl-text-gray-500 dark:sl-text-slate-400"])
+                                  }, w(L.secondaryText), 3)
                                 ]),
-                                oe ? (c(), f("span", {
+                                be ? (i(), m("span", {
                                   key: 0,
-                                  class: _([
+                                  class: E([
                                     "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"
+                                    X ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"
                                   ])
                                 }, [
-                                  y(x(ns), {
+                                  C(_(Pt), {
                                     class: "sl-h-5 sl-w-5",
                                     "aria-hidden": "true"
                                   })
-                                ], 2)) : b("", !0)
+                                ], 2)) : k("", !0)
                               ], 2)
                             ]),
                             _: 2
                           }, 1032, ["value"]))), 128))
                         ]),
                         _: 1
-                      })) : b("", !0)
+                      })) : k("", !0)
                     ]),
                     _: 1
                   })
@@ -1237,35 +1882,35 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
               ]),
               _: 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])
+            P.value && !e.disabled ? (i(), m("div", ul, [
+              s("div", ml, [
+                s("span", {
+                  class: E(["sl-text-xs sl-uppercase sl-font-medium", H.value])
+                }, w(ae.value), 3),
+                (i(), D(ge(N.value), {
+                  class: E(["sl-h-4 sl-w-4", H.value])
                 }, null, 8, ["class"]))
               ]),
-              L.value ? (c(), f("button", {
+              p.value ? (i(), m("button", {
                 key: 1,
                 type: "button",
-                onClick: p[2] || (p[2] = (h) => L.value = !1),
+                onClick: I[2] || (I[2] = (L) => p.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", {
+                I[10] || (I[10] = j(" Collapse ", -1)),
+                C(_(At), { class: "sl-h-3 sl-w-3" })
+              ])) : (i(), m("button", {
                 key: 0,
                 type: "button",
-                onClick: p[1] || (p[1] = (h) => L.value = !0),
+                onClick: I[1] || (I[1] = (L) => p.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" })
+                I[9] || (I[9] = j(" Edit address ", -1)),
+                C(_(Et), { class: "sl-h-3 sl-w-3" })
               ]))
-            ])) : b("", !0),
-            y(x(Q), {
-              show: L.value && W.value && !s.disabled,
+            ])) : k("", !0),
+            C(_(fe), {
+              show: p.value && P.value && !e.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",
@@ -1273,84 +1918,84 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
               "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`,
+              default: T(() => [
+                s("div", fl, [
+                  s("div", pl, [
+                    C(R, {
+                      name: `${e.name}_street`,
                       label: "Street Address",
-                      value: u.street,
-                      disabled: s.disabled,
+                      value: x.street,
+                      disabled: e.disabled,
                       "show-valid-check": !1,
                       "colorful-validation": !1,
-                      "onUpdate:value": p[3] || (p[3] = (h) => {
-                        u.street = h, j("street");
+                      "onUpdate:value": I[3] || (I[3] = (L) => {
+                        x.street = L, Q("street");
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  t("div", null, [
-                    y(M, {
-                      name: `${s.name}_suite`,
+                  s("div", null, [
+                    C(R, {
+                      name: `${e.name}_suite`,
                       label: "Suite / Apt",
-                      value: u.suite,
-                      disabled: s.disabled,
+                      value: x.suite,
+                      disabled: e.disabled,
                       placeholder: "Optional",
                       "show-valid-check": !1,
                       "colorful-validation": !1,
-                      "onUpdate:value": p[4] || (p[4] = (h) => {
-                        u.suite = h, j("suite");
+                      "onUpdate:value": I[4] || (I[4] = (L) => {
+                        x.suite = L, Q("suite");
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  t("div", null, [
-                    y(M, {
-                      name: `${s.name}_city`,
+                  s("div", null, [
+                    C(R, {
+                      name: `${e.name}_city`,
                       label: "City",
-                      value: u.city,
-                      disabled: s.disabled,
+                      value: x.city,
+                      disabled: e.disabled,
                       "show-valid-check": !1,
                       "colorful-validation": !1,
-                      "onUpdate:value": p[5] || (p[5] = (h) => {
-                        u.city = h, j("city");
+                      "onUpdate:value": I[5] || (I[5] = (L) => {
+                        x.city = L, Q("city");
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  t("div", null, [
-                    y(M, {
-                      name: `${s.name}_state`,
+                  s("div", null, [
+                    C(R, {
+                      name: `${e.name}_state`,
                       label: "State",
-                      value: u.state,
-                      disabled: s.disabled,
+                      value: x.state,
+                      disabled: e.disabled,
                       "show-valid-check": !1,
                       "colorful-validation": !1,
-                      "onUpdate:value": p[6] || (p[6] = (h) => {
-                        u.state = h, j("state");
+                      "onUpdate:value": I[6] || (I[6] = (L) => {
+                        x.state = L, Q("state");
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  t("div", null, [
-                    y(M, {
-                      name: `${s.name}_zipcode`,
+                  s("div", null, [
+                    C(R, {
+                      name: `${e.name}_zipcode`,
                       label: "ZIP Code",
-                      value: u.zipcode,
-                      disabled: s.disabled,
+                      value: x.zipcode,
+                      disabled: e.disabled,
                       "show-valid-check": !1,
                       "colorful-validation": !1,
-                      "onUpdate:value": p[7] || (p[7] = (h) => {
-                        u.zipcode = h, j("zipcode");
+                      "onUpdate:value": I[7] || (I[7] = (L) => {
+                        x.zipcode = L, Q("zipcode");
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  t("div", null, [
-                    y(M, {
-                      name: `${s.name}_country`,
+                  s("div", null, [
+                    C(R, {
+                      name: `${e.name}_country`,
                       label: "Country",
-                      value: u.country,
-                      disabled: s.disabled,
+                      value: x.country,
+                      disabled: e.disabled,
                       "show-valid-check": !1,
                       "colorful-validation": !1,
-                      "onUpdate:value": p[8] || (p[8] = (h) => {
-                        u.country = h, j("country");
+                      "onUpdate:value": I[8] || (I[8] = (L) => {
+                        x.country = L, Q("country");
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ])
@@ -1364,10 +2009,10 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
       }, 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({
+}), dr = /* @__PURE__ */ Z(gl, [["__scopeId", "data-v-d65320d7"]]), yl = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, hl = { class: "sl-space-y-8" }, xl = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, bl = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, vl = { class: "sl-whitespace-pre-wrap" }, cr = /* @__PURE__ */ F({
   __name: "InputsShowcase",
-  setup(s) {
-    const e = ue({
+  setup(e) {
+    const t = Me({
       text: "",
       textArea: "",
       switchOn: !1,
@@ -1375,7 +2020,7 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
       selectedFruit: null,
       selectedLanguages: [],
       selectedCity: null
-    }), o = [
+    }), a = [
       { id: 1, name: "Apple" },
       { id: 2, name: "Banana" },
       { id: 3, name: "Cherry" },
@@ -1386,7 +2031,7 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
       { id: 3, name: "Python" },
       { id: 4, name: "Go" },
       { id: 5, name: "Rust" }
-    ], r = [
+    ], d = [
       { id: 1, name: "New York" },
       { id: 2, name: "San Francisco" },
       { id: 3, name: "Seattle" },
@@ -1396,149 +2041,149 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
       { id: 7, name: "Miami" },
       { id: 8, name: "Boston" }
     ];
-    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, {
+    return (u, n) => (i(), m("section", yl, [
+      n[15] || (n[15] = s("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
+      s("div", hl, [
+        s("div", null, [
+          n[7] || (n[7] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
+          C(R, {
             name: "demoText",
             label: "Text Input",
             placeholder: "Type something...",
-            value: e.text,
-            "onUpdate:value": a[0] || (a[0] = (n) => e.text = n)
+            value: t.text,
+            "onUpdate:value": n[0] || (n[0] = (o) => t.text = o)
           }, null, 8, ["value"])
         ]),
-        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, {
+        s("div", null, [
+          n[8] || (n[8] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
+          C(it, {
             name: "demoTextArea",
             label: "Text Area",
             placeholder: "Write a longer message...",
             rows: 4,
             maxlength: 200,
-            modelValue: e.textArea,
-            "onUpdate:modelValue": a[1] || (a[1] = (n) => e.textArea = n)
+            modelValue: t.textArea,
+            "onUpdate:modelValue": n[1] || (n[1] = (o) => t.textArea = o)
           }, null, 8, ["modelValue"])
         ]),
-        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, {
+        s("div", null, [
+          n[9] || (n[9] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
+          C(dt, {
             name: "demoSwitch",
             label: "Enable feature",
-            modelValue: e.switchOn,
-            "onUpdate:modelValue": a[2] || (a[2] = (n) => e.switchOn = n),
+            modelValue: t.switchOn,
+            "onUpdate:modelValue": n[2] || (n[2] = (o) => t.switchOn = o),
             textTrue: "ON",
             textFalse: "OFF"
           }, null, 8, ["modelValue"])
         ]),
-        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, {
+        s("div", null, [
+          n[10] || (n[10] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
+          C(rt, {
             name: "demoCheckbox",
             label: "I agree to the terms",
-            modelValue: e.checkbox,
-            "onUpdate:modelValue": a[3] || (a[3] = (n) => e.checkbox = n)
+            modelValue: t.checkbox,
+            "onUpdate:modelValue": n[3] || (n[3] = (o) => t.checkbox = o)
           }, null, 8, ["modelValue"])
         ]),
-        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, {
+        s("div", xl, [
+          s("div", null, [
+            n[11] || (n[11] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
+            C(Ce, {
               name: "demoSelect",
               label: "Favorite Fruit",
               placeholder: "Select a fruit",
-              items: o,
-              modelValue: e.selectedFruit,
-              "onUpdate:modelValue": a[4] || (a[4] = (n) => e.selectedFruit = n)
+              items: a,
+              modelValue: t.selectedFruit,
+              "onUpdate:modelValue": n[4] || (n[4] = (o) => t.selectedFruit = o)
             }, null, 8, ["modelValue"])
           ]),
-          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, {
+          s("div", null, [
+            n[12] || (n[12] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
+            C(Ce, {
               name: "demoSelectMulti",
               label: "Favorite Languages",
               placeholder: "Select languages",
               items: l,
               multiple: "",
               showAll: "",
-              modelValue: e.selectedLanguages,
-              "onUpdate:modelValue": a[5] || (a[5] = (n) => e.selectedLanguages = n)
+              modelValue: t.selectedLanguages,
+              "onUpdate:modelValue": n[5] || (n[5] = (o) => t.selectedLanguages = o)
             }, null, 8, ["modelValue"])
           ])
         ]),
-        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, {
+        s("div", null, [
+          n[13] || (n[13] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
+          C(nt, {
             name: "demoCombobox",
             label: "Search a City",
             placeholder: "Start typing...",
-            items: r,
-            modelValue: e.selectedCity,
-            "onUpdate:modelValue": a[6] || (a[6] = (n) => e.selectedCity = n)
+            items: d,
+            modelValue: t.selectedCity,
+            "onUpdate:modelValue": n[6] || (n[6] = (o) => t.selectedCity = o)
           }, null, 8, ["modelValue"])
         ]),
-        t("div", pt, [
-          a[14] || (a[14] = t("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
-          t("pre", gt, w(e), 1)
+        s("div", bl, [
+          n[14] || (n[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
+          s("pre", vl, w(t), 1)
         ])
       ])
     ]));
   }
-}), yt = { class: "sl-flex sl-items-center sl-gap-4" }, ht = {
+}), kl = { class: "sl-flex sl-items-center sl-gap-4" }, wl = {
   key: 0,
   class: "sl-flex-shrink-0 sl-flex sl-items-center sl-justify-center"
-}, xt = { class: "sl-flex-1 sl-min-w-0" }, vt = {
+}, Cl = { class: "sl-flex-1 sl-min-w-0" }, $l = {
   key: 0,
   class: "sl-flex sl-items-center sl-gap-2"
-}, bt = { class: "sl-text-base sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-truncate" }, kt = {
+}, _l = { class: "sl-text-base sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-truncate" }, Il = {
   key: 0,
   class: "sl-flex-shrink-0"
-}, Ct = {
+}, Sl = {
   key: 1,
   class: "sl-mt-0.5 sl-text-sm sl-text-gray-500 dark:sl-text-gray-300 sl-truncate"
-}, wt = {
+}, zl = {
   key: 1,
   class: "sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0"
-}, $t = ["aria-expanded"], St = {
+}, Tl = ["aria-expanded"], Ll = {
   key: 1,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, _t = { class: "sl-overflow-hidden" }, Tt = {
+}, Ml = { class: "sl-overflow-hidden" }, Pl = {
   key: 0,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, It = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, At = {
+}, El = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, Al = {
   key: 0,
   class: "sl-flex-1 sl-min-w-0"
-}, Mt = {
+}, Dl = {
   key: 1,
   class: "sl-flex-1"
-}, zt = {
+}, Fl = {
   key: 2,
   class: "sl-flex sl-items-center sl-gap-3 sl-flex-shrink-0"
-}, Et = {
+}, Nl = {
   key: 0,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, Lt = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, Pt = {
+}, Ul = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, Vl = {
   key: 0,
   class: "sl-flex-1 sl-min-w-0"
-}, Dt = {
+}, Bl = {
   key: 1,
   class: "sl-flex-1"
-}, Ft = {
+}, jl = {
   key: 2,
   class: "sl-flex sl-items-center sl-gap-3 sl-flex-shrink-0"
-}, Bt = {
+}, Ol = {
   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"
-}, Ut = { class: "sl-flex sl-flex-col sl-items-center sl-gap-3" }, Vt = {
+}, Rl = { class: "sl-flex sl-flex-col sl-items-center sl-gap-3" }, Hl = {
   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"
-}, jt = {
+}, Gl = {
   key: 0,
   class: "sl-text-sm sl-font-medium sl-text-gray-600 dark:sl-text-gray-300"
-}, Ot = /* @__PURE__ */ D({
+}, Kl = /* @__PURE__ */ F({
   __name: "CardLayout",
   props: {
     variant: { default: "elevated" },
@@ -1562,44 +2207,44 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
     noPadding: { type: Boolean, default: !1 }
   },
   emits: ["update:collapsed", "expand", "collapse"],
-  setup(s, { expose: e, emit: o }) {
-    const l = s, r = o, d = Be(), a = F(l.collapsed);
-    ee(() => l.collapsed, (i) => {
-      a.value = i;
+  setup(e, { expose: t, emit: a }) {
+    const l = e, d = a, u = Pe(), n = K(l.collapsed);
+    de(() => l.collapsed, (f) => {
+      n.value = f;
     });
-    const n = C(() => a.value), S = () => {
-      a.value = !a.value, r("update:collapsed", a.value), a.value ? r("collapse") : r("expand");
-    }, 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 = [
+    const o = b(() => n.value), g = () => {
+      n.value = !n.value, d("update:collapsed", n.value), n.value ? d("collapse") : d("expand");
+    }, y = b(() => l.showHeader !== void 0 ? l.showHeader : !!(u.header || u["header-icon"] || u["header-title"] || u["header-subtitle"] || u["header-badge"] || u["header-actions"] || l.collapsible)), v = b(() => l.showFooter !== void 0 ? l.showFooter : !!(u.footer || u["footer-left"] || u["footer-actions"])), z = b(() => {
+      const f = [
         "sl-relative",
         "sl-flex",
         "sl-flex-col"
       ];
-      switch (l.fullHeight && i.push("sl-h-full"), l.variant) {
+      switch (l.fullHeight && f.push("sl-h-full"), l.variant) {
         case "elevated":
-          i.push("sl-bg-white", "dark:sl-bg-gray-800");
+          f.push("sl-bg-white", "dark:sl-bg-gray-800");
           break;
         case "outlined":
-          i.push("sl-bg-white", "dark:sl-bg-gray-800", "sl-border", "sl-border-gray-200", "dark:sl-border-gray-700");
+          f.push("sl-bg-white", "dark:sl-bg-gray-800", "sl-border", "sl-border-gray-200", "dark:sl-border-gray-700");
           break;
         case "flat":
-          i.push("sl-bg-transparent");
+          f.push("sl-bg-transparent");
           break;
         case "filled":
-          i.push("sl-bg-gray-50", "dark:sl-bg-gray-800/50");
+          f.push("sl-bg-gray-50", "dark:sl-bg-gray-800/50");
           break;
       }
       if (l.variant === "elevated") {
-        const W = {
+        const P = {
           none: "",
           sm: "sl-shadow-sm",
           md: "sl-shadow",
           lg: "sl-shadow-lg",
           xl: "sl-shadow-xl"
         };
-        W[l.shadow] && i.push(W[l.shadow]);
+        P[l.shadow] && f.push(P[l.shadow]);
       }
-      const u = {
+      const x = {
         none: "",
         sm: "sl-rounded-sm",
         md: "sl-rounded-md",
@@ -1608,99 +2253,99 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
         "2xl": "sl-rounded-2xl",
         full: "sl-rounded-3xl"
       };
-      return u[l.rounded] && i.push(u[l.rounded]), l.hoverable && i.push(
+      return x[l.rounded] && f.push(x[l.rounded]), l.hoverable && f.push(
         "sl-transition-shadow",
         "sl-duration-200",
         "hover:sl-shadow-lg",
         "dark:hover:sl-shadow-gray-900/30"
-      ), 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(() => ({
+      ), l.bgClass && f.push(l.bgClass), l.scrollable && f.push("sl-overflow-hidden"), f;
+    }), h = b(() => {
+      const f = {};
+      return l.scrollable && l.maxHeight && (f.maxHeight = l.maxHeight), f;
+    }), r = b(() => ({
       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]), $ = C(() => [m.value.x, m.value.y]), L = C(() => {
+    })[l.size]), c = b(() => [r.value.x, r.value.y]), p = b(() => {
       if (l.noPadding)
         return [];
-      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 = {
+      const f = [r.value.x, r.value.y];
+      return l.scrollable && f.push("sl-flex-1", "sl-min-h-0"), f;
+    }), $ = b(() => {
+      const f = {
         compact: "sl-py-2",
         default: "sl-py-3",
         spacious: "sl-py-4"
       };
-      return [m.value.x, i[l.size], "sl-bg-gray-50/50 dark:sl-bg-gray-800/50"];
+      return [r.value.x, f[l.size], "sl-bg-gray-50/50 dark:sl-bg-gray-800/50"];
     });
-    return e({
-      toggleCollapse: S,
-      isCollapsed: n
-    }), (i, u) => (c(), f("div", {
-      class: _([
+    return t({
+      toggleCollapse: g,
+      isCollapsed: o
+    }), (f, x) => (i(), m("div", {
+      class: E([
         "sl-card-layout",
-        K.value,
-        { "sl-cursor-pointer": s.hoverable }
+        z.value,
+        { "sl-cursor-pointer": e.hoverable }
       ]),
-      style: z(T.value)
+      style: O(h.value)
     }, [
-      I.value ? (c(), f("div", {
+      y.value ? (i(), m("div", {
         key: 0,
-        class: _([
+        class: E([
           "sl-card-header",
-          $.value,
-          { "sl-sticky sl-top-0 sl-z-10 sl-bg-inherit": s.headerSticky && s.scrollable }
+          c.value,
+          { "sl-sticky sl-top-0 sl-z-10 sl-bg-inherit": e.headerSticky && e.scrollable }
         ])
       }, [
-        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)
+        M(f.$slots, "header", {}, () => [
+          s("div", kl, [
+            f.$slots["header-icon"] ? (i(), m("div", wl, [
+              M(f.$slots, "header-icon", {}, void 0, !0)
+            ])) : k("", !0),
+            s("div", Cl, [
+              f.$slots["header-title"] ? (i(), m("div", $l, [
+                s("h3", _l, [
+                  M(f.$slots, "header-title", {}, void 0, !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)
+                f.$slots["header-badge"] ? (i(), m("div", Il, [
+                  M(f.$slots, "header-badge", {}, void 0, !0)
+                ])) : k("", !0)
+              ])) : k("", !0),
+              f.$slots["header-subtitle"] ? (i(), m("p", Sl, [
+                M(f.$slots, "header-subtitle", {}, void 0, !0)
+              ])) : k("", !0)
             ]),
-            i.$slots["header-actions"] || s.collapsible ? (c(), f("div", wt, [
-              v(i.$slots, "header-actions", {}, void 0, !0),
-              s.collapsible ? (c(), f("button", {
+            f.$slots["header-actions"] || e.collapsible ? (i(), m("div", zl, [
+              M(f.$slots, "header-actions", {}, void 0, !0),
+              e.collapsible ? (i(), m("button", {
                 key: 0,
                 type: "button",
-                onClick: S,
+                onClick: g,
                 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": !n.value,
+                "aria-expanded": !o.value,
                 "aria-label": "Toggle content"
               }, [
-                (c(), f("svg", {
-                  class: _(["sl-h-5 sl-w-5 sl-transition-transform sl-duration-200", { "sl-rotate-180": !n.value }]),
+                (i(), m("svg", {
+                  class: E(["sl-h-5 sl-w-5 sl-transition-transform sl-duration-200", { "sl-rotate-180": !o.value }]),
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
                   "stroke-width": "2"
-                }, [...u[0] || (u[0] = [
-                  t("path", {
+                }, [...x[0] || (x[0] = [
+                  s("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ])], 2))
-              ], 8, $t)) : b("", !0)
-            ])) : b("", !0)
+              ], 8, Tl)) : k("", !0)
+            ])) : k("", !0)
           ])
         ], !0)
-      ], 2)) : b("", !0),
-      I.value && s.divided && !n.value ? (c(), f("div", St)) : b("", !0),
-      s.collapsible ? (c(), U(re, {
+      ], 2)) : k("", !0),
+      y.value && e.divided && !o.value ? (i(), m("div", Ll)) : k("", !0),
+      e.collapsible ? (i(), D(we, {
         key: 2,
         "enter-active-class": "sl-transition-all sl-duration-200 sl-ease-out",
         "enter-from-class": "sl-opacity-0 sl-max-h-0",
@@ -1709,80 +2354,80 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
         "leave-from-class": "sl-opacity-100",
         "leave-to-class": "sl-opacity-0 sl-max-h-0"
       }, {
-        default: k(() => [
-          Y(t("div", _t, [
-            t("div", {
-              class: _([
+        default: T(() => [
+          me(s("div", Ml, [
+            s("div", {
+              class: E([
                 "sl-card-body",
-                L.value,
-                { "sl-overflow-y-auto": s.scrollable }
+                p.value,
+                { "sl-overflow-y-auto": e.scrollable }
               ]),
-              style: z(s.scrollable && s.maxHeight ? { maxHeight: s.maxHeight } : {})
+              style: O(e.scrollable && e.maxHeight ? { maxHeight: e.maxHeight } : {})
             }, [
-              v(i.$slots, "body", {}, () => [
-                v(i.$slots, "default", {}, void 0, !0)
+              M(f.$slots, "body", {}, () => [
+                M(f.$slots, "default", {}, void 0, !0)
               ], !0)
             ], 6),
-            A.value && s.divided ? (c(), f("div", Tt)) : b("", !0),
-            A.value ? (c(), f("div", {
+            v.value && e.divided ? (i(), m("div", Pl)) : k("", !0),
+            v.value ? (i(), m("div", {
               key: 1,
-              class: _([
+              class: E([
                 "sl-card-footer",
-                H.value,
-                { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": s.footerSticky && s.scrollable }
+                $.value,
+                { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": e.footerSticky && e.scrollable }
               ])
             }, [
-              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)
+              M(f.$slots, "footer", {}, () => [
+                s("div", El, [
+                  f.$slots["footer-left"] ? (i(), m("div", Al, [
+                    M(f.$slots, "footer-left", {}, void 0, !0)
+                  ])) : (i(), m("div", Dl)),
+                  f.$slots["footer-actions"] ? (i(), m("div", Fl, [
+                    M(f.$slots, "footer-actions", {}, void 0, !0)
+                  ])) : k("", !0)
                 ])
               ], !0)
-            ], 2)) : b("", !0)
+            ], 2)) : k("", !0)
           ], 512), [
-            [Ue, !n.value]
+            [Ze, !o.value]
           ])
         ]),
         _: 3
-      })) : (c(), f(V, { key: 3 }, [
-        t("div", {
-          class: _([
+      })) : (i(), m(G, { key: 3 }, [
+        s("div", {
+          class: E([
             "sl-card-body",
-            L.value,
-            { "sl-overflow-y-auto": s.scrollable }
+            p.value,
+            { "sl-overflow-y-auto": e.scrollable }
           ]),
-          style: z(s.scrollable && s.maxHeight ? { maxHeight: s.maxHeight } : {})
+          style: O(e.scrollable && e.maxHeight ? { maxHeight: e.maxHeight } : {})
         }, [
-          v(i.$slots, "body", {}, () => [
-            v(i.$slots, "default", {}, void 0, !0)
+          M(f.$slots, "body", {}, () => [
+            M(f.$slots, "default", {}, void 0, !0)
           ], !0)
         ], 6),
-        A.value && s.divided ? (c(), f("div", Et)) : b("", !0),
-        A.value ? (c(), f("div", {
+        v.value && e.divided ? (i(), m("div", Nl)) : k("", !0),
+        v.value ? (i(), m("div", {
           key: 1,
-          class: _([
+          class: E([
             "sl-card-footer",
-            H.value,
-            { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": s.footerSticky && s.scrollable }
+            $.value,
+            { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": e.footerSticky && e.scrollable }
           ])
         }, [
-          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)
+          M(f.$slots, "footer", {}, () => [
+            s("div", Ul, [
+              f.$slots["footer-left"] ? (i(), m("div", Vl, [
+                M(f.$slots, "footer-left", {}, void 0, !0)
+              ])) : (i(), m("div", Bl)),
+              f.$slots["footer-actions"] ? (i(), m("div", jl, [
+                M(f.$slots, "footer-actions", {}, void 0, !0)
+              ])) : k("", !0)
             ])
           ], !0)
-        ], 2)) : b("", !0)
+        ], 2)) : k("", !0)
       ], 64)),
-      y(re, {
+      C(we, {
         "enter-active-class": "sl-transition-opacity sl-duration-200",
         "enter-from-class": "sl-opacity-0",
         "enter-to-class": "sl-opacity-100",
@@ -1790,12 +2435,12 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
         "leave-from-class": "sl-opacity-100",
         "leave-to-class": "sl-opacity-0"
       }, {
-        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", {
+        default: T(() => [
+          e.loading ? (i(), m("div", Ol, [
+            M(f.$slots, "loading", {}, () => [
+              s("div", Rl, [
+                (i(), m("svg", Hl, [...x[1] || (x[1] = [
+                  s("circle", {
                     class: "sl-opacity-25",
                     cx: "12",
                     cy: "12",
@@ -1803,95 +2448,95 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
                     stroke: "currentColor",
                     "stroke-width": "4"
                   }, null, -1),
-                  t("path", {
+                  s("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)
                 ])])),
-                s.loadingText ? (c(), f("span", jt, w(s.loadingText), 1)) : b("", !0)
+                e.loadingText ? (i(), m("span", Gl, w(e.loadingText), 1)) : k("", !0)
               ])
             ], !0)
-          ])) : b("", !0)
+          ])) : k("", !0)
         ]),
         _: 3
       })
     ], 6));
   }
-}), Gl = /* @__PURE__ */ se(Ot, [["__scopeId", "data-v-a1ea2aac"]]), Nt = "sl-text-sm", Kl = /* @__PURE__ */ D({
+}), ur = /* @__PURE__ */ Z(Kl, [["__scopeId", "data-v-a1ea2aac"]]), Wl = "sl-text-sm", mr = /* @__PURE__ */ F({
   __name: "InfoCard",
   props: {
     title: { default: "" },
     variant: { default: "info" }
   },
-  setup(s) {
-    const e = s, o = C(() => ({
+  setup(e) {
+    const t = e, a = b(() => ({
       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 = C(() => ({ color: {
+    })[t.variant]), l = b(() => ({ color: {
       info: "var(--info-title)",
       warning: "var(--warning-title)",
       success: "var(--success-title)",
       error: "var(--error-title)"
-    }[e.variant] })), r = C(() => ({ color: {
+    }[t.variant] })), d = b(() => ({ color: {
       info: "var(--info-text)",
       warning: "var(--warning-text)",
       success: "var(--success-text)",
       error: "var(--error-text)"
-    }[e.variant] }));
-    return (d, a) => (c(), f("div", {
+    }[t.variant] }));
+    return (u, n) => (i(), m("div", {
       class: "sl-rounded-xl sl-border sl-p-4",
-      style: z({ backgroundColor: o.value.bg, borderColor: o.value.border })
+      style: O({ backgroundColor: a.value.bg, borderColor: a.value.border })
     }, [
-      s.title ? (c(), f("h3", {
+      e.title ? (i(), m("h3", {
         key: 0,
         class: "sl-font-medium sl-mb-2",
-        style: z(l.value)
-      }, w(s.title), 5)) : b("", !0),
-      t("div", {
-        class: _(Nt),
-        style: z(r.value)
+        style: O(l.value)
+      }, w(e.title), 5)) : k("", !0),
+      s("div", {
+        class: E(Wl),
+        style: O(d.value)
       }, [
-        v(d.$slots, "default")
+        M(u.$slots, "default")
       ], 4)
     ], 4));
   }
-}), 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({
+}), Yl = { class: "sl-space-y-4" }, Xl = { class: "sl-text-xl sl-font-semibold sl-text-slate-900 dark:sl-text-white" }, ql = { class: "sl-overflow-x-auto" }, Jl = { class: "sl-min-w-full sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, Zl = { class: "sl-bg-slate-50 dark:sl-bg-slate-900" }, Ql = { class: "sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, ea = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-900 dark:sl-text-slate-100" }, ta = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, sa = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-500 dark:sl-text-slate-300" }, la = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, fr = /* @__PURE__ */ F({
   __name: "PropsTable",
   props: {
     title: { default: "Props" },
     props: {}
   },
-  setup(s) {
-    const e = ["Prop", "Type", "Default", "Description"];
-    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", [
+  setup(e) {
+    const t = ["Prop", "Type", "Default", "Description"];
+    return (a, l) => (i(), m("section", Yl, [
+      s("h2", Xl, w(e.title), 1),
+      s("div", {
+        class: E(["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"
         ]])
       }, [
-        t("div", Kt, [
-          t("table", Ht, [
-            t("thead", Wt, [
-              t("tr", null, [
-                (c(), f(V, null, R(e, (r) => t("th", {
-                  key: r,
-                  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("div", ql, [
+          s("table", Jl, [
+            s("thead", Zl, [
+              s("tr", null, [
+                (i(), m(G, null, Y(t, (d) => s("th", {
+                  key: d,
+                  class: E(["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(d), 1)), 64))
               ])
             ]),
-            t("tbody", Zt, [
-              (c(!0), f(V, null, R(s.props, (r) => (c(), f("tr", {
-                key: r.name
+            s("tbody", Ql, [
+              (i(!0), m(G, null, Y(e.props, (d) => (i(), m("tr", {
+                key: d.name
               }, [
-                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)
+                s("td", ea, w(d.name), 1),
+                s("td", ta, w(d.type), 1),
+                s("td", sa, w(d.default), 1),
+                s("td", la, w(d.description), 1)
               ]))), 128))
             ])
           ])
@@ -1899,21 +2544,21 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
       ])
     ]));
   }
-}), qt = {
+}), aa = {
   class: "sl-rounded-xl sl-shadow-sm sl-border sl-overflow-hidden",
   style: { backgroundColor: "var(--sl-surface-elevated)", borderColor: "var(--sl-border-default)" }
-}, el = {
+}, oa = {
   key: 0,
   class: "sl-px-6 sl-py-4 sl-border-b",
   style: { backgroundColor: "var(--sl-surface-sunken)", borderColor: "var(--sl-border-default)" }
-}, sl = {
+}, ra = {
   class: "sl-text-lg sl-font-semibold",
   style: { color: "var(--sl-text-primary)" }
-}, tl = {
+}, na = {
   key: 0,
   class: "sl-text-sm sl-mt-1",
   style: { color: "var(--sl-text-muted)" }
-}, Wl = /* @__PURE__ */ D({
+}, pr = /* @__PURE__ */ F({
   __name: "ShowcaseCard",
   props: {
     title: { default: "" },
@@ -1921,36 +2566,36 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
     contentClass: { default: "" },
     padded: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    const e = s, o = C(() => {
+  setup(e) {
+    const t = e, a = b(() => {
       const l = [];
-      return e.padded && l.push("sl-p-6"), e.contentClass && l.push(e.contentClass), l.join(" ");
+      return t.padded && l.push("sl-p-6"), t.contentClass && l.push(t.contentClass), l.join(" ");
     });
-    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)
+    return (l, d) => (i(), m("div", aa, [
+      e.title || l.$slots.header ? (i(), m("div", oa, [
+        M(l.$slots, "header", {}, () => [
+          s("h2", ra, w(e.title), 1),
+          e.description ? (i(), m("p", na, w(e.description), 1)) : k("", !0)
         ])
-      ])) : b("", !0),
-      t("div", {
-        class: _(o.value)
+      ])) : k("", !0),
+      s("div", {
+        class: E(a.value)
       }, [
-        v(l.$slots, "default")
+        M(l.$slots, "default")
       ], 2)
     ]));
   }
-}), ll = { class: "sl-space-y-8" }, ol = { class: "sl-space-y-2" }, al = {
+}), ia = { class: "sl-space-y-8" }, da = { class: "sl-space-y-2" }, ca = {
   class: "sl-text-3xl sl-font-bold",
   style: { color: "var(--sl-text-primary)" }
-}, rl = {
+}, ua = {
   class: "sl-text-lg",
   style: { color: "var(--sl-text-muted)" }
-}, nl = {
+}, ma = {
   key: 0,
   class: "sl-flex sl-flex-wrap sl-gap-2 sl-pb-4",
   style: { borderBottom: "1px solid var(--sl-border-default)" }
-}, il = ["onClick"], dl = { class: "sl-space-y-8" }, Zl = /* @__PURE__ */ D({
+}, fa = ["onClick"], pa = { class: "sl-space-y-8" }, gr = /* @__PURE__ */ F({
   __name: "ShowcaseLayout",
   props: {
     title: {},
@@ -1959,59 +2604,642 @@ const tt = { class: "sl-address-input" }, lt = { class: "sl-space-y-3" }, ot = {
     modelValue: { default: "" }
   },
   emits: ["update:modelValue"],
-  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",
+  setup(e, { emit: t }) {
+    const a = e, l = t, { isDark: d } = Ee(), u = (o) => {
+      l("update:modelValue", o);
+    }, n = (o) => a.modelValue === o ? {
+      backgroundColor: d.value ? "#ffffff" : "#0f172a",
+      color: d.value ? "#0f172a" : "#ffffff",
       boxShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)"
     } : {
       backgroundColor: "transparent",
       color: "var(--sl-text-muted)"
     };
-    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")
+    return (o, g) => (i(), m("div", ia, [
+      s("header", da, [
+        s("h1", ca, w(e.title), 1),
+        s("p", ua, w(e.description), 1),
+        M(o.$slots, "header-extra")
       ]),
-      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),
+      e.variants && e.variants.length > 0 ? (i(), m("nav", ma, [
+        (i(!0), m(G, null, Y(e.variants, (y) => (i(), m("button", {
+          key: y.id,
+          onClick: (v) => u(y.id),
           class: "sl-px-4 sl-py-2 sl-text-sm sl-font-medium sl-rounded-lg sl-transition-all sl-duration-150",
-          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")
+          style: O(n(y.id))
+        }, w(y.label || y.name), 13, fa))), 128))
+      ])) : k("", !0),
+      s("div", pa, [
+        M(o.$slots, "content", {}, () => [
+          M(o.$slots, "default")
         ])
       ]),
-      v(n.$slots, "footer")
+      M(o.$slots, "footer")
     ]));
   }
-}), cl = { class: "sl-space-y-4" }, ul = {
+}), ga = { class: "sl-space-y-4" }, ya = {
   class: "sl-text-xl sl-font-semibold",
   style: { color: "var(--sl-text-primary)" }
-}, 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({
+}, ha = { class: "sl-rounded-xl sl-p-4 sl-overflow-auto sl-bg-slate-800 dark:sl-bg-slate-900" }, xa = { class: "sl-text-sm sl-text-slate-300 sl-font-mono" }, yr = /* @__PURE__ */ F({
   __name: "StateDisplay",
   props: {
     title: { default: "Current State" },
     state: {}
   },
-  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)
+  setup(e) {
+    const t = e, a = b(() => JSON.stringify(t.state, null, 2));
+    return (l, d) => (i(), m("section", ga, [
+      s("h2", ya, w(e.title), 1),
+      s("div", ha, [
+        s("pre", xa, w(a.value), 1)
       ])
     ]));
   }
-});
-class pl {
+}), ba = { class: "sl-relative sl-z-10 sl-flex sl-flex-col sm:sl-flex-row sl-items-center sl-gap-6" }, va = { class: "sl-flex-shrink-0" }, ka = { class: "sl-relative" }, wa = ["src", "alt"], Ca = {
+  key: 1,
+  class: "sl-w-full sl-h-full sl-flex sl-items-center sl-justify-center sl-bg-white/20 sl-text-white sl-text-2xl sl-font-bold"
+}, $a = {
+  key: 0,
+  class: "sl-absolute sl--bottom-1 sl--right-1 sl-flex sl-items-center sl-justify-center sl-w-8 sl-h-8 sl-rounded-full sl-bg-red-500 sl-ring-4 sl-ring-white dark:sl-ring-gray-800"
+}, _a = { class: "sl-text-center sm:sl-text-left" }, Ia = { class: "sl-text-3xl sl-font-bold sl-text-white sl-tracking-tight" }, Sa = {
+  key: 0,
+  class: "sl-mt-1 sl-text-lg sl-text-white/80"
+}, za = {
+  key: 1,
+  class: "sl-mt-3"
+}, Ta = { class: "sl-inline-flex sl-items-center sl-gap-1.5 sl-px-3 sl-py-1 sl-rounded-full sl-text-sm sl-font-medium sl-bg-red-500/20 sl-text-white sl-border sl-border-red-400/30" }, La = /* @__PURE__ */ F({
+  __name: "ProfileHeaderCard",
+  props: {
+    name: {},
+    nickname: {},
+    image: {},
+    status: {},
+    animationIndex: { default: 0 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = K(!1), l = b(() => t.status === "inactive"), d = b(() => a.value || !t.image ? null : typeof t.image == "string" ? t.image : t.image.secure_url || t.image.url || null), u = b(() => {
+      if (!t.name) return "?";
+      const g = t.name.split(" ").filter(Boolean);
+      return g.length >= 2 ? `${g[0][0]}${g[g.length - 1][0]}`.toUpperCase() : t.name.substring(0, 2).toUpperCase();
+    }), n = b(() => t.animationEnabled ? {
+      animationDelay: `${t.animationIndex * 75}ms`
+    } : {}), o = () => {
+      a.value = !0;
+    };
+    return (g, y) => (i(), m("div", {
+      class: E([
+        "sl-profile-header-card",
+        "sl-relative sl-overflow-hidden",
+        "sl-rounded-2xl",
+        "sl-shadow-lg",
+        "sl-p-8",
+        e.animationEnabled && "sl-opacity-0 sl-animate-[fadeInUp_0.4s_ease-out_forwards]"
+      ]),
+      style: O(n.value)
+    }, [
+      y[1] || (y[1] = s("div", { class: "sl-absolute sl-inset-0 sl-bg-gradient-to-br sl-from-primary-500 sl-via-primary-600 sl-to-primary-700 dark:sl-from-primary-600 dark:sl-via-primary-700 dark:sl-to-primary-800" }, null, -1)),
+      y[2] || (y[2] = s("div", { class: "sl-absolute sl-top-0 sl-right-0 sl-w-64 sl-h-64 sl-bg-white/5 sl-rounded-full sl--translate-y-1/2 sl-translate-x-1/2" }, null, -1)),
+      y[3] || (y[3] = s("div", { class: "sl-absolute sl-bottom-0 sl-left-0 sl-w-48 sl-h-48 sl-bg-white/5 sl-rounded-full sl-translate-y-1/2 sl--translate-x-1/2" }, null, -1)),
+      s("div", ba, [
+        s("div", va, [
+          s("div", ka, [
+            s("div", {
+              class: E([
+                "sl-w-24 sl-h-24 sl-rounded-full sl-overflow-hidden sl-shadow-xl",
+                l.value ? "sl-ring-4 sl-ring-red-400/50" : "sl-ring-4 sl-ring-white/30"
+              ])
+            }, [
+              d.value ? (i(), m("img", {
+                key: 0,
+                src: d.value,
+                alt: e.name,
+                class: "sl-w-full sl-h-full sl-object-cover",
+                onError: o
+              }, null, 40, wa)) : (i(), m("div", Ca, w(u.value), 1))
+            ], 2),
+            l.value ? (i(), m("span", $a, [
+              C(_(Nt), { class: "sl-w-4 sl-h-4 sl-text-white" })
+            ])) : k("", !0)
+          ])
+        ]),
+        s("div", _a, [
+          s("h1", Ia, w(e.name || "Unknown User"), 1),
+          e.nickname ? (i(), m("p", Sa, w(e.nickname), 1)) : k("", !0),
+          l.value ? (i(), m("div", za, [
+            s("span", Ta, [
+              C(_(Ut), { class: "sl-w-4 sl-h-4" }),
+              y[0] || (y[0] = j(" Inactive ", -1))
+            ])
+          ])) : k("", !0)
+        ])
+      ])
+    ], 6));
+  }
+}), Ma = /* @__PURE__ */ Z(La, [["__scopeId", "data-v-a51f3fb7"]]), Pa = {
+  key: 0,
+  class: "sl-flex sl-items-center sl-gap-3 sl-border-b sl-border-gray-100 dark:sl-border-gray-700 sl-px-5 sl-py-4"
+}, Ea = {
+  key: 1,
+  class: "sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-gray-100"
+}, Aa = /* @__PURE__ */ F({
+  __name: "ProfileCard",
+  props: {
+    title: {},
+    icon: {},
+    animationIndex: { default: 0 },
+    animationDelay: { default: 75 },
+    noPadding: { type: Boolean, default: !1 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = Pe(), l = b(() => t.title || t.icon || a.header), d = b(() => t.animationEnabled ? {
+      animationDelay: `${t.animationIndex * t.animationDelay}ms`
+    } : {});
+    return (u, n) => (i(), m("div", {
+      class: E([
+        "sl-profile-card",
+        "sl-relative sl-overflow-hidden",
+        "sl-rounded-xl sl-bg-white dark:sl-bg-gray-800",
+        "sl-shadow-sm sl-ring-1 sl-ring-gray-200 dark:sl-ring-gray-700",
+        e.animationEnabled && "sl-opacity-0 sl-animate-[fadeInUp_0.4s_ease-out_forwards]"
+      ]),
+      style: O(d.value)
+    }, [
+      l.value ? (i(), m("div", Pa, [
+        M(u.$slots, "header", {}, () => [
+          e.icon ? (i(), D(ge(e.icon), {
+            key: 0,
+            class: "sl-h-5 sl-w-5 sl-text-primary-600 dark:sl-text-primary-400",
+            "aria-hidden": "true"
+          })) : k("", !0),
+          e.title ? (i(), m("h3", Ea, w(e.title), 1)) : k("", !0)
+        ], !0)
+      ])) : k("", !0),
+      s("div", {
+        class: E([e.noPadding ? "" : "sl-p-5"])
+      }, [
+        M(u.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 6));
+  }
+}), le = /* @__PURE__ */ Z(Aa, [["__scopeId", "data-v-1b6c2c74"]]), Da = { class: "sl-space-y-4" }, Fa = {
+  key: 0,
+  class: "sl-flex sl-items-start sl-gap-3"
+}, Na = ["href"], Ua = {
+  key: 1,
+  class: "sl-flex sl-items-start sl-gap-3"
+}, Va = ["href"], Ba = {
+  key: 2,
+  class: "sl-flex sl-items-start sl-gap-3"
+}, ja = ["href"], Oa = /* @__PURE__ */ F({
+  __name: "ProfileContactCard",
+  props: {
+    email: {},
+    phone: {},
+    website: {},
+    animationIndex: { default: 1 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = b(() => {
+      if (!t.phone) return "";
+      const u = t.phone.replace(/\D/g, "");
+      return u.length === 10 ? `(${u.slice(0, 3)}) ${u.slice(3, 6)}-${u.slice(6)}` : u.length === 11 && u.startsWith("1") ? `+1 (${u.slice(1, 4)}) ${u.slice(4, 7)}-${u.slice(7)}` : t.phone;
+    }), l = b(() => t.website ? t.website.startsWith("http://") || t.website.startsWith("https://") ? t.website : `https://${t.website}` : ""), d = b(() => t.website ? t.website.replace(/^https?:\/\//, "").replace(/\/$/, "") : "");
+    return (u, n) => (i(), D(le, {
+      title: "Contact",
+      icon: _(_e),
+      "animation-index": e.animationIndex,
+      "animation-enabled": e.animationEnabled
+    }, {
+      default: T(() => [
+        s("div", Da, [
+          e.email ? (i(), m("div", Fa, [
+            C(_(pt), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500 sl-flex-shrink-0 sl-mt-0.5" }),
+            s("div", null, [
+              n[0] || (n[0] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "Email", -1)),
+              s("a", {
+                href: `mailto:${e.email}`,
+                class: "sl-text-sm sl-text-gray-900 dark:sl-text-gray-100 hover:sl-text-primary-600 dark:hover:sl-text-primary-400"
+              }, w(e.email), 9, Na)
+            ])
+          ])) : k("", !0),
+          e.phone ? (i(), m("div", Ua, [
+            C(_(_e), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500 sl-flex-shrink-0 sl-mt-0.5" }),
+            s("div", null, [
+              n[1] || (n[1] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "Phone", -1)),
+              s("a", {
+                href: `tel:${e.phone}`,
+                class: "sl-text-sm sl-text-primary-600 dark:sl-text-primary-400 hover:sl-underline"
+              }, w(a.value), 9, Va)
+            ])
+          ])) : k("", !0),
+          e.website ? (i(), m("div", Ba, [
+            C(_(gt), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500 sl-flex-shrink-0 sl-mt-0.5" }),
+            s("div", null, [
+              n[2] || (n[2] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "Website", -1)),
+              s("a", {
+                href: l.value,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "sl-text-sm sl-text-primary-600 dark:sl-text-primary-400 hover:sl-underline"
+              }, w(d.value), 9, ja)
+            ])
+          ])) : k("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["icon", "animation-index", "animation-enabled"]));
+  }
+}), Ra = { class: "sl-flex sl-items-center sl-gap-3" }, Ha = { class: "sl-text-sm sl-text-gray-900 dark:sl-text-gray-100" }, Ga = /* @__PURE__ */ F({
+  __name: "ProfilePersonalCard",
+  props: {
+    birthday: {},
+    animationIndex: { default: 2 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = b(() => {
+      if (!t.birthday) return "Not specified";
+      let l;
+      return typeof t.birthday == "string" ? l = re(t.birthday) : l = t.birthday, J(l) ? q(l, "MMMM d, yyyy") : "Not specified";
+    });
+    return (l, d) => (i(), D(le, {
+      title: "Personal",
+      icon: _(De),
+      "animation-index": e.animationIndex,
+      "animation-enabled": e.animationEnabled
+    }, {
+      default: T(() => [
+        s("div", Ra, [
+          C(_(yt), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500" }),
+          s("div", null, [
+            d[0] || (d[0] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "Birthday", -1)),
+            s("p", Ha, w(a.value), 1)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["icon", "animation-index", "animation-enabled"]));
+  }
+}), Ka = { class: "sl-space-y-4" }, Wa = {
+  key: 0,
+  class: "sl-flex sl-items-start sl-gap-3"
+}, Ya = {
+  key: 0,
+  class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100"
+}, Xa = {
+  key: 1,
+  class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400"
+}, qa = {
+  key: 1,
+  class: "sl-flex sl-items-center sl-gap-3"
+}, Ja = ["href"], Za = /* @__PURE__ */ F({
+  __name: "ProfileProfessionalCard",
+  props: {
+    professional: {},
+    animationIndex: { default: 3 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = () => ne("svg", {
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      class: "sl-w-5 sl-h-5"
+    }, [
+      ne("path", {
+        d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+      })
+    ]), a = e, l = b(() => a.professional?.title || a.professional?.company), d = b(() => {
+      if (!a.professional?.linkedin) return "";
+      const u = a.professional.linkedin;
+      return u.startsWith("http") ? u : u.startsWith("linkedin.com") ? `https://${u}` : `https://linkedin.com/in/${u}`;
+    });
+    return (u, n) => (i(), D(le, {
+      title: "Professional",
+      icon: _(ht),
+      "animation-index": e.animationIndex,
+      "animation-enabled": e.animationEnabled
+    }, {
+      default: T(() => [
+        s("div", Ka, [
+          l.value ? (i(), m("div", Wa, [
+            C(_(xt), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500 sl-flex-shrink-0 sl-mt-0.5" }),
+            s("div", null, [
+              e.professional?.title ? (i(), m("p", Ya, w(e.professional.title), 1)) : k("", !0),
+              e.professional?.company ? (i(), m("p", Xa, w(e.professional.company), 1)) : k("", !0)
+            ])
+          ])) : k("", !0),
+          e.professional?.linkedin ? (i(), m("div", qa, [
+            C(t, { class: "sl-h-5 sl-w-5 sl-text-[#0A66C2]" }),
+            s("div", null, [
+              n[0] || (n[0] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "LinkedIn", -1)),
+              s("a", {
+                href: d.value,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "sl-text-sm sl-text-primary-600 dark:sl-text-primary-400 hover:sl-underline"
+              }, " View Profile ", 8, Ja)
+            ])
+          ])) : k("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["icon", "animation-index", "animation-enabled"]));
+  }
+}), Qa = { class: "sl-p-5" }, eo = { class: "sl-text-sm sl-text-gray-700 dark:sl-text-gray-300" }, to = {
+  key: 0,
+  class: "sl-h-40 sl-w-full sl-bg-gray-100 dark:sl-bg-gray-700 sl-relative"
+}, so = ["src"], lo = {
+  key: 1,
+  class: "sl-w-full sl-h-full sl-flex sl-items-center sl-justify-center"
+}, ao = /* @__PURE__ */ F({
+  __name: "ProfileLocationCard",
+  props: {
+    address: {},
+    latLng: {},
+    showMap: { type: Boolean, default: !0 },
+    animationIndex: { default: 1 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = Le("googleMaps", {}), l = K(!1), d = b(() => t.address ? Array.isArray(t.address) ? t.address[0] || null : t.address : null), u = b(() => {
+      const v = d.value;
+      if (!v) return "No address specified";
+      if (v.description) return v.description;
+      if (v.name) return v.name;
+      const z = [];
+      v.street && z.push(v.street), v.suite && z.push(v.suite);
+      const h = [];
+      return v.city && h.push(v.city), v.state && h.push(v.state), v.zip && h.push(v.zip), h.length > 0 && z.push(h.join(", ")), v.country && z.push(v.country), z.length > 0 ? z.join(", ") : "No address specified";
+    }), n = b(() => {
+      if (t.latLng?.lat && t.latLng?.lng)
+        return t.latLng;
+      const v = d.value;
+      return v?.geocode?.location?.lat && v?.geocode?.location?.lng ? v.geocode.location : null;
+    }), o = b(() => !!n.value), g = b(() => {
+      if (l.value || !n.value) return null;
+      const v = a?.staticMapsApiKey || a?.apiKey;
+      if (!v) return null;
+      const { lat: z, lng: h } = n.value;
+      return `https://maps.googleapis.com/maps/api/staticmap?center=${z},${h}&zoom=14&size=400x200&maptype=roadmap&markers=color:blue%7C${z},${h}&key=${v}`;
+    }), y = () => {
+      l.value = !0;
+    };
+    return (v, z) => (i(), D(le, {
+      title: "Location",
+      icon: _(Ie),
+      "animation-index": e.animationIndex,
+      "animation-enabled": e.animationEnabled,
+      "no-padding": !0
+    }, {
+      default: T(() => [
+        s("div", Qa, [
+          s("div", eo, w(u.value), 1)
+        ]),
+        e.showMap && o.value ? (i(), m("div", to, [
+          g.value ? (i(), m("img", {
+            key: 0,
+            src: g.value,
+            alt: "Location map",
+            class: "sl-w-full sl-h-full sl-object-cover",
+            onError: y
+          }, null, 40, so)) : (i(), m("div", lo, [
+            C(_(Ie), { class: "sl-w-8 sl-h-8 sl-text-gray-400 dark:sl-text-gray-500" })
+          ])),
+          z[0] || (z[0] = s("div", { class: "sl-absolute sl-bottom-1 sl-right-1 sl-text-[10px] sl-text-gray-500 sl-bg-white/80 sl-px-1 sl-rounded" }, " Map Data ", -1))
+        ])) : k("", !0)
+      ]),
+      _: 1
+    }, 8, ["icon", "animation-index", "animation-enabled"]));
+  }
+}), oo = { class: "sl-space-y-4" }, ro = { class: "sl-relative sl-flex sl-flex-col sl-items-center" }, no = {
+  key: 0,
+  class: "sl-w-0.5 sl-flex-1 sl-bg-gray-200 dark:sl-bg-gray-700 sl-min-h-[2rem]"
+}, io = { class: "sl-flex-1 sl-pb-4" }, co = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, uo = {
+  key: 0,
+  class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400"
+}, mo = { class: "sl-mt-1 sl-text-xs sl-text-gray-500 dark:sl-text-gray-500" }, fo = /* @__PURE__ */ F({
+  __name: "ProfileOrganizationsCard",
+  props: {
+    organizations: {},
+    animationIndex: { default: 5 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = b(() => t.organizations || []), l = (o) => o.organization ? typeof o.organization == "string" ? o.organization : o.organization.name || "Unknown Organization" : "Unknown Organization", d = (o) => {
+      if (!o.position) return "";
+      const g = typeof o.position == "string" ? o.position : o.position.name, y = [];
+      return o.position_prefix && y.push(o.position_prefix), g && y.push(g), o.position_suffix && y.push(o.position_suffix), y.join(" ");
+    }, u = (o) => {
+      if (!o) return null;
+      if (o instanceof Date) return J(o) ? o : null;
+      const g = re(o);
+      return J(g) ? g : null;
+    }, n = (o, g) => {
+      const y = u(o), v = u(g), z = [];
+      if (y && z.push(q(y, "MMM yyyy")), z.push("–"), v ? z.push(q(v, "MMM yyyy")) : z.push("Present"), y) {
+        const h = v || /* @__PURE__ */ new Date(), r = ce(h, y), c = Ae(h, y) % 12, p = [];
+        r > 0 && p.push(`${r} yr${r > 1 ? "s" : ""}`), (c > 0 || r === 0) && p.push(`${c || 1} mo${c > 1 ? "s" : ""}`), p.length > 0 && z.push("•", p.join(" "));
+      }
+      return z.join(" ");
+    };
+    return (o, g) => (i(), D(le, {
+      title: "Organizations",
+      icon: _(bt),
+      "animation-index": e.animationIndex,
+      "animation-enabled": e.animationEnabled
+    }, {
+      default: T(() => [
+        s("div", oo, [
+          (i(!0), m(G, null, Y(a.value, (y, v) => (i(), m("div", {
+            key: y.id || v,
+            class: "sl-flex sl-items-start sl-gap-3"
+          }, [
+            s("div", ro, [
+              g[0] || (g[0] = s("div", { class: "sl-w-3 sl-h-3 sl-rounded-full sl-bg-primary-600 dark:sl-bg-primary-400 sl-ring-4 sl-ring-white dark:sl-ring-gray-800" }, null, -1)),
+              v < a.value.length - 1 ? (i(), m("div", no)) : k("", !0)
+            ]),
+            s("div", io, [
+              s("p", co, w(l(y)), 1),
+              d(y) ? (i(), m("p", uo, w(d(y)), 1)) : k("", !0),
+              s("p", mo, w(n(y.start_date, y.end_date)), 1)
+            ])
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["icon", "animation-index", "animation-enabled"]));
+  }
+}), po = { class: "sl-grid sl-grid-cols-2 sl-gap-4" }, go = { class: "sl-w-10 sl-h-10 sl-rounded-full sl-flex sl-items-center sl-justify-center sl-bg-primary-100 dark:sl-bg-primary-900/50 sl-text-primary-600 dark:sl-text-primary-400 sl-text-sm sl-font-semibold sl-flex-shrink-0" }, yo = { class: "sl-min-w-0 sl-flex-1" }, ho = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100 sl-truncate" }, xo = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, bo = {
+  key: 0,
+  class: "sl-text-xs sl-text-gray-400 dark:sl-text-gray-500 sl-flex sl-items-center sl-gap-1"
+}, vo = /* @__PURE__ */ F({
+  __name: "ProfileRelatedNamesCard",
+  props: {
+    relatedNames: {},
+    animationIndex: { default: 6 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = b(() => t.relatedNames || []), l = (o) => {
+      if (o.name) return o.name;
+      const g = [];
+      return o.first_name && g.push(o.first_name), o.last_name && g.push(o.last_name), g.join(" ") || "Unknown";
+    }, d = (o) => {
+      const g = l(o), y = g.split(" ").filter(Boolean);
+      return y.length >= 2 ? `${y[0][0]}${y[y.length - 1][0]}`.toUpperCase() : g.substring(0, 2).toUpperCase();
+    }, u = (o) => o.label ? typeof o.label == "string" ? o.label : o.label.name || "" : o.relationship || "", n = (o) => {
+      if (!o.birthday) return "";
+      let g;
+      if (typeof o.birthday == "string" ? g = re(o.birthday) : g = o.birthday, !J(g)) return "";
+      const y = ce(/* @__PURE__ */ new Date(), g);
+      return y === 0 ? `${q(g, "MMM d, yyyy")}` : y >= 1 && y < 2 ? "over 1 year old" : `${y > 0 ? "over " : "almost "}${Math.abs(y)} years old`;
+    };
+    return (o, g) => (i(), D(le, {
+      title: "Related Names",
+      icon: _(vt),
+      "animation-index": e.animationIndex,
+      "animation-enabled": e.animationEnabled
+    }, {
+      default: T(() => [
+        s("div", po, [
+          (i(!0), m(G, null, Y(a.value, (y, v) => (i(), m("div", {
+            key: y.id || v,
+            class: "sl-flex sl-items-center sl-gap-3 sl-p-3 sl-rounded-lg sl-bg-gray-50 dark:sl-bg-gray-700/50"
+          }, [
+            s("div", go, w(d(y)), 1),
+            s("div", yo, [
+              s("p", ho, w(l(y)), 1),
+              s("p", xo, w(u(y)), 1),
+              n(y) ? (i(), m("p", bo, [
+                C(_(De), { class: "sl-w-3 sl-h-3" }),
+                j(" " + w(n(y)), 1)
+              ])) : k("", !0)
+            ])
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["icon", "animation-index", "animation-enabled"]));
+  }
+}), ko = { class: "sl-bento-profile-layout sl-min-h-screen sl-relative" }, wo = { class: "sl-relative sl-max-w-4xl sl-mx-auto sl-px-4 sl-py-8 sl-space-y-6" }, Co = {
+  key: 0,
+  class: "sl-space-y-6"
+}, $o = { class: "sl-space-y-6" }, _o = /* @__PURE__ */ F({
+  __name: "BentoProfileLayout",
+  props: {
+    profile: {},
+    config: { default: () => ({
+      showContact: !0,
+      showLocation: !0,
+      showProfessional: !0,
+      showPersonal: !0,
+      showOrganizations: !0,
+      showRelatedNames: !0,
+      showSocial: !0,
+      animationEnabled: !0,
+      animationDelay: 75
+    }) }
+  },
+  setup(e) {
+    const t = e, a = b(() => t.config?.showContact !== !1), l = b(() => t.config?.showLocation !== !1), d = b(() => t.config?.showProfessional !== !1), u = b(() => t.config?.showPersonal !== !1), n = b(() => t.config?.showOrganizations !== !1), o = b(() => t.config?.showRelatedNames !== !1), g = b(() => t.config?.animationEnabled !== !1), y = b(() => {
+      if (t.profile.name) return t.profile.name;
+      const P = [];
+      return t.profile.first_name && P.push(t.profile.first_name), t.profile.last_name && P.push(t.profile.last_name), P.join(" ") || "Unknown User";
+    }), v = b(() => t.profile.profile_image || t.profile.image || null), z = b(() => t.profile.email || t.profile.phone || t.profile.website), h = b(() => {
+      const P = t.profile.professional;
+      return P ? P.title || P.company || P.linkedin : !1;
+    }), r = b(() => {
+      const P = t.profile.address;
+      return P ? Array.isArray(P) ? P.length > 0 : !0 : !1;
+    }), c = b(() => !!p.value), p = b(() => {
+      if (t.profile.latLng?.lat && t.profile.latLng?.lng)
+        return t.profile.latLng;
+      if (t.profile._geoloc?.lat && t.profile._geoloc?.lng)
+        return t.profile._geoloc;
+      const P = t.profile.address;
+      if (P) {
+        const B = Array.isArray(P) ? P[0] : P;
+        if (B?.geocode?.location?.lat && B?.geocode?.location?.lng)
+          return B.geocode.location;
+      }
+      return null;
+    }), $ = b(() => l.value && (r.value || c.value)), f = b(() => t.profile.organizations || []), x = b(() => t.profile.relatedNames || t.profile.related_names || []);
+    return (P, B) => (i(), m("div", ko, [
+      B[0] || (B[0] = s("div", { class: "sl-absolute sl-inset-0 sl-bg-gray-50 dark:sl-bg-gray-900 sl--z-10" }, null, -1)),
+      s("div", wo, [
+        C(Ma, {
+          name: y.value,
+          nickname: e.profile.nickname,
+          image: v.value,
+          status: e.profile.status,
+          "animation-index": 0,
+          "animation-enabled": g.value
+        }, null, 8, ["name", "nickname", "image", "status", "animation-enabled"]),
+        s("div", {
+          class: E([
+            "sl-grid sl-gap-6",
+            $.value ? "sl-grid-cols-1 md:sl-grid-cols-2" : "sl-grid-cols-1"
+          ])
+        }, [
+          s("div", {
+            class: E([
+              "sl-space-y-6",
+              $.value ? "" : "sl-grid sl-grid-cols-1 md:sl-grid-cols-2 sl-gap-6"
+            ])
+          }, [
+            a.value && z.value ? (i(), D(Oa, {
+              key: 0,
+              email: e.profile.email,
+              phone: e.profile.phone,
+              website: e.profile.website,
+              "animation-index": 1,
+              "animation-enabled": g.value
+            }, null, 8, ["email", "phone", "website", "animation-enabled"])) : k("", !0),
+            u.value && e.profile.birthday ? (i(), D(Ga, {
+              key: 1,
+              birthday: e.profile.birthday,
+              "animation-index": 2,
+              "animation-enabled": g.value
+            }, null, 8, ["birthday", "animation-enabled"])) : k("", !0),
+            d.value && h.value ? (i(), D(Za, {
+              key: 2,
+              professional: e.profile.professional,
+              "animation-index": 3,
+              "animation-enabled": g.value
+            }, null, 8, ["professional", "animation-enabled"])) : k("", !0)
+          ], 2),
+          $.value ? (i(), m("div", Co, [
+            l.value && (r.value || c.value) ? (i(), D(ao, {
+              key: 0,
+              address: e.profile.address,
+              "lat-lng": p.value,
+              "animation-index": 1,
+              "animation-enabled": g.value
+            }, null, 8, ["address", "lat-lng", "animation-enabled"])) : k("", !0)
+          ])) : k("", !0)
+        ], 2),
+        s("div", $o, [
+          n.value && f.value.length > 0 ? (i(), D(fo, {
+            key: 0,
+            organizations: f.value,
+            "animation-index": 5,
+            "animation-enabled": g.value
+          }, null, 8, ["organizations", "animation-enabled"])) : k("", !0),
+          o.value && x.value.length > 0 ? (i(), D(vo, {
+            key: 1,
+            "related-names": x.value,
+            "animation-index": 6,
+            "animation-enabled": g.value
+          }, null, 8, ["related-names", "animation-enabled"])) : k("", !0)
+        ])
+      ])
+    ]));
+  }
+}), hr = /* @__PURE__ */ Z(_o, [["__scopeId", "data-v-6dd771fc"]]);
+class Io {
   designTokens;
   prefix = "sl-";
   injectCSS = !0;
@@ -2022,13 +3250,13 @@ class pl {
   phoneInputConfig;
   datepickerConfig;
   constructor() {
-    this.designTokens = pe;
+    this.designTokens = Ne;
   }
-  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);
+  install(t, a = {}) {
+    Object.keys(a).length > 0 && this.configure(a), this.injectCSS && this.injectCSSVariables(), t.config.globalProperties.$stachelockUI = this, t.provide("stachelockUI", this), this.cloudinaryConfig && t.provide("cloudinary", this.cloudinaryConfig), this.googleMapsConfig && t.provide("googleMaps", this.googleMapsConfig), this.lottieConfig && t.provide("lottie", this.lottieConfig), this.richTextConfig && t.provide("richText", this.richTextConfig), this.phoneInputConfig && t.provide("phoneInput", this.phoneInputConfig), this.datepickerConfig && t.provide("datepicker", this.datepickerConfig);
   }
-  configure(e) {
-    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);
+  configure(t) {
+    t.designTokens && (this.designTokens = Ot(t.designTokens, this.designTokens)), t.prefix !== void 0 && (this.prefix = t.prefix), t.injectCSS !== void 0 && (this.injectCSS = t.injectCSS), t.cloudinary && (this.cloudinaryConfig = t.cloudinary), t.googleMaps && (this.googleMapsConfig = t.googleMaps), t.lottie && (this.lottieConfig = t.lottie), t.richText && (this.richTextConfig = t.richText), t.phoneInput && (this.phoneInputConfig = t.phoneInput), t.datepicker && (this.datepickerConfig = t.datepicker);
   }
   getDesignTokens() {
     return this.designTokens;
@@ -2052,163 +3280,179 @@ class pl {
     return this.datepickerConfig;
   }
   generateCSS() {
-    return ys(this.designTokens);
+    return Rt(this.designTokens);
   }
   injectCSSVariables() {
-    const e = document.createElement("style");
-    e.textContent = this.generateCSS(), e.setAttribute("data-stachelock-ui", "true");
-    const o = document.querySelector('style[data-stachelock-ui="true"]');
-    o && o.remove(), document.head.appendChild(e);
+    const t = document.createElement("style");
+    t.textContent = this.generateCSS(), t.setAttribute("data-stachelock-ui", "true");
+    const a = document.querySelector('style[data-stachelock-ui="true"]');
+    a && a.remove(), document.head.appendChild(t);
   }
 }
-const Xl = new pl();
+const xr = new Io();
 export {
-  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
+  lt as AddDeleteButtonGroup,
+  dr as AddressInput,
+  ot as AlertModal,
+  tt as Avatar,
+  Yi as BackgroundGradientWrapper,
+  ue as Badge,
+  ad as Banner,
+  An as BarChart,
+  pd as BaseChart,
+  Pi as BaseModal,
+  hr as BentoProfileLayout,
+  rd as Breadcrumb,
+  oe as Button,
+  on as ButtonGroup,
+  cd as CalendarDashboard,
+  wn as CalendarHeader,
+  ur as CardLayout,
+  qi as CardWrapper,
+  nn as Checkbox,
+  rt as CheckboxInput,
+  sd as CloudinaryImage,
+  he as CollectionEditor,
+  Ms as CollectionItemList,
+  Ir as CollectionItemStatus,
+  nt as ComboboxInput,
+  Kn as ComingSoon,
+  jt as ComponentRegistry,
+  Fd as ContentSkeleton,
+  pi as DashboardLayout,
+  Zn as DatepickerInput,
+  $n as DayCalendar,
+  yi as DefaultLayout,
+  Zi as DisclosureWrapper,
+  at as DynamicForm,
+  ei as EmailInput,
+  si as EmptyInput,
+  Yn as EmptyState,
+  In as EventCard,
+  zn as EventsList,
+  ai as FileDropzoneInput,
+  ed as FormErrorWrapper,
+  qn as FormField,
+  Tt as FormFieldWrapper,
+  Fn as FunnelChart,
+  Vt as GeocodeStatus,
+  Bd as GoogleMap,
+  xi as HeaderLayout,
+  ri as HiddenInput,
+  Yd as ImageCropperModal,
+  mr as InfoCard,
+  Od as InfoWindow,
+  Bi as InlineTabs,
+  cr as InputsShowcase,
+  Un as LineChart,
+  st as Loading,
+  id as LoadingDots,
+  ln as LottieAnimation,
+  Hd as Map,
+  Li as MapAll,
+  Kd as MapMarker,
+  cn as Menu,
+  mn as Modal,
+  Ln as MonthCalendar,
+  pn as NavLink,
+  vi as NavigationGroup,
+  wi as NavigationItem,
+  Ai as NotificationContainer,
+  Fi as NotificationToast,
+  rr as OrganizationsEditor,
+  Pd as PhoneInput,
+  Bn as PieChart,
+  le as ProfileCard,
+  Oa as ProfileContactCard,
+  $i as ProfileHeaderAvatar,
+  Ma as ProfileHeaderCard,
+  ao as ProfileLocationCard,
+  fo as ProfileOrganizationsCard,
+  Ga as ProfilePersonalCard,
+  Za as ProfileProfessionalCard,
+  vo as ProfileRelatedNamesCard,
+  yn as ProgressBar,
+  Ii as ProjectLogo,
+  fr as PropsTable,
+  or as RadialProgressBar,
+  nr as RelatedNamesEditor,
+  Ad as RichTextInput,
+  Ce as SelectInput,
+  ii as SelectTextInput,
+  pr as ShowcaseCard,
+  gr as ShowcaseLayout,
+  zi as SidebarLayout,
+  Ud as SmartLoadingIndicator,
+  ir as SocialLinksEditor,
+  On as SparklineChart,
+  xr as StachelockUI,
+  Hn as StatCard,
+  yr as StateDisplay,
+  Ui as StepperPanels,
+  dt as SwitchInput,
+  ci as SwitchInputGroup,
+  Oi as TabGroup,
+  Hi as TabGroupUnderline,
+  xn as Table,
+  Ki as TabsInPills,
+  mi as TagifyInput,
+  it as TextAreaInput,
+  R as TextInput,
+  ar as ThemeDebugModal,
+  vn as Transition,
+  Er as US_CENTER,
+  Ar as WORLD_CENTER,
+  md as WeekCalendar,
+  Pn as YearCalendar,
+  yd as areaChartConfig,
+  hd as barChartConfig,
+  xd as baseTheme,
+  zr as calculateEventLanes,
+  bd as chartColors,
+  vd as chartTypography,
+  Fe as componentRegistry,
+  xr as default,
+  Bt as defaultComponentMap,
+  Dr as defaultCoordinateExtractor,
+  Ne as defaultDesignTokens,
+  kd as formatDuration,
+  wd as formatNumber,
+  Cd as formatPercentage,
+  Kr as formatUid,
+  $d as funnelChartConfig,
+  Rt as generateCSSVariables,
+  kr as generateDeterministicId,
+  Xe as generateId,
+  lr as generateTailwindConfig,
+  _d as getAreaGradient,
+  sr as getComponent,
+  Rr as getTabBadgeClasses,
+  Id as hexToRgb,
+  er as isFundamentalField,
+  Wr as isUidLike,
+  Fr as isValidCoordinate,
+  Sd as lineChartConfig,
+  Ot as mergeDesignTokens,
+  zd as pieChartConfig,
+  et as presetThemes,
+  tr as registerComponent,
+  wr as sanitizeId,
+  Yr as slugToReadable,
+  Td as stachelockColors,
+  Ld as toRgba,
+  Xr as toSentenceCase,
+  qr as toTitleCase,
+  Jr as transformString,
+  Zr as truncateString,
+  $r as useCalendar,
+  Qe as useCollectionEditor,
+  Tr as useEventSegments,
+  Mr as useFormValidation,
+  Nr as useMap,
+  Vr as useModal,
+  jr as useNotifications,
+  Hr as useSimpleTabs,
+  Qr as useStringTransform,
+  tn as useTabs,
+  Ee as useTheme
 };