@avenirs-esr/avenirs-dsav 0.1.47 → 0.1.50

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

@@ -1,55 +0,0 @@
-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/components/interaction/lists/AvList/AvList.stub.d.ts

@@ -1,5 +0,0 @@
-export declare const AvListStub: {
-    name: string;
-    props: string[];
-    template: string;
-};

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

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

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

@@ -1,74 +0,0 @@
-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/components/interaction/lists/AvListItem/AvListItem.stories.d.ts

@@ -1,59 +0,0 @@
-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/components/interaction/lists/AvListItem/AvListItem.stub.d.ts

@@ -1,6 +0,0 @@
-export declare const AvListItemStub: {
-    name: string;
-    props: string[];
-    emits: string[];
-    template: string;
-};

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

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

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

@@ -1,112 +0,0 @@
-import type { Slot } from 'vue';
-/**
- * AvListItem component props.
- */
-export interface AvListItemProps {
-    /**
-     * The icon name according to the naming convention of Iconify-vue.
-     */
-    icon?: string;
-    /**
-     * The icon color.
-     * @default 'var(--text1)'
-     */
-    color?: string;
-    /**
-     * The icon size.
-     * @default 1.3125
-     */
-    iconSize?: number;
-    /**
-     * icon color
-     */
-    iconColor?: string;
-    /**
-     * The title text.
-     */
-    title?: string;
-    /**
-     * The description text.
-     */
-    description?: string;
-    /**
-     * The hover color when the list item is clickable.
-     * @default 'var(--dark-background-primary1)'
-     */
-    hoverBackgroundColor?: string;
-    /**
-     * The color when the list item is hovered.
-     * @default 'var(--dark-background-primary1)'
-     */
-    colorOnHover?: string;
-    /**
-     * The description color.
-     * @default 'var(--text2)'
-     */
-    descriptionColor?: string;
-    /**
-     * Whether the list item is clickable.
-     * @default false
-     */
-    clickable?: boolean;
-    /**
-     * Whether the list item is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the list item is selected/active.
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Function called when list item is clicked.
-     * @param event The click MouseEvent
-     */
-    onClick?: ($event: MouseEvent) => void;
-    /**
-     * ARIA label for the list item when clickable.
-     */
-    ariaLabel?: string;
-    /**
-     * ID of an element that describes the list item.
-     */
-    ariaDescribedby?: string;
-    /**
-     * HTML tag to use for the root element when clickable.
-     * @default 'button'
-     */
-    tag?: 'button' | 'div' | 'a';
-    /**
-     * Href attribute when tag is 'a'.
-     */
-    href?: string;
-    /**
-     * Target attribute when tag is 'a'.
-     */
-    target?: string;
-    /**
-     * Rel attribute when tag is 'a'.
-     */
-    rel?: string;
-    /**
-     * ARIA role for the list item. If not provided, defaults based on context.
-     */
-    role?: string;
-}
-/**
- * Slots available in the AvListItem component.
- */
-type __VLS_Slots = {
-    /**
-     * Default slot for custom content.
-     */
-    default?: Slot;
-};
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvListItemProps> & 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/lists/index.d.ts

@@ -1,4 +0,0 @@
-export { AvListStub } from './AvList/AvList.stub';
-export { default as AvList } from './AvList/AvList.vue';
-export { AvListItemStub } from './AvListItem/AvListItem.stub';
-export { default as AvListItem } from './AvListItem/AvListItem.vue';

package/dist/components/interaction/pickers/AvPageSizePicker/AvPageSizePicker.stories.d.ts

@@ -1,24 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvPageSizePickerProps } from '@/components/interaction/pickers/AvPageSizePicker/AvPageSizePicker.vue';
-/**
- * <h1 class="n1">Picker for number of results per page - <code>AvPageSizePicker</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvPageSizePicker</code> is a component implementing the <code>AvTagPicker</code> and dedicated to selecting the number of results per page.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The pickers for number of results per page consist of an <code>AvTagPicker</code> to which options specific to the number of results per page are assigned.
- *   </span>
- * </p>
- */
-declare const meta: Meta<AvPageSizePickerProps>;
-export default meta;
-export declare const Default: StoryFn<AvPageSizePickerProps>;

package/dist/components/interaction/pickers/AvPageSizePicker/AvPageSizePicker.test.d.ts

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

package/dist/components/interaction/pickers/AvPageSizePicker/AvPageSizePicker.vue.d.ts

@@ -1,23 +0,0 @@
-import { type AvTagPickerOption } from '@/components/interaction/pickers/AvTagPicker/AvTagPicker.vue';
-import { PageSizes } from '@/config';
-/**
- * AvPageSizePicker component props.
- */
-export interface AvPageSizePickerProps {
-    /**
-     * Label of the page size picker.
-     */
-    label: string;
-    /**
-     * Number of results per page selected.
-     */
-    pageSizeSelected: PageSizes;
-    /**
-     * Method executed when changing selection.
-     *
-     * @param val Selected option of type AvTagPickerOption.
-     */
-    handleSelectChange: (val: AvTagPickerOption) => void;
-}
-declare const _default: import("vue").DefineComponent<AvPageSizePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvPageSizePickerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.stories.d.ts

@@ -1,96 +0,0 @@
-import type { StoryFn } from '@storybook/vue3';
-import { type AvTagPickerProps } from '@/components/interaction/pickers/AvTagPicker/AvTagPicker.vue';
-/**
- * <h1 class="n1">Tag picker - <code>AvTagPicker</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvTagPicker</code> is a Vue component enabling a user to select an element from a given set.
- *     Selectable elements consist of tag components.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     The tag list provides a list of options from which the user can choose.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p><span class="b2-regular">Buttons consist of :</span></p>
- *
- * <ul>
- *   <li>
- *     <span class="b2-regular">
- *       A label - mandatory, using the <code>label</code> prop, enables label display when <code>iconOnly</code> is <code>false</code>,
- *       also enables connection to <code>title</code> and <code>aria-label</code>;
- *     </span>
- *   </li>
- *   <li>
- *     <span class="b2-regular">
- *       An icon, which can be modified (see available icons) - optional.
- *     </span>
- *   </li>
- * </ul>
- */
-declare const meta: {
-    title: string;
-    component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
-    tags: string[];
-    argTypes: {
-        options: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: boolean;
-        };
-        label: {
-            type: {
-                name: string;
-            };
-            control: string;
-        };
-        labelColor: {
-            type: {
-                name: string;
-            };
-            control: string;
-        };
-        labelTypographyClass: {
-            type: {
-                name: string;
-            };
-            control: string;
-        };
-        multiple: {
-            type: {
-                name: string;
-            };
-            control: string;
-        };
-        selected: {
-            type: {
-                name: string;
-            };
-            control: boolean;
-        };
-        handleSelectChange: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: boolean;
-            action: string;
-        };
-    };
-    args: {
-        label: string;
-    };
-};
-export default meta;
-export declare const Default: StoryFn<AvTagPickerProps>;
-export declare const Multiple: StoryFn<AvTagPickerProps>;

package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.stub.d.ts

@@ -1,5 +0,0 @@
-export declare const AvTagPickerStub: {
-    name: string;
-    props: string[];
-    template: string;
-};

package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.test.d.ts

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

package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.vue.d.ts

@@ -1,79 +0,0 @@
-/**
- * Represents an option in the AvTagPicker component.
- */
-export interface AvTagPickerOption {
-    /**
-     * Label displayed for the option.
-     */
-    label: string;
-    /**
-     * Value associated with the option.
-     */
-    value: string;
-}
-/**
- * Basic props common to AvTagPicker in single or multiple mode.
- */
-interface AvTagPickerBaseProps {
-    /**
-     * List of options available in the picker.
-     */
-    options: AvTagPickerOption[];
-    /**
-     * Label displayed above the picker.
-     */
-    label?: string;
-    /**
-     * Label color.
-     * @default 'var(--text2)'
-     */
-    labelColor?: string;
-    /**
-     * Typography class applied to label.
-     * @default 'b2-regular'
-     */
-    labelTypographyClass?: string;
-}
-/**
- * AvTagPicker component props in single selection mode.
- */
-interface AvTagPickerSingleProps extends AvTagPickerBaseProps {
-    /**
-     * Multiple mode disabled.
-     * @default false
-     */
-    multiple?: false;
-    /**
-     * Option selected.
-     */
-    selected?: AvTagPickerOption;
-    /**
-     * Method called when changing selection.
-     * @param selected The selected option.
-     */
-    handleSelectChange: (selected: AvTagPickerOption) => void;
-}
-/**
- * AvTagPicker component props in multiple selection mode.
- */
-interface AvTagPickerMultipleProps extends AvTagPickerBaseProps {
-    /**
-     * Enables multiple selection mode.
-     */
-    multiple: true;
-    /**
-     * Options selected.
-     */
-    selected?: AvTagPickerOption[];
-    /**
-     * Method called when changing selection.
-     * @param selected The selected options.
-     */
-    handleSelectChange: (selected: AvTagPickerOption[]) => void;
-}
-/**
- * AvTagPicker component props which can be in single or multiple mode.
- */
-export type AvTagPickerProps = AvTagPickerSingleProps | AvTagPickerMultipleProps;
-declare const _default: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
-export default _default;

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

@@ -1,3 +0,0 @@
-export { default as AvPageSizePicker } from './AvPageSizePicker/AvPageSizePicker.vue';
-export { AvTagPickerStub } from './AvTagPicker/AvTagPicker.stub';
-export { default as AvTagPicker, type AvTagPickerOption, type AvTagPickerProps } from './AvTagPicker/AvTagPicker.vue';

package/dist/components/interaction/radios/AvRadioButton/AvRadioButton.stories.d.ts

@@ -1,34 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvRadioButtonProps } from '@/components/interaction/radios/AvRadioButton/AvRadioButton.vue';
-/**
- * <h1 class="n1">Radio buttons - <code>AvRadioButton</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvRadioButton</code> is a declarative component used exclusively in the <code>default</code> slot of <code>AvRadioButtonSet</code>.
- *     <code>AvRadioButton</code> allows you to configure a radio button by passing its props (such as <code>value</code>, <code>label</code>,
- *     <code>description</code> and <code>disabled</code>) to the <code>AvRadioButtonSet</code> component without rendering.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     It acts as a proxy component: it exposes information (props) used by <code>AvRadioButtonSet</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>AvRadioButtonSet</code>.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p><span class="b2-regular">None.</span></p>
- */
-declare const meta: Meta<AvRadioButtonProps>;
-export default meta;
-export declare const Default: StoryFn<AvRadioButtonProps>;

package/dist/components/interaction/radios/AvRadioButton/AvRadioButton.test.d.ts

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

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

@@ -1,38 +0,0 @@
-import type { Slot } from 'vue';
-/**
- * AvRadioButton component props.
- */
-export interface AvRadioButtonProps {
-    /**
-     * Value of the radio button.
-     * This value will be emitted when the radio is selected.
-     */
-    value: string | number | boolean;
-    /**
-     * Optional fallback label, used if no custom label slot is provided.
-     * Ignored if the `default` slot is used (see slot description).
-     */
-    label?: string;
-    /**
-     * Optional description shown under the radio label, providing more context.
-     */
-    description?: string;
-    /**
-     * If true, disables this radio button.
-     */
-    disabled?: boolean;
-}
-type __VLS_Slots = {
-    /**
-     * Default slot used to fully customize the radio label.
-     * When provided, this slot replaces the default `label` prop.
-     */
-    default?: Slot;
-};
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvRadioButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};