@stachelock/ui 0.6.14 → 0.6.16

package/dist/components/Button.js

@@ -1,9 +1,9 @@
-import { defineComponent as G, defineAsyncComponent as H, computed as l, ref as L, onMounted as J, nextTick as I, watch as K, createElementBlock as t, openBlock as o, normalizeStyle as Q, normalizeClass as n, createCommentVNode as d, createElementVNode as X, renderSlot as u, Fragment as Y, createVNode as m, unref as c, toDisplayString as Z } from "vue";
-import { _ as ee } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const se = ["disabled", "data-theme", "data-outlined"], le = { class: "sl-absolute sl-top-0 sl-right-0 sl-transform sl-translate-x-1/2 -sl-translate-y-1/2" }, re = {
+import { defineComponent as G, defineAsyncComponent as J, computed as r, ref as x, onMounted as K, nextTick as z, watch as Q, createElementBlock as o, openBlock as t, normalizeStyle as X, normalizeClass as n, createCommentVNode as u, createElementVNode as Y, renderSlot as g, Fragment as Z, createVNode as w, unref as y, toDisplayString as ee } from "vue";
+import { _ as se } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const le = ["disabled", "data-theme", "data-outlined"], re = { class: "sl-absolute sl-top-0 sl-right-0 sl-transform sl-translate-x-1/2 -sl-translate-y-1/2" }, oe = {
   key: 0,
   class: "sl-ml-2"
-}, te = "sl-flex sl-items-center sl-flex-shrink-0", z = "sl-absolute sl-right-2 sl-top-1/2 -sl-translate-y-1/2 sl-flex sl-items-center sl-flex-shrink-0", oe = /* @__PURE__ */ G({
+}, te = "sl-flex sl-items-center sl-flex-shrink-0", S = "sl-absolute sl-right-2 sl-top-1/2 -sl-translate-y-1/2 sl-flex sl-items-center sl-flex-shrink-0", ne = /* @__PURE__ */ G({
   __name: "UiButton",
   props: {
     replaceLeadingIconWithLoading: { type: Boolean, default: !1 },
@@ -30,39 +30,39 @@ const se = ["disabled", "data-theme", "data-outlined"], le = { class: "sl-absolu
     inlineFlex: { type: Boolean, default: !1 }
   },
   emits: ["button-click", "hover-enter", "hover-leave"],
-  setup(p, { emit: S }) {
-    const b = H(() => import("./Loading.js")), e = p, h = S, g = l(() => !!e.loading), y = l(() => e.replaceLeadingIconWithLoading || !1), x = L(null), f = L(e.theme ?? "primary"), _ = (s) => {
+  setup(C, { emit: _ }) {
+    const h = J(() => import("./Loading.js")), e = C, v = _, c = r(() => !!e.loading), m = r(() => e.replaceLeadingIconWithLoading || !1), B = x(null), f = x(e.theme ?? "primary"), M = (s) => {
       for (; s && s !== document.documentElement; ) {
-        const r = window.getComputedStyle(s).backgroundColor;
-        if (r && r !== "rgba(0, 0, 0, 0)" && r !== "transparent")
-          return r;
+        const l = window.getComputedStyle(s).backgroundColor;
+        if (l && l !== "rgba(0, 0, 0, 0)" && l !== "transparent")
+          return l;
         s = s.parentElement;
       }
       return null;
-    }, w = () => {
+    }, L = () => {
       if (!e.autoContrast) return;
-      const s = x.value;
+      const s = B.value;
       if (!s) return;
-      const r = _(s.parentElement);
-      if (!r) return;
-      window.getComputedStyle(s).backgroundColor === r && (f.value = f.value === "light" ? "primary" : "light");
+      const l = M(s.parentElement);
+      if (!l) return;
+      window.getComputedStyle(s).backgroundColor === l && (f.value = f.value === "light" ? "primary" : "light");
     };
-    J(() => {
-      I(w);
-    }), K(
+    K(() => {
+      z(L);
+    }), Q(
       () => e.theme,
       (s) => {
-        f.value = s || "primary", I(w);
+        f.value = s || "primary", z(L);
       },
       { immediate: !1 }
     );
-    const i = l(() => f.value), C = l(() => e.loadingSize || e.size || "md"), v = l(() => {
+    const i = r(() => f.value), I = r(() => e.loadingSize || e.size || "md"), k = r(() => {
       const s = ["primary", "dark", "danger", "success", "warning"];
       return !e.outlined && s.includes(i.value) ? "light" : i.value;
-    }), M = l(() => {
+    }), j = r(() => {
       const s = ["primary", "dark", "danger", "success", "warning"];
       return !e.outlined && s.includes(i.value) ? "sl-bg-black/20" : "sl-bg-white/75 dark:sl-bg-slate-900/75";
-    }), j = l(() => {
+    }), T = r(() => {
       const s = {
         primary: "sl-text-stachelock-600 dark:sl-text-stachelock-400 sl-border sl-border-stachelock-600 dark:sl-border-stachelock-500 hover:sl-bg-stachelock-50 dark:hover:sl-bg-stachelock-900/30 hover:sl-border-stachelock-400 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-stachelock-300 dark:focus:sl-ring-stachelock-600 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
         dark: "sl-text-gray-700 dark:sl-text-gray-300 sl-border sl-border-gray-700 dark:sl-border-gray-500 hover:sl-bg-gray-50 dark:hover:sl-bg-gray-800 hover:sl-border-gray-800 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-gray-300 dark:focus:sl-ring-gray-600 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
@@ -72,46 +72,46 @@ const se = ["disabled", "data-theme", "data-outlined"], le = { class: "sl-absolu
         danger: "sl-text-red-500 dark:sl-text-red-400 sl-border sl-border-red-500 dark:sl-border-red-500 hover:sl-bg-red-50 dark:hover:sl-bg-red-900/20 hover:sl-border-red-400 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-red-300 dark:focus:sl-ring-red-600 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
         success: "sl-text-green-500 dark:sl-text-green-400 sl-border sl-border-green-500 dark:sl-border-green-500 hover:sl-bg-green-50 dark:hover:sl-bg-green-900/20 hover:sl-border-green-400 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-green-300 dark:focus:sl-ring-green-600 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
         ghost: "sl-text-gray-800 dark:sl-text-gray-200 sl-border sl-border-transparent sl-bg-transparent hover:sl-text-gray-700 dark:hover:sl-text-white hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 focus:sl-outline-none"
-      }, r = {
+      }, l = {
         primary: "sl-border sl-border-transparent sl-text-white sl-shadow-sm focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
-        dark: "sl-border sl-border-transparent sl-bg-gray-700 dark:sl-bg-gray-600 sl-text-white sl-shadow-sm hover:sl-bg-gray-800 dark:hover:sl-bg-gray-500 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-gray-500 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
+        dark: "sl-border sl-border-transparent sl-bg-gray-700 dark:sl-bg-gray-600 sl-text-white sl-shadow-sm hover:sl-bg-gray-600 dark:hover:sl-bg-gray-500 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-gray-500 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
         secondary: "sl-text-gray-800 dark:sl-text-gray-200 sl-bg-gray-200 dark:sl-bg-slate-700 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-gray-300 dark:focus:sl-ring-slate-500 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900 sl-border sl-border-gray-300 dark:sl-border-slate-600",
         light: "sl-text-gray-800 dark:sl-text-gray-200 sl-bg-gray-200 dark:sl-bg-slate-700 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-gray-300 dark:focus:sl-ring-slate-500 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900 sl-border sl-border-gray-300 dark:sl-border-slate-600",
-        warning: "sl-border sl-border-transparent sl-bg-yellow-400 dark:sl-bg-yellow-500 sl-text-white sl-shadow-sm hover:sl-bg-yellow-600 dark:hover:sl-bg-yellow-600 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-yellow-400 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
-        danger: "sl-border sl-border-transparent sl-bg-red-500 dark:sl-bg-red-600 sl-text-white sl-shadow-sm hover:sl-bg-red-600 dark:hover:sl-bg-red-700 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-red-400 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
-        success: "sl-border sl-border-transparent sl-bg-green-500 dark:sl-bg-green-600 sl-text-white sl-shadow-sm hover:sl-bg-green-600 dark:hover:sl-bg-green-700 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-green-400 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
+        warning: "sl-border sl-border-transparent sl-bg-yellow-500 dark:sl-bg-yellow-500 sl-text-white sl-shadow-sm hover:sl-bg-yellow-400 dark:hover:sl-bg-yellow-400 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-yellow-400 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
+        danger: "sl-border sl-border-transparent sl-bg-red-500 dark:sl-bg-red-600 sl-text-white sl-shadow-sm hover:sl-bg-red-400 dark:hover:sl-bg-red-500 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-red-400 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
+        success: "sl-border sl-border-transparent sl-bg-green-500 dark:sl-bg-green-600 sl-text-white sl-shadow-sm hover:sl-bg-green-400 dark:hover:sl-bg-green-500 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-green-400 focus:sl-ring-offset-2 focus:sl-ring-offset-white dark:focus:sl-ring-offset-slate-900",
         ghost: "sl-border sl-border-transparent sl-text-gray-800 dark:sl-text-gray-200 sl-bg-transparent hover:sl-text-gray-700 dark:hover:sl-text-white hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 focus:sl-outline-none"
       };
-      return e.outlined ? `${s[i.value] || ""} sl-bg-transparent dark:sl-bg-transparent` : r[i.value] || "";
-    }), T = {
+      return e.outlined ? `${s[i.value] || ""} sl-bg-transparent dark:sl-bg-transparent` : l[i.value] || "";
+    }), O = {
       square: "",
       rounded: "sl-rounded",
       "rounded-md": "sl-rounded-md",
       "rounded-lg": "sl-rounded-lg",
       "rounded-full": "sl-rounded-full"
-    }, O = l(() => T[e.rounded || "rounded-md"]), $ = l(() => ({
+    }, $ = r(() => O[e.rounded || "rounded-md"]), E = r(() => ({
       xs: "sl-px-2 sl-py-1",
       sm: "sl-px-2.5 sl-py-1.5",
       md: "sl-px-3 sl-py-1.5",
       lg: "sl-px-4 sl-py-2",
       xl: "sl-px-5 sl-py-2.5",
       "2xl": "sl-px-6 sl-py-3"
-    })[e.size || "md"]), E = l(() => ({
+    })[e.size || "md"]), F = r(() => ({
       xs: "sl-text-xs sl-font-regular",
       sm: "sl-text-sm sl-font-regular",
       md: "sl-text-base sl-font-medium",
       lg: "sl-text-lg sl-font-medium",
       xl: "sl-text-xl sl-font-medium",
       "2xl": "sl-text-2xl sl-font-medium"
-    })[e.size || "sm"]), F = l(() => e.expanded ? "sl-w-full" : ""), a = l(() => !!e.label && e.label.length > 0), N = l(() => !a.value && (e.leadingIcon || e.trailingIcon)), P = l(() => {
+    })[e.size || "sm"]), N = r(() => e.expanded ? "sl-w-full" : ""), a = r(() => !!e.label && e.label.length > 0), P = r(() => !a.value && (e.leadingIcon || e.trailingIcon)), V = r(() => {
       if (e.customClass)
         return e.customClass;
-      const r = [...[
-        O.value,
+      const l = [...[
         $.value,
         E.value,
         F.value,
-        j.value,
+        N.value,
+        T.value,
         e.disabled ? "sl-cursor-not-allowed" : "sl-cursor-pointer",
         "focus:sl-ring-0",
         "sl-relative",
@@ -122,7 +122,7 @@ const se = ["disabled", "data-theme", "data-outlined"], le = { class: "sl-absolu
         // Consistent spacing between icon and text
       ]];
       if (!a.value && (e.leadingIcon || e.trailingIcon)) {
-        const B = {
+        const d = {
           xs: "!sl-p-1.5",
           sm: "!sl-p-2",
           md: "!sl-p-2.5",
@@ -130,99 +130,119 @@ const se = ["disabled", "data-theme", "data-outlined"], le = { class: "sl-absolu
           xl: "!sl-p-3.5",
           "2xl": "!sl-p-4"
         };
-        r.push(B[e.size || "md"] || "!sl-p-2.5");
+        l.push(d[e.size || "md"] || "!sl-p-2.5");
       }
-      return e.centerLeadingIcon && !a.value ? r.push("sl-w-full", "sl-h-full") : (e.leadingIcon || e.inlineFlex || e.trailingIcon) && r.push("sl-inline-flex"), r.filter(Boolean);
-    }), V = l(() => e.theme === "primary" ? e.outlined ? {
-      color: "var(--sl-color-primary-600, #3e4b9a)",
-      borderColor: "var(--sl-color-primary-600, #3e4b9a)",
-      "--tw-ring-color": "var(--sl-color-primary-500, #4d5ec0)"
-    } : {
-      backgroundColor: "var(--sl-color-primary-600, #3e4b9a)",
-      "--tw-ring-color": "var(--sl-color-primary-500, #4d5ec0)"
-    } : {}), W = l(() => e.trailingOverlay ? z : te), A = l(() => e.trailingOverlay ? `${z}` : "sl-flex sl-items-center sl-flex-shrink-0"), k = l(() => e.centerLeadingIcon && !a.value ? "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-w-full sl-h-full" : e.centerLeadingIcon ? "sl-h-full sl-flex sl-items-center sl-justify-center" : a.value ? "sl-flex sl-items-center sl-justify-center sl-flex-shrink-0" : "sl-flex sl-items-center sl-justify-center"), R = () => {
-      h("button-click");
+      return e.centerLeadingIcon && !a.value ? l.push("sl-w-full", "sl-h-full") : (e.leadingIcon || e.inlineFlex || e.trailingIcon) && l.push("sl-inline-flex"), l.filter(Boolean);
+    }), W = r(() => e.trailingOverlay ? S : te), A = r(() => e.trailingOverlay ? `${S}` : "sl-flex sl-items-center sl-flex-shrink-0"), p = r(() => e.centerLeadingIcon && !a.value ? "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-w-full sl-h-full" : e.centerLeadingIcon ? "sl-h-full sl-flex sl-items-center sl-justify-center" : a.value ? "sl-flex sl-items-center sl-justify-center sl-flex-shrink-0" : "sl-flex sl-items-center sl-justify-center"), b = x(!1), R = () => {
+      v("button-click");
     }, U = () => {
-      h("hover-enter");
+      b.value = !0, v("hover-enter");
     }, q = () => {
-      h("hover-leave");
-    }, D = e.showLoadingTitle || !1;
-    return (s, r) => (o(), t("button", {
+      b.value = !1, v("hover-leave");
+    }, D = e.showLoadingTitle || !1, H = r(() => {
+      if (e.theme === "primary") {
+        const s = "rgb(var(--sl-color-primary-400-rgb, 113 126 205))";
+        if (e.outlined) {
+          const d = {
+            color: "var(--sl-color-primary-600, #3e4b9a)",
+            borderColor: "var(--sl-color-primary-600, #3e4b9a)",
+            "--tw-ring-color": s,
+            transition: "background-color 150ms ease-in-out, border-color 150ms ease-in-out"
+          };
+          return b.value ? {
+            ...d,
+            backgroundColor: "rgb(var(--sl-color-primary-50-rgb, 237 239 249) / 0.5)",
+            borderColor: "rgb(var(--sl-color-primary-400-rgb, 113 126 205))"
+          } : d;
+        }
+        const l = {
+          backgroundColor: "var(--sl-color-primary-600, #3e4b9a)",
+          "--tw-ring-color": s,
+          transition: "background-color 150ms ease-in-out"
+        };
+        return b.value ? {
+          ...l,
+          backgroundColor: "rgb(var(--sl-color-primary-500-rgb, 77 94 192))"
+        } : l;
+      }
+      return {};
+    });
+    return (s, l) => (t(), o("button", {
       ref_key: "buttonRef",
-      ref: x,
+      ref: B,
       type: "button",
       disabled: e.disabled,
-      class: n(P.value),
-      style: Q(V.value),
+      class: n(V.value),
+      style: X(H.value),
       "data-theme": e.theme,
       "data-outlined": e.outlined || void 0,
       onClick: R,
       onMouseenter: U,
       onMouseleave: q
     }, [
-      e.centerLeadingIcon && !a.value ? (o(), t("div", {
+      e.centerLeadingIcon && !a.value ? (t(), o("div", {
         key: 0,
-        class: n(k.value)
+        class: n(p.value)
       }, [
-        u(s.$slots, "leading-icon", {}, void 0, !0)
-      ], 2)) : (o(), t(Y, { key: 1 }, [
-        y.value && g.value ? (o(), t("div", {
+        g(s.$slots, "leading-icon", {}, void 0, !0)
+      ], 2)) : (t(), o(Z, { key: 1 }, [
+        m.value && c.value ? (t(), o("div", {
           key: 0,
-          class: n(["sl-flex sl-items-center sl-justify-center", [k.value, a.value ? "" : "sl-h-full sl-w-full"]])
+          class: n(["sl-flex sl-items-center sl-justify-center", [p.value, a.value ? "" : "sl-h-full sl-w-full"]])
         }, [
-          m(c(b), {
-            theme: v.value,
-            size: C.value
+          w(y(h), {
+            theme: k.value,
+            size: I.value
           }, null, 8, ["theme", "size"])
-        ], 2)) : e.leadingIcon ? (o(), t("div", {
+        ], 2)) : e.leadingIcon ? (t(), o("div", {
           key: 1,
-          class: n(k.value)
+          class: n(p.value)
         }, [
-          u(s.$slots, "leading-icon", {}, void 0, !0)
-        ], 2)) : d("", !0)
+          g(s.$slots, "leading-icon", {}, void 0, !0)
+        ], 2)) : u("", !0)
       ], 64)),
-      a.value ? (o(), t("span", {
+      a.value ? (t(), o("span", {
         key: 2,
         class: n(["sl-flex-1 sl-text-center", [
-          { "sl-truncate sl-max-w-[150px]": p.truncateLabel },
+          { "sl-truncate sl-max-w-[150px]": C.truncateLabel },
           { "sl-mx-auto": !e.leadingIcon && !e.trailingIcon }
         ]])
-      }, Z(e.label), 3)) : !N.value && (!y.value || !g.value) && !e.centerLeadingIcon ? (o(), t("span", {
+      }, ee(e.label), 3)) : !P.value && (!m.value || !c.value) && !e.centerLeadingIcon ? (t(), o("span", {
         key: 3,
         class: n(["sl-flex", e.centerLabel || !e.leadingIcon && !e.trailingIcon ? "sl-justify-center sl-items-center sl-flex-1" : "sl-flex-1"])
       }, [
-        u(s.$slots, "default", {}, void 0, !0)
-      ], 2)) : d("", !0),
-      e.trailingLoading && g.value ? (o(), t("div", {
+        g(s.$slots, "default", {}, void 0, !0)
+      ], 2)) : u("", !0),
+      e.trailingLoading && c.value ? (t(), o("div", {
         key: 4,
         class: n(W.value)
       }, [
-        m(c(b), {
-          theme: v.value,
+        w(y(h), {
+          theme: k.value,
           size: e.trailingLoadingSize || "sm"
         }, null, 8, ["theme", "size"])
-      ], 2)) : e.trailingIcon ? (o(), t("div", {
+      ], 2)) : e.trailingIcon ? (t(), o("div", {
         key: 5,
         class: n(A.value)
       }, [
-        u(s.$slots, "trailing-icon", {}, void 0, !0)
-      ], 2)) : d("", !0),
-      X("div", le, [
-        u(s.$slots, "badge", {}, void 0, !0)
+        g(s.$slots, "trailing-icon", {}, void 0, !0)
+      ], 2)) : u("", !0),
+      Y("div", re, [
+        g(s.$slots, "badge", {}, void 0, !0)
       ]),
-      g.value && !y.value && !e.trailingLoading ? (o(), t("div", {
+      c.value && !m.value && !e.trailingLoading ? (t(), o("div", {
         key: 6,
-        class: n(["sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-rounded sl-z-10", M.value])
+        class: n(["sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-rounded sl-z-10", j.value])
       }, [
-        m(c(b), {
-          theme: v.value,
-          size: C.value
+        w(y(h), {
+          theme: k.value,
+          size: I.value
         }, null, 8, ["theme", "size"]),
-        c(D) ? (o(), t("p", re, "Loading...")) : d("", !0)
-      ], 2)) : d("", !0)
-    ], 46, se));
+        y(D) ? (t(), o("p", oe, "Loading...")) : u("", !0)
+      ], 2)) : u("", !0)
+    ], 46, le));
   }
-}), ie = /* @__PURE__ */ ee(oe, [["__scopeId", "data-v-13d7b5df"]]);
+}), de = /* @__PURE__ */ se(ne, [["__scopeId", "data-v-d2387b44"]]);
 export {
-  ie as default
+  de as default
 };

package/dist/composables/index.js

@@ -1,35 +1,44 @@
-import { useCalendar as o } from "./useCalendar.js";
-import { C as t, u as r } from "../useCollectionEditor-BYyoAT0U.js";
-import { c as m, u } from "../useEventSegments-B-r_8zCW.js";
-import { useFormValidation as f } from "./useFormValidation.js";
-import { i as p, u as x } from "../useMap-BGg0H582.js";
-import { useModal as d } from "./useModal.js";
-import { useNotifications as S } from "./useNotifications.js";
-import { u as g } from "../useSimpleTabs-CSgkChEU.js";
-import { f as E, i as h, s as v, a as L, t as M, c as U, b as V, u as k } from "../useStringTransform-CSr7nZWg.js";
-import { useTabs as I } from "./useTabs.js";
-import { presetThemes as R, useTheme as j } from "./useTheme.js";
+import { useCalendar as a } from "./useCalendar.js";
+import { C as r, u as t } from "../useCollectionEditor-BYyoAT0U.js";
+import { c as n, u } from "../useEventSegments-B-r_8zCW.js";
+import { useFormValidation as S } from "./useFormValidation.js";
+import { i as c, u as l } from "../useMap-CM59TKX6.js";
+import { useModal as x } from "./useModal.js";
+import { useNotifications as g } from "./useNotifications.js";
+import { S as z, d as T, a as b, g as v, s as E, b as h, c as w, u as L } from "../useScreenSize-Kr6cn5Zr.js";
+import { u as U } from "../useSimpleTabs-CSgkChEU.js";
+import { f as k, i as y, s as A, a as F, t as I, c as K, b as N, u as P } from "../useStringTransform-CSr7nZWg.js";
+import { useTabs as W } from "./useTabs.js";
+import { presetThemes as q, useTheme as B } from "./useTheme.js";
 export {
-  t as CollectionItemStatus,
-  m as calculateEventLanes,
-  E as formatUid,
-  h as isUidLike,
-  p as isValidCoordinate,
-  R as presetThemes,
-  v as slugToReadable,
-  L as toSentenceCase,
-  M as toTitleCase,
-  U as transformString,
-  V as truncateString,
-  o as useCalendar,
-  r as useCollectionEditor,
+  r as CollectionItemStatus,
+  z as ScreenSizeKey,
+  n as calculateEventLanes,
+  T as detectScreenSize,
+  k as formatUid,
+  b as getAvailablePreviewSizes,
+  v as getScreenSizeConfig,
+  y as isUidLike,
+  c as isValidCoordinate,
+  q as presetThemes,
+  E as screenSizeConfigs,
+  A as slugToReadable,
+  F as toSentenceCase,
+  I as toTitleCase,
+  K as transformString,
+  N as truncateString,
+  a as useCalendar,
+  t as useCollectionEditor,
   u as useEventSegments,
-  f as useFormValidation,
-  x as useMap,
-  d as useModal,
-  S as useNotifications,
-  g as useSimpleTabs,
-  k as useStringTransform,
-  I as useTabs,
-  j as useTheme
+  S as useFormValidation,
+  l as useMap,
+  x as useModal,
+  g as useNotifications,
+  h as useScreenSize,
+  w as useScreenSizeContext,
+  U as useSimpleTabs,
+  P as useStringTransform,
+  W as useTabs,
+  B as useTheme,
+  L as useWindowSize
 };

package/dist/composables/useMap.js

@@ -1,6 +1,6 @@
 import "vue";
 import "@googlemaps/js-api-loader";
-import { u as m, i as s, u as e } from "../useMap-BGg0H582.js";
+import { u as m, i as s, u as e } from "../useMap-CM59TKX6.js";
 import "../mapThemes-DFE9fZm3.js";
 import "./useTheme.js";
 export {

package/dist/forms/DynamicForm.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../DynamicForm.vue_vue_type_script_setup_true_lang-DMtVUXUN.js";
+import { _ as f } from "../DynamicForm.vue_vue_type_script_setup_true_lang-D8QXRuSo.js";
 export {
   f as default
 };

package/dist/forms/DynamicFormField.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../DynamicFormField.vue_vue_type_script_setup_true_lang-DSq31jjH.js";
+import { _ as f } from "../DynamicFormField.vue_vue_type_script_setup_true_lang-DVoVGq7g.js";
 export {
   f as default
 };