@avenirs-esr/avenirs-dsav 0.1.50 → 0.1.53

package/dist/components/overlay/modals/AvModal/AvModal.vue.d.ts

@@ -0,0 +1,92 @@
+import type { Slot } from 'vue';
+/**
+ * AvModal component props.
+ */
+export interface AvModalProps {
+    /**
+     * Unique identifier for the modal.
+     * @default useRandomId('modal', 'dialog')
+     */
+    modalId?: string;
+    /**
+     * Indicates whether the modal is open.
+     * @default false
+     */
+    opened?: boolean;
+    /**
+     * Specifies whether the modal is an alert (role `"alertdialog"` if `true`) or not (role will be `"dialog"`).
+     * @default false
+     */
+    isAlert?: boolean;
+    /**
+     * Reference to original element to restore focus after closing.
+     * @default { focus() {} }
+     */
+    origin?: {
+        focus: () => void;
+    };
+    /**
+     * Name of icon to be displayed in modal title.
+     */
+    icon?: string;
+    /**
+     * Modal size.
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Label and title (for accessibility) of the close button.
+     */
+    closeButtonLabel: string;
+    /**
+     * Icon name of the confirm button.
+     * @default 'mdi:close-circle-outline'
+     */
+    closeButtonIcon?: string;
+    /**
+     * Adds a disabled state on the close button.
+     */
+    closeButtonDisabled?: boolean;
+    /**
+     * Label and title (for accessibility) of the confirm button.
+     */
+    confirmButtonLabel?: string;
+    /**
+     * Icon name of the confirm button.
+     * @default 'mdi:check-circle-outline'
+     */
+    confirmButtonIcon?: string;
+    /**
+     * Adds a disabled state on the confirm button.
+     */
+    confirmButtonDisabled?: boolean;
+    /**
+     * Adds a loading state on the close button.
+     */
+    isLoading?: boolean;
+}
+/**
+ * Slots available in the component.
+ *
+ * @slot default - Default slot for modal content.
+ * @slot header - Slot for modal title.
+ * @slot footer - Slot for modal footer.
+ */
+type __VLS_Slots = {
+    default?: Slot;
+    header?: Slot;
+    footer?: Slot;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<AvModalProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/overlay/popovers/AvPopover/AvPopover.stories.d.ts

@@ -0,0 +1,49 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvPopoverProps } from '@/components/overlay/popovers/AvPopover/AvPopover.vue';
+/**
+ * <h1 class="n1">Popovers - <code>AvPopover</code></h1>
+ *
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The popover is a contextual container that is displayed as an overlay near its trigger element.
+ *     This component can be used to display additional content or interactions, without leaving the current page or completely obscuring its context.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvPopover</code> component is designed to offer accessible, ergonomic content,
+ *     by trapping the focus inside the popover when it's open, and managing closure via the Escape key.
+ *     It offers great flexibility via dedicated trigger (<code>trigger</code>) and content (<code>popover</code>) slots,
+ *     allowing any content or interaction to be inserted.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     It uses a dynamic positioning system to display itself in the right place in relation to its trigger,
+ *     while guaranteeing good keyboard control and a good user experience.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <p><span class="b2-regular">The popover consists of the following elements:</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">The trigger (slot <code>trigger</code>), mandatory: Interactive element (for example, a button) that opens or closes the popover.</span></li>
+ *   <li><span class="b2-regular">The content (slot <code>popover</code>), mandatory: Content area that can contain text, buttons, lists or any other interactive element. This zone is displayed close to the trigger and captures the focus when opened.</span></li>
+ * </ul>
+ *
+ * <p><span class="b2-regular">The popover integrates :</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">Focus trap for keyboard accessibility.</span></li>
+ *   <li><span class="b2-regular">Close by pressing the Escape key or clicking outside the popover.</span></li>
+ * </ul>
+ */
+declare const meta: Meta<AvPopoverProps>;
+export default meta;
+export declare const Default: StoryFn<AvPopoverProps>;

package/dist/components/overlay/popovers/AvPopover/AvPopover.test.d.ts

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

package/dist/components/overlay/popovers/AvPopover/AvPopover.vue.d.ts

@@ -0,0 +1,48 @@
+import { type ComponentPublicInstance } from 'vue';
+/**
+ * AvPopover component props.
+ */
+export interface AvPopoverProps {
+    /**
+     * Popover width.
+     * @default '12.5rem'
+     */
+    width?: string;
+    /**
+     * Internal popover padding.
+     * @default 'var(--spacing-md)'
+     */
+    padding?: string;
+}
+type __VLS_Slots = {
+    /**
+     * Slot for the popover trigger.
+     * Provides the prop:
+     * - toggle: function to open/close the popover
+     */
+    trigger: (props: {
+        toggle: () => void;
+    }) => void;
+    /**
+     * Slot for the popover content.
+     * Provides the prop:
+     * - close: function to close the popover
+     */
+    popover: (props: {
+        close: () => void;
+    }) => void;
+};
+declare function setTriggerRef(el: Element | ComponentPublicInstance | null): void;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvPopoverProps, {
+    setTriggerRef: typeof setTriggerRef;
+    triggerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvPopoverProps> & Readonly<{}>, {
+    width: string;
+    padding: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/overlay/popovers/AvPopover/use-popover.d.ts

@@ -0,0 +1,41 @@
+import { type Ref } from 'vue';
+/**
+ * Result returned by the usePopover composable.
+ */
+export interface UsePopoverReturn {
+    /** Indicates whether the popover is visible */
+    showPopover: Ref<boolean>;
+    /** Position of the popover in rem */
+    popoverPosition: Ref<{
+        top: number;
+        left: number;
+    }>;
+    /** Function to open/close the popover */
+    togglePopover: () => Promise<void>;
+    /** Function to close the popover */
+    closePopover: () => void;
+}
+/**
+ * Vue composable to manage the display state and position of a popover.
+ *
+ * This function provides:
+ * - a reactive `showPopover` state indicating whether the popover is visible,
+ * - a `popoverPosition` object calculating the top/left position in REM,
+ * - a `togglePopover` function to open or close the popover,
+ * - a `closePopover` function to explicitly close the popover,
+ *
+ * It also ensures that the popover is closed when an outside click is detected.
+ *
+ * The popover position is calculated based on the trigger element position,
+ * taking into account the window width to prevent the popover from overflowing.
+ *
+ * @param {Ref<HTMLElement | null>} triggerRef Reference to the popover trigger element.
+ * @param {Ref<HTMLElement | null>} popoverRef Reference to the popover DOM element.
+ *
+ * @returns {UsePopoverReturn} Object containing:
+ * - `showPopover` (Ref<boolean>): Visible state of the popover,
+ * - `popoverPosition` (Ref<{ top: number, left: number }>): Position calculated in rem,
+ * - `togglePopover` (function): Function to toggle the popover display,
+ * - `closePopover` (function): Function to close the popover.
+ */
+export declare function usePopover(triggerRef: Ref<HTMLElement | null>, popoverRef: Ref<HTMLElement | null>): UsePopoverReturn;

package/dist/components/overlay/popovers/AvPopover/use-popover.test.d.ts

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

package/dist/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-av-breakpoints/use-av-breakpoints';
+export * from './use-focus-trap/use-focus-trap';
+export * from './use-global-background-color/use-global-background-color';

package/dist/composables/use-av-breakpoints/use-av-breakpoints.d.ts

@@ -0,0 +1,72 @@
+import type { Ref } from 'vue';
+/**
+ * Named viewport breakpoints for responsive behavior.
+ * These values are aligned with the DSFR / Avenirs design system.
+ */
+export declare const AV_BREAKPOINTS: {
+    readonly sm: 576;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1440;
+};
+/**
+ * Result returned by the `useAvBreakpoints` composable.
+ *
+ * Each property is a reactive reference (`Ref<boolean>`) that updates automatically
+ * when the viewport width changes. It provides both **granular breakpoint flags**
+ * (`isBelowSm`, `isAboveLg`, etc.) and **semantic viewport categories**
+ * (`isMobile`, `isTablet`, `isDesktop`).
+ */
+export interface UseAvBreakpointsReturn {
+    /**
+     * True if the viewport width is considered mobile.
+     * Equivalent to `width < 768px (48rem)` (below md).
+     */
+    isMobile: Ref<boolean>;
+    /**
+     * True if the viewport width is considered tablet.
+     * Equivalent to `768px (48rem) <= width < 1024px (64rem)` (between md and lg).
+     */
+    isTablet: Ref<boolean>;
+    /**
+     * True if the viewport width is considered desktop.
+     * Equivalent to `width >= 1024px (64rem)` (lg and above).
+     */
+    isDesktop: Ref<boolean>;
+    /** True if viewport width is below 576px (36rem). */
+    isBelowSm: Ref<boolean>;
+    /** True if viewport width is below 768px (48rem). */
+    isBelowMd: Ref<boolean>;
+    /** True if viewport width is below 1024px (64rem). */
+    isBelowLg: Ref<boolean>;
+    /** True if viewport width is below 1440px (90rem). */
+    isBelowXl: Ref<boolean>;
+    /** True if viewport width is above or equal to 768px (48rem). */
+    isAboveMd: Ref<boolean>;
+    /** True if viewport width is above or equal to 1024px (64rem). */
+    isAboveLg: Ref<boolean>;
+}
+/**
+ * Vue composable providing reactive responsive utilities
+ * based on the current viewport width.
+ *
+ * It uses VueUse useBreakpoints with DSAV breakpoints:
+ * - sm: 576px (36rem),
+ * - md: 768px (48rem),
+ * - lg: 1024px (64rem),
+ * - xl: 1440px (90rem),
+ *
+ * @example
+ * ```ts
+ * import { useAvBreakpoints } from '@avenirs-esr/avenirs-dsav'
+ *
+ * const { isMobile, isDesktop, isBelowMd, isAboveLg } = useAvBreakpoints()
+ * ```
+ *
+ * @returns {UseAvBreakpointsReturn} Object containing:
+ * - `isBelowSm|Md|Lg|Xl`: computed refs returning true if below a breakpoint
+ * - `isAboveMd|Lg`: computed refs returning true if above a breakpoint
+ *
+ * @see {@link https://vueuse.org/core/useBreakpoints/ useBreakpoints on VueUse}
+ */
+export declare function useAvBreakpoints(): UseAvBreakpointsReturn;

package/dist/composables/use-av-breakpoints/use-av-breakpoints.test.d.ts

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

package/dist/composables/use-focus-trap/use-focus-trap.d.ts

@@ -0,0 +1,25 @@
+import type { Ref } from 'vue';
+/**
+ * Result returned by the useFocusTrap composable.
+ */
+export interface UseFocusTrapReturn {
+    /** Initializes and activates the focus trap on the referenced element */
+    initializeFocusTrap: () => void;
+    /** Disables and cleans the focus trap */
+    cleanupFocusTrap: () => void;
+}
+/**
+ * Vue composable to manage a focus trap on a DOM element.
+ *
+ * This composable uses the [focus-trap](https://github.com/focus-trap/focus-trap) library
+ * to enclose keyboard navigation within a given element (e.g., a modal).
+ *
+ * @param elementRef Reference to the DOM element to trap (focus trap)
+ * @param onClose Callback function called when the focus trap is disabled (e.g., closing)
+ *
+ * @returns {UseFocusTrapReturn} Object containing the functions to manage the focus trap:
+ *  - `initializeFocusTrap`: Enables the focus trap,
+ *  - `cleanupFocusTrap`: Disables and cleans the focus trap.
+ *
+ */
+export declare function useFocusTrap(elementRef: Ref<HTMLElement | null>, onClose: () => void): UseFocusTrapReturn;

package/dist/composables/use-focus-trap/use-focus-trap.test.d.ts

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

package/dist/composables/use-global-background-color/use-global-background-color.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Vue composable to dynamically update the global background color using a CSS variable.
+ *
+ * This composable sets the CSS custom property `--global-background-color`
+ * on the `#app`, `<html>` and `<body>` elements when the component is mounted,
+ * and automatically * resets it to its default value (`var(--default-global-background-color)`)
+ * when the component is unmounted.
+ *
+ * It allows you to control page-level background color transitions
+ * when navigating between views.
+ *
+ * @example
+ * ```ts
+ * useGlobalBackgroundColor('var(--my-color)') // sets the global background to 'var(--my-color)' while mounted
+ * ```
+ *
+ * @param {string} color - The background color value to apply (e.g., `'red'`, `'#f0f0f0'`, or `'var(--my-color)'`).
+ */
+export declare function useGlobalBackgroundColor(color: string): void;

package/dist/composables/use-global-background-color/use-global-background-color.test.d.ts

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

package/dist/config/index.d.ts

@@ -0,0 +1 @@
+export * from './page-sizes';

package/dist/config/page-sizes.d.ts

@@ -0,0 +1,6 @@
+export declare enum PageSizes {
+    FOUR = 4,
+    EIGHT = 8,
+    TWELVE = 12
+}
+export declare const pageSizeValues: readonly [PageSizes.FOUR, PageSizes.EIGHT, PageSizes.TWELVE];

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import '@/styles/main.scss';
+export * from './components/index';
+export * from './composables';
+export * from './config';
+export * from './tests';
+export * from './tokens';
+export * from './utils';

package/dist/main.d.ts

@@ -0,0 +1,8 @@
+import '@gouvfr/dsfr/dist/core/core.main.min.css';
+import '@gouvfr/dsfr/dist/component/component.main.min.css';
+import '@gouvfr/dsfr/dist/utility/utility.main.min.css';
+import '@gouvminint/vue-dsfr/styles';
+import '@gouvfr/dsfr/dist/scheme/scheme.min.css';
+import '@gouvfr/dsfr/dist/utility/icons/icons.min.css';
+import './main.css';
+import '@/styles/main.scss';

package/dist/stories/foundations/icons.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+declare const meta: Meta;
+export default meta;
+export declare const AllIcons: StoryFn;
+export declare const MdiIcons: StoryFn;
+export declare const RiIcons: StoryFn;

package/dist/stories/foundations/typography.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+declare const meta: Meta;
+export default meta;
+export declare const Titles: StoryFn;
+export declare const Texts: StoryFn;

package/dist/tests/index.d.ts

@@ -0,0 +1 @@
+export * from './stubs';

package/dist/tests/stubs.d.ts

@@ -0,0 +1,41 @@
+export declare const DsfrBadgeStub: {
+    name: string;
+    template: string;
+    props: string[];
+};
+export declare const DsfrModalStub: {
+    name: string;
+    props: string[];
+    template: string;
+    emits: string[];
+    methods: {
+        triggerEscape(this: {
+            $emit: (event: string, payload?: any) => void;
+        }): void;
+    };
+};
+export declare const DsfrNavigationStub: {
+    name: string;
+    props: {
+        navItems: {
+            (arrayLength: number): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+            (...items: (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][]): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+            new (arrayLength: number): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+            new (...items: (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][]): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    template: string;
+};
+export declare const VIconStub: {
+    name: string;
+    props: string[];
+    template: string;
+};

package/dist/tests/utils.d.ts

@@ -0,0 +1,30 @@
+import { type ComponentMountingOptions, type VueWrapper } from '@vue/test-utils';
+import { type Component } from 'vue';
+/**
+ * Function allowing developpers to use a common BDD format for tests
+ * @returns given (describe), when (describe) and then (it)
+ */
+export declare function BddTest(): {
+    given(description: string, fn: () => void): any;
+    when(description: string, fn: () => void): any;
+    and(description: string, fn: () => void): any;
+    then(description: string, fn: () => void): any;
+};
+declare function mountComposable<T>(fn: () => T): {
+    result: T;
+    unmount: () => void;
+};
+/**
+ * Mounts a Vue component with a mock router for testing.
+ *
+ * This function uses Vue Test Utils to mount the component by injecting
+ * stubs for `RouterLink` and `RouterView` to simulate the router behavior
+ * without launching a real instance.
+ *
+ * @template T
+ * @param {Component} component - Vue component to mount.
+ * @param {ComponentMountingOptions<T>} [options] - Additional options for mounting the component.
+ * @returns {Promise<VueWrapper<InstanceType<any>>>} the function  return any as type because ts type is too complicated.
+ */
+declare function mountWithRouter<T>(component: Component, options?: ComponentMountingOptions<T>): Promise<VueWrapper<InstanceType<any>>>;
+export { mountComposable, mountWithRouter, };

package/dist/tokens/icons.d.ts

@@ -0,0 +1,92 @@
+export declare const MDI_ICONS: {
+    ACCOUNT_CIRCLE_OUTLINE: string;
+    ACCOUNT_STUDENT_OUTLINE: string;
+    ALERT_CIRCLE_OUTLINE: string;
+    ALERT_OUTLINE: string;
+    ARROW_DECISION: string;
+    ARROW_LEFT_THIN: string;
+    ARROW_RIGHT: string;
+    ARROW_RIGHT_THIN: string;
+    ARROW_TOP_RIGHT_THICK: string;
+    ATTACH_FILE: string;
+    ATTACHMENT_PLUS: string;
+    BELL_NOTIFICATION: string;
+    BOOK_LOCATION_OUTLINE: string;
+    BRIEFCASE_VARIANT_OUTLINE: string;
+    CALENDAR_MONTH_OUTLINE: string;
+    CHART_TIMELINE_VARIANT_SHIMMER: string;
+    CHAT_ALERT: string;
+    CHAT_BUBBLE_OUTLINE: string;
+    CHECK: string;
+    CHECK_CIRCLE: string;
+    CHECK_CIRCLE_OUTLINE: string;
+    CHECKBOX_BLANK_OUTLINE: string;
+    CHECKBOX_MARKED: string;
+    CHEVRON_DOUBLE_LEFT: string;
+    CHEVRON_DOUBLE_RIGHT: string;
+    CLOSE_CIRCLE_OUTLINE: string;
+    CONTENT_SAVE_OUTLINE: string;
+    DOTS_VERTICAL: string;
+    ELECTRON_FRAMEWORK: string;
+    FAMILY: string;
+    FILE: string;
+    FILE_ACCOUNT_OUTLINE: string;
+    FILE_DOCUMENT_BOX_MULTIPLE_OUTLINE: string;
+    FILE_DOCUMENT_EDIT_OUTLINE: string;
+    FILE_DOCUMENT_MULTIPLE_OUTLINE: string;
+    FILE_IMAGE_OUTLINE: string;
+    FILE_TREE_OUTLINE: string;
+    FLAG_VARIANT: string;
+    FORMAT_LIST_BULLETED: string;
+    HOME_VARIANT_OUTLINE: string;
+    HOURGLASS: string;
+    IMAGE_FILTER_CENTER_FOCUS_WEAK: string;
+    IMAGE_OUTLINE: string;
+    INFORMATION_OUTLINE: string;
+    LINK: string;
+    LOADING_OUTLINE: string;
+    LOGOUT: string;
+    NAVIGATE_BEFORE: string;
+    NAVIGATE_NEXT: string;
+    NOTEBOOK_CHECK: string;
+    NOTIFICATIONS_NONE: string;
+    PAGE_FIRST: string;
+    PAGE_LAST: string;
+    PENCIL_OUTLINE: string;
+    PEOPLE_GROUP_OUTLINE: string;
+    PLUS_CIRCLE_OUTLINE: string;
+    POST_IT_NOTES_OUTLINE: string;
+    RECORD_CIRCLE_OUTLINE: string;
+    SCHOOL_OUTLINE: string;
+    SHARE_VARIANT_OUTLINE: string;
+    STAR_CHECK_OUTLINE: string;
+    STAR_SHOOTING_OUTLINE: string;
+    STARS: string;
+    SWAP_HORIZONTAL: string;
+    SWAP_VERTICAL_VARIANT: string;
+    TARGET_ARROW: string;
+    TEST_TUBE_EMPTY: string;
+    TRASH_CAN_OUTLINE: string;
+    TRAY_UPLOAD: string;
+    VECTOR_POLYGON_VARIANT: string;
+    WARNING_OUTLINE: string;
+};
+export declare const RI_ICONS: {
+    DICE_1_LINE: string;
+    DICE_4_LINE: string;
+};
+/**
+ * contains icon as base64 to be used in img src or also for components that need iconPath
+ * Useful for icons that are in MDI but we cannot use them using icon name, so we can use them
+ * without creating svg files in assets/icons, also simple to use (no need for basePath ...)
+ * e.g. using mdi icons with AvBadge
+ */
+export declare const ICONS_DATA_URL: {
+    AMS_SAE: string;
+    CLOCK_ALMOST_CHECK: string;
+    CLOCK_HALF_PLUS_CHECK: string;
+    CLOCK_QUARTER_CHECK: string;
+    CLOCK_THIRD_CHECK: string;
+    FILE_DOCUMENT_MULTIPLE_OUTLINE: string;
+    MDI_CHECK_CIRCLE: string;
+};

package/dist/tokens/index.d.ts

@@ -0,0 +1 @@
+export * from './icons';

package/dist/utils/array/array.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Removes duplicates from an array and returns a new array containing only unique elements.
+ *
+ * @template T - The type of the elements in the array.
+ * @param {T[]} array - The array that can contain duplicates.
+ * @returns {T[]} A new array containing only the unique elements of the original array, in the order they appear.
+ */
+export declare function removeDuplicates<T>(array: T[]): T[];

package/dist/utils/forms/form.test.d.ts

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

package/dist/utils/forms/forms.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the email validation status
+ * @param email
+ * @returns email is valid (true) or invalid (false)
+ */
+export declare function isValidEmail(email: string): boolean;

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './array/array';
+export * from './forms/forms';
+export * from './string/string';

package/dist/utils/string/string.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Formats a string by applying structured HTML transformations based on specific patterns:
+ *
+ * - Text between `**...**` is underlined using a `<span class="text-underline">`.
+ * - Text between `##...##` is colored and bold using a `<strong style="color: ...">`.
+ * - Text within `(-...)` is converted to `<li>` items with an indentation class.
+ * - Line breaks (`\n`, `\r`, `\\n`, etc.) are converted to `<div class="line-break"></div>`
+ *   for visual spacing (e.g., adjustable height via CSS).
+ *
+ * @example
+ * ```ts
+ * formatTextToHtml('(-##Important## and **underlined**)\nNext line')
+ * // Returns:
+ * // '<li class="indented-list"><strong style="color: var(--dark-background-primary1)">Important</strong> and <span class="text-underline">underlined</span></li><div class="line-break"></div>Next line'
+ * ```
+ *
+ * @param {string} text - The raw input string that may contain styling markers like `**`, `##`, or `(-...)`.
+ * @param {string} color - The color applied to text wrapped in `**` and '###'. Defaults to 'var(--dark-background-primary1)'.
+ * @returns {string} A string of HTML with appropriate tags for styling and structure.
+ */
+export declare function formatTextToHtml(text: string, color?: string): string;
+/**
+ *
+ * @param text the text to format to sentence case
+ * @returns the text formatted to sentence case
+ */
+export declare function toSentenceCase(text: string): string;

package/dist/utils/string/string.test.d.ts

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