@avenirs-esr/avenirs-dsav 0.1.56 → 0.1.57

package/dist/components/interaction/buttons/AvButton/AvButton.vue.d.ts

@@ -1,6 +1,6 @@
-import type { VIcon } from '@gouvminint/vue-dsfr';
+import type AvIcon from '@/components/base/AvIcon/AvIcon.vue';
 /**
- * AvButton component props.
+ * AvButton component
  */
 export interface AvButtonProps {
     /**
@@ -56,23 +56,15 @@ export interface AvButtonProps {
     /**
      * Icon to be displayed in the button. Can be a name or an icon configuration (eg: `{"name": "mdi:stars"}`).
      */
-    icon?: string | InstanceType<typeof VIcon>['$props'];
+    icon?: string | InstanceType<typeof AvIcon>['$props'];
     /**
      * Function called when button is clicked.
      * @param event The click MouseEvent
      */
     onClick?: ($event: MouseEvent) => void;
 }
+declare function focus(): void;
 declare const _default: import("vue").DefineComponent<AvButtonProps, {
-    computedSvgScale: import("vue").ComputedRef<number>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvButtonProps> & Readonly<{}>, {
-    size: "" | "small" | "sm" | "lg" | "large" | "md" | "medium";
-    variant: "DEFAULT" | "OUTLINED" | "FLAT";
-    theme: "PRIMARY" | "SECONDARY";
-    isLoading: boolean;
-    noRadius: boolean;
-    disabled: boolean;
-    iconRight: boolean;
-    iconOnly: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    focus: typeof focus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/interaction/buttons/AvLanguageSelector/AvLanguageSelector.stories.d.ts

@@ -0,0 +1,26 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvLanguageSelectorProps } from '@/components/interaction/buttons/AvLanguageSelector/AvLanguageSelector.vue';
+/**
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvLanguageSelector</code> allows users to choose the language in which the site content is displayed, if it is available in several languages.
+ *     It takes the form of a button that opens a drop-down list.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">The language selector is composed by:</span>
+ * </p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">a button that opens or closes a drop-down menu of languages</span></li>
+ *   <li><span class="b2-regular">a drop-down menu of available languages</span></li>
+ * </ul>
+ */
+declare const meta: Meta<AvLanguageSelectorProps>;
+export default meta;
+export declare const Default: StoryFn<AvLanguageSelectorProps>;

package/dist/components/interaction/buttons/AvLanguageSelector/AvLanguageSelector.test.d.ts

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

package/dist/components/interaction/buttons/AvLanguageSelector/AvLanguageSelector.vue.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Interface of a language selector dropdown element
+ */
+export interface AvLanguageSelectorElement {
+    codeIso: string;
+    label: string;
+}
+/**
+ * AvLanguageSelector component props
+ */
+export interface AvLanguageSelectorProps {
+    /**
+     * Unique id for accessibility
+     * @default crypto.randomUUID()
+     */
+    id?: string;
+    /**
+     * Available languages list.
+     * Each language is represented by an object containing a `codeIso` and a `label`
+     */
+    languages: AvLanguageSelectorElement[];
+    /**
+     * ISO code of the current selected language
+     * @default 'fr'
+     */
+    currentLanguage?: string;
+    /**
+     * Title attribute for accessibility
+     * @default 'Sélectionner une langue'
+     */
+    title?: string;
+}
+declare const _default: import("vue").DefineComponent<AvLanguageSelectorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (payload: AvLanguageSelectorElement) => any;
+}, string, import("vue").PublicProps, Readonly<AvLanguageSelectorProps> & Readonly<{
+    onSelect?: ((payload: AvLanguageSelectorElement) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,3 +1,4 @@
 export { default as AvButton, type AvButtonProps } from './AvButton/AvButton.vue';
 export { default as AvCancelConfirmButtons } from './AvCancelConfirmButtons/AvCancelConfirmButtons.vue';
+export { default as AvLanguageSelector, type AvLanguageSelectorElement, type AvLanguageSelectorProps } from './AvLanguageSelector/AvLanguageSelector.vue';
 export { default as AvRichButton } from './AvRichButton/AvRichButton.vue';

package/dist/components/interaction/checkboxes/AvCheckbox/AvChecbox.stories.d.ts

@@ -0,0 +1,36 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvCheckboxProps } from '@/components/interaction/checkboxes/AvCheckbox/AvCheckbox.vue';
+/**
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p class="b2-regular">
+ *   The <code>AvCheckbox</code> allows the user to select one or more options from a list.
+ *   They are used to make multiple selections (from 0 to N items) or to allow a binary choice,
+ *   where the user can select or deselect a single option.
+ * </p>
+ *
+ * <p class="b2-regular">
+ *   Checkboxes can be used alone or in a list. Avoid lists with more than 5 items, and when you want to restrict
+ *   the choice to a single item, use radio buttons (see <code>AvRadioButton</code>).
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <ul class="b2-regular">
+ *   <li>a checkbox <code>&lt;input type="checkbox"&gt;</code></li>
+ *   <li>a label associated with the checkbox, defined by the <code>label</code> prop</li>
+ *   <li>an information, error (<code>errorMessage</code> prop), or validation (<code>validMessage</code> prop) message, displayed below the checkbox</li>
+ * </ul>
+ */
+declare const meta: Meta<AvCheckboxProps>;
+export default meta;
+export declare const Default: StoryFn<AvCheckboxProps>;
+export declare const WithIcon: StoryFn<AvCheckboxProps>;
+export declare const Required: StoryFn<AvCheckboxProps>;
+export declare const Disabled: StoryFn<AvCheckboxProps>;
+export declare const Error: StoryFn<AvCheckboxProps>;
+export declare const Valid: StoryFn<AvCheckboxProps>;
+export declare const Hint: StoryFn<AvCheckboxProps>;
+export declare const Small: StoryFn<AvCheckboxProps>;
+export declare const SmallWithIcon: StoryFn<AvCheckboxProps>;
+export declare const SmallRequired: StoryFn<AvCheckboxProps>;

package/dist/components/interaction/checkboxes/AvCheckbox/AvCheckbox.stub.d.ts

@@ -0,0 +1,49 @@
+export declare const AvCheckboxStub: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string;
+    id: string;
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/interaction/checkboxes/AvCheckbox/AvCheckbox.test.d.ts

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

package/dist/components/interaction/checkboxes/AvCheckbox/AvCheckbox.vue.d.ts

@@ -0,0 +1,71 @@
+/**
+ * AvCheckbox component props
+ */
+export interface AvCheckboxProps {
+    /**
+     * Unique ID of the component
+     * @default `checkbox-${crypto.randomUUID()}`
+     */
+    id?: string;
+    /**
+     * Custom icon to add between the checkbox and the label (Iconify naming convention)
+     */
+    icon?: string;
+    /**
+     * Name of the field `<input>`
+     */
+    name: string;
+    /**
+     * Indicates if the checkbox is mandatory
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Value associated to the checkbox
+     */
+    value: string | number | boolean;
+    /**
+     * Displays the checkbox in its small version
+     * @default false
+     */
+    small?: boolean;
+    /**
+     * Displays the chekbox in its inline version
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * Simulates a disabled state to make the checkbox as disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Label to be displayed next to the checkbox
+     */
+    label: string;
+    /**
+     * Error message to be displayed under the checkbox
+     * @default ''
+     */
+    errorMessage?: string;
+    /**
+     * Valid message to be displayed under the checkbox
+     * @default ''
+     */
+    validMessage?: string;
+    /**
+     * Hint to be displayed under the checkbox
+     * @default ''
+     */
+    hint?: string;
+}
+type __VLS_Props = AvCheckboxProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue: (string | number | boolean | undefined)[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: (string | number | boolean | undefined)[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: (string | number | boolean | undefined)[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

package/dist/components/interaction/files/AvFileUpload/AvFileUpload.vue.d.ts

@@ -7,7 +7,7 @@ export interface AvFileUploadProps {
      * Unique identifier for the file download component.
      * If not specified, a random ID is generated.
      *
-     * @default () => useRandomId(...)
+     * @default crypto.randomUUID()
      */
     id?: string;
     /**

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

@@ -1,5 +1,6 @@
 export * from './accordions';
 export * from './buttons';
+export * from './checkboxes';
 export * from './files';
 export * from './inputs';
 export * from './lists';

package/dist/components/interaction/inputs/AvInput/AvInput.stories.d.ts

@@ -20,13 +20,13 @@ import { type AvInputProps } from '@/components/interaction/inputs/AvInput/AvInp
  *
  * <p><span class="b2-regular">The input component consists of the following elements:</span></p>
  * <ul>
- *   <li><span class="b2-regular"><strong>Wrapper</strong>: Container that manages the overall layout and positioning</span></li>
- *   <li><span class="b2-regular"><strong>Prefix Icon</strong> (optional): Visual icon positioned at the beginning of the input field</span></li>
- *   <li><span class="b2-regular"><strong>Input Field</strong>: The main input element (can be rendered as input or textarea)</span></li>
- *   <li><span class="b2-regular"><strong>Label</strong>: Descriptive text for the input field</span></li>
- *   <li><span class="b2-regular"><strong>Hint</strong>: Optional helper text displayed below the label</span></li>
- *   <li><span class="b2-regular"><strong>Error Messages</strong>: Validation error messages displayed when validation fails</span></li>
- *   <li><span class="b2-regular"><strong>Success Messages</strong>: Validation success messages displayed when validation passes</span></li>
+ *   <li><span class="b2-regular">a <strong>Wrapper</strong>: Container that manages the overall layout and positioning</span></li>
+ *   <li><span class="b2-regular">a <strong>Prefix Icon</strong> (optional): Visual icon positioned at the beginning of the input field</span></li>
+ *   <li><span class="b2-regular">a <strong>Input Field</strong>: The main input element (can be rendered as input or textarea)</span></li>
+ *   <li><span class="b2-regular">a <strong>Label</strong>: Descriptive text for the input field</span></li>
+ *   <li><span class="b2-regular">a <strong>Hint</strong>: Optional helper text displayed below the label</span></li>
+ *   <li><span class="b2-regular">optional <strong>Error Messages</strong>: Validation error messages displayed when validation fails</span></li>
+ *   <li><span class="b2-regular">optional <strong>Success Messages</strong>: Validation success messages displayed when validation passes</span></li>
  * </ul>
  *
  * <p>

package/dist/components/interaction/inputs/AvInput/AvInput.vue.d.ts

@@ -2,6 +2,7 @@ import type { Slot } from 'vue';
 export interface AvInputProps {
     /**
      * ID of the input element
+     * @default `av-input-${crypto.randomUUID()}`
      */
     id?: string;
     /**
@@ -14,10 +15,12 @@ export interface AvInputProps {
     hint?: string;
     /**
      * Validation state - valid
+     * @default false
      */
     isValid?: boolean;
     /**
      * Render as textarea instead of input
+     * @default false
      */
     isTextarea?: boolean;
     /**
@@ -26,14 +29,17 @@ export interface AvInputProps {
     labelVisible?: boolean;
     /**
      * Label text
+     * @default ''
      */
     label?: string;
     /**
      * CSS class for the label
+     * @default 'b2-light'
      */
     labelClass?: string;
     /**
      * Model value for v-model
+     * @default ''
      */
     modelValue?: string | number | null;
     /**
@@ -42,6 +48,7 @@ export interface AvInputProps {
     placeholder?: string;
     /**
      * Input type (text, email, password, etc.)
+     * @default 'text'
      */
     type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'color' | 'file' | 'hidden' | 'range';
     /**
@@ -54,10 +61,12 @@ export interface AvInputProps {
     maxDate?: Date;
     /**
      * Whether the input is disabled
+     * @default false
      */
     disabled?: boolean;
     /**
      * Whether the input is required
+     * @default false
      */
     required?: boolean;
     /**
@@ -84,6 +93,11 @@ export interface AvInputProps {
      * Width of the input
      */
     width?: string;
+    /**
+     * Removes radii from the input border.
+     * @default false
+     */
+    noRadius?: boolean;
 }
 /**
  * Slots available for the component.
@@ -103,18 +117,13 @@ type __VLS_Slots = {
         maxlength?: number;
     }>;
 };
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvInputProps, {
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | null) => any;
 }, string, import("vue").PublicProps, Readonly<AvInputProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
-}>, {
-    type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
-    disabled: boolean;
-    required: boolean;
-    isValid: boolean;
-    isTextarea: boolean;
-    labelVisible: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/components/interaction/inputs/AvSearchBar/AvSearchBar.stories.d.ts

@@ -0,0 +1,27 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvSearchBarProps } from '@/components/interaction/inputs/AvSearchBar/AvSearchBar.vue';
+/**
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvSearchBar</code> is a navigation system that allows users
+ *     to quickly access content by searching for a keyword or phrase.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">The search bar is composed by:</span>
+ * </p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">an input</span></li>
+ *   <li><span class="b2-regular">a button</span></li>
+ * </ul>
+ */
+declare const meta: Meta<AvSearchBarProps>;
+export default meta;
+export declare const Default: StoryFn<AvSearchBarProps>;
+export declare const Disabled: StoryFn<AvSearchBarProps>;

package/dist/components/interaction/inputs/AvSearchBar/AvSearchBar.test.d.ts

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

package/dist/components/interaction/inputs/AvSearchBar/AvSearchBar.vue.d.ts

@@ -0,0 +1,35 @@
+export interface AvSearchBarProps {
+    /**
+     * Unique id for the search bar
+     * @default crypto.randomUUID()
+     */
+    id?: string;
+    /**
+     * Label of the search bar
+     * @default 'Recherche'
+     */
+    label?: string;
+    /**
+     * Current value linked to the search bar
+     * @default ''
+     */
+    modelValue?: string;
+    /**
+     * Placeholder for the search bar
+     * @default 'Rechercher...'
+     */
+    placeholder?: string;
+    /**
+     * If `true`, disable the search bar
+     * @default false
+     */
+    disabled?: boolean;
+}
+declare const _default: import("vue").DefineComponent<AvSearchBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    search: (payload: string) => any;
+    "update:modelValue": (payload: string) => any;
+}, string, import("vue").PublicProps, Readonly<AvSearchBarProps> & Readonly<{
+    onSearch?: ((payload: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1 +1,2 @@
 export { default as AvInput, type AvInputProps } from './AvInput/AvInput.vue';
+export { default as AvSearchBar, type AvSearchBarProps } from './AvSearchBar/AvSearchBar.vue';

package/dist/components/interaction/lists/AvListItem/AvListItem.stub.d.ts

@@ -1,19 +1,19 @@
 export declare const AvListItemStub: import("vue").DefineComponent<{
     icon?: any;
-    selected?: any;
     iconSize?: any;
     iconColor?: any;
     hoverBackgroundColor?: any;
     colorOnHover?: any;
     clickable?: any;
+    selected?: any;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<{
     icon?: any;
-    selected?: any;
     iconSize?: any;
     iconColor?: any;
     hoverBackgroundColor?: any;
     colorOnHover?: any;
     clickable?: any;
+    selected?: any;
 }> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/interaction/radios/AvRadioButtonSet/AvRadioButtonSet.vue.d.ts

@@ -3,6 +3,11 @@ import { type Slot } from 'vue';
  * AvRadioButtonSet component props.
  */
 export interface AvRadioButtonSetProps {
+    /**
+     * ID of the legend element
+     * @default `av-radio-button-set-${crypto.randomUUID()}`
+     */
+    id?: string;
     /**
      * Name of the radio group, applied to each radio `<input name>`.
      * Used for form submission and accessibility.
@@ -11,6 +16,7 @@ export interface AvRadioButtonSetProps {
     /**
      * Label (legend) for the radio group, rendered visually as a title.
      * Helps screen readers understand the group context.
+     * @default ''
      */
     legend?: string;
     /**
@@ -20,18 +26,22 @@ export interface AvRadioButtonSetProps {
     modelValue: string | number | boolean | undefined;
     /**
      * If true, disables all radio buttons in the group.
+     * @default false
      */
     disabled?: boolean;
     /**
      * If true, marks the group as required and shows a required indicator.
+     * @default false
      */
     required?: boolean;
     /**
      * If true, displays the radio buttons in compact (small) mode.
+     * @default false
      */
     small?: boolean;
     /**
      * If true, displays the radio buttons inline (horizontally).
+     * @default false
      */
     inline?: boolean;
     /**

package/dist/components/interaction/radios/AvRadioButtonSet/components/RadioButton.vue.d.ts

@@ -0,0 +1,50 @@
+import type { Slot } from 'vue';
+/**
+ * RadioButton component props.
+ */
+export interface RadioButtonProps {
+    /**
+     * Value of the radio button.
+     * This value will be emitted when the radio is selected.
+     */
+    value: string | number | boolean;
+    /**
+     * Model value of the radio button.
+     */
+    modelValue: string | number | boolean | undefined;
+    /**
+     * If true, disables this radio button.
+     */
+    disabled?: boolean;
+    /**
+     * If true, displays the button in its small version.
+     */
+    small?: boolean;
+    /**
+     * If true, displays the button in its inline version.
+     */
+    inline?: boolean;
+    /**
+     * Name of the input field.
+     * Must be the same for each AvRadioButton in an AvRadioButtonSet
+     * @default ''
+     */
+    name?: string;
+}
+type __VLS_Slots = {
+    /**
+     * Default slot used to fully customize the radio label.
+     */
+    default?: Slot;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<RadioButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number | boolean) => any;
+}, string, import("vue").PublicProps, Readonly<RadioButtonProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => 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/selects/AvAutocomplete/AvAutocomplete.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryFn } from '@storybook/vue3';
-import type { AvAutocompleteOption } from './AvAutocomplete.types';
+import type { AvAutocompleteOption } from '@/components/interaction/selects/AvAutocomplete/AvAutocomplete.types';
 interface ExtendedOption extends AvAutocompleteOption {
     role?: string;
     department?: string;
@@ -60,6 +60,12 @@ declare const meta: {
         serverSideFiltering?: boolean | undefined;
         modelValue?: T[] | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+        emit: {
+            (e: "search", query: string): void;
+            (e: "loadMore"): void;
+            (e: "clear"): void;
+        } & ((evt: "update:modelValue", value: T[]) => void);
+        attrs: any;
         slots: {
             requiredTip?: (() => import("vue").Slot) | undefined;
             item?: import("vue").Slot<{
@@ -73,12 +79,6 @@ declare const meta: {
             }> | undefined;
             empty?: import("vue").Slot | undefined;
         };
-        emit: {
-            (e: "search", query: string): void;
-            (e: "loadMore"): void;
-            (e: "clear"): void;
-        } & ((evt: "update:modelValue", value: T[]) => void);
-        attrs: any;
     } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
         props: {
             readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
@@ -345,6 +345,12 @@ export declare const WithCustomItemSlotExample: {
                 serverSideFiltering?: boolean | undefined;
                 modelValue?: T[] | undefined;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+                emit: {
+                    (e: "search", query: string): void;
+                    (e: "loadMore"): void;
+                    (e: "clear"): void;
+                } & ((evt: "update:modelValue", value: T[]) => void);
+                attrs: any;
                 slots: {
                     requiredTip?: (() => import("vue").Slot) | undefined;
                     item?: import("vue").Slot<{
@@ -358,12 +364,6 @@ export declare const WithCustomItemSlotExample: {
                     }> | undefined;
                     empty?: import("vue").Slot | undefined;
                 };
-                emit: {
-                    (e: "search", query: string): void;
-                    (e: "loadMore"): void;
-                    (e: "clear"): void;
-                } & ((evt: "update:modelValue", value: T[]) => void);
-                attrs: any;
             } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
                 props: {
                     readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;