@htlkg/components 0.0.1

package/dist/composables/index.js

@@ -0,0 +1,388 @@
+// src/composables/useTable.ts
+import { ref, computed } from "vue";
+function useTable(options) {
+  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 sortedItems = computed(() => {
+    if (!sortKey.value) return options.items;
+    return [...options.items].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;
+      return aVal > bVal ? order : -order;
+    });
+  });
+  const paginatedItems = computed(() => {
+    const start = (currentPage.value - 1) * pageSize.value;
+    const end = start + pageSize.value;
+    return sortedItems.value.slice(start, end);
+  });
+  const totalPages = computed(
+    () => Math.ceil(options.items.length / pageSize.value)
+  );
+  function setPage(page) {
+    if (page >= 1 && page <= totalPages.value) {
+      currentPage.value = page;
+    }
+  }
+  function setPageSize(size) {
+    pageSize.value = size;
+    currentPage.value = 1;
+  }
+  function setSorting(key, order = "asc") {
+    if (sortKey.value === key) {
+      sortOrder.value = sortOrder.value === "asc" ? "desc" : "asc";
+    } else {
+      sortKey.value = key;
+      sortOrder.value = order;
+    }
+  }
+  function selectItem(item) {
+    if (!isSelected(item)) {
+      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);
+    }
+  }
+  function selectAll() {
+    selectedItems.value = [...options.items];
+  }
+  function clearSelection() {
+    selectedItems.value = [];
+  }
+  function isSelected(item) {
+    return selectedItems.value.some(
+      (i) => JSON.stringify(i) === JSON.stringify(item)
+    );
+  }
+  return {
+    currentPage,
+    pageSize,
+    sortKey,
+    sortOrder,
+    selectedItems,
+    paginatedItems,
+    totalPages,
+    sortedItems,
+    setPage,
+    setPageSize,
+    setSorting,
+    selectItem,
+    deselectItem,
+    selectAll,
+    clearSelection,
+    isSelected
+  };
+}
+
+// src/composables/useModal.ts
+import { ref as ref2 } from "vue";
+function useModal(options = {}) {
+  const isOpen = ref2(options.initialOpen ?? false);
+  function open() {
+    isOpen.value = true;
+    options.onOpen?.();
+  }
+  function close() {
+    isOpen.value = false;
+    options.onClose?.();
+  }
+  function toggle() {
+    if (isOpen.value) {
+      close();
+    } else {
+      open();
+    }
+  }
+  return {
+    isOpen,
+    open,
+    close,
+    toggle
+  };
+}
+
+// src/composables/useTabs.ts
+import { ref as ref3, computed as computed2 } from "vue";
+function useTabs(options) {
+  const tabs = ref3(options.tabs);
+  const activeTab = ref3(
+    options.initialTab || (tabs.value.length > 0 ? tabs.value[0].id : "")
+  );
+  const currentTabIndex = computed2(
+    () => tabs.value.findIndex((tab) => tab.id === activeTab.value)
+  );
+  const isFirstTab = computed2(() => currentTabIndex.value === 0);
+  const isLastTab = computed2(
+    () => currentTabIndex.value === tabs.value.length - 1
+  );
+  function setActiveTab(tabId) {
+    const tab = tabs.value.find((t) => t.id === tabId);
+    if (tab && !tab.disabled) {
+      activeTab.value = tabId;
+      options.onChange?.(tabId);
+    }
+  }
+  function nextTab() {
+    if (!isLastTab.value) {
+      const nextIndex = currentTabIndex.value + 1;
+      const nextTab2 = tabs.value[nextIndex];
+      if (nextTab2 && !nextTab2.disabled) {
+        setActiveTab(nextTab2.id);
+      } else if (nextIndex < tabs.value.length - 1) {
+        activeTab.value = nextTab2.id;
+        nextTab2();
+      }
+    }
+  }
+  function previousTab() {
+    if (!isFirstTab.value) {
+      const prevIndex = currentTabIndex.value - 1;
+      const prevTab = tabs.value[prevIndex];
+      if (prevTab && !prevTab.disabled) {
+        setActiveTab(prevTab.id);
+      } else if (prevIndex > 0) {
+        activeTab.value = prevTab.id;
+        previousTab();
+      }
+    }
+  }
+  function isTabActive(tabId) {
+    return activeTab.value === tabId;
+  }
+  function isTabDisabled(tabId) {
+    const tab = tabs.value.find((t) => t.id === tabId);
+    return tab?.disabled ?? false;
+  }
+  return {
+    activeTab,
+    tabs,
+    currentTabIndex,
+    isFirstTab,
+    isLastTab,
+    setActiveTab,
+    nextTab,
+    previousTab,
+    isTabActive,
+    isTabDisabled
+  };
+}
+
+// src/composables/useForm.ts
+import { ref as ref4, computed as computed3 } from "vue";
+function useForm(options) {
+  const values = ref4({ ...options.initialValues });
+  const errors = ref4({});
+  const touched = ref4({});
+  const isSubmitting = ref4(false);
+  const isValid = computed3(() => Object.keys(errors.value).length === 0);
+  function setFieldValue(field, value) {
+    values.value[field] = value;
+  }
+  function setFieldError(field, error) {
+    errors.value[field] = error;
+  }
+  function setFieldTouched(field, isTouched) {
+    touched.value[field] = isTouched;
+  }
+  async function validateField(field) {
+    const rules = options.validationRules?.[field];
+    if (!rules || rules.length === 0) return true;
+    const value = values.value[field];
+    for (const rule of rules) {
+      const isValid2 = await rule.validate(value);
+      if (!isValid2) {
+        setFieldError(field, rule.message);
+        return false;
+      }
+    }
+    delete errors.value[field];
+    return true;
+  }
+  async function validateForm() {
+    const fields = Object.keys(values.value);
+    const validationResults = await Promise.all(
+      fields.map((field) => validateField(field))
+    );
+    return validationResults.every((result) => result);
+  }
+  async function handleSubmit(event) {
+    if (event) {
+      event.preventDefault();
+    }
+    if (isSubmitting.value) return;
+    for (const field of Object.keys(values.value)) {
+      setFieldTouched(field, true);
+    }
+    const isFormValid = await validateForm();
+    if (!isFormValid) return;
+    isSubmitting.value = true;
+    try {
+      await options.onSubmit?.(values.value);
+    } finally {
+      isSubmitting.value = false;
+    }
+  }
+  function resetForm() {
+    values.value = { ...options.initialValues };
+    errors.value = {};
+    touched.value = {};
+    isSubmitting.value = false;
+  }
+  return {
+    values,
+    errors,
+    touched,
+    isSubmitting,
+    isValid,
+    setFieldValue,
+    setFieldError,
+    setFieldTouched,
+    validateField,
+    validateForm,
+    handleSubmit,
+    resetForm
+  };
+}
+
+// src/composables/useFormValidation.ts
+var required = (message = "This field is required") => ({
+  validate: (value) => {
+    if (value === null || value === void 0) return false;
+    if (typeof value === "string") return value.trim().length > 0;
+    if (Array.isArray(value)) return value.length > 0;
+    return true;
+  },
+  message
+});
+var minLength = (min2, message) => ({
+  validate: (value) => {
+    if (!value) return true;
+    return value.length >= min2;
+  },
+  message: message || `Must be at least ${min2} characters`
+});
+var maxLength = (max2, message) => ({
+  validate: (value) => {
+    if (!value) return true;
+    return value.length <= max2;
+  },
+  message: message || `Must be at most ${max2} characters`
+});
+var email = (message = "Invalid email address") => ({
+  validate: (value) => {
+    if (!value) return true;
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(value);
+  },
+  message
+});
+var pattern = (regex, message = "Invalid format") => ({
+  validate: (value) => {
+    if (!value) return true;
+    return regex.test(value);
+  },
+  message
+});
+var min = (minValue, message) => ({
+  validate: (value) => {
+    if (value === null || value === void 0) return true;
+    return value >= minValue;
+  },
+  message: message || `Must be at least ${minValue}`
+});
+var max = (maxValue, message) => ({
+  validate: (value) => {
+    if (value === null || value === void 0) return true;
+    return value <= maxValue;
+  },
+  message: message || `Must be at most ${maxValue}`
+});
+var custom = (validator, message) => ({
+  validate: validator,
+  message
+});
+function useFormValidation() {
+  return {
+    required,
+    minLength,
+    maxLength,
+    email,
+    pattern,
+    min,
+    max,
+    custom
+  };
+}
+
+// src/composables/useNotifications.ts
+import { ref as ref5 } from "vue";
+var notifications = ref5([]);
+function useNotifications() {
+  function addNotification(notification) {
+    const id = `notification-${Date.now()}-${Math.random()}`;
+    const newNotification = {
+      ...notification,
+      id
+    };
+    notifications.value.push(newNotification);
+    if (notification.duration) {
+      setTimeout(() => {
+        removeNotification(id);
+      }, notification.duration);
+    }
+    return id;
+  }
+  function removeNotification(id) {
+    const index = notifications.value.findIndex((n) => n.id === id);
+    if (index !== -1) {
+      notifications.value.splice(index, 1);
+    }
+  }
+  function clearAll() {
+    notifications.value = [];
+  }
+  function info(message, duration = 3e3) {
+    return addNotification({ message, type: "info", duration });
+  }
+  function success(message, duration = 3e3) {
+    return addNotification({ message, type: "success", duration });
+  }
+  function warning(message, duration = 3e3) {
+    return addNotification({ message, type: "warning", duration });
+  }
+  function error(message, duration = 5e3) {
+    return addNotification({ message, type: "error", duration });
+  }
+  return {
+    notifications,
+    addNotification,
+    removeNotification,
+    clearAll,
+    info,
+    success,
+    warning,
+    error
+  };
+}
+export {
+  useForm,
+  useFormValidation,
+  useModal,
+  useNotifications,
+  useTable,
+  useTabs
+};
+//# sourceMappingURL=index.js.map

package/dist/composables/index.js.map

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

package/package.json

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

package/src/composables/index.ts

@@ -0,0 +1,6 @@
+export { useTable, type UseTableOptions, type UseTableReturn } 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';
+export { useFormValidation } from './useFormValidation';
+export { useNotifications, type Notification, type UseNotificationsReturn } from './useNotifications';