cisse-vue-ui 0.1.0

package/dist/composables/useExportCSV.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Composable for exporting data to CSV format
+ */
+export declare function useExportCSV(): {
+    exportToCSV: <T extends Record<string, unknown>>(data: T[], columns: {
+        key: keyof T;
+        label: string;
+    }[], filename?: string) => void;
+    escapeCSV: (value: unknown) => string;
+};

package/dist/composables/useNotifications.d.ts

@@ -0,0 +1,27 @@
+import { NotificationType, NotificationOptions } from '../types';
+/**
+ * Composable for managing notifications/toasts
+ * Standalone implementation without Pinia dependency
+ */
+export declare function useNotifications(): {
+    notifications: Readonly<import('vue').Ref<readonly {
+        readonly id?: string | undefined;
+        readonly type: NotificationType;
+        readonly message: string;
+        readonly title?: string | null | undefined;
+        readonly duration?: number | undefined;
+    }[], readonly {
+        readonly id?: string | undefined;
+        readonly type: NotificationType;
+        readonly message: string;
+        readonly title?: string | null | undefined;
+        readonly duration?: number | undefined;
+    }[]>>;
+    notify: (type: NotificationType, message: string, options?: NotificationOptions) => string;
+    success: (message: string, options?: NotificationOptions) => string;
+    warning: (message: string, options?: NotificationOptions) => string;
+    error: (message: string, options?: NotificationOptions) => string;
+    info: (message: string, options?: NotificationOptions) => string;
+    remove: (id: string) => void;
+    clear: () => void;
+};

package/dist/index-BoCtJCg0.cjs

@@ -0,0 +1,32 @@
+"use strict";
+const TableAction_vue_vue_type_script_setup_true_lang = require("./TableAction.vue_vue_type_script_setup_true_lang-CojbKn7E.cjs");
+const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
+const SearchInput_vue_vue_type_script_setup_true_lang = require("./SearchInput.vue_vue_type_script_setup_true_lang-Be73hShP.cjs");
+const NotificationList_vue_vue_type_script_setup_true_lang = require("./NotificationList.vue_vue_type_script_setup_true_lang-Ci3zIvrv.cjs");
+const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AutocompleteComponent: TableAction_vue_vue_type_script_setup_true_lang._sfc_main$2,
+  BadgeType: BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$5,
+  BooleanType: BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$4,
+  CardComponent: TableAction_vue_vue_type_script_setup_true_lang._sfc_main,
+  DateType: BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$3,
+  FormGroup: SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$4,
+  FormHelp: SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$1,
+  FormInput: SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$2,
+  FormLabel: SearchInput_vue_vue_type_script_setup_true_lang._sfc_main,
+  FormSelect: SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$3,
+  LoadingSpinner: NotificationList_vue_vue_type_script_setup_true_lang._sfc_main,
+  MenuItem: TableAction_vue_vue_type_script_setup_true_lang._sfc_main$3,
+  Modal: NotificationList_vue_vue_type_script_setup_true_lang._sfc_main$1,
+  NotificationComponent: NotificationList_vue_vue_type_script_setup_true_lang._sfc_main$3,
+  NotificationList: NotificationList_vue_vue_type_script_setup_true_lang._sfc_main$4,
+  NumberType: BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$2,
+  PaginationControls: NotificationList_vue_vue_type_script_setup_true_lang._sfc_main$2,
+  SearchInput: SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$5,
+  StatusBadge: BadgeType_vue_vue_type_script_setup_true_lang._sfc_main,
+  TableAction: TableAction_vue_vue_type_script_setup_true_lang._sfc_main$4,
+  TableComponent: TableAction_vue_vue_type_script_setup_true_lang._sfc_main$1,
+  TextType: BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$1
+}, Symbol.toStringTag, { value: "Module" }));
+exports.components = components;
+//# sourceMappingURL=index-BoCtJCg0.cjs.map

package/dist/index-BoCtJCg0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BoCtJCg0.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index-CGhDI10m.js

@@ -0,0 +1,33 @@
+import { b as _sfc_main, _ as _sfc_main$3, c as _sfc_main$b, d as _sfc_main$j, a as _sfc_main$k } from "./TableAction.vue_vue_type_script_setup_true_lang-BHskhVhK.js";
+import { e as _sfc_main$1, d as _sfc_main$2, c as _sfc_main$4, b as _sfc_main$f, _ as _sfc_main$i, a as _sfc_main$l } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { d as _sfc_main$5, a as _sfc_main$6, b as _sfc_main$7, _ as _sfc_main$8, c as _sfc_main$9, e as _sfc_main$h } from "./SearchInput.vue_vue_type_script_setup_true_lang-DjT2qdcp.js";
+import { _ as _sfc_main$a, a as _sfc_main$c, c as _sfc_main$d, d as _sfc_main$e, b as _sfc_main$g } from "./NotificationList.vue_vue_type_script_setup_true_lang-B2hjbMm4.js";
+const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AutocompleteComponent: _sfc_main,
+  BadgeType: _sfc_main$1,
+  BooleanType: _sfc_main$2,
+  CardComponent: _sfc_main$3,
+  DateType: _sfc_main$4,
+  FormGroup: _sfc_main$5,
+  FormHelp: _sfc_main$6,
+  FormInput: _sfc_main$7,
+  FormLabel: _sfc_main$8,
+  FormSelect: _sfc_main$9,
+  LoadingSpinner: _sfc_main$a,
+  MenuItem: _sfc_main$b,
+  Modal: _sfc_main$c,
+  NotificationComponent: _sfc_main$d,
+  NotificationList: _sfc_main$e,
+  NumberType: _sfc_main$f,
+  PaginationControls: _sfc_main$g,
+  SearchInput: _sfc_main$h,
+  StatusBadge: _sfc_main$i,
+  TableAction: _sfc_main$j,
+  TableComponent: _sfc_main$k,
+  TextType: _sfc_main$l
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  components as c
+};
+//# sourceMappingURL=index-CGhDI10m.js.map

package/dist/index-CGhDI10m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CGhDI10m.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TableAction_vue_vue_type_script_setup_true_lang = require("./TableAction.vue_vue_type_script_setup_true_lang-CojbKn7E.cjs");
+const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
+const SearchInput_vue_vue_type_script_setup_true_lang = require("./SearchInput.vue_vue_type_script_setup_true_lang-Be73hShP.cjs");
+const NotificationList_vue_vue_type_script_setup_true_lang = require("./NotificationList.vue_vue_type_script_setup_true_lang-Ci3zIvrv.cjs");
+const useExportCSV = require("./useExportCSV-BPC_hd25.cjs");
+const components_index = require("./index-BoCtJCg0.cjs");
+const VueTailwindUI = {
+  install(app, options = {}) {
+    const { prefix = "", components: selectedComponents } = options;
+    const allComponents = components_index.components;
+    const componentsToRegister = selectedComponents ? Object.fromEntries(
+      Object.entries(allComponents).filter(
+        ([name]) => selectedComponents.includes(name)
+      )
+    ) : allComponents;
+    for (const [name, component] of Object.entries(componentsToRegister)) {
+      app.component(`${prefix}${name}`, component);
+    }
+  }
+};
+exports.AutocompleteComponent = TableAction_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.CardComponent = TableAction_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.MenuItem = TableAction_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.TableAction = TableAction_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.TableComponent = TableAction_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.BadgeType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.BooleanType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.DateType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.NumberType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.TextType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.FormGroup = SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.FormHelp = SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.FormInput = SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.FormLabel = SearchInput_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.FormSelect = SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.SearchInput = SearchInput_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.LoadingSpinner = NotificationList_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.Modal = NotificationList_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.NotificationComponent = NotificationList_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.NotificationList = NotificationList_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.PaginationControls = NotificationList_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.useDarkMode = useExportCSV.useDarkMode;
+exports.useExportCSV = useExportCSV.useExportCSV;
+exports.useNotifications = useExportCSV.useNotifications;
+exports.VueTailwindUI = VueTailwindUI;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin, Component } from 'vue'\nimport * as components from './components'\n\nexport interface PluginOptions {\n  /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */\n  prefix?: string\n  /** List of specific components to register. If not provided, all components are registered */\n  components?: string[]\n}\n\n/**\n * Vue plugin for global component registration\n *\n * @example\n * // Register all components\n * app.use(VueTailwindUI)\n *\n * @example\n * // Register with prefix\n * app.use(VueTailwindUI, { prefix: 'Ui' })\n *\n * @example\n * // Register specific components only\n * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })\n */\nconst VueTailwindUI: Plugin = {\n  install(app: App, options: PluginOptions = {}) {\n    const { prefix = '', components: selectedComponents } = options\n\n    const allComponents = components as Record<string, Component>\n\n    const componentsToRegister = selectedComponents\n      ? Object.fromEntries(\n          Object.entries(allComponents).filter(([name]) =>\n            selectedComponents.includes(name),\n          ),\n        )\n      : allComponents\n\n    for (const [name, component] of Object.entries(componentsToRegister)) {\n      app.component(`${prefix}${name}`, component)\n    }\n  },\n}\n\nexport default VueTailwindUI\n"],"names":["components"],"mappings":";;;;;;;;AAyBA,MAAM,gBAAwB;AAAA,EAC5B,QAAQ,KAAU,UAAyB,IAAI;AAC7C,UAAM,EAAE,SAAS,IAAI,YAAY,uBAAuB;AAExD,UAAM,gBAAgBA,iBAAAA;AAEtB,UAAM,uBAAuB,qBACzB,OAAO;AAAA,MACL,OAAO,QAAQ,aAAa,EAAE;AAAA,QAAO,CAAC,CAAC,IAAI,MACzC,mBAAmB,SAAS,IAAI;AAAA,MAAA;AAAA,IAClC,IAEF;AAEJ,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,oBAAoB,GAAG;AACpE,UAAI,UAAU,GAAG,MAAM,GAAG,IAAI,IAAI,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './composables';
+export * from './types';
+export { default as VueTailwindUI } from './plugin';
+export type { PluginOptions } from './plugin';

package/dist/index.js

@@ -0,0 +1,49 @@
+import { b, _, c, d, a } from "./TableAction.vue_vue_type_script_setup_true_lang-BHskhVhK.js";
+import { e, d as d2, c as c2, b as b2, _ as _2, a as a2 } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { d as d3, a as a3, b as b3, _ as _3, c as c3, e as e2 } from "./SearchInput.vue_vue_type_script_setup_true_lang-DjT2qdcp.js";
+import { _ as _4, a as a4, c as c4, d as d4, b as b4 } from "./NotificationList.vue_vue_type_script_setup_true_lang-B2hjbMm4.js";
+import { a as a5, b as b5, u } from "./useExportCSV-B9o9lJ3D.js";
+import { c as components } from "./index-CGhDI10m.js";
+const VueTailwindUI = {
+  install(app, options = {}) {
+    const { prefix = "", components: selectedComponents } = options;
+    const allComponents = components;
+    const componentsToRegister = selectedComponents ? Object.fromEntries(
+      Object.entries(allComponents).filter(
+        ([name]) => selectedComponents.includes(name)
+      )
+    ) : allComponents;
+    for (const [name, component] of Object.entries(componentsToRegister)) {
+      app.component(`${prefix}${name}`, component);
+    }
+  }
+};
+export {
+  b as AutocompleteComponent,
+  e as BadgeType,
+  d2 as BooleanType,
+  _ as CardComponent,
+  c2 as DateType,
+  d3 as FormGroup,
+  a3 as FormHelp,
+  b3 as FormInput,
+  _3 as FormLabel,
+  c3 as FormSelect,
+  _4 as LoadingSpinner,
+  c as MenuItem,
+  a4 as Modal,
+  c4 as NotificationComponent,
+  d4 as NotificationList,
+  b2 as NumberType,
+  b4 as PaginationControls,
+  e2 as SearchInput,
+  _2 as StatusBadge,
+  d as TableAction,
+  a as TableComponent,
+  a2 as TextType,
+  VueTailwindUI,
+  a5 as useDarkMode,
+  b5 as useExportCSV,
+  u as useNotifications
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin, Component } from 'vue'\nimport * as components from './components'\n\nexport interface PluginOptions {\n  /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */\n  prefix?: string\n  /** List of specific components to register. If not provided, all components are registered */\n  components?: string[]\n}\n\n/**\n * Vue plugin for global component registration\n *\n * @example\n * // Register all components\n * app.use(VueTailwindUI)\n *\n * @example\n * // Register with prefix\n * app.use(VueTailwindUI, { prefix: 'Ui' })\n *\n * @example\n * // Register specific components only\n * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })\n */\nconst VueTailwindUI: Plugin = {\n  install(app: App, options: PluginOptions = {}) {\n    const { prefix = '', components: selectedComponents } = options\n\n    const allComponents = components as Record<string, Component>\n\n    const componentsToRegister = selectedComponents\n      ? Object.fromEntries(\n          Object.entries(allComponents).filter(([name]) =>\n            selectedComponents.includes(name),\n          ),\n        )\n      : allComponents\n\n    for (const [name, component] of Object.entries(componentsToRegister)) {\n      app.component(`${prefix}${name}`, component)\n    }\n  },\n}\n\nexport default VueTailwindUI\n"],"names":[],"mappings":";;;;;;AAyBA,MAAM,gBAAwB;AAAA,EAC5B,QAAQ,KAAU,UAAyB,IAAI;AAC7C,UAAM,EAAE,SAAS,IAAI,YAAY,uBAAuB;AAExD,UAAM,gBAAgB;AAEtB,UAAM,uBAAuB,qBACzB,OAAO;AAAA,MACL,OAAO,QAAQ,aAAa,EAAE;AAAA,QAAO,CAAC,CAAC,IAAI,MACzC,mBAAmB,SAAS,IAAI;AAAA,MAAA;AAAA,IAClC,IAEF;AAEJ,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,oBAAoB,GAAG;AACpE,UAAI,UAAU,GAAG,MAAM,GAAG,IAAI,IAAI,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;"}

package/dist/plugin.d.ts

@@ -0,0 +1,24 @@
+import { Plugin } from 'vue';
+export interface PluginOptions {
+    /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */
+    prefix?: string;
+    /** List of specific components to register. If not provided, all components are registered */
+    components?: string[];
+}
+/**
+ * Vue plugin for global component registration
+ *
+ * @example
+ * // Register all components
+ * app.use(VueTailwindUI)
+ *
+ * @example
+ * // Register with prefix
+ * app.use(VueTailwindUI, { prefix: 'Ui' })
+ *
+ * @example
+ * // Register specific components only
+ * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })
+ */
+declare const VueTailwindUI: Plugin;
+export default VueTailwindUI;

package/dist/types/components.d.ts

@@ -0,0 +1,18 @@
+export type StatusBadgeVariant = 'default' | 'success' | 'error' | 'warning' | 'info' | 'blue' | 'orange' | 'green' | 'red' | 'yellow' | 'purple' | 'pink' | 'gray';
+export type TableActionColor = 'info' | 'warning' | 'success' | 'error';
+export type ModalSize = 'sm' | 'default' | 'lg' | 'xl' | 'full';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export interface MenuItemProps {
+    label: string;
+    icon: string;
+    link: string;
+    notification?: boolean;
+}
+export interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    loading?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showPageSize?: boolean;
+}

package/dist/types/form.d.ts

@@ -0,0 +1,27 @@
+export interface InputProps {
+    type?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    id?: string;
+    name?: string;
+}
+export interface SelectOption {
+    value: string | number | boolean | null;
+    label: string;
+    hidden?: boolean;
+}
+export interface SelectProps extends InputProps {
+    options?: SelectOption[];
+}
+export interface FormGroupProps extends InputProps, SelectProps {
+    label?: string;
+    cols?: number;
+    hidden?: boolean;
+    error?: string | boolean;
+}
+export interface AutocompleteOption {
+    value: string;
+    label: string;
+}

package/dist/types/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.cjs.map

package/dist/types/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './property';
+export * from './notification';
+export * from './form';
+export * from './components';

package/dist/types/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/types/notification.d.ts

@@ -0,0 +1,12 @@
+export type NotificationType = 'success' | 'warning' | 'error' | 'info';
+export interface Notification {
+    id?: string;
+    type: NotificationType;
+    message: string;
+    title?: string | null;
+    duration?: number;
+}
+export interface NotificationOptions {
+    duration?: number;
+    title?: string;
+}

package/dist/types/property.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Table column property definition
+ *
+ * This interface defines how table columns are configured and rendered.
+ * The `type` field automatically loads the corresponding type component.
+ *
+ * Built-in types:
+ * - 'text': Default text display (TextType.vue)
+ * - 'number': Formatted number display (NumberType.vue)
+ * - 'date': Formatted date display (DateType.vue)
+ * - 'boolean': Yes/No with icons (BooleanType.vue)
+ * - 'badge': Badge display (BadgeType.vue)
+ */
+export interface Property {
+    /** Column key - corresponds to the data field name */
+    name: string;
+    /** Display label for the column header */
+    label?: string;
+    /**
+     * Column type for automatic rendering (default: 'text')
+     * Built-in: 'text' | 'number' | 'date' | 'badge' | 'boolean'
+     */
+    type?: 'text' | 'number' | 'date' | 'badge' | 'boolean' | string;
+    /** Whether the column is sortable (default: false) */
+    sortable?: boolean;
+    /** Whether to hide the column (default: false) */
+    hidden?: boolean;
+    /** Text alignment in the column (default: 'left') */
+    align?: 'left' | 'center' | 'right';
+    /** Optional Tailwind CSS classes to apply to column cells */
+    className?: string;
+    /** Whether the column is the main/primary column (default: false) */
+    main?: boolean;
+}

package/dist/useExportCSV-B9o9lJ3D.js

@@ -0,0 +1,130 @@
+import { ref, readonly, watch, onMounted } from "vue";
+function useNotifications() {
+  const notifications = ref([]);
+  let idCounter = 0;
+  const generateId = () => `notification-${++idCounter}-${Date.now()}`;
+  const notify = (type, message, options = {}) => {
+    const id = generateId();
+    const notification = {
+      id,
+      type,
+      message,
+      title: options.title ?? null,
+      duration: options.duration ?? 5e3
+    };
+    notifications.value.push(notification);
+    if (notification.duration && notification.duration > 0) {
+      setTimeout(() => remove(id), notification.duration);
+    }
+    return id;
+  };
+  const success = (message, options) => notify("success", message, options);
+  const warning = (message, options) => notify("warning", message, options);
+  const error = (message, options) => notify("error", message, options);
+  const info = (message, options) => notify("info", message, options);
+  const remove = (id) => {
+    notifications.value = notifications.value.filter((n) => n.id !== id);
+  };
+  const clear = () => {
+    notifications.value = [];
+  };
+  return {
+    notifications: readonly(notifications),
+    notify,
+    success,
+    warning,
+    error,
+    info,
+    remove,
+    clear
+  };
+}
+function useDarkMode(options = {}) {
+  const {
+    selector = "html",
+    attribute = "class",
+    storageKey = "dark-mode",
+    defaultValue = false
+  } = options;
+  const isDark = ref(defaultValue);
+  const getInitialValue = () => {
+    if (typeof window === "undefined") return defaultValue;
+    const stored = localStorage.getItem(storageKey);
+    if (stored !== null) {
+      return stored === "true";
+    }
+    return window.matchMedia("(prefers-color-scheme: dark)").matches;
+  };
+  const updateDOM = (dark) => {
+    if (typeof document === "undefined") return;
+    const element = document.querySelector(selector);
+    if (!element) return;
+    if (attribute === "class") {
+      element.classList.toggle("dark", dark);
+    } else {
+      element.setAttribute(attribute, dark ? "dark" : "light");
+    }
+  };
+  const toggle = () => {
+    isDark.value = !isDark.value;
+  };
+  const set = (value) => {
+    isDark.value = value;
+  };
+  watch(isDark, (newValue) => {
+    updateDOM(newValue);
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem(storageKey, String(newValue));
+    }
+  });
+  onMounted(() => {
+    isDark.value = getInitialValue();
+    updateDOM(isDark.value);
+  });
+  return {
+    isDark,
+    toggle,
+    set
+  };
+}
+function useExportCSV() {
+  const escapeCSV = (value) => {
+    if (value === null || value === void 0) return "";
+    const str = String(value);
+    if (str.includes(",") || str.includes('"') || str.includes("\n")) {
+      return `"${str.replace(/"/g, '""')}"`;
+    }
+    return str;
+  };
+  const exportToCSV = (data, columns, filename = "export.csv") => {
+    if (!data || data.length === 0) {
+      console.warn("No data to export");
+      return;
+    }
+    const headers = columns.map((col) => escapeCSV(col.label)).join(",");
+    const rows = data.map(
+      (item) => columns.map((col) => escapeCSV(item[col.key])).join(",")
+    );
+    const csv = [headers, ...rows].join("\n");
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.setAttribute("href", url);
+    link.setAttribute("download", filename);
+    link.style.visibility = "hidden";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+  return {
+    exportToCSV,
+    escapeCSV
+  };
+}
+export {
+  useDarkMode as a,
+  useExportCSV as b,
+  useNotifications as u
+};
+//# sourceMappingURL=useExportCSV-B9o9lJ3D.js.map

package/dist/useExportCSV-B9o9lJ3D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExportCSV-B9o9lJ3D.js","sources":["../src/composables/useNotifications.ts","../src/composables/useDarkMode.ts","../src/composables/useExportCSV.ts"],"sourcesContent":["import { ref, readonly } from 'vue'\nimport type { Notification, NotificationType, NotificationOptions } from '@/types'\n\n/**\n * Composable for managing notifications/toasts\n * Standalone implementation without Pinia dependency\n */\nexport function useNotifications() {\n  const notifications = ref<Notification[]>([])\n  let idCounter = 0\n\n  const generateId = () => `notification-${++idCounter}-${Date.now()}`\n\n  const notify = (\n    type: NotificationType,\n    message: string,\n    options: NotificationOptions = {},\n  ): string => {\n    const id = generateId()\n    const notification: Notification = {\n      id,\n      type,\n      message,\n      title: options.title ?? null,\n      duration: options.duration ?? 5000,\n    }\n\n    notifications.value.push(notification)\n\n    if (notification.duration && notification.duration > 0) {\n      setTimeout(() => remove(id), notification.duration)\n    }\n\n    return id\n  }\n\n  const success = (message: string, options?: NotificationOptions) =>\n    notify('success', message, options)\n\n  const warning = (message: string, options?: NotificationOptions) =>\n    notify('warning', message, options)\n\n  const error = (message: string, options?: NotificationOptions) =>\n    notify('error', message, options)\n\n  const info = (message: string, options?: NotificationOptions) =>\n    notify('info', message, options)\n\n  const remove = (id: string) => {\n    notifications.value = notifications.value.filter((n) => n.id !== id)\n  }\n\n  const clear = () => {\n    notifications.value = []\n  }\n\n  return {\n    notifications: readonly(notifications),\n    notify,\n    success,\n    warning,\n    error,\n    info,\n    remove,\n    clear,\n  }\n}\n","import { ref, watch, onMounted } from 'vue'\n\nexport interface DarkModeOptions {\n  selector?: string\n  attribute?: string\n  storageKey?: string\n  defaultValue?: boolean\n}\n\n/**\n * Composable for managing dark mode state\n */\nexport function useDarkMode(options: DarkModeOptions = {}) {\n  const {\n    selector = 'html',\n    attribute = 'class',\n    storageKey = 'dark-mode',\n    defaultValue = false,\n  } = options\n\n  const isDark = ref(defaultValue)\n\n  const getInitialValue = (): boolean => {\n    if (typeof window === 'undefined') return defaultValue\n\n    const stored = localStorage.getItem(storageKey)\n    if (stored !== null) {\n      return stored === 'true'\n    }\n\n    return window.matchMedia('(prefers-color-scheme: dark)').matches\n  }\n\n  const updateDOM = (dark: boolean) => {\n    if (typeof document === 'undefined') return\n\n    const element = document.querySelector(selector)\n    if (!element) return\n\n    if (attribute === 'class') {\n      element.classList.toggle('dark', dark)\n    } else {\n      element.setAttribute(attribute, dark ? 'dark' : 'light')\n    }\n  }\n\n  const toggle = () => {\n    isDark.value = !isDark.value\n  }\n\n  const set = (value: boolean) => {\n    isDark.value = value\n  }\n\n  watch(isDark, (newValue) => {\n    updateDOM(newValue)\n    if (typeof localStorage !== 'undefined') {\n      localStorage.setItem(storageKey, String(newValue))\n    }\n  })\n\n  onMounted(() => {\n    isDark.value = getInitialValue()\n    updateDOM(isDark.value)\n  })\n\n  return {\n    isDark,\n    toggle,\n    set,\n  }\n}\n","/**\n * Composable for exporting data to CSV format\n */\nexport function useExportCSV() {\n  const escapeCSV = (value: unknown): string => {\n    if (value === null || value === undefined) return ''\n    const str = String(value)\n    if (str.includes(',') || str.includes('\"') || str.includes('\\n')) {\n      return `\"${str.replace(/\"/g, '\"\"')}\"`\n    }\n    return str\n  }\n\n  const exportToCSV = <T extends Record<string, unknown>>(\n    data: T[],\n    columns: { key: keyof T; label: string }[],\n    filename: string = 'export.csv',\n  ) => {\n    if (!data || data.length === 0) {\n      console.warn('No data to export')\n      return\n    }\n\n    // Create header row\n    const headers = columns.map((col) => escapeCSV(col.label)).join(',')\n\n    // Create data rows\n    const rows = data.map((item) =>\n      columns.map((col) => escapeCSV(item[col.key])).join(','),\n    )\n\n    // Combine header and rows\n    const csv = [headers, ...rows].join('\\n')\n\n    // Create and trigger download\n    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })\n    const url = URL.createObjectURL(blob)\n    const link = document.createElement('a')\n    link.setAttribute('href', url)\n    link.setAttribute('download', filename)\n    link.style.visibility = 'hidden'\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n    URL.revokeObjectURL(url)\n  }\n\n  return {\n    exportToCSV,\n    escapeCSV,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/useExportCSV-BPC_hd25.cjs

@@ -0,0 +1,129 @@
+"use strict";
+const vue = require("vue");
+function useNotifications() {
+  const notifications = vue.ref([]);
+  let idCounter = 0;
+  const generateId = () => `notification-${++idCounter}-${Date.now()}`;
+  const notify = (type, message, options = {}) => {
+    const id = generateId();
+    const notification = {
+      id,
+      type,
+      message,
+      title: options.title ?? null,
+      duration: options.duration ?? 5e3
+    };
+    notifications.value.push(notification);
+    if (notification.duration && notification.duration > 0) {
+      setTimeout(() => remove(id), notification.duration);
+    }
+    return id;
+  };
+  const success = (message, options) => notify("success", message, options);
+  const warning = (message, options) => notify("warning", message, options);
+  const error = (message, options) => notify("error", message, options);
+  const info = (message, options) => notify("info", message, options);
+  const remove = (id) => {
+    notifications.value = notifications.value.filter((n) => n.id !== id);
+  };
+  const clear = () => {
+    notifications.value = [];
+  };
+  return {
+    notifications: vue.readonly(notifications),
+    notify,
+    success,
+    warning,
+    error,
+    info,
+    remove,
+    clear
+  };
+}
+function useDarkMode(options = {}) {
+  const {
+    selector = "html",
+    attribute = "class",
+    storageKey = "dark-mode",
+    defaultValue = false
+  } = options;
+  const isDark = vue.ref(defaultValue);
+  const getInitialValue = () => {
+    if (typeof window === "undefined") return defaultValue;
+    const stored = localStorage.getItem(storageKey);
+    if (stored !== null) {
+      return stored === "true";
+    }
+    return window.matchMedia("(prefers-color-scheme: dark)").matches;
+  };
+  const updateDOM = (dark) => {
+    if (typeof document === "undefined") return;
+    const element = document.querySelector(selector);
+    if (!element) return;
+    if (attribute === "class") {
+      element.classList.toggle("dark", dark);
+    } else {
+      element.setAttribute(attribute, dark ? "dark" : "light");
+    }
+  };
+  const toggle = () => {
+    isDark.value = !isDark.value;
+  };
+  const set = (value) => {
+    isDark.value = value;
+  };
+  vue.watch(isDark, (newValue) => {
+    updateDOM(newValue);
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem(storageKey, String(newValue));
+    }
+  });
+  vue.onMounted(() => {
+    isDark.value = getInitialValue();
+    updateDOM(isDark.value);
+  });
+  return {
+    isDark,
+    toggle,
+    set
+  };
+}
+function useExportCSV() {
+  const escapeCSV = (value) => {
+    if (value === null || value === void 0) return "";
+    const str = String(value);
+    if (str.includes(",") || str.includes('"') || str.includes("\n")) {
+      return `"${str.replace(/"/g, '""')}"`;
+    }
+    return str;
+  };
+  const exportToCSV = (data, columns, filename = "export.csv") => {
+    if (!data || data.length === 0) {
+      console.warn("No data to export");
+      return;
+    }
+    const headers = columns.map((col) => escapeCSV(col.label)).join(",");
+    const rows = data.map(
+      (item) => columns.map((col) => escapeCSV(item[col.key])).join(",")
+    );
+    const csv = [headers, ...rows].join("\n");
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.setAttribute("href", url);
+    link.setAttribute("download", filename);
+    link.style.visibility = "hidden";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+  return {
+    exportToCSV,
+    escapeCSV
+  };
+}
+exports.useDarkMode = useDarkMode;
+exports.useExportCSV = useExportCSV;
+exports.useNotifications = useNotifications;
+//# sourceMappingURL=useExportCSV-BPC_hd25.cjs.map