@stachelock/ui 0.3.0 → 0.4.0

package/dist/composables/useMap.d.ts

@@ -1,3 +1,6 @@
 export * from '../src/composables/useMap'
+export {}
 import StachelockUI from '../src/composables/useMap'
 export default StachelockUI
+export * from '../src/composables/useMap'
+export {}

package/dist/composables/useModal.d.ts

@@ -1,3 +1,6 @@
 export * from '../src/composables/useModal'
+export {}
 import StachelockUI from '../src/composables/useModal'
 export default StachelockUI
+export * from '../src/composables/useModal'
+export {}

package/dist/composables/useNotifications.d.ts

@@ -1,3 +1,6 @@
 export * from '../src/composables/useNotifications'
+export {}
 import StachelockUI from '../src/composables/useNotifications'
 export default StachelockUI
+export * from '../src/composables/useNotifications'
+export {}

package/dist/composables/useNotifications.js

@@ -1,77 +1,240 @@
-import { ref as T, computed as p, readonly as A } from "vue";
-const I = 80, h = 12, w = () => `notification-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, o = T([]), f = /* @__PURE__ */ new Map(), C = () => {
-  ["tr", "tl", "tc", "br", "bl", "bc"].forEach((l) => {
-    o.value.filter((n) => n.isOpen && n.position === l).sort((n, c) => n.createdAt - c.createdAt).forEach((n, c) => {
-      n.yOffset = c * (I + h);
+import { ref as A, computed as v, readonly as N } from "vue";
+const P = 80, $ = 60, G = 120, g = 12, O = 3, B = () => `notification-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, h = (s, c = "") => {
+  if (typeof s == "string") return s.toLowerCase();
+  try {
+    if (s && typeof s == "object") {
+      const d = s.message ?? s.name;
+      if (typeof d == "string") return d.toLowerCase();
+    }
+    return String(s ?? c).toLowerCase();
+  } catch {
+    return String(c).toLowerCase();
+  }
+}, M = (s) => {
+  if (s.dedupeKey)
+    return h(s.dedupeKey, "");
+  const c = h(s.title, ""), d = h(s.message, ""), f = h(s.theme || "primary", "primary"), y = h(s.position || "br", "br");
+  return `${c}|${d}|${f}|${y}`;
+}, R = {
+  tr: {
+    maxVisible: 5,
+    stackDirection: "down",
+    spacing: g,
+    offset: { x: 24, y: 24 },
+    respectsSidebar: !1,
+    stackingMode: "linear",
+    cardStackThreshold: O,
+    cardOffsetX: 6,
+    cardOffsetY: 12
+  },
+  tl: {
+    maxVisible: 5,
+    stackDirection: "down",
+    spacing: g,
+    offset: { x: 24, y: 24 },
+    respectsSidebar: !0,
+    stackingMode: "linear",
+    cardStackThreshold: O,
+    cardOffsetX: -6,
+    cardOffsetY: 12
+  },
+  br: {
+    maxVisible: 5,
+    stackDirection: "up",
+    spacing: g,
+    offset: { x: 24, y: 24 },
+    respectsSidebar: !1,
+    stackingMode: "linear",
+    cardStackThreshold: O,
+    cardOffsetX: 6,
+    cardOffsetY: -12
+  },
+  bl: {
+    maxVisible: 5,
+    stackDirection: "up",
+    spacing: g,
+    offset: { x: 24, y: 24 },
+    respectsSidebar: !0,
+    stackingMode: "linear",
+    cardStackThreshold: O,
+    cardOffsetX: -6,
+    cardOffsetY: -12
+  },
+  tc: {
+    maxVisible: 3,
+    stackDirection: "down",
+    spacing: g,
+    offset: { x: 0, y: 24 },
+    respectsSidebar: !1,
+    stackingMode: "linear",
+    cardStackThreshold: O,
+    cardOffsetX: 0,
+    cardOffsetY: 12
+  },
+  bc: {
+    maxVisible: 3,
+    stackDirection: "up",
+    spacing: g,
+    offset: { x: 0, y: 24 },
+    respectsSidebar: !1,
+    stackingMode: "linear",
+    cardStackThreshold: O,
+    cardOffsetX: 0,
+    cardOffsetY: -12
+  }
+}, r = A([]), m = /* @__PURE__ */ new Map(), p = A({
+  globalPaused: !1,
+  layoutAware: !0,
+  maxPerPosition: 5,
+  stackConfigs: { ...R }
+}), U = (s) => {
+  const c = s.variant === "compact" ? $ : s.variant === "expanded" ? G : P;
+  return s.actions && s.actions.length > 0 ? c + 40 : c;
+}, j = (s, c) => c !== void 0 ? c : {
+  low: 2e3,
+  normal: 3e3,
+  high: 5e3,
+  urgent: 1e4
+}[s], b = () => {
+  ["tr", "tl", "tc", "br", "bl", "bc"].forEach((c) => {
+    const d = p.value.stackConfigs[c], f = r.value.filter((o) => o.isOpen && o.position === c).sort((o, a) => {
+      const l = { urgent: 4, high: 3, normal: 2, low: 1 }, w = l[o.priority], x = l[a.priority];
+      return w !== x ? x - w : a.createdAt - o.createdAt;
+    }), y = f.length >= d.cardStackThreshold;
+    f.forEach((o, a) => {
+      if (o.stackIndex = a, o.isCardMode = y, o.cardStackIndex = a, o.zIndex = f.length - a, y)
+        o.cardOffsetX = a * d.cardOffsetX, o.cardOffsetY = a * d.cardOffsetY, o.yOffset = 0;
+      else {
+        const l = U(o);
+        o.yOffset = a * (l + d.spacing), o.cardOffsetX = 0, o.cardOffsetY = 0;
+      }
+    }), f.length > d.maxVisible && f.slice(d.maxVisible).forEach((a) => {
+      a.isOpen = !1;
+      const l = m.get(a.id);
+      l && (clearTimeout(l), m.delete(a.id));
     });
   });
 };
-function y() {
-  const s = (t) => {
-    const i = t.id || w(), e = t.position || "br", r = o.value.filter(
-      (u) => u.isOpen && u.position === e
-    ).length * (I + h), d = {
-      title: t.title,
-      message: t.message || "",
-      theme: t.theme || "primary",
-      position: e,
-      autoClose: t.autoClose !== !1,
-      timeout: t.timeout || 3e3,
+function J() {
+  const s = (e) => {
+    if (p.value.globalPaused)
+      return "";
+    const t = e.id || B(), n = e.position || "br", u = e.priority || "normal", k = Date.now(), T = M(e), W = h(e.title, "").includes("session expired") || h(e.message, "").includes("session expired"), S = e.dedupeWindowMs ?? (W ? 300 * 1e3 : 15 * 1e3), C = r.value.findIndex((i) => {
+      const V = M(i) === T, L = i.dedupeWindowMs ?? S, F = k - i.createdAt <= L;
+      return V && F && i.isOpen;
+    });
+    if (C !== -1) {
+      const i = r.value[C];
+      return i.createdAt = k, i.isOpen = !0, e.sticky && (i.sticky = !0), e.timeout && (!i.timeout || e.timeout > i.timeout) && (i.timeout = e.timeout), i.dedupeWindowMs = e.dedupeWindowMs ?? i.dedupeWindowMs ?? S, i.dedupeKey = i.dedupeKey || T, b(), i.id;
+    }
+    const Y = r.value.filter(
+      (i) => i.isOpen && i.position === n
+    ).length * (P + g), I = {
+      id: t,
+      title: e.title,
+      message: e.message || "",
+      theme: e.theme || "primary",
+      position: n,
+      autoClose: e.autoClose !== !1,
+      timeout: j(u, e.timeout),
       isOpen: !0,
-      id: i,
-      createdAt: Date.now(),
-      yOffset: r,
-      icon: t.icon
+      createdAt: k,
+      yOffset: Y,
+      icon: e.icon,
+      variant: e.variant || "default",
+      priority: u,
+      dismissible: e.dismissible !== !1,
+      sticky: e.sticky || !1,
+      actions: e.actions,
+      maxWidth: e.maxWidth || 384,
+      persistent: e.persistent || !1,
+      dedupeKey: T,
+      dedupeWindowMs: S
     };
-    if (o.value.push(d), d.autoClose) {
-      const u = setTimeout(() => {
-        l({ id: i });
-      }, d.timeout);
-      f.set(i, u);
+    if (r.value.push(I), b(), I.autoClose && !I.sticky) {
+      const i = setTimeout(() => {
+        c({ id: t });
+      }, I.timeout);
+      m.set(t, i);
     }
-    return i;
-  }, l = (t) => {
-    const i = t.id;
-    if (!i) return;
-    const e = o.value.findIndex((a) => a.id === i);
-    if (e !== -1) {
-      o.value[e].isOpen = !1;
-      const a = f.get(i);
-      a && (clearTimeout(a), f.delete(i)), C(), setTimeout(() => {
-        o.value = o.value.filter((r) => r.id !== i);
+    return t;
+  }, c = (e) => {
+    const t = e.id;
+    if (!t) return;
+    const n = r.value.findIndex((u) => u.id === t);
+    if (n !== -1) {
+      r.value[n].isOpen = !1;
+      const u = m.get(t);
+      u && (clearTimeout(u), m.delete(t)), b(), setTimeout(() => {
+        r.value = r.value.filter((k) => k.id !== t);
       }, 300);
     }
-  }, m = () => {
-    o.value.forEach((t) => {
-      t.isOpen = !1;
-      const i = f.get(t.id);
-      i && (clearTimeout(i), f.delete(t.id));
+  }, d = () => {
+    r.value.forEach((e) => {
+      e.isOpen = !1;
+      const t = m.get(e.id);
+      t && (clearTimeout(t), m.delete(e.id));
     }), setTimeout(() => {
-      o.value = [];
+      r.value = [];
     }, 300);
-  }, n = p(
-    () => o.value.filter((t) => t.isOpen)
-  ), c = (t) => p(
-    () => o.value.filter((i) => i.isOpen && i.position === t)
-  ), O = (t, i, e) => s({ title: t, message: i, theme: "success", ...e }), g = (t, i, e) => s({ title: t, message: i, theme: "danger", ...e }), N = (t, i, e) => s({ title: t, message: i, theme: "warning", ...e }), v = (t, i, e) => s({ title: t, message: i, theme: "info", ...e });
+  }, f = (e) => {
+    r.value.filter((t) => t.position === e).forEach((t) => c(t));
+  }, y = () => {
+    p.value.globalPaused = !0;
+  }, o = () => {
+    p.value.globalPaused = !1;
+  }, a = (e, t) => {
+    p.value.stackConfigs[e] = {
+      ...p.value.stackConfigs[e],
+      ...t
+    }, b();
+  }, l = (e) => {
+    const t = r.value.find((n) => n.id === e);
+    !t || !t.isCardMode || (t.createdAt = Date.now(), b());
+  }, w = (e, t) => {
+    switch (t.action) {
+      case "dismiss":
+        c({ id: e });
+        break;
+      case "link":
+        t.href && window.open(t.href, "_blank");
+        break;
+      case "callback":
+        t.callback && t.callback();
+        break;
+    }
+  }, x = v(
+    () => r.value.filter((e) => e.isOpen)
+  ), D = (e) => v(
+    () => r.value.filter((t) => t.isOpen && t.position === e)
+  ), E = (e, t, n) => s({ title: e, message: t, theme: "success", ...n }), H = (e, t, n) => s({ title: e, message: t, theme: "danger", ...n }), X = (e, t, n) => s({ title: e, message: t, theme: "warning", ...n }), _ = (e, t, n) => s({ title: e, message: t, theme: "info", ...n }), K = (e, t, n) => s({ title: e, message: t, theme: "primary", ...n });
   return {
     // State
-    notifications: A(o),
-    activeNotifications: n,
-    getNotificationsByPosition: c,
-    // Methods
+    notifications: N(r),
+    activeNotifications: x,
+    getNotificationsByPosition: D,
+    systemState: N(p),
+    // Core methods
     showNotification: s,
-    hideNotification: l,
-    clearAllNotifications: m,
+    hideNotification: c,
+    clearAllNotifications: d,
+    clearNotificationsByPosition: f,
+    // System controls
+    pauseNotifications: y,
+    resumeNotifications: o,
+    updateStackConfig: a,
+    bringToFront: l,
+    executeAction: w,
     // Convenience methods
-    success: O,
-    error: g,
-    warning: N,
-    info: v
+    success: E,
+    error: H,
+    warning: X,
+    info: _,
+    primary: K
   };
 }
 export {
-  y as default,
-  y as useNotifications
+  J as default,
+  J as useNotifications
 };
 //# sourceMappingURL=useNotifications.js.map

package/dist/composables/useNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.js","sources":["../../src/composables/useNotifications.ts"],"sourcesContent":["/**\n * @module composables/useNotifications\n * @description Reactive notification system for toast messages\n * \n * Provides a standalone notification system that doesn't depend on external\n * state management like Pinia. Notifications are managed internally with\n * support for stacking, auto-dismiss, and positioning.\n * \n * ## Usage\n * ```typescript\n * import { useNotifications } from '@stachelock/ui'\n * \n * const { showNotification, hideNotification, notifications } = useNotifications()\n * \n * // Show a success notification\n * showNotification({\n *   title: 'Saved!',\n *   message: 'Your changes have been saved.',\n *   theme: 'success',\n *   timeout: 3000\n * })\n * \n * // Show an error notification that requires manual dismissal\n * showNotification({\n *   title: 'Error',\n *   message: 'Something went wrong.',\n *   theme: 'danger',\n *   autoClose: false\n * })\n * ```\n */\nimport { ref, computed, readonly } from 'vue';\n\n/**\n * Theme options for notifications\n */\nexport type NotificationTheme = \n  | 'primary'\n  | 'secondary'\n  | 'dark'\n  | 'light'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'ghost'\n  | 'info';\n\n/**\n * Position options for notifications\n * - tr: top-right\n * - tl: top-left\n * - tc: top-center\n * - br: bottom-right\n * - bl: bottom-left\n * - bc: bottom-center\n */\nexport type NotificationPosition = 'tr' | 'tl' | 'tc' | 'br' | 'bl' | 'bc';\n\n/**\n * Parameters for creating a notification\n */\nexport interface NotificationParams {\n  /** Title of the notification */\n  title: string;\n  /** Optional detailed message */\n  message?: string;\n  /** Visual theme */\n  theme?: NotificationTheme;\n  /** Screen position */\n  position?: NotificationPosition;\n  /** Whether to auto-close after timeout */\n  autoClose?: boolean;\n  /** Timeout in milliseconds before auto-close */\n  timeout?: number;\n  /** Optional unique ID (auto-generated if not provided) */\n  id?: string;\n  /** Custom icon component */\n  icon?: any;\n}\n\n/**\n * Internal notification state\n */\nexport interface NotificationState extends Required<Omit<NotificationParams, 'icon'>> {\n  /** Whether the notification is currently visible */\n  isOpen: boolean;\n  /** Creation timestamp */\n  createdAt: number;\n  /** Calculated Y offset for stacking */\n  yOffset: number;\n  /** Optional custom icon */\n  icon?: any;\n}\n\n// Constants\nconst NOTIFICATION_HEIGHT = 80;\nconst NOTIFICATION_SPACING = 12;\n\n// Generate unique ID\nconst generateId = () => `notification-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n\n// Shared notification state (singleton)\nconst notifications = ref<NotificationState[]>([]);\nconst timeoutMap = new Map<string, ReturnType<typeof setTimeout>>();\n\n/**\n * Recalculate Y offsets for stacked notifications\n */\nconst recalculateOffsets = () => {\n  const positions = ['tr', 'tl', 'tc', 'br', 'bl', 'bc'] as const;\n  \n  positions.forEach(position => {\n    const positionNotifications = notifications.value\n      .filter(n => n.isOpen && n.position === position)\n      .sort((a, b) => a.createdAt - b.createdAt);\n    \n    positionNotifications.forEach((notification, index) => {\n      notification.yOffset = index * (NOTIFICATION_HEIGHT + NOTIFICATION_SPACING);\n    });\n  });\n};\n\n/**\n * Notification composable\n * \n * @returns Notification methods and reactive state\n * \n * @example\n * ```vue\n * <script setup>\n * import { useNotifications } from '@stachelock/ui'\n * \n * const { showNotification } = useNotifications()\n * \n * const handleSave = async () => {\n *   try {\n *     await saveData()\n *     showNotification({\n *       title: 'Saved!',\n *       theme: 'success'\n *     })\n *   } catch (error) {\n *     showNotification({\n *       title: 'Error',\n *       message: error.message,\n *       theme: 'danger'\n *     })\n *   }\n * }\n * </script>\n * ```\n */\nexport function useNotifications() {\n  /**\n   * Show a notification\n   * \n   * @param params - Notification configuration\n   * @returns The notification ID\n   */\n  const showNotification = (params: NotificationParams): string => {\n    const id = params.id || generateId();\n    const position = params.position || 'br';\n    \n    // Calculate yOffset based on existing notifications in the same position\n    const existingInPosition = notifications.value.filter(\n      n => n.isOpen && n.position === position\n    );\n    const yOffset = existingInPosition.length * (NOTIFICATION_HEIGHT + NOTIFICATION_SPACING);\n    \n    const notification: NotificationState = {\n      title: params.title,\n      message: params.message || '',\n      theme: params.theme || 'primary',\n      position,\n      autoClose: params.autoClose !== false,\n      timeout: params.timeout || 3000,\n      isOpen: true,\n      id,\n      createdAt: Date.now(),\n      yOffset,\n      icon: params.icon,\n    };\n    \n    notifications.value.push(notification);\n    \n    // Auto-close after timeout\n    if (notification.autoClose) {\n      const timeoutId = setTimeout(() => {\n        hideNotification({ id });\n      }, notification.timeout);\n      timeoutMap.set(id, timeoutId);\n    }\n    \n    return id;\n  };\n  \n  /**\n   * Hide a specific notification\n   * \n   * @param target - Notification or object with notification ID\n   */\n  const hideNotification = (target: NotificationState | { id?: string }): void => {\n    const id = target.id;\n    if (!id) return;\n    \n    const index = notifications.value.findIndex(n => n.id === id);\n    \n    if (index !== -1) {\n      notifications.value[index].isOpen = false;\n      \n      // Clear any pending timeout\n      const timeoutId = timeoutMap.get(id);\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutMap.delete(id);\n      }\n      \n      // Recalculate offsets\n      recalculateOffsets();\n      \n      // Clean up after animation\n      setTimeout(() => {\n        notifications.value = notifications.value.filter(n => n.id !== id);\n      }, 300);\n    }\n  };\n  \n  /**\n   * Clear all notifications\n   */\n  const clearAllNotifications = (): void => {\n    notifications.value.forEach(n => {\n      n.isOpen = false;\n      const timeoutId = timeoutMap.get(n.id);\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutMap.delete(n.id);\n      }\n    });\n    \n    // Clean up after animations\n    setTimeout(() => {\n      notifications.value = [];\n    }, 300);\n  };\n  \n  /**\n   * Get active notifications (currently visible)\n   */\n  const activeNotifications = computed(() => \n    notifications.value.filter(n => n.isOpen)\n  );\n  \n  /**\n   * Get notifications filtered by position\n   */\n  const getNotificationsByPosition = (position: NotificationPosition) => \n    computed(() => \n      notifications.value.filter(n => n.isOpen && n.position === position)\n    );\n  \n  // Convenience methods for common notification types\n  const success = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'success', ...options });\n  \n  const error = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'danger', ...options });\n  \n  const warning = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'warning', ...options });\n  \n  const info = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'info', ...options });\n  \n  return {\n    // State\n    notifications: readonly(notifications),\n    activeNotifications,\n    getNotificationsByPosition,\n    \n    // Methods\n    showNotification,\n    hideNotification,\n    clearAllNotifications,\n    \n    // Convenience methods\n    success,\n    error,\n    warning,\n    info,\n  };\n}\n\nexport default useNotifications;\n\n"],"names":["NOTIFICATION_HEIGHT","NOTIFICATION_SPACING","generateId","notifications","ref","timeoutMap","recalculateOffsets","position","a","b","notification","index","useNotifications","showNotification","params","id","yOffset","n","timeoutId","hideNotification","target","clearAllNotifications","activeNotifications","computed","getNotificationsByPosition","success","title","message","options","error","warning","info","readonly"],"mappings":"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"}
+{"version":3,"file":"useNotifications.js","sources":["../../src/composables/useNotifications.ts"],"sourcesContent":["/**\n * @module composables/useNotifications\n * @description Enhanced reactive notification system for toast messages\n * \n * Provides a comprehensive notification system with support for:\n * - Stacking with automatic offset calculation\n * - Multiple positions (corners and centers)\n * - Theming with dark mode support\n * - Deduplication to prevent notification spam\n * - Priority levels (low, normal, high, urgent)\n * - Variants (default, compact, expanded)\n * - Action buttons (dismiss, link, callback)\n * - Sticky notifications that don't auto-close\n * - Card stacking mode for multiple notifications\n * - Global pause/resume functionality\n * \n * ## Usage\n * ```typescript\n * import { useNotifications } from '@stachelock/ui'\n * \n * const { showNotification, hideNotification, notifications } = useNotifications()\n * \n * // Show a success notification\n * showNotification({\n *   title: 'Saved!',\n *   message: 'Your changes have been saved.',\n *   theme: 'success',\n *   timeout: 3000\n * })\n * \n * // Show a notification with actions\n * showNotification({\n *   title: 'Confirm Action',\n *   message: 'Do you want to proceed?',\n *   theme: 'warning',\n *   autoClose: false,\n *   actions: [\n *     { label: 'Confirm', action: 'callback', callback: () => confirm(), theme: 'primary' },\n *     { label: 'Cancel', action: 'dismiss', theme: 'secondary' }\n *   ]\n * })\n * \n * // Show a high priority notification\n * showNotification({\n *   title: 'Critical Error',\n *   message: 'Please contact support.',\n *   theme: 'danger',\n *   priority: 'urgent',\n *   sticky: true\n * })\n * ```\n */\nimport { ref, computed, readonly, type Component } from 'vue';\n\n/**\n * Theme options for notifications\n * Maps to semantic colors with dark mode support\n */\nexport type NotificationTheme = \n  | 'primary'\n  | 'secondary'\n  | 'dark'\n  | 'light'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'ghost'\n  | 'info';\n\n/**\n * Position options for notifications\n * - tr: top-right\n * - tl: top-left\n * - tc: top-center\n * - br: bottom-right\n * - bl: bottom-left\n * - bc: bottom-center\n */\nexport type NotificationPosition = 'tr' | 'tl' | 'tc' | 'br' | 'bl' | 'bc';\n\n/**\n * Notification variant for different display styles\n * - default: Standard notification size\n * - compact: Smaller, more minimal notification\n * - expanded: Larger notification with more space for content\n */\nexport type NotificationVariant = 'default' | 'compact' | 'expanded';\n\n/**\n * Priority levels for notification ordering and timing\n * - low: Least important, shorter timeout\n * - normal: Default priority\n * - high: Important, shown above normal\n * - urgent: Critical, longest timeout, shown first\n */\nexport type NotificationPriority = 'low' | 'normal' | 'high' | 'urgent';\n\n/**\n * Action button configuration for notifications\n */\nexport interface NotificationAction {\n  /** Button label text */\n  label: string;\n  /** Action type */\n  action: 'dismiss' | 'link' | 'callback';\n  /** URL for link actions */\n  href?: string;\n  /** Callback function for callback actions */\n  callback?: () => void;\n  /** Button theme */\n  theme?: 'primary' | 'secondary' | 'danger';\n}\n\n/**\n * Parameters for creating a notification\n */\nexport interface NotificationParams {\n  /** Title of the notification */\n  title: string;\n  /** Optional detailed message */\n  message?: string;\n  /** Visual theme */\n  theme?: NotificationTheme;\n  /** Screen position */\n  position?: NotificationPosition;\n  /** Whether to auto-close after timeout */\n  autoClose?: boolean;\n  /** Timeout in milliseconds before auto-close */\n  timeout?: number;\n  /** Optional unique ID (auto-generated if not provided) */\n  id?: string;\n  /** Custom icon component */\n  icon?: Component;\n  /** Display variant */\n  variant?: NotificationVariant;\n  /** Priority level for ordering */\n  priority?: NotificationPriority;\n  /** Whether the notification can be dismissed */\n  dismissible?: boolean;\n  /** Prevent auto-close even if autoClose is true */\n  sticky?: boolean;\n  /** Action buttons */\n  actions?: NotificationAction[];\n  /** Maximum width in pixels */\n  maxWidth?: number;\n  /** Custom dedupe key for grouping similar notifications */\n  dedupeKey?: string;\n  /** Time window in ms for deduplication */\n  dedupeWindowMs?: number;\n  /** Whether notification should persist across route changes */\n  persistent?: boolean;\n}\n\n/**\n * Internal notification state\n */\nexport interface NotificationState extends Required<Omit<NotificationParams, 'icon' | 'actions' | 'dedupeKey' | 'dedupeWindowMs'>> {\n  /** Whether the notification is currently visible */\n  isOpen: boolean;\n  /** Creation timestamp */\n  createdAt: number;\n  /** Calculated Y offset for stacking */\n  yOffset: number;\n  /** Optional custom icon */\n  icon?: Component;\n  /** Optional action buttons */\n  actions?: NotificationAction[];\n  /** Dedupe key */\n  dedupeKey?: string;\n  /** Dedupe window */\n  dedupeWindowMs?: number;\n  /** Stack index for ordering */\n  stackIndex?: number;\n  /** Whether in card stacking mode */\n  isCardMode?: boolean;\n  /** Card stack position */\n  cardStackIndex?: number;\n  /** Card X offset */\n  cardOffsetX?: number;\n  /** Card Y offset */\n  cardOffsetY?: number;\n  /** Z-index for layering */\n  zIndex?: number;\n}\n\n/**\n * Position-specific stacking configuration\n */\nexport interface PositionStackConfig {\n  /** Maximum visible notifications */\n  maxVisible: number;\n  /** Stack direction */\n  stackDirection: 'up' | 'down';\n  /** Spacing between notifications in pixels */\n  spacing: number;\n  /** Base offset from edge */\n  offset: { x: number; y: number };\n  /** Whether to adjust for sidebar */\n  respectsSidebar: boolean;\n  /** Stacking mode */\n  stackingMode: 'linear' | 'cards';\n  /** Threshold for card stacking */\n  cardStackThreshold: number;\n  /** Horizontal card offset */\n  cardOffsetX: number;\n  /** Vertical card offset */\n  cardOffsetY: number;\n}\n\n/**\n * System-wide notification state\n */\nexport interface NotificationSystemState {\n  /** Global pause flag */\n  globalPaused: boolean;\n  /** Layout aware flag */\n  layoutAware: boolean;\n  /** Max per position */\n  maxPerPosition: number;\n  /** Stack configurations by position */\n  stackConfigs: Record<NotificationPosition, PositionStackConfig>;\n}\n\n// Constants\nconst NOTIFICATION_HEIGHT_DEFAULT = 80;\nconst NOTIFICATION_HEIGHT_COMPACT = 60;\nconst NOTIFICATION_HEIGHT_EXPANDED = 120;\nconst NOTIFICATION_SPACING = 12;\nconst CARD_STACK_THRESHOLD = 3;\n\n// Generate unique ID\nconst generateId = () => `notification-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n\n// Safe lowercase helper for dedupe\nconst safeLower = (val: unknown, fallback = ''): string => {\n  if (typeof val === 'string') return val.toLowerCase();\n  try {\n    if (val && typeof val === 'object') {\n      const maybeMessage = (val as Record<string, unknown>).message ?? (val as Record<string, unknown>).name;\n      if (typeof maybeMessage === 'string') return maybeMessage.toLowerCase();\n    }\n    return String(val ?? fallback).toLowerCase();\n  } catch {\n    return String(fallback).toLowerCase();\n  }\n};\n\n// Compute dedupe key from notification params\nconst computeDedupeKey = (n: Partial<NotificationParams>): string => {\n  if (n.dedupeKey) {\n    return safeLower(n.dedupeKey, '');\n  }\n  const t = safeLower(n.title, '');\n  const m = safeLower(n.message, '');\n  const th = safeLower(n.theme || 'primary', 'primary');\n  const p = safeLower(n.position || 'br', 'br');\n  return `${t}|${m}|${th}|${p}`;\n};\n\n// Default stack configurations\nconst defaultStackConfigs: Record<NotificationPosition, PositionStackConfig> = {\n  'tr': {\n    maxVisible: 5,\n    stackDirection: 'down',\n    spacing: NOTIFICATION_SPACING,\n    offset: { x: 24, y: 24 },\n    respectsSidebar: false,\n    stackingMode: 'linear',\n    cardStackThreshold: CARD_STACK_THRESHOLD,\n    cardOffsetX: 6,\n    cardOffsetY: 12\n  },\n  'tl': {\n    maxVisible: 5,\n    stackDirection: 'down',\n    spacing: NOTIFICATION_SPACING,\n    offset: { x: 24, y: 24 },\n    respectsSidebar: true,\n    stackingMode: 'linear',\n    cardStackThreshold: CARD_STACK_THRESHOLD,\n    cardOffsetX: -6,\n    cardOffsetY: 12\n  },\n  'br': {\n    maxVisible: 5,\n    stackDirection: 'up',\n    spacing: NOTIFICATION_SPACING,\n    offset: { x: 24, y: 24 },\n    respectsSidebar: false,\n    stackingMode: 'linear',\n    cardStackThreshold: CARD_STACK_THRESHOLD,\n    cardOffsetX: 6,\n    cardOffsetY: -12\n  },\n  'bl': {\n    maxVisible: 5,\n    stackDirection: 'up',\n    spacing: NOTIFICATION_SPACING,\n    offset: { x: 24, y: 24 },\n    respectsSidebar: true,\n    stackingMode: 'linear',\n    cardStackThreshold: CARD_STACK_THRESHOLD,\n    cardOffsetX: -6,\n    cardOffsetY: -12\n  },\n  'tc': {\n    maxVisible: 3,\n    stackDirection: 'down',\n    spacing: NOTIFICATION_SPACING,\n    offset: { x: 0, y: 24 },\n    respectsSidebar: false,\n    stackingMode: 'linear',\n    cardStackThreshold: CARD_STACK_THRESHOLD,\n    cardOffsetX: 0,\n    cardOffsetY: 12\n  },\n  'bc': {\n    maxVisible: 3,\n    stackDirection: 'up',\n    spacing: NOTIFICATION_SPACING,\n    offset: { x: 0, y: 24 },\n    respectsSidebar: false,\n    stackingMode: 'linear',\n    cardStackThreshold: CARD_STACK_THRESHOLD,\n    cardOffsetX: 0,\n    cardOffsetY: -12\n  }\n};\n\n// Shared notification state (singleton)\nconst notifications = ref<NotificationState[]>([]);\nconst timeoutMap = new Map<string, ReturnType<typeof setTimeout>>();\n\n// System state\nconst systemState = ref<NotificationSystemState>({\n  globalPaused: false,\n  layoutAware: true,\n  maxPerPosition: 5,\n  stackConfigs: { ...defaultStackConfigs }\n});\n\n/**\n * Get notification height based on variant\n */\nconst getNotificationHeight = (notification: NotificationState): number => {\n  const baseHeight = notification.variant === 'compact' ? NOTIFICATION_HEIGHT_COMPACT : \n                    notification.variant === 'expanded' ? NOTIFICATION_HEIGHT_EXPANDED : \n                    NOTIFICATION_HEIGHT_DEFAULT;\n  \n  // Add height for actions\n  if (notification.actions && notification.actions.length > 0) {\n    return baseHeight + 40;\n  }\n  \n  return baseHeight;\n};\n\n/**\n * Get timeout based on priority\n */\nconst getTimeoutByPriority = (priority: NotificationPriority, customTimeout?: number): number => {\n  if (customTimeout !== undefined) return customTimeout;\n  \n  const timeouts: Record<NotificationPriority, number> = {\n    low: 2000,\n    normal: 3000,\n    high: 5000,\n    urgent: 10000\n  };\n  \n  return timeouts[priority];\n};\n\n/**\n * Recalculate Y offsets for stacked notifications\n */\nconst recalculateOffsets = () => {\n  const positions: NotificationPosition[] = ['tr', 'tl', 'tc', 'br', 'bl', 'bc'];\n  \n  positions.forEach(position => {\n    const config = systemState.value.stackConfigs[position];\n    const positionNotifications = notifications.value\n      .filter(n => n.isOpen && n.position === position)\n      .sort((a, b) => {\n        // Sort by priority first (urgent first), then by creation time (newer first)\n        const priorityOrder = { urgent: 4, high: 3, normal: 2, low: 1 };\n        const aPriority = priorityOrder[a.priority];\n        const bPriority = priorityOrder[b.priority];\n        \n        if (aPriority !== bPriority) {\n          return bPriority - aPriority;\n        }\n        return b.createdAt - a.createdAt;\n      });\n    \n    // Determine if card stacking should be used\n    const shouldUseCardStacking = positionNotifications.length >= config.cardStackThreshold;\n    \n    positionNotifications.forEach((notification, index) => {\n      notification.stackIndex = index;\n      notification.isCardMode = shouldUseCardStacking;\n      notification.cardStackIndex = index;\n      notification.zIndex = positionNotifications.length - index;\n      \n      if (shouldUseCardStacking) {\n        // Card stacking mode\n        notification.cardOffsetX = index * config.cardOffsetX;\n        notification.cardOffsetY = index * config.cardOffsetY;\n        notification.yOffset = 0;\n      } else {\n        // Linear stacking mode\n        const height = getNotificationHeight(notification);\n        notification.yOffset = index * (height + config.spacing);\n        notification.cardOffsetX = 0;\n        notification.cardOffsetY = 0;\n      }\n    });\n    \n    // Limit visible notifications per position\n    if (positionNotifications.length > config.maxVisible) {\n      const excess = positionNotifications.slice(config.maxVisible);\n      excess.forEach(notification => {\n        notification.isOpen = false;\n        const timeoutId = timeoutMap.get(notification.id);\n        if (timeoutId) {\n          clearTimeout(timeoutId);\n          timeoutMap.delete(notification.id);\n        }\n      });\n    }\n  });\n};\n\n/**\n * Notification composable\n * \n * @returns Notification methods and reactive state\n * \n * @example\n * ```vue\n * <script setup>\n * import { useNotifications } from '@stachelock/ui'\n * \n * const { showNotification, success, error } = useNotifications()\n * \n * const handleSave = async () => {\n *   try {\n *     await saveData()\n *     success('Saved!', 'Your changes have been saved successfully.')\n *   } catch (err) {\n *     error('Error', err.message)\n *   }\n * }\n * </script>\n * ```\n */\nexport function useNotifications() {\n  /**\n   * Show a notification\n   * \n   * @param params - Notification configuration\n   * @returns The notification ID\n   */\n  const showNotification = (params: NotificationParams): string => {\n    // Check if notifications are paused\n    if (systemState.value.globalPaused) {\n      return '';\n    }\n    \n    const id = params.id || generateId();\n    const position = params.position || 'br';\n    const priority = params.priority || 'normal';\n    const now = Date.now();\n    \n    // Deduplication logic\n    const incomingKey = computeDedupeKey(params);\n    const isSessionExpired = safeLower(params.title, '').includes('session expired')\n      || safeLower(params.message, '').includes('session expired');\n    const dedupeWindowMs = params.dedupeWindowMs\n      ?? (isSessionExpired ? 5 * 60 * 1000 : 15 * 1000); // 5m for session expired, 15s otherwise\n    \n    // Find existing notification with same dedupe key within window\n    const existingIdx = notifications.value.findIndex((n) => {\n      const sameKey = computeDedupeKey(n) === incomingKey;\n      const windowMs = n.dedupeWindowMs ?? dedupeWindowMs;\n      const withinWindow = now - n.createdAt <= windowMs;\n      return sameKey && withinWindow && n.isOpen;\n    });\n    \n    if (existingIdx !== -1) {\n      // Refresh existing notification instead of creating duplicate\n      const existing = notifications.value[existingIdx];\n      existing.createdAt = now;\n      existing.isOpen = true;\n      \n      // Adopt sticky/longer timeout if incoming has it\n      if (params.sticky) existing.sticky = true;\n      if (params.timeout && (!existing.timeout || params.timeout > existing.timeout)) {\n        existing.timeout = params.timeout;\n      }\n      \n      existing.dedupeWindowMs = params.dedupeWindowMs ?? existing.dedupeWindowMs ?? dedupeWindowMs;\n      existing.dedupeKey = existing.dedupeKey || incomingKey;\n      \n      recalculateOffsets();\n      return existing.id;\n    }\n    \n    // Calculate initial yOffset based on existing notifications\n    const existingInPosition = notifications.value.filter(\n      n => n.isOpen && n.position === position\n    );\n    const yOffset = existingInPosition.length * (NOTIFICATION_HEIGHT_DEFAULT + NOTIFICATION_SPACING);\n    \n    const notification: NotificationState = {\n      id,\n      title: params.title,\n      message: params.message || '',\n      theme: params.theme || 'primary',\n      position,\n      autoClose: params.autoClose !== false,\n      timeout: getTimeoutByPriority(priority, params.timeout),\n      isOpen: true,\n      createdAt: now,\n      yOffset,\n      icon: params.icon,\n      variant: params.variant || 'default',\n      priority,\n      dismissible: params.dismissible !== false,\n      sticky: params.sticky || false,\n      actions: params.actions,\n      maxWidth: params.maxWidth || 384,\n      persistent: params.persistent || false,\n      dedupeKey: incomingKey,\n      dedupeWindowMs,\n    };\n    \n    notifications.value.push(notification);\n    recalculateOffsets();\n    \n    // Auto-close after timeout (unless sticky)\n    if (notification.autoClose && !notification.sticky) {\n      const timeoutId = setTimeout(() => {\n        hideNotification({ id });\n      }, notification.timeout);\n      timeoutMap.set(id, timeoutId);\n    }\n    \n    return id;\n  };\n  \n  /**\n   * Hide a specific notification\n   * \n   * @param target - Notification or object with notification ID\n   */\n  const hideNotification = (target: NotificationState | { id?: string }): void => {\n    const id = target.id;\n    if (!id) return;\n    \n    const index = notifications.value.findIndex(n => n.id === id);\n    \n    if (index !== -1) {\n      notifications.value[index].isOpen = false;\n      \n      // Clear any pending timeout\n      const timeoutId = timeoutMap.get(id);\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutMap.delete(id);\n      }\n      \n      // Recalculate offsets immediately\n      recalculateOffsets();\n      \n      // Clean up after animation\n      setTimeout(() => {\n        notifications.value = notifications.value.filter(n => n.id !== id);\n      }, 300);\n    }\n  };\n  \n  /**\n   * Clear all notifications\n   */\n  const clearAllNotifications = (): void => {\n    notifications.value.forEach(n => {\n      n.isOpen = false;\n      const timeoutId = timeoutMap.get(n.id);\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutMap.delete(n.id);\n      }\n    });\n    \n    // Clean up after animations\n    setTimeout(() => {\n      notifications.value = [];\n    }, 300);\n  };\n  \n  /**\n   * Clear notifications by position\n   */\n  const clearNotificationsByPosition = (position: NotificationPosition): void => {\n    notifications.value\n      .filter(n => n.position === position)\n      .forEach(n => hideNotification(n));\n  };\n  \n  /**\n   * Pause all notifications\n   */\n  const pauseNotifications = (): void => {\n    systemState.value.globalPaused = true;\n  };\n  \n  /**\n   * Resume notifications\n   */\n  const resumeNotifications = (): void => {\n    systemState.value.globalPaused = false;\n  };\n  \n  /**\n   * Update stack configuration for a position\n   */\n  const updateStackConfig = (position: NotificationPosition, config: Partial<PositionStackConfig>): void => {\n    systemState.value.stackConfigs[position] = {\n      ...systemState.value.stackConfigs[position],\n      ...config\n    };\n    recalculateOffsets();\n  };\n  \n  /**\n   * Bring a notification to the front of its stack\n   */\n  const bringToFront = (notificationId: string): void => {\n    const notification = notifications.value.find(n => n.id === notificationId);\n    if (!notification || !notification.isCardMode) return;\n    \n    // Update creation time to make it \"newest\"\n    notification.createdAt = Date.now();\n    recalculateOffsets();\n  };\n  \n  /**\n   * Execute a notification action\n   */\n  const executeAction = (notificationId: string, action: NotificationAction): void => {\n    switch (action.action) {\n      case 'dismiss':\n        hideNotification({ id: notificationId });\n        break;\n      case 'link':\n        if (action.href) {\n          window.open(action.href, '_blank');\n        }\n        break;\n      case 'callback':\n        if (action.callback) {\n          action.callback();\n        }\n        break;\n    }\n  };\n  \n  /**\n   * Get active notifications (currently visible)\n   */\n  const activeNotifications = computed(() => \n    notifications.value.filter(n => n.isOpen)\n  );\n  \n  /**\n   * Get notifications filtered by position\n   */\n  const getNotificationsByPosition = (position: NotificationPosition) => \n    computed(() => \n      notifications.value.filter(n => n.isOpen && n.position === position)\n    );\n  \n  // Convenience methods for common notification types\n  const success = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'success', ...options });\n  \n  const error = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'danger', ...options });\n  \n  const warning = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'warning', ...options });\n  \n  const info = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'info', ...options });\n  \n  const primary = (title: string, message?: string, options?: Partial<NotificationParams>) =>\n    showNotification({ title, message, theme: 'primary', ...options });\n  \n  return {\n    // State\n    notifications: readonly(notifications),\n    activeNotifications,\n    getNotificationsByPosition,\n    systemState: readonly(systemState),\n    \n    // Core methods\n    showNotification,\n    hideNotification,\n    clearAllNotifications,\n    clearNotificationsByPosition,\n    \n    // System controls\n    pauseNotifications,\n    resumeNotifications,\n    updateStackConfig,\n    bringToFront,\n    executeAction,\n    \n    // Convenience methods\n    success,\n    error,\n    warning,\n    info,\n    primary,\n  };\n}\n\nexport default useNotifications;\n"],"names":["NOTIFICATION_HEIGHT_DEFAULT","NOTIFICATION_HEIGHT_COMPACT","NOTIFICATION_HEIGHT_EXPANDED","NOTIFICATION_SPACING","CARD_STACK_THRESHOLD","generateId","safeLower","val","fallback","maybeMessage","computeDedupeKey","n","t","m","th","p","defaultStackConfigs","notifications","ref","timeoutMap","systemState","getNotificationHeight","notification","baseHeight","getTimeoutByPriority","priority","customTimeout","recalculateOffsets","position","config","positionNotifications","a","b","priorityOrder","aPriority","bPriority","shouldUseCardStacking","index","height","timeoutId","useNotifications","showNotification","params","id","now","incomingKey","isSessionExpired","dedupeWindowMs","existingIdx","sameKey","windowMs","withinWindow","existing","yOffset","hideNotification","target","clearAllNotifications","clearNotificationsByPosition","pauseNotifications","resumeNotifications","updateStackConfig","bringToFront","notificationId","executeAction","action","activeNotifications","computed","getNotificationsByPosition","success","title","message","options","error","warning","info","primary","readonly"],"mappings":"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"}

package/dist/composables/useTabs.d.ts

@@ -1 +1,2 @@
 export * from '../src/composables/useTabs'
+export {}

package/dist/composables/useTheme.d.ts

@@ -1,3 +1,6 @@
 export * from '../src/composables/useTheme'
+export {}
 import StachelockUI from '../src/composables/useTheme'
 export default StachelockUI
+export * from '../src/composables/useTheme'
+export {}

package/dist/{dialog-B2WA4G25.js → dialog-BJ2Ld8l3.js}

@@ -1,6 +1,6 @@
 import { watchEffect as j, ref as m, defineComponent as P, computed as f, onMounted as D, onUnmounted as L, h as E, Fragment as Ne, watch as W, shallowRef as He, provide as I, inject as k, getCurrentInstance as xe, Teleport as je, reactive as We, nextTick as Ie } from "vue";
 import { c as Ue } from "./env-BZfPsfnF.js";
-import { b as Ve, i as U, S as A, P as K, N as O, T as Ye, t as qe, w as Ge } from "./use-outside-click-DNDV36Sc.js";
+import { b as Ve, i as U, S as A, P as K, N as O, T as Ye, t as qe, w as Ge } from "./use-outside-click-14T0Zn98.js";
 import { f as ee, u as te } from "./hidden-BSRluD1y.js";
 import { t as de } from "./active-element-history-BTBNVIJN.js";
 import { A as F, o as w, u as Q, i as V, N as ce } from "./render-QUUPyNjX.js";
@@ -496,4 +496,4 @@ export {
   Rt as V,
   Lt as Y
 };
-//# sourceMappingURL=dialog-B2WA4G25.js.map
+//# sourceMappingURL=dialog-BJ2Ld8l3.js.map