@stachelock/ui 0.6.5 → 0.6.6

package/dist/index.js

@@ -1,140 +1,140 @@
-import { a as jr, g as Br, s as Pr } from "./id-DafBB_QF.js";
-import { defineAsyncComponent as Z, defineComponent as L, ref as ee, watch as oe, createBlock as j, openBlock as r, unref as _, withCtx as z, createVNode as C, createElementVNode as s, normalizeStyle as N, createTextVNode as U, withDirectives as ae, vModelText as ie, createElementBlock as c, Fragment as R, renderList as H, normalizeClass as D, toDisplayString as k, computed as p, createCommentVNode as $, resolveDynamicComponent as J, toRefs as Ce, mergeProps as _e, withKeys as de, withModifiers as ge, renderSlot as I, h as Q, reactive as Ie, useSlots as ye, Transition as ce, vShow as Se, inject as ze } from "vue";
-import W from "./inputs/TextInput.js";
-import { useCalendar as Vr } from "./composables/useCalendar.js";
+import { a as en, g as tn, s as sn } from "./id-DafBB_QF.js";
+import { defineAsyncComponent as Q, defineComponent as D, ref as te, watch as oe, createBlock as L, openBlock as o, unref as I, withCtx as C, createVNode as $, createElementVNode as s, normalizeStyle as F, createTextVNode as R, withDirectives as ae, vModelText as ie, createElementBlock as u, Fragment as U, renderList as H, normalizeClass as z, toDisplayString as k, computed as p, createCommentVNode as w, resolveDynamicComponent as J, toRefs as Ie, mergeProps as Se, withKeys as de, withModifiers as he, renderSlot as S, h as G, reactive as ze, useSlots as ye, Transition as ce, vShow as Le, inject as De, createStaticVNode as Me } from "vue";
+import q from "./inputs/TextInput.js";
+import { useCalendar as an } from "./composables/useCalendar.js";
 import { u as Te, v as re } from "./useCollectionEditor-BYyoAT0U.js";
-import { C as Fr } from "./useCollectionEditor-BYyoAT0U.js";
-import { c as Ur, u as Rr } from "./useEventSegments-B-r_8zCW.js";
-import { useFormValidation as Or } from "./composables/useFormValidation.js";
-import { U as Gr, W as Yr, d as qr, i as Kr, u as Zr } from "./useMap-BGg0H582.js";
-import { useModal as Xr } from "./composables/useModal.js";
-import { useNotifications as en } from "./composables/useNotifications.js";
-import { g as sn, u as ln } from "./useSimpleTabs-CSgkChEU.js";
-import { f as on, i as rn, s as nn, a as dn, t as cn, c as un, b as mn, u as fn } from "./useStringTransform-CSr7nZWg.js";
-import { useTabs as gn } from "./composables/useTabs.js";
-import { useTheme as he, presetThemes as De } from "./composables/useTheme.js";
-import { _ as hn } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-C0R4ADBb.js";
-import { _ as Le } from "./UiAvatar.vue_vue_type_script_setup_true_lang-WVY6JbUL.js";
+import { C as rn } from "./useCollectionEditor-BYyoAT0U.js";
+import { c as dn, u as cn } from "./useEventSegments-B-r_8zCW.js";
+import { useFormValidation as mn } from "./composables/useFormValidation.js";
+import { U as pn, W as gn, d as hn, i as yn, u as xn } from "./useMap-BGg0H582.js";
+import { useModal as vn } from "./composables/useModal.js";
+import { useNotifications as wn } from "./composables/useNotifications.js";
+import { g as _n, u as Cn } from "./useSimpleTabs-CSgkChEU.js";
+import { f as Sn, i as zn, s as Ln, a as Dn, t as Mn, c as Tn, b as Bn, u as Pn } from "./useStringTransform-CSr7nZWg.js";
+import { useTabs as An } from "./composables/useTabs.js";
+import { useTheme as xe, presetThemes as Be } from "./composables/useTheme.js";
+import { _ as Vn } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-C0R4ADBb.js";
+import { _ as Pe } from "./UiAvatar.vue_vue_type_script_setup_true_lang-WVY6JbUL.js";
 import { _ as le } from "./UiBadge.vue_vue_type_script_setup_true_lang-DOtbLb9x.js";
-import { _ as bn } from "./UiButtonGroup.vue_vue_type_script_setup_true_lang-CVwXB-cb.js";
-import { _ as kn } from "./UiCheckbox.vue_vue_type_script_setup_true_lang-BxyM_F-V.js";
-import { _ as Me } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
-import { _ as wn } from "./UiMenu.vue_vue_type_script_setup_true_lang-gnoIJm6x.js";
-import { _ as _n } from "./UiModal.vue_vue_type_script_setup_true_lang-BZC7aN7K.js";
-import { _ as Sn } from "./UiNavLink.vue_vue_type_script_setup_true_lang-C5Gicm8o.js";
-import { _ as Tn } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js";
-import { _ as Ln } from "./UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js";
-import { _ as jn } from "./UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js";
-import { UserIcon as je, XMarkIcon as Be, XCircleIcon as Pe } from "@heroicons/vue/24/solid";
-import Ae from "./components/CloudinaryImage.js";
-import { _ as Pn } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-hGa2MLyo.js";
-import { _ as Vn } from "./DayCalendar.vue_vue_type_script_setup_true_lang-D-4jcUvI.js";
-import { _ as Fn } from "./EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js";
-import { _ as Un } from "./EventsList.vue_vue_type_script_setup_true_lang-BTIoGr_e.js";
-import { _ as Hn } from "./MonthCalendar.vue_vue_type_style_index_0_lang-lnKkvJ9u.js";
-import { _ as Wn } from "./YearCalendar.vue_vue_type_script_setup_true_lang-CfKSpLLN.js";
-import { _ as Yn } from "./BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js";
-import { _ as Kn } from "./FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6xCV.js";
-import { _ as Jn } from "./LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js";
-import { _ as Qn } from "./PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4.js";
-import { _ as ti } from "./SparklineChart.vue_vue_type_script_setup_true_lang-BlNk5ZqM.js";
-import { _ as li } from "./StatCard.vue_vue_type_script_setup_true_lang-B5SuaSXL.js";
-import { format as G, differenceInYears as te, differenceInMonths as xe, isValid as Y, parseISO as X } from "date-fns";
-import { _ as Ve } from "./AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-6taLcPq0.js";
-import { _ as Ee } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BR8Pq7Kw.js";
-import { _ as Fe } from "./AlertModal.vue_vue_type_script_setup_true_lang-DzhVQdx4.js";
+import { _ as Fn } from "./UiButtonGroup.vue_vue_type_script_setup_true_lang-CVwXB-cb.js";
+import { _ as Rn } from "./UiCheckbox.vue_vue_type_script_setup_true_lang-BxyM_F-V.js";
+import { _ as je } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
+import { _ as On } from "./UiMenu.vue_vue_type_script_setup_true_lang-gnoIJm6x.js";
+import { _ as Gn } from "./UiModal.vue_vue_type_script_setup_true_lang-BZC7aN7K.js";
+import { _ as Yn } from "./UiNavLink.vue_vue_type_script_setup_true_lang-C5Gicm8o.js";
+import { _ as Zn } 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 ei } from "./UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js";
+import { UserIcon as Ae, XMarkIcon as Ee, XCircleIcon as Ve } from "@heroicons/vue/24/solid";
+import Ne from "./components/CloudinaryImage.js";
+import { _ as si } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-CA_C4dmn.js";
+import { _ as ai } from "./DayCalendar.vue_vue_type_script_setup_true_lang-D-4jcUvI.js";
+import { _ as ri } from "./EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js";
+import { _ as ii } from "./EventsList.vue_vue_type_script_setup_true_lang-BTIoGr_e.js";
+import { _ as ci } from "./MonthCalendar.vue_vue_type_style_index_0_lang-lnKkvJ9u.js";
+import { _ as mi } from "./YearCalendar.vue_vue_type_script_setup_true_lang-CfKSpLLN.js";
+import { _ as pi } from "./BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js";
+import { _ as hi } from "./FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6xCV.js";
+import { _ as xi } from "./LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js";
+import { _ as vi } from "./PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4.js";
+import { _ as wi } from "./SparklineChart.vue_vue_type_script_setup_true_lang-BlNk5ZqM.js";
+import { _ as _i } from "./StatCard.vue_vue_type_script_setup_true_lang-B5SuaSXL.js";
+import { format as Y, differenceInYears as se, differenceInMonths as be, isValid as K, parseISO as ee } from "date-fns";
+import { _ as Fe } from "./AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-6taLcPq0.js";
+import { _ as Ue } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BR8Pq7Kw.js";
+import { _ as Re } from "./AlertModal.vue_vue_type_script_setup_true_lang-DzhVQdx4.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as oi } from "./ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js";
-import { _ as ni } from "./EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js";
-import B from "dayjs";
-import be from "dayjs/plugin/utc";
-import ve from "dayjs/plugin/timezone";
-import Ne from "dayjs/plugin/relativeTime";
-import { _ as di } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js";
-import { _ as Ue } 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 ui } from "./DatepickerInput.vue_vue_type_style_index_0_lang-DbI3619T.js";
-import { _ as fi } from "./EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js";
-import { _ as gi } from "./EmptyInput.vue_vue_type_script_setup_true_lang-FWDCFF2c.js";
-import { _ as hi } from "./FileDropzoneInput.vue_vue_type_script_setup_true_lang-BJR-_ngq.js";
-import { _ as bi } from "./HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js";
-import { _ as ki } from "./ImageDropzoneInput.vue_vue_type_script_setup_true_lang-7JWDfxD2.js";
-import { _ as He } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-Cf0MJobG.js";
-import { _ as Oe } from "./SwitchInput.vue_vue_type_script_setup_true_lang-D5Es9AjF.js";
-import { _ as ue } from "./SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js";
-import { _ as wi } from "./SelectTextInput.vue_vue_type_script_setup_true_lang-BVaViHPl.js";
-import { _ as _i } from "./SwitchInputGroup.vue_vue_type_script_setup_true_lang-DigNYqVZ.js";
-import { _ as Si } from "./TagifyInput.vue_vue_type_script_setup_true_lang-BF2mK8JC.js";
-import { _ as Ti } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-BAx4gKqh.js";
-import { _ as Li } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
-import { _ as ji } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
-import { _ as Pi } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js";
-import { _ as Vi } from "./NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js";
-import { _ as Fi } from "./ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-CKCoHD1o.js";
-import { _ as Ui } from "./ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js";
-import { _ as Hi } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-CZ21EVcZ.js";
-import { _ as Wi } from "./UiMapAll.vue_vue_type_script_setup_true_lang-11yT7mTH.js";
-import { _ as Yi } from "./BaseModal.vue_vue_type_script_setup_true_lang--iGzFCnC.js";
-import { _ as Ki } from "./NotificationContainer.vue_vue_type_style_index_0_lang-CvJRwezr.js";
-import { _ as Ji } from "./NotificationToast.vue_vue_type_script_setup_true_lang-BBWpW4km.js";
-import { SwatchIcon as We, XMarkIcon as Ge, PhoneIcon as me, EnvelopeIcon as Ye, GlobeAltIcon as qe, CakeIcon as ke, CalendarDaysIcon as Ke, BriefcaseIcon as Ze, BuildingOfficeIcon as Je, MapPinIcon as fe, BuildingLibraryIcon as Xe, UserGroupIcon as Qe } from "@heroicons/vue/24/outline";
-import { _ as Qi } from "./StepperPanels.vue_vue_type_script_setup_true_lang-DPLQ9mQn.js";
-import { _ as td } from "./InlineTabs.vue_vue_type_script_setup_true_lang-B5w4yzcZ.js";
-import { _ as ld } from "./TabGroup.vue_vue_type_script_setup_true_lang-BsbiEA4E.js";
-import { _ as od } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-CPcp1-Za.js";
-import { _ as nd } from "./TabsInPills.vue_vue_type_script_setup_true_lang-U5CdRL7s.js";
-import { _ as dd } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
-import { _ as ud } from "./CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
-import { _ as fd } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-CgHPOC-w.js";
-import { _ as gd } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-D7ZAgfPs.js";
-import { TransitionRoot as et, Dialog as tt, TransitionChild as pe, DialogPanel as st, DialogTitle as lt } from "@headlessui/vue";
-import K from "./components/Button.js";
-import { default as hd } from "./components/Banner.js";
-import { default as bd } from "./components/Breadcrumb.js";
-import { default as kd } from "./components/LoadingDots.js";
-import { default as wd } from "./calendars/CalendarDashboard.js";
-import { default as _d } from "./calendars/WeekCalendar.js";
-import { default as Sd } from "./charts/BaseChart.js";
-import { areaChartConfig as Td, barChartConfig as Dd, baseTheme as Ld, chartColors as Md, chartTypography as jd, formatDuration as Bd, formatNumber as Pd, formatPercentage as Ad, funnelChartConfig as Vd, getAreaGradient as Ed, hexToRgb as Fd, lineChartConfig as Nd, pieChartConfig as Ud, stachelockColors as Rd, toRgba as Hd } from "./charts/chartTheme.js";
-import { default as Wd } from "./forms/FormFieldWrapper.js";
-import { default as Yd } from "./inputs/AddressInput.js";
-import { default as Kd } from "./inputs/PhoneInput.js";
-import { default as Jd } from "./inputs/RichTextInput.js";
-import { default as Qd } from "./loading/ContentSkeleton.js";
-import { default as t0 } from "./loading/SmartLoadingIndicator.js";
-import { default as l0 } from "./maps/GoogleMap.js";
-import { default as o0 } from "./maps/UiInfoWindow.js";
-import { default as n0 } from "./maps/UiMap.js";
-import { default as d0 } from "./maps/UiMapMarker.js";
-import { default as u0 } from "./modals/ImageCropperModal.js";
-var at = /* @__PURE__ */ ((t) => (t.Verified = "verified", t.Error = "error", t.Unverified = "unverified", t.Pending = "pending", t))(at || {});
-function Ko(t) {
+import { _ as Ii } from "./ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js";
+import { _ as zi } from "./EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js";
+import P from "dayjs";
+import ve from "dayjs/plugin/utc";
+import ke from "dayjs/plugin/timezone";
+import He from "dayjs/plugin/relativeTime";
+import { _ as Di } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js";
+import { _ as Oe } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-BikR9rgi.js";
+import { _ as We } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-D52gzkAa.js";
+import { _ as Ti } from "./DatepickerInput.vue_vue_type_style_index_0_lang-DbI3619T.js";
+import { _ as Pi } from "./EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js";
+import { _ as Ai } from "./EmptyInput.vue_vue_type_script_setup_true_lang-FWDCFF2c.js";
+import { _ as Vi } from "./FileDropzoneInput.vue_vue_type_script_setup_true_lang-BJR-_ngq.js";
+import { _ as Fi } from "./HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js";
+import { _ as Ri } from "./ImageDropzoneInput.vue_vue_type_script_setup_true_lang-7JWDfxD2.js";
+import { _ as Ge } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-Cf0MJobG.js";
+import { _ as qe } from "./SwitchInput.vue_vue_type_script_setup_true_lang-D5Es9AjF.js";
+import { _ as ue } from "./SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js";
+import { _ as Oi } from "./SelectTextInput.vue_vue_type_script_setup_true_lang-BVaViHPl.js";
+import { _ as Gi } from "./SwitchInputGroup.vue_vue_type_script_setup_true_lang-DigNYqVZ.js";
+import { _ as Yi } from "./TagifyInput.vue_vue_type_script_setup_true_lang-BF2mK8JC.js";
+import { _ as Zi } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-BAx4gKqh.js";
+import { _ as Xi } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
+import { _ as ed } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
+import { _ as sd } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js";
+import { _ as ad } from "./NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js";
+import { _ as rd } from "./ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-CKCoHD1o.js";
+import { _ as id } from "./ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js";
+import { _ as cd } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-CZ21EVcZ.js";
+import { _ as md } from "./UiMapAll.vue_vue_type_script_setup_true_lang-11yT7mTH.js";
+import { _ as pd } from "./BaseModal.vue_vue_type_script_setup_true_lang--iGzFCnC.js";
+import { _ as hd } from "./NotificationContainer.vue_vue_type_style_index_0_lang-CvJRwezr.js";
+import { _ as xd } from "./NotificationToast.vue_vue_type_script_setup_true_lang-BBWpW4km.js";
+import { SwatchIcon as Ye, XMarkIcon as Ke, PhoneIcon as me, EnvelopeIcon as Ze, GlobeAltIcon as we, CakeIcon as $e, CalendarDaysIcon as Je, BriefcaseIcon as Xe, BuildingOfficeIcon as Qe, LinkIcon as et, MapPinIcon as fe, BuildingLibraryIcon as tt, UserGroupIcon as st } from "@heroicons/vue/24/outline";
+import { _ as vd } from "./StepperPanels.vue_vue_type_script_setup_true_lang-DPLQ9mQn.js";
+import { _ as wd } from "./InlineTabs.vue_vue_type_script_setup_true_lang-slNq2sot.js";
+import { _ as _d } from "./TabGroup.vue_vue_type_script_setup_true_lang-pEKm-uUq.js";
+import { _ as Id } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang--IKyRPkX.js";
+import { _ as zd } from "./TabsInPills.vue_vue_type_script_setup_true_lang-EG0nj4F6.js";
+import { _ as Dd } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
+import { _ as Td } from "./CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
+import { _ as Pd } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-CgHPOC-w.js";
+import { _ as Ad } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-D7ZAgfPs.js";
+import { TransitionRoot as lt, Dialog as at, TransitionChild as pe, DialogPanel as ot, DialogTitle as rt } from "@headlessui/vue";
+import X from "./components/Button.js";
+import { default as Vd } from "./components/Banner.js";
+import { default as Fd } from "./components/Breadcrumb.js";
+import { default as Rd } from "./components/LoadingDots.js";
+import { default as Od } from "./calendars/CalendarDashboard.js";
+import { default as Gd } from "./calendars/WeekCalendar.js";
+import { default as Yd } from "./charts/BaseChart.js";
+import { areaChartConfig as Zd, barChartConfig as Jd, baseTheme as Xd, chartColors as Qd, chartTypography as e0, formatDuration as t0, formatNumber as s0, formatPercentage as l0, funnelChartConfig as a0, getAreaGradient as o0, hexToRgb as r0, lineChartConfig as n0, pieChartConfig as i0, stachelockColors as d0, toRgba as c0 } from "./charts/chartTheme.js";
+import { default as m0 } from "./forms/FormFieldWrapper.js";
+import { default as p0 } from "./inputs/AddressInput.js";
+import { default as h0 } from "./inputs/PhoneInput.js";
+import { default as x0 } from "./inputs/RichTextInput.js";
+import { default as v0 } from "./loading/ContentSkeleton.js";
+import { default as w0 } from "./loading/SmartLoadingIndicator.js";
+import { default as _0 } from "./maps/GoogleMap.js";
+import { default as I0 } from "./maps/UiInfoWindow.js";
+import { default as z0 } from "./maps/UiMap.js";
+import { default as D0 } from "./maps/UiMapMarker.js";
+import { default as T0 } from "./modals/ImageCropperModal.js";
+var nt = /* @__PURE__ */ ((t) => (t.Verified = "verified", t.Error = "error", t.Unverified = "unverified", t.Pending = "pending", t))(nt || {});
+function Sr(t) {
   return ["street", "city", "state", "zipcode", "country"].includes(t);
 }
-const ot = {
+const it = {
   text: {
     component: "TextInput",
-    loader: () => Promise.resolve(W)
+    loader: () => Promise.resolve(q)
   },
   email: {
     component: "TextInput",
-    loader: () => Promise.resolve(W)
+    loader: () => Promise.resolve(q)
   },
   password: {
     component: "TextInput",
-    loader: () => Promise.resolve(W)
+    loader: () => Promise.resolve(q)
   },
   number: {
     component: "TextInput",
-    loader: () => Promise.resolve(W)
+    loader: () => Promise.resolve(q)
   },
   tel: {
     component: "TextInput",
-    loader: () => Promise.resolve(W)
+    loader: () => Promise.resolve(q)
   },
   url: {
     component: "TextInput",
-    loader: () => Promise.resolve(W)
+    loader: () => Promise.resolve(q)
   },
   textarea: {
     component: "TextAreaInput",
@@ -157,8 +157,8 @@ const ot = {
     loader: () => import("./inputs/SwitchInput.js")
   }
 };
-class rt {
-  componentMap = { ...ot };
+class dt {
+  componentMap = { ...it };
   loadedComponents = /* @__PURE__ */ new Map();
   /**
    * Register a new component type
@@ -175,7 +175,7 @@ class rt {
       return console.warn(`Component type "${e}" is not registered`), null;
     if (this.loadedComponents.has(e))
       return this.loadedComponents.get(e);
-    const l = Z({
+    const l = Q({
       loader: a.loader,
       delay: 0
     });
@@ -206,14 +206,14 @@ class rt {
     this.loadedComponents.clear();
   }
 }
-const $e = new rt();
-function Zo(t, e, a) {
-  $e.register(t, e, a);
+const _e = new dt();
+function zr(t, e, a) {
+  _e.register(t, e, a);
 }
-function Jo(t) {
-  return $e.getComponent(t);
+function Lr(t) {
+  return _e.getComponent(t);
 }
-const we = {
+const Ce = {
   colors: {
     primary: {
       50: "#edeff9",
@@ -316,42 +316,42 @@ const we = {
     "2xl": "1536px"
   }
 };
-function nt(t, e = we) {
+function ct(t, e = Ce) {
   const a = { ...e };
-  function l(u, n) {
+  function l(c, n) {
     if (n && typeof n == "object" && !Array.isArray(n)) {
-      for (const o in n)
-        if (Object.prototype.hasOwnProperty.call(n, o)) {
-          const d = u[o], x = n[o];
-          d && typeof d == "object" && !Array.isArray(d) && x && typeof x == "object" && !Array.isArray(x) ? u[o] = l(d, x) : u[o] = x;
+      for (const r in n)
+        if (Object.prototype.hasOwnProperty.call(n, r)) {
+          const i = c[r], y = n[r];
+          i && typeof i == "object" && !Array.isArray(i) && y && typeof y == "object" && !Array.isArray(y) ? c[r] = l(i, y) : c[r] = y;
         }
     }
-    return u;
+    return c;
   }
   return l(a, t);
 }
-function it(t) {
+function ut(t) {
   let e = `:root {
 `;
   return t.colors && Object.entries(t.colors).forEach(([a, l]) => {
-    typeof l == "object" && l !== null && Object.entries(l).forEach(([u, n]) => {
-      const o = u === "DEFAULT" ? a : `${a}-${u}`;
-      e += `  --sl-color-${o}: ${n};
+    typeof l == "object" && l !== null && Object.entries(l).forEach(([c, n]) => {
+      const r = c === "DEFAULT" ? a : `${a}-${c}`;
+      e += `  --sl-color-${r}: ${n};
 `;
-      const d = dt(n);
-      d && (e += `  --sl-color-${o}-rgb: ${d};
+      const i = mt(n);
+      i && (e += `  --sl-color-${r}-rgb: ${i};
 `);
     });
   }), t.spacing && Object.entries(t.spacing).forEach(([a, l]) => {
     e += `  --sl-spacing-${a}: ${l};
 `;
   }), t.borderRadius && Object.entries(t.borderRadius).forEach(([a, l]) => {
-    const u = a === "DEFAULT" ? "radius" : `radius-${a}`;
-    e += `  --sl-${u}: ${l};
+    const c = a === "DEFAULT" ? "radius" : `radius-${a}`;
+    e += `  --sl-${c}: ${l};
 `;
   }), t.shadows && Object.entries(t.shadows).forEach(([a, l]) => {
-    const u = a === "DEFAULT" ? "shadow" : `shadow-${a}`;
-    e += `  --sl-${u}: ${l};
+    const c = a === "DEFAULT" ? "shadow" : `shadow-${a}`;
+    e += `  --sl-${c}: ${l};
 `;
   }), t.typography && (t.typography.fontFamily && Object.entries(t.typography.fontFamily).forEach(([a, l]) => {
     e += `  --sl-font-family-${a}: ${l.join(", ")};
@@ -376,7 +376,7 @@ function it(t) {
 `, e += `}
 `, e;
 }
-function Xo(t) {
+function Dr(t) {
   let e = `export default {
 `;
   return e += `  prefix: "sl-",
@@ -385,8 +385,8 @@ function Xo(t) {
 `, t.colors && (e += `      colors: {
 `, Object.entries(t.colors).forEach(([a, l]) => {
     typeof l == "object" && l !== null && (e += `        "${a}": {
-`, Object.entries(l).forEach(([u, n]) => {
-      e += `          "${u === "DEFAULT" ? "DEFAULT" : u}": "${n}",
+`, Object.entries(l).forEach(([c, n]) => {
+      e += `          "${c === "DEFAULT" ? "DEFAULT" : c}": "${n}",
 `;
     }), e += `        },
 `);
@@ -408,7 +408,7 @@ function Xo(t) {
   }), e += `      },
 `), t.typography && (t.typography.fontFamily && (e += `      fontFamily: {
 `, Object.entries(t.typography.fontFamily).forEach(([a, l]) => {
-    e += `        "${a}": [${l.map((u) => `"${u}"`).join(", ")}],
+    e += `        "${a}": [${l.map((c) => `"${c}"`).join(", ")}],
 `;
   }), e += `      },
 `), t.typography.fontSize && (e += `      fontSize: {
@@ -421,47 +421,47 @@ function Xo(t) {
 `, e += `};
 `, e;
 }
-function dt(t) {
+function mt(t) {
   if (typeof t != "string") return null;
   let e = t.trim();
   if (!e.startsWith("#") || (e = e.slice(1), e.length === 3 && (e = e.split("").map((n) => n + n).join("")), e.length !== 6)) return null;
-  const a = parseInt(e.slice(0, 2), 16), l = parseInt(e.slice(2, 4), 16), u = parseInt(e.slice(4, 6), 16);
-  return Number.isNaN(a) || Number.isNaN(l) || Number.isNaN(u) ? null : `${a} ${l} ${u}`;
+  const a = parseInt(e.slice(0, 2), 16), l = parseInt(e.slice(2, 4), 16), c = parseInt(e.slice(4, 6), 16);
+  return Number.isNaN(a) || Number.isNaN(l) || Number.isNaN(c) ? null : `${a} ${l} ${c}`;
 }
-const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, ut = { class: "sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4" }, mt = { class: "sl-bg-gradient-to-r sl-from-gray-900 sl-to-gray-800 sl-px-6 sl-py-4" }, ft = { class: "sl-flex sl-items-center sl-justify-between" }, pt = { class: "sl-flex sl-items-center sl-gap-3" }, gt = { class: "sl-p-6 sl-space-y-6" }, yt = { class: "sl-flex sl-items-center sl-gap-4" }, ht = { class: "sl-relative" }, xt = { class: "sl-flex-1" }, bt = { class: "sl-grid sl-grid-cols-2 sl-gap-2" }, vt = ["onClick"], kt = { class: "sl-min-w-0" }, $t = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-truncate" }, wt = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, Ct = { 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" }, _t = { class: "sl-flex sl-flex-wrap sl-gap-2" }, It = { class: "sl-flex sl-flex-wrap sl-gap-2" }, St = { class: "sl-flex sl-items-center sl-gap-4" }, zt = { class: "sl-flex sl-items-center sl-gap-3" }, Tt = { class: "sl-flex sl-rounded-lg sl-overflow-hidden sl-shadow-sm dark:sl-shadow-slate-900/50" }, Dt = { 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" }, Lt = { class: "sl-flex sl-items-center sl-justify-between" }, Mt = { class: "sl-flex sl-gap-3" }, jt = /* @__PURE__ */ L({
+const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, pt = { class: "sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4" }, gt = { class: "sl-bg-gradient-to-r sl-from-gray-900 sl-to-gray-800 sl-px-6 sl-py-4" }, ht = { class: "sl-flex sl-items-center sl-justify-between" }, yt = { class: "sl-flex sl-items-center sl-gap-3" }, xt = { class: "sl-p-6 sl-space-y-6" }, bt = { class: "sl-flex sl-items-center sl-gap-4" }, vt = { class: "sl-relative" }, kt = { class: "sl-flex-1" }, wt = { class: "sl-grid sl-grid-cols-2 sl-gap-2" }, $t = ["onClick"], _t = { class: "sl-min-w-0" }, Ct = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-truncate" }, It = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, St = { 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" }, zt = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Lt = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Dt = { class: "sl-flex sl-items-center sl-gap-4" }, Mt = { class: "sl-flex sl-items-center sl-gap-3" }, Tt = { class: "sl-flex sl-rounded-lg sl-overflow-hidden sl-shadow-sm dark:sl-shadow-slate-900/50" }, Bt = { 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" }, Pt = { class: "sl-flex sl-items-center sl-justify-between" }, jt = { class: "sl-flex sl-gap-3" }, At = /* @__PURE__ */ D({
   __name: "ThemeDebugModal",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = e, { currentPrimaryColor: l, applyTheme: u, resetTheme: n } = he(), o = ee(l.value);
+    const a = e, { currentPrimaryColor: l, applyTheme: c, resetTheme: n } = xe(), r = te(l.value);
     oe(l, (v) => {
-      o.value = v;
+      r.value = v;
     });
-    const d = () => {
-      u(o.value);
-    }, x = (v) => {
-      o.value = v, u(v);
-    }, y = () => {
-      n(), o.value = "#3e4b9a";
+    const i = () => {
+      c(r.value);
+    }, y = (v) => {
+      r.value = v, c(v);
+    }, g = () => {
+      n(), r.value = "#3e4b9a";
     }, m = () => {
       a("update:modelValue", !1);
     }, b = () => {
-      u(o.value), a("update:modelValue", !1);
+      c(r.value), a("update:modelValue", !1);
     };
-    return (v, i) => (r(), j(_(et), {
+    return (v, d) => (o(), L(I(lt), {
       as: "template",
       show: t.modelValue
     }, {
-      default: z(() => [
-        C(_(tt), {
+      default: C(() => [
+        $(I(at), {
           as: "div",
           class: "sl-relative sl-z-[100]",
           onClose: m
         }, {
-          default: z(() => [
-            C(_(pe), {
+          default: C(() => [
+            $(I(pe), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -470,14 +470,14 @@ const ct = { 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: z(() => [...i[2] || (i[2] = [
+              default: C(() => [...d[2] || (d[2] = [
                 s("div", { class: "sl-fixed sl-inset-0 sl-bg-gray-900/60 sl-backdrop-blur-sm sl-transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            s("div", ct, [
-              s("div", ut, [
-                C(_(pe), {
+            s("div", ft, [
+              s("div", pt, [
+                $(I(pe), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -486,188 +486,188 @@ const ct = { 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: z(() => [
-                    C(_(st), { 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: z(() => [
-                        s("div", mt, [
-                          s("div", ft, [
-                            s("div", pt, [
+                  default: C(() => [
+                    $(I(ot), { 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: C(() => [
+                        s("div", gt, [
+                          s("div", ht, [
+                            s("div", yt, [
                               s("div", {
                                 class: "sl-flex sl-h-10 sl-w-10 sl-items-center sl-justify-center sl-rounded-lg",
-                                style: N({ backgroundColor: o.value })
+                                style: F({ backgroundColor: r.value })
                               }, [
-                                C(_(We), { class: "sl-h-5 sl-w-5 sl-text-white" })
+                                $(I(Ye), { class: "sl-h-5 sl-w-5 sl-text-white" })
                               ], 4),
                               s("div", null, [
-                                C(_(lt), { class: "sl-text-lg sl-font-semibold sl-text-white" }, {
-                                  default: z(() => [...i[3] || (i[3] = [
-                                    U(" Theme Customizer ", -1)
+                                $(I(rt), { class: "sl-text-lg sl-font-semibold sl-text-white" }, {
+                                  default: C(() => [...d[3] || (d[3] = [
+                                    R(" Theme Customizer ", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                i[4] || (i[4] = s("p", { class: "sl-text-xs sl-text-gray-400" }, "Preview how components adapt to different colors", -1))
+                                d[4] || (d[4] = s("p", { class: "sl-text-xs sl-text-gray-400" }, "Preview how components adapt to different colors", -1))
                               ])
                             ]),
                             s("button", {
                               onClick: m,
                               class: "sl-rounded-lg sl-p-2 sl-text-gray-400 hover:sl-bg-gray-700 hover:sl-text-white sl-transition-colors"
                             }, [
-                              C(_(Ge), { class: "sl-h-5 sl-w-5" })
+                              $(I(Ke), { class: "sl-h-5 sl-w-5" })
                             ])
                           ])
                         ]),
-                        s("div", gt, [
+                        s("div", xt, [
                           s("div", null, [
-                            i[5] || (i[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", yt, [
-                              s("div", ht, [
+                            d[5] || (d[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", bt, [
+                              s("div", vt, [
                                 ae(s("input", {
                                   type: "color",
-                                  "onUpdate:modelValue": i[0] || (i[0] = (f) => o.value = f),
-                                  onInput: d,
+                                  "onUpdate:modelValue": d[0] || (d[0] = (f) => r.value = f),
+                                  onInput: i,
                                   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), [
-                                  [ie, o.value]
+                                  [ie, r.value]
                                 ])
                               ]),
-                              s("div", xt, [
+                              s("div", kt, [
                                 ae(s("input", {
                                   type: "text",
-                                  "onUpdate:modelValue": i[1] || (i[1] = (f) => o.value = f),
-                                  onInput: d,
+                                  "onUpdate:modelValue": d[1] || (d[1] = (f) => r.value = f),
+                                  onInput: i,
                                   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), [
-                                  [ie, o.value]
+                                  [ie, r.value]
                                 ])
                               ])
                             ])
                           ]),
                           s("div", null, [
-                            i[6] || (i[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", bt, [
-                              (r(!0), c(R, null, H(_(De), (f) => (r(), c("button", {
+                            d[6] || (d[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", wt, [
+                              (o(!0), u(U, null, H(I(Be), (f) => (o(), u("button", {
                                 key: f.name,
-                                onClick: (g) => x(f.color),
-                                class: D(["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": o.value.toLowerCase() === f.color.toLowerCase() }]),
-                                style: N(o.value.toLowerCase() === f.color.toLowerCase() ? { "--tw-ring-color": f.color } : {})
+                                onClick: (h) => y(f.color),
+                                class: z(["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": r.value.toLowerCase() === f.color.toLowerCase() }]),
+                                style: F(r.value.toLowerCase() === f.color.toLowerCase() ? { "--tw-ring-color": f.color } : {})
                               }, [
                                 s("div", {
                                   class: "sl-h-8 sl-w-8 sl-rounded-lg sl-shadow-sm sl-flex-shrink-0",
-                                  style: N({ backgroundColor: f.color })
+                                  style: F({ backgroundColor: f.color })
                                 }, null, 4),
-                                s("div", kt, [
-                                  s("p", $t, k(f.name), 1),
-                                  s("p", wt, k(f.description), 1)
+                                s("div", _t, [
+                                  s("p", Ct, k(f.name), 1),
+                                  s("p", It, k(f.description), 1)
                                 ])
-                              ], 14, vt))), 128))
+                              ], 14, $t))), 128))
                             ])
                           ]),
                           s("div", null, [
-                            i[15] || (i[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", Ct, [
-                              s("div", _t, [
-                                C(K, {
+                            d[15] || (d[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", St, [
+                              s("div", zt, [
+                                $(X, {
                                   theme: "primary",
                                   size: "sm"
                                 }, {
-                                  default: z(() => [...i[7] || (i[7] = [
-                                    U("Primary", -1)
+                                  default: C(() => [...d[7] || (d[7] = [
+                                    R("Primary", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                C(K, {
+                                $(X, {
                                   theme: "primary",
                                   size: "sm",
                                   outlined: ""
                                 }, {
-                                  default: z(() => [...i[8] || (i[8] = [
-                                    U("Outlined", -1)
+                                  default: C(() => [...d[8] || (d[8] = [
+                                    R("Outlined", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                C(K, {
+                                $(X, {
                                   theme: "secondary",
                                   size: "sm"
                                 }, {
-                                  default: z(() => [...i[9] || (i[9] = [
-                                    U("Secondary", -1)
+                                  default: C(() => [...d[9] || (d[9] = [
+                                    R("Secondary", -1)
                                   ])]),
                                   _: 1
                                 })
                               ]),
-                              s("div", It, [
-                                C(le, { theme: "primary" }, {
-                                  default: z(() => [...i[10] || (i[10] = [
-                                    U("Primary Badge", -1)
+                              s("div", Lt, [
+                                $(le, { theme: "primary" }, {
+                                  default: C(() => [...d[10] || (d[10] = [
+                                    R("Primary Badge", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                C(le, { theme: "success" }, {
-                                  default: z(() => [...i[11] || (i[11] = [
-                                    U("Success", -1)
+                                $(le, { theme: "success" }, {
+                                  default: C(() => [...d[11] || (d[11] = [
+                                    R("Success", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                C(le, { theme: "warning" }, {
-                                  default: z(() => [...i[12] || (i[12] = [
-                                    U("Warning", -1)
+                                $(le, { theme: "warning" }, {
+                                  default: C(() => [...d[12] || (d[12] = [
+                                    R("Warning", -1)
                                   ])]),
                                   _: 1
                                 })
                               ]),
-                              s("div", St, [
-                                C(Me, { size: "sm" }),
-                                i[13] || (i[13] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Loading indicator", -1))
+                              s("div", Dt, [
+                                $(je, { size: "sm" }),
+                                d[13] || (d[13] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Loading indicator", -1))
                               ]),
-                              s("div", zt, [
-                                C(Le, {
+                              s("div", Mt, [
+                                $(Pe, {
                                   name: "Theme Test",
                                   size: "md"
                                 }),
-                                i[14] || (i[14] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Avatar with initials", -1))
+                                d[14] || (d[14] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Avatar with initials", -1))
                               ])
                             ])
                           ]),
                           s("div", null, [
-                            i[16] || (i[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)),
+                            d[16] || (d[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", Tt, [
-                              (r(), c(R, null, H([50, 100, 200, 300, 400, 500, 600, 700, 800, 900], (f) => s("div", {
+                              (o(), u(U, null, H([50, 100, 200, 300, 400, 500, 600, 700, 800, 900], (f) => s("div", {
                                 key: f,
                                 class: "sl-flex-1 sl-h-8 sl-relative sl-group",
-                                style: N({ backgroundColor: `rgb(var(--sl-color-primary-${f}-rgb, 128 128 128))` })
+                                style: F({ backgroundColor: `rgb(var(--sl-color-primary-${f}-rgb, 128 128 128))` })
                               }, [
                                 s("span", {
-                                  class: D(["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", f < 500 ? "sl-text-gray-700" : "sl-text-white"])
+                                  class: z(["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", f < 500 ? "sl-text-gray-700" : "sl-text-white"])
                                 }, k(f), 3)
                               ], 4)), 64))
                             ])
                           ])
                         ]),
-                        s("div", Dt, [
-                          s("div", Lt, [
+                        s("div", Bt, [
+                          s("div", Pt, [
                             s("button", {
-                              onClick: y,
+                              onClick: g,
                               class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400 hover:sl-text-gray-900 dark:hover:sl-text-white sl-font-medium sl-transition-colors"
                             }, " Reset to Default "),
-                            s("div", Mt, [
-                              C(K, {
+                            s("div", jt, [
+                              $(X, {
                                 theme: "secondary",
                                 size: "sm",
                                 onButtonClick: m
                               }, {
-                                default: z(() => [...i[17] || (i[17] = [
-                                  U(" Close ", -1)
+                                default: C(() => [...d[17] || (d[17] = [
+                                  R(" Close ", -1)
                                 ])]),
                                 _: 1
                               }),
-                              C(K, {
+                              $(X, {
                                 theme: "primary",
                                 size: "sm",
                                 onButtonClick: b
                               }, {
-                                default: z(() => [...i[18] || (i[18] = [
-                                  U(" Apply Theme ", -1)
+                                default: C(() => [...d[18] || (d[18] = [
+                                  R(" Apply Theme ", -1)
                                 ])]),
                                 _: 1
                               })
@@ -689,13 +689,13 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}), Qo = /* @__PURE__ */ A(jt, [["__scopeId", "data-v-c9b3cc37"]]), Bt = {
+}), Mr = /* @__PURE__ */ A(At, [["__scopeId", "data-v-c9b3cc37"]]), Et = {
   viewBox: "0 0 36 36",
   class: "sl-transform -sl-rotate-90 sl-w-full sl-h-full"
-}, Pt = ["stroke-width"], At = ["stroke", "stroke-dasharray", "stroke-width"], Vt = {
+}, Vt = ["stroke-width"], Nt = ["stroke", "stroke-dasharray", "stroke-width"], Ft = {
   key: 0,
   class: "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center"
-}, er = /* @__PURE__ */ L({
+}, Tr = /* @__PURE__ */ D({
   __name: "UiRadialProgressBar",
   props: {
     value: { default: 0 },
@@ -709,7 +709,7 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     const e = t, a = p(() => Math.min(100, Math.max(0, e.value))), l = p(() => ({
       width: `${e.size}px`,
       height: `${e.size}px`
-    })), u = p(() => ({
+    })), c = p(() => ({
       primary: "var(--sl-color-primary-600, #3e4b9a)",
       success: "#22c55e",
       // green-500
@@ -718,33 +718,33 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       danger: "#ef4444"
       // red-500
     })[e.color]), n = p(() => 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 (o, d) => (r(), c("div", {
+    return (r, i) => (o(), u("div", {
       class: "sl-relative sl-inline-flex",
-      style: N(l.value)
+      style: F(l.value)
     }, [
-      (r(), c("svg", Bt, [
+      (o(), u("svg", Et, [
         s("path", {
           class: "sl-fill-none sl-stroke-gray-200 dark:sl-stroke-slate-600",
           "stroke-width": t.trackWidth,
           d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
-        }, null, 8, Pt),
+        }, null, 8, Vt),
         s("path", {
           class: "sl-fill-none sl-transition-all sl-duration-500 sl-ease-out",
-          stroke: u.value,
+          stroke: c.value,
           "stroke-linecap": "round",
           "stroke-dasharray": `${a.value}, 100`,
           "stroke-width": t.trackWidth,
           d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
-        }, null, 8, At)
+        }, null, 8, Nt)
       ])),
-      t.showLabel || t.label ? (r(), c("div", Vt, [
+      t.showLabel || t.label ? (o(), u("div", Ft, [
         s("span", {
-          class: D(n.value)
+          class: z(n.value)
         }, k(t.label || `${a.value}%`), 3)
-      ])) : $("", !0)
+      ])) : w("", !0)
     ], 4));
   }
-}), tr = /* @__PURE__ */ L({
+}), Br = /* @__PURE__ */ D({
   __name: "AvatarIcon",
   props: {
     size: {},
@@ -761,7 +761,7 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       "rounded-md": "sl-rounded-md",
       "rounded-lg": "sl-rounded-lg",
       "rounded-full": "sl-rounded-full"
-    }[e.rounded || "rounded-full"], u = p(() => [
+    }[e.rounded || "rounded-full"], c = p(() => [
       "sl-inline-flex",
       "sl-p-1.5",
       `sl-h-${e.size}`,
@@ -773,41 +773,41 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       e.classes || "sl-text-primary-600 dark:sl-text-primary-400",
       `sl-h-${e.size}`,
       `sl-w-${e.size}`
-    ]), o = p(() => {
-      let d = "sl-text-xs";
+    ]), r = p(() => {
+      let i = "sl-text-xs";
       switch (e.size) {
         case 8:
-          d = "sl-text-sm";
+          i = "sl-text-sm";
           break;
         case 10:
-          d = "sl-text-base";
+          i = "sl-text-base";
           break;
         case 12:
-          d = "sl-text-lg";
+          i = "sl-text-lg";
           break;
         case 14:
-          d = "sl-text-xl";
+          i = "sl-text-xl";
           break;
         case 16:
-          d = "sl-text-2xl";
+          i = "sl-text-2xl";
           break;
       }
-      return [d, "sl-font-medium", "sl-leading-none", "sl-text-white"];
+      return [i, "sl-font-medium", "sl-leading-none", "sl-text-white"];
     });
-    return (d, x) => (r(), c("span", {
-      class: D(u.value),
-      style: N({ backgroundColor: t.color })
+    return (i, y) => (o(), u("span", {
+      class: z(c.value),
+      style: F({ backgroundColor: t.color })
     }, [
-      t.iconComponent ? (r(), j(J(t.iconComponent), {
+      t.iconComponent ? (o(), L(J(t.iconComponent), {
         key: 0,
-        class: D(n.value)
-      }, null, 8, ["class"])) : (r(), c("span", {
+        class: z(n.value)
+      }, null, 8, ["class"])) : (o(), u("span", {
         key: 1,
-        class: D(o.value)
+        class: z(r.value)
       }, k(t.initials), 3))
     ], 6));
   }
-}), Et = ["src", "alt"], sr = /* @__PURE__ */ L({
+}), Ut = ["src", "alt"], Pr = /* @__PURE__ */ D({
   __name: "AvatarImage",
   props: {
     size: {},
@@ -819,57 +819,57 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
   },
   emits: ["error"],
   setup(t, { emit: e }) {
-    const a = Z(() => import("./AvatarIcon-kcEI0AWe.js")), l = e, u = t, n = p(() => u.image && u.image.url && u.image.url.startsWith("http")), o = p(() => {
-      const h = u.image?.public_id;
-      if (!h || typeof h != "string") return "";
-      let T = h.replace(/^v\d+\//, "");
-      return T = T.replace(/\.(png|jpg|jpeg|webp|gif)$/i, ""), T;
-    }), d = p(() => {
-      const h = o.value;
-      if (typeof h != "string") return !1;
-      const T = h.trim();
-      if (T.length === 0 || T.length < 8) return !1;
-      const S = [/^https?:\/\//, /\s+/, /^\//, /\/$/, /^[0-9a-f]{3,8}$/i];
-      for (const F of S)
-        if (F.test(T))
+    const a = Q(() => import("./AvatarIcon-kcEI0AWe.js")), l = e, c = t, n = p(() => c.image && c.image.url && c.image.url.startsWith("http")), r = p(() => {
+      const x = c.image?.public_id;
+      if (!x || typeof x != "string") return "";
+      let M = x.replace(/^v\d+\//, "");
+      return M = M.replace(/\.(png|jpg|jpeg|webp|gif)$/i, ""), M;
+    }), i = p(() => {
+      const x = r.value;
+      if (typeof x != "string") return !1;
+      const M = x.trim();
+      if (M.length === 0 || M.length < 8) return !1;
+      const N = [/^https?:\/\//, /\s+/, /^\//, /\/$/, /^[0-9a-f]{3,8}$/i];
+      for (const O of N)
+        if (O.test(M))
           return !1;
       return !0;
-    }), x = (h) => {
-      u.image?.public_id && console.warn(`[AvatarImage] Failed to load image with public_id: ${u.image.public_id}`, h), l("error", h);
-    }, y = p(() => String(u.size)), m = p(() => Number(u.size)), b = p(() => `${Number(u.size) * 4}`), v = p(() => `${Number(u.size) * 4}`), i = {
+    }), y = (x) => {
+      c.image?.public_id && console.warn(`[AvatarImage] Failed to load image with public_id: ${c.image.public_id}`, x), l("error", x);
+    }, g = p(() => String(c.size)), m = p(() => Number(c.size)), b = p(() => `${Number(c.size) * 4}`), v = p(() => `${Number(c.size) * 4}`), d = {
       square: "",
       rounded: "sl-rounded",
       "rounded-md": "sl-rounded-md",
       "rounded-lg": "sl-rounded-lg",
       "rounded-full": "sl-rounded-full"
-    }, f = p(() => i[u.rounded || "rounded-full"]), g = p(() => [
-      `sl-h-${u.size}`,
-      `sl-w-${u.size}`,
+    }, f = p(() => d[c.rounded || "rounded-full"]), h = p(() => [
+      `sl-h-${c.size}`,
+      `sl-w-${c.size}`,
       f.value,
-      u.ring ?? ""
-    ]), w = p(() => [
-      (h) => h.resize(`c_thumb,g_face,w_${parseInt(y.value) * 4},h_${parseInt(y.value) * 4},z_0.8`).roundCorners(u.rounded === "rounded-full" ? "max" : "20")
+      c.ring ?? ""
+    ]), _ = p(() => [
+      (x) => x.resize(`c_thumb,g_face,w_${parseInt(g.value) * 4},h_${parseInt(g.value) * 4},z_0.8`).roundCorners(c.rounded === "rounded-full" ? "max" : "20")
     ]);
-    return (h, T) => (r(), c("div", null, [
-      n.value && t.image ? (r(), c("img", {
+    return (x, M) => (o(), u("div", null, [
+      n.value && t.image ? (o(), u("img", {
         key: 0,
         src: t.image.url,
         alt: t.altText,
-        class: D([g.value, "sl-object-cover"]),
-        onError: x
-      }, null, 42, Et)) : t.image && d.value ? (r(), j(Ae, {
+        class: z([h.value, "sl-object-cover"]),
+        onError: y
+      }, null, 42, Ut)) : t.image && i.value ? (o(), L(Ne, {
         key: 1,
-        class: D(g.value),
-        "public-id": o.value,
-        transformations: w.value,
+        class: z(h.value),
+        "public-id": r.value,
+        transformations: _.value,
         height: b.value,
         width: v.value,
         skeleton: t.skeleton || "user",
         pulse: !1,
-        onError: x
-      }, null, 8, ["class", "public-id", "transformations", "height", "width", "skeleton"])) : (r(), j(_(a), {
+        onError: y
+      }, null, 8, ["class", "public-id", "transformations", "height", "width", "skeleton"])) : (o(), L(I(a), {
         key: 2,
-        "icon-component": _(je),
+        "icon-component": I(Ae),
         size: m.value,
         color: "sl-bg-transparent",
         initials: "N/A",
@@ -877,7 +877,7 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       }, null, 8, ["icon-component", "size"]))
     ]));
   }
-}), lr = /* @__PURE__ */ L({
+}), jr = /* @__PURE__ */ D({
   __name: "AvatarInitials",
   props: {
     size: {},
@@ -887,20 +887,20 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     textColor: {}
   },
   setup(t) {
-    const e = t, { size: a, color: l, initials: u, rounded: n, textColor: o } = Ce(e), d = {
+    const e = t, { size: a, color: l, initials: c, rounded: n, textColor: r } = Ie(e), i = {
       square: "",
       rounded: "sl-rounded",
       "rounded-md": "sl-rounded-md",
       "rounded-lg": "sl-rounded-lg",
       "rounded-full": "sl-rounded-full"
-    }, x = p(() => d[n?.value || "rounded-full"]), y = p(() => [
+    }, y = p(() => i[n?.value || "rounded-full"]), g = p(() => [
       "sl-inline-flex",
       `sl-h-${a.value}`,
       `sl-w-${a.value}`,
       "sl-items-center",
       "sl-justify-center",
       l.value,
-      x.value
+      y.value
     ]), m = p(() => {
       let b = "sl-text-xs";
       if (a.value > 16)
@@ -923,17 +923,17 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
             b = "sl-text-xl";
             break;
         }
-      return [b, "sl-font-medium", "sl-leading-none", o?.value || "sl-text-white"];
+      return [b, "sl-font-medium", "sl-leading-none", r?.value || "sl-text-white"];
     });
-    return (b, v) => (r(), c("span", {
-      class: D(y.value)
+    return (b, v) => (o(), u("span", {
+      class: z(g.value)
     }, [
       s("span", {
-        class: D(m.value)
-      }, k(_(u)), 3)
+        class: z(m.value)
+      }, k(I(c)), 3)
     ], 2));
   }
-}), Ft = { class: "sl-group sl-block sl-flex-shrink-0" }, Nt = { class: "sl-flex sl-items-center" }, Ut = { class: "sl-ml-3 sl-text-left" }, Rt = { class: "sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-200 group-hover:sl-text-gray-800 dark:group-hover:sl-text-white" }, Ht = { class: "sl-text-xs sl-font-medium sl-text-gray-500 dark:sl-text-gray-400 group-hover:sl-text-gray-700 dark:group-hover:sl-text-gray-300" }, ar = /* @__PURE__ */ L({
+}), Rt = { class: "sl-group sl-block sl-flex-shrink-0" }, Ht = { class: "sl-flex sl-items-center" }, Ot = { class: "sl-ml-3 sl-text-left" }, Wt = { class: "sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-200 group-hover:sl-text-gray-800 dark:group-hover:sl-text-white" }, Gt = { class: "sl-text-xs sl-font-medium sl-text-gray-500 dark:sl-text-gray-400 group-hover:sl-text-gray-700 dark:group-hover:sl-text-gray-300" }, Ar = /* @__PURE__ */ D({
   __name: "AvatarWithText",
   props: {
     /** Which avatar component to use */
@@ -975,54 +975,54 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       iconComponent: e.iconComponent,
       rounded: e.rounded,
       skeleton: e.skeleton
-    })), l = {}, u = (n) => {
+    })), l = {}, c = (n) => {
       if (l[n])
         return l[n];
-      let o;
+      let r;
       switch (n) {
         case "AvatarImage":
-          o = Z(() => import("./AvatarImage-YFR2etb8.js"));
+          r = Q(() => import("./AvatarImage-YFR2etb8.js"));
           break;
         case "AvatarIcon":
-          o = Z(() => import("./AvatarIcon-kcEI0AWe.js"));
+          r = Q(() => import("./AvatarIcon-kcEI0AWe.js"));
           break;
         case "AvatarInitials":
-          o = Z(() => import("./AvatarInitials-B7wCnBX9.js"));
+          r = Q(() => import("./AvatarInitials-B7wCnBX9.js"));
           break;
         default:
           return null;
       }
-      return l[n] = o, o;
+      return l[n] = r, r;
     };
-    return (n, o) => (r(), c("div", Ft, [
-      s("div", Nt, [
+    return (n, r) => (o(), u("div", Rt, [
+      s("div", Ht, [
         s("div", null, [
-          (r(), j(J(u(t.componentName)), _e({ class: "sl-inline-block" }, a.value), null, 16))
+          (o(), L(J(c(t.componentName)), Se({ class: "sl-inline-block" }, a.value), null, 16))
         ]),
-        s("div", Ut, [
-          s("p", Rt, k(t.title), 1),
-          s("p", Ht, k(t.subtitle), 1)
+        s("div", Ot, [
+          s("p", Wt, k(t.title), 1),
+          s("p", Gt, k(t.subtitle), 1)
         ])
       ])
     ]));
   }
-}), Ot = { class: "sl-w-full" }, Wt = { class: "sl-border-b sl-border-gray-200 dark:sl-border-gray-700 sl-py-5 sl-flex sl-justify-between" }, Gt = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-gray-200" }, Yt = {
+}), qt = { class: "sl-w-full" }, Yt = { class: "sl-border-b sl-border-gray-200 dark:sl-border-gray-700 sl-py-5 sl-flex sl-justify-between" }, Kt = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-gray-200" }, Zt = {
   key: 0,
   class: "sl-text-xs sl-leading-6 sl-text-gray-500 dark:sl-text-gray-400"
-}, qt = {
+}, Jt = {
   key: 0,
   role: "list",
   class: "sl-divide-y sl-divide-gray-100 dark:sl-divide-gray-700"
-}, Kt = {
+}, Xt = {
   key: 0,
   class: "sl-text-sm sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-gray-200"
-}, Zt = ["tabindex", "onClick", "onKeydown"], Jt = { class: "sl-col-span-12 sm:sl-col-span-7" }, Xt = { class: "sl-py-1 sl-text-sm sl-leading-5 sl-text-gray-700 dark:sl-text-gray-300" }, Qt = { class: "sl-col-span-12 sm:sl-col-span-5 sl-flex sl-justify-end sl-items-center" }, es = {
+}, Qt = ["tabindex", "onClick", "onKeydown"], es = { class: "sl-col-span-12 sm:sl-col-span-7" }, ts = { class: "sl-py-1 sl-text-sm sl-leading-5 sl-text-gray-700 dark:sl-text-gray-300" }, ss = { class: "sl-col-span-12 sm:sl-col-span-5 sl-flex sl-justify-end sl-items-center" }, ls = {
   key: 0,
   class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400"
-}, ts = {
+}, as = {
   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"
-}, ss = /* @__PURE__ */ L({
+}, os = /* @__PURE__ */ D({
   __name: "CollectionItemList",
   props: {
     items: { default: () => [] },
@@ -1037,80 +1037,80 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
   },
   emits: ["select"],
   setup(t, { emit: e }) {
-    const a = t, l = e, u = p(() => a.items && a.items.length > 0), n = p(() => {
+    const a = t, l = e, c = p(() => a.items && a.items.length > 0), n = p(() => {
       if (!a.items) return {};
       if (!a.groupBy)
         return { "": a.items };
       const v = {};
-      return a.items.forEach((i) => {
-        const f = o(i, a.groupBy), g = d(f);
-        v[g] || (v[g] = []), v[g].push(i);
+      return a.items.forEach((d) => {
+        const f = r(d, a.groupBy), h = i(f);
+        v[h] || (v[h] = []), v[h].push(d);
       }), v;
-    }), o = (v, i) => i.split(".").reduce((f, g) => {
+    }), r = (v, d) => d.split(".").reduce((f, h) => {
       if (f && typeof f == "object")
-        return f[g];
-    }, v), d = (v) => v == null ? "Other" : typeof v == "object" && v !== null && "name" in v ? v.name : String(v), x = (v) => {
+        return f[h];
+    }, v), i = (v) => v == null ? "Other" : typeof v == "object" && v !== null && "name" in v ? v.name : String(v), y = (v) => {
       if (a.primaryField) {
-        const i = o(v, a.primaryField);
-        return typeof i == "object" && i !== null && "name" in i ? i.name : i ? String(i) : "";
+        const d = r(v, a.primaryField);
+        return typeof d == "object" && d !== null && "name" in d ? d.name : d ? String(d) : "";
       }
       return v.id;
-    }, y = (v) => {
+    }, g = (v) => {
       if (!a.secondaryField) return "";
-      const i = o(v, a.secondaryField);
-      return typeof i == "object" && i !== null && "name" in i ? i.name : i ? String(i) : "";
+      const d = r(v, a.secondaryField);
+      return typeof d == "object" && d !== null && "name" in d ? d.name : d ? String(d) : "";
     }, m = (v) => a.selected ? v.id === a.selected.id : !1, b = (v) => {
       a.canEdit && l("select", v);
     };
-    return (v, i) => (r(), c("div", Ot, [
-      s("div", Wt, [
-        s("h3", Gt, k(t.title), 1),
-        t.canEdit ? (r(), c("p", Yt, " Select an item to edit ")) : $("", !0)
+    return (v, d) => (o(), u("div", qt, [
+      s("div", Yt, [
+        s("h3", Kt, k(t.title), 1),
+        t.canEdit ? (o(), u("p", Zt, " Select an item to edit ")) : w("", !0)
       ]),
-      u.value ? (r(), c("ul", qt, [
-        (r(!0), c(R, null, H(n.value, (f, g) => (r(), c("li", {
-          key: String(g),
+      c.value ? (o(), u("ul", Jt, [
+        (o(!0), u(U, null, H(n.value, (f, h) => (o(), u("li", {
+          key: String(h),
           class: "sl-gap-x-6 sl-py-5 sl-items-center sl-space-y-3"
         }, [
-          t.groupBy ? (r(), c("p", Kt, k(d(g)), 1)) : $("", !0),
-          (r(!0), c(R, null, H(f, (w, h) => (r(), c("div", {
-            key: w.id || h,
-            class: D([
+          t.groupBy ? (o(), u("p", Xt, k(i(h)), 1)) : w("", !0),
+          (o(!0), u(U, null, H(f, (_, x) => (o(), u("div", {
+            key: _.id || x,
+            class: z([
               "sl-grid sl-grid-cols-12 sl-gap-x-4 sl-p-2 sl-rounded-md sl-transition-all",
               t.canEdit && "hover:sl-ring-1 hover:sl-ring-primary-500 hover:sl-ring-offset-2 sl-cursor-pointer",
-              m(w) && "sl-ring-1 sl-ring-primary-600 sl-ring-offset-2 sl-bg-white dark:sl-bg-gray-800"
+              m(_) && "sl-ring-1 sl-ring-primary-600 sl-ring-offset-2 sl-bg-white dark:sl-bg-gray-800"
             ]),
             role: "button",
             tabindex: t.canEdit ? 0 : -1,
-            onClick: (T) => b(w),
+            onClick: (M) => b(_),
             onKeydown: [
-              de((T) => b(w), ["enter"]),
-              de(ge((T) => b(w), ["prevent"]), ["space"])
+              de((M) => b(_), ["enter"]),
+              de(he((M) => b(_), ["prevent"]), ["space"])
             ]
           }, [
-            s("div", Jt, [
-              I(v.$slots, "item-content", { item: w }, () => [
-                s("p", Xt, k(x(w)), 1)
+            s("div", es, [
+              S(v.$slots, "item-content", { item: _ }, () => [
+                s("p", ts, k(y(_)), 1)
               ])
             ]),
-            s("div", Qt, [
-              I(v.$slots, "item-secondary", { item: w }, () => [
-                y(w) ? (r(), c("span", es, k(y(w)), 1)) : $("", !0)
+            s("div", ss, [
+              S(v.$slots, "item-secondary", { item: _ }, () => [
+                g(_) ? (o(), u("span", ls, k(g(_)), 1)) : w("", !0)
               ])
             ])
-          ], 42, Zt))), 128))
+          ], 42, Qt))), 128))
         ]))), 128))
-      ])) : (r(), c("div", ts, [
-        I(v.$slots, "empty", {}, () => [
-          U(k(t.emptyMessage), 1)
+      ])) : (o(), u("div", as, [
+        S(v.$slots, "empty", {}, () => [
+          R(k(t.emptyMessage), 1)
         ])
       ]))
     ]));
   }
-}), ls = { class: "sl-collection-editor sl-flex sl-flex-row sl-flex-wrap sl--mx-3" }, as = { class: "sl-w-full sm:sl-w-1/2 sl-px-3 sl-flex sl-flex-col" }, os = { class: "sl-mb-4 sl-flex sl-justify-between sl-items-center" }, rs = { class: "sl-flex sl-gap-2" }, ns = {
+}), rs = { class: "sl-collection-editor sl-flex sl-flex-row sl-flex-wrap sl--mx-3" }, ns = { class: "sl-w-full sm:sl-w-1/2 sl-px-3 sl-flex sl-flex-col" }, is = { class: "sl-mb-4 sl-flex sl-justify-between sl-items-center" }, ds = { class: "sl-flex sl-gap-2" }, cs = {
   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"
-}, is = { class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700 sl-pt-4" }, ds = { class: "sl-w-full sm:sl-w-1/2 sl-px-3" }, cs = /* @__PURE__ */ L({
+}, us = { class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700 sl-pt-4" }, ms = { class: "sl-w-full sm:sl-w-1/2 sl-px-3" }, fs = /* @__PURE__ */ D({
   __name: "CollectionEditor",
   props: {
     name: {},
@@ -1130,21 +1130,21 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
   },
   emits: ["update:modelValue", "item-added", "item-updated", "item-deleted", "item-selected", "update:form", "update:validity"],
   setup(t, { expose: e, emit: a }) {
-    const l = t, u = a, n = (P, ...M) => {
-      u(P, ...M);
+    const l = t, c = a, n = (T, ...B) => {
+      c(T, ...B);
     }, {
-      items: o,
-      activeItem: d,
-      formValues: x,
-      formRef: y,
+      items: r,
+      activeItem: i,
+      formValues: y,
+      formRef: g,
       buttonAttributes: m,
       showDeleteConfirm: b,
       selectItem: v,
-      handleButtonClick: i,
+      handleButtonClick: d,
       handleFormSubmit: f,
-      handleFormUpdate: g,
-      confirmDelete: w,
-      cancelDelete: h
+      handleFormUpdate: h,
+      confirmDelete: _,
+      cancelDelete: x
     } = Te(
       {
         initialItems: l.modelValue,
@@ -1156,91 +1156,91 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     );
     oe(
       () => l.modelValue,
-      (P) => {
-        P && JSON.stringify(P) !== JSON.stringify(o.value) && (o.value = P.map((M) => l.explodeItem(M)));
+      (T) => {
+        T && JSON.stringify(T) !== JSON.stringify(r.value) && (r.value = T.map((B) => l.explodeItem(B)));
       },
       { deep: !0 }
     );
-    const T = p(() => o.value), S = (P) => {
-      i(P);
-    }, F = (P) => {
-      f(P);
-    }, O = (P) => {
-      g(P), u("update:form", P);
-    }, se = () => {
-      w();
+    const M = p(() => r.value), N = (T) => {
+      d(T);
+    }, O = (T) => {
+      f(T);
+    }, W = (T) => {
+      h(T), c("update:form", T);
+    }, j = () => {
+      _();
     };
     return e({
-      getItems: () => o.value.map((P) => l.implodeItem(P)),
+      getItems: () => r.value.map((T) => l.implodeItem(T)),
       resetForm: () => {
-        x.value = { ...l.emptyFormValues }, d.value = null;
+        y.value = { ...l.emptyFormValues }, i.value = null;
       }
-    }), (P, M) => (r(), c("div", ls, [
-      s("div", as, [
-        s("div", os, [
-          s("span", rs, [
-            C(Ve, {
-              onButtonClicked: S,
-              "button-attributes": _(m)
+    }), (T, B) => (o(), u("div", rs, [
+      s("div", ns, [
+        s("div", is, [
+          s("span", ds, [
+            $(Fe, {
+              onButtonClicked: N,
+              "button-attributes": I(m)
             }, null, 8, ["button-attributes"])
           ]),
-          t.label ? (r(), c("span", ns, k(t.label), 1)) : $("", !0)
+          t.label ? (o(), u("span", cs, k(t.label), 1)) : w("", !0)
         ]),
-        s("div", is, [
-          (r(), j(Ee, {
+        s("div", us, [
+          (o(), L(Ue, {
             ref_key: "formRef",
-            ref: y,
+            ref: g,
             schema: t.schema,
-            "form-values": _(x),
+            "form-values": I(y),
             "form-name": t.name,
             "box-shadow": !1,
-            key: _(x).id,
-            onSubmitForm: F,
-            "onUpdate:form": O
+            key: I(y).id,
+            onSubmitForm: O,
+            "onUpdate:form": W
           }, null, 8, ["schema", "form-values", "form-name"]))
         ])
       ]),
-      s("div", ds, [
-        I(P.$slots, "list", {
-          items: T.value,
-          selected: _(d),
-          onSelect: _(v)
+      s("div", ms, [
+        S(T.$slots, "list", {
+          items: M.value,
+          selected: I(i),
+          onSelect: I(v)
         }, () => [
-          C(ss, {
-            items: T.value,
-            selected: _(d),
+          $(os, {
+            items: M.value,
+            selected: I(i),
             "can-edit": !0,
             title: t.title,
             "group-by": t.groupBy,
             "primary-field": t.primaryField,
             "secondary-field": t.secondaryField,
             "empty-message": t.emptyMessage,
-            onSelect: _(v)
+            onSelect: I(v)
           }, {
-            "item-content": z(({ item: V }) => [
-              I(P.$slots, "item-content", { item: V }, void 0, !0)
+            "item-content": C(({ item: E }) => [
+              S(T.$slots, "item-content", { item: E }, void 0, !0)
             ]),
-            "item-secondary": z(({ item: V }) => [
-              I(P.$slots, "item-secondary", { item: V }, void 0, !0)
+            "item-secondary": C(({ item: E }) => [
+              S(T.$slots, "item-secondary", { item: E }, void 0, !0)
             ]),
-            empty: z(() => [
-              I(P.$slots, "empty", {}, void 0, !0)
+            empty: C(() => [
+              S(T.$slots, "empty", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["items", "selected", "title", "group-by", "primary-field", "secondary-field", "empty-message", "onSelect"])
         ], !0)
       ]),
-      _(b) ? (r(), j(Fe, {
+      I(b) ? (o(), L(Re, {
         key: 0,
         title: t.deleteConfirmTitle,
         description: t.deleteConfirmMessage,
         action: "Delete",
-        onActionClicked: se,
-        onClose: _(h)
-      }, null, 8, ["title", "description", "onClose"])) : $("", !0)
+        onActionClicked: j,
+        onClose: I(x)
+      }, null, 8, ["title", "description", "onClose"])) : w("", !0)
     ]));
   }
-}), ne = /* @__PURE__ */ A(cs, [["__scopeId", "data-v-64df06ec"]]), us = { class: "sl-py-1 sl-text-sm sl-leading-5 sl-text-gray-600 dark:sl-text-gray-300" }, ms = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400" }, or = /* @__PURE__ */ L({
+}), ne = /* @__PURE__ */ A(fs, [["__scopeId", "data-v-64df06ec"]]), ps = { class: "sl-py-1 sl-text-sm sl-leading-5 sl-text-gray-600 dark:sl-text-gray-300" }, gs = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400" }, Er = /* @__PURE__ */ D({
   __name: "OrganizationsEditor",
   props: {
     name: {},
@@ -1251,7 +1251,7 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
   },
   emits: ["update:modelValue", "item-added", "item-updated", "item-deleted"],
   setup(t, { emit: e }) {
-    const a = t, l = e, u = {
+    const a = t, l = e, c = {
       id: re(),
       organization: null,
       position: null,
@@ -1323,74 +1323,74 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
           innerLabel: "End Date"
         }
       ]
-    })), o = (i, f) => f ? i.find((g) => g.name === f) || { id: f, name: f } : null, d = (i) => {
-      const f = typeof i.organization == "object" && i.organization?.name ? i.organization.name : i.organization, g = typeof i.position == "object" && i.position?.name ? i.position.name : i.position;
+    })), r = (d, f) => f ? d.find((h) => h.name === f) || { id: f, name: f } : null, i = (d) => {
+      const f = typeof d.organization == "object" && d.organization?.name ? d.organization.name : d.organization, h = typeof d.position == "object" && d.position?.name ? d.position.name : d.position;
       return {
-        ...i,
-        organization: o(a.organizations, f) || i.organization,
-        position: o(a.positions, g) || i.position
+        ...d,
+        organization: r(a.organizations, f) || d.organization,
+        position: r(a.positions, h) || d.position
       };
-    }, x = (i) => ({
-      ...i,
-      organization: typeof i.organization == "object" && i.organization?.name ? i.organization.name : i.organization,
-      position: typeof i.position == "object" && i.position?.name ? i.position.name : i.position
-    }), y = (i) => {
+    }, y = (d) => ({
+      ...d,
+      organization: typeof d.organization == "object" && d.organization?.name ? d.organization.name : d.organization,
+      position: typeof d.position == "object" && d.position?.name ? d.position.name : d.position
+    }), g = (d) => {
       const f = [];
-      if (i.position_prefix && f.push(i.position_prefix), i.position) {
-        const g = typeof i.position == "object" && i.position?.name ? i.position.name : i.position;
-        g && f.push(g);
+      if (d.position_prefix && f.push(d.position_prefix), d.position) {
+        const h = typeof d.position == "object" && d.position?.name ? d.position.name : d.position;
+        h && f.push(h);
       }
-      return i.position_suffix && f.push(i.position_suffix), f.join(" ") || "No position";
-    }, m = (i) => {
-      if (!i) return null;
-      if (i instanceof Date) return Y(i) ? i : null;
-      if (typeof i == "string") {
-        const f = X(i);
-        return Y(f) ? f : null;
+      return d.position_suffix && f.push(d.position_suffix), f.join(" ") || "No position";
+    }, m = (d) => {
+      if (!d) return null;
+      if (d instanceof Date) return K(d) ? d : null;
+      if (typeof d == "string") {
+        const f = ee(d);
+        return K(f) ? f : null;
       }
       return null;
-    }, b = (i, f) => {
-      const g = m(i), w = m(f), h = [];
-      if (g && h.push(G(g, "MMM yyyy")), h.push("–"), w ? h.push(G(w, "MMM yyyy")) : h.push("Present"), g) {
-        const T = w || /* @__PURE__ */ new Date(), S = te(T, g), F = xe(T, g) % 12, O = [];
-        S > 0 && O.push(`${S}y`), (F > 0 || S === 0) && O.push(`${F || 1}mo`), O.length > 0 && h.push("•", O.join(" "));
+    }, b = (d, f) => {
+      const h = m(d), _ = m(f), x = [];
+      if (h && x.push(Y(h, "MMM yyyy")), x.push("–"), _ ? x.push(Y(_, "MMM yyyy")) : x.push("Present"), h) {
+        const M = _ || /* @__PURE__ */ new Date(), N = se(M, h), O = be(M, h) % 12, W = [];
+        N > 0 && W.push(`${N}y`), (O > 0 || N === 0) && W.push(`${O || 1}mo`), W.length > 0 && x.push("•", W.join(" "));
       }
-      return h.join(" ");
-    }, v = (i) => {
-      l("update:modelValue", i);
+      return x.join(" ");
+    }, v = (d) => {
+      l("update:modelValue", d);
     };
-    return (i, f) => (r(), j(ne, {
+    return (d, f) => (o(), L(ne, {
       name: t.name,
       "model-value": t.modelValue,
       schema: n.value,
-      "empty-form-values": u,
+      "empty-form-values": c,
       label: t.label,
       title: "Organizations",
       "group-by": "organization",
       "primary-field": "position",
-      "explode-item": d,
-      "implode-item": x,
+      "explode-item": i,
+      "implode-item": y,
       "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": v,
-      onItemAdded: f[0] || (f[0] = (g) => l("item-added", g)),
-      onItemUpdated: f[1] || (f[1] = (g) => l("item-updated", g)),
-      onItemDeleted: f[2] || (f[2] = (g) => l("item-deleted", g))
+      onItemAdded: f[0] || (f[0] = (h) => l("item-added", h)),
+      onItemUpdated: f[1] || (f[1] = (h) => l("item-updated", h)),
+      onItemDeleted: f[2] || (f[2] = (h) => l("item-deleted", h))
     }, {
-      "item-content": z(({ item: g }) => [
-        s("p", us, k(y(g)), 1)
+      "item-content": C(({ item: h }) => [
+        s("p", ps, k(g(h)), 1)
       ]),
-      "item-secondary": z(({ item: g }) => [
-        s("span", ms, k(b(g.start_date, g.end_date)), 1)
+      "item-secondary": C(({ item: h }) => [
+        s("span", gs, k(b(h.start_date, h.end_date)), 1)
       ]),
       _: 1
     }, 8, ["name", "model-value", "schema", "label"]));
   }
-}), fs = { class: "sl-flex sl-items-center sl-gap-3" }, ps = { 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" }, gs = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, ys = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400" }, hs = {
+}), hs = { class: "sl-flex sl-items-center sl-gap-3" }, ys = { 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" }, xs = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, bs = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400" }, vs = {
   key: 0,
   class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400"
-}, rr = /* @__PURE__ */ L({
+}, Vr = /* @__PURE__ */ D({
   __name: "RelatedNamesEditor",
   props: {
     name: {},
@@ -1408,7 +1408,7 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
   },
   emits: ["update:modelValue", "item-added", "item-updated", "item-deleted"],
   setup(t, { emit: e }) {
-    const a = t, l = e, u = {
+    const a = t, l = e, c = {
       id: re(),
       first_name: "",
       last_name: "",
@@ -1455,69 +1455,69 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
           innerLabel: "Birthday"
         }
       ]
-    })), o = (f, g) => g ? f.find((w) => w.name === g) || { id: g, name: g } : null, d = (f) => {
-      const g = typeof f.label == "object" && f.label?.name ? f.label.name : f.label;
+    })), r = (f, h) => h ? f.find((_) => _.name === h) || { id: h, name: h } : null, i = (f) => {
+      const h = typeof f.label == "object" && f.label?.name ? f.label.name : f.label;
       return {
         ...f,
-        label: o(a.labels, g) || f.label
+        label: r(a.labels, h) || f.label
       };
-    }, x = (f) => ({
+    }, y = (f) => ({
       ...f,
       label: typeof f.label == "object" && f.label?.name ? f.label.name : f.label
-    }), y = (f) => {
+    }), g = (f) => {
       if (f.name) return f.name;
-      const g = [];
-      return f.first_name && g.push(f.first_name), f.last_name && g.push(f.last_name), g.join(" ") || "Unknown";
+      const h = [];
+      return f.first_name && h.push(f.first_name), f.last_name && h.push(f.last_name), h.join(" ") || "Unknown";
     }, m = (f) => {
-      const g = y(f), w = g.split(" ").filter(Boolean);
-      return w.length >= 2 ? `${w[0][0]}${w[w.length - 1][0]}`.toUpperCase() : g.substring(0, 2).toUpperCase();
+      const h = g(f), _ = h.split(" ").filter(Boolean);
+      return _.length >= 2 ? `${_[0][0]}${_[_.length - 1][0]}`.toUpperCase() : h.substring(0, 2).toUpperCase();
     }, b = (f) => f.label ? typeof f.label == "string" ? f.label : f.label.name || "" : f.relationship || "", v = (f) => {
       if (!f) return "";
-      let g;
-      if (typeof f == "string" ? g = X(f) : g = f, !Y(g)) return "";
-      const w = te(/* @__PURE__ */ new Date(), g);
-      return `${G(g, "MMM d")} (${w}y)`;
-    }, i = (f) => {
+      let h;
+      if (typeof f == "string" ? h = ee(f) : h = f, !K(h)) return "";
+      const _ = se(/* @__PURE__ */ new Date(), h);
+      return `${Y(h, "MMM d")} (${_}y)`;
+    }, d = (f) => {
       l("update:modelValue", f);
     };
-    return (f, g) => (r(), j(ne, {
+    return (f, h) => (o(), L(ne, {
       name: t.name,
       "model-value": t.modelValue,
       schema: n.value,
-      "empty-form-values": u,
+      "empty-form-values": c,
       label: t.label,
       title: "Related Names",
       "primary-field": "name",
       "secondary-field": "label",
-      "explode-item": d,
-      "implode-item": x,
+      "explode-item": i,
+      "implode-item": y,
       "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": i,
-      onItemAdded: g[0] || (g[0] = (w) => l("item-added", w)),
-      onItemUpdated: g[1] || (g[1] = (w) => l("item-updated", w)),
-      onItemDeleted: g[2] || (g[2] = (w) => l("item-deleted", w))
+      "onUpdate:modelValue": d,
+      onItemAdded: h[0] || (h[0] = (_) => l("item-added", _)),
+      onItemUpdated: h[1] || (h[1] = (_) => l("item-updated", _)),
+      onItemDeleted: h[2] || (h[2] = (_) => l("item-deleted", _))
     }, {
-      "item-content": z(({ item: w }) => [
-        s("div", fs, [
-          s("div", ps, k(m(w)), 1),
+      "item-content": C(({ item: _ }) => [
+        s("div", hs, [
+          s("div", ys, k(m(_)), 1),
           s("div", null, [
-            s("p", gs, k(y(w)), 1),
-            s("p", ys, k(b(w)), 1)
+            s("p", xs, k(g(_)), 1),
+            s("p", bs, k(b(_)), 1)
           ])
         ])
       ]),
-      "item-secondary": z(({ item: w }) => [
-        w.birthday ? (r(), c("span", hs, k(v(w.birthday)), 1)) : $("", !0)
+      "item-secondary": C(({ item: _ }) => [
+        _.birthday ? (o(), u("span", vs, k(v(_.birthday)), 1)) : w("", !0)
       ]),
       _: 1
     }, 8, ["name", "model-value", "schema", "label"]));
   }
-}), xs = { class: "sl-flex sl-items-center sl-gap-3" }, bs = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, vs = {
+}), ks = { class: "sl-flex sl-items-center sl-gap-3" }, ws = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, $s = {
   key: 0,
   class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400"
-}, ks = ["href"], nr = /* @__PURE__ */ L({
+}, _s = ["href"], Nr = /* @__PURE__ */ D({
   __name: "SocialLinksEditor",
   props: {
     name: {},
@@ -1536,15 +1536,15 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
   },
   emits: ["update:modelValue", "item-added", "item-updated", "item-deleted"],
   setup(t, { emit: e }) {
-    const a = (M) => () => Q("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [Q("path", { d: M })]), 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"), u = 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"), n = 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"), o = 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"), d = 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"), x = 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"), m = 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"), b = {
+    const a = (B) => () => G("svg", { viewBox: "0 0 24 24", fill: "currentColor" }, [G("path", { d: B })]), 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"), c = 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"), n = 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"), r = 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"), i = 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"), y = 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"), g = 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"), m = 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"), b = {
       linkedin: l,
-      twitter: u,
-      x: u,
+      twitter: c,
+      x: c,
       facebook: n,
-      instagram: o,
-      youtube: d,
-      tiktok: x,
-      github: y,
+      instagram: r,
+      youtube: i,
+      tiktok: y,
+      github: g,
       website: m
     }, v = {
       linkedin: "sl-text-[#0A66C2]",
@@ -1555,20 +1555,20 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       youtube: "sl-text-[#FF0000]",
       tiktok: "sl-text-gray-900 dark:sl-text-gray-100",
       github: "sl-text-gray-900 dark:sl-text-gray-100"
-    }, i = t, f = e, g = {
+    }, d = t, f = e, h = {
       id: re(),
       platform: "",
       handle: "",
       url: "",
       status: "new"
-    }, w = p(() => ({
+    }, _ = p(() => ({
       fields: [
         {
           name: "platform",
           label: "Platform",
           as: "SelectInput",
           type: "select",
-          items: i.platforms,
+          items: d.platforms,
           itemKey: "id",
           itemText: "name",
           hideLabel: !0,
@@ -1594,69 +1594,69 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
           placeholder: "https://..."
         }
       ]
-    })), h = (M) => M, T = (M) => M, S = (M) => i.platforms.find((E) => E.id === M)?.name || M || "Unknown Platform", F = (M) => {
-      const V = M?.toLowerCase() || "website";
-      return b[V] || m;
-    }, O = (M) => {
-      const V = M?.toLowerCase() || "website";
-      return v[V] || "sl-text-gray-500";
-    }, se = (M) => M ? M.startsWith("http://") || M.startsWith("https://") ? M : `https://${M}` : "#", P = (M) => {
-      f("update:modelValue", M);
+    })), x = (B) => B, M = (B) => B, N = (B) => d.platforms.find((V) => V.id === B)?.name || B || "Unknown Platform", O = (B) => {
+      const E = B?.toLowerCase() || "website";
+      return b[E] || m;
+    }, W = (B) => {
+      const E = B?.toLowerCase() || "website";
+      return v[E] || "sl-text-gray-500";
+    }, j = (B) => B ? B.startsWith("http://") || B.startsWith("https://") ? B : `https://${B}` : "#", T = (B) => {
+      f("update:modelValue", B);
     };
-    return (M, V) => (r(), j(ne, {
+    return (B, E) => (o(), L(ne, {
       name: t.name,
       "model-value": t.modelValue,
-      schema: w.value,
-      "empty-form-values": g,
+      schema: _.value,
+      "empty-form-values": h,
       label: t.label,
       title: "Social Links",
       "primary-field": "platform",
       "secondary-field": "handle",
-      "explode-item": h,
-      "implode-item": T,
+      "explode-item": x,
+      "implode-item": M,
       "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": P,
-      onItemAdded: V[1] || (V[1] = (E) => f("item-added", E)),
-      onItemUpdated: V[2] || (V[2] = (E) => f("item-updated", E)),
-      onItemDeleted: V[3] || (V[3] = (E) => f("item-deleted", E))
+      "onUpdate:modelValue": T,
+      onItemAdded: E[1] || (E[1] = (V) => f("item-added", V)),
+      onItemUpdated: E[2] || (E[2] = (V) => f("item-updated", V)),
+      onItemDeleted: E[3] || (E[3] = (V) => f("item-deleted", V))
     }, {
-      "item-content": z(({ item: E }) => [
-        s("div", xs, [
-          (r(), j(J(F(E.platform)), {
-            class: D(["sl-w-5 sl-h-5 sl-flex-shrink-0", O(E.platform)])
+      "item-content": C(({ item: V }) => [
+        s("div", ks, [
+          (o(), L(J(O(V.platform)), {
+            class: z(["sl-w-5 sl-h-5 sl-flex-shrink-0", W(V.platform)])
           }, null, 8, ["class"])),
           s("div", null, [
-            s("p", bs, k(S(E.platform)), 1),
-            E.handle ? (r(), c("p", vs, " @" + k(E.handle), 1)) : $("", !0)
+            s("p", ws, k(N(V.platform)), 1),
+            V.handle ? (o(), u("p", $s, " @" + k(V.handle), 1)) : w("", !0)
           ])
         ])
       ]),
-      "item-secondary": z(({ item: E }) => [
-        E.url ? (r(), c("a", {
+      "item-secondary": C(({ item: V }) => [
+        V.url ? (o(), u("a", {
           key: 0,
-          href: se(E.url),
+          href: j(V.url),
           target: "_blank",
           rel: "noopener noreferrer",
           class: "sl-text-xs sl-text-primary-600 dark:sl-text-primary-400 hover:sl-underline",
-          onClick: V[0] || (V[0] = ge(() => {
+          onClick: E[0] || (E[0] = he(() => {
           }, ["stop"]))
-        }, " View Profile ", 8, ks)) : $("", !0)
+        }, " View Profile ", 8, _s)) : w("", !0)
       ]),
       _: 1
     }, 8, ["name", "model-value", "schema", "label"]));
   }
-}), $s = { key: 0 }, ws = {
+}), Cs = { key: 0 }, Is = {
   key: 1,
   class: "sl-text-gray-700 dark:sl-text-gray-300"
-}, Cs = {
+}, Ss = {
   key: 2,
   class: "sl-text-gray-500 dark:sl-text-gray-400"
-}, _s = {
+}, zs = {
   key: 1,
   class: "sl-flex sl-items-center"
-}, ir = /* @__PURE__ */ L({
+}, Fr = /* @__PURE__ */ D({
   __name: "DateFormatter",
   props: {
     /** The date to format */
@@ -1699,69 +1699,69 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     }
   },
   setup(t) {
-    B.extend(be), B.extend(ve), B.extend(Ne);
+    P.extend(ve), P.extend(ke), P.extend(He);
     const e = t;
     function a(n) {
       if (n == null)
         return null;
-      if (B.isDayjs(n))
+      if (P.isDayjs(n))
         return n;
       if (n instanceof Date)
-        return B(n);
+        return P(n);
       if (n && typeof n == "object" && "toDate" in n && typeof n.toDate == "function")
-        return B(n.toDate());
+        return P(n.toDate());
       if (typeof n == "number" || typeof n == "string")
-        return typeof n == "string" && n.endsWith("Z") && (n = n.slice(0, -1)), B(n);
+        return typeof n == "string" && n.endsWith("Z") && (n = n.slice(0, -1)), P(n);
       if (n && typeof n == "object" && "_seconds" in n)
-        return B.unix(n._seconds);
+        return P.unix(n._seconds);
       if (n && typeof n == "object" && "seconds" in n)
-        return B.unix(n.seconds);
+        return P.unix(n.seconds);
       if (n && typeof n == "object" && "month" in n && "year" in n) {
-        const o = n, d = typeof o.month == "number" && o.month >= 0 && o.month <= 11 ? o.month + 1 : o.month;
-        return B(`${o.year}-${String(d).padStart(2, "0")}-01`);
+        const r = n, i = typeof r.month == "number" && r.month >= 0 && r.month <= 11 ? r.month + 1 : r.month;
+        return P(`${r.year}-${String(i).padStart(2, "0")}-01`);
       }
       return null;
     }
     const l = p(() => {
       if (!e.date) return "Date unavailable";
       let n = Array.isArray(e.date) ? e.date[0] : e.date;
-      const o = a(n);
-      return !o || !o.isValid() ? "Invalid date" : o.format(e.format);
-    }), u = p(() => {
+      const r = a(n);
+      return !r || !r.isValid() ? "Invalid date" : r.format(e.format);
+    }), c = p(() => {
       if (!e.secondaryRelativeDate) return "";
       let n = Array.isArray(e.secondaryRelativeDate) ? e.secondaryRelativeDate[0] : e.secondaryRelativeDate;
-      const o = a(n);
-      if (!o || !o.isValid())
+      const r = a(n);
+      if (!r || !r.isValid())
         return "Invalid Date";
-      const d = B().to(o, !0);
-      return e.secondarySuffix ? `${d} ${e.secondarySuffix}` : d;
+      const i = P().to(r, !0);
+      return e.secondarySuffix ? `${i} ${e.secondarySuffix}` : i;
     });
-    return (n, o) => t.date || t.secondaryRelativeDate ? (r(), c("div", $s, [
+    return (n, r) => t.date || t.secondaryRelativeDate ? (o(), u("div", Cs, [
       s("span", {
-        class: D(["sl-flex sl-items-center", t.space ? "sl-space-x-1" : ""])
+        class: z(["sl-flex sl-items-center", t.space ? "sl-space-x-1" : ""])
       }, [
-        I(n.$slots, "default"),
-        t.date && t.display.date && t.leadingIcon ? (r(), j(J(t.leadingIcon), {
+        S(n.$slots, "default"),
+        t.date && t.display.date && t.leadingIcon ? (o(), L(J(t.leadingIcon), {
           key: 0,
           class: "sl-h-3 sl-w-3 sl-inline-block"
-        })) : $("", !0),
-        t.date && t.display.date ? (r(), c("span", ws, k(l.value), 1)) : $("", !0),
-        t.secondaryRelativeDate && t.display.secondaryRelativeDate ? (r(), c("span", Cs, [
-          t.date && t.display.date ? (r(), c(R, { key: 0 }, [
-            U("(" + k(u.value) + ")", 1)
-          ], 64)) : (r(), c(R, { key: 1 }, [
-            U(k(u.value), 1)
+        })) : w("", !0),
+        t.date && t.display.date ? (o(), u("span", Is, k(l.value), 1)) : w("", !0),
+        t.secondaryRelativeDate && t.display.secondaryRelativeDate ? (o(), u("span", Ss, [
+          t.date && t.display.date ? (o(), u(U, { key: 0 }, [
+            R("(" + k(c.value) + ")", 1)
+          ], 64)) : (o(), u(U, { key: 1 }, [
+            R(k(c.value), 1)
           ], 64))
-        ])) : $("", !0)
+        ])) : w("", !0)
       ], 2)
-    ])) : (r(), c("div", _s, [...o[0] || (o[0] = [
+    ])) : (o(), u("div", zs, [...r[0] || (r[0] = [
       s("span", { class: "sl-text-gray-400 dark:sl-text-gray-500 sl-italic" }, "Date unavailable", -1)
     ])]));
   }
-}), Is = { key: 0 }, Ss = { class: "sl-mt-1 sl-text-xs sl-leading-5 sl-text-gray-500 dark:sl-text-gray-400" }, zs = {
+}), Ls = { key: 0 }, Ds = { class: "sl-mt-1 sl-text-xs sl-leading-5 sl-text-gray-500 dark:sl-text-gray-400" }, Ms = {
   key: 0,
   class: "sl-block sm:sl-inline sm:sl-ml-1"
-}, Ts = { key: 1 }, dr = /* @__PURE__ */ L({
+}, Ts = { key: 1 }, Ur = /* @__PURE__ */ D({
   __name: "DateRangeFormatter",
   props: {
     /** Start date of the range */
@@ -1786,28 +1786,28 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     }
   },
   setup(t) {
-    B.extend(be), B.extend(ve);
+    P.extend(ve), P.extend(ke);
     const e = t;
     function a(m) {
       if (m == null)
         return null;
-      if (B.isDayjs(m))
+      if (P.isDayjs(m))
         return m;
       if (m instanceof Date)
-        return B(m);
+        return P(m);
       if (m && typeof m == "object" && "toDate" in m && typeof m.toDate == "function")
-        return B(m.toDate());
+        return P(m.toDate());
       if (typeof m == "number" || typeof m == "string")
-        return typeof m == "string" && m.endsWith("Z") && (m = m.slice(0, -1)), B(m);
+        return typeof m == "string" && m.endsWith("Z") && (m = m.slice(0, -1)), P(m);
       if (Array.isArray(m) && m.length > 0)
         return a(m[0]);
       if (m && typeof m == "object" && "_seconds" in m)
-        return B.unix(m._seconds);
+        return P.unix(m._seconds);
       if (m && typeof m == "object" && "seconds" in m)
-        return B.unix(m.seconds);
+        return P.unix(m.seconds);
       if (m && typeof m == "object" && "month" in m && "year" in m) {
         const b = m, v = typeof b.month == "number" && b.month >= 0 && b.month <= 11 ? b.month + 1 : b.month;
-        return B(`${b.year}-${String(v).padStart(2, "0")}-01`);
+        return P(`${b.year}-${String(v).padStart(2, "0")}-01`);
       }
       return null;
     }
@@ -1815,63 +1815,63 @@ const ct = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       const b = a(m);
       return b && b.isValid() ? b.toDate() : null;
     }
-    const u = p(() => l(e.startDate)), n = p(() => l(e.endDate)), o = p(() => u.value !== null && n.value !== null), d = p(() => {
+    const c = p(() => l(e.startDate)), n = p(() => l(e.endDate)), r = p(() => c.value !== null && n.value !== null), i = p(() => {
       try {
-        return u.value ? B(u.value).format(e.format) : "";
+        return c.value ? P(c.value).format(e.format) : "";
       } catch (m) {
         return console.error("Error formatting start date:", m), "";
       }
-    }), x = p(() => {
+    }), y = p(() => {
       try {
-        return n.value ? B(n.value).format(e.format) : "";
+        return n.value ? P(n.value).format(e.format) : "";
       } catch (m) {
         return console.error("Error formatting end date:", m), "";
       }
-    }), y = p(() => {
-      if (!u.value || !n.value) return "";
+    }), g = p(() => {
+      if (!c.value || !n.value) return "";
       try {
-        const m = B(u.value), b = B(n.value), [v, i] = m.isAfter(b) ? [b, m] : [m, b], f = i.diff(v, "year");
+        const m = P(c.value), b = P(n.value), [v, d] = m.isAfter(b) ? [b, m] : [m, b], f = d.diff(v, "year");
         if (f >= 1)
           return `${f} year${f > 1 ? "s" : ""}`;
-        const g = i.diff(v, "month");
-        if (g >= 1)
-          return `${g} month${g > 1 ? "s" : ""}`;
-        const w = i.diff(v, "day") + 1;
-        return `${w} day${w !== 1 ? "s" : ""}`;
+        const h = d.diff(v, "month");
+        if (h >= 1)
+          return `${h} month${h > 1 ? "s" : ""}`;
+        const _ = d.diff(v, "day") + 1;
+        return `${_} day${_ !== 1 ? "s" : ""}`;
       } catch (m) {
         return console.error("Error calculating time between dates:", m), "";
       }
     });
-    return (m, b) => o.value ? (r(), c("div", Is, [
-      s("p", Ss, [
-        s("span", null, k(d.value) + " – " + k(x.value), 1),
-        t.useCalculateTimeBetween ? (r(), c("span", zs, [
+    return (m, b) => r.value ? (o(), u("div", Ls, [
+      s("p", Ds, [
+        s("span", null, k(i.value) + " – " + k(y.value), 1),
+        t.useCalculateTimeBetween ? (o(), u("span", Ms, [
           b[0] || (b[0] = s("span", { class: "sl-hidden sm:sl-inline sl-mr-1" }, "•", -1)),
-          s("span", null, k(y.value), 1)
-        ])) : $("", !0)
+          s("span", null, k(g.value), 1)
+        ])) : w("", !0)
       ])
-    ])) : (r(), c("div", Ts, [...b[1] || (b[1] = [
+    ])) : (o(), u("div", Ts, [...b[1] || (b[1] = [
       s("p", { class: "sl-mt-1 sl-truncate sl-text-xs sl-leading-5 sl-text-gray-500 dark:sl-text-gray-400 sl-italic" }, " Dates unavailable ", -1)
     ])]));
   }
-}), Ds = {}, Ls = {
+}), Bs = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function Ms(t, e) {
-  return r(), c("svg", Ls, [...e[0] || (e[0] = [
+function js(t, e) {
+  return o(), u("svg", Ps, [...e[0] || (e[0] = [
     s("path", { d: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" }, null, -1)
   ])]);
 }
-const cr = /* @__PURE__ */ A(Ds, [["render", Ms]]), js = {}, Bs = {
+const As = /* @__PURE__ */ A(Bs, [["render", js]]), Es = {}, Vs = {
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function Ps(t, e) {
-  return r(), c("svg", Bs, [...e[0] || (e[0] = [
+function Ns(t, e) {
+  return o(), u("svg", Vs, [...e[0] || (e[0] = [
     s("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1879,13 +1879,13 @@ function Ps(t, e) {
     }, null, -1)
   ])]);
 }
-const ur = /* @__PURE__ */ A(js, [["render", Ps]]), As = {}, Vs = {
+const Fs = /* @__PURE__ */ A(Es, [["render", Ns]]), Us = {}, Rs = {
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function Es(t, e) {
-  return r(), c("svg", Vs, [...e[0] || (e[0] = [
+function Hs(t, e) {
+  return o(), u("svg", Rs, [...e[0] || (e[0] = [
     s("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1893,13 +1893,13 @@ function Es(t, e) {
     }, null, -1)
   ])]);
 }
-const mr = /* @__PURE__ */ A(As, [["render", Es]]), Fs = {}, Ns = {
+const Os = /* @__PURE__ */ A(Us, [["render", Hs]]), Ws = {}, Gs = {
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function Us(t, e) {
-  return r(), c("svg", Ns, [...e[0] || (e[0] = [
+function qs(t, e) {
+  return o(), u("svg", Gs, [...e[0] || (e[0] = [
     s("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1907,95 +1907,95 @@ function Us(t, e) {
     }, null, -1)
   ])]);
 }
-const fr = /* @__PURE__ */ A(Fs, [["render", Us]]), Rs = {}, Hs = {
+const Ys = /* @__PURE__ */ A(Ws, [["render", qs]]), Ks = {}, Zs = {
   role: "img",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function Os(t, e) {
-  return r(), c("svg", Hs, [...e[0] || (e[0] = [
+function Js(t, e) {
+  return o(), u("svg", Zs, [...e[0] || (e[0] = [
     s("title", null, "LinkedIn", -1),
     s("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" }, null, -1)
   ])]);
 }
-const pr = /* @__PURE__ */ A(Rs, [["render", Os]]), Ws = {}, Gs = {
+const Xs = /* @__PURE__ */ A(Ks, [["render", Js]]), Qs = {}, el = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function Ys(t, e) {
-  return r(), c("svg", Gs, [...e[0] || (e[0] = [
+function tl(t, e) {
+  return o(), u("svg", el, [...e[0] || (e[0] = [
     s("path", { d: "M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z" }, null, -1)
   ])]);
 }
-const gr = /* @__PURE__ */ A(Ws, [["render", Ys]]), qs = {}, Ks = {
+const sl = /* @__PURE__ */ A(Qs, [["render", tl]]), ll = {}, al = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function Zs(t, e) {
-  return r(), c("svg", Ks, [...e[0] || (e[0] = [
+function ol(t, e) {
+  return o(), u("svg", al, [...e[0] || (e[0] = [
     s("path", { d: "M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12 1.033-.301.165-.088.344-.104.464-.104.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509 0 .075-.015.149-.045.225-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03c-.135 0-.313-.031-.538-.074-.36-.075-.765-.135-1.273-.135-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884-.314-.045-.629-.074-.928-.074-.54 0-.958.089-1.272.149-.211.043-.391.074-.54.074-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226-.031-.063-.052-.15-.055-.225-.015-.243.165-.465.42-.509 3.264-.54 4.73-3.879 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809-.121-.029-.24-.074-.346-.119-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z" }, null, -1)
   ])]);
 }
-const yr = /* @__PURE__ */ A(qs, [["render", Zs]]), Js = {}, Xs = {
+const rl = /* @__PURE__ */ A(ll, [["render", ol]]), nl = {}, il = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function Qs(t, e) {
-  return r(), c("svg", Xs, [...e[0] || (e[0] = [
+function dl(t, e) {
+  return o(), u("svg", il, [...e[0] || (e[0] = [
     s("path", { d: "M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.432 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.96-.065-1.182.408-2.256 1.332-3.024.9-.748 2.17-1.182 3.572-1.219 1.008-.027 1.952.089 2.829.348.012-.57.012-1.132-.01-1.686-.023-.547-.072-.89-.207-1.157a1.462 1.462 0 00-.712-.74c-.381-.2-.945-.297-1.727-.297-1.508.017-2.292.456-2.636.829-.336.364-.527.924-.57 1.666l-2.095-.046c.09-1.23.496-2.168 1.208-2.786.994-.866 2.36-1.3 4.058-1.28 1.079.011 1.963.183 2.627.511.647.319 1.127.766 1.427 1.328.286.535.427 1.096.47 1.87.043.773.03 1.648-.015 2.623-.013.29-.025.582-.035.877a7.87 7.87 0 012.098.96c.895.603 1.594 1.39 2.023 2.376.737 1.694.804 4.381-1.374 6.515-1.814 1.776-4.142 2.603-7.329 2.603zm1.26-7.134c-.088-.006-.176-.01-.265-.01-1.283-.027-2.255.245-2.818.717-.542.454-.81 1.014-.775 1.622.035.588.372 1.096.952 1.43.595.343 1.35.485 2.127.439 1.079-.058 1.893-.441 2.421-1.139.517-.683.823-1.64.906-2.848-.806-.165-1.654-.24-2.548-.21z" }, null, -1)
   ])]);
 }
-const hr = /* @__PURE__ */ A(Js, [["render", Qs]]), el = {}, tl = {
+const cl = /* @__PURE__ */ A(nl, [["render", dl]]), ul = {}, ml = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024",
   fill: "currentColor",
   "fill-rule": "evenodd",
   "aria-hidden": "true"
 };
-function sl(t, e) {
-  return r(), c("svg", tl, [...e[0] || (e[0] = [
+function fl(t, e) {
+  return o(), u("svg", ml, [...e[0] || (e[0] = [
     s("path", {
       d: "M365.014.667C408.68 0 452.011.333 495.342 0c2.667 51 21 102.999 58.33 138.998 37.332 37 89.997 54 141.328 59.666v134.332c-47.998-1.667-96.33-11.667-139.994-32.333-19-8.667-36.665-19.667-53.998-31-.333 97.332.334 194.665-.666 291.663-2.667 46.666-18 93-44.998 131.332-43.665 64-119.328 105.665-196.992 106.999-47.664 2.666-95.329-10.334-135.994-34.333C55.028 725.658 7.696 652.992.697 574.993c-.667-16.667-1-33.333-.334-49.666 6-63.333 37.332-123.999 85.997-165.332 55.33-47.999 132.66-70.999 204.99-57.332.667 49.333-1.332 98.665-1.332 147.998-33-10.667-71.664-7.667-100.663 12.333-20.999 13.667-36.998 34.666-45.331 58.333-7 17-5 35.666-4.667 53.666 8 54.666 60.664 100.665 116.662 95.665 37.332-.333 72.997-22 92.33-53.666 6.332-11 13.332-22.333 13.665-35.333 3.334-59.666 2-118.998 2.334-178.664.333-134.332-.334-268.33.666-402.328",
       transform: "translate(165 112)"
     }, null, -1)
   ])]);
 }
-const xr = /* @__PURE__ */ A(el, [["render", sl]]), ll = {}, al = {
+const pl = /* @__PURE__ */ A(ul, [["render", fl]]), gl = {}, hl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function ol(t, e) {
-  return r(), c("svg", al, [...e[0] || (e[0] = [
+function yl(t, e) {
+  return o(), u("svg", hl, [...e[0] || (e[0] = [
     s("path", { d: "M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z" }, null, -1)
   ])]);
 }
-const br = /* @__PURE__ */ A(ll, [["render", ol]]), rl = {}, nl = {
+const xl = /* @__PURE__ */ A(gl, [["render", yl]]), bl = {}, vl = {
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function il(t, e) {
-  return r(), c("svg", nl, [...e[0] || (e[0] = [
+function kl(t, e) {
+  return o(), u("svg", vl, [...e[0] || (e[0] = [
     s("path", { d: "M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" }, null, -1)
   ])]);
 }
-const vr = /* @__PURE__ */ A(rl, [["render", il]]), dl = {}, cl = {
+const ge = /* @__PURE__ */ A(bl, [["render", kl]]), wl = {}, $l = {
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
 };
-function ul(t, e) {
-  return r(), c("svg", cl, [...e[0] || (e[0] = [
+function _l(t, e) {
+  return o(), u("svg", $l, [...e[0] || (e[0] = [
     s("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -2003,10 +2003,10 @@ function ul(t, e) {
     }, null, -1)
   ])]);
 }
-const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, fl = { class: "sl-space-y-8" }, pl = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, gl = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, yl = { class: "sl-whitespace-pre-wrap" }, $r = /* @__PURE__ */ L({
+const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, Sl = { class: "sl-space-y-8" }, zl = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, Ll = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, Dl = { class: "sl-whitespace-pre-wrap" }, Rr = /* @__PURE__ */ D({
   __name: "InputsShowcase",
   setup(t) {
-    const e = Ie({
+    const e = ze({
       text: "",
       textArea: "",
       switchOn: !1,
@@ -2025,7 +2025,7 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       { id: 3, name: "Python" },
       { id: 4, name: "Go" },
       { id: 5, name: "Rust" }
-    ], u = [
+    ], c = [
       { id: 1, name: "New York" },
       { id: 2, name: "San Francisco" },
       { id: 3, name: "Seattle" },
@@ -2035,66 +2035,66 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       { id: 7, name: "Miami" },
       { id: 8, name: "Boston" }
     ];
-    return (n, o) => (r(), c("section", ml, [
-      o[15] || (o[15] = s("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
-      s("div", fl, [
+    return (n, r) => (o(), u("section", Il, [
+      r[15] || (r[15] = s("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
+      s("div", Sl, [
         s("div", null, [
-          o[7] || (o[7] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
-          C(W, {
+          r[7] || (r[7] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
+          $(q, {
             name: "demoText",
             label: "Text Input",
             placeholder: "Type something...",
             value: e.text,
-            "onUpdate:value": o[0] || (o[0] = (d) => e.text = d)
+            "onUpdate:value": r[0] || (r[0] = (i) => e.text = i)
           }, null, 8, ["value"])
         ]),
         s("div", null, [
-          o[8] || (o[8] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
-          C(He, {
+          r[8] || (r[8] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
+          $(Ge, {
             name: "demoTextArea",
             label: "Text Area",
             placeholder: "Write a longer message...",
             rows: 4,
             maxlength: 200,
             modelValue: e.textArea,
-            "onUpdate:modelValue": o[1] || (o[1] = (d) => e.textArea = d)
+            "onUpdate:modelValue": r[1] || (r[1] = (i) => e.textArea = i)
           }, null, 8, ["modelValue"])
         ]),
         s("div", null, [
-          o[9] || (o[9] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
-          C(Oe, {
+          r[9] || (r[9] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
+          $(qe, {
             name: "demoSwitch",
             label: "Enable feature",
             modelValue: e.switchOn,
-            "onUpdate:modelValue": o[2] || (o[2] = (d) => e.switchOn = d),
+            "onUpdate:modelValue": r[2] || (r[2] = (i) => e.switchOn = i),
             textTrue: "ON",
             textFalse: "OFF"
           }, null, 8, ["modelValue"])
         ]),
         s("div", null, [
-          o[10] || (o[10] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
-          C(Ue, {
+          r[10] || (r[10] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
+          $(Oe, {
             name: "demoCheckbox",
             label: "I agree to the terms",
             modelValue: e.checkbox,
-            "onUpdate:modelValue": o[3] || (o[3] = (d) => e.checkbox = d)
+            "onUpdate:modelValue": r[3] || (r[3] = (i) => e.checkbox = i)
           }, null, 8, ["modelValue"])
         ]),
-        s("div", pl, [
+        s("div", zl, [
           s("div", null, [
-            o[11] || (o[11] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
-            C(ue, {
+            r[11] || (r[11] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
+            $(ue, {
               name: "demoSelect",
               label: "Favorite Fruit",
               placeholder: "Select a fruit",
               items: a,
               modelValue: e.selectedFruit,
-              "onUpdate:modelValue": o[4] || (o[4] = (d) => e.selectedFruit = d)
+              "onUpdate:modelValue": r[4] || (r[4] = (i) => e.selectedFruit = i)
             }, null, 8, ["modelValue"])
           ]),
           s("div", null, [
-            o[12] || (o[12] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
-            C(ue, {
+            r[12] || (r[12] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
+            $(ue, {
               name: "demoSelectMulti",
               label: "Favorite Languages",
               placeholder: "Select languages",
@@ -2102,82 +2102,82 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
               multiple: "",
               showAll: "",
               modelValue: e.selectedLanguages,
-              "onUpdate:modelValue": o[5] || (o[5] = (d) => e.selectedLanguages = d)
+              "onUpdate:modelValue": r[5] || (r[5] = (i) => e.selectedLanguages = i)
             }, null, 8, ["modelValue"])
           ])
         ]),
         s("div", null, [
-          o[13] || (o[13] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
-          C(Re, {
+          r[13] || (r[13] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
+          $(We, {
             name: "demoCombobox",
             label: "Search a City",
             placeholder: "Start typing...",
-            items: u,
+            items: c,
             modelValue: e.selectedCity,
-            "onUpdate:modelValue": o[6] || (o[6] = (d) => e.selectedCity = d)
+            "onUpdate:modelValue": r[6] || (r[6] = (i) => e.selectedCity = i)
           }, null, 8, ["modelValue"])
         ]),
-        s("div", gl, [
-          o[14] || (o[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
-          s("pre", yl, k(e), 1)
+        s("div", Ll, [
+          r[14] || (r[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
+          s("pre", Dl, k(e), 1)
         ])
       ])
     ]));
   }
-}), hl = { class: "sl-flex sl-items-center sl-gap-4" }, xl = {
+}), Ml = { class: "sl-flex sl-items-center sl-gap-4" }, Tl = {
   key: 0,
   class: "sl-flex-shrink-0 sl-flex sl-items-center sl-justify-center"
-}, bl = { class: "sl-flex-1 sl-min-w-0" }, vl = {
+}, Bl = { class: "sl-flex-1 sl-min-w-0" }, Pl = {
   key: 0,
   class: "sl-flex sl-items-center sl-gap-2"
-}, kl = { class: "sl-text-base sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-truncate" }, $l = {
+}, jl = { class: "sl-text-base sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-truncate" }, Al = {
   key: 0,
   class: "sl-flex-shrink-0"
-}, wl = {
+}, El = {
   key: 1,
   class: "sl-mt-0.5 sl-text-sm sl-text-gray-500 dark:sl-text-gray-300 sl-truncate"
-}, Cl = {
+}, Vl = {
   key: 1,
   class: "sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0"
-}, _l = ["aria-expanded"], Il = {
+}, Nl = ["aria-expanded"], Fl = {
   key: 1,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, Sl = { class: "sl-overflow-hidden" }, zl = {
+}, Ul = { class: "sl-overflow-hidden" }, Rl = {
   key: 0,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, Tl = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, Dl = {
+}, Hl = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, Ol = {
   key: 0,
   class: "sl-flex-1 sl-min-w-0"
-}, Ll = {
+}, Wl = {
   key: 1,
   class: "sl-flex-1"
-}, Ml = {
+}, Gl = {
   key: 2,
   class: "sl-flex sl-items-center sl-gap-3 sl-flex-shrink-0"
-}, jl = {
+}, ql = {
   key: 0,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-gray-700"
-}, Bl = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, Pl = {
+}, Yl = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, Kl = {
   key: 0,
   class: "sl-flex-1 sl-min-w-0"
-}, Al = {
+}, Zl = {
   key: 1,
   class: "sl-flex-1"
-}, Vl = {
+}, Jl = {
   key: 2,
   class: "sl-flex sl-items-center sl-gap-3 sl-flex-shrink-0"
-}, El = {
+}, Xl = {
   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"
-}, Fl = { class: "sl-flex sl-flex-col sl-items-center sl-gap-3" }, Nl = {
+}, Ql = { class: "sl-flex sl-flex-col sl-items-center sl-gap-3" }, ea = {
   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"
-}, Ul = {
+}, ta = {
   key: 0,
   class: "sl-text-sm sl-font-medium sl-text-gray-600 dark:sl-text-gray-300"
-}, Rl = /* @__PURE__ */ L({
+}, sa = /* @__PURE__ */ D({
   __name: "CardLayout",
   props: {
     variant: { default: "elevated" },
@@ -2202,43 +2202,43 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
   },
   emits: ["update:collapsed", "expand", "collapse"],
   setup(t, { expose: e, emit: a }) {
-    const l = t, u = a, n = ye(), o = ee(l.collapsed);
-    oe(() => l.collapsed, (h) => {
-      o.value = h;
+    const l = t, c = a, n = ye(), r = te(l.collapsed);
+    oe(() => l.collapsed, (x) => {
+      r.value = x;
     });
-    const d = p(() => o.value), x = () => {
-      o.value = !o.value, u("update:collapsed", o.value), o.value ? u("collapse") : u("expand");
-    }, y = p(() => l.showHeader !== void 0 ? l.showHeader : !!(n.header || n["header-icon"] || n["header-title"] || n["header-subtitle"] || n["header-badge"] || n["header-actions"] || l.collapsible)), m = p(() => l.showFooter !== void 0 ? l.showFooter : !!(n.footer || n["footer-left"] || n["footer-actions"])), b = p(() => {
-      const h = [
+    const i = p(() => r.value), y = () => {
+      r.value = !r.value, c("update:collapsed", r.value), r.value ? c("collapse") : c("expand");
+    }, g = p(() => l.showHeader !== void 0 ? l.showHeader : !!(n.header || n["header-icon"] || n["header-title"] || n["header-subtitle"] || n["header-badge"] || n["header-actions"] || l.collapsible)), m = p(() => l.showFooter !== void 0 ? l.showFooter : !!(n.footer || n["footer-left"] || n["footer-actions"])), b = p(() => {
+      const x = [
         "sl-relative",
         "sl-flex",
         "sl-flex-col"
       ];
-      switch (l.fullHeight && h.push("sl-h-full"), l.variant) {
+      switch (l.fullHeight && x.push("sl-h-full"), l.variant) {
         case "elevated":
-          h.push("sl-bg-white", "dark:sl-bg-gray-800");
+          x.push("sl-bg-white", "dark:sl-bg-gray-800");
           break;
         case "outlined":
-          h.push("sl-bg-white", "dark:sl-bg-gray-800", "sl-border", "sl-border-gray-200", "dark:sl-border-gray-700");
+          x.push("sl-bg-white", "dark:sl-bg-gray-800", "sl-border", "sl-border-gray-200", "dark:sl-border-gray-700");
           break;
         case "flat":
-          h.push("sl-bg-transparent");
+          x.push("sl-bg-transparent");
           break;
         case "filled":
-          h.push("sl-bg-gray-50", "dark:sl-bg-gray-800/50");
+          x.push("sl-bg-gray-50", "dark:sl-bg-gray-800/50");
           break;
       }
       if (l.variant === "elevated") {
-        const S = {
+        const N = {
           none: "",
           sm: "sl-shadow-sm",
           md: "sl-shadow",
           lg: "sl-shadow-lg",
           xl: "sl-shadow-xl"
         };
-        S[l.shadow] && h.push(S[l.shadow]);
+        N[l.shadow] && x.push(N[l.shadow]);
       }
-      const T = {
+      const M = {
         none: "",
         sm: "sl-rounded-sm",
         md: "sl-rounded-md",
@@ -2247,99 +2247,99 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
         "2xl": "sl-rounded-2xl",
         full: "sl-rounded-3xl"
       };
-      return T[l.rounded] && h.push(T[l.rounded]), l.hoverable && h.push(
+      return M[l.rounded] && x.push(M[l.rounded]), l.hoverable && x.push(
         "sl-transition-shadow",
         "sl-duration-200",
         "hover:sl-shadow-lg",
         "dark:hover:sl-shadow-gray-900/30"
-      ), l.bgClass && h.push(l.bgClass), l.scrollable && h.push("sl-overflow-hidden"), h;
+      ), l.bgClass && x.push(l.bgClass), l.scrollable && x.push("sl-overflow-hidden"), x;
     }), v = p(() => {
-      const h = {};
-      return l.scrollable && l.maxHeight && (h.maxHeight = l.maxHeight), h;
-    }), i = p(() => ({
+      const x = {};
+      return l.scrollable && l.maxHeight && (x.maxHeight = l.maxHeight), x;
+    }), d = p(() => ({
       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]), f = p(() => [i.value.x, i.value.y]), g = p(() => {
+    })[l.size]), f = p(() => [d.value.x, d.value.y]), h = p(() => {
       if (l.noPadding)
         return [];
-      const h = [i.value.x, i.value.y];
-      return l.scrollable && h.push("sl-flex-1", "sl-min-h-0"), h;
-    }), w = p(() => {
-      const h = {
+      const x = [d.value.x, d.value.y];
+      return l.scrollable && x.push("sl-flex-1", "sl-min-h-0"), x;
+    }), _ = p(() => {
+      const x = {
         compact: "sl-py-2",
         default: "sl-py-3",
         spacious: "sl-py-4"
       };
-      return [i.value.x, h[l.size], "sl-bg-gray-50/50 dark:sl-bg-gray-800/50"];
+      return [d.value.x, x[l.size], "sl-bg-gray-50/50 dark:sl-bg-gray-800/50"];
     });
     return e({
-      toggleCollapse: x,
-      isCollapsed: d
-    }), (h, T) => (r(), c("div", {
-      class: D([
+      toggleCollapse: y,
+      isCollapsed: i
+    }), (x, M) => (o(), u("div", {
+      class: z([
         "sl-card-layout",
         b.value,
         { "sl-cursor-pointer": t.hoverable }
       ]),
-      style: N(v.value)
+      style: F(v.value)
     }, [
-      y.value ? (r(), c("div", {
+      g.value ? (o(), u("div", {
         key: 0,
-        class: D([
+        class: z([
           "sl-card-header",
           f.value,
           { "sl-sticky sl-top-0 sl-z-10 sl-bg-inherit": t.headerSticky && t.scrollable }
         ])
       }, [
-        I(h.$slots, "header", {}, () => [
-          s("div", hl, [
-            h.$slots["header-icon"] ? (r(), c("div", xl, [
-              I(h.$slots, "header-icon", {}, void 0, !0)
-            ])) : $("", !0),
-            s("div", bl, [
-              h.$slots["header-title"] ? (r(), c("div", vl, [
-                s("h3", kl, [
-                  I(h.$slots, "header-title", {}, void 0, !0)
+        S(x.$slots, "header", {}, () => [
+          s("div", Ml, [
+            x.$slots["header-icon"] ? (o(), u("div", Tl, [
+              S(x.$slots, "header-icon", {}, void 0, !0)
+            ])) : w("", !0),
+            s("div", Bl, [
+              x.$slots["header-title"] ? (o(), u("div", Pl, [
+                s("h3", jl, [
+                  S(x.$slots, "header-title", {}, void 0, !0)
                 ]),
-                h.$slots["header-badge"] ? (r(), c("div", $l, [
-                  I(h.$slots, "header-badge", {}, void 0, !0)
-                ])) : $("", !0)
-              ])) : $("", !0),
-              h.$slots["header-subtitle"] ? (r(), c("p", wl, [
-                I(h.$slots, "header-subtitle", {}, void 0, !0)
-              ])) : $("", !0)
+                x.$slots["header-badge"] ? (o(), u("div", Al, [
+                  S(x.$slots, "header-badge", {}, void 0, !0)
+                ])) : w("", !0)
+              ])) : w("", !0),
+              x.$slots["header-subtitle"] ? (o(), u("p", El, [
+                S(x.$slots, "header-subtitle", {}, void 0, !0)
+              ])) : w("", !0)
             ]),
-            h.$slots["header-actions"] || t.collapsible ? (r(), c("div", Cl, [
-              I(h.$slots, "header-actions", {}, void 0, !0),
-              t.collapsible ? (r(), c("button", {
+            x.$slots["header-actions"] || t.collapsible ? (o(), u("div", Vl, [
+              S(x.$slots, "header-actions", {}, void 0, !0),
+              t.collapsible ? (o(), u("button", {
                 key: 0,
                 type: "button",
-                onClick: x,
+                onClick: y,
                 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": !d.value,
+                "aria-expanded": !i.value,
                 "aria-label": "Toggle content"
               }, [
-                (r(), c("svg", {
-                  class: D(["sl-h-5 sl-w-5 sl-transition-transform sl-duration-200", { "sl-rotate-180": !d.value }]),
+                (o(), u("svg", {
+                  class: z(["sl-h-5 sl-w-5 sl-transition-transform sl-duration-200", { "sl-rotate-180": !i.value }]),
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
                   "stroke-width": "2"
-                }, [...T[0] || (T[0] = [
+                }, [...M[0] || (M[0] = [
                   s("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ])], 2))
-              ], 8, _l)) : $("", !0)
-            ])) : $("", !0)
+              ], 8, Nl)) : w("", !0)
+            ])) : w("", !0)
           ])
         ], !0)
-      ], 2)) : $("", !0),
-      y.value && t.divided && !d.value ? (r(), c("div", Il)) : $("", !0),
-      t.collapsible ? (r(), j(ce, {
+      ], 2)) : w("", !0),
+      g.value && t.divided && !i.value ? (o(), u("div", Fl)) : w("", !0),
+      t.collapsible ? (o(), L(ce, {
         key: 2,
         "enter-active-class": "sl-transition-all sl-duration-200 sl-ease-out",
         "enter-from-class": "sl-opacity-0 sl-max-h-0",
@@ -2348,80 +2348,80 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
         "leave-from-class": "sl-opacity-100",
         "leave-to-class": "sl-opacity-0 sl-max-h-0"
       }, {
-        default: z(() => [
-          ae(s("div", Sl, [
+        default: C(() => [
+          ae(s("div", Ul, [
             s("div", {
-              class: D([
+              class: z([
                 "sl-card-body",
-                g.value,
+                h.value,
                 { "sl-overflow-y-auto": t.scrollable }
               ]),
-              style: N(t.scrollable && t.maxHeight ? { maxHeight: t.maxHeight } : {})
+              style: F(t.scrollable && t.maxHeight ? { maxHeight: t.maxHeight } : {})
             }, [
-              I(h.$slots, "body", {}, () => [
-                I(h.$slots, "default", {}, void 0, !0)
+              S(x.$slots, "body", {}, () => [
+                S(x.$slots, "default", {}, void 0, !0)
               ], !0)
             ], 6),
-            m.value && t.divided ? (r(), c("div", zl)) : $("", !0),
-            m.value ? (r(), c("div", {
+            m.value && t.divided ? (o(), u("div", Rl)) : w("", !0),
+            m.value ? (o(), u("div", {
               key: 1,
-              class: D([
+              class: z([
                 "sl-card-footer",
-                w.value,
+                _.value,
                 { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": t.footerSticky && t.scrollable }
               ])
             }, [
-              I(h.$slots, "footer", {}, () => [
-                s("div", Tl, [
-                  h.$slots["footer-left"] ? (r(), c("div", Dl, [
-                    I(h.$slots, "footer-left", {}, void 0, !0)
-                  ])) : (r(), c("div", Ll)),
-                  h.$slots["footer-actions"] ? (r(), c("div", Ml, [
-                    I(h.$slots, "footer-actions", {}, void 0, !0)
-                  ])) : $("", !0)
+              S(x.$slots, "footer", {}, () => [
+                s("div", Hl, [
+                  x.$slots["footer-left"] ? (o(), u("div", Ol, [
+                    S(x.$slots, "footer-left", {}, void 0, !0)
+                  ])) : (o(), u("div", Wl)),
+                  x.$slots["footer-actions"] ? (o(), u("div", Gl, [
+                    S(x.$slots, "footer-actions", {}, void 0, !0)
+                  ])) : w("", !0)
                 ])
               ], !0)
-            ], 2)) : $("", !0)
+            ], 2)) : w("", !0)
           ], 512), [
-            [Se, !d.value]
+            [Le, !i.value]
           ])
         ]),
         _: 3
-      })) : (r(), c(R, { key: 3 }, [
+      })) : (o(), u(U, { key: 3 }, [
         s("div", {
-          class: D([
+          class: z([
             "sl-card-body",
-            g.value,
+            h.value,
             { "sl-overflow-y-auto": t.scrollable }
           ]),
-          style: N(t.scrollable && t.maxHeight ? { maxHeight: t.maxHeight } : {})
+          style: F(t.scrollable && t.maxHeight ? { maxHeight: t.maxHeight } : {})
         }, [
-          I(h.$slots, "body", {}, () => [
-            I(h.$slots, "default", {}, void 0, !0)
+          S(x.$slots, "body", {}, () => [
+            S(x.$slots, "default", {}, void 0, !0)
           ], !0)
         ], 6),
-        m.value && t.divided ? (r(), c("div", jl)) : $("", !0),
-        m.value ? (r(), c("div", {
+        m.value && t.divided ? (o(), u("div", ql)) : w("", !0),
+        m.value ? (o(), u("div", {
           key: 1,
-          class: D([
+          class: z([
             "sl-card-footer",
-            w.value,
+            _.value,
             { "sl-sticky sl-bottom-0 sl-z-10 sl-bg-inherit": t.footerSticky && t.scrollable }
           ])
         }, [
-          I(h.$slots, "footer", {}, () => [
-            s("div", Bl, [
-              h.$slots["footer-left"] ? (r(), c("div", Pl, [
-                I(h.$slots, "footer-left", {}, void 0, !0)
-              ])) : (r(), c("div", Al)),
-              h.$slots["footer-actions"] ? (r(), c("div", Vl, [
-                I(h.$slots, "footer-actions", {}, void 0, !0)
-              ])) : $("", !0)
+          S(x.$slots, "footer", {}, () => [
+            s("div", Yl, [
+              x.$slots["footer-left"] ? (o(), u("div", Kl, [
+                S(x.$slots, "footer-left", {}, void 0, !0)
+              ])) : (o(), u("div", Zl)),
+              x.$slots["footer-actions"] ? (o(), u("div", Jl, [
+                S(x.$slots, "footer-actions", {}, void 0, !0)
+              ])) : w("", !0)
             ])
           ], !0)
-        ], 2)) : $("", !0)
+        ], 2)) : w("", !0)
       ], 64)),
-      C(ce, {
+      $(ce, {
         "enter-active-class": "sl-transition-opacity sl-duration-200",
         "enter-from-class": "sl-opacity-0",
         "enter-to-class": "sl-opacity-100",
@@ -2429,11 +2429,11 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
         "leave-from-class": "sl-opacity-100",
         "leave-to-class": "sl-opacity-0"
       }, {
-        default: z(() => [
-          t.loading ? (r(), c("div", El, [
-            I(h.$slots, "loading", {}, () => [
-              s("div", Fl, [
-                (r(), c("svg", Nl, [...T[1] || (T[1] = [
+        default: C(() => [
+          t.loading ? (o(), u("div", Xl, [
+            S(x.$slots, "loading", {}, () => [
+              s("div", Ql, [
+                (o(), u("svg", ea, [...M[1] || (M[1] = [
                   s("circle", {
                     class: "sl-opacity-25",
                     cx: "12",
@@ -2448,16 +2448,16 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
                     d: "m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
                   }, null, -1)
                 ])])),
-                t.loadingText ? (r(), c("span", Ul, k(t.loadingText), 1)) : $("", !0)
+                t.loadingText ? (o(), u("span", ta, k(t.loadingText), 1)) : w("", !0)
               ])
             ], !0)
-          ])) : $("", !0)
+          ])) : w("", !0)
         ]),
         _: 3
       })
     ], 6));
   }
-}), wr = /* @__PURE__ */ A(Rl, [["__scopeId", "data-v-a1ea2aac"]]), Hl = "sl-text-sm", Cr = /* @__PURE__ */ L({
+}), Hr = /* @__PURE__ */ A(sa, [["__scopeId", "data-v-a1ea2aac"]]), la = "sl-text-sm", Or = /* @__PURE__ */ D({
   __name: "InfoCard",
   props: {
     title: { default: "" },
@@ -2474,30 +2474,30 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       warning: "var(--warning-title)",
       success: "var(--success-title)",
       error: "var(--error-title)"
-    }[e.variant] })), u = p(() => ({ color: {
+    }[e.variant] })), c = p(() => ({ color: {
       info: "var(--info-text)",
       warning: "var(--warning-text)",
       success: "var(--success-text)",
       error: "var(--error-text)"
     }[e.variant] }));
-    return (n, o) => (r(), c("div", {
+    return (n, r) => (o(), u("div", {
       class: "sl-rounded-xl sl-border sl-p-4",
-      style: N({ backgroundColor: a.value.bg, borderColor: a.value.border })
+      style: F({ backgroundColor: a.value.bg, borderColor: a.value.border })
     }, [
-      t.title ? (r(), c("h3", {
+      t.title ? (o(), u("h3", {
         key: 0,
         class: "sl-font-medium sl-mb-2",
-        style: N(l.value)
-      }, k(t.title), 5)) : $("", !0),
+        style: F(l.value)
+      }, k(t.title), 5)) : w("", !0),
       s("div", {
-        class: D(Hl),
-        style: N(u.value)
+        class: z(la),
+        style: F(c.value)
       }, [
-        I(n.$slots, "default")
+        S(n.$slots, "default")
       ], 4)
     ], 4));
   }
-}), Ol = { class: "sl-space-y-4" }, Wl = { class: "sl-text-xl sl-font-semibold sl-text-slate-900 dark:sl-text-white" }, Gl = { class: "sl-overflow-x-auto" }, Yl = { class: "sl-min-w-full sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, ql = { class: "sl-bg-slate-50 dark:sl-bg-slate-900" }, Kl = { class: "sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, Zl = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-900 dark:sl-text-slate-100" }, Jl = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, Xl = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-500 dark:sl-text-slate-300" }, Ql = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, _r = /* @__PURE__ */ L({
+}), aa = { class: "sl-space-y-4" }, oa = { class: "sl-text-xl sl-font-semibold sl-text-slate-900 dark:sl-text-white" }, ra = { class: "sl-overflow-x-auto" }, na = { class: "sl-min-w-full sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, ia = { class: "sl-bg-slate-50 dark:sl-bg-slate-900" }, da = { class: "sl-divide-y sl-divide-slate-200 dark:sl-divide-slate-700" }, ca = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-900 dark:sl-text-slate-100" }, ua = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, ma = { class: "sl-px-6 sl-py-4 sl-text-sm sl-font-mono sl-text-slate-500 dark:sl-text-slate-300" }, fa = { class: "sl-px-6 sl-py-4 sl-text-sm sl-text-slate-600 dark:sl-text-slate-300" }, Wr = /* @__PURE__ */ D({
   __name: "PropsTable",
   props: {
     title: { default: "Props" },
@@ -2505,32 +2505,32 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
   },
   setup(t) {
     const e = ["Prop", "Type", "Default", "Description"];
-    return (a, l) => (r(), c("section", Ol, [
-      s("h2", Wl, k(t.title), 1),
+    return (a, l) => (o(), u("section", aa, [
+      s("h2", oa, k(t.title), 1),
       s("div", {
-        class: D(["sl-rounded-xl sl-shadow-sm sl-border sl-overflow-hidden", [
+        class: z(["sl-rounded-xl sl-shadow-sm sl-border sl-overflow-hidden", [
           "sl-bg-white dark:sl-bg-slate-800",
           "sl-border-slate-200 dark:sl-border-slate-700"
         ]])
       }, [
-        s("div", Gl, [
-          s("table", Yl, [
-            s("thead", ql, [
+        s("div", ra, [
+          s("table", na, [
+            s("thead", ia, [
               s("tr", null, [
-                (r(), c(R, null, H(e, (u) => s("th", {
-                  key: u,
-                  class: D(["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"])
-                }, k(u), 1)), 64))
+                (o(), u(U, null, H(e, (c) => s("th", {
+                  key: c,
+                  class: z(["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"])
+                }, k(c), 1)), 64))
               ])
             ]),
-            s("tbody", Kl, [
-              (r(!0), c(R, null, H(t.props, (u) => (r(), c("tr", {
-                key: u.name
+            s("tbody", da, [
+              (o(!0), u(U, null, H(t.props, (c) => (o(), u("tr", {
+                key: c.name
               }, [
-                s("td", Zl, k(u.name), 1),
-                s("td", Jl, k(u.type), 1),
-                s("td", Xl, k(u.default), 1),
-                s("td", Ql, k(u.description), 1)
+                s("td", ca, k(c.name), 1),
+                s("td", ua, k(c.type), 1),
+                s("td", ma, k(c.default), 1),
+                s("td", fa, k(c.description), 1)
               ]))), 128))
             ])
           ])
@@ -2538,21 +2538,21 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       ])
     ]));
   }
-}), ea = {
+}), pa = {
   class: "sl-rounded-xl sl-shadow-sm sl-border sl-overflow-hidden",
   style: { backgroundColor: "var(--sl-surface-elevated)", borderColor: "var(--sl-border-default)" }
-}, ta = {
+}, ga = {
   key: 0,
   class: "sl-px-6 sl-py-4 sl-border-b",
   style: { backgroundColor: "var(--sl-surface-sunken)", borderColor: "var(--sl-border-default)" }
-}, sa = {
+}, ha = {
   class: "sl-text-lg sl-font-semibold",
   style: { color: "var(--sl-text-primary)" }
-}, la = {
+}, ya = {
   key: 0,
   class: "sl-text-sm sl-mt-1",
   style: { color: "var(--sl-text-muted)" }
-}, Ir = /* @__PURE__ */ L({
+}, Gr = /* @__PURE__ */ D({
   __name: "ShowcaseCard",
   props: {
     title: { default: "" },
@@ -2565,31 +2565,31 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       const l = [];
       return e.padded && l.push("sl-p-6"), e.contentClass && l.push(e.contentClass), l.join(" ");
     });
-    return (l, u) => (r(), c("div", ea, [
-      t.title || l.$slots.header ? (r(), c("div", ta, [
-        I(l.$slots, "header", {}, () => [
-          s("h2", sa, k(t.title), 1),
-          t.description ? (r(), c("p", la, k(t.description), 1)) : $("", !0)
+    return (l, c) => (o(), u("div", pa, [
+      t.title || l.$slots.header ? (o(), u("div", ga, [
+        S(l.$slots, "header", {}, () => [
+          s("h2", ha, k(t.title), 1),
+          t.description ? (o(), u("p", ya, k(t.description), 1)) : w("", !0)
         ])
-      ])) : $("", !0),
+      ])) : w("", !0),
       s("div", {
-        class: D(a.value)
+        class: z(a.value)
       }, [
-        I(l.$slots, "default")
+        S(l.$slots, "default")
       ], 2)
     ]));
   }
-}), aa = { class: "sl-space-y-8" }, oa = { class: "sl-space-y-2" }, ra = {
+}), xa = { class: "sl-space-y-8" }, ba = { class: "sl-space-y-2" }, va = {
   class: "sl-text-3xl sl-font-bold",
   style: { color: "var(--sl-text-primary)" }
-}, na = {
+}, ka = {
   class: "sl-text-lg",
   style: { color: "var(--sl-text-muted)" }
-}, ia = {
+}, wa = {
   key: 0,
   class: "sl-flex sl-flex-wrap sl-gap-2 sl-pb-4",
   style: { borderBottom: "1px solid var(--sl-border-default)" }
-}, da = ["onClick"], ca = { class: "sl-space-y-8" }, Sr = /* @__PURE__ */ L({
+}, $a = ["onClick"], _a = { class: "sl-space-y-8" }, qr = /* @__PURE__ */ D({
   __name: "ShowcaseLayout",
   props: {
     title: {},
@@ -2599,42 +2599,42 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, l = e, { isDark: u } = he(), n = (d) => {
-      l("update:modelValue", d);
-    }, o = (d) => a.modelValue === d ? {
-      backgroundColor: u.value ? "#ffffff" : "#0f172a",
-      color: u.value ? "#0f172a" : "#ffffff",
+    const a = t, l = e, { isDark: c } = xe(), n = (i) => {
+      l("update:modelValue", i);
+    }, r = (i) => a.modelValue === i ? {
+      backgroundColor: c.value ? "#ffffff" : "#0f172a",
+      color: c.value ? "#0f172a" : "#ffffff",
       boxShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)"
     } : {
       backgroundColor: "transparent",
       color: "var(--sl-text-muted)"
     };
-    return (d, x) => (r(), c("div", aa, [
-      s("header", oa, [
-        s("h1", ra, k(t.title), 1),
-        s("p", na, k(t.description), 1),
-        I(d.$slots, "header-extra")
+    return (i, y) => (o(), u("div", xa, [
+      s("header", ba, [
+        s("h1", va, k(t.title), 1),
+        s("p", ka, k(t.description), 1),
+        S(i.$slots, "header-extra")
       ]),
-      t.variants && t.variants.length > 0 ? (r(), c("nav", ia, [
-        (r(!0), c(R, null, H(t.variants, (y) => (r(), c("button", {
-          key: y.id,
-          onClick: (m) => n(y.id),
+      t.variants && t.variants.length > 0 ? (o(), u("nav", wa, [
+        (o(!0), u(U, null, H(t.variants, (g) => (o(), u("button", {
+          key: g.id,
+          onClick: (m) => n(g.id),
           class: "sl-px-4 sl-py-2 sl-text-sm sl-font-medium sl-rounded-lg sl-transition-all sl-duration-150",
-          style: N(o(y.id))
-        }, k(y.label || y.name), 13, da))), 128))
-      ])) : $("", !0),
-      s("div", ca, [
-        I(d.$slots, "content", {}, () => [
-          I(d.$slots, "default")
+          style: F(r(g.id))
+        }, k(g.label || g.name), 13, $a))), 128))
+      ])) : w("", !0),
+      s("div", _a, [
+        S(i.$slots, "content", {}, () => [
+          S(i.$slots, "default")
         ])
       ]),
-      I(d.$slots, "footer")
+      S(i.$slots, "footer")
     ]));
   }
-}), ua = { class: "sl-space-y-4" }, ma = {
+}), Ca = { class: "sl-space-y-4" }, Ia = {
   class: "sl-text-xl sl-font-semibold",
   style: { color: "var(--sl-text-primary)" }
-}, fa = { class: "sl-rounded-xl sl-p-4 sl-overflow-auto sl-bg-slate-800 dark:sl-bg-slate-900" }, pa = { class: "sl-text-sm sl-text-slate-300 sl-font-mono" }, zr = /* @__PURE__ */ L({
+}, Sa = { class: "sl-rounded-xl sl-p-4 sl-overflow-auto sl-bg-slate-800 dark:sl-bg-slate-900" }, za = { class: "sl-text-sm sl-text-slate-300 sl-font-mono" }, Yr = /* @__PURE__ */ D({
   __name: "StateDisplay",
   props: {
     title: { default: "Current State" },
@@ -2642,26 +2642,26 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
   },
   setup(t) {
     const e = t, a = p(() => JSON.stringify(e.state, null, 2));
-    return (l, u) => (r(), c("section", ua, [
-      s("h2", ma, k(t.title), 1),
-      s("div", fa, [
-        s("pre", pa, k(a.value), 1)
+    return (l, c) => (o(), u("section", Ca, [
+      s("h2", Ia, k(t.title), 1),
+      s("div", Sa, [
+        s("pre", za, k(a.value), 1)
       ])
     ]));
   }
-}), ga = { class: "sl-relative sl-z-10 sl-flex sl-flex-col sm:sl-flex-row sl-items-center sl-gap-6" }, ya = { class: "sl-flex-shrink-0" }, ha = { class: "sl-relative" }, xa = ["src", "alt"], ba = {
+}), La = { class: "sl-relative sl-z-10 sl-flex sl-flex-col sm:sl-flex-row sl-items-center sl-gap-6" }, Da = { class: "sl-flex-shrink-0" }, Ma = { class: "sl-relative" }, Ta = ["src", "alt"], Ba = {
   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"
-}, va = {
+}, Pa = {
   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"
-}, ka = { class: "sl-text-center sm:sl-text-left" }, $a = { class: "sl-text-3xl sl-font-bold sl-text-white sl-tracking-tight" }, wa = {
+}, ja = { class: "sl-text-center sm:sl-text-left" }, Aa = { class: "sl-text-3xl sl-font-bold sl-text-white sl-tracking-tight" }, Ea = {
   key: 0,
   class: "sl-mt-1 sl-text-lg sl-text-white/80"
-}, Ca = {
+}, Va = {
   key: 1,
   class: "sl-mt-3"
-}, _a = { 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" }, Ia = /* @__PURE__ */ L({
+}, Na = { 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" }, Fa = /* @__PURE__ */ D({
   __name: "ProfileHeaderCard",
   props: {
     name: {},
@@ -2672,17 +2672,17 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
     animationEnabled: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const e = t, a = ee(!1), l = p(() => e.status === "inactive"), u = p(() => a.value || !e.image ? null : typeof e.image == "string" ? e.image : e.image.secure_url || e.image.url || null), n = p(() => {
+    const e = t, a = te(!1), l = p(() => e.status === "inactive"), c = p(() => a.value || !e.image ? null : typeof e.image == "string" ? e.image : e.image.secure_url || e.image.url || null), n = p(() => {
       if (!e.name) return "?";
-      const x = e.name.split(" ").filter(Boolean);
-      return x.length >= 2 ? `${x[0][0]}${x[x.length - 1][0]}`.toUpperCase() : e.name.substring(0, 2).toUpperCase();
-    }), o = p(() => e.animationEnabled ? {
+      const y = e.name.split(" ").filter(Boolean);
+      return y.length >= 2 ? `${y[0][0]}${y[y.length - 1][0]}`.toUpperCase() : e.name.substring(0, 2).toUpperCase();
+    }), r = p(() => e.animationEnabled ? {
       animationDelay: `${e.animationIndex * 75}ms`
-    } : {}), d = () => {
+    } : {}), i = () => {
       a.value = !0;
     };
-    return (x, y) => (r(), c("div", {
-      class: D([
+    return (y, g) => (o(), u("div", {
+      class: z([
         "sl-profile-header-card",
         "sl-relative sl-overflow-hidden",
         "sl-rounded-2xl",
@@ -2690,53 +2690,53 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
         "sl-p-8",
         t.animationEnabled && "sl-opacity-0 sl-animate-[fadeInUp_0.4s_ease-out_forwards]"
       ]),
-      style: N(o.value)
+      style: F(r.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", ga, [
-        s("div", ya, [
-          s("div", ha, [
+      g[1] || (g[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)),
+      g[2] || (g[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)),
+      g[3] || (g[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", La, [
+        s("div", Da, [
+          s("div", Ma, [
             s("div", {
-              class: D([
+              class: z([
                 "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"
               ])
             }, [
-              u.value ? (r(), c("img", {
+              c.value ? (o(), u("img", {
                 key: 0,
-                src: u.value,
+                src: c.value,
                 alt: t.name,
                 class: "sl-w-full sl-h-full sl-object-cover",
-                onError: d
-              }, null, 40, xa)) : (r(), c("div", ba, k(n.value), 1))
+                onError: i
+              }, null, 40, Ta)) : (o(), u("div", Ba, k(n.value), 1))
             ], 2),
-            l.value ? (r(), c("span", va, [
-              C(_(Be), { class: "sl-w-4 sl-h-4 sl-text-white" })
-            ])) : $("", !0)
+            l.value ? (o(), u("span", Pa, [
+              $(I(Ee), { class: "sl-w-4 sl-h-4 sl-text-white" })
+            ])) : w("", !0)
           ])
         ]),
-        s("div", ka, [
-          s("h1", $a, k(t.name || "Unknown User"), 1),
-          t.nickname ? (r(), c("p", wa, k(t.nickname), 1)) : $("", !0),
-          l.value ? (r(), c("div", Ca, [
-            s("span", _a, [
-              C(_(Pe), { class: "sl-w-4 sl-h-4" }),
-              y[0] || (y[0] = U(" Inactive ", -1))
+        s("div", ja, [
+          s("h1", Aa, k(t.name || "Unknown User"), 1),
+          t.nickname ? (o(), u("p", Ea, k(t.nickname), 1)) : w("", !0),
+          l.value ? (o(), u("div", Va, [
+            s("span", Na, [
+              $(I(Ve), { class: "sl-w-4 sl-h-4" }),
+              g[0] || (g[0] = R(" Inactive ", -1))
             ])
-          ])) : $("", !0)
+          ])) : w("", !0)
         ])
       ])
     ], 6));
   }
-}), Sa = /* @__PURE__ */ A(Ia, [["__scopeId", "data-v-a51f3fb7"]]), za = {
+}), Ua = /* @__PURE__ */ A(Fa, [["__scopeId", "data-v-a51f3fb7"]]), Ra = {
   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"
-}, Ta = {
+}, Ha = {
   key: 1,
   class: "sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-gray-100"
-}, Da = /* @__PURE__ */ L({
+}, Oa = /* @__PURE__ */ D({
   __name: "ProfileCard",
   props: {
     title: {},
@@ -2747,46 +2747,46 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
     animationEnabled: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const e = t, a = ye(), l = p(() => e.title || e.icon || a.header), u = p(() => e.animationEnabled ? {
+    const e = t, a = ye(), l = p(() => e.title || e.icon || a.header), c = p(() => e.animationEnabled ? {
       animationDelay: `${e.animationIndex * e.animationDelay}ms`
     } : {});
-    return (n, o) => (r(), c("div", {
-      class: D([
+    return (n, r) => (o(), u("div", {
+      class: z([
         "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",
         t.animationEnabled && "sl-opacity-0 sl-animate-[fadeInUp_0.4s_ease-out_forwards]"
       ]),
-      style: N(u.value)
+      style: F(c.value)
     }, [
-      l.value ? (r(), c("div", za, [
-        I(n.$slots, "header", {}, () => [
-          t.icon ? (r(), j(J(t.icon), {
+      l.value ? (o(), u("div", Ra, [
+        S(n.$slots, "header", {}, () => [
+          t.icon ? (o(), L(J(t.icon), {
             key: 0,
             class: "sl-h-5 sl-w-5 sl-text-primary-600 dark:sl-text-primary-400",
             "aria-hidden": "true"
-          })) : $("", !0),
-          t.title ? (r(), c("h3", Ta, k(t.title), 1)) : $("", !0)
+          })) : w("", !0),
+          t.title ? (o(), u("h3", Ha, k(t.title), 1)) : w("", !0)
         ], !0)
-      ])) : $("", !0),
+      ])) : w("", !0),
       s("div", {
-        class: D([t.noPadding ? "" : "sl-p-5"])
+        class: z([t.noPadding ? "" : "sl-p-5"])
       }, [
-        I(n.$slots, "default", {}, void 0, !0)
+        S(n.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 6));
   }
-}), q = /* @__PURE__ */ A(Da, [["__scopeId", "data-v-1b6c2c74"]]), La = { class: "sl-space-y-4" }, Ma = {
+}), Z = /* @__PURE__ */ A(Oa, [["__scopeId", "data-v-1b6c2c74"]]), Wa = { class: "sl-space-y-4" }, Ga = {
   key: 0,
   class: "sl-flex sl-items-start sl-gap-3"
-}, ja = ["href"], Ba = {
+}, qa = ["href"], Ya = {
   key: 1,
   class: "sl-flex sl-items-start sl-gap-3"
-}, Pa = ["href"], Aa = {
+}, Ka = ["href"], Za = {
   key: 2,
   class: "sl-flex sl-items-start sl-gap-3"
-}, Va = ["href"], Ea = /* @__PURE__ */ L({
+}, Ja = ["href"], Xa = /* @__PURE__ */ D({
   __name: "ProfileContactCard",
   props: {
     email: {},
@@ -2800,53 +2800,53 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       if (!e.phone) return "";
       const n = e.phone.replace(/\D/g, "");
       return n.length === 10 ? `(${n.slice(0, 3)}) ${n.slice(3, 6)}-${n.slice(6)}` : n.length === 11 && n.startsWith("1") ? `+1 (${n.slice(1, 4)}) ${n.slice(4, 7)}-${n.slice(7)}` : e.phone;
-    }), l = p(() => e.website ? e.website.startsWith("http://") || e.website.startsWith("https://") ? e.website : `https://${e.website}` : ""), u = p(() => e.website ? e.website.replace(/^https?:\/\//, "").replace(/\/$/, "") : "");
-    return (n, o) => (r(), j(q, {
+    }), l = p(() => e.website ? e.website.startsWith("http://") || e.website.startsWith("https://") ? e.website : `https://${e.website}` : ""), c = p(() => e.website ? e.website.replace(/^https?:\/\//, "").replace(/\/$/, "") : "");
+    return (n, r) => (o(), L(Z, {
       title: "Contact",
-      icon: _(me),
+      icon: I(me),
       "animation-index": t.animationIndex,
       "animation-enabled": t.animationEnabled
     }, {
-      default: z(() => [
-        s("div", La, [
-          t.email ? (r(), c("div", Ma, [
-            C(_(Ye), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500 sl-flex-shrink-0 sl-mt-0.5" }),
+      default: C(() => [
+        s("div", Wa, [
+          t.email ? (o(), u("div", Ga, [
+            $(I(Ze), { 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, [
-              o[0] || (o[0] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "Email", -1)),
+              r[0] || (r[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:${t.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"
-              }, k(t.email), 9, ja)
+              }, k(t.email), 9, qa)
             ])
-          ])) : $("", !0),
-          t.phone ? (r(), c("div", Ba, [
-            C(_(me), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500 sl-flex-shrink-0 sl-mt-0.5" }),
+          ])) : w("", !0),
+          t.phone ? (o(), u("div", Ya, [
+            $(I(me), { 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, [
-              o[1] || (o[1] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "Phone", -1)),
+              r[1] || (r[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:${t.phone}`,
                 class: "sl-text-sm sl-text-primary-600 dark:sl-text-primary-400 hover:sl-underline"
-              }, k(a.value), 9, Pa)
+              }, k(a.value), 9, Ka)
             ])
-          ])) : $("", !0),
-          t.website ? (r(), c("div", Aa, [
-            C(_(qe), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500 sl-flex-shrink-0 sl-mt-0.5" }),
+          ])) : w("", !0),
+          t.website ? (o(), u("div", Za, [
+            $(I(we), { 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, [
-              o[2] || (o[2] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "Website", -1)),
+              r[2] || (r[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"
-              }, k(u.value), 9, Va)
+              }, k(c.value), 9, Ja)
             ])
-          ])) : $("", !0)
+          ])) : w("", !0)
         ])
       ]),
       _: 1
     }, 8, ["icon", "animation-index", "animation-enabled"]));
   }
-}), Fa = { class: "sl-flex sl-items-center sl-gap-3" }, Na = { class: "sl-text-sm sl-text-gray-900 dark:sl-text-gray-100" }, Ua = /* @__PURE__ */ L({
+}), Qa = { class: "sl-flex sl-items-center sl-gap-3" }, eo = { class: "sl-text-sm sl-text-gray-900 dark:sl-text-gray-100" }, to = /* @__PURE__ */ D({
   __name: "ProfilePersonalCard",
   props: {
     birthday: {},
@@ -2857,39 +2857,39 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
     const e = t, a = p(() => {
       if (!e.birthday) return "Not specified";
       let l;
-      return typeof e.birthday == "string" ? l = X(e.birthday) : l = e.birthday, Y(l) ? G(l, "MMMM d, yyyy") : "Not specified";
+      return typeof e.birthday == "string" ? l = ee(e.birthday) : l = e.birthday, K(l) ? Y(l, "MMMM d, yyyy") : "Not specified";
     });
-    return (l, u) => (r(), j(q, {
+    return (l, c) => (o(), L(Z, {
       title: "Personal",
-      icon: _(ke),
+      icon: I($e),
       "animation-index": t.animationIndex,
       "animation-enabled": t.animationEnabled
     }, {
-      default: z(() => [
-        s("div", Fa, [
-          C(_(Ke), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500" }),
+      default: C(() => [
+        s("div", Qa, [
+          $(I(Je), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500" }),
           s("div", null, [
-            u[0] || (u[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", Na, k(a.value), 1)
+            c[0] || (c[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", eo, k(a.value), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["icon", "animation-index", "animation-enabled"]));
   }
-}), Ra = { class: "sl-space-y-4" }, Ha = {
+}), so = { class: "sl-space-y-4" }, lo = {
   key: 0,
   class: "sl-flex sl-items-start sl-gap-3"
-}, Oa = {
+}, ao = {
   key: 0,
   class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100"
-}, Wa = {
+}, oo = {
   key: 1,
   class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400"
-}, Ga = {
+}, ro = {
   key: 1,
   class: "sl-flex sl-items-center sl-gap-3"
-}, Ya = ["href"], qa = /* @__PURE__ */ L({
+}, no = ["href"], io = /* @__PURE__ */ D({
   __name: "ProfileProfessionalCard",
   props: {
     professional: {},
@@ -2897,58 +2897,147 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
     animationEnabled: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const e = () => Q("svg", {
+    const e = () => G("svg", {
       viewBox: "0 0 24 24",
       fill: "currentColor",
       class: "sl-w-5 sl-h-5"
     }, [
-      Q("path", {
+      G("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 = t, l = p(() => a.professional?.title || a.professional?.company), u = p(() => {
+    ]), a = t, l = p(() => a.professional?.title || a.professional?.company), c = p(() => {
       if (!a.professional?.linkedin) return "";
       const n = a.professional.linkedin;
       return n.startsWith("http") ? n : n.startsWith("linkedin.com") ? `https://${n}` : `https://linkedin.com/in/${n}`;
     });
-    return (n, o) => (r(), j(q, {
+    return (n, r) => (o(), L(Z, {
       title: "Professional",
-      icon: _(Ze),
+      icon: I(Xe),
       "animation-index": t.animationIndex,
       "animation-enabled": t.animationEnabled
     }, {
-      default: z(() => [
-        s("div", Ra, [
-          l.value ? (r(), c("div", Ha, [
-            C(_(Je), { class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-gray-500 sl-flex-shrink-0 sl-mt-0.5" }),
+      default: C(() => [
+        s("div", so, [
+          l.value ? (o(), u("div", lo, [
+            $(I(Qe), { 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, [
-              t.professional?.title ? (r(), c("p", Oa, k(t.professional.title), 1)) : $("", !0),
-              t.professional?.company ? (r(), c("p", Wa, k(t.professional.company), 1)) : $("", !0)
+              t.professional?.title ? (o(), u("p", ao, k(t.professional.title), 1)) : w("", !0),
+              t.professional?.company ? (o(), u("p", oo, k(t.professional.company), 1)) : w("", !0)
             ])
-          ])) : $("", !0),
-          t.professional?.linkedin ? (r(), c("div", Ga, [
-            C(e, { class: "sl-h-5 sl-w-5 sl-text-[#0A66C2]" }),
+          ])) : w("", !0),
+          t.professional?.linkedin ? (o(), u("div", ro, [
+            $(e, { class: "sl-h-5 sl-w-5 sl-text-[#0A66C2]" }),
             s("div", null, [
-              o[0] || (o[0] = s("p", { class: "sl-text-xs sl-font-medium sl-uppercase sl-text-gray-500 dark:sl-text-gray-400" }, "LinkedIn", -1)),
+              r[0] || (r[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: u.value,
+                href: c.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, Ya)
+              }, " View Profile ", 8, no)
             ])
-          ])) : $("", !0)
+          ])) : w("", !0)
         ])
       ]),
       _: 1
     }, 8, ["icon", "animation-index", "animation-enabled"]));
   }
-}), Ka = { class: "sl-p-5" }, Za = { class: "sl-text-sm sl-text-gray-700 dark:sl-text-gray-300" }, Ja = {
+}), co = { class: "sl-flex sl-flex-wrap sl-gap-4" }, uo = ["href", "title"], mo = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-capitalize sl-text-center" }, fo = {
+  key: 0,
+  class: "sl-text-center sl-py-4 sl-text-sm sl-text-gray-500 dark:sl-text-gray-400"
+}, po = /* @__PURE__ */ D({
+  __name: "ProfileSocialCard",
+  props: {
+    social: {},
+    animationIndex: { default: 4 },
+    animationEnabled: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const e = t, a = p(() => !e.social || !Array.isArray(e.social) ? [] : e.social.filter((r) => r.url && r.platform));
+    function l(r) {
+      const i = r.toLowerCase();
+      return {
+        instagram: Ys,
+        facebook: Fs,
+        x: ge,
+        twitter: ge,
+        linkedin: Xs,
+        tiktok: pl,
+        youtube: Cl,
+        github: Os,
+        discord: As,
+        twitch: xl,
+        pinterest: sl,
+        snapchat: rl,
+        threads: cl
+      }[i] || et;
+    }
+    function c(r) {
+      const i = r.toLowerCase();
+      return {
+        instagram: "sl-bg-gradient-to-br sl-from-purple-500 sl-to-pink-500",
+        facebook: "sl-bg-blue-600",
+        x: "sl-bg-black dark:sl-bg-white",
+        twitter: "sl-bg-black dark:sl-bg-white",
+        linkedin: "sl-bg-blue-700",
+        tiktok: "sl-bg-black",
+        youtube: "sl-bg-red-600",
+        github: "sl-bg-gray-900 dark:sl-bg-white",
+        discord: "sl-bg-indigo-500",
+        twitch: "sl-bg-purple-600",
+        pinterest: "sl-bg-red-600",
+        snapchat: "sl-bg-yellow-400",
+        threads: "sl-bg-black dark:sl-bg-white"
+      }[i] || "sl-bg-gray-500";
+    }
+    function n(r) {
+      const i = r.toLowerCase();
+      return ["x", "twitter", "github", "threads"].includes(i) ? "sl-text-white dark:sl-text-black" : i === "snapchat" ? "sl-text-black" : "sl-text-white";
+    }
+    return (r, i) => (o(), L(Z, {
+      title: "Social",
+      icon: I(we),
+      "animation-index": t.animationIndex,
+      "animation-enabled": t.animationEnabled
+    }, {
+      default: C(() => [
+        s("div", co, [
+          (o(!0), u(U, null, H(a.value, (y) => (o(), u("a", {
+            key: y.platform,
+            href: y.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            title: y.platform,
+            class: "sl-group sl-flex sl-flex-col sl-items-center sl-gap-2 sl-p-3 sl-rounded-xl hover:sl-bg-gray-50 dark:hover:sl-bg-gray-700/50 sl-transition-all sl-min-w-[72px]"
+          }, [
+            s("div", {
+              class: z([
+                "sl-w-11 sl-h-11 sl-rounded-xl sl-flex sl-items-center sl-justify-center sl-transition-transform group-hover:sl-scale-110",
+                c(y.platform)
+              ])
+            }, [
+              (o(), L(J(l(y.platform)), {
+                class: z([
+                  "sl-w-5 sl-h-5",
+                  n(y.platform)
+                ])
+              }, null, 8, ["class"]))
+            ], 2),
+            s("span", mo, k(y.platform), 1)
+          ], 8, uo))), 128))
+        ]),
+        a.value.length ? w("", !0) : (o(), u("div", fo, " No social links available "))
+      ]),
+      _: 1
+    }, 8, ["icon", "animation-index", "animation-enabled"]));
+  }
+}), go = { class: "sl-p-5" }, ho = { class: "sl-text-sm sl-text-gray-700 dark:sl-text-gray-300" }, yo = {
   key: 0,
   class: "sl-h-40 sl-w-full sl-bg-gray-100 dark:sl-bg-gray-700 sl-relative"
-}, Xa = ["src"], Qa = {
+}, xo = ["src"], bo = {
   key: 1,
   class: "sl-w-full sl-h-full sl-flex sl-items-center sl-justify-center"
-}, eo = /* @__PURE__ */ L({
+}, vo = /* @__PURE__ */ D({
   __name: "ProfileLocationCard",
   props: {
     address: {},
@@ -2958,8 +3047,8 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
     animationEnabled: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const e = t, a = ze("googleMaps", {}), l = ee(!1), u = p(() => e.address ? Array.isArray(e.address) ? e.address[0] || null : e.address : null), n = p(() => {
-      const m = u.value;
+    const e = t, a = De("googleMaps", {}), l = te(!1), c = p(() => e.address ? Array.isArray(e.address) ? e.address[0] || null : e.address : null), n = p(() => {
+      const m = c.value;
       if (!m) return "No address specified";
       if (m.description) return m.description;
       if (m.name) return m.name;
@@ -2967,54 +3056,54 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       m.street && b.push(m.street), m.suite && b.push(m.suite);
       const v = [];
       return m.city && v.push(m.city), m.state && v.push(m.state), m.zip && v.push(m.zip), v.length > 0 && b.push(v.join(", ")), m.country && b.push(m.country), b.length > 0 ? b.join(", ") : "No address specified";
-    }), o = p(() => {
+    }), r = p(() => {
       if (e.latLng?.lat && e.latLng?.lng)
         return e.latLng;
-      const m = u.value;
+      const m = c.value;
       return m?.geocode?.location?.lat && m?.geocode?.location?.lng ? m.geocode.location : null;
-    }), d = p(() => !!o.value), x = p(() => {
-      if (l.value || !o.value) return null;
+    }), i = p(() => !!r.value), y = p(() => {
+      if (l.value || !r.value) return null;
       const m = a?.staticMapsApiKey || a?.apiKey;
       if (!m) return null;
-      const { lat: b, lng: v } = o.value;
+      const { lat: b, lng: v } = r.value;
       return `https://maps.googleapis.com/maps/api/staticmap?center=${b},${v}&zoom=14&size=400x200&maptype=roadmap&markers=color:blue%7C${b},${v}&key=${m}`;
-    }), y = () => {
+    }), g = () => {
       l.value = !0;
     };
-    return (m, b) => (r(), j(q, {
+    return (m, b) => (o(), L(Z, {
       title: "Location",
-      icon: _(fe),
+      icon: I(fe),
       "animation-index": t.animationIndex,
       "animation-enabled": t.animationEnabled,
       "no-padding": !0
     }, {
-      default: z(() => [
-        s("div", Ka, [
-          s("div", Za, k(n.value), 1)
+      default: C(() => [
+        s("div", go, [
+          s("div", ho, k(n.value), 1)
         ]),
-        t.showMap && d.value ? (r(), c("div", Ja, [
-          x.value ? (r(), c("img", {
+        t.showMap && i.value ? (o(), u("div", yo, [
+          y.value ? (o(), u("img", {
             key: 0,
-            src: x.value,
+            src: y.value,
             alt: "Location map",
             class: "sl-w-full sl-h-full sl-object-cover",
-            onError: y
-          }, null, 40, Xa)) : (r(), c("div", Qa, [
-            C(_(fe), { class: "sl-w-8 sl-h-8 sl-text-gray-400 dark:sl-text-gray-500" })
+            onError: g
+          }, null, 40, xo)) : (o(), u("div", bo, [
+            $(I(fe), { class: "sl-w-8 sl-h-8 sl-text-gray-400 dark:sl-text-gray-500" })
           ])),
           b[0] || (b[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))
-        ])) : $("", !0)
+        ])) : w("", !0)
       ]),
       _: 1
     }, 8, ["icon", "animation-index", "animation-enabled"]));
   }
-}), to = { class: "sl-space-y-4" }, so = { class: "sl-relative sl-flex sl-flex-col sl-items-center" }, lo = {
+}), ko = { class: "sl-space-y-4" }, wo = { class: "sl-relative sl-flex sl-flex-col sl-items-center" }, $o = {
   key: 0,
   class: "sl-w-0.5 sl-flex-1 sl-bg-gray-200 dark:sl-bg-gray-700 sl-min-h-[2rem]"
-}, ao = { class: "sl-flex-1 sl-pb-4" }, oo = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, ro = {
+}, _o = { class: "sl-flex-1 sl-pb-4" }, Co = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100" }, Io = {
   key: 0,
   class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400"
-}, no = { class: "sl-mt-1 sl-text-xs sl-text-gray-500 dark:sl-text-gray-500" }, io = /* @__PURE__ */ L({
+}, So = { class: "sl-mt-1 sl-text-xs sl-text-gray-500 dark:sl-text-gray-500" }, zo = /* @__PURE__ */ D({
   __name: "ProfileOrganizationsCard",
   props: {
     organizations: {},
@@ -3022,43 +3111,43 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
     animationEnabled: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const e = t, a = p(() => e.organizations || []), l = (d) => d.organization ? typeof d.organization == "string" ? d.organization : d.organization.name || "Unknown Organization" : "Unknown Organization", u = (d) => {
-      if (!d.position) return "";
-      const x = typeof d.position == "string" ? d.position : d.position.name, y = [];
-      return d.position_prefix && y.push(d.position_prefix), x && y.push(x), d.position_suffix && y.push(d.position_suffix), y.join(" ");
-    }, n = (d) => {
-      if (!d) return null;
-      if (d instanceof Date) return Y(d) ? d : null;
-      const x = X(d);
-      return Y(x) ? x : null;
-    }, o = (d, x) => {
-      const y = n(d), m = n(x), b = [];
-      if (y && b.push(G(y, "MMM yyyy")), b.push("–"), m ? b.push(G(m, "MMM yyyy")) : b.push("Present"), y) {
-        const v = m || /* @__PURE__ */ new Date(), i = te(v, y), f = xe(v, y) % 12, g = [];
-        i > 0 && g.push(`${i} yr${i > 1 ? "s" : ""}`), (f > 0 || i === 0) && g.push(`${f || 1} mo${f > 1 ? "s" : ""}`), g.length > 0 && b.push("•", g.join(" "));
+    const e = t, a = p(() => e.organizations || []), l = (i) => i.organization ? typeof i.organization == "string" ? i.organization : i.organization.name || "Unknown Organization" : "Unknown Organization", c = (i) => {
+      if (!i.position) return "";
+      const y = typeof i.position == "string" ? i.position : i.position.name, g = [];
+      return i.position_prefix && g.push(i.position_prefix), y && g.push(y), i.position_suffix && g.push(i.position_suffix), g.join(" ");
+    }, n = (i) => {
+      if (!i) return null;
+      if (i instanceof Date) return K(i) ? i : null;
+      const y = ee(i);
+      return K(y) ? y : null;
+    }, r = (i, y) => {
+      const g = n(i), m = n(y), b = [];
+      if (g && b.push(Y(g, "MMM yyyy")), b.push("–"), m ? b.push(Y(m, "MMM yyyy")) : b.push("Present"), g) {
+        const v = m || /* @__PURE__ */ new Date(), d = se(v, g), f = be(v, g) % 12, h = [];
+        d > 0 && h.push(`${d} yr${d > 1 ? "s" : ""}`), (f > 0 || d === 0) && h.push(`${f || 1} mo${f > 1 ? "s" : ""}`), h.length > 0 && b.push("•", h.join(" "));
       }
       return b.join(" ");
     };
-    return (d, x) => (r(), j(q, {
+    return (i, y) => (o(), L(Z, {
       title: "Organizations",
-      icon: _(Xe),
+      icon: I(tt),
       "animation-index": t.animationIndex,
       "animation-enabled": t.animationEnabled
     }, {
-      default: z(() => [
-        s("div", to, [
-          (r(!0), c(R, null, H(a.value, (y, m) => (r(), c("div", {
-            key: y.id || m,
+      default: C(() => [
+        s("div", ko, [
+          (o(!0), u(U, null, H(a.value, (g, m) => (o(), u("div", {
+            key: g.id || m,
             class: "sl-flex sl-items-start sl-gap-3"
           }, [
-            s("div", so, [
-              x[0] || (x[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)),
-              m < a.value.length - 1 ? (r(), c("div", lo)) : $("", !0)
+            s("div", wo, [
+              y[0] || (y[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)),
+              m < a.value.length - 1 ? (o(), u("div", $o)) : w("", !0)
             ]),
-            s("div", ao, [
-              s("p", oo, k(l(y)), 1),
-              u(y) ? (r(), c("p", ro, k(u(y)), 1)) : $("", !0),
-              s("p", no, k(o(y.start_date, y.end_date)), 1)
+            s("div", _o, [
+              s("p", Co, k(l(g)), 1),
+              c(g) ? (o(), u("p", Io, k(c(g)), 1)) : w("", !0),
+              s("p", So, k(r(g.start_date, g.end_date)), 1)
             ])
           ]))), 128))
         ])
@@ -3066,10 +3155,10 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       _: 1
     }, 8, ["icon", "animation-index", "animation-enabled"]));
   }
-}), co = { class: "sl-grid sl-grid-cols-2 sl-gap-4" }, uo = { 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" }, mo = { class: "sl-min-w-0 sl-flex-1" }, fo = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100 sl-truncate" }, po = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, go = {
+}), Lo = { class: "sl-grid sl-grid-cols-2 sl-gap-4" }, Do = { 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" }, Mo = { class: "sl-min-w-0 sl-flex-1" }, To = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-gray-100 sl-truncate" }, Bo = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, Po = {
   key: 0,
   class: "sl-text-xs sl-text-gray-400 dark:sl-text-gray-500 sl-flex sl-items-center sl-gap-1"
-}, yo = /* @__PURE__ */ L({
+}, jo = /* @__PURE__ */ D({
   __name: "ProfileRelatedNamesCard",
   props: {
     relatedNames: {},
@@ -3077,40 +3166,40 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
     animationEnabled: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const e = t, a = p(() => e.relatedNames || []), l = (d) => {
-      if (d.name) return d.name;
-      const x = [];
-      return d.first_name && x.push(d.first_name), d.last_name && x.push(d.last_name), x.join(" ") || "Unknown";
-    }, u = (d) => {
-      const x = l(d), y = x.split(" ").filter(Boolean);
-      return y.length >= 2 ? `${y[0][0]}${y[y.length - 1][0]}`.toUpperCase() : x.substring(0, 2).toUpperCase();
-    }, n = (d) => d.label ? typeof d.label == "string" ? d.label : d.label.name || "" : d.relationship || "", o = (d) => {
-      if (!d.birthday) return "";
-      let x;
-      if (typeof d.birthday == "string" ? x = X(d.birthday) : x = d.birthday, !Y(x)) return "";
-      const y = te(/* @__PURE__ */ new Date(), x);
-      return y === 0 ? `${G(x, "MMM d, yyyy")}` : y >= 1 && y < 2 ? "over 1 year old" : `${y > 0 ? "over " : "almost "}${Math.abs(y)} years old`;
+    const e = t, a = p(() => e.relatedNames || []), l = (i) => {
+      if (i.name) return i.name;
+      const y = [];
+      return i.first_name && y.push(i.first_name), i.last_name && y.push(i.last_name), y.join(" ") || "Unknown";
+    }, c = (i) => {
+      const y = l(i), g = y.split(" ").filter(Boolean);
+      return g.length >= 2 ? `${g[0][0]}${g[g.length - 1][0]}`.toUpperCase() : y.substring(0, 2).toUpperCase();
+    }, n = (i) => i.label ? typeof i.label == "string" ? i.label : i.label.name || "" : i.relationship || "", r = (i) => {
+      if (!i.birthday) return "";
+      let y;
+      if (typeof i.birthday == "string" ? y = ee(i.birthday) : y = i.birthday, !K(y)) return "";
+      const g = se(/* @__PURE__ */ new Date(), y);
+      return g === 0 ? `${Y(y, "MMM d, yyyy")}` : g >= 1 && g < 2 ? "over 1 year old" : `${g > 0 ? "over " : "almost "}${Math.abs(g)} years old`;
     };
-    return (d, x) => (r(), j(q, {
+    return (i, y) => (o(), L(Z, {
       title: "Related Names",
-      icon: _(Qe),
+      icon: I(st),
       "animation-index": t.animationIndex,
       "animation-enabled": t.animationEnabled
     }, {
-      default: z(() => [
-        s("div", co, [
-          (r(!0), c(R, null, H(a.value, (y, m) => (r(), c("div", {
-            key: y.id || m,
+      default: C(() => [
+        s("div", Lo, [
+          (o(!0), u(U, null, H(a.value, (g, m) => (o(), u("div", {
+            key: g.id || m,
             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", uo, k(u(y)), 1),
-            s("div", mo, [
-              s("p", fo, k(l(y)), 1),
-              s("p", po, k(n(y)), 1),
-              o(y) ? (r(), c("p", go, [
-                C(_(ke), { class: "sl-w-3 sl-h-3" }),
-                U(" " + k(o(y)), 1)
-              ])) : $("", !0)
+            s("div", Do, k(c(g)), 1),
+            s("div", Mo, [
+              s("p", To, k(l(g)), 1),
+              s("p", Bo, k(n(g)), 1),
+              r(g) ? (o(), u("p", Po, [
+                $(I($e), { class: "sl-w-3 sl-h-3" }),
+                R(" " + k(r(g)), 1)
+              ])) : w("", !0)
             ])
           ]))), 128))
         ])
@@ -3118,10 +3207,10 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
       _: 1
     }, 8, ["icon", "animation-index", "animation-enabled"]));
   }
-}), ho = { class: "sl-bento-profile-layout sl-min-h-screen sl-relative" }, xo = { class: "sl-relative sl-max-w-4xl sl-mx-auto sl-px-4 sl-py-8 sl-space-y-6" }, bo = {
+}), Ao = { class: "sl-bento-profile-layout sl-min-h-screen sl-relative" }, Eo = { class: "sl-relative sl-max-w-4xl sl-mx-auto sl-px-4 sl-py-8 sl-space-y-6" }, Vo = {
   key: 0,
   class: "sl-space-y-6"
-}, vo = { class: "sl-space-y-6" }, ko = /* @__PURE__ */ L({
+}, No = { class: "sl-space-y-6" }, Fo = /* @__PURE__ */ D({
   __name: "BentoProfileLayout",
   props: {
     profile: {},
@@ -3138,102 +3227,244 @@ const kr = /* @__PURE__ */ A(dl, [["render", ul]]), ml = { class: "sl-bg-white s
     }) }
   },
   setup(t) {
-    const e = t, a = p(() => e.config?.showContact !== !1), l = p(() => e.config?.showLocation !== !1), u = p(() => e.config?.showProfessional !== !1), n = p(() => e.config?.showPersonal !== !1), o = p(() => e.config?.showOrganizations !== !1), d = p(() => e.config?.showRelatedNames !== !1), x = p(() => e.config?.animationEnabled !== !1), y = p(() => {
+    const e = t, a = p(() => e.config?.showContact !== !1), l = p(() => e.config?.showLocation !== !1), c = p(() => e.config?.showProfessional !== !1), n = p(() => e.config?.showPersonal !== !1), r = p(() => e.config?.showOrganizations !== !1), i = p(() => e.config?.showRelatedNames !== !1), y = p(() => e.config?.showSocial !== !1), g = p(() => e.config?.animationEnabled !== !1), m = p(() => {
       if (e.profile.name) return e.profile.name;
-      const S = [];
-      return e.profile.first_name && S.push(e.profile.first_name), e.profile.last_name && S.push(e.profile.last_name), S.join(" ") || "Unknown User";
-    }), m = p(() => e.profile.profile_image || e.profile.image || null), b = p(() => e.profile.email || e.profile.phone || e.profile.website), v = p(() => {
-      const S = e.profile.professional;
-      return S ? S.title || S.company || S.linkedin : !1;
-    }), i = p(() => {
-      const S = e.profile.address;
-      return S ? Array.isArray(S) ? S.length > 0 : !0 : !1;
-    }), f = p(() => !!g.value), g = p(() => {
+      const j = [];
+      return e.profile.first_name && j.push(e.profile.first_name), e.profile.last_name && j.push(e.profile.last_name), j.join(" ") || "Unknown User";
+    }), b = p(() => e.profile.profile_image || e.profile.image || null), v = p(() => e.profile.email || e.profile.phone || e.profile.website), d = p(() => {
+      const j = e.profile.professional;
+      return j ? j.title || j.company || j.linkedin : !1;
+    }), f = p(() => {
+      const j = e.profile.address;
+      return j ? Array.isArray(j) ? j.length > 0 : !0 : !1;
+    }), h = p(() => !!_.value), _ = p(() => {
       if (e.profile.latLng?.lat && e.profile.latLng?.lng)
         return e.profile.latLng;
       if (e.profile._geoloc?.lat && e.profile._geoloc?.lng)
         return e.profile._geoloc;
-      const S = e.profile.address;
-      if (S) {
-        const F = Array.isArray(S) ? S[0] : S;
-        if (F?.geocode?.location?.lat && F?.geocode?.location?.lng)
-          return F.geocode.location;
+      const j = e.profile.address;
+      if (j) {
+        const T = Array.isArray(j) ? j[0] : j;
+        if (T?.geocode?.location?.lat && T?.geocode?.location?.lng)
+          return T.geocode.location;
       }
       return null;
-    }), w = p(() => l.value && (i.value || f.value)), h = p(() => e.profile.organizations || []), T = p(() => e.profile.relatedNames || e.profile.related_names || []);
-    return (S, F) => (r(), c("div", ho, [
-      F[0] || (F[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", xo, [
-        C(Sa, {
-          name: y.value,
+    }), x = p(() => l.value && (f.value || h.value)), M = p(() => e.profile.organizations || []), N = p(() => e.profile.relatedNames || e.profile.related_names || []), O = p(() => e.profile.social || []), W = p(() => O.value.length > 0);
+    return (j, T) => (o(), u("div", Ao, [
+      T[0] || (T[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", Eo, [
+        $(Ua, {
+          name: m.value,
           nickname: t.profile.nickname,
-          image: m.value,
+          image: b.value,
           status: t.profile.status,
           "animation-index": 0,
-          "animation-enabled": x.value
+          "animation-enabled": g.value
         }, null, 8, ["name", "nickname", "image", "status", "animation-enabled"]),
         s("div", {
-          class: D([
+          class: z([
             "sl-grid sl-gap-6",
-            w.value ? "sl-grid-cols-1 md:sl-grid-cols-2" : "sl-grid-cols-1"
+            x.value ? "sl-grid-cols-1 md:sl-grid-cols-2" : "sl-grid-cols-1"
           ])
         }, [
           s("div", {
-            class: D([
+            class: z([
               "sl-space-y-6",
-              w.value ? "" : "sl-grid sl-grid-cols-1 md:sl-grid-cols-2 sl-gap-6"
+              x.value ? "" : "sl-grid sl-grid-cols-1 md:sl-grid-cols-2 sl-gap-6"
             ])
           }, [
-            a.value && b.value ? (r(), j(Ea, {
+            a.value && v.value ? (o(), L(Xa, {
               key: 0,
               email: t.profile.email,
               phone: t.profile.phone,
               website: t.profile.website,
               "animation-index": 1,
-              "animation-enabled": x.value
-            }, null, 8, ["email", "phone", "website", "animation-enabled"])) : $("", !0),
-            n.value && t.profile.birthday ? (r(), j(Ua, {
+              "animation-enabled": g.value
+            }, null, 8, ["email", "phone", "website", "animation-enabled"])) : w("", !0),
+            n.value && t.profile.birthday ? (o(), L(to, {
               key: 1,
               birthday: t.profile.birthday,
               "animation-index": 2,
-              "animation-enabled": x.value
-            }, null, 8, ["birthday", "animation-enabled"])) : $("", !0),
-            u.value && v.value ? (r(), j(qa, {
+              "animation-enabled": g.value
+            }, null, 8, ["birthday", "animation-enabled"])) : w("", !0),
+            c.value && d.value ? (o(), L(io, {
               key: 2,
               professional: t.profile.professional,
               "animation-index": 3,
-              "animation-enabled": x.value
-            }, null, 8, ["professional", "animation-enabled"])) : $("", !0)
+              "animation-enabled": g.value
+            }, null, 8, ["professional", "animation-enabled"])) : w("", !0),
+            y.value && W.value ? (o(), L(po, {
+              key: 3,
+              social: O.value,
+              "animation-index": 4,
+              "animation-enabled": g.value
+            }, null, 8, ["social", "animation-enabled"])) : w("", !0)
           ], 2),
-          w.value ? (r(), c("div", bo, [
-            l.value && (i.value || f.value) ? (r(), j(eo, {
+          x.value ? (o(), u("div", Vo, [
+            l.value && (f.value || h.value) ? (o(), L(vo, {
               key: 0,
               address: t.profile.address,
-              "lat-lng": g.value,
+              "lat-lng": _.value,
               "animation-index": 1,
-              "animation-enabled": x.value
-            }, null, 8, ["address", "lat-lng", "animation-enabled"])) : $("", !0)
-          ])) : $("", !0)
+              "animation-enabled": g.value
+            }, null, 8, ["address", "lat-lng", "animation-enabled"])) : w("", !0)
+          ])) : w("", !0)
         ], 2),
-        s("div", vo, [
-          o.value && h.value.length > 0 ? (r(), j(io, {
+        s("div", No, [
+          r.value && M.value.length > 0 ? (o(), L(zo, {
             key: 0,
-            organizations: h.value,
+            organizations: M.value,
             "animation-index": 5,
-            "animation-enabled": x.value
-          }, null, 8, ["organizations", "animation-enabled"])) : $("", !0),
-          d.value && T.value.length > 0 ? (r(), j(yo, {
+            "animation-enabled": g.value
+          }, null, 8, ["organizations", "animation-enabled"])) : w("", !0),
+          i.value && N.value.length > 0 ? (o(), L(jo, {
             key: 1,
-            "related-names": T.value,
+            "related-names": N.value,
             "animation-index": 6,
-            "animation-enabled": x.value
-          }, null, 8, ["related-names", "animation-enabled"])) : $("", !0)
+            "animation-enabled": g.value
+          }, null, 8, ["related-names", "animation-enabled"])) : w("", !0)
+        ])
+      ])
+    ]));
+  }
+}), Kr = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-3144ceb6"]]), Uo = { class: "sl-bento-profile-skeleton sl-min-h-screen sl-relative" }, Ro = { class: "sl-relative sl-max-w-4xl sl-mx-auto sl-px-4 sl-py-8 sl-space-y-6" }, Ho = { class: "sl-space-y-4" }, Oo = { class: "sl-space-y-3" }, Wo = { class: "sl-space-y-3" }, Go = {
+  key: 0,
+  class: "sl-space-y-6"
+}, qo = { class: "sl-space-y-3" }, Yo = { class: "sl-space-y-6" }, Ko = { class: "sl-space-y-4" }, Zo = { class: "sl-flex-1 sl-space-y-1" }, Jo = { class: "sl-grid sl-grid-cols-2 sl-gap-4" }, Xo = { class: "sl-space-y-1" }, Qo = /* @__PURE__ */ D({
+  __name: "BentoProfileLayoutSkeleton",
+  props: {
+    showLocation: { type: Boolean, default: !0 },
+    showOrganizations: { type: Boolean, default: !0 },
+    showRelatedNames: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const e = (l, { slots: c }) => G("div", {
+      class: [
+        "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",
+        "sl-p-5",
+        l.class
+      ].filter(Boolean).join(" ")
+    }, [
+      // Header skeleton
+      G("div", { class: "sl-flex sl-items-center sl-gap-3 sl-mb-4" }, [
+        G("div", { class: "sl-w-5 sl-h-5 sl-rounded sl-bg-gray-200 dark:sl-bg-gray-700 sl-animate-pulse" }),
+        G("div", { class: "sl-h-4 sl-w-24 sl-rounded sl-bg-gray-200 dark:sl-bg-gray-700 sl-animate-pulse" })
+      ]),
+      // Content
+      c.default?.()
+    ]), a = (l) => G("div", {
+      class: "sl-rounded sl-bg-gray-200 dark:sl-bg-gray-700 sl-animate-pulse",
+      style: {
+        width: l.width || "100%",
+        height: l.height || "16px"
+      }
+    });
+    return (l, c) => (o(), u("div", Uo, [
+      c[4] || (c[4] = s("div", { class: "sl-absolute sl-inset-0 sl-bg-gray-50 dark:sl-bg-gray-900 sl--z-10" }, null, -1)),
+      s("div", Ro, [
+        c[3] || (c[3] = Me('<div class="sl-rounded-2xl sl-bg-gradient-to-r sl-from-primary-600 sl-to-primary-700 sl-p-6 sl-animate-pulse" data-v-dbce0c6a><div class="sl-flex sl-items-center sl-gap-4" data-v-dbce0c6a><div class="sl-w-20 sl-h-20 sl-rounded-full sl-bg-white/20" data-v-dbce0c6a></div><div class="sl-space-y-2" data-v-dbce0c6a><div class="sl-h-6 sl-w-48 sl-bg-white/20 sl-rounded" data-v-dbce0c6a></div><div class="sl-h-4 sl-w-24 sl-bg-white/20 sl-rounded" data-v-dbce0c6a></div></div></div></div>', 1)),
+        s("div", {
+          class: z([
+            "sl-grid sl-gap-6",
+            t.showLocation ? "sl-grid-cols-1 md:sl-grid-cols-2" : "sl-grid-cols-1"
+          ])
+        }, [
+          s("div", {
+            class: z([
+              "sl-space-y-6",
+              t.showLocation ? "" : "sl-grid sl-grid-cols-1 md:sl-grid-cols-2 sl-gap-6"
+            ])
+          }, [
+            $(e, null, {
+              default: C(() => [
+                s("div", Ho, [
+                  $(a, { width: "60%" }),
+                  $(a, { width: "80%" }),
+                  $(a, { width: "70%" })
+                ])
+              ]),
+              _: 1
+            }),
+            $(e, null, {
+              default: C(() => [
+                s("div", Oo, [
+                  $(a, { width: "40%" }),
+                  $(a, { width: "55%" })
+                ])
+              ]),
+              _: 1
+            }),
+            $(e, null, {
+              default: C(() => [
+                s("div", Wo, [
+                  $(a, { width: "70%" }),
+                  $(a, { width: "50%" }),
+                  $(a, { width: "60%" })
+                ])
+              ]),
+              _: 1
+            })
+          ], 2),
+          t.showLocation ? (o(), u("div", Go, [
+            $(e, { class: "sl-h-64" }, {
+              default: C(() => [
+                s("div", qo, [
+                  $(a, { width: "50%" }),
+                  c[0] || (c[0] = s("div", { class: "sl-h-40 sl-bg-gray-200 dark:sl-bg-gray-700 sl-rounded-lg sl-animate-pulse" }, null, -1))
+                ])
+              ]),
+              _: 1
+            })
+          ])) : w("", !0)
+        ], 2),
+        s("div", Yo, [
+          t.showOrganizations ? (o(), L(e, { key: 0 }, {
+            default: C(() => [
+              s("div", Ko, [
+                (o(), u(U, null, H(3, (n) => s("div", {
+                  key: n,
+                  class: "sl-flex sl-items-center sl-gap-3"
+                }, [
+                  c[1] || (c[1] = s("div", { class: "sl-w-2 sl-h-2 sl-rounded-full sl-bg-gray-200 dark:sl-bg-gray-700" }, null, -1)),
+                  s("div", Zo, [
+                    $(a, { width: "60%" }),
+                    $(a, {
+                      width: "40%",
+                      height: "12px"
+                    })
+                  ])
+                ])), 64))
+              ])
+            ]),
+            _: 1
+          })) : w("", !0),
+          t.showRelatedNames ? (o(), L(e, { key: 1 }, {
+            default: C(() => [
+              s("div", Jo, [
+                (o(), u(U, null, H(4, (n) => s("div", {
+                  key: n,
+                  class: "sl-flex sl-items-center sl-gap-3"
+                }, [
+                  c[2] || (c[2] = s("div", { class: "sl-w-10 sl-h-10 sl-rounded-full sl-bg-gray-200 dark:sl-bg-gray-700 sl-animate-pulse" }, null, -1)),
+                  s("div", Xo, [
+                    $(a, { width: "80px" }),
+                    $(a, {
+                      width: "60px",
+                      height: "12px"
+                    })
+                  ])
+                ])), 64))
+              ])
+            ]),
+            _: 1
+          })) : w("", !0)
         ])
       ])
     ]));
   }
-}), Tr = /* @__PURE__ */ A(ko, [["__scopeId", "data-v-6dd771fc"]]);
-class $o {
+}), Zr = /* @__PURE__ */ A(Qo, [["__scopeId", "data-v-dbce0c6a"]]);
+class er {
   designTokens;
   prefix = "sl-";
   injectCSS = !0;
@@ -3244,13 +3475,13 @@ class $o {
   phoneInputConfig;
   datepickerConfig;
   constructor() {
-    this.designTokens = we;
+    this.designTokens = Ce;
   }
   install(e, a = {}) {
     Object.keys(a).length > 0 && this.configure(a), this.injectCSS && this.injectCSSVariables(), e.config.globalProperties.$stachelockUI = this, e.provide("stachelockUI", this), this.cloudinaryConfig && e.provide("cloudinary", this.cloudinaryConfig), this.googleMapsConfig && e.provide("googleMaps", this.googleMapsConfig), this.lottieConfig && e.provide("lottie", this.lottieConfig), this.richTextConfig && e.provide("richText", this.richTextConfig), this.phoneInputConfig && e.provide("phoneInput", this.phoneInputConfig), this.datepickerConfig && e.provide("datepicker", this.datepickerConfig);
   }
   configure(e) {
-    e.designTokens && (this.designTokens = nt(e.designTokens, this.designTokens)), e.prefix !== void 0 && (this.prefix = e.prefix), e.injectCSS !== void 0 && (this.injectCSS = e.injectCSS), e.cloudinary && (this.cloudinaryConfig = e.cloudinary), e.googleMaps && (this.googleMapsConfig = e.googleMaps), e.lottie && (this.lottieConfig = e.lottie), e.richText && (this.richTextConfig = e.richText), e.phoneInput && (this.phoneInputConfig = e.phoneInput), e.datepicker && (this.datepickerConfig = e.datepicker);
+    e.designTokens && (this.designTokens = ct(e.designTokens, this.designTokens)), e.prefix !== void 0 && (this.prefix = e.prefix), e.injectCSS !== void 0 && (this.injectCSS = e.injectCSS), e.cloudinary && (this.cloudinaryConfig = e.cloudinary), e.googleMaps && (this.googleMapsConfig = e.googleMaps), e.lottie && (this.lottieConfig = e.lottie), e.richText && (this.richTextConfig = e.richText), e.phoneInput && (this.phoneInputConfig = e.phoneInput), e.datepicker && (this.datepickerConfig = e.datepicker);
   }
   getDesignTokens() {
     return this.designTokens;
@@ -3274,7 +3505,7 @@ class $o {
     return this.datepickerConfig;
   }
   generateCSS() {
-    return it(this.designTokens);
+    return ut(this.designTokens);
   }
   injectCSSVariables() {
     const e = document.createElement("style");
@@ -3283,189 +3514,191 @@ class $o {
     a && a.remove(), document.head.appendChild(e);
   }
 }
-const Dr = new $o();
+const Jr = new er();
 export {
-  Ve as AddDeleteButtonGroup,
-  Yd as AddressInput,
-  Fe as AlertModal,
-  Le as Avatar,
-  tr as AvatarIcon,
-  sr as AvatarImage,
-  lr as AvatarInitials,
-  ar as AvatarWithText,
-  dd as BackgroundGradientWrapper,
+  Fe as AddDeleteButtonGroup,
+  p0 as AddressInput,
+  Re as AlertModal,
+  Pe as Avatar,
+  Br as AvatarIcon,
+  Pr as AvatarImage,
+  jr as AvatarInitials,
+  Ar as AvatarWithText,
+  Dd as BackgroundGradientWrapper,
   le as Badge,
-  hd as Banner,
-  Yn as BarChart,
-  Sd as BaseChart,
-  Yi as BaseModal,
-  Tr as BentoProfileLayout,
-  bd as Breadcrumb,
-  K as Button,
-  bn as ButtonGroup,
-  wd as CalendarDashboard,
-  Pn as CalendarHeader,
-  wr as CardLayout,
-  ud as CardWrapper,
-  kn as Checkbox,
-  Ue as CheckboxInput,
-  Ae as CloudinaryImage,
+  Vd as Banner,
+  pi as BarChart,
+  Yd as BaseChart,
+  pd as BaseModal,
+  Kr as BentoProfileLayout,
+  Zr as BentoProfileLayoutSkeleton,
+  Fd as Breadcrumb,
+  X as Button,
+  Fn as ButtonGroup,
+  Od as CalendarDashboard,
+  si as CalendarHeader,
+  Hr as CardLayout,
+  Td as CardWrapper,
+  Rn as Checkbox,
+  Oe as CheckboxInput,
+  Ne as CloudinaryImage,
   ne as CollectionEditor,
-  ss as CollectionItemList,
-  Fr as CollectionItemStatus,
-  Re as ComboboxInput,
-  oi as ComingSoon,
-  rt as ComponentRegistry,
-  Qd as ContentSkeleton,
-  Ti as DashboardLayout,
-  ir as DateFormatter,
-  dr as DateRangeFormatter,
-  ui as DatepickerInput,
-  Vn as DayCalendar,
-  Li as DefaultLayout,
-  fd as DisclosureWrapper,
-  cr as DiscordBrandIcon,
-  Ee as DynamicForm,
-  fi as EmailInput,
-  gi as EmptyInput,
-  ni as EmptyState,
-  Fn as EventCard,
-  Un as EventsList,
-  ur as FacebookBrandIcon,
-  hi as FileDropzoneInput,
-  gd as FormErrorWrapper,
-  di as FormField,
-  Wd as FormFieldWrapper,
-  Kn as FunnelChart,
-  at as GeocodeStatus,
-  mr as GitHubBrandIcon,
-  l0 as GoogleMap,
-  ji as HeaderLayout,
-  bi as HiddenInput,
-  u0 as ImageCropperModal,
-  ki as ImageDropzoneInput,
-  Cr as InfoCard,
-  o0 as InfoWindow,
-  td as InlineTabs,
-  $r as InputsShowcase,
-  fr as InstagramBrandIcon,
-  Jn as LineChart,
-  pr as LinkedInBrandIcon,
-  Me as Loading,
-  kd as LoadingDots,
-  hn as LottieAnimation,
-  n0 as Map,
-  Wi as MapAll,
-  d0 as MapMarker,
-  wn as Menu,
-  _n as Modal,
-  Hn as MonthCalendar,
-  Sn as NavLink,
-  Pi as NavigationGroup,
-  Vi as NavigationItem,
-  Ki as NotificationContainer,
-  Ji as NotificationToast,
-  or as OrganizationsEditor,
-  Kd as PhoneInput,
-  Qn as PieChart,
-  gr as PinterestBrandIcon,
-  q as ProfileCard,
-  Ea as ProfileContactCard,
-  Fi as ProfileHeaderAvatar,
-  Sa as ProfileHeaderCard,
-  eo as ProfileLocationCard,
-  io as ProfileOrganizationsCard,
-  Ua as ProfilePersonalCard,
-  qa as ProfileProfessionalCard,
-  yo as ProfileRelatedNamesCard,
-  Tn as ProgressBar,
-  Ui as ProjectLogo,
-  _r as PropsTable,
-  er as RadialProgressBar,
-  rr as RelatedNamesEditor,
-  Jd as RichTextInput,
+  os as CollectionItemList,
+  rn as CollectionItemStatus,
+  We as ComboboxInput,
+  Ii as ComingSoon,
+  dt as ComponentRegistry,
+  v0 as ContentSkeleton,
+  Zi as DashboardLayout,
+  Fr as DateFormatter,
+  Ur as DateRangeFormatter,
+  Ti as DatepickerInput,
+  ai as DayCalendar,
+  Xi as DefaultLayout,
+  Pd as DisclosureWrapper,
+  As as DiscordBrandIcon,
+  Ue as DynamicForm,
+  Pi as EmailInput,
+  Ai as EmptyInput,
+  zi as EmptyState,
+  ri as EventCard,
+  ii as EventsList,
+  Fs as FacebookBrandIcon,
+  Vi as FileDropzoneInput,
+  Ad as FormErrorWrapper,
+  Di as FormField,
+  m0 as FormFieldWrapper,
+  hi as FunnelChart,
+  nt as GeocodeStatus,
+  Os as GitHubBrandIcon,
+  _0 as GoogleMap,
+  ed as HeaderLayout,
+  Fi as HiddenInput,
+  T0 as ImageCropperModal,
+  Ri as ImageDropzoneInput,
+  Or as InfoCard,
+  I0 as InfoWindow,
+  wd as InlineTabs,
+  Rr as InputsShowcase,
+  Ys as InstagramBrandIcon,
+  xi as LineChart,
+  Xs as LinkedInBrandIcon,
+  je as Loading,
+  Rd as LoadingDots,
+  Vn as LottieAnimation,
+  z0 as Map,
+  md as MapAll,
+  D0 as MapMarker,
+  On as Menu,
+  Gn as Modal,
+  ci as MonthCalendar,
+  Yn as NavLink,
+  sd as NavigationGroup,
+  ad as NavigationItem,
+  hd as NotificationContainer,
+  xd as NotificationToast,
+  Er as OrganizationsEditor,
+  h0 as PhoneInput,
+  vi as PieChart,
+  sl as PinterestBrandIcon,
+  Z as ProfileCard,
+  Xa as ProfileContactCard,
+  rd as ProfileHeaderAvatar,
+  Ua as ProfileHeaderCard,
+  vo as ProfileLocationCard,
+  zo as ProfileOrganizationsCard,
+  to as ProfilePersonalCard,
+  io as ProfileProfessionalCard,
+  jo as ProfileRelatedNamesCard,
+  po as ProfileSocialCard,
+  Zn as ProgressBar,
+  id as ProjectLogo,
+  Wr as PropsTable,
+  Tr as RadialProgressBar,
+  Vr as RelatedNamesEditor,
+  x0 as RichTextInput,
   ue as SelectInput,
-  wi as SelectTextInput,
-  Ir as ShowcaseCard,
-  Sr as ShowcaseLayout,
-  Hi as SidebarLayout,
-  t0 as SmartLoadingIndicator,
-  yr as SnapchatBrandIcon,
-  nr as SocialLinksEditor,
-  ti as SparklineChart,
-  Dr as StachelockUI,
-  li as StatCard,
-  zr as StateDisplay,
-  Qi as StepperPanels,
-  Oe as SwitchInput,
-  _i as SwitchInputGroup,
-  ld as TabGroup,
-  od as TabGroupUnderline,
-  Ln as Table,
-  nd as TabsInPills,
-  Si as TagifyInput,
-  He as TextAreaInput,
-  W as TextInput,
-  Qo as ThemeDebugModal,
-  hr as ThreadsBrandIcon,
-  xr as TikTokBrandIcon,
-  jn as Transition,
-  br as TwitchBrandIcon,
-  Gr as US_CENTER,
-  Yr as WORLD_CENTER,
-  _d as WeekCalendar,
-  vr as XBrandIcon,
-  Wn as YearCalendar,
-  kr as YouTubeBrandIcon,
-  Td as areaChartConfig,
-  Dd as barChartConfig,
-  Ld as baseTheme,
-  Ur as calculateEventLanes,
-  Md as chartColors,
-  jd as chartTypography,
-  $e as componentRegistry,
-  Dr as default,
-  ot as defaultComponentMap,
-  qr as defaultCoordinateExtractor,
-  we as defaultDesignTokens,
-  Bd as formatDuration,
-  Pd as formatNumber,
-  Ad as formatPercentage,
-  on as formatUid,
-  Vd as funnelChartConfig,
-  it as generateCSSVariables,
-  jr as generateDeterministicId,
-  Br as generateId,
-  Xo as generateTailwindConfig,
-  Ed as getAreaGradient,
-  Jo as getComponent,
-  sn as getTabBadgeClasses,
-  Fd as hexToRgb,
-  Ko as isFundamentalField,
-  rn as isUidLike,
-  Kr as isValidCoordinate,
-  Nd as lineChartConfig,
-  nt as mergeDesignTokens,
-  Ud as pieChartConfig,
-  De as presetThemes,
-  Zo as registerComponent,
-  Pr as sanitizeId,
-  nn as slugToReadable,
-  Rd as stachelockColors,
-  Hd as toRgba,
-  dn as toSentenceCase,
-  cn as toTitleCase,
-  un as transformString,
-  mn as truncateString,
-  Vr as useCalendar,
+  Oi as SelectTextInput,
+  Gr as ShowcaseCard,
+  qr as ShowcaseLayout,
+  cd as SidebarLayout,
+  w0 as SmartLoadingIndicator,
+  rl as SnapchatBrandIcon,
+  Nr as SocialLinksEditor,
+  wi as SparklineChart,
+  Jr as StachelockUI,
+  _i as StatCard,
+  Yr as StateDisplay,
+  vd as StepperPanels,
+  qe as SwitchInput,
+  Gi as SwitchInputGroup,
+  _d as TabGroup,
+  Id as TabGroupUnderline,
+  Xn as Table,
+  zd as TabsInPills,
+  Yi as TagifyInput,
+  Ge as TextAreaInput,
+  q as TextInput,
+  Mr as ThemeDebugModal,
+  cl as ThreadsBrandIcon,
+  pl as TikTokBrandIcon,
+  ei as Transition,
+  xl as TwitchBrandIcon,
+  pn as US_CENTER,
+  gn as WORLD_CENTER,
+  Gd as WeekCalendar,
+  ge as XBrandIcon,
+  mi as YearCalendar,
+  Cl as YouTubeBrandIcon,
+  Zd as areaChartConfig,
+  Jd as barChartConfig,
+  Xd as baseTheme,
+  dn as calculateEventLanes,
+  Qd as chartColors,
+  e0 as chartTypography,
+  _e as componentRegistry,
+  Jr as default,
+  it as defaultComponentMap,
+  hn as defaultCoordinateExtractor,
+  Ce as defaultDesignTokens,
+  t0 as formatDuration,
+  s0 as formatNumber,
+  l0 as formatPercentage,
+  Sn as formatUid,
+  a0 as funnelChartConfig,
+  ut as generateCSSVariables,
+  en as generateDeterministicId,
+  tn as generateId,
+  Dr as generateTailwindConfig,
+  o0 as getAreaGradient,
+  Lr as getComponent,
+  _n as getTabBadgeClasses,
+  r0 as hexToRgb,
+  Sr as isFundamentalField,
+  zn as isUidLike,
+  yn as isValidCoordinate,
+  n0 as lineChartConfig,
+  ct as mergeDesignTokens,
+  i0 as pieChartConfig,
+  Be as presetThemes,
+  zr as registerComponent,
+  sn as sanitizeId,
+  Ln as slugToReadable,
+  d0 as stachelockColors,
+  c0 as toRgba,
+  Dn as toSentenceCase,
+  Mn as toTitleCase,
+  Tn as transformString,
+  Bn as truncateString,
+  an as useCalendar,
   Te as useCollectionEditor,
-  Rr as useEventSegments,
-  Or as useFormValidation,
-  Zr as useMap,
-  Xr as useModal,
-  en as useNotifications,
-  ln as useSimpleTabs,
-  fn as useStringTransform,
-  gn as useTabs,
-  he as useTheme
+  cn as useEventSegments,
+  mn as useFormValidation,
+  xn as useMap,
+  vn as useModal,
+  wn as useNotifications,
+  Cn as useSimpleTabs,
+  Pn as useStringTransform,
+  An as useTabs,
+  xe as useTheme
 };