@stachelock/ui 0.5.4 → 0.6.1

package/dist/{CalendarHeader.vue_vue_type_script_setup_true_lang-CkSUiLOH.js → CalendarHeader.vue_vue_type_script_setup_true_lang-hGa2MLyo.js}

@@ -1,41 +1,15 @@
-import { createElementBlock as o, openBlock as i, createElementVNode as l, defineComponent as K, ref as v, computed as D, watch as M, onMounted as P, onUnmounted as q, toDisplayString as u, createVNode as m, unref as _, createCommentVNode as C, renderSlot as S, Fragment as A, withCtx as O, createTextVNode as J, Transition as Q, withDirectives as X, renderList as ee, normalizeClass as te, vShow as le } from "vue";
-import se from "./components/Button.js";
-import { _ as ae } from "./SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js";
-import { t as h, p as B, b as re, g as ne, a as U } from "./calendar-BlSSD4nO.js";
-import { r as oe } from "./ChevronRightIcon-DkUqw988.js";
-function ie(n, f) {
-  return i(), o("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    l("path", {
-      "fill-rule": "evenodd",
-      d: "M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function de(n, f) {
-  return i(), o("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    l("path", { d: "M3 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM15.5 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })
-  ]);
-}
-const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-pl-6 sl-py-4 lg:sl-flex-none sl-bg-white dark:sl-bg-slate-900" }, ue = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-slate-200" }, me = ["datetime"], ye = { class: "sl-flex sl-items-center" }, ge = { class: "sl-relative sl-flex sl-items-center sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm md:sl-items-stretch" }, ve = { class: "sl-sr-only" }, he = { class: "sl-sr-only" }, fe = { class: "sl-hidden md:sl-ml-4 md:sl-flex md:sl-items-center" }, be = { class: "sl-w-36" }, ke = { class: "sl-absolute sl-right-0 sl-z-10 sl-mt-3 sl-w-36 sl-origin-top-right sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700 sl-overflow-hidden sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg sl-ring-1 sl-ring-black dark:sl-ring-slate-600 sl-ring-opacity-5 focus:sl-outline-none" }, we = {
+import { defineComponent as P, ref as v, computed as x, watch as D, onMounted as q, onUnmounted as J, createElementBlock as d, openBlock as c, createElementVNode as s, toDisplayString as u, createVNode as y, unref as C, createCommentVNode as S, renderSlot as M, Fragment as _, withCtx as $, createTextVNode as Q, Transition as X, withDirectives as Z, renderList as ee, normalizeClass as te, vShow as se } from "vue";
+import { ChevronLeftIcon as le, ChevronRightIcon as ae, EllipsisHorizontalIcon as re } from "@heroicons/vue/20/solid";
+import ne from "./components/Button.js";
+import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js";
+import { t as h, p as A, b as ie, g as de, a as O } from "./calendar-DLry-Vik.js";
+const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-pl-6 sl-py-4 lg:sl-flex-none sl-bg-white dark:sl-bg-slate-900" }, ue = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-slate-200" }, ye = ["datetime"], me = { class: "sl-flex sl-items-center" }, ge = { class: "sl-relative sl-flex sl-items-center sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm md:sl-items-stretch" }, ve = { class: "sl-sr-only" }, he = { class: "sl-sr-only" }, fe = { class: "sl-hidden md:sl-ml-4 md:sl-flex md:sl-items-center" }, be = { class: "sl-w-36" }, ke = { class: "sl-absolute sl-right-0 sl-z-10 sl-mt-3 sl-w-36 sl-origin-top-right sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700 sl-overflow-hidden sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg sl-ring-1 sl-ring-black dark:sl-ring-slate-600 sl-ring-opacity-5 focus:sl-outline-none" }, we = {
   key: 0,
   class: "sl-py-1"
 }, pe = { class: "sl-py-1" }, xe = ["onClick"], De = {
   key: 1,
   class: "sl-py-1"
-}, Be = /* @__PURE__ */ K({
+}, Fe = /* @__PURE__ */ P({
   __name: "CalendarHeader",
   props: {
     /** Current view mode */
@@ -61,43 +35,43 @@ const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-b
     }
   },
   emits: ["changeRange", "changeView", "action"],
-  setup(n, { emit: f }) {
-    const r = n, y = f, g = [
+  setup(n, { emit: U }) {
+    const r = n, m = U, g = [
       { id: "day", label: "Day view" },
       { id: "week", label: "Week view" },
       { id: "month", label: "Month view" },
       { id: "year", label: "Year view" }
-    ], d = v(!1), b = v(null), F = /* @__PURE__ */ new Date(), N = new Date(F.getFullYear(), F.getMonth(), 1), s = v(r.view === "month" ? N : /* @__PURE__ */ new Date()), j = v([]);
-    let k = !1;
-    const z = D(() => g.find((e) => e.id === r.view) || g[2]);
-    function E(e) {
+    ], o = v(!1), f = v(null), F = /* @__PURE__ */ new Date(), z = new Date(F.getFullYear(), F.getMonth(), 1), l = v(r.view === "month" ? z : /* @__PURE__ */ new Date()), E = v([]);
+    let b = !1;
+    const N = x(() => g.find((e) => e.id === r.view) || g[2]);
+    function j(e) {
       const t = Array.isArray(e) ? e[0] : e;
-      t && typeof t == "object" && t !== null && "id" in t && y("changeView", t.id);
+      t && typeof t == "object" && t !== null && "id" in t && m("changeView", t.id);
     }
-    const V = D(() => {
+    const I = x(() => {
       switch (r.view) {
         case "day":
-          return s.value.toDateString();
+          return l.value.toDateString();
         case "week":
         case "month":
-          return s.value.toLocaleDateString("en-US", { month: "long", year: "numeric" });
+          return l.value.toLocaleDateString("en-US", { month: "long", year: "numeric" });
         case "year":
-          return s.value.getFullYear().toString();
+          return l.value.getFullYear().toString();
         default:
-          return s.value.toLocaleDateString("en-US", { month: "long", year: "numeric" });
+          return l.value.toLocaleDateString("en-US", { month: "long", year: "numeric" });
       }
-    }), Z = D(() => h(s.value));
-    function w(e) {
+    }), V = x(() => h(l.value));
+    function k(e) {
       if (!e || !Array.isArray(e) || e.length === 0) return null;
-      const a = e.length > 0 && "date" in e[0] ? e : e.flatMap((c) => c.days), p = a.find((c) => typeof c?.date == "string" && c?.isSelected === !0);
-      if (p) return B(p.date);
-      const $ = a.find((c) => typeof c?.date == "string" && c?.isToday === !0);
-      if ($) return B($.date);
-      const x = a[0];
-      return x && typeof x.date == "string" ? B(x.date) : null;
+      const a = e.length > 0 && "date" in e[0] ? e : e.flatMap((i) => i.days), w = a.find((i) => typeof i?.date == "string" && i?.isSelected === !0);
+      if (w) return A(w.date);
+      const T = a.find((i) => typeof i?.date == "string" && i?.isToday === !0);
+      if (T) return A(T.date);
+      const p = a[0];
+      return p && typeof p.date == "string" ? A(p.date) : null;
     }
     function H() {
-      let e = new Date(s.value);
+      let e = new Date(l.value);
       switch (r.view) {
         case "day":
           e.setDate(e.getDate() - 1);
@@ -112,10 +86,10 @@ const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-b
           e.setFullYear(e.getFullYear() - 1);
           break;
       }
-      s.value = e;
+      l.value = e;
     }
     function W() {
-      let e = new Date(s.value);
+      let e = new Date(l.value);
       switch (r.view) {
         case "day":
           e.setDate(e.getDate() + 1);
@@ -130,154 +104,154 @@ const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-b
           e.setFullYear(e.getFullYear() + 1);
           break;
       }
-      s.value = e;
+      l.value = e;
     }
     function L() {
       let e = /* @__PURE__ */ new Date();
-      r.view === "month" && (e = new Date(e.getFullYear(), e.getMonth(), 1)), s.value = e, d.value = !1;
+      r.view === "month" && (e = new Date(e.getFullYear(), e.getMonth(), 1)), l.value = e, o.value = !1;
     }
     function G(e) {
-      d.value = !1, e && y("changeView", e);
-    }
-    function Y() {
-      d.value = !1, y("action");
+      o.value = !1, e && m("changeView", e);
     }
     function R() {
+      o.value = !1, m("action");
+    }
+    function Y() {
       let e = [];
-      const t = h(s.value);
+      const t = h(l.value);
       switch (r.view) {
         case "day":
-          e = U(s.value).filter(
+          e = O(l.value).filter(
             (a) => a.date === t
           );
           break;
         case "week":
-          e = U(s.value);
+          e = O(l.value);
           break;
         case "month":
-          e = ne(s.value, 0);
+          e = de(l.value, 0);
           break;
         case "year":
-          e = re(s.value);
+          e = ie(l.value);
           break;
       }
-      j.value = e, k = !0, y("changeRange", e), k = !1;
+      E.value = e, b = !0, m("changeRange", e), b = !1;
     }
-    function I() {
-      d.value = !d.value;
+    function K() {
+      o.value = !o.value;
     }
-    function T(e) {
+    function B(e) {
       const t = e.target;
-      b.value && !b.value.contains(t) && (d.value = !1);
+      f.value && !f.value.contains(t) && (o.value = !1);
     }
-    return M(
+    return D(
       () => r.view,
       (e, t) => {
         if (t === "month" && (e === "week" || e === "day" || e === "year")) {
-          const a = w(r.selectedRange);
-          s.value = a ?? /* @__PURE__ */ new Date();
+          const a = k(r.selectedRange);
+          l.value = a ?? /* @__PURE__ */ new Date();
         }
         if (t === "week" && e === "day") {
-          const a = w(r.selectedRange);
-          a && (s.value = a);
+          const a = k(r.selectedRange);
+          a && (l.value = a);
         }
-        (e === "week" || e === "day") && !r.selectedRange && (s.value = /* @__PURE__ */ new Date()), R();
+        (e === "week" || e === "day") && !r.selectedRange && (l.value = /* @__PURE__ */ new Date()), Y();
       },
       { immediate: !0 }
-    ), M(s, () => {
-      R();
-    }, { immediate: !0 }), M(() => r.selectedRange, (e) => {
-      if (r.view !== "month" && !k && e && e.length) {
-        const t = w(e);
+    ), D(l, () => {
+      Y();
+    }, { immediate: !0 }), D(() => r.selectedRange, (e) => {
+      if (r.view !== "month" && !b && e && e.length) {
+        const t = k(e);
         if (!t) return;
-        h(s.value) !== h(t) && (s.value = t);
+        h(l.value) !== h(t) && (l.value = t);
       }
-    }, { immediate: !0 }), P(() => {
-      document.addEventListener("click", T);
-    }), q(() => {
-      document.removeEventListener("click", T);
-    }), (e, t) => (i(), o("header", ce, [
-      l("h1", ue, [
-        l("time", { datetime: Z.value }, u(V.value), 9, me)
+    }, { immediate: !0 }), q(() => {
+      document.addEventListener("click", B);
+    }), J(() => {
+      document.removeEventListener("click", B);
+    }), (e, t) => (c(), d("header", ce, [
+      s("h1", ue, [
+        s("time", { datetime: V.value }, u(I.value), 9, ye)
       ]),
-      l("div", ye, [
-        l("div", ge, [
-          l("button", {
+      s("div", me, [
+        s("div", ge, [
+          s("button", {
             onClick: H,
             type: "button",
             class: "sl-flex sl-h-9 sl-w-12 sl-items-center sl-justify-center sl-rounded-l-md sl-border-y sl-border-l sl-border-gray-300 dark:sl-border-slate-600 sl-pr-1 sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-500 dark:hover:sl-text-slate-300 focus:sl-relative md:sl-w-9 md:sl-pr-0 md:hover:sl-bg-gray-50 dark:md:hover:sl-bg-slate-700"
           }, [
-            l("span", ve, "Previous " + u(n.view), 1),
-            m(_(ie), {
+            s("span", ve, "Previous " + u(n.view), 1),
+            y(C(le), {
               class: "sl-h-5 sl-w-5",
               "aria-hidden": "true"
             })
           ]),
-          l("button", {
+          s("button", {
             onClick: L,
             type: "button",
             class: "sl-hidden sl-border-y sl-border-gray-300 dark:sl-border-slate-600 sl-px-3.5 sl-text-sm sl-font-semibold sl-text-gray-800 dark:sl-text-slate-200 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-700 focus:sl-relative md:sl-block"
           }, " Today "),
-          t[0] || (t[0] = l("span", { class: "sl-relative sl--mx-px sl-h-5 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600 md:sl-hidden" }, null, -1)),
-          l("button", {
+          t[0] || (t[0] = s("span", { class: "sl-relative sl--mx-px sl-h-5 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600 md:sl-hidden" }, null, -1)),
+          s("button", {
             onClick: W,
             type: "button",
             class: "sl-flex sl-h-9 sl-w-12 sl-items-center sl-justify-center sl-rounded-r-md sl-border-y sl-border-r sl-border-gray-300 dark:sl-border-slate-600 sl-pl-1 sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-500 dark:hover:sl-text-slate-300 focus:sl-relative md:sl-w-9 md:sl-pl-0 md:hover:sl-bg-gray-50 dark:md:hover:sl-bg-slate-700"
           }, [
-            l("span", he, "Next " + u(n.view), 1),
-            m(_(oe), {
+            s("span", he, "Next " + u(n.view), 1),
+            y(C(ae), {
               class: "sl-h-5 sl-w-5",
               "aria-hidden": "true"
             })
           ])
         ]),
-        l("div", fe, [
-          l("div", be, [
-            m(ae, {
+        s("div", fe, [
+          s("div", be, [
+            y(oe, {
               name: "calendar-view",
               items: g,
-              "model-value": z.value,
-              "onUpdate:modelValue": E,
+              "model-value": N.value,
+              "onUpdate:modelValue": j,
               "item-key": "id",
               "item-text": "label",
               placeholder: "Select view"
             }, null, 8, ["model-value"])
           ]),
-          e.$slots.actions ? (i(), o(A, { key: 0 }, [
-            t[1] || (t[1] = l("div", { class: "sl-mx-6 sl-h-6 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600" }, null, -1)),
-            S(e.$slots, "actions")
-          ], 64)) : n.showActionButton ? (i(), o(A, { key: 1 }, [
-            t[2] || (t[2] = l("div", { class: "sl-mx-6 sl-h-6 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600" }, null, -1)),
-            m(se, {
+          e.$slots.actions ? (c(), d(_, { key: 0 }, [
+            t[1] || (t[1] = s("div", { class: "sl-mx-6 sl-h-6 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600" }, null, -1)),
+            M(e.$slots, "actions")
+          ], 64)) : n.showActionButton ? (c(), d(_, { key: 1 }, [
+            t[2] || (t[2] = s("div", { class: "sl-mx-6 sl-h-6 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600" }, null, -1)),
+            y(ne, {
               "center-label": "",
               type: "button",
-              onButtonClick: Y,
+              onButtonClick: R,
               size: "sm"
             }, {
-              default: O(() => [
-                J(u(n.actionLabel), 1)
+              default: $(() => [
+                Q(u(n.actionLabel), 1)
               ]),
               _: 1
             })
-          ], 64)) : C("", !0),
-          S(e.$slots, "filters")
+          ], 64)) : S("", !0),
+          M(e.$slots, "filters")
         ]),
-        l("div", {
+        s("div", {
           class: "sl-relative sl-ml-6 md:sl-hidden",
           ref_key: "mobileMenuRef",
-          ref: b
+          ref: f
         }, [
-          l("button", {
-            onClick: I,
+          s("button", {
+            onClick: K,
             class: "sl--mx-2 sl-flex sl-items-center sl-rounded-full sl-border sl-border-transparent sl-p-2 sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-500 dark:hover:sl-text-slate-300"
           }, [
-            t[3] || (t[3] = l("span", { class: "sl-sr-only" }, "Open menu", -1)),
-            m(_(de), {
+            t[3] || (t[3] = s("span", { class: "sl-sr-only" }, "Open menu", -1)),
+            y(C(re), {
               class: "sl-h-5 sl-w-5",
               "aria-hidden": "true"
             })
           ]),
-          m(Q, {
+          y(X, {
             "enter-active-class": "sl-transition sl-ease-out sl-duration-100",
             "enter-from-class": "sl-transform sl-opacity-0 sl-scale-95",
             "enter-to-class": "sl-transform sl-opacity-100 sl-scale-100",
@@ -285,35 +259,35 @@ const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-b
             "leave-from-class": "sl-transform sl-opacity-100 sl-scale-100",
             "leave-to-class": "sl-transform sl-opacity-0 sl-scale-95"
           }, {
-            default: O(() => [
-              X(l("div", ke, [
-                n.showActionButton ? (i(), o("div", we, [
-                  l("button", {
-                    onClick: Y,
+            default: $(() => [
+              Z(s("div", ke, [
+                n.showActionButton ? (c(), d("div", we, [
+                  s("button", {
+                    onClick: R,
                     class: "sl-block sl-w-full sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-text-gray-700 dark:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700"
                   }, u(n.actionLabel), 1)
-                ])) : C("", !0),
-                l("div", { class: "sl-py-1" }, [
-                  l("button", {
+                ])) : S("", !0),
+                s("div", { class: "sl-py-1" }, [
+                  s("button", {
                     onClick: L,
                     class: "sl-block sl-w-full sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-text-gray-700 dark:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700"
                   }, " Go to today ")
                 ]),
-                l("div", pe, [
-                  (i(), o(A, null, ee(g, (a) => l("button", {
+                s("div", pe, [
+                  (c(), d(_, null, ee(g, (a) => s("button", {
                     key: a.id,
-                    onClick: (p) => G(a.id),
+                    onClick: (w) => G(a.id),
                     class: te([
                       n.view === a.id ? "sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-100" : "sl-text-gray-700 dark:sl-text-slate-300",
                       "sl-block sl-w-full sl-px-4 sl-py-2 sl-text-left sl-text-sm hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700"
                     ])
                   }, u(a.label), 11, xe)), 64))
                 ]),
-                e.$slots["mobile-menu-items"] ? (i(), o("div", De, [
-                  S(e.$slots, "mobile-menu-items")
-                ])) : C("", !0)
+                e.$slots["mobile-menu-items"] ? (c(), d("div", De, [
+                  M(e.$slots, "mobile-menu-items")
+                ])) : S("", !0)
               ], 512), [
-                [le, d.value]
+                [se, o.value]
               ])
             ]),
             _: 3
@@ -324,6 +298,5 @@ const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-b
   }
 });
 export {
-  Be as _
+  Fe as _
 };
-//# sourceMappingURL=CalendarHeader.vue_vue_type_script_setup_true_lang-CkSUiLOH.js.map

package/dist/CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js

@@ -10,4 +10,3 @@ const n = { class: "sl-overflow-hidden sl-bg-white dark:sl-bg-slate-800 sl-shado
 export {
   i as _
 };
-//# sourceMappingURL=CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js.map

package/dist/CheckboxInput.vue_vue_type_script_setup_true_lang-BikR9rgi.js

@@ -184,4 +184,3 @@ const q = { class: "sl-w-full" }, G = { class: "sl-flex sl-items-start sl-gap-3"
 export {
   te as _
 };
-//# sourceMappingURL=CheckboxInput.vue_vue_type_script_setup_true_lang-BikR9rgi.js.map