cisse-vue-ui 0.7.3 → 0.7.5

package/dist/components/layout/PageLayout.vue.d.ts

@@ -0,0 +1,37 @@
+export interface PageBreadcrumb {
+    label: string;
+    link: string;
+}
+type __VLS_Props = {
+    /** Page title */
+    title?: string;
+    /** Page description */
+    description?: string;
+    /** Breadcrumb navigation items */
+    breadcrumbs?: PageBreadcrumb[];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        breadcrumb?(_: {
+            breadcrumb: PageBreadcrumb;
+            index: number;
+            isLast: boolean;
+        }): any;
+        title?(_: {}): any;
+        description?(_: {}): any;
+        actions?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/layout/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const PageHero_vue_vue_type_script_setup_true_lang = require("../../PageHero.vue_vue_type_script_setup_true_lang-CZ-TibKk.cjs");
+exports.AuthLayout = PageHero_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.BaseLayout = PageHero_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.PageHero = PageHero_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.PageLayout = PageHero_vue_vue_type_script_setup_true_lang._sfc_main$2;
+//# sourceMappingURL=index.cjs.map

package/dist/components/layout/index.cjs.map

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

package/dist/components/layout/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/type/BadgeType.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as BadgeType } from './BadgeType.vue';
+declare const meta: Meta<typeof BadgeType>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const AllVariants: Story;
+export declare const WithFormatter: Story;
+export declare const StatusMapping: Story;
+export declare const InTable: Story;

package/dist/components/type/BadgeType.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/type/BooleanType.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as BooleanType } from './BooleanType.vue';
+declare const meta: Meta<typeof BooleanType>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const True: Story;
+export declare const False: Story;
+export declare const IconOnly: Story;
+export declare const IconAndText: Story;
+export declare const CustomLabels: Story;
+export declare const AllDisplayModes: Story;
+export declare const InTable: Story;

package/dist/components/type/BooleanType.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/type/DateType.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as DateType } from './DateType.vue';
+declare const meta: Meta<typeof DateType>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DateOnly: Story;
+export declare const DateTime: Story;
+export declare const TimeOnly: Story;
+export declare const FrenchLocale: Story;
+export declare const NullValue: Story;
+export declare const AllFormats: Story;
+export declare const DifferentLocales: Story;

package/dist/components/type/DateType.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/type/NumberType.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as NumberType } from './NumberType.vue';
+declare const meta: Meta<typeof NumberType>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Integer: Story;
+export declare const FrenchLocale: Story;
+export declare const GermanLocale: Story;
+export declare const NullValue: Story;
+export declare const AllLocales: Story;

package/dist/components/type/NumberType.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/type/TextType.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as TextType } from './TextType.vue';
+declare const meta: Meta<typeof TextType>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NullValue: Story;
+export declare const UndefinedValue: Story;
+export declare const NumberAsText: Story;
+export declare const InTable: Story;

package/dist/components/type/TextType.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/type/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
+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.TextType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$1;
+//# sourceMappingURL=index.cjs.map

package/dist/components/type/index.cjs.map

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

package/dist/components/type/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/index.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useToast = require("../useToast-Bk60GArg.cjs");
+const useDarkMode = require("../useDarkMode-DLZcJEUQ.cjs");
+const useDropdown = require("../useDropdown-DHFnd259.cjs");
+const useId = require("../useId-nxrBaIC9.cjs");
+const useFocusTrap = require("../useFocusTrap-kcxO8AeU.cjs");
+exports.useExportCSV = useToast.useExportCSV;
+exports.useModal = useToast.useModal;
+exports.useModals = useToast.useModals;
+exports.useNotifications = useToast.useNotifications;
+exports.useToast = useToast.useToast;
+exports.useDarkMode = useDarkMode.useDarkMode;
+exports.useDropdown = useDropdown.useDropdown;
+exports.generateId = useId.generateId;
+exports.resetIdCounter = useId.resetIdCounter;
+exports.useId = useId.useId;
+exports.useFocusTrap = useFocusTrap.useFocusTrap;
+//# sourceMappingURL=index.cjs.map

package/dist/composables/index.cjs.map

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

package/dist/composables/index.d.ts

@@ -0,0 +1,8 @@
+export { useNotifications } from './useNotifications';
+export { useDarkMode, type DarkModeOptions } from './useDarkMode';
+export { useExportCSV } from './useExportCSV';
+export { useDropdown, type UseDropdownOptions, type UseDropdownReturn, type KeyboardNavigationOptions } from './useDropdown';
+export { useModal, useModals, type UseModalReturn } from './useModal';
+export { useToast, type ToastOptions } from './useToast';
+export { useId, generateId, resetIdCounter, type UseIdOptions, type UseIdReturn } from './useId';
+export { useFocusTrap, type UseFocusTrapOptions, type UseFocusTrapReturn } from './useFocusTrap';

package/dist/composables/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/useDarkMode.d.ts

@@ -0,0 +1,14 @@
+export interface DarkModeOptions {
+    selector?: string;
+    attribute?: string;
+    storageKey?: string;
+    defaultValue?: boolean;
+}
+/**
+ * Composable for managing dark mode state
+ */
+export declare function useDarkMode(options?: DarkModeOptions): {
+    isDark: import('vue').Ref<boolean, boolean>;
+    toggle: () => void;
+    set: (value: boolean) => void;
+};

package/dist/composables/useDarkMode.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/useDropdown.d.ts

@@ -0,0 +1,51 @@
+import { Ref, ComputedRef } from 'vue';
+export interface UseDropdownOptions {
+    /** Whether teleport is enabled (affects position calculation) */
+    teleport?: boolean;
+    /** Alignment for position calculation */
+    align?: 'left' | 'right';
+    /** Gap between trigger and dropdown in pixels */
+    gap?: number;
+    /** Callback when dropdown opens */
+    onOpen?: () => void;
+    /** Callback when dropdown closes */
+    onClose?: () => void;
+}
+export interface UseDropdownReturn {
+    /** Whether the dropdown is currently open */
+    isOpen: Ref<boolean>;
+    /** Current highlighted index for keyboard navigation */
+    highlightedIndex: Ref<number>;
+    /** Calculated position for teleported dropdown */
+    dropdownPosition: Ref<{
+        top: number;
+        left: number;
+        right: number;
+        width: number;
+    }>;
+    /** Computed style object for teleported dropdown */
+    dropdownStyle: ComputedRef<Record<string, string>>;
+    /** Open the dropdown */
+    open: () => void;
+    /** Close the dropdown */
+    close: () => void;
+    /** Toggle the dropdown */
+    toggle: () => void;
+    /** Update position (call after DOM changes) */
+    updatePosition: () => void;
+    /** Handle keyboard navigation */
+    handleKeydown: (event: KeyboardEvent, options: KeyboardNavigationOptions) => void;
+    /** Scroll to highlighted item */
+    scrollToHighlighted: (dropdownEl: HTMLElement | null) => void;
+}
+export interface KeyboardNavigationOptions {
+    /** Total number of items to navigate */
+    itemCount: number;
+    /** Called when Enter is pressed on a highlighted item */
+    onSelect?: (index: number) => void;
+    /** Called when the dropdown should open (Space/Enter/ArrowDown when closed) */
+    onOpen?: () => void;
+    /** Whether to handle open keys (Space/Enter/ArrowDown) when closed */
+    handleOpenKeys?: boolean;
+}
+export declare function useDropdown(triggerRef: Ref<HTMLElement | null | undefined>, dropdownRef: Ref<HTMLElement | null | undefined>, options?: UseDropdownOptions): UseDropdownReturn;

package/dist/composables/useDropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

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/useExportCSV.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/useFocusTrap.d.ts

@@ -0,0 +1,41 @@
+import { Ref } from 'vue';
+export interface UseFocusTrapOptions {
+    /** Whether the focus trap is active */
+    active?: Ref<boolean> | boolean;
+    /** Focus the first focusable element when trap activates */
+    focusFirst?: boolean;
+    /** Restore focus to the previously focused element when trap deactivates */
+    restoreFocus?: boolean;
+    /** Initial element to focus (selector or element) */
+    initialFocus?: string | HTMLElement | null;
+}
+export interface UseFocusTrapReturn {
+    /** Ref to attach to the container element */
+    containerRef: Ref<HTMLElement | null>;
+    /** Activate the focus trap manually */
+    activate: () => void;
+    /** Deactivate the focus trap manually */
+    deactivate: () => void;
+    /** Whether the focus trap is currently active */
+    isActive: Ref<boolean>;
+}
+/**
+ * Composable for trapping focus within a container element (for modals, dialogs, etc.)
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const isOpen = ref(false)
+ * const { containerRef } = useFocusTrap({ active: isOpen })
+ * </script>
+ *
+ * <template>
+ *   <div v-if="isOpen" ref="containerRef" role="dialog">
+ *     <button>First focusable</button>
+ *     <input type="text" />
+ *     <button @click="isOpen = false">Close</button>
+ *   </div>
+ * </template>
+ * ```
+ */
+export declare function useFocusTrap(options?: UseFocusTrapOptions): UseFocusTrapReturn;

package/dist/composables/useFocusTrap.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/useId.d.ts

@@ -0,0 +1,42 @@
+import { Ref } from 'vue';
+/**
+ * Generates a unique ID for accessibility relationships (aria-labelledby, aria-describedby, etc.)
+ * Pattern: cisse-{prefix}-{counter}
+ */
+export declare function generateId(prefix?: string): string;
+/**
+ * Resets the ID counter (useful for testing)
+ */
+export declare function resetIdCounter(): void;
+export interface UseIdOptions {
+    /** Prefix for the generated ID */
+    prefix?: string;
+    /** Custom ID to use instead of generating one */
+    id?: string;
+}
+export interface UseIdReturn {
+    /** The unique ID (reactive) */
+    id: Ref<string>;
+    /** Generate a related ID with a suffix (e.g., id-label, id-description) */
+    related: (suffix: string) => string;
+}
+/**
+ * Composable for generating unique IDs for accessibility relationships
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { id, related } = useId({ prefix: 'modal' })
+ * // id.value = 'cisse-modal-1'
+ * // related('title') = 'cisse-modal-1-title'
+ * // related('description') = 'cisse-modal-1-description'
+ * </script>
+ *
+ * <template>
+ *   <div :id="id" role="dialog" :aria-labelledby="related('title')">
+ *     <h2 :id="related('title')">Modal Title</h2>
+ *   </div>
+ * </template>
+ * ```
+ */
+export declare function useId(options?: UseIdOptions): UseIdReturn;

package/dist/composables/useId.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/useModal.d.ts

@@ -0,0 +1,60 @@
+import { Ref } from 'vue';
+export interface UseModalReturn<T = unknown> {
+    /** Whether the modal is currently open */
+    isOpen: Ref<boolean>;
+    /** Data associated with the modal (e.g., item being edited) */
+    data: Ref<T | null>;
+    /** Open the modal, optionally with data */
+    open: (newData?: T) => void;
+    /** Close the modal and clear data */
+    close: () => void;
+    /** Toggle the modal state */
+    toggle: () => void;
+}
+/**
+ * Composable for managing modal state
+ *
+ * @example
+ * ```ts
+ * // Simple modal
+ * const createModal = useModal()
+ * createModal.open()
+ * createModal.close()
+ *
+ * // Modal with data (e.g., for editing)
+ * const editModal = useModal<User>()
+ * editModal.open(selectedUser)
+ * // Access editModal.data.value in modal
+ *
+ * // With onClose callback
+ * const deleteModal = useModal<Item>({ onClose: () => refetch() })
+ * ```
+ */
+export declare function useModal<T = unknown>(options?: {
+    /** Initial open state */
+    initialOpen?: boolean;
+    /** Initial data */
+    initialData?: T | null;
+    /** Callback when modal opens */
+    onOpen?: (data: T | null) => void;
+    /** Callback when modal closes */
+    onClose?: () => void;
+}): UseModalReturn<T>;
+/**
+ * Create multiple related modals at once
+ * Useful when a page has several modals (create, edit, delete, etc.)
+ *
+ * @example
+ * ```ts
+ * const modals = useModals({
+ *   create: useModal(),
+ *   edit: useModal<User>(),
+ *   delete: useModal<User>(),
+ * })
+ *
+ * modals.create.open()
+ * modals.edit.open(user)
+ * modals.delete.close()
+ * ```
+ */
+export declare function useModals<T extends Record<string, UseModalReturn<any>>>(modals: T): T;

package/dist/composables/useModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/useNotifications.d.ts

@@ -0,0 +1,27 @@
+import { NotificationType, NotificationOptions } from '../types';
+/**
+ * Composable for managing notifications/toasts
+ * Uses singleton pattern - all components share the same notifications state
+ */
+export declare function useNotifications(): {
+    notifications: Readonly<import('vue').Ref<readonly {
+        readonly id: string;
+        readonly type: NotificationType;
+        readonly message: string;
+        readonly title?: string | null | undefined;
+        readonly duration?: number | undefined;
+    }[], readonly {
+        readonly id: string;
+        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/composables/useNotifications.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/useToast.d.ts

@@ -0,0 +1,30 @@
+import { ToastType } from '../components/feedback/Toast.vue';
+import { ToastItem } from '../components/feedback/ToastContainer.vue';
+export interface ToastOptions {
+    message: string;
+    type?: ToastType;
+    title?: string;
+    duration?: number;
+}
+export declare function useToast(): {
+    toasts: import('vue').Ref<{
+        id: string;
+        message: string;
+        type?: ToastType | undefined;
+        title?: string | undefined;
+        duration?: number | undefined;
+    }[], ToastItem[] | {
+        id: string;
+        message: string;
+        type?: ToastType | undefined;
+        title?: string | undefined;
+        duration?: number | undefined;
+    }[]>;
+    add: (options: ToastOptions) => string;
+    remove: (id: string) => void;
+    clear: () => void;
+    success: (message: string, title?: string) => string;
+    error: (message: string, title?: string) => string;
+    warning: (message: string, title?: string) => string;
+    info: (message: string, title?: string) => string;
+};

package/dist/composables/useToast.test.d.ts

@@ -0,0 +1 @@
+export {};