@avenirs-esr/avenirs-dsav 0.1.0 → 0.1.2

package/dist/src/components/interaction/buttons/AvRichButton/AvRichButton.test.d.ts

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

package/dist/src/components/interaction/buttons/AvRichButton/AvRichButton.vue.d.ts

@@ -0,0 +1,48 @@
+import type { Slot } from 'vue';
+/**
+ * AvRichButton component props.
+ */
+export interface AvRichButtonProps {
+    /**
+     * Button aria label and title for accessibility.
+     */
+    label: string;
+    /**
+     * Icon displayed on the left of the button.
+     * Must be an icon name.
+     */
+    iconLeft?: string;
+    /**
+     * Icon displayed on the right of the button.
+     * Must be an icon name.
+     */
+    iconRight?: string;
+    /**
+     * Allows you to change the padding of the button.
+     * @default '1rem'
+     */
+    customPadding?: string;
+    /**
+     * Function called when button is clicked.
+     * @param event The MouseEvent of the click.
+     */
+    onClick?: (event: MouseEvent) => void;
+}
+/**
+ * Slots available in the AvRichButton component.
+ *
+ * @slot default - Default slot for rich button content.
+ */
+type __VLS_Slots = {
+    /**
+     * Default slot for rich button content.
+     */
+    default: Slot;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvRichButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvRichButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as AvButton, type AvButtonProps } from './AvButton/AvButton.vue';
+export { default as AvRichButton } from './AvRichButton/AvRichButton.vue';

package/dist/src/components/interaction/files/AvFileUpload/AvFileUpload.stories.d.ts

@@ -0,0 +1,30 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvFileUploadProps } from '@/components/interaction/files/AvFileUpload/AvFileUpload.vue';
+/**
+ * <h1 class="n1">File uploader - <code>AvFileUpload</code></h1>
+ *
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvFileUpload</code> component is an adaptation of the <code>DsfrFileUpload</code> code.
+ *     This component allows you to upload files by clicking on the file upload area
+ *     or by dragging and dropping a file in the area.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     🏅 Documentation on <code>DsfrFileUpload</code> can be found at
+ *     <a href="https://vue-ds.fr/composants/DsfrFileUpload" target="_blank" rel="noopener noreferrer">VueDSFR</a>
+ *   </span>
+ * </p>
+ */
+declare const meta: Meta<AvFileUploadProps>;
+export default meta;
+export declare const Default: StoryFn<AvFileUploadProps>;
+export declare const Error: StoryFn<AvFileUploadProps>;
+export declare const Success: StoryFn<AvFileUploadProps>;
+export declare const LeftSlot: StoryFn<AvFileUploadProps & {
+    leftImageSrc: string;
+}>;

package/dist/src/components/interaction/files/AvFileUpload/AvFileUpload.test.d.ts

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

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

@@ -0,0 +1,131 @@
+import { type Slot } from 'vue';
+/**
+ * AvFileUpload component props.
+ */
+export interface AvFileUploadProps {
+    /**
+     * Unique identifier for the file download component.
+     * If not specified, a random ID is generated.
+     *
+     * @default () => useRandomId(...)
+     */
+    id?: string;
+    /**
+     * ARIA label for file download button.
+     *
+     * @default ''
+     */
+    ariaLabel?: string;
+    /**
+     * Accepted file types, specified as a string (like HTML `accept` attribute)
+     * or an array of strings (which will be transformed into a string).
+     *
+     * @default undefined
+     */
+    accept?: string | string[];
+    /**
+     * Error message to be displayed in case of download problem.
+     *
+     * @default ''
+     */
+    error?: string;
+    /**
+     * Message indicating that the downloaded file is valid.
+     *
+     * @default ''
+     */
+    validMessage?: string;
+    /**
+     * Whether the file upload input is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Value linked to file upload input template.
+     *
+     * @default null
+     */
+    modelValue?: File | null;
+    /**
+     * Max width of the component.
+     *
+     * @default undefined
+     */
+    maxWidth?: string;
+    /**
+     * Title of the file upload section.
+     */
+    title: string;
+    /**
+     * Description of the file upload section.
+     * @default undefined
+     */
+    description: string;
+    /**
+     * delete button label
+     *
+     */
+    deleteButtonLabel: string;
+    /**
+     * Name of actual file.
+     *
+     * @default undefined
+     */
+    fileName?: string;
+    /**
+     * Method executed on delete file button click.
+     *
+     * @default undefined
+     */
+    onDeleteFile?: () => void;
+    /**
+     * Whether the file upload input enable multiple file selection or not.
+     *
+     * @default false
+     */
+    enableMultiple?: boolean;
+}
+type __VLS_Slots = {
+    /**
+     * Slot for the hint description.
+     */
+    hint?: Slot;
+    /**
+     * Slot for the left content.
+     */
+    left?: Slot;
+    /**
+     * Default slot for global content between the left and right icons.
+     */
+    default?: Slot;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvFileUploadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (payload: FileList) => any;
+    "update:modelValue": (payload: File | null) => any;
+    "update:validMessage": (payload: string | null) => any;
+    "update:error": (payload: string | null) => any;
+    onDropAcceptTypeError: () => any;
+}, string, import("vue").PublicProps, Readonly<AvFileUploadProps> & Readonly<{
+    onChange?: ((payload: FileList) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: File | null) => any) | undefined;
+    "onUpdate:validMessage"?: ((payload: string | null) => any) | undefined;
+    "onUpdate:error"?: ((payload: string | null) => any) | undefined;
+    onOnDropAcceptTypeError?: (() => any) | undefined;
+}>, {
+    error: string;
+    id: string;
+    modelValue: File | null;
+    disabled: boolean;
+    validMessage: string;
+    ariaLabel: string;
+    accept: string | string[];
+    maxWidth: string;
+    enableMultiple: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+export interface AvFileUploadAlertProps {
+    /**
+     * Error message to be displayed in case of upload problem.
+     *
+     * @default undefined
+     */
+    error?: string;
+    /**
+     * Message indicating that the uploaded file is valid.
+     *
+     * @default undefined
+     */
+    validMessage?: string;
+}
+declare const _default: import("vue").DefineComponent<AvFileUploadAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvFileUploadAlertProps> & Readonly<{}>, {
+    error: string;
+    validMessage: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,10 @@
+export * from './accordions';
+export * from './buttons';
+export * from './files';
+export * from './inputs';
+export * from './lists';
+export * from './pickers';
+export * from './radios';
+export * from './selects';
+export * from './tabs';
+export * from './toggles';

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

@@ -0,0 +1,71 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvInputProps } from '@/components/interaction/inputs/AvInput/AvInput.vue';
+/**
+ * <h1 class="n1">Inputs - <code>AvInput</code></h1>
+ *
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The input component provides a standardized way to collect user input in forms and interfaces.
+ *     It supports various input types, validation states, and accessibility features to ensure a consistent user experience.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvInput</code> component offers flexible configuration options including text inputs, textareas, validation states,
+ *     labels, hints, and error messages. It's designed to be fully accessible and follows modern form design patterns.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     It features proper focus management, keyboard navigation, and screen reader support while maintaining visual consistency
+ *     with the design system's styling tokens.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">📐 Structure</h2>
+ *
+ * <p><span class="b2-regular">The input component consists of the following elements:</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular"><strong>Label:</strong> (optional) Descriptive text that identifies the purpose of the input</span></li>
+ *   <li><span class="b2-regular"><strong>Hint:</strong> (optional) Additional guidance text displayed below the label</span></li>
+ *   <li><span class="b2-regular"><strong>Input Field:</strong> The main input element that accepts user input</span></li>
+ *   <li><span class="b2-regular"><strong>Validation Messages:</strong> (optional) Error or success messages displayed below the input</span></li>
+ * </ul>
+ *
+ * <p><span class="b2-regular">The input integrates:</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">Support for both input and textarea elements</span></li>
+ *   <li><span class="b2-regular">Validation state styling (valid, invalid, disabled)</span></li>
+ *   <li><span class="b2-regular">Accessibility attributes and proper labeling</span></li>
+ *   <li><span class="b2-regular">Responsive design and consistent spacing</span></li>
+ * </ul>
+ */
+declare const meta: Meta<AvInputProps>;
+export default meta;
+export declare const Default: StoryFn<AvInputProps>;
+export declare const WithHint: StoryFn<AvInputProps>;
+export declare const Required: StoryFn<AvInputProps>;
+export declare const Valid: StoryFn<AvInputProps>;
+export declare const Disabled: StoryFn<AvInputProps>;
+export declare const Email: StoryFn<AvInputProps>;
+export declare const Password: StoryFn<AvInputProps>;
+export declare const Textarea: StoryFn<AvInputProps>;
+export declare const WithoutLabel: StoryFn<AvInputProps>;
+export declare const WithMaxLength: StoryFn<AvInputProps>;
+export declare const MultipleErrors: StoryFn<AvInputProps>;
+export declare const MultipleValidMessages: StoryFn<AvInputProps>;
+export declare const WithPrefixIcon: StoryFn<AvInputProps>;
+export declare const EmailWithIcon: StoryFn<AvInputProps>;
+export declare const PasswordWithIcon: StoryFn<AvInputProps>;
+export declare const PhoneWithIcon: StoryFn<AvInputProps>;
+export declare const PrefixIconWithValidation: StoryFn<AvInputProps>;
+export declare const PrefixIconDisabled: StoryFn<AvInputProps>;
+export declare const NumberInput: StoryFn<AvInputProps>;
+export declare const SearchInput: StoryFn<AvInputProps>;
+export declare const UrlInput: StoryFn<AvInputProps>;

package/dist/src/components/interaction/inputs/AvInput/AvInput.test.d.ts

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

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

@@ -0,0 +1,111 @@
+import type { Slot } from 'vue';
+export interface AvInputProps {
+    /**
+     * ID of the input element
+     */
+    id?: string;
+    /**
+     * ID of the description element
+     */
+    descriptionId?: string;
+    /**
+     * Hint text displayed below the label
+     */
+    hint?: string;
+    /**
+     * Validation state - valid
+     */
+    isValid?: boolean;
+    /**
+     * Render as textarea instead of input
+     */
+    isTextarea?: boolean;
+    /**
+     * Whether the label is visible
+     */
+    labelVisible?: boolean;
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * CSS class for the label
+     */
+    labelClass?: string;
+    /**
+     * Model value for v-model
+     */
+    modelValue?: string | number | null;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Input type (text, email, password, etc.)
+     */
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the input is required
+     */
+    required?: boolean;
+    /**
+     * Maximum length of input
+     */
+    maxlength?: number;
+    /**
+     * Minimum length of input
+     */
+    minlength?: number;
+    /**
+     * Error message to display
+     */
+    errorMessage?: string | string[];
+    /**
+     * Valid message to display
+     */
+    validMessage?: string | string[];
+    /**
+     * Prefix icon name (optional)
+     */
+    prefixIcon?: string;
+}
+/**
+ * Slots available for the component.
+ *
+ * @slot requiredTip - Slot for custom required tip content.
+ */
+type __VLS_Slots = {
+    /**
+     * Slot for custom required tip content
+     */
+    requiredTip?: Slot;
+    /**
+     * Slot for custom captions, such as error or valid messages.
+     */
+    customCaptions?: Slot<{
+        currentValue?: string | number | null;
+        maxlength?: number;
+    }>;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvInputProps, {}, {}, {}, {}, 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" | "text" | "search" | "email" | "password" | "tel" | "url";
+    disabled: boolean;
+    required: boolean;
+    isValid: boolean;
+    isTextarea: boolean;
+    labelVisible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/src/components/interaction/lists/AvList/AvList.stories.d.ts

@@ -0,0 +1,55 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvListProps } from './AvList.vue';
+/**
+ * <h1 class="n1">Lists - <code>AvList</code></h1>
+ *
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The AvList component is a flexible and accessible container for displaying collections of items.
+ *     It provides a structured way to present data in a vertical list format with extensive customization options for styling, sizing, and accessibility.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvList</code> component is designed to work seamlessly with <code>AvListItem</code> components, offering consistent spacing, styling, and interaction patterns.
+ *     It supports various visual configurations including borders, dividers, different sizes, and full accessibility compliance.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     It features flexible sizing system for different use cases, optional visual enhancements, and full accessibility support with ARIA attributes
+ *     while maintaining visual consistency with the design system's styling tokens.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">📐 Structure</h2>
+ *
+ * <p><span class="b2-regular">The list component consists of the following elements:</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular"><strong>Container:</strong> (mandatory) Main wrapper that contains all list items with proper semantic structure</span></li>
+ *   <li><span class="b2-regular"><strong>List Items:</strong> (mandatory) Individual items rendered within the list, typically <code>AvListItem</code> components</span></li>
+ * </ul>
+ *
+ * <p><span class="b2-regular">The list integrates:</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">Flexible sizing system for different use cases</span></li>
+ *   <li><span class="b2-regular">Optional visual enhancements (borders, dividers)</span></li>
+ *   <li><span class="b2-regular">Full accessibility support with ARIA attributes</span></li>
+ *   <li><span class="b2-regular">Customizable styling through CSS custom properties</span></li>
+ * </ul>
+ */
+declare const meta: Meta<AvListProps>;
+export default meta;
+export declare const Default: StoryFn<AvListProps>;
+export declare const Bordered: StoryFn<AvListProps>;
+export declare const DividedList: StoryFn<AvListProps>;
+export declare const CustomStyling: StoryFn<AvListProps>;
+export declare const SmallSize: StoryFn<AvListProps>;
+export declare const MediumSize: StoryFn<AvListProps>;
+export declare const LargeSize: StoryFn<AvListProps>;

package/dist/src/components/interaction/lists/AvList/AvList.stub.d.ts

@@ -0,0 +1,5 @@
+export declare const AvListStub: import("vue").DefineComponent<{
+    size?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    size?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/interaction/lists/AvList/AvList.test.d.ts

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

package/dist/src/components/interaction/lists/AvList/AvList.vue.d.ts

@@ -0,0 +1,74 @@
+import type { VNode } from 'vue';
+import type AvListItem from '@/components/interaction/lists/AvListItem/AvListItem.vue';
+/**
+ * AvList component props.
+ */
+export interface AvListProps {
+    /**
+     * The background color of the list.
+     * @default 'transparent'
+     */
+    backgroundColor?: string;
+    /**
+     * The border color of the list.
+     * @default 'var(--stroke)'
+     */
+    borderColor?: string;
+    /**
+     * The border radius of the list.
+     * @default '0'
+     */
+    borderRadius?: string;
+    /**
+     * Whether to show borders between list items.
+     * @default false
+     */
+    bordered?: boolean;
+    /**
+     * Whether to show a divider between list items.
+     * @default false
+     */
+    divided?: boolean;
+    /**
+     * The size variant of the list.
+     * @default 'small'
+     */
+    size?: 'xsmall' | 'small' | 'medium' | 'large';
+    /**
+     * Custom padding for the list container.
+     */
+    padding?: string;
+    /**
+     * Accessible label for the list.
+     */
+    ariaLabel?: string;
+    /**
+     * ID of an element that labels the list.
+     */
+    ariaLabelledby?: string;
+    /**
+     * ID of an element that describes the list.
+     */
+    ariaDescribedby?: string;
+    /**
+     * The semantic role of the list.
+     * @default 'list'
+     */
+    role?: 'list' | 'menu' | 'listbox' | 'group';
+}
+/**
+ * Slots available in the AvList component.
+ */
+type __VLS_Slots = {
+    /**
+     * Default slot for AvListItem components.
+     */
+    default?: () => VNode<typeof AvListItem>[];
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/interaction/lists/AvListItem/AvListItem.stories.d.ts

@@ -0,0 +1,59 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvListItemProps } from './AvListItem.vue';
+/**
+ * <h1 class="n1">Lists - <code>AvListItem</code></h1>
+ *
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The AvListItem component represents an individual item within a list container. It provides a flexible and accessible way to display content with optional icons, titles, descriptions, and interactive capabilities while maintaining consistent styling and behavior patterns.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvListItem</code> component is designed to work seamlessly within <code>AvList</code> containers, offering extensive customization for various use cases including navigation menus, content lists, action items, and interactive elements. It supports full accessibility compliance with proper ARIA attributes and keyboard navigation.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     It features comprehensive interaction states (hover, focus, active, disabled, selected), flexible content structure with slots, and dynamic tag rendering for different semantic contexts while maintaining visual consistency with the design system.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">📐 Structure</h2>
+ *
+ * <p><span class="b2-regular">The list item consists of the following elements:</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular"><strong>Container:</strong> (mandatory) Root wrapper element that can be div, button, or anchor based on usage</span></li>
+ *   <li><span class="b2-regular"><strong>Icon:</strong> (optional) Visual indicator displayed on the left side of the content</span></li>
+ *   <li><span class="b2-regular"><strong>Content Area:</strong> (mandatory) Contains title, description, and/or custom content</span></li>
+ *   <li><span class="b2-regular"><strong>Custom Content Slot:</strong> (optional) Allows insertion of any custom elements within the content area</span></li>
+ * </ul>
+ *
+ * <p><span class="b2-regular">The list item integrates:</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">Dynamic tag rendering for semantic correctness (div, button, a)</span></li>
+ *   <li><span class="b2-regular">Full accessibility support with ARIA attributes and keyboard navigation</span></li>
+ *   <li><span class="b2-regular">Comprehensive interaction states and visual feedback</span></li>
+ *   <li><span class="b2-regular">Flexible content structure with icon, title, description, and slot support</span></li>
+ * </ul>
+ */
+declare const meta: Meta<AvListItemProps>;
+export default meta;
+export declare const Default: StoryFn<AvListItemProps>;
+export declare const WithIcon: StoryFn<AvListItemProps>;
+export declare const Clickable: StoryFn<AvListItemProps>;
+export declare const Selected: StoryFn<AvListItemProps>;
+export declare const Disabled: StoryFn<AvListItemProps>;
+export declare const TitleOnly: StoryFn<AvListItemProps>;
+export declare const DescriptionOnly: StoryFn<AvListItemProps>;
+export declare const NavigationLink: StoryFn<AvListItemProps>;
+export declare const LargeIcon: StoryFn<AvListItemProps>;
+export declare const CustomColors: StoryFn<AvListItemProps>;
+export declare const WithCustomContent: StoryFn<AvListItemProps>;
+export declare const WithAccessibility: StoryFn<AvListItemProps>;

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

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

package/dist/src/components/interaction/lists/AvListItem/AvListItem.test.d.ts

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