@avenirs-esr/avenirs-dsav 0.1.49 → 0.1.50

package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.stories.d.ts

@@ -1,132 +0,0 @@
-import type { StoryFn } from '@storybook/vue3';
-import { type AvMultiselectProps } from '@/components/interaction/selects/AvMultiselect/AvMultiselect.vue';
-/**
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvMultiselect</code> is a Vue component enabling a user to select one or many items from a given list.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     The drop-down list provides a list of options for the user to choose from.
- *     The user can filter this list and use a button to select/deselect all visible items.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p><span class="b2-regular">The <code>AvMultiselect</code> consists of:</span></p>
- * <ul>
- *   <li><span class="b2-regular">a <strong>label</strong> - Mandatory (<code>label</code> prop)</span></li>
- *   <li><span class="b2-regular">a <strong>description</strong> - Optional (<code>hint</code> prop or <code>hint</code> slot)</span></li>
- *   <li><span class="b2-regular">a <strong>list</strong> - Composed of a set of selectable options (mandatory, <code>options</code> prop with a label, a value and an optional icon)</span></li>
- * </ul>
- *
- * <p><span class="b2-regular">Inside the list:</span></p>
- * <ul>
- *   <li><span class="b2-regular">a <strong>"Select all" / "Deselect all" button</strong> - Optional (<code>selectAll</code> and <code>selectAllLabel</code> props)</span></li>
- *   <li><span class="b2-regular">an <strong>input field</strong> - Optional</span></li>
- *   <li><span class="b2-regular">a <strong>form section (fieldset)</strong> containing:</span>
- *     <ul>
- *       <li><span class="b2-regular">a <strong>legend</strong> - Optional, can be hidden (<code>legend</code> prop or <code>legend</code> slot)</span></li>
- *       <li><span class="b2-regular">a <strong>description of the group</strong> - Optional, can be hidden</span></li>
- *       <li><span class="b2-regular">a <strong>list of options</strong> - Mandatory (<code>options</code> prop with a label, a value and an optional icon)</span></li>
- *     </ul>
- *   </li>
- * </ul>
- */
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<AvMultiselectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: import("@/components/interaction/selects/AvMultiselect/AvMultiselect.vue").AvMultiselectOption[]) => any;
-    }, string, import("vue").PublicProps, Readonly<AvMultiselectProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("@/components/interaction/selects/AvMultiselect/AvMultiselect.vue").AvMultiselectOption[]) => any) | undefined;
-    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    tags: string[];
-    argTypes: {
-        disabled: {
-            control: string;
-        };
-        dense: {
-            control: string;
-        };
-        selectId: {
-            control: string;
-        };
-        name: {
-            control: string;
-        };
-        hint: {
-            control: string;
-        };
-        modelValue: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: boolean;
-        };
-        label: {
-            control: string;
-        };
-        options: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: boolean;
-        };
-        successMessage: {
-            control: string;
-        };
-        errorMessage: {
-            control: string;
-        };
-        defaultUnselectedText: {
-            control: string;
-            required: boolean;
-        };
-        selectAll: {
-            control: string;
-        };
-        search: {
-            control: string;
-        };
-        width: {
-            control: string;
-        };
-    };
-    args: {
-        options: {
-            value: string;
-            label: string;
-        }[];
-        defaultUnselectedText: string;
-        required: boolean;
-        disabled: boolean;
-        selectId: string;
-        name: string;
-        hint: string;
-        modelValue: never[];
-        label: string;
-        successMessage: string;
-        errorMessage: string;
-        dense: boolean;
-        selectAll: boolean;
-        search: boolean;
-    };
-    parameters: {
-        docs: {
-            story: {
-                height: string;
-            };
-        };
-    };
-};
-export default meta;
-export declare const Default: StoryFn<AvMultiselectProps>;
-export declare const Dense: StoryFn<AvMultiselectProps>;
-export declare const OptionsWithIcon: StoryFn<AvMultiselectProps>;

package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.test.d.ts

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

package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.vue.d.ts

@@ -1,94 +0,0 @@
-/**
- * AvMultiselect option props.
- */
-export interface AvMultiselectOption {
-    /**
-     * Displayed label of the option
-     */
-    label: string;
-    /**
-     * Name of the icon option
-     */
-    icon?: string;
-    /**
-     * Value of the option
-     */
-    value: string | number;
-}
-/**
- * AvMultiselect component props.
- */
-export interface AvMultiselectProps {
-    /**
-     * Indicated if the select is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Unique id for the select. Used for the accessibility.
-     */
-    selectId?: string;
-    /**
-     * Field name.
-     */
-    name?: string;
-    /**
-     * Hint for guidance.
-     */
-    hint?: string;
-    /**
-     * Selected option(s) value(s).
-     */
-    modelValue: AvMultiselectOption[];
-    /**
-     * Select text label.
-     */
-    label: string;
-    /**
-     * Selectable options.
-     */
-    options?: AvMultiselectOption[];
-    /**
-     * If set, display a success message.
-     */
-    successMessage?: string;
-    /**
-     * If set, display an error message.
-     */
-    errorMessage?: string;
-    /**
-     * Placeholder text.
-     */
-    defaultUnselectedText: string;
-    /**
-     * dense mode
-     */
-    dense?: boolean;
-    /**
-     * Displayed text when options are selected.
-     */
-    selectedText?: string;
-    /**
-     * Displays the select all items button
-     */
-    selectAll?: boolean;
-    /**
-     * Update the select all items button label
-     * @default
-     * ["Tout sélectionner", "Tout désélectionner"]
-     */
-    selectAllLabel?: [string, string];
-    /**
-     * Displays the search bar
-     */
-    search?: boolean;
-    /**
-     * Fixes the width of the multiselect
-     */
-    width?: string;
-}
-declare const _default: import("vue").DefineComponent<AvMultiselectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: AvMultiselectOption[]) => any;
-}, string, import("vue").PublicProps, Readonly<AvMultiselectProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: AvMultiselectOption[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/interaction/selects/AvSelect/AvSelect.stories.d.ts

@@ -1,96 +0,0 @@
-import type { StoryFn } from '@storybook/vue3';
-import { type AvSelectProps } from '@/components/interaction/selects/AvSelect/AvSelect.vue';
-/**
- * <h1 class="n1">Drop-down list - <code>AvSelect</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvSelect</code> is a Vue component enabling a user to select an item from a given list.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     The drop-down list provides a list of options from which the user can choose. Only the visible part of the component is stylized:
- *     the drop-down list of options retains the browser style.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p><span class="b2-regular"><code>AvSelect</code> consists of a set of <code>&lt;option&gt;</code> within a <code>&lt;select&gt;</code>.</span></p>
- */
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<AvSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: string | number) => any;
-    }, string, import("vue").PublicProps, Readonly<AvSelectProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    tags: string[];
-    argTypes: {
-        required: {
-            control: string;
-        };
-        disabled: {
-            control: string;
-        };
-        dense: {
-            control: string;
-        };
-        selectId: {
-            control: string;
-        };
-        name: {
-            control: string;
-        };
-        hint: {
-            control: string;
-        };
-        modelValue: {
-            control: string;
-        };
-        label: {
-            control: string;
-        };
-        options: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: boolean;
-        };
-        successMessage: {
-            control: string;
-        };
-        errorMessage: {
-            control: string;
-        };
-        defaultUnselectedText: {
-            control: string;
-            required: boolean;
-        };
-    };
-    args: {
-        options: {
-            value: string;
-            text: string;
-        }[];
-        defaultUnselectedText: string;
-        required: boolean;
-        disabled: boolean;
-        selectId: string;
-        name: string;
-        hint: string;
-        modelValue: string;
-        label: string;
-        successMessage: string;
-        errorMessage: string;
-        dense: boolean;
-    };
-};
-export default meta;
-export declare const Default: StoryFn<AvSelectProps>;
-export declare const Dense: StoryFn<AvSelectProps>;

package/dist/components/interaction/selects/AvSelect/AvSelect.stub.d.ts

@@ -1,11 +0,0 @@
-export declare const AvSelectStub: {
-    name: string;
-    props: {
-        modelValue: (StringConstructor | NumberConstructor)[];
-        options: ArrayConstructor;
-        defaultUnselectedText: StringConstructor;
-        dense: BooleanConstructor;
-    };
-    emits: string[];
-    template: string;
-};

package/dist/components/interaction/selects/AvSelect/AvSelect.test.d.ts

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

package/dist/components/interaction/selects/AvSelect/AvSelect.vue.d.ts

@@ -1,63 +0,0 @@
-/**
- * AvSelect component props.
- */
-export interface AvSelectProps {
-    /**
-     * Indicates if the select is required.
-     */
-    required?: boolean;
-    /**
-     * Indicated if the select is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Unique id for the select. Used for the accessibility.
-     */
-    selectId?: string;
-    /**
-     * Field name.
-     */
-    name?: string;
-    /**
-     * Hint for guidance.
-     */
-    hint?: string;
-    /**
-     * Selected option value.
-     */
-    modelValue?: string | number | undefined;
-    /**
-     * Select text label.
-     */
-    label?: string;
-    /**
-     * Selectable options.
-     */
-    options?: {
-        value: string | number | undefined;
-        text: string;
-        disabled?: boolean;
-    }[];
-    /**
-     * If set, display a success message.
-     */
-    successMessage?: string;
-    /**
-     * If set, display an error message.
-     */
-    errorMessage?: string;
-    /**
-     * Placeholder text.
-     */
-    defaultUnselectedText: string;
-    /**
-     * dense mode
-     */
-    dense?: boolean;
-}
-declare const _default: import("vue").DefineComponent<AvSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string | number) => any;
-}, string, import("vue").PublicProps, Readonly<AvSelectProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/interaction/selects/index.d.ts

@@ -1,6 +0,0 @@
-export { AvAutocompleteStub } from './AvAutocomplete/AvAutocomplete.stub';
-export * from './AvAutocomplete/AvAutocomplete.types';
-export { default as AvAutocomplete } from './AvAutocomplete/AvAutocomplete.vue';
-export { default as AvMultiselect } from './AvMultiselect/AvMultiselect.vue';
-export { AvSelectStub } from './AvSelect/AvSelect.stub';
-export { default as AvSelect } from './AvSelect/AvSelect.vue';

package/dist/components/interaction/tabs/AvTab/AvTab.stories.d.ts

@@ -1,34 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvTabProps } from '@/components/interaction/tabs/AvTab/AvTab.vue';
-/**
- * <h1 class="n1">Tabs - <code>AvTab</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvTab</code> is a declarative component used exclusively in the <code>default</code> slot of <code>AvTabs</code>.
- *     <code>AvTab</code> allows you to configure a tab by passing its props (such as <code>title</code> and <code>icon</code>)
- *     to the <code>AvTabs</code> component without rendering.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     It acts as a proxy component: it exposes information (props) used by <code>AvTabs</code> to generate the interface.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     🚫 This component does not display anything by itself and should not be used outside <code>AvTabs</code>.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p><span class="b2-regular">None.</span></p>
- */
-declare const meta: Meta<AvTabProps>;
-export default meta;
-export declare const Default: StoryFn<AvTabProps>;

package/dist/components/interaction/tabs/AvTab/AvTab.test.d.ts

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

package/dist/components/interaction/tabs/AvTab/AvTab.vue.d.ts

@@ -1,31 +0,0 @@
-import type { Slot } from 'vue';
-/**
- * AvTab component props.
- */
-export interface AvTabProps {
-    /**
-     * Title of the tab displayed in the tab bar.
-     */
-    title: string;
-    /**
-     * Tab icon
-     */
-    icon?: string;
-}
-/**
- * Slots available in the AvTab component.
- * The default slot contains the contents of the tab.
- */
-type __VLS_Slots = {
-    /**
-     * Default slot for tab content.
-     */
-    default?: Slot;
-};
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvTabProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/interaction/tabs/AvTabs/AvTabs.stories.d.ts

@@ -1,45 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvTabsProps } from '@/components/interaction/tabs/AvTabs/AvTabs.vue';
-/**
- * <h1 class="n1">Tabs - <code>AvTabs</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvTabs</code> automatically manages the addition of <code>AvTab</code>
- *     according to the <code>AvTab</code> present in the <code>default</code> slot.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     The tab component allows users to navigate different content sections within the same page.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     The tab system helps to group different contents together in a limited space, and allows dense content to be divided into individually accessible sections to make reading easier for the user.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p><span class="b2-regular">Each tab consists of the following elements:</span></p>
- *
- * <ul>
- *   <li><span class="b2-regular">an icon to the left of the title - optional.</span></li>
- *   <li><span class="b2-regular">a clickable title - mandatory: displays the associated content zone.</span></li>
- * </ul>
- *
- * <p>
- *   <span class="b2-regular">
- *     If the number of tabs exceeds the width of the container, a horizontal scroll allows you to navigate between the different tabs.
- *   </span>
- * </p>
- */
-declare const meta: Meta<AvTabsProps>;
-export default meta;
-export declare const Default: StoryFn<AvTabsProps>;
-export declare const Compact: StoryFn<AvTabsProps>;

package/dist/components/interaction/tabs/AvTabs/AvTabs.test.d.ts

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

package/dist/components/interaction/tabs/AvTabs/AvTabs.vue.d.ts

@@ -1,46 +0,0 @@
-import type AvTab from '@/components/interaction/tabs/AvTab/AvTab.vue';
-import { type VNode } from 'vue';
-/**
- * AvTabs component Props.
- */
-export interface AvTabsProps {
-    /**
-     * Aria label for tab list.
-     * Improves accessibility by providing a description for screen readers.
-     */
-    ariaLabel?: string;
-    /**
-     * Index of selected tab on loading.
-     * Index starts at 0.
-     */
-    modelValue: number;
-    /**
-     * Allows compact display:
-     * Underline without central pipe.
-     * @default 'false'
-     */
-    compact?: boolean;
-}
-/**
- * Slots available in AvTabs component.
- * Used to inject tabs via `AvTab` components.
- */
-type __VLS_Slots = {
-    /**
-     * Default slot for passing `AvTab` components.
-     */
-    default?: () => VNode<typeof AvTab>[];
-};
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvTabsProps, {
-    activeTab: import("vue").Ref<number, number>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<AvTabsProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: number) => 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/interaction/tabs/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AvTab } from './AvTab/AvTab.vue';
-export { default as AvTabs } from './AvTabs/AvTabs.vue';

package/dist/components/interaction/toggles/AvToggle/AvToggle.stories.d.ts

@@ -1,21 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvToggleProps } from '@/components/interaction/toggles/AvToggle/AvToggle.vue';
-/**
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvToggle</code> is a versatile Vue component, designed to allow the user to choose between two opposite states
- *     (<em>active</em> / <em>inactive</em>).
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p><span class="b2-regular">None.</span></p>
- */
-declare const meta: Meta<AvToggleProps>;
-export default meta;
-export declare const Default: StoryFn<AvToggleProps>;
-export declare const InitActive: StoryFn<AvToggleProps>;
-export declare const WidthRestrict: StoryFn<AvToggleProps>;

package/dist/components/interaction/toggles/AvToggle/AvToggle.test.d.ts

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

package/dist/components/interaction/toggles/AvToggle/AvToggle.vue.d.ts

@@ -1,46 +0,0 @@
-/**
- * AvToggle component props.
- */
-export interface AvToggleProps {
-    /**
-     * Boolean value linked to the input.
-     */
-    modelValue?: boolean;
-    /**
-     * Indicates the purpose of the toggle.
-     */
-    description: string;
-    /**
-     * Unique id for the toggle. Used for accessibility.
-     */
-    id?: string;
-    /**
-     * Indicates if the toggle disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Text to display next to the toggle (right) when it is active.
-     * @default 'On'
-     */
-    activeText?: string;
-    /**
-     * Text to display next to the toggle (right) when it is inactive.
-     * @default 'Off'
-     */
-    inactiveText?: string;
-    /**
-     * `name` attribute of the input
-     * @default undefined
-     */
-    name?: string;
-}
-declare const _default: import("vue").DefineComponent<AvToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (payload: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<AvToggleProps> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
-}>, {
-    name: string;
-    activeText: string;
-    inactiveText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/interaction/toggles/index.d.ts

@@ -1 +0,0 @@
-export { default as AvToggle, type AvToggleProps } from './AvToggle/AvToggle.vue';