@htlkg/components 0.0.1 → 0.0.2

package/dist/composables/index.js

@@ -1,20 +1,73 @@
 // src/composables/useTable.ts
-import { ref, computed } from "vue";
+import { ref, computed, unref } from "vue";
 function useTable(options) {
+  const idKey = options.idKey ?? "id";
+  const items = computed(() => {
+    try {
+      const unwrapped = unref(options.items);
+      if (!unwrapped) return [];
+      if (!Array.isArray(unwrapped)) {
+        console.warn("useTable: items is not an array", unwrapped);
+        return [];
+      }
+      return unwrapped;
+    } catch (error) {
+      console.error("useTable: Error unwrapping items", error);
+      return [];
+    }
+  });
   const currentPage = ref(1);
   const pageSize = ref(options.pageSize ?? 10);
   const sortKey = ref(options.sortKey ?? "");
   const sortOrder = ref(options.sortOrder ?? "asc");
   const selectedItems = ref([]);
+  const selectedItemIds = ref(/* @__PURE__ */ new Set());
+  const resetSelected = ref(false);
+  const activeFilters = ref([]);
+  const hiddenColumns = ref([]);
+  const filteredItems = computed(() => {
+    if (activeFilters.value.length === 0) return items.value;
+    return items.value.filter((item) => {
+      return activeFilters.value.every((filter) => {
+        const { category, operator, value } = filter;
+        if (value === void 0 || value === null || value === "") return true;
+        const itemValue = item[category];
+        switch (operator) {
+          case "contains":
+            return String(itemValue).toLowerCase().includes(String(value).toLowerCase());
+          case "is":
+          case "=":
+            return itemValue === value;
+          case ">":
+          case "greater":
+            return Number(itemValue) > Number(value);
+          case "<":
+          case "less":
+            return Number(itemValue) < Number(value);
+          case ">=":
+          case "greaterOrEqual":
+            return Number(itemValue) >= Number(value);
+          case "<=":
+          case "lessOrEqual":
+            return Number(itemValue) <= Number(value);
+          default:
+            return String(itemValue).toLowerCase().includes(String(value).toLowerCase());
+        }
+      });
+    });
+  });
   const sortedItems = computed(() => {
-    if (!sortKey.value) return options.items;
-    return [...options.items].sort((a, b) => {
+    if (!sortKey.value) return filteredItems.value;
+    return [...filteredItems.value].sort((a, b) => {
       const aVal = a[sortKey.value];
       const bVal = b[sortKey.value];
       const order = sortOrder.value === "asc" ? 1 : -1;
       if (aVal === bVal) return 0;
       if (aVal == null) return 1;
       if (bVal == null) return -1;
+      if (typeof aVal === "string" && typeof bVal === "string") {
+        return aVal.localeCompare(bVal) * order;
+      }
       return aVal > bVal ? order : -order;
     });
   });
@@ -24,8 +77,16 @@ function useTable(options) {
     return sortedItems.value.slice(start, end);
   });
   const totalPages = computed(
-    () => Math.ceil(options.items.length / pageSize.value)
+    () => Math.ceil(sortedItems.value.length / pageSize.value)
   );
+  const totalItems = computed(() => sortedItems.value.length);
+  const allSelected = computed(() => {
+    if (items.value.length === 0) return false;
+    return selectedItemIds.value.size === items.value.length;
+  });
+  const someSelected = computed(() => {
+    return selectedItemIds.value.size > 0 && !allSelected.value;
+  });
   function setPage(page) {
     if (page >= 1 && page <= totalPages.value) {
       currentPage.value = page;
@@ -35,6 +96,13 @@ function useTable(options) {
     pageSize.value = size;
     currentPage.value = 1;
   }
+  function handlePageChange(page) {
+    setPage(page);
+  }
+  function handlePageSizeChange(size) {
+    const numSize = typeof size === "string" ? parseInt(size) : size;
+    setPageSize(numSize);
+  }
   function setSorting(key, order = "asc") {
     if (sortKey.value === key) {
       sortOrder.value = sortOrder.value === "asc" ? "desc" : "asc";
@@ -43,47 +111,166 @@ function useTable(options) {
       sortOrder.value = order;
     }
   }
+  function handleOrderBy(event) {
+    sortKey.value = event.value;
+    sortOrder.value = event.orderDirection;
+  }
+  function getItemId(item) {
+    return item[idKey];
+  }
   function selectItem(item) {
-    if (!isSelected(item)) {
+    const id = getItemId(item);
+    if (!selectedItemIds.value.has(id)) {
+      selectedItemIds.value.add(id);
       selectedItems.value.push(item);
     }
   }
   function deselectItem(item) {
-    const index = selectedItems.value.findIndex(
-      (i) => JSON.stringify(i) === JSON.stringify(item)
-    );
-    if (index !== -1) {
-      selectedItems.value.splice(index, 1);
+    const id = getItemId(item);
+    if (selectedItemIds.value.has(id)) {
+      selectedItemIds.value.delete(id);
+      const index = selectedItems.value.findIndex((i) => getItemId(i) === id);
+      if (index !== -1) {
+        selectedItems.value.splice(index, 1);
+      }
     }
   }
   function selectAll() {
-    selectedItems.value = [...options.items];
+    selectedItemIds.value.clear();
+    selectedItems.value.length = 0;
+    items.value.forEach((item) => {
+      const id = getItemId(item);
+      selectedItemIds.value.add(id);
+      selectedItems.value.push(item);
+    });
+  }
+  function selectAllOnPage() {
+    paginatedItems.value.forEach((item) => {
+      selectItem(item);
+    });
   }
   function clearSelection() {
-    selectedItems.value = [];
+    selectedItemIds.value.clear();
+    selectedItems.value.length = 0;
+    resetSelected.value = true;
+    setTimeout(() => {
+      resetSelected.value = false;
+    }, 100);
   }
   function isSelected(item) {
-    return selectedItems.value.some(
-      (i) => JSON.stringify(i) === JSON.stringify(item)
-    );
+    const id = getItemId(item);
+    return selectedItemIds.value.has(id);
+  }
+  function applyFilters(filters) {
+    activeFilters.value = filters;
+    currentPage.value = 1;
+  }
+  function clearFilters() {
+    activeFilters.value = [];
+    currentPage.value = 1;
+  }
+  function removeFilter(index) {
+    if (index >= 0 && index < activeFilters.value.length) {
+      activeFilters.value.splice(index, 1);
+      currentPage.value = 1;
+    }
+  }
+  function handleSmartFiltersApplied(filters) {
+    applyFilters(filters);
+  }
+  function handleSmartFiltersCleared() {
+    clearFilters();
+  }
+  function handleSmartFilterDeleted(index) {
+    removeFilter(index);
+  }
+  function toggleColumn(index) {
+    const hiddenIndex = hiddenColumns.value.indexOf(index);
+    if (hiddenIndex > -1) {
+      hiddenColumns.value.splice(hiddenIndex, 1);
+    } else {
+      hiddenColumns.value.push(index);
+    }
+  }
+  function showColumn(index) {
+    const hiddenIndex = hiddenColumns.value.indexOf(index);
+    if (hiddenIndex > -1) {
+      hiddenColumns.value.splice(hiddenIndex, 1);
+    }
+  }
+  function hideColumn(index) {
+    if (!hiddenColumns.value.includes(index)) {
+      hiddenColumns.value.push(index);
+    }
+  }
+  function handleColumnsVisibilityChanged(event) {
+    if (event.hidden) {
+      hideColumn(event.index);
+    } else {
+      showColumn(event.index);
+    }
+  }
+  function handleModalAction(event) {
+    if (event.modal === "selectAllItemsModal" || event.modal.includes("selectAll")) {
+      if (event.action === "selectAll") {
+        selectAll();
+      } else if (event.action === "close") {
+        selectAllOnPage();
+      }
+    }
   }
   return {
+    // Pagination
     currentPage,
     pageSize,
+    totalPages,
+    totalItems,
+    paginatedItems,
+    // Sorting
     sortKey,
     sortOrder,
-    selectedItems,
-    paginatedItems,
-    totalPages,
     sortedItems,
+    // Selection
+    selectedItems,
+    selectedItemIds,
+    allSelected,
+    someSelected,
+    // Filtering
+    activeFilters,
+    filteredItems,
+    // Column visibility
+    hiddenColumns,
+    // Reset state
+    resetSelected,
+    // Methods - Pagination
     setPage,
     setPageSize,
+    handlePageChange,
+    handlePageSizeChange,
+    // Methods - Sorting
     setSorting,
+    handleOrderBy,
+    // Methods - Selection
     selectItem,
     deselectItem,
     selectAll,
+    selectAllOnPage,
     clearSelection,
-    isSelected
+    isSelected,
+    // Methods - Filtering
+    applyFilters,
+    clearFilters,
+    removeFilter,
+    handleSmartFiltersApplied,
+    handleSmartFiltersCleared,
+    handleSmartFilterDeleted,
+    // Methods - Column visibility
+    toggleColumn,
+    showColumn,
+    hideColumn,
+    handleColumnsVisibilityChanged,
+    // Methods - Modal actions
+    handleModalAction
   };
 }
 

package/dist/composables/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/useTable.ts","../../src/composables/useModal.ts","../../src/composables/useTabs.ts","../../src/composables/useForm.ts","../../src/composables/useFormValidation.ts","../../src/composables/useNotifications.ts"],"sourcesContent":["import { ref, computed, type Ref, type ComputedRef } from 'vue';\n\nexport interface UseTableOptions<T> {\n  items: T[];\n  pageSize?: number;\n  sortKey?: string;\n  sortOrder?: 'asc' | 'desc';\n}\n\nexport interface UseTableReturn<T> {\n  currentPage: Ref<number>;\n  pageSize: Ref<number>;\n  sortKey: Ref<string>;\n  sortOrder: Ref<'asc' | 'desc'>;\n  selectedItems: Ref<T[]>;\n  paginatedItems: ComputedRef<T[]>;\n  totalPages: ComputedRef<number>;\n  sortedItems: ComputedRef<T[]>;\n  setPage: (page: number) => void;\n  setPageSize: (size: number) => void;\n  setSorting: (key: string, order?: 'asc' | 'desc') => void;\n  selectItem: (item: T) => void;\n  deselectItem: (item: T) => void;\n  selectAll: () => void;\n  clearSelection: () => void;\n  isSelected: (item: T) => boolean;\n}\n\nexport function useTable<T extends Record<string, any>>(\n  options: UseTableOptions<T>\n): UseTableReturn<T> {\n  const currentPage = ref(1);\n  const pageSize = ref(options.pageSize ?? 10);\n  const sortKey = ref(options.sortKey ?? '');\n  const sortOrder = ref<'asc' | 'desc'>(options.sortOrder ?? 'asc');\n  const selectedItems = ref<T[]>([]);\n\n  const sortedItems = computed(() => {\n    if (!sortKey.value) return options.items;\n\n    return [...options.items].sort((a, b) => {\n      const aVal = a[sortKey.value];\n      const bVal = b[sortKey.value];\n      const order = sortOrder.value === 'asc' ? 1 : -1;\n\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n\n      return aVal > bVal ? order : -order;\n    });\n  });\n\n  const paginatedItems = computed(() => {\n    const start = (currentPage.value - 1) * pageSize.value;\n    const end = start + pageSize.value;\n    return sortedItems.value.slice(start, end);\n  });\n\n  const totalPages = computed(() =>\n    Math.ceil(options.items.length / pageSize.value)\n  );\n\n  function setPage(page: number) {\n    if (page >= 1 && page <= totalPages.value) {\n      currentPage.value = page;\n    }\n  }\n\n  function setPageSize(size: number) {\n    pageSize.value = size;\n    currentPage.value = 1; // Reset to first page\n  }\n\n  function setSorting(key: string, order: 'asc' | 'desc' = 'asc') {\n    if (sortKey.value === key) {\n      // Toggle order if same key\n      sortOrder.value = sortOrder.value === 'asc' ? 'desc' : 'asc';\n    } else {\n      sortKey.value = key;\n      sortOrder.value = order;\n    }\n  }\n\n  function selectItem(item: T) {\n    if (!isSelected(item)) {\n      selectedItems.value.push(item);\n    }\n  }\n\n  function deselectItem(item: T) {\n    // Use deep comparison for objects\n    const index = selectedItems.value.findIndex(i => \n      JSON.stringify(i) === JSON.stringify(item)\n    );\n    if (index !== -1) {\n      selectedItems.value.splice(index, 1);\n    }\n  }\n\n  function selectAll() {\n    selectedItems.value = [...options.items];\n  }\n\n  function clearSelection() {\n    selectedItems.value = [];\n  }\n\n  function isSelected(item: T): boolean {\n    // Use deep comparison for objects\n    return selectedItems.value.some(i => \n      JSON.stringify(i) === JSON.stringify(item)\n    );\n  }\n\n  return {\n    currentPage,\n    pageSize,\n    sortKey,\n    sortOrder,\n    selectedItems,\n    paginatedItems,\n    totalPages,\n    sortedItems,\n    setPage,\n    setPageSize,\n    setSorting,\n    selectItem,\n    deselectItem,\n    selectAll,\n    clearSelection,\n    isSelected\n  };\n}\n","import { ref, type Ref } from 'vue';\n\nexport interface UseModalOptions {\n  initialOpen?: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\nexport interface UseModalReturn {\n  isOpen: Ref<boolean>;\n  open: () => void;\n  close: () => void;\n  toggle: () => void;\n}\n\nexport function useModal(options: UseModalOptions = {}): UseModalReturn {\n  const isOpen = ref(options.initialOpen ?? false);\n\n  function open() {\n    isOpen.value = true;\n    options.onOpen?.();\n  }\n\n  function close() {\n    isOpen.value = false;\n    options.onClose?.();\n  }\n\n  function toggle() {\n    if (isOpen.value) {\n      close();\n    } else {\n      open();\n    }\n  }\n\n  return {\n    isOpen,\n    open,\n    close,\n    toggle\n  };\n}\n","import { ref, computed, type Ref, type ComputedRef } from 'vue';\n\nexport interface Tab {\n  id: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface UseTabsOptions {\n  tabs: Tab[];\n  initialTab?: string;\n  onChange?: (tabId: string) => void;\n}\n\nexport interface UseTabsReturn {\n  activeTab: Ref<string>;\n  tabs: Ref<Tab[]>;\n  currentTabIndex: ComputedRef<number>;\n  isFirstTab: ComputedRef<boolean>;\n  isLastTab: ComputedRef<boolean>;\n  setActiveTab: (tabId: string) => void;\n  nextTab: () => void;\n  previousTab: () => void;\n  isTabActive: (tabId: string) => boolean;\n  isTabDisabled: (tabId: string) => boolean;\n}\n\nexport function useTabs(options: UseTabsOptions): UseTabsReturn {\n  const tabs = ref(options.tabs);\n  const activeTab = ref(\n    options.initialTab || (tabs.value.length > 0 ? tabs.value[0].id : '')\n  );\n\n  const currentTabIndex = computed(() =>\n    tabs.value.findIndex(tab => tab.id === activeTab.value)\n  );\n\n  const isFirstTab = computed(() => currentTabIndex.value === 0);\n\n  const isLastTab = computed(() =>\n    currentTabIndex.value === tabs.value.length - 1\n  );\n\n  function setActiveTab(tabId: string) {\n    const tab = tabs.value.find(t => t.id === tabId);\n    if (tab && !tab.disabled) {\n      activeTab.value = tabId;\n      options.onChange?.(tabId);\n    }\n  }\n\n  function nextTab() {\n    if (!isLastTab.value) {\n      const nextIndex = currentTabIndex.value + 1;\n      const nextTab = tabs.value[nextIndex];\n      if (nextTab && !nextTab.disabled) {\n        setActiveTab(nextTab.id);\n      } else if (nextIndex < tabs.value.length - 1) {\n        // Skip disabled tab and try next\n        activeTab.value = nextTab.id;\n        nextTab();\n      }\n    }\n  }\n\n  function previousTab() {\n    if (!isFirstTab.value) {\n      const prevIndex = currentTabIndex.value - 1;\n      const prevTab = tabs.value[prevIndex];\n      if (prevTab && !prevTab.disabled) {\n        setActiveTab(prevTab.id);\n      } else if (prevIndex > 0) {\n        // Skip disabled tab and try previous\n        activeTab.value = prevTab.id;\n        previousTab();\n      }\n    }\n  }\n\n  function isTabActive(tabId: string): boolean {\n    return activeTab.value === tabId;\n  }\n\n  function isTabDisabled(tabId: string): boolean {\n    const tab = tabs.value.find(t => t.id === tabId);\n    return tab?.disabled ?? false;\n  }\n\n  return {\n    activeTab,\n    tabs,\n    currentTabIndex,\n    isFirstTab,\n    isLastTab,\n    setActiveTab,\n    nextTab,\n    previousTab,\n    isTabActive,\n    isTabDisabled\n  };\n}\n","import { ref, computed, type Ref, type ComputedRef } from 'vue';\n\nexport interface ValidationRule<T = any> {\n  validate: (value: T) => boolean | Promise<boolean>;\n  message: string;\n}\n\nexport interface FieldConfig {\n  rules?: ValidationRule[];\n  initialValue?: any;\n}\n\nexport interface UseFormOptions<T extends Record<string, any>> {\n  initialValues: T;\n  validationRules?: Partial<Record<keyof T, ValidationRule[]>>;\n  onSubmit?: (values: T) => void | Promise<void>;\n}\n\nexport interface UseFormReturn<T extends Record<string, any>> {\n  values: Ref<T>;\n  errors: Ref<Partial<Record<keyof T, string>>>;\n  touched: Ref<Partial<Record<keyof T, boolean>>>;\n  isSubmitting: Ref<boolean>;\n  isValid: ComputedRef<boolean>;\n  setFieldValue: (field: keyof T, value: any) => void;\n  setFieldError: (field: keyof T, error: string) => void;\n  setFieldTouched: (field: keyof T, touched: boolean) => void;\n  validateField: (field: keyof T) => Promise<boolean>;\n  validateForm: () => Promise<boolean>;\n  handleSubmit: (event?: Event) => Promise<void>;\n  resetForm: () => void;\n}\n\nexport function useForm<T extends Record<string, any>>(\n  options: UseFormOptions<T>\n): UseFormReturn<T> {\n  const values = ref<T>({ ...options.initialValues }) as Ref<T>;\n  const errors = ref<Partial<Record<keyof T, string>>>({});\n  const touched = ref<Partial<Record<keyof T, boolean>>>({});\n  const isSubmitting = ref(false);\n\n  const isValid = computed(() => Object.keys(errors.value).length === 0);\n\n  function setFieldValue(field: keyof T, value: any) {\n    values.value[field] = value;\n  }\n\n  function setFieldError(field: keyof T, error: string) {\n    errors.value[field] = error;\n  }\n\n  function setFieldTouched(field: keyof T, isTouched: boolean) {\n    touched.value[field] = isTouched;\n  }\n\n  async function validateField(field: keyof T): Promise<boolean> {\n    const rules = options.validationRules?.[field];\n    if (!rules || rules.length === 0) return true;\n\n    const value = values.value[field];\n\n    for (const rule of rules) {\n      const isValid = await rule.validate(value);\n      if (!isValid) {\n        setFieldError(field, rule.message);\n        return false;\n      }\n    }\n\n    // Clear error if validation passed\n    delete errors.value[field];\n    return true;\n  }\n\n  async function validateForm(): Promise<boolean> {\n    const fields = Object.keys(values.value) as Array<keyof T>;\n    const validationResults = await Promise.all(\n      fields.map(field => validateField(field))\n    );\n\n    return validationResults.every(result => result);\n  }\n\n  async function handleSubmit(event?: Event) {\n    if (event) {\n      event.preventDefault();\n    }\n\n    if (isSubmitting.value) return;\n\n    // Mark all fields as touched\n    for (const field of Object.keys(values.value) as Array<keyof T>) {\n      setFieldTouched(field, true);\n    }\n\n    // Validate form\n    const isFormValid = await validateForm();\n    if (!isFormValid) return;\n\n    // Submit form\n    isSubmitting.value = true;\n    try {\n      await options.onSubmit?.(values.value);\n    } finally {\n      isSubmitting.value = false;\n    }\n  }\n\n  function resetForm() {\n    values.value = { ...options.initialValues };\n    errors.value = {};\n    touched.value = {};\n    isSubmitting.value = false;\n  }\n\n  return {\n    values,\n    errors,\n    touched,\n    isSubmitting,\n    isValid,\n    setFieldValue,\n    setFieldError,\n    setFieldTouched,\n    validateField,\n    validateForm,\n    handleSubmit,\n    resetForm\n  };\n}\n","import type { ValidationRule } from './useForm';\n\n// Common validation rules\nexport const required = (message = 'This field is required'): ValidationRule => ({\n  validate: (value: any) => {\n    if (value === null || value === undefined) return false;\n    if (typeof value === 'string') return value.trim().length > 0;\n    if (Array.isArray(value)) return value.length > 0;\n    return true;\n  },\n  message\n});\n\nexport const minLength = (min: number, message?: string): ValidationRule => ({\n  validate: (value: string) => {\n    if (!value) return true; // Let required handle empty values\n    return value.length >= min;\n  },\n  message: message || `Must be at least ${min} characters`\n});\n\nexport const maxLength = (max: number, message?: string): ValidationRule => ({\n  validate: (value: string) => {\n    if (!value) return true;\n    return value.length <= max;\n  },\n  message: message || `Must be at most ${max} characters`\n});\n\nexport const email = (message = 'Invalid email address'): ValidationRule => ({\n  validate: (value: string) => {\n    if (!value) return true;\n    const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    return emailRegex.test(value);\n  },\n  message\n});\n\nexport const pattern = (regex: RegExp, message = 'Invalid format'): ValidationRule => ({\n  validate: (value: string) => {\n    if (!value) return true;\n    return regex.test(value);\n  },\n  message\n});\n\nexport const min = (minValue: number, message?: string): ValidationRule => ({\n  validate: (value: number) => {\n    if (value === null || value === undefined) return true;\n    return value >= minValue;\n  },\n  message: message || `Must be at least ${minValue}`\n});\n\nexport const max = (maxValue: number, message?: string): ValidationRule => ({\n  validate: (value: number) => {\n    if (value === null || value === undefined) return true;\n    return value <= maxValue;\n  },\n  message: message || `Must be at most ${maxValue}`\n});\n\nexport const custom = (\n  validator: (value: any) => boolean | Promise<boolean>,\n  message: string\n): ValidationRule => ({\n  validate: validator,\n  message\n});\n\n// Composable for form validation\nexport function useFormValidation() {\n  return {\n    required,\n    minLength,\n    maxLength,\n    email,\n    pattern,\n    min,\n    max,\n    custom\n  };\n}\n","import { ref, type Ref } from 'vue';\n\nexport interface Notification {\n  id: string;\n  message: string;\n  type: 'info' | 'success' | 'warning' | 'error';\n  duration?: number;\n}\n\nexport interface UseNotificationsReturn {\n  notifications: Ref<Notification[]>;\n  addNotification: (notification: Omit<Notification, 'id'>) => string;\n  removeNotification: (id: string) => void;\n  clearAll: () => void;\n  info: (message: string, duration?: number) => string;\n  success: (message: string, duration?: number) => string;\n  warning: (message: string, duration?: number) => string;\n  error: (message: string, duration?: number) => string;\n}\n\n// Global notifications state\nconst notifications = ref<Notification[]>([]);\n\nexport function useNotifications(): UseNotificationsReturn {\n  function addNotification(notification: Omit<Notification, 'id'>): string {\n    const id = `notification-${Date.now()}-${Math.random()}`;\n    const newNotification: Notification = {\n      ...notification,\n      id\n    };\n\n    notifications.value.push(newNotification);\n\n    // Auto-remove after duration\n    if (notification.duration) {\n      setTimeout(() => {\n        removeNotification(id);\n      }, notification.duration);\n    }\n\n    return id;\n  }\n\n  function removeNotification(id: string) {\n    const index = notifications.value.findIndex(n => n.id === id);\n    if (index !== -1) {\n      notifications.value.splice(index, 1);\n    }\n  }\n\n  function clearAll() {\n    notifications.value = [];\n  }\n\n  function info(message: string, duration = 3000): string {\n    return addNotification({ message, type: 'info', duration });\n  }\n\n  function success(message: string, duration = 3000): string {\n    return addNotification({ message, type: 'success', duration });\n  }\n\n  function warning(message: string, duration = 3000): string {\n    return addNotification({ message, type: 'warning', duration });\n  }\n\n  function error(message: string, duration = 5000): string {\n    return addNotification({ message, type: 'error', duration });\n  }\n\n  return {\n    notifications,\n    addNotification,\n    removeNotification,\n    clearAll,\n    info,\n    success,\n    warning,\n    error\n  };\n}\n"],"mappings":"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","names":["ref","ref","computed","nextTab","ref","computed","isValid","min","max","ref"]}
+{"version":3,"sources":["../../src/composables/useTable.ts","../../src/composables/useModal.ts","../../src/composables/useTabs.ts","../../src/composables/useForm.ts","../../src/composables/useFormValidation.ts","../../src/composables/useNotifications.ts"],"sourcesContent":["import { ref, computed, unref, type Ref, type ComputedRef, type MaybeRef } from 'vue';\n\nexport interface SmartFilter {\n  category: string;\n  operator: string;\n  value: any;\n}\n\nexport interface UseTableOptions<T> {\n  items: MaybeRef<T[]>; // Accept both arrays and refs/computed\n  pageSize?: number;\n  sortKey?: string;\n  sortOrder?: 'asc' | 'desc';\n  idKey?: string; // Key to use for item identification (default: 'id')\n}\n\nexport interface UseTableReturn<T> {\n  // Pagination\n  currentPage: Ref<number>;\n  pageSize: Ref<number>;\n  totalPages: ComputedRef<number>;\n  totalItems: ComputedRef<number>;\n  paginatedItems: ComputedRef<T[]>;\n  \n  // Sorting\n  sortKey: Ref<string>;\n  sortOrder: Ref<'asc' | 'desc'>;\n  sortedItems: ComputedRef<T[]>;\n  \n  // Selection\n  selectedItems: Ref<T[]>;\n  selectedItemIds: Ref<Set<string | number>>;\n  allSelected: ComputedRef<boolean>;\n  someSelected: ComputedRef<boolean>;\n  \n  // Filtering\n  activeFilters: Ref<SmartFilter[]>;\n  filteredItems: ComputedRef<T[]>;\n  \n  // Column visibility\n  hiddenColumns: Ref<number[]>;\n  \n  // Reset state\n  resetSelected: Ref<boolean>;\n  \n  // Methods - Pagination\n  setPage: (page: number) => void;\n  setPageSize: (size: number) => void;\n  \n  // Methods - Sorting\n  setSorting: (key: string, order?: 'asc' | 'desc') => void;\n  handleOrderBy: (event: { value: string; orderDirection: 'asc' | 'desc' }) => void;\n  \n  // Methods - Selection\n  selectItem: (item: T) => void;\n  deselectItem: (item: T) => void;\n  selectAll: () => void;\n  selectAllOnPage: () => void;\n  clearSelection: () => void;\n  isSelected: (item: T) => boolean;\n  \n  // Methods - Filtering\n  applyFilters: (filters: SmartFilter[]) => void;\n  clearFilters: () => void;\n  removeFilter: (index: number) => void;\n  \n  // Methods - Column visibility\n  toggleColumn: (index: number) => void;\n  showColumn: (index: number) => void;\n  hideColumn: (index: number) => void;\n  \n  // Event handlers for uiTable\n  handlePageChange: (page: number) => void;\n  handlePageSizeChange: (size: number | string) => void;\n  handleSmartFiltersApplied: (filters: SmartFilter[]) => void;\n  handleSmartFiltersCleared: () => void;\n  handleSmartFilterDeleted: (index: number) => void;\n  handleColumnsVisibilityChanged: (event: { index: number; hidden: boolean }) => void;\n  handleModalAction: (event: { modal: string; action: string }) => void;\n}\n\nexport function useTable<T extends Record<string, any>>(\n  options: UseTableOptions<T>\n): UseTableReturn<T> {\n  const idKey = options.idKey ?? 'id';\n  \n  // Create a reactive reference to items with safety check\n  const items = computed(() => {\n    try {\n      const unwrapped = unref(options.items);\n      // Ensure we always return an array\n      if (!unwrapped) return [];\n      if (!Array.isArray(unwrapped)) {\n        console.warn('useTable: items is not an array', unwrapped);\n        return [];\n      }\n      return unwrapped;\n    } catch (error) {\n      console.error('useTable: Error unwrapping items', error);\n      return [];\n    }\n  });\n  \n  // State - Pagination\n  const currentPage = ref(1);\n  const pageSize = ref(options.pageSize ?? 10);\n  \n  // State - Sorting\n  const sortKey = ref(options.sortKey ?? '');\n  const sortOrder = ref<'asc' | 'desc'>(options.sortOrder ?? 'asc');\n  \n  // State - Selection\n  const selectedItems = ref<T[]>([]) as Ref<T[]>;\n  const selectedItemIds = ref<Set<string | number>>(new Set());\n  const resetSelected = ref(false);\n  \n  // State - Filtering\n  const activeFilters = ref<SmartFilter[]>([]);\n  \n  // State - Column visibility\n  const hiddenColumns = ref<number[]>([]);\n\n  // Computed - Filtering\n  const filteredItems = computed(() => {\n    if (activeFilters.value.length === 0) return items.value;\n\n    return items.value.filter(item => {\n      // All filters must pass (AND logic by default)\n      return activeFilters.value.every(filter => {\n        const { category, operator, value } = filter;\n        \n        if (value === undefined || value === null || value === '') return true;\n        \n        const itemValue = item[category];\n        \n        // Handle different operators\n        switch (operator) {\n          case 'contains':\n            return String(itemValue).toLowerCase().includes(String(value).toLowerCase());\n          case 'is':\n          case '=':\n            return itemValue === value;\n          case '>':\n          case 'greater':\n            return Number(itemValue) > Number(value);\n          case '<':\n          case 'less':\n            return Number(itemValue) < Number(value);\n          case '>=':\n          case 'greaterOrEqual':\n            return Number(itemValue) >= Number(value);\n          case '<=':\n          case 'lessOrEqual':\n            return Number(itemValue) <= Number(value);\n          default:\n            return String(itemValue).toLowerCase().includes(String(value).toLowerCase());\n        }\n      });\n    });\n  });\n\n  // Computed - Sorting\n  const sortedItems = computed(() => {\n    if (!sortKey.value) return filteredItems.value;\n\n    return [...filteredItems.value].sort((a, b) => {\n      const aVal = a[sortKey.value];\n      const bVal = b[sortKey.value];\n      const order = sortOrder.value === 'asc' ? 1 : -1;\n\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n\n      // Handle different types\n      if (typeof aVal === 'string' && typeof bVal === 'string') {\n        return aVal.localeCompare(bVal) * order;\n      }\n\n      return aVal > bVal ? order : -order;\n    });\n  });\n\n  // Computed - Pagination\n  const paginatedItems = computed(() => {\n    const start = (currentPage.value - 1) * pageSize.value;\n    const end = start + pageSize.value;\n    return sortedItems.value.slice(start, end);\n  });\n\n  const totalPages = computed(() =>\n    Math.ceil(sortedItems.value.length / pageSize.value)\n  );\n\n  const totalItems = computed(() => sortedItems.value.length);\n\n  // Computed - Selection\n  const allSelected = computed(() => {\n    if (items.value.length === 0) return false;\n    return selectedItemIds.value.size === items.value.length;\n  });\n\n  const someSelected = computed(() => {\n    return selectedItemIds.value.size > 0 && !allSelected.value;\n  });\n\n  // Methods - Pagination\n  function setPage(page: number) {\n    if (page >= 1 && page <= totalPages.value) {\n      currentPage.value = page;\n    }\n  }\n\n  function setPageSize(size: number) {\n    pageSize.value = size;\n    currentPage.value = 1; // Reset to first page\n  }\n\n  function handlePageChange(page: number) {\n    setPage(page);\n  }\n\n  function handlePageSizeChange(size: number | string) {\n    const numSize = typeof size === 'string' ? parseInt(size) : size;\n    setPageSize(numSize);\n  }\n\n  // Methods - Sorting\n  function setSorting(key: string, order: 'asc' | 'desc' = 'asc') {\n    if (sortKey.value === key) {\n      // Toggle order if same key\n      sortOrder.value = sortOrder.value === 'asc' ? 'desc' : 'asc';\n    } else {\n      sortKey.value = key;\n      sortOrder.value = order;\n    }\n  }\n\n  function handleOrderBy(event: { value: string; orderDirection: 'asc' | 'desc' }) {\n    sortKey.value = event.value;\n    sortOrder.value = event.orderDirection;\n  }\n\n  // Methods - Selection\n  function getItemId(item: T): string | number {\n    return item[idKey];\n  }\n\n  function selectItem(item: T) {\n    const id = getItemId(item);\n    if (!selectedItemIds.value.has(id)) {\n      selectedItemIds.value.add(id);\n      (selectedItems.value as T[]).push(item);\n    }\n  }\n\n  function deselectItem(item: T) {\n    const id = getItemId(item);\n    if (selectedItemIds.value.has(id)) {\n      selectedItemIds.value.delete(id);\n      const index = (selectedItems.value as T[]).findIndex(i => getItemId(i) === id);\n      if (index !== -1) {\n        (selectedItems.value as T[]).splice(index, 1);\n      }\n    }\n  }\n\n  function selectAll() {\n    selectedItemIds.value.clear();\n    (selectedItems.value as T[]).length = 0;\n    \n    items.value.forEach(item => {\n      const id = getItemId(item);\n      selectedItemIds.value.add(id);\n      (selectedItems.value as T[]).push(item);\n    });\n  }\n\n  function selectAllOnPage() {\n    paginatedItems.value.forEach(item => {\n      selectItem(item);\n    });\n  }\n\n  function clearSelection() {\n    selectedItemIds.value.clear();\n    (selectedItems.value as T[]).length = 0;\n    resetSelected.value = true;\n    setTimeout(() => {\n      resetSelected.value = false;\n    }, 100);\n  }\n\n  function isSelected(item: T): boolean {\n    const id = getItemId(item);\n    return selectedItemIds.value.has(id);\n  }\n\n  // Methods - Filtering\n  function applyFilters(filters: SmartFilter[]) {\n    activeFilters.value = filters;\n    currentPage.value = 1; // Reset to first page when filters change\n  }\n\n  function clearFilters() {\n    activeFilters.value = [];\n    currentPage.value = 1;\n  }\n\n  function removeFilter(index: number) {\n    if (index >= 0 && index < activeFilters.value.length) {\n      activeFilters.value.splice(index, 1);\n      currentPage.value = 1;\n    }\n  }\n\n  function handleSmartFiltersApplied(filters: SmartFilter[]) {\n    applyFilters(filters);\n  }\n\n  function handleSmartFiltersCleared() {\n    clearFilters();\n  }\n\n  function handleSmartFilterDeleted(index: number) {\n    removeFilter(index);\n  }\n\n  // Methods - Column visibility\n  function toggleColumn(index: number) {\n    const hiddenIndex = hiddenColumns.value.indexOf(index);\n    if (hiddenIndex > -1) {\n      hiddenColumns.value.splice(hiddenIndex, 1);\n    } else {\n      hiddenColumns.value.push(index);\n    }\n  }\n\n  function showColumn(index: number) {\n    const hiddenIndex = hiddenColumns.value.indexOf(index);\n    if (hiddenIndex > -1) {\n      hiddenColumns.value.splice(hiddenIndex, 1);\n    }\n  }\n\n  function hideColumn(index: number) {\n    if (!hiddenColumns.value.includes(index)) {\n      hiddenColumns.value.push(index);\n    }\n  }\n\n  function handleColumnsVisibilityChanged(event: { index: number; hidden: boolean }) {\n    if (event.hidden) {\n      hideColumn(event.index);\n    } else {\n      showColumn(event.index);\n    }\n  }\n\n  // Methods - Modal actions\n  function handleModalAction(event: { modal: string; action: string }) {\n    if (event.modal === 'selectAllItemsModal' || event.modal.includes('selectAll')) {\n      if (event.action === 'selectAll') {\n        selectAll();\n      } else if (event.action === 'close') {\n        selectAllOnPage();\n      }\n    }\n  }\n\n  return {\n    // Pagination\n    currentPage,\n    pageSize,\n    totalPages,\n    totalItems,\n    paginatedItems,\n    \n    // Sorting\n    sortKey,\n    sortOrder,\n    sortedItems,\n    \n    // Selection\n    selectedItems,\n    selectedItemIds,\n    allSelected,\n    someSelected,\n    \n    // Filtering\n    activeFilters,\n    filteredItems,\n    \n    // Column visibility\n    hiddenColumns,\n    \n    // Reset state\n    resetSelected,\n    \n    // Methods - Pagination\n    setPage,\n    setPageSize,\n    handlePageChange,\n    handlePageSizeChange,\n    \n    // Methods - Sorting\n    setSorting,\n    handleOrderBy,\n    \n    // Methods - Selection\n    selectItem,\n    deselectItem,\n    selectAll,\n    selectAllOnPage,\n    clearSelection,\n    isSelected,\n    \n    // Methods - Filtering\n    applyFilters,\n    clearFilters,\n    removeFilter,\n    handleSmartFiltersApplied,\n    handleSmartFiltersCleared,\n    handleSmartFilterDeleted,\n    \n    // Methods - Column visibility\n    toggleColumn,\n    showColumn,\n    hideColumn,\n    handleColumnsVisibilityChanged,\n    \n    // Methods - Modal actions\n    handleModalAction,\n  };\n}\n","import { ref, type Ref } from 'vue';\n\nexport interface UseModalOptions {\n  initialOpen?: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\nexport interface UseModalReturn {\n  isOpen: Ref<boolean>;\n  open: () => void;\n  close: () => void;\n  toggle: () => void;\n}\n\nexport function useModal(options: UseModalOptions = {}): UseModalReturn {\n  const isOpen = ref(options.initialOpen ?? false);\n\n  function open() {\n    isOpen.value = true;\n    options.onOpen?.();\n  }\n\n  function close() {\n    isOpen.value = false;\n    options.onClose?.();\n  }\n\n  function toggle() {\n    if (isOpen.value) {\n      close();\n    } else {\n      open();\n    }\n  }\n\n  return {\n    isOpen,\n    open,\n    close,\n    toggle\n  };\n}\n","import { ref, computed, type Ref, type ComputedRef } from 'vue';\n\nexport interface Tab {\n  id: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface UseTabsOptions {\n  tabs: Tab[];\n  initialTab?: string;\n  onChange?: (tabId: string) => void;\n}\n\nexport interface UseTabsReturn {\n  activeTab: Ref<string>;\n  tabs: Ref<Tab[]>;\n  currentTabIndex: ComputedRef<number>;\n  isFirstTab: ComputedRef<boolean>;\n  isLastTab: ComputedRef<boolean>;\n  setActiveTab: (tabId: string) => void;\n  nextTab: () => void;\n  previousTab: () => void;\n  isTabActive: (tabId: string) => boolean;\n  isTabDisabled: (tabId: string) => boolean;\n}\n\nexport function useTabs(options: UseTabsOptions): UseTabsReturn {\n  const tabs = ref(options.tabs);\n  const activeTab = ref(\n    options.initialTab || (tabs.value.length > 0 ? tabs.value[0].id : '')\n  );\n\n  const currentTabIndex = computed(() =>\n    tabs.value.findIndex(tab => tab.id === activeTab.value)\n  );\n\n  const isFirstTab = computed(() => currentTabIndex.value === 0);\n\n  const isLastTab = computed(() =>\n    currentTabIndex.value === tabs.value.length - 1\n  );\n\n  function setActiveTab(tabId: string) {\n    const tab = tabs.value.find(t => t.id === tabId);\n    if (tab && !tab.disabled) {\n      activeTab.value = tabId;\n      options.onChange?.(tabId);\n    }\n  }\n\n  function nextTab() {\n    if (!isLastTab.value) {\n      const nextIndex = currentTabIndex.value + 1;\n      const nextTab = tabs.value[nextIndex];\n      if (nextTab && !nextTab.disabled) {\n        setActiveTab(nextTab.id);\n      } else if (nextIndex < tabs.value.length - 1) {\n        // Skip disabled tab and try next\n        activeTab.value = nextTab.id;\n        nextTab();\n      }\n    }\n  }\n\n  function previousTab() {\n    if (!isFirstTab.value) {\n      const prevIndex = currentTabIndex.value - 1;\n      const prevTab = tabs.value[prevIndex];\n      if (prevTab && !prevTab.disabled) {\n        setActiveTab(prevTab.id);\n      } else if (prevIndex > 0) {\n        // Skip disabled tab and try previous\n        activeTab.value = prevTab.id;\n        previousTab();\n      }\n    }\n  }\n\n  function isTabActive(tabId: string): boolean {\n    return activeTab.value === tabId;\n  }\n\n  function isTabDisabled(tabId: string): boolean {\n    const tab = tabs.value.find(t => t.id === tabId);\n    return tab?.disabled ?? false;\n  }\n\n  return {\n    activeTab,\n    tabs,\n    currentTabIndex,\n    isFirstTab,\n    isLastTab,\n    setActiveTab,\n    nextTab,\n    previousTab,\n    isTabActive,\n    isTabDisabled\n  };\n}\n","import { ref, computed, type Ref, type ComputedRef } from 'vue';\n\nexport interface ValidationRule<T = any> {\n  validate: (value: T) => boolean | Promise<boolean>;\n  message: string;\n}\n\nexport interface FieldConfig {\n  rules?: ValidationRule[];\n  initialValue?: any;\n}\n\nexport interface UseFormOptions<T extends Record<string, any>> {\n  initialValues: T;\n  validationRules?: Partial<Record<keyof T, ValidationRule[]>>;\n  onSubmit?: (values: T) => void | Promise<void>;\n}\n\nexport interface UseFormReturn<T extends Record<string, any>> {\n  values: Ref<T>;\n  errors: Ref<Partial<Record<keyof T, string>>>;\n  touched: Ref<Partial<Record<keyof T, boolean>>>;\n  isSubmitting: Ref<boolean>;\n  isValid: ComputedRef<boolean>;\n  setFieldValue: (field: keyof T, value: any) => void;\n  setFieldError: (field: keyof T, error: string) => void;\n  setFieldTouched: (field: keyof T, touched: boolean) => void;\n  validateField: (field: keyof T) => Promise<boolean>;\n  validateForm: () => Promise<boolean>;\n  handleSubmit: (event?: Event) => Promise<void>;\n  resetForm: () => void;\n}\n\nexport function useForm<T extends Record<string, any>>(\n  options: UseFormOptions<T>\n): UseFormReturn<T> {\n  const values = ref<T>({ ...options.initialValues }) as Ref<T>;\n  const errors = ref<Partial<Record<keyof T, string>>>({});\n  const touched = ref<Partial<Record<keyof T, boolean>>>({});\n  const isSubmitting = ref(false);\n\n  const isValid = computed(() => Object.keys(errors.value).length === 0);\n\n  function setFieldValue(field: keyof T, value: any) {\n    values.value[field] = value;\n  }\n\n  function setFieldError(field: keyof T, error: string) {\n    errors.value[field] = error;\n  }\n\n  function setFieldTouched(field: keyof T, isTouched: boolean) {\n    touched.value[field] = isTouched;\n  }\n\n  async function validateField(field: keyof T): Promise<boolean> {\n    const rules = options.validationRules?.[field];\n    if (!rules || rules.length === 0) return true;\n\n    const value = values.value[field];\n\n    for (const rule of rules) {\n      const isValid = await rule.validate(value);\n      if (!isValid) {\n        setFieldError(field, rule.message);\n        return false;\n      }\n    }\n\n    // Clear error if validation passed\n    delete errors.value[field];\n    return true;\n  }\n\n  async function validateForm(): Promise<boolean> {\n    const fields = Object.keys(values.value) as Array<keyof T>;\n    const validationResults = await Promise.all(\n      fields.map(field => validateField(field))\n    );\n\n    return validationResults.every(result => result);\n  }\n\n  async function handleSubmit(event?: Event) {\n    if (event) {\n      event.preventDefault();\n    }\n\n    if (isSubmitting.value) return;\n\n    // Mark all fields as touched\n    for (const field of Object.keys(values.value) as Array<keyof T>) {\n      setFieldTouched(field, true);\n    }\n\n    // Validate form\n    const isFormValid = await validateForm();\n    if (!isFormValid) return;\n\n    // Submit form\n    isSubmitting.value = true;\n    try {\n      await options.onSubmit?.(values.value);\n    } finally {\n      isSubmitting.value = false;\n    }\n  }\n\n  function resetForm() {\n    values.value = { ...options.initialValues };\n    errors.value = {};\n    touched.value = {};\n    isSubmitting.value = false;\n  }\n\n  return {\n    values,\n    errors,\n    touched,\n    isSubmitting,\n    isValid,\n    setFieldValue,\n    setFieldError,\n    setFieldTouched,\n    validateField,\n    validateForm,\n    handleSubmit,\n    resetForm\n  };\n}\n","import type { ValidationRule } from './useForm';\n\n// Common validation rules\nexport const required = (message = 'This field is required'): ValidationRule => ({\n  validate: (value: any) => {\n    if (value === null || value === undefined) return false;\n    if (typeof value === 'string') return value.trim().length > 0;\n    if (Array.isArray(value)) return value.length > 0;\n    return true;\n  },\n  message\n});\n\nexport const minLength = (min: number, message?: string): ValidationRule => ({\n  validate: (value: string) => {\n    if (!value) return true; // Let required handle empty values\n    return value.length >= min;\n  },\n  message: message || `Must be at least ${min} characters`\n});\n\nexport const maxLength = (max: number, message?: string): ValidationRule => ({\n  validate: (value: string) => {\n    if (!value) return true;\n    return value.length <= max;\n  },\n  message: message || `Must be at most ${max} characters`\n});\n\nexport const email = (message = 'Invalid email address'): ValidationRule => ({\n  validate: (value: string) => {\n    if (!value) return true;\n    const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    return emailRegex.test(value);\n  },\n  message\n});\n\nexport const pattern = (regex: RegExp, message = 'Invalid format'): ValidationRule => ({\n  validate: (value: string) => {\n    if (!value) return true;\n    return regex.test(value);\n  },\n  message\n});\n\nexport const min = (minValue: number, message?: string): ValidationRule => ({\n  validate: (value: number) => {\n    if (value === null || value === undefined) return true;\n    return value >= minValue;\n  },\n  message: message || `Must be at least ${minValue}`\n});\n\nexport const max = (maxValue: number, message?: string): ValidationRule => ({\n  validate: (value: number) => {\n    if (value === null || value === undefined) return true;\n    return value <= maxValue;\n  },\n  message: message || `Must be at most ${maxValue}`\n});\n\nexport const custom = (\n  validator: (value: any) => boolean | Promise<boolean>,\n  message: string\n): ValidationRule => ({\n  validate: validator,\n  message\n});\n\n// Composable for form validation\nexport function useFormValidation() {\n  return {\n    required,\n    minLength,\n    maxLength,\n    email,\n    pattern,\n    min,\n    max,\n    custom\n  };\n}\n","import { ref, type Ref } from 'vue';\n\nexport interface Notification {\n  id: string;\n  message: string;\n  type: 'info' | 'success' | 'warning' | 'error';\n  duration?: number;\n}\n\nexport interface UseNotificationsReturn {\n  notifications: Ref<Notification[]>;\n  addNotification: (notification: Omit<Notification, 'id'>) => string;\n  removeNotification: (id: string) => void;\n  clearAll: () => void;\n  info: (message: string, duration?: number) => string;\n  success: (message: string, duration?: number) => string;\n  warning: (message: string, duration?: number) => string;\n  error: (message: string, duration?: number) => string;\n}\n\n// Global notifications state\nconst notifications = ref<Notification[]>([]);\n\nexport function useNotifications(): UseNotificationsReturn {\n  function addNotification(notification: Omit<Notification, 'id'>): string {\n    const id = `notification-${Date.now()}-${Math.random()}`;\n    const newNotification: Notification = {\n      ...notification,\n      id\n    };\n\n    notifications.value.push(newNotification);\n\n    // Auto-remove after duration\n    if (notification.duration) {\n      setTimeout(() => {\n        removeNotification(id);\n      }, notification.duration);\n    }\n\n    return id;\n  }\n\n  function removeNotification(id: string) {\n    const index = notifications.value.findIndex(n => n.id === id);\n    if (index !== -1) {\n      notifications.value.splice(index, 1);\n    }\n  }\n\n  function clearAll() {\n    notifications.value = [];\n  }\n\n  function info(message: string, duration = 3000): string {\n    return addNotification({ message, type: 'info', duration });\n  }\n\n  function success(message: string, duration = 3000): string {\n    return addNotification({ message, type: 'success', duration });\n  }\n\n  function warning(message: string, duration = 3000): string {\n    return addNotification({ message, type: 'warning', duration });\n  }\n\n  function error(message: string, duration = 5000): string {\n    return addNotification({ message, type: 'error', duration });\n  }\n\n  return {\n    notifications,\n    addNotification,\n    removeNotification,\n    clearAll,\n    info,\n    success,\n    warning,\n    error\n  };\n}\n"],"mappings":"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","names":["ref","ref","computed","nextTab","ref","computed","isValid","min","max","ref"]}

package/package.json

@@ -1,41 +1,41 @@
 {
-	"name": "@htlkg/components",
-	"version": "0.0.1",
-	"type": "module",
-	"exports": {
-		".": "./src/index.ts",
-		"./data": "./src/data/index.ts",
-		"./forms": "./src/forms/index.ts",
-		"./navigation": "./src/navigation/index.ts",
-		"./overlays": "./src/overlays/index.ts",
-		"./domain": "./src/domain/index.ts",
-		"./composables": "./dist/composables/index.js"
-	},
-	"files": [
-		"src",
-		"dist"
-	],
-	"scripts": {
-		"build": "tsup",
-		"dev": "tsup --watch",
-		"test": "vitest run",
-		"test:watch": "vitest"
-	},
-	"dependencies": {
-		"@hotelinking/ui": "^15.49.1",
-		"@htlkg/core": "^0.0.1",
-		"@htlkg/data": "^0.0.1",
-		"ajv": "^8.17.1",
-		"ajv-formats": "^3.0.1",
-		"vue": "^3.5.22"
-	},
-	"publishConfig": {
-		"access": "restricted"
-	},
-	"devDependencies": {
-		"@vue/test-utils": "^2.4.6",
-		"tsup": "^8.0.0",
-		"typescript": "^5.9.2",
-		"vitest": "^3.2.4"
-	}
-}
+  "name": "@htlkg/components",
+  "version": "0.0.2",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./data": "./src/data/index.ts",
+    "./forms": "./src/forms/index.ts",
+    "./navigation": "./src/navigation/index.ts",
+    "./overlays": "./src/overlays/index.ts",
+    "./domain": "./src/domain/index.ts",
+    "./composables": "./dist/composables/index.js"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "dependencies": {
+    "@hotelinking/ui": "^16.49.16",
+    "ajv": "^8.17.1",
+    "ajv-formats": "^3.0.1",
+    "vue": "^3.5.22",
+    "@htlkg/core": "0.0.2",
+    "@htlkg/data": "0.0.2"
+  },
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^2.4.6",
+    "tsup": "^8.0.0",
+    "typescript": "^5.9.2",
+    "vitest": "^3.2.4"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}

package/src/composables/__test-useTable__.ts

@@ -0,0 +1,34 @@
+// Quick test to verify useTable works with computed refs
+import { computed } from 'vue';
+import { useTable } from './useTable';
+
+// Test 1: Plain array
+const test1 = useTable({
+  items: [{ id: 1, name: 'Test' }],
+  pageSize: 10,
+});
+
+console.log('Test 1 (plain array):', test1.paginatedItems.value);
+
+// Test 2: Computed ref
+const data = computed(() => [
+  { id: 1, name: 'Item 1' },
+  { id: 2, name: 'Item 2' },
+]);
+
+const test2 = useTable({
+  items: data,
+  pageSize: 10,
+});
+
+console.log('Test 2 (computed ref):', test2.paginatedItems.value);
+
+// Test 3: Empty array
+const test3 = useTable({
+  items: [],
+  pageSize: 10,
+});
+
+console.log('Test 3 (empty array):', test3.paginatedItems.value);
+
+export { test1, test2, test3 };

package/src/composables/index.ts

@@ -1,4 +1,4 @@
-export { useTable, type UseTableOptions, type UseTableReturn } from './useTable';
+export { useTable, type UseTableOptions, type UseTableReturn, type SmartFilter } from './useTable';
 export { useModal, type UseModalOptions, type UseModalReturn } from './useModal';
 export { useTabs, type UseTabsOptions, type UseTabsReturn, type Tab } from './useTabs';
 export { useForm, type UseFormOptions, type UseFormReturn, type ValidationRule, type FieldConfig } from './useForm';