@stachelock/ui 0.5.4 → 0.6.1

package/dist/ExclamationCircleIcon-DmL8Wwjo.js

@@ -1,36 +0,0 @@
-import { createElementBlock as e, openBlock as r, createElementVNode as l } from "vue";
-function n(t, a) {
-  return r(), e("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: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function d(t, a) {
-  return r(), e("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: "M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8-5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5A.75.75 0 0 1 10 5Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-export {
-  n as a,
-  d as r
-};
-//# sourceMappingURL=ExclamationCircleIcon-DmL8Wwjo.js.map

package/dist/ExclamationCircleIcon-DmL8Wwjo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExclamationCircleIcon-DmL8Wwjo.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/CheckCircleIcon.js","../node_modules/@heroicons/vue/20/solid/esm/ExclamationCircleIcon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8-5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5A.75.75 0 0 1 10 5Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,aAAa;AAAA,MACb,GAAG;AAAA,MACH,aAAa;AAAA,IACnB,CAAK;AAAA,EACL,CAAG;AACH;ACde,SAASL,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,aAAa;AAAA,MACb,GAAG;AAAA,MACH,aAAa;AAAA,IACnB,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0,1]}

package/dist/ExclamationTriangleIcon-BNKYmV_J.js

@@ -1,22 +0,0 @@
-import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-function i(t, n) {
-  return o(), e("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    r("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"
-    })
-  ]);
-}
-export {
-  i as r
-};
-//# sourceMappingURL=ExclamationTriangleIcon-BNKYmV_J.js.map

package/dist/ExclamationTriangleIcon-BNKYmV_J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExclamationTriangleIcon-BNKYmV_J.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/ExclamationTriangleIcon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/FileDropzoneInput.vue_vue_type_script_setup_true_lang-CclXceTb.js

@@ -1,211 +0,0 @@
-import { createElementBlock as d, openBlock as c, createElementVNode as a, defineComponent as T, ref as v, computed as w, Fragment as F, createCommentVNode as C, withModifiers as f, normalizeClass as M, createVNode as x, renderSlot as $, unref as b, createTextVNode as A, toDisplayString as g, renderList as N } from "vue";
-import { r as X } from "./XMarkIcon-Cwy3T6p8.js";
-function G(r, h) {
-  return c(), d("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    a("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M12 16.5V9.75m0 0 3 3m-3-3-3 3M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z"
-    })
-  ]);
-}
-function L(r, h) {
-  return c(), d("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    a("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
-    })
-  ]);
-}
-const O = { class: "sl-flex sl-flex-col sl-items-center sl-justify-center sl-py-5" }, H = { class: "sl-text-xs sl-text-gray-400 dark:sl-text-slate-300" }, W = {
-  key: 0,
-  class: "sl-mt-4 sl-w-full sl-px-4"
-}, Z = { class: "sl-flex sl-flex-wrap sl-gap-2 sl-justify-center" }, R = { class: "sl-text-xs sl-text-gray-600 dark:sl-text-slate-200 sl-truncate sl-max-w-[120px]" }, J = ["onClick"], U = ["accept", "multiple", "disabled"], q = {
-  key: 0,
-  class: "sl-mt-2 sl-text-sm sl-text-red-600 dark:sl-text-red-400"
-}, le = /* @__PURE__ */ T({
-  __name: "FileDropzoneInput",
-  props: {
-    /** Allow multiple file selection */
-    enableMultiple: {
-      type: Boolean,
-      default: !1
-    },
-    /** Accepted MIME types */
-    acceptedFormats: {
-      type: Array,
-      default: () => ["image/jpeg", "image/png", "image/gif", "application/pdf"]
-    },
-    /** Maximum file size in MB */
-    maximumFileSize: {
-      type: Number,
-      default: 10
-    },
-    /** Disable the dropzone */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /** Custom ring/border classes */
-    ringClasses: {
-      type: String,
-      default: ""
-    },
-    /** Height of the dropzone */
-    height: {
-      type: String,
-      default: "md"
-    }
-  },
-  emits: ["update:files", "error"],
-  setup(r, { expose: h, emit: D }) {
-    const B = {
-      "image/jpeg": "JPG",
-      "image/png": "PNG",
-      "image/gif": "GIF",
-      "image/webp": "WEBP",
-      "image/svg+xml": "SVG",
-      "application/pdf": "PDF",
-      "application/msword": "DOC",
-      "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
-      "application/vnd.ms-excel": "XLS",
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
-      "text/csv": "CSV",
-      "text/plain": "TXT",
-      "application/zip": "ZIP",
-      "video/mp4": "MP4",
-      "video/webm": "WEBM",
-      "audio/mpeg": "MP3",
-      "audio/wav": "WAV"
-    }, t = r, m = D, u = v(null), l = v([]), p = v(!1), i = v(""), S = w(() => {
-      const e = {
-        sm: "sl-h-32",
-        md: "sl-h-48",
-        lg: "sl-h-64",
-        auto: "sl-min-h-[128px]"
-      };
-      return e[t.height] || e.md;
-    }), _ = w(() => t.acceptedFormats.map((e) => B[e] || e.split("/")[1]?.toUpperCase()).filter(Boolean).join(", ")), y = (e) => {
-      const s = [], o = t.maximumFileSize * 1024 * 1024;
-      return Array.from(e).forEach((n) => {
-        if (!t.acceptedFormats.includes(n.type)) {
-          i.value = `File type "${n.type}" is not accepted`, m("error", i.value);
-          return;
-        }
-        if (n.size > o) {
-          i.value = `File "${n.name}" exceeds the maximum size of ${t.maximumFileSize}MB`, m("error", i.value);
-          return;
-        }
-        s.push(n);
-      }), s.length > 0 && (i.value = ""), s;
-    }, j = (e) => {
-      const s = e.target.files;
-      if (s) {
-        const o = y(s);
-        o.length > 0 && (t.enableMultiple ? l.value = [...l.value, ...o] : l.value = o.slice(0, 1), m("update:files", l.value));
-      }
-      u.value && (u.value.value = "");
-    }, z = (e) => {
-      if (p.value = !1, !t.disabled && e.dataTransfer?.files) {
-        const s = y(e.dataTransfer.files);
-        s.length > 0 && (t.enableMultiple ? l.value = [...l.value, ...s] : l.value = s.slice(0, 1), m("update:files", l.value));
-      }
-    }, V = () => {
-      t.disabled || (p.value = !0);
-    }, E = () => {
-      t.disabled || (p.value = !0);
-    }, I = () => {
-      p.value = !1;
-    }, k = () => {
-      t.disabled || u.value?.click();
-    }, P = (e) => {
-      l.value.splice(e, 1), m("update:files", l.value);
-    };
-    return h({ clearFiles: () => {
-      l.value = [], i.value = "", u.value && (u.value.value = "");
-    }, triggerFileInputClick: k }), (e, s) => (c(), d(F, null, [
-      a("div", {
-        class: M([
-          "sl-flex sl-flex-col sl-items-center sl-justify-center sl-w-full sl-rounded-lg sl-cursor-pointer sl-transition-colors",
-          "sl-bg-gray-50 dark:sl-bg-slate-800/50 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-800",
-          r.ringClasses ? r.ringClasses : "sl-border-2 sl-border-dashed sl-border-gray-300 dark:sl-border-slate-600",
-          { "sl-opacity-50 sl-cursor-not-allowed": r.disabled },
-          { "sl-border-primary-500 sl-bg-primary-50 dark:sl-bg-primary-900/20": p.value },
-          S.value
-        ]),
-        onClick: k,
-        onDragover: f(V, ["prevent"]),
-        onDragenter: f(E, ["prevent"]),
-        onDragleave: f(I, ["prevent"]),
-        onDrop: f(z, ["prevent"])
-      }, [
-        a("div", O, [
-          x(b(G), {
-            class: M([
-              "sl-h-10 sl-w-10 sl-mb-3",
-              p.value ? "sl-text-primary-500" : "sl-text-gray-400 dark:sl-text-slate-300"
-            ]),
-            "aria-hidden": "true"
-          }, null, 8, ["class"]),
-          $(e.$slots, "default", {}, () => [
-            s[0] || (s[0] = a("p", { class: "sl-mb-2 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300" }, [
-              a("span", { class: "sl-font-semibold" }, "Click to upload"),
-              A(" or drag and drop ")
-            ], -1)),
-            a("p", H, g(_.value) + " (MAX. " + g(r.maximumFileSize) + "MB) ", 1)
-          ]),
-          l.value.length > 0 ? (c(), d("div", W, [
-            a("div", Z, [
-              (c(!0), d(F, null, N(l.value, (o, n) => (c(), d("div", {
-                key: n,
-                class: "sl-flex sl-items-center sl-gap-2 sl-bg-white dark:sl-bg-slate-700 sl-rounded-md sl-px-3 sl-py-1.5 sl-shadow-sm sl-border sl-border-gray-200 dark:sl-border-slate-600"
-              }, [
-                x(b(L), { class: "sl-h-4 sl-w-4 sl-text-gray-400 dark:sl-text-slate-300" }),
-                a("span", R, g(o.name), 1),
-                a("button", {
-                  type: "button",
-                  class: "sl-text-gray-400 hover:sl-text-red-500 dark:sl-text-slate-300 dark:hover:sl-text-red-400 sl-transition-colors sl-p-0 sl-border-0 sl-bg-transparent sl-cursor-pointer",
-                  onClick: f((Q) => P(n), ["stop"])
-                }, [
-                  x(b(X), { class: "sl-h-4 sl-w-4" })
-                ], 8, J)
-              ]))), 128))
-            ])
-          ])) : C("", !0)
-        ]),
-        a("input", {
-          ref_key: "fileInputRef",
-          ref: u,
-          type: "file",
-          class: "sl-hidden",
-          accept: r.acceptedFormats.join(", "),
-          multiple: r.enableMultiple,
-          disabled: r.disabled,
-          onChange: j
-        }, null, 40, U)
-      ], 34),
-      i.value ? (c(), d("p", q, g(i.value), 1)) : C("", !0)
-    ], 64));
-  }
-});
-export {
-  le as _
-};
-//# sourceMappingURL=FileDropzoneInput.vue_vue_type_script_setup_true_lang-CclXceTb.js.map

package/dist/FileDropzoneInput.vue_vue_type_script_setup_true_lang-CclXceTb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileDropzoneInput.vue_vue_type_script_setup_true_lang-CclXceTb.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/CloudArrowUpIcon.js","../node_modules/@heroicons/vue/24/outline/esm/DocumentIcon.js","../src/components/inputs/FileDropzoneInput.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 16.5V9.75m0 0 3 3m-3-3-3 3M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\"\n    })\n  ]))\n}","<template>\n  <div\n    :class=\"[\n      'sl-flex sl-flex-col sl-items-center sl-justify-center sl-w-full sl-rounded-lg sl-cursor-pointer sl-transition-colors',\n      'sl-bg-gray-50 dark:sl-bg-slate-800/50 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-800',\n      ringClasses ? ringClasses : 'sl-border-2 sl-border-dashed sl-border-gray-300 dark:sl-border-slate-600',\n      { 'sl-opacity-50 sl-cursor-not-allowed': disabled },\n      { 'sl-border-primary-500 sl-bg-primary-50 dark:sl-bg-primary-900/20': isDragOver },\n      heightClass\n    ]\"\n    @click=\"triggerFileInputClick\"\n    @dragover.prevent=\"handleDragOver\"\n    @dragenter.prevent=\"handleDragEnter\"\n    @dragleave.prevent=\"handleDragLeave\"\n    @drop.prevent=\"handleDrop\"\n  >\n    <div class=\"sl-flex sl-flex-col sl-items-center sl-justify-center sl-py-5\">\n      <CloudArrowUpIcon\n        :class=\"[\n          'sl-h-10 sl-w-10 sl-mb-3',\n          isDragOver ? 'sl-text-primary-500' : 'sl-text-gray-400 dark:sl-text-slate-300'\n        ]\"\n        aria-hidden=\"true\"\n      />\n      \n      <slot>\n        <p class=\"sl-mb-2 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n          <span class=\"sl-font-semibold\">Click to upload</span> or drag and drop\n        </p>\n        <p class=\"sl-text-xs sl-text-gray-400 dark:sl-text-slate-300\">\n          {{ acceptedFormatsText }} (MAX. {{ maximumFileSize }}MB)\n        </p>\n      </slot>\n      \n      <!-- Selected files preview -->\n      <div v-if=\"selectedFiles.length > 0\" class=\"sl-mt-4 sl-w-full sl-px-4\">\n        <div class=\"sl-flex sl-flex-wrap sl-gap-2 sl-justify-center\">\n          <div\n            v-for=\"(file, index) in selectedFiles\"\n            :key=\"index\"\n            class=\"sl-flex sl-items-center sl-gap-2 sl-bg-white dark:sl-bg-slate-700 sl-rounded-md sl-px-3 sl-py-1.5 sl-shadow-sm sl-border sl-border-gray-200 dark:sl-border-slate-600\"\n          >\n            <DocumentIcon class=\"sl-h-4 sl-w-4 sl-text-gray-400 dark:sl-text-slate-300\" />\n            <span class=\"sl-text-xs sl-text-gray-600 dark:sl-text-slate-200 sl-truncate sl-max-w-[120px]\">{{ file.name }}</span>\n            <button\n              type=\"button\"\n              class=\"sl-text-gray-400 hover:sl-text-red-500 dark:sl-text-slate-300 dark:hover:sl-text-red-400 sl-transition-colors sl-p-0 sl-border-0 sl-bg-transparent sl-cursor-pointer\"\n              @click.stop=\"removeFile(index)\"\n            >\n              <XMarkIcon class=\"sl-h-4 sl-w-4\" />\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n    \n    <input\n      ref=\"fileInputRef\"\n      type=\"file\"\n      class=\"sl-hidden\"\n      :accept=\"acceptedFormats.join(', ')\"\n      :multiple=\"enableMultiple\"\n      :disabled=\"disabled\"\n      @change=\"handleInputFileChange\"\n    />\n  </div>\n  \n  <!-- Error message -->\n  <p v-if=\"errorMessage\" class=\"sl-mt-2 sl-text-sm sl-text-red-600 dark:sl-text-red-400\">\n    {{ errorMessage }}\n  </p>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, type PropType } from 'vue';\nimport { CloudArrowUpIcon, DocumentIcon, XMarkIcon } from '@heroicons/vue/24/outline';\n\nexport type AcceptedFileType = \n  | 'image/jpeg'\n  | 'image/png'\n  | 'image/gif'\n  | 'image/webp'\n  | 'image/svg+xml'\n  | 'application/pdf'\n  | 'application/msword'\n  | 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'\n  | 'application/vnd.ms-excel'\n  | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n  | 'text/csv'\n  | 'text/plain'\n  | 'application/zip'\n  | 'video/mp4'\n  | 'video/webm'\n  | 'audio/mpeg'\n  | 'audio/wav';\n\nconst mimeToExtension: Record<string, string> = {\n  'image/jpeg': 'JPG',\n  'image/png': 'PNG',\n  'image/gif': 'GIF',\n  'image/webp': 'WEBP',\n  'image/svg+xml': 'SVG',\n  'application/pdf': 'PDF',\n  'application/msword': 'DOC',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'DOCX',\n  'application/vnd.ms-excel': 'XLS',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'XLSX',\n  'text/csv': 'CSV',\n  'text/plain': 'TXT',\n  'application/zip': 'ZIP',\n  'video/mp4': 'MP4',\n  'video/webm': 'WEBM',\n  'audio/mpeg': 'MP3',\n  'audio/wav': 'WAV',\n};\n\nconst props = defineProps({\n  /** Allow multiple file selection */\n  enableMultiple: {\n    type: Boolean,\n    default: false,\n  },\n  /** Accepted MIME types */\n  acceptedFormats: {\n    type: Array as PropType<AcceptedFileType[]>,\n    default: () => ['image/jpeg', 'image/png', 'image/gif', 'application/pdf'],\n  },\n  /** Maximum file size in MB */\n  maximumFileSize: {\n    type: Number,\n    default: 10,\n  },\n  /** Disable the dropzone */\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  /** Custom ring/border classes */\n  ringClasses: {\n    type: String,\n    default: '',\n  },\n  /** Height of the dropzone */\n  height: {\n    type: String as PropType<'sm' | 'md' | 'lg' | 'auto'>,\n    default: 'md',\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'update:files', files: FileList | File[]): void;\n  (e: 'error', message: string): void;\n}>();\n\nconst fileInputRef = ref<HTMLInputElement | null>(null);\nconst selectedFiles = ref<File[]>([]);\nconst isDragOver = ref(false);\nconst errorMessage = ref('');\n\nconst heightClass = computed(() => {\n  const heights: Record<string, string> = {\n    sm: 'sl-h-32',\n    md: 'sl-h-48',\n    lg: 'sl-h-64',\n    auto: 'sl-min-h-[128px]',\n  };\n  return heights[props.height] || heights.md;\n});\n\nconst acceptedFormatsText = computed(() => {\n  return props.acceptedFormats\n    .map(format => mimeToExtension[format] || format.split('/')[1]?.toUpperCase())\n    .filter(Boolean)\n    .join(', ');\n});\n\nconst validateFiles = (files: FileList | File[]): File[] => {\n  const validFiles: File[] = [];\n  const maxBytes = props.maximumFileSize * 1024 * 1024;\n  \n  Array.from(files).forEach(file => {\n    // Check file type\n    if (!props.acceptedFormats.includes(file.type as AcceptedFileType)) {\n      errorMessage.value = `File type \"${file.type}\" is not accepted`;\n      emit('error', errorMessage.value);\n      return;\n    }\n    \n    // Check file size\n    if (file.size > maxBytes) {\n      errorMessage.value = `File \"${file.name}\" exceeds the maximum size of ${props.maximumFileSize}MB`;\n      emit('error', errorMessage.value);\n      return;\n    }\n    \n    validFiles.push(file);\n  });\n  \n  if (validFiles.length > 0) {\n    errorMessage.value = '';\n  }\n  \n  return validFiles;\n};\n\nconst handleInputFileChange = (event: Event) => {\n  const files = (event.target as HTMLInputElement).files;\n  if (files) {\n    const validFiles = validateFiles(files);\n    if (validFiles.length > 0) {\n      if (props.enableMultiple) {\n        selectedFiles.value = [...selectedFiles.value, ...validFiles];\n      } else {\n        selectedFiles.value = validFiles.slice(0, 1);\n      }\n      emit('update:files', selectedFiles.value);\n    }\n  }\n  \n  // Reset input so same file can be selected again\n  if (fileInputRef.value) {\n    fileInputRef.value.value = '';\n  }\n};\n\nconst handleDrop = (event: DragEvent) => {\n  isDragOver.value = false;\n  \n  if (props.disabled) return;\n  \n  if (event.dataTransfer?.files) {\n    const validFiles = validateFiles(event.dataTransfer.files);\n    if (validFiles.length > 0) {\n      if (props.enableMultiple) {\n        selectedFiles.value = [...selectedFiles.value, ...validFiles];\n      } else {\n        selectedFiles.value = validFiles.slice(0, 1);\n      }\n      emit('update:files', selectedFiles.value);\n    }\n  }\n};\n\nconst handleDragOver = () => {\n  if (!props.disabled) {\n    isDragOver.value = true;\n  }\n};\n\nconst handleDragEnter = () => {\n  if (!props.disabled) {\n    isDragOver.value = true;\n  }\n};\n\nconst handleDragLeave = () => {\n  isDragOver.value = false;\n};\n\nconst triggerFileInputClick = () => {\n  if (!props.disabled) {\n    fileInputRef.value?.click();\n  }\n};\n\nconst removeFile = (index: number) => {\n  selectedFiles.value.splice(index, 1);\n  emit('update:files', selectedFiles.value);\n};\n\nconst clearFiles = () => {\n  selectedFiles.value = [];\n  errorMessage.value = '';\n  if (fileInputRef.value) {\n    fileInputRef.value.value = '';\n  }\n};\n\n// Expose methods\ndefineExpose({ clearFiles, triggerFileInputClick });\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","mimeToExtension","props","__props","emit","__emit","fileInputRef","ref","selectedFiles","isDragOver","errorMessage","heightClass","computed","heights","acceptedFormatsText","format","validateFiles","files","validFiles","maxBytes","file","handleInputFileChange","event","handleDrop","handleDragOver","handleDragEnter","handleDragLeave","triggerFileInputClick","removeFile","index","__expose","_normalizeClass","_hoisted_1","_createVNode","_unref","CloudArrowUpIcon","_renderSlot","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4","_Fragment","_renderList","DocumentIcon","_hoisted_5","_withModifiers","$event","XMarkIcon","_hoisted_8"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js","sources":["../src/utils/transitions.ts","../src/components/wrappers/FormErrorWrapper.vue"],"sourcesContent":["/**\n * Transition class utilities for HeadlessUI components\n */\n\n// Standard enter/leave transitions\nexport const enterTransitionClasses = 'sl-transition sl-ease-out sl-duration-300';\nexport const enterFromTransitionClasses = 'sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95';\nexport const enterToTransitionClasses = 'sl-opacity-100 sl-translate-y-0 sm:sl-scale-100';\nexport const leaveTransitionClasses = 'sl-transition sl-ease-in sl-duration-200';\nexport const leaveFromTransitionClasses = 'sl-opacity-100 sl-translate-y-0 sm:sl-scale-100';\nexport const leaveToTransitionClasses = 'sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95';\n\n// Fade transitions\nexport const fadeEnterTransition = 'sl-transition-opacity sl-ease-out sl-duration-300';\nexport const fadeEnterFrom = 'sl-opacity-0';\nexport const fadeEnterTo = 'sl-opacity-100';\nexport const fadeLeaveTransition = 'sl-transition-opacity sl-ease-in sl-duration-200';\nexport const fadeLeaveFrom = 'sl-opacity-100';\nexport const fadeLeaveTo = 'sl-opacity-0';\n\n// Slide transitions\nexport const slideEnterTransition = 'sl-transform sl-transition sl-ease-in-out sl-duration-300';\nexport const slideEnterFromLeft = '-sl-translate-x-full';\nexport const slideEnterFromRight = 'sl-translate-x-full';\nexport const slideEnterFromTop = '-sl-translate-y-full';\nexport const slideEnterFromBottom = 'sl-translate-y-full';\nexport const slideEnterTo = 'sl-translate-x-0 sl-translate-y-0';\nexport const slideLeaveTransition = 'sl-transform sl-transition sl-ease-in-out sl-duration-300';\nexport const slideLeaveFrom = 'sl-translate-x-0 sl-translate-y-0';\nexport const slideLeaveToLeft = '-sl-translate-x-full';\nexport const slideLeaveToRight = 'sl-translate-x-full';\nexport const slideLeaveToTop = '-sl-translate-y-full';\nexport const slideLeaveToBottom = 'sl-translate-y-full';\n\n// Scale transitions\nexport const scaleEnterTransition = 'sl-transition sl-ease-out sl-duration-200';\nexport const scaleEnterFrom = 'sl-opacity-0 sl-scale-95';\nexport const scaleEnterTo = 'sl-opacity-100 sl-scale-100';\nexport const scaleLeaveTransition = 'sl-transition sl-ease-in sl-duration-150';\nexport const scaleLeaveFrom = 'sl-opacity-100 sl-scale-100';\nexport const scaleLeaveTo = 'sl-opacity-0 sl-scale-95';\n\n// Height-based expand/collapse transitions (for FormErrorWrapper, accordions, etc.)\nexport const expandEnterTransition = 'sl-transition-all sl-duration-500 sl-overflow-hidden';\nexport const expandEnterFrom = 'sl-transform sl-scale-95 sl-opacity-0 sl-max-h-0';\nexport const expandEnterTo = 'sl-transform sl-scale-100 sl-opacity-100 sl-max-h-96';\nexport const expandLeaveTransition = 'sl-transition-all sl-duration-500 sl-overflow-hidden';\nexport const expandLeaveFrom = 'sl-transform sl-scale-100 sl-opacity-100 sl-max-h-96';\nexport const expandLeaveTo = 'sl-transform sl-scale-95 sl-opacity-0 sl-max-h-0';\n\n/**\n * Helper to create transition props for HeadlessUI components\n */\nexport interface TransitionProps {\n  enter: string;\n  enterFrom: string;\n  enterTo: string;\n  leave: string;\n  leaveFrom: string;\n  leaveTo: string;\n}\n\nexport function createFadeTransition(): TransitionProps {\n  return {\n    enter: fadeEnterTransition,\n    enterFrom: fadeEnterFrom,\n    enterTo: fadeEnterTo,\n    leave: fadeLeaveTransition,\n    leaveFrom: fadeLeaveFrom,\n    leaveTo: fadeLeaveTo,\n  };\n}\n\nexport function createScaleTransition(): TransitionProps {\n  return {\n    enter: scaleEnterTransition,\n    enterFrom: scaleEnterFrom,\n    enterTo: scaleEnterTo,\n    leave: scaleLeaveTransition,\n    leaveFrom: scaleLeaveFrom,\n    leaveTo: scaleLeaveTo,\n  };\n}\n\nexport function createSlideTransition(direction: 'left' | 'right' | 'top' | 'bottom' = 'left'): TransitionProps {\n  const enterFrom = {\n    left: slideEnterFromLeft,\n    right: slideEnterFromRight,\n    top: slideEnterFromTop,\n    bottom: slideEnterFromBottom,\n  }[direction];\n  \n  const leaveTo = {\n    left: slideLeaveToLeft,\n    right: slideLeaveToRight,\n    top: slideLeaveToTop,\n    bottom: slideLeaveToBottom,\n  }[direction];\n  \n  return {\n    enter: slideEnterTransition,\n    enterFrom,\n    enterTo: slideEnterTo,\n    leave: slideLeaveTransition,\n    leaveFrom: slideLeaveFrom,\n    leaveTo,\n  };\n}\n\nexport function createExpandTransition(): TransitionProps {\n  return {\n    enter: expandEnterTransition,\n    enterFrom: expandEnterFrom,\n    enterTo: expandEnterTo,\n    leave: expandLeaveTransition,\n    leaveFrom: expandLeaveFrom,\n    leaveTo: expandLeaveTo,\n  };\n}\n\n","<!--\n  @component FormErrorWrapper\n  @description Form error display container with transition.\n  \n  A wrapper that displays form validation errors in a styled container\n  with smooth enter/leave transitions.\n  \n  @props\n  - errors (object, optional): Object with error messages keyed by field name\n  - show (boolean, optional): Whether to show the error container\n  \n  @slots\n  - default: Content to wrap (usually the form)\n-->\n<template>\n  <div>\n    <slot />\n    <div class=\"sl-mt-4\">\n      <TransitionRoot \n        :show=\"showErrors\" \n        :enter=\"expandEnterTransition\"\n        :enter-from=\"expandEnterFrom\"\n        :enter-to=\"expandEnterTo\"\n        :leave=\"expandLeaveTransition\"\n        :leave-from=\"expandLeaveFrom\"\n        :leave-to=\"expandLeaveTo\"\n      >\n        <div class=\"sl-flex sl-grow sl-rounded-md sl-bg-red-50 dark:sl-bg-red-900/20 sl-p-3 sl-text-sm sl-text-red-600 dark:sl-text-red-400 sl-ring-1 sl-ring-red-100 dark:sl-ring-red-800\">\n          <ul class=\"sl-space-y-1\">\n            <li \n              v-for=\"(error, i) in formattedErrors\" \n              :key=\"i\" \n              class=\"sl-flex sl-items-center sl-gap-2\"\n            >\n              <ExclamationCircleIcon class=\"sl-h-4 sl-w-4 sl-flex-shrink-0\" />\n              <span>{{ error }}</span>\n            </li>\n          </ul>\n        </div>\n      </TransitionRoot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { TransitionRoot } from '@headlessui/vue';\nimport { ExclamationCircleIcon } from '@heroicons/vue/24/outline';\nimport {\n  expandEnterTransition,\n  expandEnterFrom,\n  expandEnterTo,\n  expandLeaveTransition,\n  expandLeaveFrom,\n  expandLeaveTo,\n} from '../../utils/transitions';\n\ninterface Props {\n  errors?: Record<string, string | undefined | Record<string, unknown>>;\n  show?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  errors: () => ({}),\n  show: false,\n});\n\n/**\n * Recursively flatten nested error objects into an array of strings\n */\nconst flattenErrors = (errors: Record<string, unknown>): string[] => {\n  const errorMessages: string[] = [];\n  \n  for (const key in errors) {\n    const value = errors[key];\n    \n    if (typeof value === 'string') {\n      // Attempt to parse the string as JSON\n      try {\n        const parsed = JSON.parse(value);\n        if (typeof parsed === 'object' && parsed !== null) {\n          errorMessages.push(...flattenErrors(parsed as Record<string, unknown>));\n          continue;\n        }\n      } catch {\n        // Not a valid JSON string, it's a regular error message\n      }\n      errorMessages.push(value);\n    } else if (typeof value === 'object' && value !== null) {\n      errorMessages.push(...flattenErrors(value as Record<string, unknown>));\n    }\n  }\n  \n  return errorMessages;\n};\n\nconst formattedErrors = computed(() => {\n  return flattenErrors(props.errors as Record<string, unknown>).filter(Boolean);\n});\n\nconst showErrors = computed(() => {\n  return props.show && formattedErrors.value.length > 0;\n});\n</script>\n\n"],"names":["expandEnterTransition","expandEnterFrom","expandEnterTo","expandLeaveTransition","expandLeaveFrom","expandLeaveTo","props","__props","flattenErrors","errors","errorMessages","key","value","parsed","formattedErrors","computed","showErrors","_createElementBlock","_renderSlot","_ctx","_createElementVNode","_hoisted_1","_createVNode","_unref","TransitionRoot","_hoisted_2","_hoisted_3","_openBlock","_Fragment","_renderList","error","i","ExclamationCircleIcon"],"mappings":";;;AA2CO,MAAMA,IAAwB,wDACxBC,IAAkB,oDAClBC,IAAgB,wDAChBC,IAAwB,wDACxBC,IAAkB,wDAClBC,IAAgB;;;;;;;ACc7B,UAAMC,IAAQC,GAQRC,IAAgB,CAACC,MAA8C;AACnE,YAAMC,IAA0B,CAAA;AAEhC,iBAAWC,KAAOF,GAAQ;AACxB,cAAMG,IAAQH,EAAOE,CAAG;AAExB,YAAI,OAAOC,KAAU,UAAU;AAE7B,cAAI;AACF,kBAAMC,IAAS,KAAK,MAAMD,CAAK;AAC/B,gBAAI,OAAOC,KAAW,YAAYA,MAAW,MAAM;AACjD,cAAAH,EAAc,KAAK,GAAGF,EAAcK,CAAiC,CAAC;AACtE;AAAA,YACF;AAAA,UACF,QAAQ;AAAA,UAER;AACA,UAAAH,EAAc,KAAKE,CAAK;AAAA,QAC1B,MAAA,CAAW,OAAOA,KAAU,YAAYA,MAAU,QAChDF,EAAc,KAAK,GAAGF,EAAcI,CAAgC,CAAC;AAAA,MAEzE;AAEA,aAAOF;AAAA,IACT,GAEMI,IAAkBC,EAAS,MACxBP,EAAcF,EAAM,MAAiC,EAAE,OAAO,OAAO,CAC7E,GAEKU,IAAaD,EAAS,MACnBT,EAAM,QAAQQ,EAAgB,MAAM,SAAS,CACrD;2BAvFCG,EA0BM,OAAA,MAAA;AAAA,MAzBJC,EAAQC,EAAA,QAAA,SAAA;AAAA,MACRC,EAuBM,OAvBNC,GAuBM;AAAA,QAtBJC,EAqBiBC,EAAAC,CAAA,GAAA;AAAA,UApBd,MAAMR,EAAA;AAAA,UACN,OAAOO,EAAAvB,CAAA;AAAA,UACP,cAAYuB,EAAAtB,CAAA;AAAA,UACZ,YAAUsB,EAAArB,CAAA;AAAA,UACV,OAAOqB,EAAApB,CAAA;AAAA,UACP,cAAYoB,EAAAnB,CAAA;AAAA,UACZ,YAAUmB,EAAAlB,CAAA;AAAA,QAAA;qBAEX,MAWM;AAAA,YAXNe,EAWM,OAXNK,GAWM;AAAA,cAVJL,EASK,MATLM,GASK;AAAA,iBARHC,EAAA,EAAA,GAAAV,EAOKW,GAAA,MAAAC,EANkBf,EAAA,OAAe,CAA5BgB,GAAOC,YADjBd,EAOK,MAAA;AAAA,kBALF,KAAKc;AAAA,kBACN,OAAM;AAAA,gBAAA;kBAENT,EAAgEC,EAAAS,CAAA,GAAA,EAAzC,OAAM,kCAAgC;AAAA,kBAC7DZ,EAAwB,gBAAfU,CAAK,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}

package/dist/FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6xCV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6xCV.js","sources":["../src/components/charts/FunnelChart.vue"],"sourcesContent":["<!--\n  @component FunnelChart\n  @description Funnel chart for conversion/flow visualization.\n  \n  @props\n  - data (array, required): Array of {name, value} objects\n  - title (string, optional): Chart title\n  - height (number|string, optional): Chart height\n  - colors (array, optional): Custom color palette\n  - sort (string, optional): Sort order - 'ascending' | 'descending' | 'none'\n  \n  @example\n  <FunnelChart\n    :data=\"[\n      { name: 'Visits', value: 5000 },\n      { name: 'Signups', value: 3000 },\n      { name: 'Purchases', value: 1000 }\n    ]\"\n    title=\"Conversion Funnel\"\n  />\n-->\n<template>\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"height\"\n    :loading=\"loading\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseChart from './BaseChart.vue';\nimport { chartColors } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\ninterface FunnelDataItem {\n  name: string;\n  value: number;\n}\n\ninterface Props {\n  data: FunnelDataItem[];\n  title?: string;\n  height?: number | string;\n  colors?: string[];\n  loading?: boolean;\n  sort?: 'ascending' | 'descending' | 'none';\n  showLabels?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  height: 300,\n  colors: () => chartColors.primary,\n  loading: false,\n  sort: 'descending',\n  showLabels: true,\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n}>();\n\nconst chartOption = computed<EChartsOption>(() => {\n  return {\n    title: props.title ? { text: props.title } : undefined,\n    tooltip: {\n      trigger: 'item',\n      formatter: '{b}: {c}',\n    },\n    color: props.colors,\n    series: [{\n      type: 'funnel',\n      left: '10%',\n      width: '80%',\n      minSize: '20%',\n      maxSize: '100%',\n      gap: 2,\n      sort: props.sort,\n      label: {\n        show: props.showLabels,\n        position: 'inside',\n        color: '#ffffff',\n        fontSize: 12,\n        fontWeight: 500,\n      },\n      labelLine: {\n        show: false,\n      },\n      itemStyle: {\n        borderColor: '#ffffff',\n        borderWidth: 1,\n      },\n      emphasis: {\n        label: {\n          fontSize: 14,\n          fontWeight: 600,\n        },\n      },\n      data: props.data,\n    }],\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","chartOption","computed","handleClick","params","_openBlock","_createBlock","BaseChart","_mergeProps","$attrs"],"mappings":";;;;;;;;;;;;;;;;AAoDA,UAAMA,IAAQC,GAQRC,IAAOC,GAIPC,IAAcC,EAAwB,OACnC;AAAA,MACL,OAAOL,EAAM,QAAQ,EAAE,MAAMA,EAAM,UAAU;AAAA,MAC7C,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,OAAOA,EAAM;AAAA,MACb,QAAQ,CAAC;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,KAAK;AAAA,QACL,MAAMA,EAAM;AAAA,QACZ,OAAO;AAAA,UACL,MAAMA,EAAM;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,QAEd,WAAW;AAAA,UACT,MAAM;AAAA,QAAA;AAAA,QAER,WAAW;AAAA,UACT,aAAa;AAAA,UACb,aAAa;AAAA,QAAA;AAAA,QAEf,UAAU;AAAA,UACR,OAAO;AAAA,YACL,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEF,MAAMA,EAAM;AAAA,MAAA,CACb;AAAA,IAAA,EAEJ,GAEKM,IAAc,CAACC,MAA0B;AAC7C,MAAAL,EAAK,SAASK,CAAM;AAAA,IACtB;sBArFEC,EAAA,GAAAC,EAMEC,GANFC,EAME;AAAA,MALC,QAAQP,EAAA;AAAA,MACR,QAAQH,EAAA;AAAA,MACR,SAASA,EAAA;AAAA,IAAA,GACFW,EAAAA,QAAM,EACb,SAAON,EAAA,CAAW,GAAA,MAAA,IAAA,CAAA,UAAA,UAAA,SAAA,CAAA;AAAA;;"}

package/dist/HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js","sources":["../src/components/layouts/HeaderLayout.vue"],"sourcesContent":["<template>\n  <div class=\"sl-min-h-screen sl-bg-gray-50\">\n    <!-- Header -->\n    <header class=\"sl-bg-white sl-shadow\">\n      <div class=\"sl-mx-auto sl-max-w-7xl sl-px-4 sm:sl-px-6 lg:sl-px-8\">\n        <div class=\"sl-flex sl-h-16 sl-items-center sl-justify-between\">\n          <!-- Logo and primary navigation -->\n          <div class=\"sl-flex sl-items-center\">\n            <div class=\"sl-flex-shrink-0\">\n              <slot name=\"logo\">\n                <div class=\"sl-text-xl sl-font-bold sl-text-stachelock-600\">Logo</div>\n              </slot>\n            </div>\n            <nav class=\"sl-ml-10 sl-hidden sm:sl-flex sm:sl-space-x-8\">\n              <slot name=\"primary-navigation\">\n                <!-- Primary navigation items -->\n              </slot>\n            </nav>\n          </div>\n\n          <!-- Right side content -->\n          <div class=\"sl-flex sl-items-center sl-space-x-4\">\n            <slot name=\"header-right\">\n              <!-- Header right content (search, notifications, profile, etc.) -->\n            </slot>\n          </div>\n        </div>\n      </div>\n\n      <!-- Mobile navigation -->\n      <div class=\"sm:sl-hidden\">\n        <slot name=\"mobile-navigation\">\n          <!-- Mobile navigation content -->\n        </slot>\n      </div>\n    </header>\n\n    <!-- Main content -->\n    <main>\n      <div class=\"sl-mx-auto sl-max-w-7xl sl-py-6 sm:sl-px-6 lg:sl-px-8\">\n        <slot name=\"main\">\n          <!-- Main content slot -->\n        </slot>\n      </div>\n    </main>\n\n    <!-- Footer -->\n    <footer v-if=\"$slots.footer\" class=\"sl-bg-white sl-border-t sl-border-gray-200\">\n      <div class=\"sl-mx-auto sl-max-w-7xl sl-px-4 sm:sl-px-6 lg:sl-px-8\">\n        <div class=\"sl-py-8\">\n          <slot name=\"footer\">\n            <!-- Footer content -->\n          </slot>\n        </div>\n      </div>\n    </footer>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// No props needed for this component\n</script>\n\n<style scoped>\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_renderSlot","_ctx","_cache","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","$slots","_hoisted_11","_hoisted_12","_hoisted_13"],"mappings":";;;;;;;sBACEA,EAAA,GAAAC,EAuDM,OAvDNC,GAuDM;AAAA,MArDJC,EAgCS,UAhCTC,GAgCS;AAAA,QA/BPD,EAuBM,OAvBNE,GAuBM;AAAA,UAtBJF,EAqBM,OArBNG,GAqBM;AAAA,YAnBJH,EAWM,OAXNI,GAWM;AAAA,cAVJJ,EAIM,OAJNK,GAIM;AAAA,gBAHJC,EAEOC,sBAFP,MAEO;AAAA,kBADLC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAR,EAAsE,OAAA,EAAjE,OAAM,oDAAiD,QAAI,EAAA;AAAA,gBAAA;;cAGpEA,EAIM,OAJNS,GAIM;AAAA,gBAHJH,EAEOC,EAAA,QAAA,oBAAA;AAAA,cAAA;;YAKXP,EAIM,OAJNU,GAIM;AAAA,cAHJJ,EAEOC,EAAA,QAAA,cAAA;AAAA,YAAA;;;QAMbP,EAIM,OAJNW,GAIM;AAAA,UAHJL,EAEOC,EAAA,QAAA,mBAAA;AAAA,QAAA;;MAKXP,EAMO,QAAA,MAAA;AAAA,QALLA,EAIM,OAJNY,GAIM;AAAA,UAHJN,EAEOC,EAAA,QAAA,MAAA;AAAA,QAAA;;MAKGM,EAAAA,OAAO,UAArBhB,KAAAC,EAQS,UARTgB,GAQS;AAAA,QAPPd,EAMM,OANNe,GAMM;AAAA,UALJf,EAIM,OAJNgB,GAIM;AAAA,YAHJV,EAEOC,EAAA,QAAA,QAAA;AAAA,UAAA;;;;;;"}

package/dist/HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js","sources":["../src/components/inputs/HiddenInput.vue"],"sourcesContent":["<!--\n  @component HiddenInput\n  @description Hidden input for storing form data without display.\n  \n  A simple hidden input element for storing values in forms that don't\n  need to be visible to the user. Useful for tracking IDs, tokens, or\n  other metadata within form submissions.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - value (string, optional): The hidden value\n  \n  @example\n  <HiddenInput name=\"userId\" :value=\"user.id\" />\n-->\n<template>\n  <input \n    :name=\"name\" \n    :id=\"id\" \n    type=\"hidden\" \n    :value=\"value\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { generateId } from '../../utils/id'\n\ninterface Props {\n  name: string\n  value?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  value: ''\n})\n\nconst id = generateId(`sl-${props.name}`)\n</script>\n\n"],"names":["id","generateId","__props","_createElementBlock","_unref"],"mappings":";;;;;;;;;AAoCA,UAAMA,IAAKC,EAAW,MAJRC,EAIoB,IAAI,EAAE;2BApBtCC,EAKE,SAAA;AAAA,MAJC,MAAMD,EAAA;AAAA,MACN,IAAIE,EAAAJ,CAAA;AAAA,MACL,MAAK;AAAA,MACJ,OAAOE,EAAA;AAAA,IAAA;;;"}

package/dist/InformationCircleIcon-B322GNIt.js

@@ -1,40 +0,0 @@
-import { createElementBlock as e, openBlock as r, createElementVNode as o } from "vue";
-function i(t, n) {
-  return r(), e("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
-    })
-  ]);
-}
-function l(t, n) {
-  return r(), e("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"
-    })
-  ]);
-}
-export {
-  i as a,
-  l as r
-};
-//# sourceMappingURL=InformationCircleIcon-B322GNIt.js.map

package/dist/InformationCircleIcon-B322GNIt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InformationCircleIcon-B322GNIt.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/CheckCircleIcon.js","../node_modules/@heroicons/vue/24/outline/esm/InformationCircleIcon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;AChBe,SAASL,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0,1]}

package/dist/InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js","sources":["../src/components/tabs/InlineTabs.vue"],"sourcesContent":["<!--\n  @component InlineTabs\n  @description Simple inline tab navigation with underline indicator.\n  \n  A lightweight tab component for simple tab navigation scenarios.\n  Uses named slots for tab content. Shows SelectInput dropdown on mobile.\n  \n  @props\n  - tabs (SimpleTabItem[], required): Array of tab configurations\n  - title (string, optional): Optional heading title\n  - dropdownOnMobile (boolean, optional): Show dropdown on mobile (default: true)\n  - badgeTheme (TabBadgeTheme, optional): Theme for count badges (default: 'primary')\n  \n  @emits\n  - tab-changed: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <InlineTabs\n    title=\"Settings\"\n    :tabs=\"[\n      { name: 'General', current: true },\n      { name: 'Security', current: false, count: 2 },\n      { name: 'Notifications', current: false, count: 5 }\n    ]\"\n    @tab-changed=\"handleTabChange\"\n  >\n    <template #General>General content</template>\n    <template #Security>Security content</template>\n    <template #Notifications>Notifications content</template>\n  </InlineTabs>\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Mobile dropdown using SelectInput -->\n    <div v-if=\"dropdownOnMobile\" class=\"sl-block sm:sl-hidden sl-mb-4\">\n      <SelectInput\n        :name=\"selectId\"\n        :label=\"title\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"index\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop tabs -->\n    <div class=\"sl-hidden sm:sl-block\">\n      <div class=\"sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sm:sl-flex sm:sl-items-baseline\">\n        <h3\n          v-if=\"title\"\n          class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-white\"\n        >\n          {{ title }}\n        </h3>\n        <div class=\"sl-mt-4 sm:sl-ml-10 sm:sl-mt-0\">\n          <nav class=\"sl--mb-px sl-flex sl-space-x-8\">\n            <a\n              v-for=\"(tab, index) in localTabs\"\n              :key=\"tab.name\"\n              href=\"#\"\n              @click.prevent=\"setActiveTab(index)\"\n              :class=\"[\n                tab.current \n                  ? 'sl-border-stachelock-600 sl-text-stachelock-600 dark:sl-text-stachelock-400' \n                  : 'sl-border-transparent sl-text-gray-500 dark:sl-text-slate-400 hover:sl-border-gray-300 dark:hover:sl-border-slate-600 hover:sl-text-gray-700 dark:hover:sl-text-slate-300',\n                'sl-whitespace-nowrap sl-border-b-2 sl-px-1 sl-pb-4 sl-text-sm sl-font-medium sl-transition-colors sl-duration-200 sl-flex sl-items-center sl-gap-2',\n                tab.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer'\n              ]\"\n              :aria-current=\"tab.current ? 'page' : undefined\"\n            >\n              {{ tab.name }}\n              <span\n                v-if=\"hasCount(tab)\"\n                :class=\"[\n                  'sl-rounded-full sl-py-0.5 sl-px-2.5 sl-text-xs sl-font-medium sl-tabular-nums',\n                  tab.current\n                    ? 'sl-bg-stachelock-100 dark:sl-bg-stachelock-900/30 sl-text-stachelock-600 dark:sl-text-stachelock-400'\n                    : 'sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-200'\n                ]\"\n              >\n                {{ tab.count }}\n              </span>\n            </a>\n          </nav>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Default slot for general content -->\n    <div class=\"sl-mt-4\">\n      <slot name=\"default\" />\n      \n      <!-- Named slots for each tab -->\n      <template v-for=\"tab in localTabs\" :key=\"tab.name\">\n        <div v-if=\"tab.current && slots[tab.name]\">\n          <slot :name=\"tab.name\" />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SelectInput from '../inputs/SelectInput.vue';\nimport { useSimpleTabs } from '../../composables/useSimpleTabs';\nimport type { SimpleTabItem, TabBadgeTheme } from '../../types/tabs';\n\ninterface Props {\n  tabs: SimpleTabItem[];\n  title?: string;\n  dropdownOnMobile?: boolean;\n  badgeTheme?: TabBadgeTheme;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  dropdownOnMobile: true,\n  badgeTheme: 'primary'\n});\n\nconst emit = defineEmits<{\n  'tab-changed': [tabIndex: number];\n}>();\n\n// Use the shared composable for all tab logic\nconst {\n  localTabs,\n  selectInputItems,\n  selectedTabItem,\n  setActiveTab,\n  handleSelectInputChange,\n  hasCount,\n  slots,\n  selectId\n} = useSimpleTabs({\n  getTabs: () => props.tabs,\n  onTabChange: (index) => emit('tab-changed', index),\n  includeCountInName: true,\n  badgeTheme: props.badgeTheme\n});\n</script>\n"],"names":["props","__props","emit","__emit","localTabs","selectInputItems","selectedTabItem","setActiveTab","handleSelectInputChange","hasCount","slots","selectId","useSimpleTabs","index","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createVNode","SelectInput","_unref","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_Fragment","_renderList","tab","_withModifiers","$event","_normalizeClass","_hoisted_9","_renderSlot","_ctx","_hoisted_10"],"mappings":";;;;;;;;;;;;;;;;;;;AAoHA,UAAMA,IAAQC,GAKRC,IAAOC,GAKP;AAAA,MACJ,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,IAAA,IACEC,EAAc;AAAA,MAChB,SAAS,MAAMZ,EAAM;AAAA,MACrB,aAAa,CAACa,MAAUX,EAAK,eAAeW,CAAK;AAAA,MACjD,oBAAoB;AAAA,MACpB,YAAYb,EAAM;AAAA,IAAA,CACnB;sBA5GCc,EAAA,GAAAC,EAqEM,OArENC,GAqEM;AAAA,MAnEOf,EAAA,oBAAXa,EAAA,GAAAC,EAWM,OAXNE,GAWM;AAAA,QAVJC,EASEC,GAAA;AAAA,UARC,MAAMC,EAAAT,CAAA;AAAA,UACN,OAAOV,EAAA;AAAA,UACP,OAAOmB,EAAAf,CAAA;AAAA,UACP,eAAae,EAAAd,CAAA;AAAA,UACd,YAAS;AAAA,UACT,aAAU;AAAA,UACV,aAAY;AAAA,UACX,uBAAoBc,EAAAZ,CAAA;AAAA,QAAA;;MAKzBa,EAwCM,OAxCNC,GAwCM;AAAA,QAvCJD,EAsCM,OAtCNE,GAsCM;AAAA,UApCItB,EAAA,cADRc,EAKK,MALLS,GAKKC,EADAxB,EAAA,KAAK,GAAA,CAAA;UAEVoB,EA8BM,OA9BNK,GA8BM;AAAA,YA7BJL,EA4BM,OA5BNM,GA4BM;AAAA,eA3BJb,EAAA,EAAA,GAAAC,EA0BIa,GAAA,MAAAC,EAzBqBT,EAAAhB,CAAA,GAAS,CAAxB0B,GAAKjB,YADfE,EA0BI,KAAA;AAAA,gBAxBD,KAAKe,EAAI;AAAA,gBACV,MAAK;AAAA,gBACJ,SAAKC,EAAA,CAAAC,MAAUZ,EAAAb,CAAA,EAAaM,CAAK,GAAA,CAAA,SAAA,CAAA;AAAA,gBACjC,OAAKoB,EAAA;AAAA,kBAAoBH,EAAI;;kBAAmeA,EAAI,WAAQ,wCAAA;AAAA,gBAAA;gBAO5gB,gBAAcA,EAAI,mBAAmB;AAAA,cAAA;oBAEnCA,EAAI,IAAI,IAAG,KACd,CAAA;AAAA,gBACQV,EAAAX,CAAA,EAASqB,CAAG,UADpBf,EAUO,QAAA;AAAA;kBARJ,OAAKkB,EAAA;AAAA;oBAAyHH,EAAI;;mBAOhIL,EAAAK,EAAI,KAAK,GAAA,CAAA;;;;;;MASxBT,EASM,OATNa,GASM;AAAA,QARJC,EAAuBC,EAAA,QAAA,SAAA;AAAA,gBAGvBrB,EAIWa,GAAA,MAAAC,EAJaT,EAAAhB,CAAA,GAAS,CAAhB0B;UAAwB,KAAAA,EAAI;AAAA,QAAA;UAChCA,EAAI,WAAWV,KAAMU,EAAI,IAAI,UAAxCf,EAEM,OAAAsB,GAAA;AAAA,YADJF,EAAyBC,EAAA,QAAZN,EAAI,IAAI;AAAA,UAAA;;;;;;"}

package/dist/LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js","sources":["../src/components/charts/LineChart.vue"],"sourcesContent":["<!--\n  @component LineChart\n  @description Line chart component with optional area fill.\n  \n  @props\n  - data (array, required): Array of data points\n  - xAxisData (array, required): X-axis labels\n  - title (string, optional): Chart title\n  - smooth (boolean, optional): Smooth line curve\n  - showArea (boolean, optional): Fill area under line\n  - height (number|string, optional): Chart height\n  - colors (array, optional): Custom color palette\n  \n  @example\n  <LineChart\n    :data=\"salesData\"\n    :x-axis-data=\"months\"\n    title=\"Monthly Sales\"\n    smooth\n    show-area\n  />\n-->\n<template>\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"height\"\n    :loading=\"loading\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseChart from './BaseChart.vue';\nimport { chartColors, getAreaGradient } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\ninterface SeriesData {\n  name: string;\n  data: number[];\n}\n\ninterface Props {\n  data: number[] | SeriesData[];\n  xAxisData: string[];\n  title?: string;\n  smooth?: boolean;\n  showArea?: boolean;\n  height?: number | string;\n  colors?: string[];\n  loading?: boolean;\n  showLegend?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  smooth: true,\n  showArea: false,\n  height: 300,\n  colors: () => chartColors.primary,\n  loading: false,\n  showLegend: true,\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n}>();\n\nconst isMultiSeries = computed(() => {\n  return Array.isArray(props.data) && props.data.length > 0 && typeof props.data[0] === 'object';\n});\n\nconst chartOption = computed<EChartsOption>(() => {\n  const series = isMultiSeries.value\n    ? (props.data as SeriesData[]).map((s, idx) => ({\n        name: s.name,\n        type: 'line' as const,\n        data: s.data,\n        smooth: props.smooth,\n        symbol: 'circle',\n        symbolSize: 6,\n        lineStyle: { width: 2 },\n        areaStyle: props.showArea ? { color: getAreaGradient(props.colors[idx % props.colors.length]) } : undefined,\n        itemStyle: { color: props.colors[idx % props.colors.length] },\n      }))\n    : [{\n        type: 'line' as const,\n        data: props.data as number[],\n        smooth: props.smooth,\n        symbol: 'circle',\n        symbolSize: 6,\n        lineStyle: { width: 2 },\n        areaStyle: props.showArea ? { color: getAreaGradient(props.colors[0]) } : undefined,\n        itemStyle: { color: props.colors[0] },\n      }];\n\n  return {\n    title: props.title ? { text: props.title } : undefined,\n    legend: props.showLegend && isMultiSeries.value ? { show: true } : { show: false },\n    xAxis: {\n      type: 'category',\n      data: props.xAxisData,\n      boundaryGap: false,\n    },\n    yAxis: {\n      type: 'value',\n    },\n    series,\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","isMultiSeries","computed","chartOption","series","s","idx","getAreaGradient","handleClick","params","_openBlock","_createBlock","BaseChart","_mergeProps","$attrs"],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,UAAMA,IAAQC,GASRC,IAAOC,GAIPC,IAAgBC,EAAS,MACtB,MAAM,QAAQL,EAAM,IAAI,KAAKA,EAAM,KAAK,SAAS,KAAK,OAAOA,EAAM,KAAK,CAAC,KAAM,QACvF,GAEKM,IAAcD,EAAwB,MAAM;AAChD,YAAME,IAASH,EAAc,QACxBJ,EAAM,KAAsB,IAAI,CAACQ,GAAGC,OAAS;AAAA,QAC5C,MAAMD,EAAE;AAAA,QACR,MAAM;AAAA,QACN,MAAMA,EAAE;AAAA,QACR,QAAQR,EAAM;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,WAAW,EAAE,OAAO,EAAA;AAAA,QACpB,WAAWA,EAAM,WAAW,EAAE,OAAOU,EAAgBV,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM,CAAC,MAAM;AAAA,QAClG,WAAW,EAAE,OAAOA,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM,EAAA;AAAA,MAAE,EAC5D,IACF,CAAC;AAAA,QACC,MAAM;AAAA,QACN,MAAMA,EAAM;AAAA,QACZ,QAAQA,EAAM;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,WAAW,EAAE,OAAO,EAAA;AAAA,QACpB,WAAWA,EAAM,WAAW,EAAE,OAAOU,EAAgBV,EAAM,OAAO,CAAC,CAAC,EAAA,IAAM;AAAA,QAC1E,WAAW,EAAE,OAAOA,EAAM,OAAO,CAAC,EAAA;AAAA,MAAE,CACrC;AAEL,aAAO;AAAA,QACL,OAAOA,EAAM,QAAQ,EAAE,MAAMA,EAAM,UAAU;AAAA,QAC7C,QAAQA,EAAM,cAAcI,EAAc,QAAQ,EAAE,MAAM,GAAA,IAAS,EAAE,MAAM,GAAA;AAAA,QAC3E,OAAO;AAAA,UACL,MAAM;AAAA,UACN,MAAMJ,EAAM;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,QAEf,OAAO;AAAA,UACL,MAAM;AAAA,QAAA;AAAA,QAER,QAAAO;AAAA,MAAA;AAAA,IAEJ,CAAC,GAEKI,IAAc,CAACC,MAA0B;AAC7C,MAAAV,EAAK,SAASU,CAAM;AAAA,IACtB;sBA1FEC,EAAA,GAAAC,EAMEC,GANFC,EAME;AAAA,MALC,QAAQV,EAAA;AAAA,MACR,QAAQL,EAAA;AAAA,MACR,SAASA,EAAA;AAAA,IAAA,GACFgB,EAAAA,QAAM,EACb,SAAON,EAAA,CAAW,GAAA,MAAA,IAAA,CAAA,UAAA,UAAA,SAAA,CAAA;AAAA;;"}

package/dist/LottieAnimation.vue_vue_type_script_setup_true_lang-swmHdR0_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LottieAnimation.vue_vue_type_script_setup_true_lang-swmHdR0_.js","sources":["../src/components/LottieAnimation.vue"],"sourcesContent":["<template>\n  <Vue3Lottie\n    v-if=\"animationData\"\n    :animationData=\"animationData\"\n    :height=\"height\"\n    :width=\"width\"\n    :loop=\"effectiveLoop\"\n    :autoplay=\"effectiveAutoplay\"\n    :speed=\"speed\"\n    :pauseOnHover=\"pauseOnHover\"\n    @complete=\"$emit('complete')\"\n    @loopComplete=\"$emit('loop-complete')\"\n    @enterFrame=\"$emit('enter-frame', $event)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, defineAsyncComponent } from 'vue';\nimport type { LottieOptions } from '@/plugin/configure';\n\n// Dynamic import for Vue3Lottie\nconst Vue3Lottie = defineAsyncComponent(() => \n  import('vue3-lottie').then(m => m.Vue3Lottie)\n);\n\ninterface Props {\n  /** Lottie animation JSON data */\n  animationData: unknown;\n  /** Animation height */\n  height?: number | string;\n  /** Animation width */\n  width?: number | string;\n  /** Loop the animation */\n  loop?: boolean | number;\n  /** Auto-play the animation */\n  autoplay?: boolean;\n  /** Animation speed (1 = normal) */\n  speed?: number;\n  /** Pause on hover */\n  pauseOnHover?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  height: 200,\n  width: 200,\n  loop: undefined,\n  autoplay: undefined,\n  speed: 1,\n  pauseOnHover: false,\n});\n\ndefineEmits<{\n  (e: 'complete'): void;\n  (e: 'loop-complete'): void;\n  (e: 'enter-frame', frame: number): void;\n}>();\n\n// Get plugin configuration\nconst lottieConfig = inject<LottieOptions>('lottie', {});\n\n// Apply defaults from config if not explicitly set\nconst effectiveLoop = computed(() => {\n  if (props.loop !== undefined) return props.loop;\n  return lottieConfig.loop ?? true;\n});\n\nconst effectiveAutoplay = computed(() => {\n  if (props.autoplay !== undefined) return props.autoplay;\n  return lottieConfig.autoplay ?? true;\n});\n</script>\n\n"],"names":["Vue3Lottie","defineAsyncComponent","m","props","__props","lottieConfig","inject","effectiveLoop","computed","effectiveAutoplay","_createBlock","_unref","$emit","_cache","$event"],"mappings":";;;;;;;;;;;;;;AAqBA,UAAMA,IAAaC;AAAA,MAAqB,MACtC,OAAO,8BAAa,EAAE,KAAK,CAAAC,MAAKA,EAAE,UAAU;AAAA,IAAA,GAoBxCC,IAAQC,GAgBRC,IAAeC,EAAsB,UAAU,EAAE,GAGjDC,IAAgBC,EAAS,MACzBL,EAAM,SAAS,SAAkBA,EAAM,OACpCE,EAAa,QAAQ,EAC7B,GAEKI,IAAoBD,EAAS,MAC7BL,EAAM,aAAa,SAAkBA,EAAM,WACxCE,EAAa,YAAY,EACjC;qBAnESD,EAAA,sBADRM,EAYEC,EAAAX,CAAA,GAAA;AAAA;MAVC,eAAeI,EAAA;AAAA,MACf,QAAQA,EAAA;AAAA,MACR,OAAOA,EAAA;AAAA,MACP,MAAMG,EAAA;AAAA,MACN,UAAUE,EAAA;AAAA,MACV,OAAOL,EAAA;AAAA,MACP,cAAcA,EAAA;AAAA,MACd,mCAAUQ,EAAAA,MAAK,UAAA;AAAA,MACf,uCAAcA,EAAAA,MAAK,eAAA;AAAA,MACnB,cAAUC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEF,EAAAA,MAAK,eAAgBE,CAAM;AAAA,IAAA;;;"}

package/dist/MapPinIcon-CSTDUZnD.js

@@ -1,27 +0,0 @@
-import { createElementBlock as o, openBlock as r, createElementVNode as e } from "vue";
-function i(t, n) {
-  return r(), o("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    e("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-    }),
-    e("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"
-    })
-  ]);
-}
-export {
-  i as r
-};
-//# sourceMappingURL=MapPinIcon-CSTDUZnD.js.map

package/dist/MapPinIcon-CSTDUZnD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapPinIcon-CSTDUZnD.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/MapPinIcon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\n    }),\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,IACDA,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/MonthCalendar.vue_vue_type_style_index_0_lang-Cyzq7A9j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthCalendar.vue_vue_type_style_index_0_lang-Cyzq7A9j.js","sources":["../src/components/calendars/MonthCalendar.vue"],"sourcesContent":["<!--\n  @component MonthCalendar\n  @description Full month calendar grid with multi-day event support.\n  \n  Features:\n  - 6-week calendar grid with day headers\n  - Multi-day event bars that span across days\n  - Event lane calculation for non-overlapping display\n  - \"+X more\" overflow indicators with click-to-expand\n  - Responsive mobile view with compact event dots\n  - Rate plan color indicators\n  - Day selection and double-click navigation\n  \n  @example\n  <MonthCalendar\n    :days=\"calendarDays\"\n    :events=\"events\"\n    @selectDay=\"handleDaySelect\"\n    @select:event=\"handleEventSelect\"\n    @doubleSelectDay=\"handleDoubleSelectDay\"\n  />\n-->\n<template>\n  <div class=\"sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 lg:sl-flex lg:sl-flex-auto lg:sl-flex-col\">\n    <!-- Day headers -->\n    <div class=\"sl-grid sl-grid-cols-7 sl-gap-px sl-border-b sl-border-gray-300 dark:sl-border-slate-600 sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-center sl-text-xs sl-font-semibold sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-none\">\n      <div v-for=\"dayName in dayHeaders\" :key=\"dayName\" class=\"sl-bg-white dark:sl-bg-slate-900 sl-py-2\">\n        {{ dayName }}\n      </div>\n    </div>\n    \n    <!-- Calendar grid -->\n    <div class=\"sl-flex sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-xs sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-auto\">\n      <!-- Desktop view -->\n      <div class=\"sl-hidden sl-w-full lg:sl-grid lg:sl-grid-cols-7 lg:sl-grid-rows-6 lg:sl-gap-px\">\n        <div \n          v-for=\"day in formattedDays\" \n          :key=\"day.date\"\n          :class=\"[\n            day.isCurrentMonth ? 'sl-bg-white dark:sl-bg-slate-900' : 'sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-slate-400',\n            'sl-relative sl-py-2 sl-min-w-0'\n          ]\"\n        >\n          <div class=\"sl-px-3\">\n            <time \n              :datetime=\"day.date\"\n              :class=\"[\n                day.isToday \n                  ? 'sl-flex sl-h-6 sl-w-6 sl-items-center sl-justify-center sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white' \n                  : ''\n              ]\"\n            >\n              {{ getDayNumber(day.date) }}\n            </time>\n          </div>\n          \n          <!-- Event bars with lanes -->\n          <div class=\"sl-mt-2 sl-space-y-1 sl-min-h-0\">\n            <template v-for=\"lane in Array.from({ length: maxLanes }, (_, i) => i)\" :key=\"`lane-${lane}`\">\n              <button \n                v-for=\"event in eventsForDayAndLane(day.date, lane)\" \n                :key=\"event.id\"\n                class=\"sl-group sl-w-full sl-block\"\n                @click=\"handleEventClick(event.id)\"\n              >\n                <div class=\"sl-relative\">\n                  <div :class=\"barClass(day.date, event)\">\n                    <span v-if=\"showLabel(day.date, event)\" class=\"sl-truncate sl-block\">\n                      {{ labelFor(day.date, event) || event.name }}\n                    </span>\n                  </div>\n                  <span \n                    v-if=\"event.ratePlanColor\"\n                    class=\"sl-absolute sl--top-1 sl--right-1 sl-inline-block sl-h-2.5 sl-w-2.5 sl-rounded-full sl-ring-1 sl-ring-white\"\n                    :style=\"{ backgroundColor: event.ratePlanColor }\"\n                  />\n                </div>\n              </button>\n            </template>\n            \n            <!-- Overflow indicator -->\n            <div v-if=\"overflowCount(day) > 0\" class=\"sl-mt-1 sl-px-3\">\n              <button \n                class=\"sl-text-[11px] sl-font-medium sl-text-stachelock-700 dark:sl-text-stachelock-400 hover:sl-text-stachelock-900 dark:hover:sl-text-stachelock-300 sl-underline\"\n                @click=\"handleDayClick(day)\"\n              >\n                +{{ overflowCount(day) }} more\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n      \n      <!-- Mobile view -->\n      <div class=\"sl-isolate sl-grid sl-w-full sl-grid-cols-7 sl-grid-rows-6 sl-gap-px lg:sl-hidden\">\n        <button \n          v-for=\"day in formattedDays\" \n          :key=\"day.date\"\n          type=\"button\"\n        :class=\"[\n            day.isCurrentMonth ? 'sl-bg-white dark:sl-bg-slate-900' : 'sl-bg-gray-50 dark:sl-bg-slate-800',\n          (day.isSelected || day.isToday) && 'sl-font-semibold',\n          day.isSelected && 'sl-text-white',\n            !day.isSelected && day.isToday && 'sl-text-stachelock-600 dark:sl-text-stachelock-400',\n            !day.isSelected && day.isCurrentMonth && !day.isToday && 'sl-text-gray-800 dark:sl-text-slate-200',\n            !day.isSelected && !day.isCurrentMonth && !day.isToday && 'sl-text-gray-500 dark:sl-text-slate-500',\n            'sl-flex sl-min-h-[3.5rem] sl-flex-col sl-items-center sl-py-2 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 focus:sl-z-10 sl-overflow-visible'\n        ]\"\n          @click=\"handleDayClick(day)\"\n          @dblclick=\"handleDayDoubleClick(day)\"\n        >\n          <time \n            :datetime=\"day.date\"\n            :class=\"[\n              day.isSelected && 'sl-flex sl-h-6 sl-w-6 sl-items-center sl-justify-center sl-rounded-full',\n              day.isSelected && day.isToday && 'sl-bg-stachelock-600',\n              day.isSelected && !day.isToday && 'sl-bg-gray-900 dark:sl-bg-slate-200 dark:sl-text-slate-900'\n            ]\"\n          >\n            {{ getDayNumber(day.date) }}\n          </time>\n          <span class=\"sl-sr-only\">{{ day.events?.length || 0 }} events</span>\n          \n          <!-- Multi-day event bars (compact) -->\n          <ol v-if=\"multiDayEventsForDay(day).length > 0\" class=\"sl-mt-auto sl-w-full sl-space-y-0.5 sl-overflow-visible\">\n            <li v-for=\"event in multiDayEventsForDay(day)\" :key=\"event.id\" class=\"sl-overflow-visible\">\n              <button class=\"sl-group sl-w-full sl-overflow-visible\" @click.stop=\"handleEventClick(event.id)\">\n                <div class=\"sl-relative sl-overflow-visible\">\n                  <div :class=\"barClassCompact(day.date, event)\" />\n                  <span \n                    v-if=\"event.ratePlanColor\" \n                    class=\"sl-absolute sl--top-0.5 sl-right-0 sl-inline-block sl-h-1.5 sl-w-1.5 sl-rounded-full sl-ring-1 sl-ring-white sl-z-20\" \n                    :style=\"{ backgroundColor: event.ratePlanColor }\"\n                  />\n                </div>\n              </button>\n            </li>\n          </ol>\n          \n          <!-- Single-day event dots -->\n          <div v-if=\"singleDayEventsForDay(day).length > 0\" class=\"sl-mt-auto sl-flex sl-flex-wrap sl-justify-center sl-gap-0.5 sl-overflow-visible\">\n            <span \n              v-for=\"event in singleDayEventsForDay(day)\" \n              :key=\"event.id\"\n              class=\"sl-h-1.5 sl-w-1.5 sl-rounded-full sl-flex-shrink-0\"\n              :style=\"{ backgroundColor: event.ratePlanColor || '#9ca3af' }\"\n            />\n          </div>\n      </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CalendarDay, ListEvent } from '@/utils/calendar';\nimport { formatTime } from '@/utils/calendar';\nimport { useEventSegments, calculateEventLanes } from '@/composables/useEventSegments';\n\ninterface Props {\n  /** Array of calendar days to display */\n  days: CalendarDay[];\n  /** Array of events (optional, can also be attached to days) */\n  events?: ListEvent[];\n  /** Week starts on: 0 = Sunday, 1 = Monday */\n  weekStartsOn?: 0 | 1;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  events: () => [],\n  weekStartsOn: 0,\n});\n\nconst emit = defineEmits<{\n  (e: 'selectDay', day: CalendarDay): void;\n  (e: 'select:event', eventId: string | number): void;\n  (e: 'doubleSelectDay', day: CalendarDay): void;\n}>();\n\n// Day headers based on week start\nconst dayHeaders = computed(() => {\n  const sundayFirst = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\n  const mondayFirst = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n  return props.weekStartsOn === 1 ? mondayFirst : sundayFirst;\n});\n\n// Get event segments composable\nconst { getSegment, barClass, barClassCompact } = useEventSegments();\n\n// Maximum visible events per cell before showing \"+X more\"\nconst MAX_VISIBLE_BARS = 3;\n\n// Collect all events across all days (de-duped)\nconst allEvents = computed(() => {\n  const events: ListEvent[] = [];\n  const seen = new Set<string | number>();\n  \n  // Combine prop events with day-attached events\n  const allSourceEvents = [...(props.events || [])];\n  props.days.forEach((day) => {\n    day.events?.forEach((event) => {\n      allSourceEvents.push(event);\n    });\n  });\n  \n  allSourceEvents.forEach((event) => {\n    const eventId = event.id || String(event.name);\n    if (!seen.has(eventId)) {\n      events.push(event);\n      seen.add(eventId);\n    }\n  });\n  \n  return events;\n});\n\n// Day keys for lane calculation\nconst dayKeys = computed(() => props.days.map((d) => d.date));\n\n// Calculate event lanes\nconst eventLanes = computed(() => calculateEventLanes(dayKeys.value, allEvents.value));\n\n// Maximum number of lanes needed\nconst maxLanes = computed(() => {\n  if (eventLanes.value.size === 0) return 0;\n  const lanesArray = Array.from(eventLanes.value.values());\n  return Math.max(...lanesArray) + 1;\n});\n\n// Format days with additional computed properties\nconst formattedDays = computed(() =>\n  props.days.map(day => ({\n    ...day,\n    id: day.id || day.date,\n  }))\n);\n\n// Get day number from date string\nconst getDayNumber = (dateStr: string): string => {\n  return (dateStr.split('-').pop() || '').replace(/^0/, '');\n};\n\n// Get events for a specific day\nconst getEventsForDay = (day: CalendarDay): ListEvent[] => {\n  // First check if events are attached to the day\n  if (day.events && day.events.length > 0) {\n    return day.events;\n  }\n  \n  // Otherwise, filter from props.events\n  return allEvents.value.filter(event => {\n    const segment = getSegment(day.date, event);\n    return segment !== 'none';\n  });\n};\n\n// Get events for a specific day and lane\nconst eventsForDayAndLane = (dayKey: string, lane: number): ListEvent[] => {\n  const day = props.days.find((d) => d.date === dayKey);\n  if (!day) return [];\n  \n  const dayEvents = getEventsForDay(day);\n  \n  const eventsAtLane = dayEvents.filter((event) => {\n    const eventId = event.id || String(event.name);\n    const eventLane = eventLanes.value.get(eventId);\n    return eventLane === lane;\n  });\n\n  // Limit visible events per day\n  const totalVisibleInDay = Math.min(MAX_VISIBLE_BARS, dayEvents.length);\n  if (lane < totalVisibleInDay) return eventsAtLane;\n  return [];\n};\n\n// Calculate overflow count for a day\nconst overflowCount = (day: CalendarDay): number => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.length > MAX_VISIBLE_BARS ? dayEvents.length - MAX_VISIBLE_BARS : 0;\n};\n\n// Should show label for this segment\nconst showLabel = (dayKey: string, event: ListEvent): boolean => {\n  const seg = getSegment(dayKey, event);\n  return seg === 'start' || seg === 'end' || seg === 'single';\n};\n\n// Label content for event\nconst labelFor = (dayKey: string, event: ListEvent): string => {\n  const seg = getSegment(dayKey, event);\n  const startIso = event.startTime?.dateTime || event.datetime;\n  const endIso = event.endTime?.dateTime || event.datetime;\n  \n  if (seg === 'start' && startIso) return `Start ${formatTime(startIso)}`;\n  if (seg === 'end' && endIso) return `End ${formatTime(endIso)}`;\n  return String(event.name || '');\n};\n\n// Get multi-day events for mobile view\nconst multiDayEventsForDay = (day: CalendarDay): ListEvent[] => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.filter((event) => {\n    const seg = getSegment(day.date, event);\n    return seg === 'start' || seg === 'middle' || seg === 'end';\n  });\n};\n\n// Get single-day events for mobile view\nconst singleDayEventsForDay = (day: CalendarDay): ListEvent[] => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.filter((event) => getSegment(day.date, event) === 'single');\n};\n\n// Event handlers\nconst handleDayClick = (day: CalendarDay) => {\n  emit('selectDay', day);\n};\n\nconst handleDayDoubleClick = (day: CalendarDay) => {\n  emit('doubleSelectDay', day);\n};\n\nconst handleEventClick = (eventId: string | number) => {\n  emit('select:event', eventId);\n};\n</script>\n\n<style>\n/* Multi-day event bar extensions to bridge grid gaps */\n.event-bar-start {\n  width: calc(100% + 1px) !important;\n}\n.event-bar-middle {\n  width: calc(100% + 2px) !important;\n  margin-left: -1px !important;\n}\n.event-bar-end {\n  width: calc(100% + 1px) !important;\n  margin-left: -1px !important;\n}\n</style>\n"],"names":["MAX_VISIBLE_BARS","props","__props","emit","__emit","dayHeaders","computed","sundayFirst","mondayFirst","getSegment","barClass","barClassCompact","useEventSegments","allEvents","events","seen","allSourceEvents","day","event","eventId","dayKeys","d","eventLanes","calculateEventLanes","maxLanes","lanesArray","formattedDays","getDayNumber","dateStr","getEventsForDay","eventsForDayAndLane","dayKey","lane","dayEvents","eventsAtLane","totalVisibleInDay","overflowCount","showLabel","seg","labelFor","startIso","endIso","formatTime","multiDayEventsForDay","singleDayEventsForDay","handleDayClick","handleDayDoubleClick","handleEventClick","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_Fragment","_renderList","dayName","_hoisted_3","_hoisted_4","_normalizeClass","_hoisted_5","_hoisted_6","_hoisted_7","_","i","$event","_hoisted_9","_unref","_hoisted_10","_toDisplayString","_normalizeStyle","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_15","_hoisted_16","_hoisted_17","_withModifiers","_hoisted_19","_hoisted_20"],"mappings":"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"}

package/dist/NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js","sources":["../src/components/layouts/NavigationGroup.vue"],"sourcesContent":["<template>\n  <div class=\"sl-space-y-1\">\n    <!-- Group header -->\n    <h3 v-if=\"title\" :class=\"[\n      'sl-px-3 sl-py-2 sl-text-xs sl-font-semibold sl-uppercase sl-tracking-wider',\n      iconOnly ? 'sl-text-center' : ''\n    ]\"\n    style=\"color: var(--sl-color-stachelock-050, #edeff9);\">\n      {{ title }}\n    </h3>\n    \n    <!-- Navigation items -->\n    <ul role=\"list\" class=\"sl-space-y-1\">\n      <slot>\n        <!-- Default navigation items slot -->\n      </slot>\n    </ul>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineProps<{\n  title?: string;\n  iconOnly?: boolean;\n}>();\n</script>\n\n<style scoped>\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","__props","_normalizeClass","_createElementVNode","_hoisted_2","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;sBACEA,EAAA,GAAAC,EAgBM,OAhBNC,GAgBM;AAAA,MAdMC,EAAA,cAAVF,EAMK,MAAA;AAAA;QANa,OAAKG,EAAA;AAAA;UAA8FD,EAAA,WAAQ,mBAAA;AAAA,QAAA;QAI7H,OAAA,EAAA,OAAA,0CAAA;AAAA,MAAA,KACKA,EAAA,KAAK,GAAA,CAAA;MAIVE,EAIK,MAJLC,GAIK;AAAA,QAHHC,EAEOC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js","sources":["../src/components/layouts/NavigationItem.vue"],"sourcesContent":["<template>\n  <li>\n    <a :href=\"href\"       :class=\"[\n        'sl-group sl-flex sl-gap-x-3 sl-rounded-md sl-p-2 sl-text-sm sl-leading-6 sl-font-semibold',\n        isActive \n          ? 'sl-bg-stachelock-400'\n          : 'hover:sl-bg-white/10'\n      ]\"\n      :style=\"{\n        color: isActive \n          ? '#fef2f2' \n          : '#fca5a5',\n        backgroundColor: isActive \n          ? '#f87171' \n          : 'transparent'\n      }\">\n      <component \n        :is=\"icon\" \n        :class=\"[\n          'sl-h-6 sl-w-6 sl-shrink-0'\n        ]\"\n        :style=\"{\n          color: isActive \n            ? '#fef2f2' \n            : '#fca5a5'\n        }\" \n        aria-hidden=\"true\" \n      />\n      <span v-if=\"!iconOnly\" class=\"sl-truncate\">{{ name }}</span>\n      <span v-if=\"badge\" :class=\"[\n        'sl-ml-auto sl-inline-flex sl-items-center sl-rounded-md sl-px-2 sl-py-1 sl-text-xs sl-font-medium',\n        badgeTheme === 'primary' ? 'sl-bg-stachelock-400 sl-text-white' : '',\n        badgeTheme === 'secondary' ? 'sl-bg-gray-400 sl-text-white' : '',\n        badgeTheme === 'success' ? 'sl-bg-green-400 sl-text-white' : '',\n        badgeTheme === 'warning' ? 'sl-bg-yellow-400 sl-text-white' : '',\n        badgeTheme === 'danger' ? 'sl-bg-red-400 sl-text-white' : ''\n      ]\">\n        {{ badge }}\n      </span>\n    </a>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Component } from 'vue';\n\ndefineProps<{\n  name: string;\n  href: string;\n  icon: Component;\n  isActive?: boolean;\n  iconOnly?: boolean;\n  badge?: string;\n  badgeTheme?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';\n}>();\n</script>\n\n<style scoped>\n</style>\n"],"names":["_createElementBlock","_createElementVNode","__props","_normalizeClass","_normalizeStyle","_openBlock","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;2BACEA,EAuCK,MAAA,MAAA;AAAA,MAtCHC,EAqCI,KAAA;AAAA,QArCA,MAAMC,EAAA;AAAA,QAAa,OAAKC,EAAA;AAAA;UAAiHD,EAAA;;QAM1I,OAAKE,EAAA;AAAA,iBAAmBF,EAAA;2BAAiFA,EAAA;;;SAQ1GG,KAAAC,EAWEC,EAVKL,EAAA,IAAI,GAAA;AAAA,UACR,OAAKC,EAAE;AAAA;WAEP;AAAA,UACA,OAAKC,EAAA;AAAA,mBAAqBF,EAAA;;UAK3B,eAAY;AAAA,QAAA;QAEDA,EAAA,6BAAbF,EAA4D,QAA5DQ,GAA4DC,EAAdP,EAAA,IAAI,GAAA,CAAA;AAAA,QACtCA,EAAA,cAAZF,EASO,QAAA;AAAA;UATa,OAAKG,EAAA;AAAA;YAAyHD,EAAA,eAAU,YAAA,uCAAA;AAAA,YAAoEA,EAAA,eAAU,cAAA,iCAAA;AAAA,YAAgEA,EAAA,eAAU,YAAA,kCAAA;AAAA,YAA+DA,EAAA,eAAU,YAAA,mCAAA;AAAA,YAAgEA,EAAA,eAAU,WAAA,gCAAA;AAAA,UAAA;aAQlcA,EAAA,KAAK,GAAA,CAAA;;;;;"}