@stachelock/ui 0.2.14 → 0.3.1

package/dist/composables/useModal.js

@@ -0,0 +1,75 @@
+import { ref as c, watch as C, computed as D, nextTick as F } from "vue";
+import { useVModel as S } from "@vueuse/core";
+function M(f, v, k = {}) {
+  const {
+    closeOnClickOutside: h = !0,
+    closeOnEscape: w = !0,
+    trapFocus: a = !0,
+    onOpen: L,
+    onClose: O,
+    preventBodyScroll: m = !0
+  } = k, t = f !== void 0 && v ? S({ modelValue: f }, "modelValue", v) : c(!1), l = c(null), s = c(null), y = c([]), r = () => {
+    if (!l.value) return [];
+    const e = [
+      "button:not([disabled])",
+      "[href]",
+      "input:not([disabled])",
+      "select:not([disabled])",
+      "textarea:not([disabled])",
+      '[tabindex]:not([tabindex="-1"])'
+    ], n = l.value.querySelectorAll(e.join(","));
+    return Array.from(n).filter((o) => o.offsetParent !== null && !o.hasAttribute("disabled"));
+  }, g = (e) => {
+    if (!a || !t.value) return;
+    const n = r(), o = n[0], b = n[n.length - 1];
+    e.shiftKey ? document.activeElement === o && (e.preventDefault(), b?.focus()) : document.activeElement === b && (e.preventDefault(), o?.focus());
+  }, x = (e) => {
+    e.key === "Escape" && w && t.value && (e.preventDefault(), u());
+  }, i = (e) => {
+    e.key === "Tab" ? g(e) : e.key === "Escape" && x(e);
+  }, p = () => {
+    t.value || (s.value = document.activeElement, t.value = !0, F(() => {
+      a && l.value && (y.value = r(), y.value[0]?.focus()), L?.();
+    }));
+  }, u = () => {
+    t.value && (t.value = !1, a && s.value && (s.value.focus(), s.value = null), O?.());
+  }, K = () => {
+    t.value ? u() : p();
+  }, d = (e) => {
+    if (!h || !t.value || !l.value) return;
+    const n = e.target;
+    l.value.contains(n) || u();
+  }, E = () => {
+    m && (t.value ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
+  };
+  C(t, (e) => {
+    e ? (document.addEventListener("keydown", i), document.addEventListener("click", d), E()) : (document.removeEventListener("keydown", i), document.removeEventListener("click", d), E());
+  });
+  const A = () => {
+    document.removeEventListener("keydown", i), document.removeEventListener("click", d), m && (document.body.style.overflow = "");
+  };
+  return {
+    // State
+    /** Whether the modal is currently open (computed) */
+    isOpen: D(() => t.value),
+    /** Ref to attach to the modal container element */
+    modalRef: l,
+    // Methods
+    /** Open the modal */
+    open: p,
+    /** Close the modal */
+    close: u,
+    /** Toggle modal open/closed state */
+    toggle: K,
+    /** Cleanup function to remove event listeners (call on unmount) */
+    cleanup: A,
+    // Utils
+    /** Get all focusable elements within the modal */
+    getFocusableElements: r
+  };
+}
+export {
+  M as default,
+  M as useModal
+};
+//# sourceMappingURL=useModal.js.map

package/dist/composables/useModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","sources":["../../src/composables/useModal.ts"],"sourcesContent":["/**\n * @module composables/useModal\n * @description Modal state management composable with accessibility features\n * \n * Provides comprehensive modal management including open/close state,\n * focus trapping, keyboard navigation (Escape to close), click-outside\n * handling, and body scroll prevention. Designed for accessibility compliance.\n * \n * ## Usage\n * ```typescript\n * import { useModal } from '@stachelock/ui'\n * \n * const { isOpen, open, close, modalRef } = useModal()\n * \n * // Open the modal\n * open()\n * \n * // Close the modal\n * close()\n * ```\n * \n * ## With v-model support\n * ```typescript\n * const props = defineProps<{ modelValue: boolean }>()\n * const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()\n * \n * const { isOpen, modalRef } = useModal(props.modelValue, emit)\n * ```\n * \n * @see UseModalOptions - Configuration options\n */\nimport { ref, computed, watch, nextTick } from 'vue';\nimport { useVModel } from '@vueuse/core';\n\n/**\n * Configuration options for useModal\n */\nexport interface UseModalOptions {\n  /**\n   * Whether to close modal when clicking outside\n   */\n  closeOnClickOutside?: boolean;\n  /**\n   * Whether to close modal when pressing escape\n   */\n  closeOnEscape?: boolean;\n  /**\n   * Whether to trap focus within modal\n   */\n  trapFocus?: boolean;\n  /**\n   * Callback when modal is opened\n   */\n  onOpen?: () => void;\n  /**\n   * Callback when modal is closed\n   */\n  onClose?: () => void;\n  /**\n   * Whether to prevent body scroll when modal is open\n   */\n  preventBodyScroll?: boolean;\n}\n\n/**\n * Modal state management composable\n * \n * @param modelValue - Optional v-model value for two-way binding\n * @param emit - Optional emit function for v-model updates\n * @param options - Configuration options\n * @returns Modal state and control methods\n * \n * @example\n * ```vue\n * <script setup>\n * import { useModal } from '@stachelock/ui'\n * \n * const { isOpen, open, close, modalRef } = useModal(undefined, undefined, {\n *   closeOnEscape: true,\n *   trapFocus: true\n * })\n * </script>\n * \n * <template>\n *   <button @click=\"open\">Open Modal</button>\n *   \n *   <div v-if=\"isOpen\" ref=\"modalRef\" role=\"dialog\" aria-modal=\"true\">\n *     <h2>Modal Content</h2>\n *     <button @click=\"close\">Close</button>\n *   </div>\n * </template>\n * ```\n */\nexport function useModal(\n  modelValue?: boolean,\n  emit?: (event: 'update:modelValue', value: boolean) => void,\n  options: UseModalOptions = {}\n) {\n  const {\n    closeOnClickOutside = true,\n    closeOnEscape = true,\n    trapFocus = true,\n    onOpen,\n    onClose,\n    preventBodyScroll = true,\n  } = options;\n\n  // Use v-model if provided, otherwise create internal ref\n  // useVModel expects props object, so we wrap modelValue\n  const isOpen = modelValue !== undefined && emit \n    ? useVModel({ modelValue }, 'modelValue', emit as (name: 'update:modelValue', ...args: boolean[]) => void)\n    : ref(false);\n\n  const modalRef = ref<HTMLElement | null>(null);\n  const previouslyFocusedElement = ref<HTMLElement | null>(null);\n  const focusableElements = ref<HTMLElement[]>([]);\n\n  // Get focusable elements within modal\n  const getFocusableElements = (): HTMLElement[] => {\n    if (!modalRef.value) return [];\n\n    const selectors = [\n      'button:not([disabled])',\n      '[href]',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ];\n\n    const elements = modalRef.value.querySelectorAll<HTMLElement>(selectors.join(','));\n    return Array.from(elements).filter(element => {\n      return element.offsetParent !== null && !element.hasAttribute('disabled');\n    });\n  };\n\n  // Focus trap functionality\n  const handleTabKey = (event: KeyboardEvent) => {\n    if (!trapFocus || !isOpen.value) return;\n\n    const focusableElementsList = getFocusableElements();\n    const firstElement = focusableElementsList[0];\n    const lastElement = focusableElementsList[focusableElementsList.length - 1];\n\n    if (event.shiftKey) {\n      // Shift + Tab\n      if (document.activeElement === firstElement) {\n        event.preventDefault();\n        lastElement?.focus();\n      }\n    } else {\n      // Tab\n      if (document.activeElement === lastElement) {\n        event.preventDefault();\n        firstElement?.focus();\n      }\n    }\n  };\n\n  // Handle escape key\n  const handleEscapeKey = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && closeOnEscape && isOpen.value) {\n      event.preventDefault();\n      close();\n    }\n  };\n\n  // Handle global keyboard events\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      handleTabKey(event);\n    } else if (event.key === 'Escape') {\n      handleEscapeKey(event);\n    }\n  };\n\n  // Open modal\n  const open = () => {\n    if (isOpen.value) return;\n\n    // Store currently focused element\n    previouslyFocusedElement.value = document.activeElement as HTMLElement;\n    \n    isOpen.value = true;\n    \n    nextTick(() => {\n      if (trapFocus && modalRef.value) {\n        focusableElements.value = getFocusableElements();\n        focusableElements.value[0]?.focus();\n      }\n      \n      onOpen?.();\n    });\n  };\n\n  // Close modal\n  const close = () => {\n    if (!isOpen.value) return;\n\n    isOpen.value = false;\n    \n    // Return focus to previously focused element\n    if (trapFocus && previouslyFocusedElement.value) {\n      previouslyFocusedElement.value.focus();\n      previouslyFocusedElement.value = null;\n    }\n    \n    onClose?.();\n  };\n\n  // Toggle modal\n  const toggle = () => {\n    if (isOpen.value) {\n      close();\n    } else {\n      open();\n    }\n  };\n\n  // Handle click outside\n  const handleClickOutside = (event: MouseEvent) => {\n    if (!closeOnClickOutside || !isOpen.value || !modalRef.value) return;\n\n    const target = event.target as Node;\n    if (!modalRef.value.contains(target)) {\n      close();\n    }\n  };\n\n  // Handle body scroll prevention\n  const handleBodyScroll = () => {\n    if (!preventBodyScroll) return;\n\n    if (isOpen.value) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n  };\n\n  // Watch for modal state changes\n  watch(isOpen, (newValue) => {\n    if (newValue) {\n      document.addEventListener('keydown', handleKeydown);\n      document.addEventListener('click', handleClickOutside);\n      handleBodyScroll();\n    } else {\n      document.removeEventListener('keydown', handleKeydown);\n      document.removeEventListener('click', handleClickOutside);\n      handleBodyScroll();\n    }\n  });\n\n  // Cleanup on unmount\n  const cleanup = () => {\n    document.removeEventListener('keydown', handleKeydown);\n    document.removeEventListener('click', handleClickOutside);\n    if (preventBodyScroll) {\n      document.body.style.overflow = '';\n    }\n  };\n\n  return {\n    // State\n    /** Whether the modal is currently open (computed) */\n    isOpen: computed(() => isOpen.value),\n    /** Ref to attach to the modal container element */\n    modalRef,\n    \n    // Methods\n    /** Open the modal */\n    open,\n    /** Close the modal */\n    close,\n    /** Toggle modal open/closed state */\n    toggle,\n    /** Cleanup function to remove event listeners (call on unmount) */\n    cleanup,\n    \n    // Utils\n    /** Get all focusable elements within the modal */\n    getFocusableElements,\n  };\n}\n\nexport default useModal;\n"],"names":["useModal","modelValue","emit","options","closeOnClickOutside","closeOnEscape","trapFocus","onOpen","onClose","preventBodyScroll","isOpen","useVModel","ref","modalRef","previouslyFocusedElement","focusableElements","getFocusableElements","selectors","elements","element","handleTabKey","event","focusableElementsList","firstElement","lastElement","handleEscapeKey","close","handleKeydown","open","nextTick","toggle","handleClickOutside","target","handleBodyScroll","watch","newValue","cleanup","computed"],"mappings":"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"}

package/dist/composables/useNotifications.d.ts

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

package/dist/composables/useNotifications.js

@@ -0,0 +1,77 @@
+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);
+    });
+  });
+};
+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,
+      isOpen: !0,
+      id: i,
+      createdAt: Date.now(),
+      yOffset: r,
+      icon: t.icon
+    };
+    if (o.value.push(d), d.autoClose) {
+      const u = setTimeout(() => {
+        l({ id: i });
+      }, d.timeout);
+      f.set(i, u);
+    }
+    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);
+      }, 300);
+    }
+  }, m = () => {
+    o.value.forEach((t) => {
+      t.isOpen = !1;
+      const i = f.get(t.id);
+      i && (clearTimeout(i), f.delete(t.id));
+    }), setTimeout(() => {
+      o.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 });
+  return {
+    // State
+    notifications: A(o),
+    activeNotifications: n,
+    getNotificationsByPosition: c,
+    // Methods
+    showNotification: s,
+    hideNotification: l,
+    clearAllNotifications: m,
+    // Convenience methods
+    success: O,
+    error: g,
+    warning: N,
+    info: v
+  };
+}
+export {
+  y as default,
+  y as useNotifications
+};
+//# sourceMappingURL=useNotifications.js.map

package/dist/composables/useNotifications.js.map

@@ -0,0 +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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"}

package/dist/composables/useTabs.d.ts

@@ -0,0 +1 @@
+export * from '../src/composables/useTabs'

package/dist/composables/useTabs.js

@@ -0,0 +1,259 @@
+import { computed as u, shallowRef as H, ref as Y, onMounted as B, nextTick as M, watch as P, onUnmounted as ee } from "vue";
+function z(n) {
+  var a = typeof n;
+  return n != null && (a == "object" || a == "function");
+}
+var ne = typeof global == "object" && global && global.Object === Object && global, te = typeof self == "object" && self && self.Object === Object && self, V = ne || te || Function("return this")(), R = function() {
+  return V.Date.now();
+}, re = /\s/;
+function ae(n) {
+  for (var a = n.length; a-- && re.test(n.charAt(a)); )
+    ;
+  return a;
+}
+var ie = /^\s+/;
+function oe(n) {
+  return n && n.slice(0, ae(n) + 1).replace(ie, "");
+}
+var A = V.Symbol, X = Object.prototype, le = X.hasOwnProperty, ue = X.toString, I = A ? A.toStringTag : void 0;
+function se(n) {
+  var a = le.call(n, I), c = n[I];
+  try {
+    n[I] = void 0;
+    var l = !0;
+  } catch {
+  }
+  var f = ue.call(n);
+  return l && (a ? n[I] = c : delete n[I]), f;
+}
+var ce = Object.prototype, de = ce.toString;
+function fe(n) {
+  return de.call(n);
+}
+var be = "[object Null]", ve = "[object Undefined]", D = A ? A.toStringTag : void 0;
+function ge(n) {
+  return n == null ? n === void 0 ? ve : be : D && D in Object(n) ? se(n) : fe(n);
+}
+function me(n) {
+  return n != null && typeof n == "object";
+}
+var Te = "[object Symbol]";
+function he(n) {
+  return typeof n == "symbol" || me(n) && ge(n) == Te;
+}
+var U = NaN, ye = /^[-+]0x[0-9a-f]+$/i, pe = /^0b[01]+$/i, we = /^0o[0-7]+$/i, Oe = parseInt;
+function _(n) {
+  if (typeof n == "number")
+    return n;
+  if (he(n))
+    return U;
+  if (z(n)) {
+    var a = typeof n.valueOf == "function" ? n.valueOf() : n;
+    n = z(a) ? a + "" : a;
+  }
+  if (typeof n != "string")
+    return n === 0 ? n : +n;
+  n = oe(n);
+  var c = pe.test(n);
+  return c || we.test(n) ? Oe(n.slice(2), c ? 2 : 8) : ye.test(n) ? U : +n;
+}
+var Se = "Expected a function", xe = Math.max, je = Math.min;
+function L(n, a, c) {
+  var l, f, p, T, s, g, m = 0, h = !1, y = !1, O = !0;
+  if (typeof n != "function")
+    throw new TypeError(Se);
+  a = _(a) || 0, z(c) && (h = !!c.leading, y = "maxWait" in c, p = y ? xe(_(c.maxWait) || 0, a) : p, O = "trailing" in c ? !!c.trailing : O);
+  function x(o) {
+    var b = l, v = f;
+    return l = f = void 0, m = o, T = n.apply(v, b), T;
+  }
+  function W(o) {
+    return m = o, s = setTimeout(S, a), h ? x(o) : T;
+  }
+  function $(o) {
+    var b = o - g, v = o - m, w = a - b;
+    return y ? je(w, p - v) : w;
+  }
+  function t(o) {
+    var b = o - g, v = o - m;
+    return g === void 0 || b >= a || b < 0 || y && v >= p;
+  }
+  function S() {
+    var o = R();
+    if (t(o))
+      return j(o);
+    s = setTimeout(S, $(o));
+  }
+  function j(o) {
+    return s = void 0, O && l ? x(o) : (l = f = void 0, T);
+  }
+  function i() {
+    s !== void 0 && clearTimeout(s), m = 0, l = g = f = s = void 0;
+  }
+  function d() {
+    return s === void 0 ? T : j(R());
+  }
+  function C() {
+    var o = R(), b = t(o);
+    if (l = arguments, f = this, g = o, b) {
+      if (s === void 0)
+        return W(g);
+      if (y)
+        return clearTimeout(s), s = setTimeout(S, a), x(g);
+    }
+    return s === void 0 && (s = setTimeout(S, a)), T;
+  }
+  return C.cancel = i, C.flush = d, C;
+}
+function Ce(n) {
+  return n.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]/g, " ").toLowerCase().trim();
+}
+function Ie(n, a) {
+  const c = u(() => n.tabGroup), l = u(() => n.tab), f = u(() => n.tabs || []), p = u(() => n.showHeading !== !1), T = u(() => n.tabCountTheme || "warning"), s = u(() => n.dropdownOnMobile !== !1), g = u(() => n.fixedHeight), m = u(() => f.value.length > 0 ? f.value : []), h = H({}), y = L((e) => {
+    h.value = { ...h.value, [e]: !0 };
+  }, 50), O = L((e) => {
+    h.value = { ...h.value, [e]: !1 };
+  }, 50), x = (e) => {
+    y(e);
+  }, W = (e) => {
+    O(e);
+  }, $ = u(() => {
+    const e = {
+      primary: {
+        ringColor: "sl-ring-stachelock-600",
+        bgColor: "sl-bg-stachelock-50"
+      },
+      warning: {
+        ringColor: "sl-ring-yellow-300",
+        bgColor: "sl-bg-yellow-100"
+      },
+      success: {
+        ringColor: "sl-ring-green-300",
+        bgColor: "sl-bg-green-100"
+      },
+      danger: {
+        ringColor: "sl-ring-red-300",
+        bgColor: "sl-bg-red-100"
+      }
+    };
+    return e[T.value] || e.warning;
+  }), t = u(() => {
+    if (!Array.isArray(m.value))
+      return console.warn("[useTabs] dynamicTabs is not an array", m.value), [];
+    const e = Ce(c.value);
+    return m.value.filter((r) => r.group === e);
+  }), S = u(() => t.value.map((e) => ({
+    id: e.id,
+    name: e.name,
+    disabled: e?.disabled || !1
+  }))), j = u(() => l.value === void 0 || l.value === null ? t.value.length > 0 ? t.value[0].id : null : l.value >= 0 && l.value < t.value.length ? t.value[l.value].id : t.value.length > 0 ? t.value[0].id : null), i = Y(null), d = () => {
+    if (t.value.length > 0) {
+      const e = t.value[0].id;
+      return i.value = e, M(() => {
+        a("tab-change", 0);
+      }), !0;
+    }
+    return !1;
+  }, C = () => {
+    if (i.value !== null) {
+      const e = t.value.findIndex((r) => r.id === i.value);
+      e >= 0 && e !== l.value && a("tab-change", e);
+    }
+  };
+  B(() => {
+    if (j.value !== null ? i.value = j.value : t.value.length > 0 && (i.value = t.value[0].id), i.value !== null) {
+      const e = t.value.findIndex((r) => r.id === i.value);
+      e !== l.value && e >= 0 && M(() => {
+        a("tab-change", e);
+      });
+    }
+  });
+  const o = u(() => {
+    const e = t.value.findIndex((r) => r.id === i.value);
+    return e >= 0 ? e : 0;
+  }), b = u(() => {
+    const e = t.value.find((r) => r.id === i.value);
+    return e ? { id: e.id, name: e.name, disabled: e?.disabled || !1 } : void 0;
+  }), v = H(typeof window < "u" ? window.innerWidth < 768 : !1);
+  let w = null;
+  const G = L(() => {
+    typeof window < "u" && (v.value = window.innerWidth < 768);
+  }, 150), F = (e) => {
+    try {
+      !v.value && i.value !== e.id && (t.value.some((E) => E.id === e.id) ? (i.value = e.id, N()) : d());
+    } catch (r) {
+      console.error("[useTabs] Error in syncSelectedTabForDesktop:", r), d();
+    }
+  };
+  B(() => {
+    typeof window < "u" && (window.ResizeObserver ? (w = new ResizeObserver(G), w.observe(document.documentElement)) : window.addEventListener("resize", G), P(v, (e) => {
+      e || M(() => {
+        o.value >= 0 && t.value[o.value] && F(t.value[o.value]);
+      });
+    }));
+  }), ee(() => {
+    w ? w.disconnect() : typeof window < "u" && window.removeEventListener("resize", G), y.cancel(), O.cancel();
+  });
+  const N = L(() => {
+    M(() => {
+      const e = t.value.findIndex((r) => r.id === i.value);
+      a("tab-change", e >= 0 ? e : 0);
+    });
+  }, 100), Z = (e) => {
+    try {
+      if (e < 0 || e >= t.value.length) {
+        console.warn("[useTabs] TabGroup provided out of bounds index:", e);
+        return;
+      }
+      const r = t.value[e];
+      r && i.value !== r.id && (i.value = r.id, N());
+    } catch (r) {
+      console.error("[useTabs] Error in handleTabGroupTabChange:", r);
+    }
+  }, k = (e) => e === null ? null : t.value.find((r) => r.id === e) || null, q = u(() => k(i.value)?.component || null), J = u(() => k(i.value)?.props ?? void 0), K = u(() => k(i.value)?.events ?? void 0), Q = (e) => {
+    e && !Array.isArray(e) ? i.value !== e.id && (t.value.some((E) => E.id === e.id) ? (i.value = e.id, N()) : d()) : d();
+  };
+  return P(() => l.value, (e) => {
+    try {
+      if (t.value.length === 0)
+        return;
+      if (typeof e == "number" && e >= 0 && e < t.value.length) {
+        const r = t.value[e].id;
+        i.value !== r && (i.value = r);
+      } else (e != null || i.value === null) && d();
+    } catch (r) {
+      console.error("[useTabs] Error updating tab:", r), d();
+    }
+  }, { immediate: !0 }), P(t, (e) => {
+    e.length > 0 && (e.some((E) => E.id === i.value) ? C() : d());
+  }, { immediate: !0 }), {
+    // State
+    selectedTabId: i,
+    selectedTab: o,
+    selectedTabObject: b,
+    filteredTabs: t,
+    tabItemsForDropdown: S,
+    hoverStates: h,
+    isMobile: v,
+    themeClasses: $,
+    showHeading: p,
+    dropdownOnMobile: s,
+    fixedHeight: g,
+    // Computed values
+    selectedComponent: q,
+    selectedProps: J,
+    selectedEvents: K,
+    // Methods
+    mouseEnter: x,
+    mouseLeave: W,
+    handleTabChange: Q,
+    handleTabGroupTabChange: Z,
+    syncSelectedTabForDesktop: F,
+    getTabById: k,
+    resetToValidTabState: d
+  };
+}
+export {
+  Ie as useTabs
+};
+//# sourceMappingURL=useTabs.js.map

package/dist/composables/useTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.js","sources":["../../node_modules/lodash-es/isObject.js","../../node_modules/lodash-es/_freeGlobal.js","../../node_modules/lodash-es/_root.js","../../node_modules/lodash-es/now.js","../../node_modules/lodash-es/_trimmedEndIndex.js","../../node_modules/lodash-es/_baseTrim.js","../../node_modules/lodash-es/_Symbol.js","../../node_modules/lodash-es/_getRawTag.js","../../node_modules/lodash-es/_objectToString.js","../../node_modules/lodash-es/_baseGetTag.js","../../node_modules/lodash-es/isObjectLike.js","../../node_modules/lodash-es/isSymbol.js","../../node_modules/lodash-es/toNumber.js","../../node_modules/lodash-es/debounce.js","../../src/composables/useTabs.ts"],"sourcesContent":["/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return value != null && (type == 'object' || type == 'function');\n}\n\nexport default isObject;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nexport default freeGlobal;\n","import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nexport default root;\n","import root from './_root.js';\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\nexport default now;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n  var index = string.length;\n\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\n\nexport default trimmedEndIndex;\n","import trimmedEndIndex from './_trimmedEndIndex.js';\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n  return string\n    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n    : string;\n}\n\nexport default baseTrim;\n","import root from './_root.js';\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nexport default Symbol;\n","import Symbol from './_Symbol.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n  var isOwn = hasOwnProperty.call(value, symToStringTag),\n      tag = value[symToStringTag];\n\n  try {\n    value[symToStringTag] = undefined;\n    var unmasked = true;\n  } catch (e) {}\n\n  var result = nativeObjectToString.call(value);\n  if (unmasked) {\n    if (isOwn) {\n      value[symToStringTag] = tag;\n    } else {\n      delete value[symToStringTag];\n    }\n  }\n  return result;\n}\n\nexport default getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n  return nativeObjectToString.call(value);\n}\n\nexport default objectToString;\n","import Symbol from './_Symbol.js';\nimport getRawTag from './_getRawTag.js';\nimport objectToString from './_objectToString.js';\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n    undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  if (value == null) {\n    return value === undefined ? undefinedTag : nullTag;\n  }\n  return (symToStringTag && symToStringTag in Object(value))\n    ? getRawTag(value)\n    : objectToString(value);\n}\n\nexport default baseGetTag;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return value != null && typeof value == 'object';\n}\n\nexport default isObjectLike;\n","import baseGetTag from './_baseGetTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nexport default isSymbol;\n","import baseTrim from './_baseTrim.js';\nimport isObject from './isObject.js';\nimport isSymbol from './isSymbol.js';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nexport default toNumber;\n","import isObject from './isObject.js';\nimport now from './now.js';\nimport toNumber from './toNumber.js';\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        timeWaiting = wait - timeSinceLastCall;\n\n    return maxing\n      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n      : timeWaiting;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        clearTimeout(timerId);\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\nexport default debounce;\n","/**\n * useTabs Composable\n * \n * Provides comprehensive tab management including:\n * - Mobile/desktop responsive behavior\n * - Tab filtering by group\n * - KeepAlive component management\n * - Hover state debouncing\n * - Tab selection and navigation\n */\n\nimport { computed, ref, onMounted, onUnmounted, watch, shallowRef, nextTick } from 'vue';\nimport type { TabsItemType, TabItemForDropdown } from '../types/layouts';\nimport debounce from 'lodash-es/debounce';\n\nexport type TabCountTheme = 'primary' | 'warning' | 'success' | 'danger';\n\nexport interface UseTabsProps {\n  tabGroup: string;\n  tab?: number | null;\n  tabs: TabsItemType[];\n  showHeading?: boolean;\n  tabCountTheme?: TabCountTheme;\n  dropdownOnMobile?: boolean;\n  fixedHeight?: string;\n}\n\nexport interface HoverStates {\n  [key: string]: boolean;\n}\n\nexport interface TabSelectItem {\n  id: number;\n  name: string;\n  disabled?: boolean;\n}\n\nexport type TabEmitFn = (event: 'tab-change' | 'update:modelValue', ...args: unknown[]) => void;\n\n/**\n * Converts a string to lowercase with spaces (simple noCase implementation)\n */\nfunction toNoCase(str: string): string {\n  return str\n    .replace(/([a-z])([A-Z])/g, '$1 $2')\n    .replace(/[-_]/g, ' ')\n    .toLowerCase()\n    .trim();\n}\n\nexport function useTabs(props: UseTabsProps, emit: TabEmitFn) {\n  // Convert props for internal use\n  const tabGroup = computed(() => props.tabGroup);\n  const tab = computed(() => props.tab);\n  const tabs = computed(() => props.tabs || []);\n  const showHeading = computed(() => props.showHeading !== false);\n  const tabCountTheme = computed(() => props.tabCountTheme || 'warning');\n  const dropdownOnMobile = computed(() => props.dropdownOnMobile !== false);\n  const fixedHeight = computed(() => props.fixedHeight);\n\n  // Access to source tabs\n  const dynamicTabs = computed(() => {\n    return tabs.value.length > 0 ? tabs.value : [];\n  });\n\n  // Tab hover states\n  const hoverStates = shallowRef<HoverStates>({});\n\n  const debouncedMouseEnter = debounce((tabId: number) => {\n    hoverStates.value = { ...hoverStates.value, [tabId]: true };\n  }, 50);\n\n  const debouncedMouseLeave = debounce((tabId: number) => {\n    hoverStates.value = { ...hoverStates.value, [tabId]: false };\n  }, 50);\n\n  const mouseEnter = (tabId: number): void => {\n    debouncedMouseEnter(tabId);\n  };\n\n  const mouseLeave = (tabId: number): void => {\n    debouncedMouseLeave(tabId);\n  };\n\n  // Theme classes for styling - uses stachelock colors\n  const themeClasses = computed(() => {\n    const themes: Record<TabCountTheme, { ringColor: string; bgColor: string }> = {\n      primary: { \n        ringColor: 'sl-ring-stachelock-600', \n        bgColor: 'sl-bg-stachelock-50' \n      },\n      warning: { \n        ringColor: 'sl-ring-yellow-300', \n        bgColor: 'sl-bg-yellow-100' \n      },\n      success: { \n        ringColor: 'sl-ring-green-300', \n        bgColor: 'sl-bg-green-100' \n      },\n      danger: { \n        ringColor: 'sl-ring-red-300', \n        bgColor: 'sl-bg-red-100' \n      },\n    };\n    return themes[tabCountTheme.value] || themes.warning;\n  });\n\n  // Filter tabs for this tab group\n  const filteredTabs = computed(() => {\n    if (!Array.isArray(dynamicTabs.value)) {\n      console.warn('[useTabs] dynamicTabs is not an array', dynamicTabs.value);\n      return [];\n    }\n    \n    const groupName = toNoCase(tabGroup.value);\n    return dynamicTabs.value.filter(t => t.group === groupName);\n  });\n\n  const tabItemsForDropdown = computed<TabItemForDropdown[]>(() => {\n    return filteredTabs.value.map(t => ({ \n      id: t.id, \n      name: t.name, \n      disabled: t?.disabled || false \n    }));\n  });\n\n  const initialTabId = computed(() => {\n    if (tab.value === undefined || tab.value === null) {\n      return filteredTabs.value.length > 0 ? filteredTabs.value[0].id : null;\n    }\n    \n    if (tab.value >= 0 && tab.value < filteredTabs.value.length) {\n      return filteredTabs.value[tab.value].id;\n    }\n    \n    return filteredTabs.value.length > 0 ? filteredTabs.value[0].id : null;\n  });\n\n  const selectedTabId = ref<string | number | null>(null);\n\n  // Function to reset to a valid tab state\n  const resetToValidTabState = (): boolean => {\n    if (filteredTabs.value.length > 0) {\n      const firstTabId = filteredTabs.value[0].id;\n      selectedTabId.value = firstTabId;\n      \n      nextTick(() => {\n        emit('tab-change', 0);\n      });\n      \n      return true;\n    }\n    return false;\n  };\n\n  // Define the updateParentWithCorrectTabIndex function\n  const updateParentWithCorrectTabIndex = (): void => {\n    if (selectedTabId.value !== null) {\n      const correctIndex = filteredTabs.value.findIndex(t => t.id === selectedTabId.value);\n      if (correctIndex >= 0 && correctIndex !== tab.value) {\n        emit('tab-change', correctIndex);\n      }\n    }\n  };\n\n  onMounted(() => {\n    // Check if initialTabId is valid\n    if (initialTabId.value !== null) {\n      selectedTabId.value = initialTabId.value;\n    } else if (filteredTabs.value.length > 0) {\n      selectedTabId.value = filteredTabs.value[0].id;\n    }\n    \n    // Let the parent know which tab is actually selected\n    if (selectedTabId.value !== null) {\n      const actualTabIndex = filteredTabs.value.findIndex(t => t.id === selectedTabId.value);\n      if (actualTabIndex !== tab.value && actualTabIndex >= 0) {\n        nextTick(() => {\n          emit('tab-change', actualTabIndex);\n        });\n      }\n    }\n  });\n\n  const selectedTab = computed(() => {\n    const index = filteredTabs.value.findIndex((t: TabsItemType) => t.id === selectedTabId.value);\n    return index >= 0 ? index : 0;\n  });\n\n  const selectedTabObject = computed<TabSelectItem | undefined>(() => {\n    const t = filteredTabs.value.find((tab: TabsItemType) => tab.id === selectedTabId.value);\n    return t ? { id: t.id, name: t.name, disabled: t?.disabled || false } : undefined;\n  });\n\n  // Responsive behavior\n  const isMobile = shallowRef(typeof window !== 'undefined' ? window.innerWidth < 768 : false);\n  let resizeObserver: ResizeObserver | null = null;\n\n  const updateIsMobile = debounce(() => {\n    if (typeof window !== 'undefined') {\n      isMobile.value = window.innerWidth < 768;\n    }\n  }, 150);\n\n  const syncSelectedTabForDesktop = (t: TabsItemType): void => {\n    try {\n      if (!isMobile.value && selectedTabId.value !== t.id) {\n        const tabExists = filteredTabs.value.some(tab => tab.id === t.id);\n        \n        if (tabExists) {\n          selectedTabId.value = t.id;\n          emitTabChange();\n        } else {\n          resetToValidTabState();\n        }\n      }\n    } catch (error) {\n      console.error('[useTabs] Error in syncSelectedTabForDesktop:', error);\n      resetToValidTabState();\n    }\n  };\n\n  onMounted(() => {\n    if (typeof window !== 'undefined') {\n      if (window.ResizeObserver) {\n        resizeObserver = new ResizeObserver(updateIsMobile);\n        resizeObserver.observe(document.documentElement);\n      } else {\n        window.addEventListener('resize', updateIsMobile);\n      }\n      \n      watch(isMobile, (newVal) => {\n        if (!newVal) {\n          nextTick(() => {\n            if (selectedTab.value >= 0 && filteredTabs.value[selectedTab.value]) {\n              syncSelectedTabForDesktop(filteredTabs.value[selectedTab.value]);\n            }\n          });\n        }\n      });\n    }\n  });\n\n  onUnmounted(() => {\n    if (resizeObserver) {\n      resizeObserver.disconnect();\n    } else if (typeof window !== 'undefined') {\n      window.removeEventListener('resize', updateIsMobile);\n    }\n    debouncedMouseEnter.cancel();\n    debouncedMouseLeave.cancel();\n  });\n\n  const emitTabChange = debounce(() => {\n    nextTick(() => {\n      const index = filteredTabs.value.findIndex(t => t.id === selectedTabId.value);\n      emit('tab-change', index >= 0 ? index : 0);\n    });\n  }, 100);\n\n  const handleTabGroupTabChange = (index: number): void => {\n    try {\n      if (index < 0 || index >= filteredTabs.value.length) {\n        console.warn('[useTabs] TabGroup provided out of bounds index:', index);\n        return;\n      }\n      \n      const tabObject = filteredTabs.value[index];\n      if (tabObject) {\n        if (selectedTabId.value !== tabObject.id) {\n          selectedTabId.value = tabObject.id;\n          emitTabChange();\n        }\n      }\n    } catch (error) {\n      console.error('[useTabs] Error in handleTabGroupTabChange:', error);\n    }\n  };\n\n  // Simple tab lookup\n  const getTabById = (id: string | number | null): TabsItemType | null => {\n    if (id === null) return null;\n    return filteredTabs.value.find(t => t.id === id) || null;\n  };\n\n  const selectedComponent = computed(() => {\n    const tab = getTabById(selectedTabId.value);\n    return tab?.component || null;\n  });\n\n  const selectedProps = computed(() => {\n    const tab = getTabById(selectedTabId.value);\n    return tab?.props ?? undefined;\n  });\n\n  const selectedEvents = computed(() => {\n    const tab = getTabById(selectedTabId.value);\n    return tab?.events ?? undefined;\n  });\n\n  const handleTabChange = (value: TabSelectItem | TabSelectItem[] | null): void => {\n    if (value && !Array.isArray(value)) {\n      if (selectedTabId.value !== value.id) {\n        const tabExists = filteredTabs.value.some(t => t.id === value.id);\n        \n        if (tabExists) {\n          selectedTabId.value = value.id;\n          emitTabChange();\n        } else {\n          resetToValidTabState();\n        }\n      }\n    } else {\n      resetToValidTabState();\n    }\n  };\n\n  // Watch for external tab prop changes\n  watch(() => tab.value, (newTabIndex) => {\n    try {\n      if (filteredTabs.value.length === 0) {\n        return;\n      }\n      \n      if (typeof newTabIndex === 'number' && newTabIndex >= 0 && newTabIndex < filteredTabs.value.length) {\n        const newTabId = filteredTabs.value[newTabIndex].id;\n        if (selectedTabId.value !== newTabId) {\n          selectedTabId.value = newTabId;\n        }\n      } else if (newTabIndex !== undefined && newTabIndex !== null) {\n        resetToValidTabState();\n      } else if (selectedTabId.value === null) {\n        resetToValidTabState();\n      }\n    } catch (error) {\n      console.error('[useTabs] Error updating tab:', error);\n      resetToValidTabState();\n    }\n  }, { immediate: true });\n\n  // When filtered tabs change, ensure we're using a valid tab\n  watch(filteredTabs, (newTabs) => {\n    if (newTabs.length > 0) {\n      const currentTabStillExists = newTabs.some(t => t.id === selectedTabId.value);\n      if (!currentTabStillExists) {\n        resetToValidTabState();\n      } else {\n        updateParentWithCorrectTabIndex();\n      }\n    }\n  }, { immediate: true });\n\n  return {\n    // State\n    selectedTabId,\n    selectedTab,\n    selectedTabObject,\n    filteredTabs,\n    tabItemsForDropdown,\n    hoverStates,\n    isMobile,\n    themeClasses,\n    showHeading,\n    dropdownOnMobile,\n    fixedHeight,\n    \n    // Computed values\n    selectedComponent,\n    selectedProps,\n    selectedEvents,\n    \n    // Methods\n    mouseEnter,\n    mouseLeave,\n    handleTabChange,\n    handleTabGroupTabChange,\n    syncSelectedTabForDesktop,\n    getTabById,\n    resetToValidTabState,\n  };\n}\n\n"],"names":["isObject","value","type","freeGlobal","freeSelf","root","now","reWhitespace","trimmedEndIndex","string","index","reTrimStart","baseTrim","Symbol","objectProto","hasOwnProperty","nativeObjectToString","symToStringTag","getRawTag","isOwn","tag","unmasked","result","objectToString","nullTag","undefinedTag","baseGetTag","isObjectLike","symbolTag","isSymbol","NAN","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","toNumber","other","isBinary","FUNC_ERROR_TEXT","nativeMax","nativeMin","debounce","func","wait","options","lastArgs","lastThis","maxWait","timerId","lastCallTime","lastInvokeTime","leading","maxing","trailing","invokeFunc","time","args","thisArg","leadingEdge","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","timeWaiting","shouldInvoke","trailingEdge","cancel","flush","debounced","isInvoking","toNoCase","str","useTabs","props","emit","tabGroup","computed","tab","tabs","showHeading","tabCountTheme","dropdownOnMobile","fixedHeight","dynamicTabs","hoverStates","shallowRef","debouncedMouseEnter","tabId","debouncedMouseLeave","mouseEnter","mouseLeave","themeClasses","themes","filteredTabs","groupName","t","tabItemsForDropdown","initialTabId","selectedTabId","ref","resetToValidTabState","firstTabId","nextTick","updateParentWithCorrectTabIndex","correctIndex","onMounted","actualTabIndex","selectedTab","selectedTabObject","isMobile","resizeObserver","updateIsMobile","syncSelectedTabForDesktop","emitTabChange","error","watch","newVal","onUnmounted","handleTabGroupTabChange","tabObject","getTabById","id","selectedComponent","selectedProps","selectedEvents","handleTabChange","newTabIndex","newTabId","newTabs"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}

package/dist/composables/useTheme.d.ts

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