@stachelock/ui 0.2.13 → 0.3.0

package/dist/UiNavLink.vue_vue_type_script_setup_true_lang-C23h6Do0.js

@@ -0,0 +1,83 @@
+import { defineComponent as R, toRefs as L, ref as u, watch as P, computed as d, createBlock as S, openBlock as v, mergeProps as U, unref as t, withCtx as j, createElementVNode as f, createElementBlock as D, createCommentVNode as T, renderSlot as l } from "vue";
+import { u as V, a as z, b as q } from "./vue-router-BPbyZ7xA.js";
+import F from "./components/Button.js";
+const G = { class: "sl-flex sl-items-center sl-w-full" }, H = { class: "sl-flex sl-items-center sl-space-x-2 sl-flex-1" }, I = {
+  key: 0,
+  class: "sl-flex sl-items-center sl-ml-auto"
+}, O = /* @__PURE__ */ R({
+  __name: "UiNavLink",
+  props: {
+    to: {},
+    inactiveClass: { default: "" },
+    activeClass: { default: "" },
+    ariaCurrent: { default: void 0 },
+    current: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    customDisabled: { type: Boolean, default: !1 },
+    useCustomActiveState: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(m, { emit: p }) {
+    const h = m, g = p, { to: r, inactiveClass: C, activeClass: y, ariaCurrent: b, current: k, disabled: a, customDisabled: i, useCustomActiveState: B } = L(h), { navigate: w, isExactActive: x, isActive: n } = V({ to: r }), A = z(), c = q(), _ = u(c.name);
+    P(c, (e, s) => {
+      _.value = s.name;
+    });
+    const $ = d(() => {
+      const e = A.resolve(r.value);
+      return e && e.matched.length > 0 && !e.matched.some((s) => s.meta?.isErrorPage);
+    }), E = d(() => {
+      const s = [
+        (B.value ? k.value : n.value) ? y.value : C.value,
+        "sl-w-full",
+        "sl-flex",
+        // Make the button container a flexbox.
+        "sl-items-center",
+        // Vertically align items.
+        "sl-relative",
+        // Essential for loading overlay positioning
+        "sl-justify-between"
+        // Space between content and trailing loading
+      ];
+      return i.value ? s.push("sl-cursor-not-allowed", "sl-text-gray-500") : !$.value || a.value ? s.push("sl-cursor-not-allowed") : s.push("sl-cursor-pointer"), s.join(" ");
+    }), o = u(!1), N = async (e) => {
+      if (g("click", e), !e.defaultPrevented && !i.value && !a.value)
+        try {
+          o.value = !0, await w();
+        } catch (s) {
+          console.error("[UiNavLink] Navigation failed:", s);
+        } finally {
+          o.value = !1;
+        }
+    };
+    return (e, s) => (v(), S(F, U({ "center-label": "" }, e.$attrs, {
+      disabled: t(a),
+      loading: o.value,
+      "trailing-loading": !0,
+      "trailing-loading-size": "xs",
+      "custom-class": E.value,
+      "aria-current": t(b),
+      onClick: N
+    }), {
+      default: j(() => [
+        f("div", G, [
+          f("div", H, [
+            l(e.$slots, "icon", {
+              isExactActive: t(x),
+              isActive: t(n)
+            }),
+            l(e.$slots, "default")
+          ]),
+          e.$slots.secondaryText || e.$slots.badge ? (v(), D("div", I, [
+            l(e.$slots, "secondaryText"),
+            l(e.$slots, "badge")
+          ])) : T("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["disabled", "loading", "custom-class", "aria-current"]));
+  }
+});
+export {
+  O as _
+};
+//# sourceMappingURL=UiNavLink.vue_vue_type_script_setup_true_lang-C23h6Do0.js.map

package/dist/UiNavLink.vue_vue_type_script_setup_true_lang-C23h6Do0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiNavLink.vue_vue_type_script_setup_true_lang-C23h6Do0.js","sources":["../src/components/UiNavLink.vue"],"sourcesContent":["<template>\n  <UiButton center-label v-bind=\"$attrs\" :disabled=\"disabled\" :loading=\"displayLoading\" :trailing-loading=\"true\"\n    :trailing-loading-size=\"'xs'\" :custom-class=\"computedClasses\" :aria-current=\"ariaCurrent\" @click=\"handleClick\">\n    <!-- This container spans the full width and arranges its children -->\n    <div class=\"sl-flex sl-items-center sl-w-full\">\n      <!-- Primary text container: icon and default slot (primary text) -->\n      <div class=\"sl-flex sl-items-center sl-space-x-2 sl-flex-1\">\n        <slot name=\"icon\" :is-exact-active=\"isExactActive\" :is-active=\"isActive\" />\n        <slot />\n      </div>\n      <!-- Secondary text container: aligned to the right if content exists -->\n      <div v-if=\"$slots.secondaryText || $slots.badge\" class=\"sl-flex sl-items-center sl-ml-auto\">\n        <slot name=\"secondaryText\" />\n        <!-- Badge slot (if provided) will be handled by UiButton's own positioning -->\n        <slot name=\"badge\" />\n      </div>\n    </div>\n  </UiButton>\n</template>\n\n<script setup lang=\"ts\">\nimport { toRefs, ref, watch, computed } from 'vue';\nimport { useRoute, useLink, useRouter, type RouteLocationRaw, type RouteRecordNameGeneric } from 'vue-router';\nimport UiButton from './UiButton.vue';\n\n// Define the props interface for this component.\ninterface RouteMeta {\n  isErrorPage?: boolean;\n}\n\ninterface UiNavLinkProps {\n  to: RouteLocationRaw;\n  inactiveClass?: string;\n  activeClass?: string;\n  ariaCurrent?: \"time\" | \"page\" | \"step\" | \"location\" | \"date\" | undefined;\n  current?: boolean;\n  disabled?: boolean;\n  customDisabled?: boolean;  // New prop for custom disabled styling (gray text, no cursor)\n  useCustomActiveState?: boolean;  // New prop to control active state behavior\n}\n\n// Define the component props with default values.\nconst props = withDefaults(defineProps<UiNavLinkProps>(), {\n  inactiveClass: '',\n  activeClass: '',\n  ariaCurrent: undefined,\n  current: false,\n  disabled: false,\n  customDisabled: false,\n  useCustomActiveState: false,\n});\n\n// Declare an emit for click events.\nconst emit = defineEmits<{\n  (e: 'click', event: MouseEvent): void;\n}>();\n\n// Destructure the props into refs.\nconst { to, inactiveClass, activeClass, ariaCurrent, current, disabled, customDisabled, useCustomActiveState } = toRefs(props);\n\n// Get navigation helpers from vue-router.\nconst { navigate, isExactActive, isActive } = useLink({ to });\n\n// Get the router instance.\nconst router = useRouter();\n\n// Track the previous route for sidebar closing logic.\nconst route = useRoute();\nconst previousRoute = ref<RouteRecordNameGeneric | null>(route.name);\nwatch(route, (to, from) => {\n  previousRoute.value = from.name;\n});\n\n// Determine if the target route is valid and not an error page.\nconst isReal = computed(() => {\n  const resolved = router.resolve(to.value);\n  return resolved && resolved.matched.length > 0 && !resolved.matched.some((route: { meta?: RouteMeta }) => route.meta?.isErrorPage);\n});\n\n// Compute custom classes for the UiButton.\nconst computedClasses = computed(() => {\n  // If useCustomActiveState is true, use only the current prop\n  // Otherwise use the router's isActive behavior\n  const shouldBeActive = useCustomActiveState.value ? current.value : isActive.value;\n\n  const classes = [\n    (shouldBeActive ? activeClass.value : inactiveClass.value),\n    'sl-w-full',\n    'sl-flex',            // Make the button container a flexbox.\n    'sl-items-center',    // Vertically align items.\n    'sl-relative',        // Essential for loading overlay positioning\n    'sl-justify-between', // Space between content and trailing loading\n  ];\n\n  // Handle cursor and disabled styling\n  if (customDisabled.value) {\n    classes.push('sl-cursor-not-allowed', 'sl-text-gray-500');\n  } else if (!isReal.value || disabled.value) {\n    classes.push('sl-cursor-not-allowed');\n  } else {\n    classes.push('sl-cursor-pointer');\n  }\n\n  return classes.join(' ');\n});\n\n// Simple loading state for demonstration\nconst displayLoading = ref(false);\n\n// Click handler that emits events and manages navigation.\nconst handleClick = async (event: MouseEvent) => {\n  // Emit the click event for parent components to intercept.\n  emit('click', event);\n\n  // If the default action was prevented, do not proceed.\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  // Don't navigate if custom disabled\n  if (customDisabled.value) {\n    return;\n  }\n\n  // Don't navigate if disabled\n  if (disabled.value) {\n    return;\n  }\n\n  // Use the enhanced navigation from the composable\n  try {\n    displayLoading.value = true;\n    await navigate();\n  } catch (error) {\n    console.error('[UiNavLink] Navigation failed:', error);\n  } finally {\n    displayLoading.value = false;\n  }\n};\n</script>\n\n<style scoped>\n</style>\n"],"names":["props","__props","emit","__emit","to","inactiveClass","activeClass","ariaCurrent","current","disabled","customDisabled","useCustomActiveState","toRefs","navigate","isExactActive","isActive","useLink","router","useRouter","route","useRoute","previousRoute","ref","watch","from","isReal","computed","resolved","computedClasses","classes","displayLoading","handleClick","event","error","_openBlock","_createBlock","UiButton","_mergeProps","$attrs","_unref","_createElementVNode","_hoisted_1","_hoisted_2","_renderSlot","_ctx","$slots","_createElementBlock","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0CA,UAAMA,IAAQC,GAWRC,IAAOC,GAKP,EAAE,IAAAC,GAAI,eAAAC,GAAe,aAAAC,GAAa,aAAAC,GAAa,SAAAC,GAAS,UAAAC,GAAU,gBAAAC,GAAgB,sBAAAC,MAAyBC,EAAOZ,CAAK,GAGvH,EAAE,UAAAa,GAAU,eAAAC,GAAe,UAAAC,EAAA,IAAaC,EAAQ,EAAE,IAAAZ,GAAI,GAGtDa,IAASC,EAAA,GAGTC,IAAQC,EAAA,GACRC,IAAgBC,EAAmCH,EAAM,IAAI;AACnE,IAAAI,EAAMJ,GAAO,CAACf,GAAIoB,MAAS;AACzB,MAAAH,EAAc,QAAQG,EAAK;AAAA,IAC7B,CAAC;AAGD,UAAMC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWV,EAAO,QAAQb,EAAG,KAAK;AACxC,aAAOuB,KAAYA,EAAS,QAAQ,SAAS,KAAK,CAACA,EAAS,QAAQ,KAAK,CAACR,MAAgCA,EAAM,MAAM,WAAW;AAAA,IACnI,CAAC,GAGKS,IAAkBF,EAAS,MAAM;AAKrC,YAAMG,IAAU;AAAA,SAFOlB,EAAqB,QAAQH,EAAQ,QAAQO,EAAS,SAGzDT,EAAY,QAAQD,EAAc;AAAA,QACpD;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,MAAA;AAIF,aAAIK,EAAe,QACjBmB,EAAQ,KAAK,yBAAyB,kBAAkB,IAC/C,CAACJ,EAAO,SAAShB,EAAS,QACnCoB,EAAQ,KAAK,uBAAuB,IAEpCA,EAAQ,KAAK,mBAAmB,GAG3BA,EAAQ,KAAK,GAAG;AAAA,IACzB,CAAC,GAGKC,IAAiBR,EAAI,EAAK,GAG1BS,IAAc,OAAOC,MAAsB;AAK/C,UAHA9B,EAAK,SAAS8B,CAAK,GAGf,CAAAA,EAAM,oBAKN,CAAAtB,EAAe,SAKf,CAAAD,EAAS;AAKb,YAAI;AACF,UAAAqB,EAAe,QAAQ,IACvB,MAAMjB,EAAA;AAAA,QACR,SAASoB,GAAO;AACd,kBAAQ,MAAM,kCAAkCA,CAAK;AAAA,QACvD,UAAA;AACE,UAAAH,EAAe,QAAQ;AAAA,QACzB;AAAA,IACF;sBAzIEI,EAAA,GAAAC,EAgBWC,GAhBXC,EAgBW,EAhBD,gBAAA,GAAA,GAAqBC,EAAAA,QAAM;AAAA,MAAG,UAAUC,EAAA9B,CAAA;AAAA,MAAW,SAASqB,EAAA;AAAA,MAAiB,oBAAkB;AAAA,MACtG,yBAAuB;AAAA,MAAO,gBAAcF,EAAA;AAAA,MAAkB,gBAAcW,EAAAhC,CAAA;AAAA,MAAc,SAAOwB;AAAA,IAAA;iBAElG,MAYM;AAAA,QAZNS,EAYM,OAZNC,GAYM;AAAA,UAVJD,EAGM,OAHNE,GAGM;AAAA,YAFJC,EAA2EC,EAAA,QAAA,QAAA;AAAA,cAAxD,eAAiBL,EAAAzB,CAAA;AAAA,cAAgB,UAAWyB,EAAAxB,CAAA;AAAA,YAAA;YAC/D4B,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;UAGCC,EAAAA,OAAO,iBAAiBA,EAAAA,OAAO,SAA1CX,KAAAY,EAIM,OAJNC,GAIM;AAAA,YAHJJ,EAA6BC,EAAA,QAAA,eAAA;AAAA,YAE7BD,EAAqBC,EAAA,QAAA,OAAA;AAAA,UAAA;;;;;;;"}

package/dist/UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js

@@ -0,0 +1,69 @@
+import { defineComponent as p, computed as l, createElementBlock as a, openBlock as t, createCommentVNode as o, createElementVNode as n, toDisplayString as u, normalizeClass as d, normalizeStyle as h } from "vue";
+const b = {
+  key: 0,
+  class: "sl-flex sl-justify-between sl-mb-1"
+}, v = {
+  key: 0,
+  class: "sl-text-sm sl-font-medium sl-text-slate-700 dark:sl-text-slate-300"
+}, y = {
+  key: 1,
+  class: "sl-text-sm sl-font-medium sl-text-slate-600 dark:sl-text-slate-300"
+}, C = /* @__PURE__ */ p({
+  __name: "UiProgressBar",
+  props: {
+    value: { default: 0 },
+    label: { default: "" },
+    showLabel: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" }
+  },
+  setup(i) {
+    const e = i, r = l(() => Math.min(100, Math.max(0, e.value))), c = l(() => [
+      "sl-w-full sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-overflow-hidden",
+      {
+        sm: "sl-h-1.5",
+        md: "sl-h-2.5",
+        lg: "sl-h-4"
+      }[e.size]
+    ]), m = l(() => [
+      "sl-rounded-full sl-transition-all sl-duration-300 sl-ease-out",
+      {
+        sm: "sl-h-1.5",
+        md: "sl-h-2.5",
+        lg: "sl-h-4"
+      }[e.size]
+    ]), f = l(() => {
+      const s = {
+        primary: "var(--sl-color-primary-600, #3e4b9a)",
+        success: "#22c55e",
+        // green-500
+        warning: "#eab308",
+        // yellow-500
+        danger: "#ef4444"
+        // red-500
+      };
+      return {
+        width: `${r.value}%`,
+        backgroundColor: s[e.color]
+      };
+    });
+    return (s, g) => (t(), a("div", null, [
+      s.label || s.showLabel ? (t(), a("div", b, [
+        s.label ? (t(), a("span", v, u(s.label), 1)) : o("", !0),
+        s.showLabel ? (t(), a("span", y, u(r.value) + "%", 1)) : o("", !0)
+      ])) : o("", !0),
+      n("div", {
+        class: d(c.value)
+      }, [
+        n("div", {
+          class: d(m.value),
+          style: h(f.value)
+        }, null, 6)
+      ], 2)
+    ]));
+  }
+});
+export {
+  C as _
+};
+//# sourceMappingURL=UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js.map

package/dist/UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js","sources":["../src/components/UiProgressBar.vue"],"sourcesContent":["<!--\n  @component UiProgressBar\n  @description Linear progress bar for tracking completion.\n  \n  @props\n  - value: Progress value (0-100)\n  - label: Optional label text\n  - showLabel: Show percentage label\n  - color: Bar color (primary, success, warning, danger)\n  - size: Bar height (sm, md, lg)\n-->\n<template>\n  <div>\n    <div v-if=\"label || showLabel\" class=\"sl-flex sl-justify-between sl-mb-1\">\n      <span v-if=\"label\" class=\"sl-text-sm sl-font-medium sl-text-slate-700 dark:sl-text-slate-300\">{{ label }}</span>\n      <span v-if=\"showLabel\" class=\"sl-text-sm sl-font-medium sl-text-slate-600 dark:sl-text-slate-300\">{{ clampedValue }}%</span>\n    </div>\n    <div :class=\"trackClasses\">\n      <div \n        :class=\"barClasses\"\n        :style=\"barStyle\" \n      />\n    </div>\n  </div>\n</template>\n  \n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ntype ProgressColor = 'primary' | 'success' | 'warning' | 'danger';\ntype ProgressSize = 'sm' | 'md' | 'lg';\n\ninterface ProgressBarProps {\n  value?: number;\n  label?: string;\n  showLabel?: boolean;\n  color?: ProgressColor;\n  size?: ProgressSize;\n}\n\nconst props = withDefaults(defineProps<ProgressBarProps>(), {\n  value: 0,\n  label: '',\n  showLabel: false,\n  color: 'primary',\n  size: 'md',\n});\n\n// Clamp value between 0 and 100\nconst clampedValue = computed(() => {\n  return Math.min(100, Math.max(0, props.value));\n});\n\n// Track (background) classes\nconst trackClasses = computed(() => {\n  const sizeClasses: Record<ProgressSize, string> = {\n    sm: 'sl-h-1.5',\n    md: 'sl-h-2.5',\n    lg: 'sl-h-4',\n  };\n  return [\n    'sl-w-full sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-overflow-hidden',\n    sizeClasses[props.size],\n  ];\n});\n\n// Progress bar classes (size only, color via inline style)\nconst barClasses = computed(() => {\n  const sizeClasses: Record<ProgressSize, string> = {\n    sm: 'sl-h-1.5',\n    md: 'sl-h-2.5',\n    lg: 'sl-h-4',\n  };\n  return [\n    'sl-rounded-full sl-transition-all sl-duration-300 sl-ease-out',\n    sizeClasses[props.size],\n  ];\n});\n\n// Progress bar inline styles (color + width)\nconst barStyle = computed(() => {\n  const colors: Record<ProgressColor, string> = {\n    primary: 'var(--sl-color-primary-600, #3e4b9a)',\n    success: '#22c55e', // green-500\n    warning: '#eab308', // yellow-500\n    danger: '#ef4444',  // red-500\n  };\n  return {\n    width: `${clampedValue.value}%`,\n    backgroundColor: colors[props.color],\n  };\n});\n</script>\n"],"names":["props","__props","clampedValue","computed","trackClasses","barClasses","barStyle","colors","_createElementBlock","label","showLabel","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GASRC,IAAeC,EAAS,MACrB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGH,EAAM,KAAK,CAAC,CAC9C,GAGKI,IAAeD,EAAS,MAMrB;AAAA,MACL;AAAA,MANgD;AAAA,QAChD,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,EAIQH,EAAM,IAAI;AAAA,IAAA,CAEzB,GAGKK,IAAaF,EAAS,MAMnB;AAAA,MACL;AAAA,MANgD;AAAA,QAChD,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,EAIQH,EAAM,IAAI;AAAA,IAAA,CAEzB,GAGKM,IAAWH,EAAS,MAAM;AAC9B,YAAMI,IAAwC;AAAA,QAC5C,SAAS;AAAA,QACT,SAAS;AAAA;AAAA,QACT,SAAS;AAAA;AAAA,QACT,QAAQ;AAAA;AAAA,MAAA;AAEV,aAAO;AAAA,QACL,OAAO,GAAGL,EAAa,KAAK;AAAA,QAC5B,iBAAiBK,EAAOP,EAAM,KAAK;AAAA,MAAA;AAAA,IAEvC,CAAC;2BA/ECQ,EAWM,OAAA,MAAA;AAAA,MAVOC,EAAAA,SAASC,EAAAA,aAApBC,KAAAH,EAGM,OAHNI,GAGM;AAAA,QAFQH,EAAAA,cAAZD,EAAgH,QAAhHK,GAAgHC,EAAfL,EAAAA,KAAK,GAAA,CAAA;QAC1FC,EAAAA,aAAZC,EAAA,GAAAH,EAA4H,QAA5HO,GAA4HD,EAAvBZ,EAAA,KAAY,IAAG,KAAC,CAAA;;MAEvHc,EAKM,OAAA;AAAA,QALA,SAAOZ,EAAA,KAAY;AAAA,MAAA;QACvBY,EAGE,OAAA;AAAA,UAFC,SAAOX,EAAA,KAAU;AAAA,UACjB,SAAOC,EAAA,KAAQ;AAAA,QAAA;;;;;"}

package/dist/{UiTable.vue_vue_type_script_setup_true_lang-hI1_xamh.js → UiTable.vue_vue_type_script_setup_true_lang-BuOCaPzi.js}

@@ -1,31 +1,31 @@
-import { defineComponent as S, ref as L, computed as N, createElementBlock as n, openBlock as i, createElementVNode as l, createCommentVNode as r, renderSlot as m, Fragment as a, renderList as c, unref as g, toDisplayString as y, createStaticVNode as j, createVNode as C } from "vue";
+import { defineComponent as S, ref as L, computed as N, createElementBlock as n, openBlock as i, createElementVNode as l, createCommentVNode as r, renderSlot as g, Fragment as a, renderList as c, unref as m, toDisplayString as h, createStaticVNode as j, createVNode as x } from "vue";
 import { getCoreRowModel as D, useVueTable as A, FlexRender as w } from "@tanstack/vue-table";
 import { getSortedRowModel as B } from "@tanstack/table-core";
 const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex sm:sl-items-center" }, z = { class: "sm:sl-flex-auto" }, E = {
   key: 0,
-  class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800"
+  class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-white"
 }, F = {
   key: 1,
-  class: "sl-mt-2 sl-text-sm sl-text-gray-700"
+  class: "sl-mt-2 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300"
 }, H = {
   key: 0,
   class: "sl-mt-4 sm:sl-ml-16 sm:sl-mt-0 sm:sl-flex-none"
 }, P = {
   key: 0,
   class: "md:sl-hidden"
-}, G = { class: "sl-mt-6 sl-space-y-4" }, J = { class: "sl-flex sl-items-start sl-justify-between" }, K = { class: "sl-text-sm sl-font-medium sl-text-gray-900" }, O = { class: "sl-ml-4 sl-shrink-0" }, U = { class: "sl-mt-3 sl-grid sl-grid-cols-1 sl-gap-2" }, I = { class: "sl-font-medium sl-text-gray-900" }, Q = { class: "sl-ml-1" }, W = {
+}, G = { class: "sl-mt-6 sl-space-y-4" }, J = { class: "sl-flex sl-items-start sl-justify-between" }, K = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white" }, O = { class: "sl-ml-4 sl-shrink-0" }, U = { class: "sl-mt-3 sl-grid sl-grid-cols-1 sl-gap-2" }, I = { class: "sl-font-medium sl-text-gray-900 dark:sl-text-white" }, Q = { class: "sl-ml-1" }, W = {
   key: 0,
   class: "sl-mt-3"
-}, X = { class: "sl-group" }, Y = { class: "sl-mt-2" }, Z = { class: "sl-divide-y sl-divide-gray-100" }, ss = { class: "sl-text-sm sl-font-medium sl-text-gray-900 sl-col-span-1" }, es = { class: "sl-mt-1 sl-text-sm sl-text-gray-700 sl-col-span-2" }, ls = {
+}, X = { class: "sl-group" }, Y = { class: "sl-mt-2" }, Z = { class: "sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700" }, ss = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-col-span-1" }, es = { class: "sl-mt-1 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-col-span-2" }, ls = {
   key: 1,
   class: "md:sl-hidden sl-mt-6"
-}, ts = { class: "sl-space-y-4" }, os = { class: "sl-hidden md:sl-block" }, ns = { class: "sl-mt-8 sl-flow-root" }, is = { class: "sl--my-2 sl--mx-4 sl-overflow-x-auto sm:sl--mx-6 lg:sl--mx-8" }, rs = { class: "sl-inline-block sl-min-w-full sl-py-2 sl-align-middle md:sl-px-6 lg:sl-px-8" }, ds = { class: "sl-overflow-hidden sl-shadow sl-ring-1 sl-ring-black sl-ring-opacity-5 md:sl-rounded-lg" }, as = { class: "sl-min-w-full sl-divide-y sl-divide-gray-300" }, cs = { class: "sl-bg-gray-50" }, us = {
+}, ts = { class: "sl-space-y-4" }, os = { class: "sl-hidden md:sl-block" }, ns = { class: "sl-mt-8 sl-flow-root" }, is = { class: "sl--my-2 sl--mx-4 sl-overflow-x-auto sm:sl--mx-6 lg:sl--mx-8" }, rs = { class: "sl-inline-block sl-min-w-full sl-py-2 sl-align-middle md:sl-px-6 lg:sl-px-8" }, ds = { class: "sl-overflow-hidden sl-shadow dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 md:sl-rounded-lg" }, as = { class: "sl-min-w-full sl-divide-y sl-divide-gray-300 dark:sl-divide-slate-700" }, cs = { class: "sl-bg-gray-50 dark:sl-bg-slate-800" }, us = {
   key: 0,
   class: "sl-px-3 sl-py-3.5"
-}, ms = { class: "sl-divide-y sl-divide-gray-200 sl-bg-white" }, gs = {
+}, gs = { class: "sl-divide-y sl-divide-gray-200 dark:sl-divide-slate-700 sl-bg-white dark:sl-bg-slate-900" }, ms = {
   key: 0,
   class: "sl-whitespace-nowrap sl-px-3 sl-py-4 sl-text-sm sl-text-right"
-}, hs = /* @__PURE__ */ S({
+}, ps = /* @__PURE__ */ S({
   __name: "UiTable",
   props: {
     data: { type: Array, required: !0 },
@@ -37,8 +37,8 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
       default: () => ({})
     }
   },
-  setup(f) {
-    const u = f, p = L([]), k = N(() => u.columns.map((s) => {
+  setup(y) {
+    const u = y, f = L([]), C = N(() => u.columns.map((s) => {
       const e = u.truncate.find((t) => t.column === s.accessorKey);
       return e ? {
         ...s,
@@ -52,7 +52,7 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
         return u.data;
       },
       get columns() {
-        return k.value;
+        return C.value;
       },
       getCoreRowModel: D(),
       enableColumnResizing: !0,
@@ -60,22 +60,22 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
       getSortedRowModel: B(),
       state: {
         get sorting() {
-          return p.value;
+          return f.value;
         }
       },
       onSortingChange: (s) => {
-        p.value = typeof s == "function" ? s(p.value) : s;
+        f.value = typeof s == "function" ? s(f.value) : s;
       },
       defaultColumn: { enableSorting: !0 }
-    }, h = A($), V = (s) => {
+    }, p = A($), V = (s) => {
       if (!s) return null;
       const e = s.getVisibleCells() || [], t = u.mobileConfig || {};
       if (t.titleColumn)
         return e.find((d) => d.column.id === t.titleColumn) || null;
       const o = ["name", "title", "embedCode"];
       for (const d of o) {
-        const x = e.find((R) => R.column.id.toLowerCase().includes(d.toLowerCase()));
-        if (x) return x;
+        const k = e.find((R) => R.column.id.toLowerCase().includes(d.toLowerCase()));
+        if (k) return k;
       }
       return e[0] || null;
     }, _ = (s) => {
@@ -97,48 +97,48 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
       l("div", q, [
         l("div", z, [
           s.$slots.title ? (i(), n("h1", E, [
-            m(s.$slots, "title")
+            g(s.$slots, "title")
           ])) : r("", !0),
           s.$slots.description ? (i(), n("p", F, [
-            m(s.$slots, "description")
+            g(s.$slots, "description")
           ])) : r("", !0)
         ]),
         s.$slots.right ? (i(), n("div", H, [
-          m(s.$slots, "right")
+          g(s.$slots, "right")
         ])) : r("", !0)
       ]),
-      f.isLoading ? r("", !0) : (i(), n("div", P, [
+      y.isLoading ? r("", !0) : (i(), n("div", P, [
         l("div", G, [
-          (i(!0), n(a, null, c(g(h).getRowModel().rows, (t) => (i(), n("div", {
+          (i(!0), n(a, null, c(m(p).getRowModel().rows, (t) => (i(), n("div", {
             key: t.id,
-            class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-4"
+            class: "sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4"
           }, [
             l("div", J, [
-              l("div", K, y(v(V(t))), 1),
+              l("div", K, h(v(V(t))), 1),
               l("div", O, [
-                m(s.$slots, "row:actions", { row: t })
+                g(s.$slots, "row:actions", { row: t })
               ])
             ]),
             l("div", U, [
               (i(!0), n(a, null, c(M(t), (o) => (i(), n("div", {
                 key: o.id,
-                class: "sl-text-sm sl-text-gray-700"
+                class: "sl-text-sm sl-text-gray-700 dark:sl-text-slate-300"
               }, [
-                l("span", I, y(_(o)) + ":", 1),
-                l("span", Q, y(v(o)), 1)
+                l("span", I, h(_(o)) + ":", 1),
+                l("span", Q, h(v(o)), 1)
               ]))), 128))
             ]),
             b(t).length ? (i(), n("div", W, [
               l("details", X, [
-                e[0] || (e[0] = l("summary", { class: "sl-cursor-pointer sl-text-sm sl-text-gray-700 sl-select-none" }, "More", -1)),
+                e[0] || (e[0] = l("summary", { class: "sl-cursor-pointer sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-select-none" }, "More", -1)),
                 l("div", Y, [
                   l("dl", Z, [
                     (i(!0), n(a, null, c(b(t), (o) => (i(), n("div", {
                       key: o.id,
                       class: "sl-py-2 sl-grid sl-grid-cols-3 sl-gap-4"
                     }, [
-                      l("dt", ss, y(_(o)), 1),
-                      l("dd", es, y(v(o)), 1)
+                      l("dt", ss, h(_(o)), 1),
+                      l("dd", es, h(v(o)), 1)
                     ]))), 128))
                   ])
                 ])
@@ -147,13 +147,13 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
           ]))), 128))
         ])
       ])),
-      f.isLoading ? (i(), n("div", ls, [
+      y.isLoading ? (i(), n("div", ls, [
         l("div", ts, [
           (i(), n(a, null, c(3, (t) => l("div", {
             key: t,
             class: "sl-animate-pulse"
           }, e[1] || (e[1] = [
-            j('<div class="sl-bg-white sl-rounded-lg sl-shadow sl-p-4"><div class="sl-flex sl-items-center sl-justify-between sl-mb-3"><div class="sl-h-4 sl-bg-gray-200 sl-rounded sl-w-1/2"></div><div class="sl-h-8 sl-bg-gray-200 sl-rounded-full sl-w-8"></div></div><div class="sl-space-y-2"><div class="sl-h-3 sl-bg-gray-200 sl-rounded sl-w-full"></div><div class="sl-h-3 sl-bg-gray-200 sl-rounded sl-w-3/4"></div></div></div>', 1)
+            j('<div class="sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4"><div class="sl-flex sl-items-center sl-justify-between sl-mb-3"><div class="sl-h-4 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-1/2"></div><div class="sl-h-8 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-w-8"></div></div><div class="sl-space-y-2"><div class="sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-full"></div><div class="sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-3/4"></div></div></div>', 1)
           ]))), 64))
         ])
       ])) : r("", !0),
@@ -165,12 +165,12 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
                 l("table", as, [
                   l("thead", cs, [
                     l("tr", null, [
-                      (i(!0), n(a, null, c(g(h).getHeaderGroups()[0].headers, (t) => (i(), n("th", {
+                      (i(!0), n(a, null, c(m(p).getHeaderGroups()[0].headers, (t) => (i(), n("th", {
                         key: t.id,
                         scope: "col",
-                        class: "sl-px-3 sl-py-3.5 sl-text-left sl-text-sm sl-font-semibold sl-text-gray-900"
+                        class: "sl-px-3 sl-py-3.5 sl-text-left sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-white"
                       }, [
-                        C(g(w), {
+                        x(m(w), {
                           render: t.column.columnDef.header,
                           props: t.getContext()
                         }, null, 8, ["render", "props"])
@@ -178,21 +178,22 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
                       s.$slots["row:actions"] ? (i(), n("th", us)) : r("", !0)
                     ])
                   ]),
-                  l("tbody", ms, [
-                    (i(!0), n(a, null, c(g(h).getRowModel().rows, (t) => (i(), n("tr", {
-                      key: t.id
+                  l("tbody", gs, [
+                    (i(!0), n(a, null, c(m(p).getRowModel().rows, (t) => (i(), n("tr", {
+                      key: t.id,
+                      class: "hover:sl-bg-gray-50 dark:hover:sl-bg-slate-800"
                     }, [
                       (i(!0), n(a, null, c(t.getVisibleCells(), (o) => (i(), n("td", {
                         key: o.id,
-                        class: "sl-whitespace-nowrap sl-px-3 sl-py-4 sl-text-sm sl-text-gray-500"
+                        class: "sl-whitespace-nowrap sl-px-3 sl-py-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300"
                       }, [
-                        C(g(w), {
+                        x(m(w), {
                           render: o.column.columnDef.cell,
                           props: o.getContext()
                         }, null, 8, ["render", "props"])
                       ]))), 128)),
-                      s.$slots["row:actions"] ? (i(), n("td", gs, [
-                        m(s.$slots, "row:actions", { row: t })
+                      s.$slots["row:actions"] ? (i(), n("td", ms, [
+                        g(s.$slots, "row:actions", { row: t })
                       ])) : r("", !0)
                     ]))), 128))
                   ])
@@ -206,6 +207,6 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
   }
 });
 export {
-  hs as _
+  ps as _
 };
-//# sourceMappingURL=UiTable.vue_vue_type_script_setup_true_lang-hI1_xamh.js.map
+//# sourceMappingURL=UiTable.vue_vue_type_script_setup_true_lang-BuOCaPzi.js.map

package/dist/UiTable.vue_vue_type_script_setup_true_lang-BuOCaPzi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiTable.vue_vue_type_script_setup_true_lang-BuOCaPzi.js","sources":["../src/components/UiTable.vue"],"sourcesContent":["<template>\n  <div class=\"sl-px-4 sm:sl-px-6 lg:sl-px-8\">\n    <div class=\"sm:sl-flex sm:sl-items-center\">\n      <div class=\"sm:sl-flex-auto\">\n        <h1 v-if=\"$slots.title\" class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-white\">\n          <slot name=\"title\" />\n        </h1>\n        <p v-if=\"$slots.description\" class=\"sl-mt-2 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300\">\n          <slot name=\"description\" />\n        </p>\n      </div>\n      <div v-if=\"$slots.right\" class=\"sl-mt-4 sm:sl-ml-16 sm:sl-mt-0 sm:sl-flex-none\">\n        <slot name=\"right\" />\n      </div>\n    </div>\n\n    <!-- Mobile cards -->\n    <div class=\"md:sl-hidden\" v-if=\"!isLoading\">\n      <div class=\"sl-mt-6 sl-space-y-4\">\n        <div v-for=\"row in table.getRowModel().rows\" :key=\"row.id\" class=\"sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4\">\n          <div class=\"sl-flex sl-items-start sl-justify-between\">\n            <div class=\"sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white\">\n              {{ getColumnValue(getTitleCell(row)) }}\n            </div>\n            <div class=\"sl-ml-4 sl-shrink-0\">\n              <slot name=\"row:actions\" :row=\"row\" />\n            </div>\n          </div>\n          <div class=\"sl-mt-3 sl-grid sl-grid-cols-1 sl-gap-2\">\n            <div v-for=\"cell in getPrimaryCells(row)\" :key=\"cell.id\" class=\"sl-text-sm sl-text-gray-700 dark:sl-text-slate-300\">\n              <span class=\"sl-font-medium sl-text-gray-900 dark:sl-text-white\">{{ getColumnHeader(cell) }}:</span>\n              <span class=\"sl-ml-1\">{{ getColumnValue(cell) }}</span>\n            </div>\n          </div>\n          <div class=\"sl-mt-3\" v-if=\"getSecondaryCells(row).length\">\n            <details class=\"sl-group\">\n              <summary class=\"sl-cursor-pointer sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-select-none\">More</summary>\n              <div class=\"sl-mt-2\">\n                <dl class=\"sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700\">\n                  <div v-for=\"cell in getSecondaryCells(row)\" :key=\"cell.id\" class=\"sl-py-2 sl-grid sl-grid-cols-3 sl-gap-4\">\n                    <dt class=\"sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-col-span-1\">{{ getColumnHeader(cell) }}</dt>\n                    <dd class=\"sl-mt-1 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-col-span-2\">{{ getColumnValue(cell) }}</dd>\n                  </div>\n                </dl>\n              </div>\n            </details>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Mobile loading -->\n    <div v-if=\"isLoading\" class=\"md:sl-hidden sl-mt-6\">\n      <div class=\"sl-space-y-4\">\n        <div v-for=\"i in 3\" :key=\"i\" class=\"sl-animate-pulse\">\n          <div class=\"sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4\">\n            <div class=\"sl-flex sl-items-center sl-justify-between sl-mb-3\">\n              <div class=\"sl-h-4 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-1/2\"></div>\n              <div class=\"sl-h-8 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-w-8\"></div>\n            </div>\n            <div class=\"sl-space-y-2\">\n              <div class=\"sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-full\"></div>\n              <div class=\"sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-3/4\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Desktop table -->\n    <div class=\"sl-hidden md:sl-block\">\n      <div class=\"sl-mt-8 sl-flow-root\">\n        <div class=\"sl--my-2 sl--mx-4 sl-overflow-x-auto sm:sl--mx-6 lg:sl--mx-8\">\n          <div class=\"sl-inline-block sl-min-w-full sl-py-2 sl-align-middle md:sl-px-6 lg:sl-px-8\">\n            <div class=\"sl-overflow-hidden sl-shadow dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 md:sl-rounded-lg\">\n              <table class=\"sl-min-w-full sl-divide-y sl-divide-gray-300 dark:sl-divide-slate-700\">\n                <thead class=\"sl-bg-gray-50 dark:sl-bg-slate-800\">\n                  <tr>\n                    <th v-for=\"header in table.getHeaderGroups()[0].headers\" :key=\"header.id\"\n                      scope=\"col\" class=\"sl-px-3 sl-py-3.5 sl-text-left sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-white\">\n                      <FlexRender :render=\"header.column.columnDef.header\" :props=\"header.getContext()\" />\n                    </th>\n                    <th v-if=\"$slots['row:actions']\" class=\"sl-px-3 sl-py-3.5\"></th>\n                  </tr>\n                </thead>\n                <tbody class=\"sl-divide-y sl-divide-gray-200 dark:sl-divide-slate-700 sl-bg-white dark:sl-bg-slate-900\">\n                  <tr v-for=\"row in table.getRowModel().rows\" :key=\"row.id\" class=\"hover:sl-bg-gray-50 dark:hover:sl-bg-slate-800\">\n                    <td v-for=\"cell in row.getVisibleCells()\" :key=\"cell.id\" class=\"sl-whitespace-nowrap sl-px-3 sl-py-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n                      <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n                    </td>\n                    <td v-if=\"$slots['row:actions']\" class=\"sl-whitespace-nowrap sl-px-3 sl-py-4 sl-text-sm sl-text-right\">\n                      <slot name=\"row:actions\" :row=\"row\" />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { PropType } from 'vue';\nimport { FlexRender, getCoreRowModel, useVueTable } from '@tanstack/vue-table';\nimport { getSortedRowModel } from '@tanstack/table-core';\nimport type { TableOptions, Updater, Row, Cell, SortingState } from '@tanstack/vue-table';\n\n\nconst props = defineProps({\n  data: { type: Array as PropType<any[]>, required: true },\n  columns: { type: Array as PropType<any[]>, required: true },\n  truncate: { type: Array as PropType<{ column: string, length: number, link?: string }[]>, default: () => [] },\n  isLoading: { type: Boolean, default: false },\n  mobileConfig: {\n    type: Object as PropType<{ titleColumn?: string; primaryColumns?: string[]; secondaryColumns?: string[]; expandableColumns?: string[]; maxPrimaryColumns?: number }>,\n    default: () => ({})\n  }\n});\n\n\nconst sorting = ref<SortingState>([]);\n\nconst tableColumns = computed(() => {\n  return props.columns.map((col: any) => {\n    const truncateConfig = props.truncate.find(t => t.column === col.accessorKey);\n    if (truncateConfig) {\n      return {\n        ...col,\n        cell: (info: any) => {\n          const value = info.getValue() as string;\n          if (value && value.length > truncateConfig.length) {\n            return `${value.substring(0, truncateConfig.length)}...`;\n          }\n          return value;\n        }\n      }\n    }\n    return col;\n  });\n});\n\nconst tableOptions: TableOptions<any> = {\n  get data() { return props.data; },\n  get columns() { return tableColumns.value; },\n  getCoreRowModel: getCoreRowModel(),\n  enableColumnResizing: true,\n  columnResizeMode: 'onChange',\n  getSortedRowModel: getSortedRowModel(),\n  state: {\n    get sorting() {\n      return sorting.value;\n    },\n  },\n  onSortingChange: (updaterOrValue: Updater<SortingState>) => {\n    sorting.value = typeof updaterOrValue === 'function' ? updaterOrValue(sorting.value) : updaterOrValue;\n  },\n  defaultColumn: { enableSorting: true },\n};\n\nconst table = useVueTable(tableOptions);\n\nconst getTitleCell = (row: Row<any>): Cell<any, unknown> | null => {\n  if (!row) return null;\n  const visibleCells = row.getVisibleCells() || [];\n  const config = props.mobileConfig || {};\n  if (config.titleColumn) {\n    return visibleCells.find(cell => cell.column.id === config.titleColumn) || null;\n  }\n  const titlePatterns = ['name', 'title', 'embedCode'];\n  for (const pattern of titlePatterns) {\n    const cell = visibleCells.find(cell => cell.column.id.toLowerCase().includes(pattern.toLowerCase()));\n    if (cell) return cell;\n  }\n  return visibleCells[0] || null;\n};\n\nconst getColumnHeader = (cell: Cell<any, unknown>): string => {\n  if (!cell) return '';\n  const header = cell.column.columnDef.header;\n  if (typeof header === 'string') return header;\n  return cell.column.id;\n};\n\nconst getColumnValue = (cell: Cell<any, unknown> | null): any => {\n  if (!cell) return '';\n  const value = cell.getValue?.();\n  return typeof value === 'object' ? JSON.stringify(value) : value;\n};\n\nconst getPrimaryCells = (row: Row<any>): Cell<any, unknown>[] => {\n  const visibleCells = row.getVisibleCells() || [];\n  const config = props.mobileConfig || {};\n  const ids = config.primaryColumns || [];\n  if (ids.length) return visibleCells.filter(c => ids.includes(c.column.id));\n  return visibleCells.slice(0, Math.min(3, visibleCells.length));\n};\n\nconst getSecondaryCells = (row: Row<any>): Cell<any, unknown>[] => {\n  const visibleCells = row.getVisibleCells() || [];\n  const config = props.mobileConfig || {};\n  const ids = config.secondaryColumns || [];\n  if (ids.length) return visibleCells.filter(c => ids.includes(c.column.id));\n  return visibleCells.slice(3);\n};\n</script>\n\n<style scoped>\n</style>\n\n\n"],"names":["props","__props","sorting","ref","tableColumns","computed","col","truncateConfig","info","value","tableOptions","getCoreRowModel","getSortedRowModel","updaterOrValue","table","useVueTable","getTitleCell","row","visibleCells","config","cell","titlePatterns","pattern","getColumnHeader","header","getColumnValue","getPrimaryCells","ids","c","getSecondaryCells","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","$slots","_hoisted_4","_renderSlot","_ctx","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_Fragment","_unref","_hoisted_9","_hoisted_10","_toDisplayString","_hoisted_11","_hoisted_12","_renderList","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_cache","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","i","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_createVNode","FlexRender","_hoisted_30","_hoisted_31","_hoisted_32"],"mappings":"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"}

package/dist/XMarkIcon-Cwy3T6p8.js

@@ -0,0 +1,22 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
+function c(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: "M6 18 18 6M6 6l12 12"
+    })
+  ]);
+}
+export {
+  c as r
+};
+//# sourceMappingURL=XMarkIcon-Cwy3T6p8.js.map

package/dist/XMarkIcon-Cwy3T6p8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XMarkIcon-Cwy3T6p8.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/XMarkIcon.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: \"M6 18 18 6M6 6l12 12\"\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/XMarkIcon-DNvCkiOy.js

@@ -0,0 +1,16 @@
+import { createElementBlock as e, openBlock as r, createElementVNode as t } from "vue";
+function n(o, 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"
+  }, [
+    t("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" })
+  ]);
+}
+export {
+  n as r
+};
+//# sourceMappingURL=XMarkIcon-DNvCkiOy.js.map

package/dist/XMarkIcon-DNvCkiOy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XMarkIcon-DNvCkiOy.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/XMarkIcon.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\", { d: \"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z\" })\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,EAAE,GAAG,qLAAoL,CAAE;AAAA,EAC3N,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/YearCalendar.vue_vue_type_script_setup_true_lang-C01PTLg8.js

@@ -0,0 +1,89 @@
+import { defineComponent as f, computed as C, createElementBlock as r, openBlock as n, Fragment as g, renderList as u, createElementVNode as a, createCommentVNode as v, toDisplayString as c, normalizeClass as S } from "vue";
+const w = { class: "sl-grid sl-grid-cols-1 md:sl-grid-cols-2 lg:sl-grid-cols-3 sl-gap-6" }, D = ["onClick"], M = { class: "sl-text-sm sl-font-semibold sl-text-gray-800 dark:sl-text-slate-200" }, T = { class: "sl-px-2 sl-pt-2" }, F = { class: "sl-grid sl-grid-cols-7 sl-gap-0 sl-text-center sl-text-[10px] sl-font-medium sl-text-gray-500 dark:sl-text-slate-400 sl-mb-1" }, O = { class: "sl-grid sl-grid-cols-7 sl-gap-0" }, E = ["onClick"], J = {
+  key: 0,
+  class: "sl-absolute sl-bottom-0.5 sl-left-1/2 sl--translate-x-1/2 sl-w-1 sl-h-1 sl-rounded-full sl-bg-stachelock-600 dark:sl-bg-stachelock-400"
+}, N = {
+  key: 0,
+  class: "sl-px-4 sl-py-2 sl-border-t sl-border-gray-100 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800"
+}, A = { class: "sl-text-[11px] sl-text-gray-500 dark:sl-text-slate-400" }, W = /* @__PURE__ */ f({
+  __name: "YearCalendar",
+  props: {
+    months: {},
+    events: { default: () => [] },
+    weekStartsOn: { default: 0 }
+  },
+  emits: ["selectMonth", "selectDay"],
+  setup(k, { emit: m }) {
+    const o = k, h = m, p = [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ], _ = C(() => {
+      const s = ["S", "M", "T", "W", "T", "F", "S"], l = ["M", "T", "W", "T", "F", "S", "S"];
+      return o.weekStartsOn === 1 ? l : s;
+    }), b = (s) => s.events && s.events.length > 0 ? !0 : !o.events || o.events.length === 0 ? !1 : o.events.some((l) => new Date(l.datetime || l.start_time || "").toISOString().split("T")[0] === s.date), d = (s) => {
+      let l = 0;
+      return s.days.forEach((t) => {
+        t.isCurrentMonth && (t.events && t.events.length > 0 ? l += t.events.length : o.events && o.events.length > 0 && (l += o.events.filter((i) => new Date(i.datetime || i.start_time || "").toISOString().split("T")[0] === t.date).length));
+      }), l;
+    }, x = (s) => {
+      h("selectMonth", s);
+    }, y = (s) => {
+      h("selectDay", s);
+    };
+    return (s, l) => (n(), r("div", w, [
+      (n(!0), r(g, null, u(s.months, (t, i) => (n(), r("div", {
+        key: t.name,
+        class: "sl-bg-white dark:sl-bg-slate-900 sl-rounded-xl sl-shadow-sm sl-border sl-border-gray-200 dark:sl-border-slate-700 sl-overflow-hidden hover:sl-shadow-md sl-transition-shadow"
+      }, [
+        a("div", {
+          class: "sl-px-4 sl-py-3 sl-border-b sl-border-gray-100 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800 sl-cursor-pointer hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 sl-transition-colors",
+          onClick: (e) => x(i)
+        }, [
+          a("h3", M, c(p[i]), 1)
+        ], 8, D),
+        a("div", T, [
+          a("div", F, [
+            (n(!0), r(g, null, u(_.value, (e) => (n(), r("div", {
+              key: e,
+              class: "sl-py-1"
+            }, c(e), 1))), 128))
+          ]),
+          a("div", O, [
+            (n(!0), r(g, null, u(t.days, (e) => (n(), r("button", {
+              key: e.date,
+              type: "button",
+              class: S([
+                "sl-relative sl-aspect-square sl-flex sl-items-center sl-justify-center sl-text-xs sl-rounded-md sl-transition-colors",
+                e.isCurrentMonth ? "sl-text-gray-800 dark:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700" : "sl-text-gray-300 dark:sl-text-slate-600",
+                e.isToday && "sl-bg-stachelock-600 sl-text-white hover:sl-bg-stachelock-700",
+                e.isSelected && !e.isToday && "sl-bg-gray-900 dark:sl-bg-slate-200 sl-text-white dark:sl-text-slate-900",
+                b(e) && !e.isToday && "sl-font-semibold"
+              ]),
+              onClick: (B) => y(e)
+            }, [
+              a("span", null, c(e.day), 1),
+              b(e) && !e.isToday ? (n(), r("span", J)) : v("", !0)
+            ], 10, E))), 128))
+          ])
+        ]),
+        d(t) > 0 ? (n(), r("div", N, [
+          a("span", A, c(d(t)) + " event" + c(d(t) === 1 ? "" : "s"), 1)
+        ])) : v("", !0)
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  W as _
+};
+//# sourceMappingURL=YearCalendar.vue_vue_type_script_setup_true_lang-C01PTLg8.js.map

package/dist/YearCalendar.vue_vue_type_script_setup_true_lang-C01PTLg8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearCalendar.vue_vue_type_script_setup_true_lang-C01PTLg8.js","sources":["../src/components/calendars/YearCalendar.vue"],"sourcesContent":["<!--\n  @component YearCalendar\n  @description Year overview calendar showing all 12 months.\n  \n  Features:\n  - 12-month grid layout (3x4 on desktop, 2x6 on tablet, 1x12 on mobile)\n  - Month cards with clickable days\n  - Today highlighting\n  - Event indicators\n  - Month/day click handlers\n  - Week starts on configurable day\n  \n  @example\n  <YearCalendar\n    :months=\"yearMonths\"\n    @selectMonth=\"handleMonthSelect\"\n    @selectDay=\"handleDaySelect\"\n  />\n-->\n<template>\n  <div class=\"sl-grid sl-grid-cols-1 md:sl-grid-cols-2 lg:sl-grid-cols-3 sl-gap-6\">\n    <div \n      v-for=\"(month, monthIndex) in months\" \n      :key=\"month.name\" \n      class=\"sl-bg-white dark:sl-bg-slate-900 sl-rounded-xl sl-shadow-sm sl-border sl-border-gray-200 dark:sl-border-slate-700 sl-overflow-hidden hover:sl-shadow-md sl-transition-shadow\"\n    >\n      <!-- Month header -->\n      <div \n        class=\"sl-px-4 sl-py-3 sl-border-b sl-border-gray-100 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800 sl-cursor-pointer hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 sl-transition-colors\"\n        @click=\"handleMonthClick(monthIndex)\"\n      >\n        <h3 class=\"sl-text-sm sl-font-semibold sl-text-gray-800 dark:sl-text-slate-200\">{{ monthNames[monthIndex] }}</h3>\n      </div>\n      \n      <!-- Day headers -->\n      <div class=\"sl-px-2 sl-pt-2\">\n        <div class=\"sl-grid sl-grid-cols-7 sl-gap-0 sl-text-center sl-text-[10px] sl-font-medium sl-text-gray-500 dark:sl-text-slate-400 sl-mb-1\">\n          <div v-for=\"dayName in dayHeaders\" :key=\"dayName\" class=\"sl-py-1\">{{ dayName }}</div>\n        </div>\n        \n        <!-- Calendar grid -->\n        <div class=\"sl-grid sl-grid-cols-7 sl-gap-0\">\n          <button\n            v-for=\"day in month.days\" \n            :key=\"day.date\"\n            type=\"button\"\n            :class=\"[\n              'sl-relative sl-aspect-square sl-flex sl-items-center sl-justify-center sl-text-xs sl-rounded-md sl-transition-colors',\n              day.isCurrentMonth \n                ? 'sl-text-gray-800 dark:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700' \n                : 'sl-text-gray-300 dark:sl-text-slate-600',\n              day.isToday && 'sl-bg-stachelock-600 sl-text-white hover:sl-bg-stachelock-700',\n              day.isSelected && !day.isToday && 'sl-bg-gray-900 dark:sl-bg-slate-200 sl-text-white dark:sl-text-slate-900',\n              hasEventsOnDay(day) && !day.isToday && 'sl-font-semibold'\n            ]\"\n            @click=\"handleDayClick(day)\"\n          >\n            <span>{{ day.day }}</span>\n            <!-- Event indicator dot -->\n            <span \n              v-if=\"hasEventsOnDay(day) && !day.isToday\" \n              class=\"sl-absolute sl-bottom-0.5 sl-left-1/2 sl--translate-x-1/2 sl-w-1 sl-h-1 sl-rounded-full sl-bg-stachelock-600 dark:sl-bg-stachelock-400\"\n            />\n          </button>\n        </div>\n      </div>\n      \n      <!-- Month footer with event count -->\n      <div \n        v-if=\"getEventCountForMonth(month) > 0\"\n        class=\"sl-px-4 sl-py-2 sl-border-t sl-border-gray-100 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800\"\n      >\n        <span class=\"sl-text-[11px] sl-text-gray-500 dark:sl-text-slate-400\">\n          {{ getEventCountForMonth(month) }} event{{ getEventCountForMonth(month) === 1 ? '' : 's' }}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Month, CalendarDay } from '@/utils/calendar';\n\ninterface Props {\n  /** Array of months with their days */\n  months: Month[];\n  /** Array of all events (optional) */\n  events?: Array<{ id: string | number; datetime: string; start_time?: string }>;\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: 'selectMonth', monthIndex: number): void;\n  (e: 'selectDay', day: CalendarDay): void;\n}>();\n\n// Month names\nconst monthNames = [\n  'January', 'February', 'March', 'April', 'May', 'June',\n  'July', 'August', 'September', 'October', 'November', 'December'\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// Check if a day has events\nconst hasEventsOnDay = (day: CalendarDay): boolean => {\n  if (day.events && day.events.length > 0) return true;\n  \n  if (!props.events || props.events.length === 0) return false;\n  \n  return props.events.some(event => {\n    const eventDate = new Date(event.datetime || event.start_time || '').toISOString().split('T')[0];\n    return eventDate === day.date;\n  });\n};\n\n// Get event count for a month\nconst getEventCountForMonth = (month: Month): number => {\n  let count = 0;\n  \n  month.days.forEach(day => {\n    if (day.isCurrentMonth) {\n      if (day.events && day.events.length > 0) {\n        count += day.events.length;\n      } else if (props.events && props.events.length > 0) {\n        count += props.events.filter(event => {\n          const eventDate = new Date(event.datetime || event.start_time || '').toISOString().split('T')[0];\n          return eventDate === day.date;\n        }).length;\n      }\n    }\n  });\n  \n  return count;\n};\n\n// Click handlers\nconst handleMonthClick = (monthIndex: number) => {\n  emit('selectMonth', monthIndex);\n};\n\nconst handleDayClick = (day: CalendarDay) => {\n  emit('selectDay', day);\n};\n</script>\n\n<style scoped>\n</style>\n"],"names":["props","__props","emit","__emit","monthNames","dayHeaders","computed","sundayFirst","mondayFirst","hasEventsOnDay","day","event","getEventCountForMonth","month","count","handleMonthClick","monthIndex","handleDayClick","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","months","_createElementVNode","$event","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","dayName","_hoisted_6","_normalizeClass","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}