@stachelock/ui 0.6.6 → 0.6.8

package/dist/index.js

@@ -1,8 +1,8 @@
 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 { defineAsyncComponent as Q, defineComponent as T, 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 Te, createStaticVNode as De } from "vue";
+import { T as q } from "./TextInput-C5IzX7m_.js";
 import { useCalendar as an } from "./composables/useCalendar.js";
-import { u as Te, v as re } from "./useCollectionEditor-BYyoAT0U.js";
+import { u as Me, v as re } from "./useCollectionEditor-BYyoAT0U.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";
@@ -10,7 +10,7 @@ import { U as pn, W as gn, d as hn, i as yn, u as xn } from "./useMap-BGg0H582.j
 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 { f as Sn, i as zn, s as Ln, a as Tn, t as Dn, c as Mn, 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";
@@ -27,7 +27,7 @@ import { _ as Xn } from "./UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.
 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 si } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-CMBsY5Y0.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";
@@ -41,7 +41,7 @@ import { _ as wi } from "./SparklineChart.vue_vue_type_script_setup_true_lang-Bl
 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 Ue } from "./DynamicForm.vue_vue_type_script_setup_true_lang-Bq8Gvhsc.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 Ii } from "./ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js";
@@ -50,10 +50,10 @@ 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 Ti } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-CdNtWWlT.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 We } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-DacJtKYo.js";
+import { _ as Mi } 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";
@@ -61,8 +61,8 @@ import { _ as Fi } from "./HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4
 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 ue } from "./SelectInput.vue_vue_type_script_setup_true_lang-DFfKsmvj.js";
+import { _ as Oi } from "./SelectTextInput.vue_vue_type_script_setup_true_lang-C3BGLjY1.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";
@@ -79,12 +79,12 @@ import { _ as hd } from "./NotificationContainer.vue_vue_type_style_index_0_lang
 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 wd } from "./InlineTabs.vue_vue_type_script_setup_true_lang-B6A0zsE6.js";
+import { _ as _d } from "./TabGroup.vue_vue_type_script_setup_true_lang-BzqtAqbr.js";
+import { _ as Id } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-C6OYRDCq.js";
+import { _ as zd } from "./TabsInPills.vue_vue_type_script_setup_true_lang-C7T3PUnB.js";
+import { _ as Td } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
+import { _ as Md } 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";
@@ -105,8 +105,8 @@ 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";
+import { default as T0 } from "./maps/UiMapMarker.js";
+import { default as M0 } 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);
@@ -376,7 +376,7 @@ function ut(t) {
 `, e += `}
 `, e;
 }
-function Dr(t) {
+function Tr(t) {
   let e = `export default {
 `;
   return e += `  prefix: "sl-",
@@ -428,7 +428,7 @@ function mt(t) {
   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 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({
+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" }, Tt = { class: "sl-flex sl-items-center sl-gap-4" }, Dt = { class: "sl-flex sl-items-center sl-gap-3" }, Mt = { 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__ */ T({
   __name: "ThemeDebugModal",
   props: {
     modelValue: { type: Boolean }
@@ -616,11 +616,11 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                                   _: 1
                                 })
                               ]),
-                              s("div", Dt, [
+                              s("div", Tt, [
                                 $(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", Mt, [
+                              s("div", Dt, [
                                 $(Pe, {
                                   name: "Theme Test",
                                   size: "md"
@@ -631,7 +631,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                           ]),
                           s("div", null, [
                             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, [
+                            s("div", Mt, [
                               (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",
@@ -689,13 +689,13 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}), Mr = /* @__PURE__ */ A(At, [["__scopeId", "data-v-c9b3cc37"]]), Et = {
+}), Dr = /* @__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"
 }, 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"
-}, Tr = /* @__PURE__ */ D({
+}, Mr = /* @__PURE__ */ T({
   __name: "UiRadialProgressBar",
   props: {
     value: { default: 0 },
@@ -744,7 +744,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       ])) : w("", !0)
     ], 4));
   }
-}), Br = /* @__PURE__ */ D({
+}), Br = /* @__PURE__ */ T({
   __name: "AvatarIcon",
   props: {
     size: {},
@@ -807,7 +807,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       }, k(t.initials), 3))
     ], 6));
   }
-}), Ut = ["src", "alt"], Pr = /* @__PURE__ */ D({
+}), Ut = ["src", "alt"], Pr = /* @__PURE__ */ T({
   __name: "AvatarImage",
   props: {
     size: {},
@@ -822,16 +822,16 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     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;
+      let D = x.replace(/^v\d+\//, "");
+      return D = D.replace(/\.(png|jpg|jpeg|webp|gif)$/i, ""), D;
     }), 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 D = x.trim();
+      if (D.length === 0 || D.length < 8) return !1;
       const N = [/^https?:\/\//, /\s+/, /^\//, /\/$/, /^[0-9a-f]{3,8}$/i];
       for (const O of N)
-        if (O.test(M))
+        if (O.test(D))
           return !1;
       return !0;
     }), y = (x) => {
@@ -850,7 +850,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     ]), _ = 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 (x, M) => (o(), u("div", null, [
+    return (x, D) => (o(), u("div", null, [
       n.value && t.image ? (o(), u("img", {
         key: 0,
         src: t.image.url,
@@ -877,7 +877,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       }, null, 8, ["icon-component", "size"]))
     ]));
   }
-}), jr = /* @__PURE__ */ D({
+}), jr = /* @__PURE__ */ T({
   __name: "AvatarInitials",
   props: {
     size: {},
@@ -933,7 +933,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       }, k(I(c)), 3)
     ], 2));
   }
-}), 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({
+}), 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__ */ T({
   __name: "AvatarWithText",
   props: {
     /** Which avatar component to use */
@@ -1022,7 +1022,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
 }, 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"
-}, os = /* @__PURE__ */ D({
+}, os = /* @__PURE__ */ T({
   __name: "CollectionItemList",
   props: {
     items: { default: () => [] },
@@ -1082,10 +1082,10 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
             ]),
             role: "button",
             tabindex: t.canEdit ? 0 : -1,
-            onClick: (M) => b(_),
+            onClick: (D) => b(_),
             onKeydown: [
-              de((M) => b(_), ["enter"]),
-              de(he((M) => b(_), ["prevent"]), ["space"])
+              de((D) => b(_), ["enter"]),
+              de(he((D) => b(_), ["prevent"]), ["space"])
             ]
           }, [
             s("div", es, [
@@ -1110,7 +1110,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
 }), 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"
-}, 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({
+}, 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__ */ T({
   __name: "CollectionEditor",
   props: {
     name: {},
@@ -1130,8 +1130,8 @@ const ft = { 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, c = a, n = (T, ...B) => {
-      c(T, ...B);
+    const l = t, c = a, n = (M, ...B) => {
+      c(M, ...B);
     }, {
       items: r,
       activeItem: i,
@@ -1145,7 +1145,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       handleFormUpdate: h,
       confirmDelete: _,
       cancelDelete: x
-    } = Te(
+    } = Me(
       {
         initialItems: l.modelValue,
         emptyFormValues: l.emptyFormValues,
@@ -1156,26 +1156,26 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     );
     oe(
       () => l.modelValue,
-      (T) => {
-        T && JSON.stringify(T) !== JSON.stringify(r.value) && (r.value = T.map((B) => l.explodeItem(B)));
+      (M) => {
+        M && JSON.stringify(M) !== JSON.stringify(r.value) && (r.value = M.map((B) => l.explodeItem(B)));
       },
       { deep: !0 }
     );
-    const M = p(() => r.value), N = (T) => {
-      d(T);
-    }, O = (T) => {
-      f(T);
-    }, W = (T) => {
-      h(T), c("update:form", T);
+    const D = p(() => r.value), N = (M) => {
+      d(M);
+    }, O = (M) => {
+      f(M);
+    }, W = (M) => {
+      h(M), c("update:form", M);
     }, j = () => {
       _();
     };
     return e({
-      getItems: () => r.value.map((T) => l.implodeItem(T)),
+      getItems: () => r.value.map((M) => l.implodeItem(M)),
       resetForm: () => {
         y.value = { ...l.emptyFormValues }, i.value = null;
       }
-    }), (T, B) => (o(), u("div", rs, [
+    }), (M, B) => (o(), u("div", rs, [
       s("div", ns, [
         s("div", is, [
           s("span", ds, [
@@ -1201,13 +1201,13 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
         ])
       ]),
       s("div", ms, [
-        S(T.$slots, "list", {
-          items: M.value,
+        S(M.$slots, "list", {
+          items: D.value,
           selected: I(i),
           onSelect: I(v)
         }, () => [
           $(os, {
-            items: M.value,
+            items: D.value,
             selected: I(i),
             "can-edit": !0,
             title: t.title,
@@ -1218,13 +1218,13 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
             onSelect: I(v)
           }, {
             "item-content": C(({ item: E }) => [
-              S(T.$slots, "item-content", { item: E }, void 0, !0)
+              S(M.$slots, "item-content", { item: E }, void 0, !0)
             ]),
             "item-secondary": C(({ item: E }) => [
-              S(T.$slots, "item-secondary", { item: E }, void 0, !0)
+              S(M.$slots, "item-secondary", { item: E }, void 0, !0)
             ]),
             empty: C(() => [
-              S(T.$slots, "empty", {}, void 0, !0)
+              S(M.$slots, "empty", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["items", "selected", "title", "group-by", "primary-field", "secondary-field", "empty-message", "onSelect"])
@@ -1240,7 +1240,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       }, null, 8, ["title", "description", "onClose"])) : w("", !0)
     ]));
   }
-}), 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({
+}), 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__ */ T({
   __name: "OrganizationsEditor",
   props: {
     name: {},
@@ -1352,7 +1352,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
     }, 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 = [];
+        const D = _ || /* @__PURE__ */ new Date(), N = se(D, h), O = be(D, 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 x.join(" ");
@@ -1390,7 +1390,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
 }), 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"
-}, Vr = /* @__PURE__ */ D({
+}, Vr = /* @__PURE__ */ T({
   __name: "RelatedNamesEditor",
   props: {
     name: {},
@@ -1517,7 +1517,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
 }), 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"
-}, _s = ["href"], Nr = /* @__PURE__ */ D({
+}, _s = ["href"], Nr = /* @__PURE__ */ T({
   __name: "SocialLinksEditor",
   props: {
     name: {},
@@ -1594,13 +1594,13 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
           placeholder: "https://..."
         }
       ]
-    })), x = (B) => B, M = (B) => B, N = (B) => d.platforms.find((V) => V.id === B)?.name || B || "Unknown Platform", O = (B) => {
+    })), x = (B) => B, D = (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) => {
+    }, j = (B) => B ? B.startsWith("http://") || B.startsWith("https://") ? B : `https://${B}` : "#", M = (B) => {
       f("update:modelValue", B);
     };
     return (B, E) => (o(), L(ne, {
@@ -1613,11 +1613,11 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       "primary-field": "platform",
       "secondary-field": "handle",
       "explode-item": x,
-      "implode-item": M,
+      "implode-item": D,
       "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": T,
+      "onUpdate:modelValue": M,
       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))
@@ -1656,7 +1656,7 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
 }, zs = {
   key: 1,
   class: "sl-flex sl-items-center"
-}, Fr = /* @__PURE__ */ D({
+}, Fr = /* @__PURE__ */ T({
   __name: "DateFormatter",
   props: {
     /** The date to format */
@@ -1758,10 +1758,10 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       s("span", { class: "sl-text-gray-400 dark:sl-text-gray-500 sl-italic" }, "Date unavailable", -1)
     ])]));
   }
-}), Ls = { key: 0 }, Ds = { class: "sl-mt-1 sl-text-xs sl-leading-5 sl-text-gray-500 dark:sl-text-gray-400" }, Ms = {
+}), Ls = { key: 0 }, Ts = { class: "sl-mt-1 sl-text-xs sl-leading-5 sl-text-gray-500 dark:sl-text-gray-400" }, Ds = {
   key: 0,
   class: "sl-block sm:sl-inline sm:sl-ml-1"
-}, Ts = { key: 1 }, Ur = /* @__PURE__ */ D({
+}, Ms = { key: 1 }, Ur = /* @__PURE__ */ T({
   __name: "DateRangeFormatter",
   props: {
     /** Start date of the range */
@@ -1843,14 +1843,14 @@ const ft = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       }
     });
     return (m, b) => r.value ? (o(), u("div", Ls, [
-      s("p", Ds, [
+      s("p", Ts, [
         s("span", null, k(i.value) + " – " + k(y.value), 1),
-        t.useCalculateTimeBetween ? (o(), u("span", Ms, [
+        t.useCalculateTimeBetween ? (o(), u("span", Ds, [
           b[0] || (b[0] = s("span", { class: "sl-hidden sm:sl-inline sl-mr-1" }, "•", -1)),
           s("span", null, k(g.value), 1)
         ])) : w("", !0)
       ])
-    ])) : (o(), u("div", Ts, [...b[1] || (b[1] = [
+    ])) : (o(), u("div", Ms, [...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)
     ])]));
   }
@@ -2003,7 +2003,7 @@ function _l(t, e) {
     }, null, -1)
   ])]);
 }
-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({
+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" }, Tl = { class: "sl-whitespace-pre-wrap" }, Rr = /* @__PURE__ */ T({
   __name: "InputsShowcase",
   setup(t) {
     const e = ze({
@@ -2119,12 +2119,12 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
         ]),
         s("div", Ll, [
           r[14] || (r[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
-          s("pre", Dl, k(e), 1)
+          s("pre", Tl, k(e), 1)
         ])
       ])
     ]));
   }
-}), Ml = { class: "sl-flex sl-items-center sl-gap-4" }, Tl = {
+}), Dl = { class: "sl-flex sl-items-center sl-gap-4" }, Ml = {
   key: 0,
   class: "sl-flex-shrink-0 sl-flex sl-items-center sl-justify-center"
 }, Bl = { class: "sl-flex-1 sl-min-w-0" }, Pl = {
@@ -2177,7 +2177,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }, ta = {
   key: 0,
   class: "sl-text-sm sl-font-medium sl-text-gray-600 dark:sl-text-gray-300"
-}, sa = /* @__PURE__ */ D({
+}, sa = /* @__PURE__ */ T({
   __name: "CardLayout",
   props: {
     variant: { default: "elevated" },
@@ -2238,7 +2238,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
         };
         N[l.shadow] && x.push(N[l.shadow]);
       }
-      const M = {
+      const D = {
         none: "",
         sm: "sl-rounded-sm",
         md: "sl-rounded-md",
@@ -2247,7 +2247,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
         "2xl": "sl-rounded-2xl",
         full: "sl-rounded-3xl"
       };
-      return M[l.rounded] && x.push(M[l.rounded]), l.hoverable && x.push(
+      return D[l.rounded] && x.push(D[l.rounded]), l.hoverable && x.push(
         "sl-transition-shadow",
         "sl-duration-200",
         "hover:sl-shadow-lg",
@@ -2276,7 +2276,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
     return e({
       toggleCollapse: y,
       isCollapsed: i
-    }), (x, M) => (o(), u("div", {
+    }), (x, D) => (o(), u("div", {
       class: z([
         "sl-card-layout",
         b.value,
@@ -2293,8 +2293,8 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
         ])
       }, [
         S(x.$slots, "header", {}, () => [
-          s("div", Ml, [
-            x.$slots["header-icon"] ? (o(), u("div", Tl, [
+          s("div", Dl, [
+            x.$slots["header-icon"] ? (o(), u("div", Ml, [
               S(x.$slots, "header-icon", {}, void 0, !0)
             ])) : w("", !0),
             s("div", Bl, [
@@ -2326,7 +2326,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
                   "stroke-width": "2"
-                }, [...M[0] || (M[0] = [
+                }, [...D[0] || (D[0] = [
                   s("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -2433,7 +2433,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
           t.loading ? (o(), u("div", Xl, [
             S(x.$slots, "loading", {}, () => [
               s("div", Ql, [
-                (o(), u("svg", ea, [...M[1] || (M[1] = [
+                (o(), u("svg", ea, [...D[1] || (D[1] = [
                   s("circle", {
                     class: "sl-opacity-25",
                     cx: "12",
@@ -2457,7 +2457,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
       })
     ], 6));
   }
-}), Hr = /* @__PURE__ */ A(sa, [["__scopeId", "data-v-a1ea2aac"]]), la = "sl-text-sm", Or = /* @__PURE__ */ D({
+}), Hr = /* @__PURE__ */ A(sa, [["__scopeId", "data-v-a1ea2aac"]]), la = "sl-text-sm", Or = /* @__PURE__ */ T({
   __name: "InfoCard",
   props: {
     title: { default: "" },
@@ -2497,7 +2497,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
       ], 4)
     ], 4));
   }
-}), 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({
+}), 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__ */ T({
   __name: "PropsTable",
   props: {
     title: { default: "Props" },
@@ -2552,7 +2552,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
   key: 0,
   class: "sl-text-sm sl-mt-1",
   style: { color: "var(--sl-text-muted)" }
-}, Gr = /* @__PURE__ */ D({
+}, Gr = /* @__PURE__ */ T({
   __name: "ShowcaseCard",
   props: {
     title: { default: "" },
@@ -2589,7 +2589,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
   key: 0,
   class: "sl-flex sl-flex-wrap sl-gap-2 sl-pb-4",
   style: { borderBottom: "1px solid var(--sl-border-default)" }
-}, $a = ["onClick"], _a = { class: "sl-space-y-8" }, qr = /* @__PURE__ */ D({
+}, $a = ["onClick"], _a = { class: "sl-space-y-8" }, qr = /* @__PURE__ */ T({
   __name: "ShowcaseLayout",
   props: {
     title: {},
@@ -2634,7 +2634,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }), Ca = { class: "sl-space-y-4" }, Ia = {
   class: "sl-text-xl sl-font-semibold",
   style: { color: "var(--sl-text-primary)" }
-}, 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({
+}, 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__ */ T({
   __name: "StateDisplay",
   props: {
     title: { default: "Current State" },
@@ -2649,7 +2649,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
       ])
     ]));
   }
-}), 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 = {
+}), La = { class: "sl-relative sl-z-10 sl-flex sl-flex-col sm:sl-flex-row sl-items-center sl-gap-6" }, Ta = { class: "sl-flex-shrink-0" }, Da = { class: "sl-relative" }, Ma = ["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"
 }, Pa = {
@@ -2661,7 +2661,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }, Va = {
   key: 1,
   class: "sl-mt-3"
-}, 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({
+}, 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__ */ T({
   __name: "ProfileHeaderCard",
   props: {
     name: {},
@@ -2696,8 +2696,8 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
       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", Ta, [
+          s("div", Da, [
             s("div", {
               class: z([
                 "sl-w-24 sl-h-24 sl-rounded-full sl-overflow-hidden sl-shadow-xl",
@@ -2710,7 +2710,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
                 alt: t.name,
                 class: "sl-w-full sl-h-full sl-object-cover",
                 onError: i
-              }, null, 40, Ta)) : (o(), u("div", Ba, k(n.value), 1))
+              }, null, 40, Ma)) : (o(), u("div", Ba, k(n.value), 1))
             ], 2),
             l.value ? (o(), u("span", Pa, [
               $(I(Ee), { class: "sl-w-4 sl-h-4 sl-text-white" })
@@ -2736,7 +2736,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }, Ha = {
   key: 1,
   class: "sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-gray-100"
-}, Oa = /* @__PURE__ */ D({
+}, Oa = /* @__PURE__ */ T({
   __name: "ProfileCard",
   props: {
     title: {},
@@ -2786,7 +2786,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }, Ka = ["href"], Za = {
   key: 2,
   class: "sl-flex sl-items-start sl-gap-3"
-}, Ja = ["href"], Xa = /* @__PURE__ */ D({
+}, Ja = ["href"], Xa = /* @__PURE__ */ T({
   __name: "ProfileContactCard",
   props: {
     email: {},
@@ -2846,7 +2846,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
       _: 1
     }, 8, ["icon", "animation-index", "animation-enabled"]));
   }
-}), 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({
+}), 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__ */ T({
   __name: "ProfilePersonalCard",
   props: {
     birthday: {},
@@ -2889,7 +2889,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }, ro = {
   key: 1,
   class: "sl-flex sl-items-center sl-gap-3"
-}, no = ["href"], io = /* @__PURE__ */ D({
+}, no = ["href"], io = /* @__PURE__ */ T({
   __name: "ProfileProfessionalCard",
   props: {
     professional: {},
@@ -2945,7 +2945,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }), 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({
+}, po = /* @__PURE__ */ T({
   __name: "ProfileSocialCard",
   props: {
     social: {},
@@ -3037,7 +3037,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }, xo = ["src"], bo = {
   key: 1,
   class: "sl-w-full sl-h-full sl-flex sl-items-center sl-justify-center"
-}, vo = /* @__PURE__ */ D({
+}, vo = /* @__PURE__ */ T({
   __name: "ProfileLocationCard",
   props: {
     address: {},
@@ -3047,7 +3047,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
     animationEnabled: { type: Boolean, default: !0 }
   },
   setup(t) {
-    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 e = t, a = Te("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;
@@ -3103,7 +3103,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }, _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"
-}, So = { class: "sl-mt-1 sl-text-xs sl-text-gray-500 dark:sl-text-gray-500" }, zo = /* @__PURE__ */ D({
+}, So = { class: "sl-mt-1 sl-text-xs sl-text-gray-500 dark:sl-text-gray-500" }, zo = /* @__PURE__ */ T({
   __name: "ProfileOrganizationsCard",
   props: {
     organizations: {},
@@ -3155,10 +3155,10 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
       _: 1
     }, 8, ["icon", "animation-index", "animation-enabled"]));
   }
-}), 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 = {
+}), Lo = { class: "sl-grid sl-grid-cols-2 sl-gap-4" }, To = { 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" }, Do = { class: "sl-min-w-0 sl-flex-1" }, Mo = { 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"
-}, jo = /* @__PURE__ */ D({
+}, jo = /* @__PURE__ */ T({
   __name: "ProfileRelatedNamesCard",
   props: {
     relatedNames: {},
@@ -3192,9 +3192,9 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
             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", Do, k(c(g)), 1),
-            s("div", Mo, [
-              s("p", To, k(l(g)), 1),
+            s("div", To, k(c(g)), 1),
+            s("div", Do, [
+              s("p", Mo, 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" }),
@@ -3210,7 +3210,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }), 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"
-}, No = { class: "sl-space-y-6" }, Fo = /* @__PURE__ */ D({
+}, No = { class: "sl-space-y-6" }, Fo = /* @__PURE__ */ T({
   __name: "BentoProfileLayout",
   props: {
     profile: {},
@@ -3244,14 +3244,14 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
         return e.profile._geoloc;
       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;
+        const M = Array.isArray(j) ? j[0] : j;
+        if (M?.geocode?.location?.lat && M?.geocode?.location?.lng)
+          return M.geocode.location;
       }
       return null;
-    }), 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)),
+    }), x = p(() => l.value && (f.value || h.value)), D = 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, M) => (o(), u("div", Ao, [
+      M[0] || (M[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,
@@ -3311,9 +3311,9 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
           ])) : w("", !0)
         ], 2),
         s("div", No, [
-          r.value && M.value.length > 0 ? (o(), L(zo, {
+          r.value && D.value.length > 0 ? (o(), L(zo, {
             key: 0,
-            organizations: M.value,
+            organizations: D.value,
             "animation-index": 5,
             "animation-enabled": g.value
           }, null, 8, ["organizations", "animation-enabled"])) : w("", !0),
@@ -3330,7 +3330,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
 }), 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({
+}, 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__ */ T({
   __name: "BentoProfileLayoutSkeleton",
   props: {
     showLocation: { type: Boolean, default: !0 },
@@ -3363,7 +3363,7 @@ const Cl = /* @__PURE__ */ A(wl, [["render", _l]]), Il = { class: "sl-bg-white s
     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)),
+        c[3] || (c[3] = De('<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",
@@ -3524,7 +3524,7 @@ export {
   Pr as AvatarImage,
   jr as AvatarInitials,
   Ar as AvatarWithText,
-  Dd as BackgroundGradientWrapper,
+  Td as BackgroundGradientWrapper,
   le as Badge,
   Vd as Banner,
   pi as BarChart,
@@ -3538,7 +3538,7 @@ export {
   Od as CalendarDashboard,
   si as CalendarHeader,
   Hr as CardLayout,
-  Td as CardWrapper,
+  Md as CardWrapper,
   Rn as Checkbox,
   Oe as CheckboxInput,
   Ne as CloudinaryImage,
@@ -3552,7 +3552,7 @@ export {
   Zi as DashboardLayout,
   Fr as DateFormatter,
   Ur as DateRangeFormatter,
-  Ti as DatepickerInput,
+  Mi as DatepickerInput,
   ai as DayCalendar,
   Xi as DefaultLayout,
   Pd as DisclosureWrapper,
@@ -3566,7 +3566,7 @@ export {
   Fs as FacebookBrandIcon,
   Vi as FileDropzoneInput,
   Ad as FormErrorWrapper,
-  Di as FormField,
+  Ti as FormField,
   m0 as FormFieldWrapper,
   hi as FunnelChart,
   nt as GeocodeStatus,
@@ -3574,7 +3574,7 @@ export {
   _0 as GoogleMap,
   ed as HeaderLayout,
   Fi as HiddenInput,
-  T0 as ImageCropperModal,
+  M0 as ImageCropperModal,
   Ri as ImageDropzoneInput,
   Or as InfoCard,
   I0 as InfoWindow,
@@ -3588,7 +3588,7 @@ export {
   Vn as LottieAnimation,
   z0 as Map,
   md as MapAll,
-  D0 as MapMarker,
+  T0 as MapMarker,
   On as Menu,
   Gn as Modal,
   ci as MonthCalendar,
@@ -3614,7 +3614,7 @@ export {
   Zn as ProgressBar,
   id as ProjectLogo,
   Wr as PropsTable,
-  Tr as RadialProgressBar,
+  Mr as RadialProgressBar,
   Vr as RelatedNamesEditor,
   x0 as RichTextInput,
   ue as SelectInput,
@@ -3639,7 +3639,7 @@ export {
   Yi as TagifyInput,
   Ge as TextAreaInput,
   q as TextInput,
-  Mr as ThemeDebugModal,
+  Dr as ThemeDebugModal,
   cl as ThreadsBrandIcon,
   pl as TikTokBrandIcon,
   ei as Transition,
@@ -3669,7 +3669,7 @@ export {
   ut as generateCSSVariables,
   en as generateDeterministicId,
   tn as generateId,
-  Dr as generateTailwindConfig,
+  Tr as generateTailwindConfig,
   o0 as getAreaGradient,
   Lr as getComponent,
   _n as getTabBadgeClasses,
@@ -3686,12 +3686,12 @@ export {
   Ln as slugToReadable,
   d0 as stachelockColors,
   c0 as toRgba,
-  Dn as toSentenceCase,
-  Mn as toTitleCase,
-  Tn as transformString,
+  Tn as toSentenceCase,
+  Dn as toTitleCase,
+  Mn as transformString,
   Bn as truncateString,
   an as useCalendar,
-  Te as useCollectionEditor,
+  Me as useCollectionEditor,
   cn as useEventSegments,
   mn as useFormValidation,
   xn as useMap,