@avenirs-esr/avenirs-dsav 0.1.53 → 0.1.55

package/dist/test-utils.cjs.js

@@ -0,0 +1,114 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("@vue/test-utils");const o=e.defineComponent({name:"AvBadge",template:'<div class="av-badge-stub" />',props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,iconPath:String}}),i=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),a=e.defineComponent({name:"AvVIcon",props:["name","color","size"],template:'<div class="av-vicon-stub" />'}),s=e.defineComponent({name:"AvButton",props:["label","variant","type","disabled","isLoading"],emits:["click"],template:`
+    <button
+      class="av-button-stub"
+      :disabled="disabled"
+      @click="$emit('click')"
+    >
+      {{ label }}
+    </button>
+  `}),l=e.defineComponent({name:"AvCancelConfirmButtons",props:["cancelLabel","cancelIcon","confirmLabel","cancelDisabled","cancelIsLoading","confirmIcon","confirmDisabled","confirmIsLoading"],emits:["cancel","confirm"],template:`
+    <div class="av-cancel-confirmation-buttons-stub" >
+      <button
+        class="cancel"
+        @click="$emit('cancel')"
+      >
+        {{ cancelLabel }}
+      </button>
+      <button
+        class="confirm"
+        @click="$emit('confirm')"
+      >
+        {{ confirmLabel }}
+      </button>
+    </div>
+  `}),c=e.defineComponent({name:"AvList",props:["size"],template:`
+    <div class="av-list-stub">
+      <slot />
+    </div>`}),d=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
+    <div
+      class="av-list-item-stub"
+      @click="$emit('click')"
+    >
+      <slot />
+    </div>`}),p=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
+    <div class="av-tag-picker-stub">
+      <button
+        v-for="option in options"
+        :key="option.value"
+        :data-testid="'option-' + option.value"
+        @click="handleSelectChange(option)"
+      >
+        {{ option.label }}
+      </button>
+    </div>
+  `}),u=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
+    <div class="av-autocomplete-stub">
+      <slot
+        name="item"
+        v-for="option in options"
+        :key="option.id"
+        :option="option"
+        :is-selected="false"
+        :toggle="() => {}"
+      />
+    </div>
+  `}),r=e.defineComponent({name:"AvSelect",props:{modelValue:[String,Number],options:Array,defaultUnselectedText:String,dense:Boolean},emits:["update:modelValue"],template:`
+    <select 
+      class="av-select-stub"
+      :value="modelValue"
+      @change="$emit('update:modelValue', $event.target.value)"
+    >
+      <option
+        v-if="defaultUnselectedText !== undefined"
+        value=""
+      >
+        {{ defaultUnselectedText }}
+      </option>
+      <option 
+        v-for="option in options" 
+        :key="option.value" 
+        :value="option.value"
+      >
+        {{ option.text }}
+      </option>
+    </select>
+  `}),v=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
+    <div class="av-toggle">
+      <input
+        type="checkbox"
+        :id="id"
+        :name="name"
+        :checked="modelValue"
+        @change="$emit('update:modelValue', $event.target.checked)"
+      />
+      <span class="description">
+        {{ description }}
+      </span>
+      <span class="active-text">
+        {{ activeText }}
+      </span>
+      <span class="inactive-text">
+        {{ inactiveText }}
+      </span>
+    </div>`}),m=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),b=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
+    <div
+      class="av-side-navigation-stub"
+      @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
+    />
+  `}),S=e.defineComponent({name:"AvStepper",props:{steps:{type:Array,required:!0},currentStep:{type:Number,required:!0}},template:`
+    <div class="av-stepper-stub">
+      <div
+        v-for="(step, index) in steps"
+        :key="index"
+        class="step"
+        :class="{ active: index === currentStep }"
+      >
+        {{ index + 1 }}. {{ step }}
+      </div>
+    </div>
+  `}),g=e.defineComponent({name:"AvDrawer",props:["show","position","width"],emits:["escape-pressed"],template:`
+    <div class="av-drawer-stub">
+      <slot />
+      <slot name="footer" />
+    </div>
+  `});function A(){return{given(t,n){return describe(`🔵 GIVEN ${t}`,n),this},when(t,n){return describe(`🔶 WHEN ${t}`,n),this},and(t,n){return describe(`➕ AND ${t}`,n),this},then(t,n){return it(`🟩 THEN ${t}`,n),this}}}exports.AvAutocompleteStub=u;exports.AvBadgeStub=o;exports.AvBreadcrumbStub=m;exports.AvButtonStub=s;exports.AvCancelConfirmButtonsStub=l;exports.AvDrawerStub=g;exports.AvListItemStub=d;exports.AvListStub=c;exports.AvSelectStub=r;exports.AvSideNavigationStub=b;exports.AvStepperStub=S;exports.AvTagPickerStub=p;exports.AvTagStub=i;exports.AvToggleStub=v;exports.AvVIconStub=a;exports.BddTest=A;

package/dist/test-utils.d.ts

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

package/dist/test-utils.es.js

@@ -0,0 +1,286 @@
+import { defineComponent as e } from "vue";
+import "@vue/test-utils";
+const n = e({
+  name: "AvBadge",
+  template: '<div class="av-badge-stub" />',
+  props: {
+    label: String,
+    small: {
+      type: Boolean,
+      default: !1
+    },
+    ellipsis: {
+      type: Boolean,
+      default: !1
+    },
+    color: String,
+    backgroundColor: String,
+    iconPath: String
+  }
+}), s = e({
+  name: "AvTag",
+  template: '<div class="av-tag-stub" />',
+  props: [
+    "label",
+    "link",
+    "tagName",
+    "icon",
+    "disabled",
+    "small",
+    "iconOnly",
+    "selectable",
+    "selected",
+    "value"
+  ]
+}), l = e({
+  name: "AvVIcon",
+  props: ["name", "color", "size"],
+  template: '<div class="av-vicon-stub" />'
+}), c = e({
+  name: "AvButton",
+  props: ["label", "variant", "type", "disabled", "isLoading"],
+  emits: ["click"],
+  template: `
+    <button
+      class="av-button-stub"
+      :disabled="disabled"
+      @click="$emit('click')"
+    >
+      {{ label }}
+    </button>
+  `
+}), d = e({
+  name: "AvCancelConfirmButtons",
+  props: [
+    "cancelLabel",
+    "cancelIcon",
+    "confirmLabel",
+    "cancelDisabled",
+    "cancelIsLoading",
+    "confirmIcon",
+    "confirmDisabled",
+    "confirmIsLoading"
+  ],
+  emits: ["cancel", "confirm"],
+  template: `
+    <div class="av-cancel-confirmation-buttons-stub" >
+      <button
+        class="cancel"
+        @click="$emit('cancel')"
+      >
+        {{ cancelLabel }}
+      </button>
+      <button
+        class="confirm"
+        @click="$emit('confirm')"
+      >
+        {{ confirmLabel }}
+      </button>
+    </div>
+  `
+}), p = e({
+  name: "AvList",
+  props: ["size"],
+  template: `
+    <div class="av-list-stub">
+      <slot />
+    </div>`
+}), r = e({
+  name: "AvListItem",
+  props: ["clickable", "hoverBackgroundColor", "selected", "icon", "iconSize", "iconColor", "colorOnHover"],
+  emits: ["click"],
+  template: `
+    <div
+      class="av-list-item-stub"
+      @click="$emit('click')"
+    >
+      <slot />
+    </div>`
+}), u = e({
+  name: "AvTagPicker",
+  props: [
+    "label",
+    "options",
+    "selected",
+    "handleSelectChange"
+  ],
+  template: `
+    <div class="av-tag-picker-stub">
+      <button
+        v-for="option in options"
+        :key="option.value"
+        :data-testid="'option-' + option.value"
+        @click="handleSelectChange(option)"
+      >
+        {{ option.label }}
+      </button>
+    </div>
+  `
+}), v = e({
+  name: "AvAutocomplete",
+  props: [
+    "modelValue",
+    "options",
+    "loading",
+    "inputOptions",
+    "getOptionLabel",
+    "getOptionKey",
+    "multiSelect",
+    "serverSideFiltering",
+    "enableLoadMore",
+    "maxDropdownHeight"
+  ],
+  emits: ["update:modelValue", "search", "clear", "loadMore"],
+  template: `
+    <div class="av-autocomplete-stub">
+      <slot
+        name="item"
+        v-for="option in options"
+        :key="option.id"
+        :option="option"
+        :is-selected="false"
+        :toggle="() => {}"
+      />
+    </div>
+  `
+}), m = e({
+  name: "AvSelect",
+  props: {
+    modelValue: [String, Number],
+    options: Array,
+    defaultUnselectedText: String,
+    dense: Boolean
+  },
+  emits: ["update:modelValue"],
+  template: `
+    <select 
+      class="av-select-stub"
+      :value="modelValue"
+      @change="$emit('update:modelValue', $event.target.value)"
+    >
+      <option
+        v-if="defaultUnselectedText !== undefined"
+        value=""
+      >
+        {{ defaultUnselectedText }}
+      </option>
+      <option 
+        v-for="option in options" 
+        :key="option.value" 
+        :value="option.value"
+      >
+        {{ option.text }}
+      </option>
+    </select>
+  `
+}), b = e({
+  name: "AvToggle",
+  props: ["id", "name", "modelValue", "description", "activeText", "inactiveText", "disabled"],
+  emits: ["update:modelValue"],
+  template: `
+    <div class="av-toggle">
+      <input
+        type="checkbox"
+        :id="id"
+        :name="name"
+        :checked="modelValue"
+        @change="$emit('update:modelValue', $event.target.checked)"
+      />
+      <span class="description">
+        {{ description }}
+      </span>
+      <span class="active-text">
+        {{ activeText }}
+      </span>
+      <span class="inactive-text">
+        {{ inactiveText }}
+      </span>
+    </div>`
+}), g = e({
+  name: "AvBreadcrumb",
+  template: '<div class="av-breadcrumb-stub" />',
+  props: ["links", "navigationLabel", "showBreadcrumbLabel"]
+}), S = e({
+  name: "AvSideNavigation",
+  props: {
+    items: Array,
+    selectedItem: String,
+    isSideMenuCollapsed: Boolean,
+    collapsedWidth: String
+  },
+  emits: ["update:selectedItem", "update:isSideMenuCollapsed"],
+  template: `
+    <div
+      class="av-side-navigation-stub"
+      @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
+    />
+  `
+}), A = e({
+  name: "AvStepper",
+  props: {
+    steps: {
+      type: Array,
+      required: !0
+    },
+    currentStep: {
+      type: Number,
+      required: !0
+    }
+  },
+  template: `
+    <div class="av-stepper-stub">
+      <div
+        v-for="(step, index) in steps"
+        :key="index"
+        class="step"
+        :class="{ active: index === currentStep }"
+      >
+        {{ index + 1 }}. {{ step }}
+      </div>
+    </div>
+  `
+}), f = e({
+  name: "AvDrawer",
+  props: ["show", "position", "width"],
+  emits: ["escape-pressed"],
+  template: `
+    <div class="av-drawer-stub">
+      <slot />
+      <slot name="footer" />
+    </div>
+  `
+});
+function k() {
+  return {
+    given(t, a) {
+      return describe(`🔵 GIVEN ${t}`, a), this;
+    },
+    when(t, a) {
+      return describe(`🔶 WHEN ${t}`, a), this;
+    },
+    and(t, a) {
+      return describe(`➕ AND ${t}`, a), this;
+    },
+    then(t, a) {
+      return it(`🟩 THEN ${t}`, a), this;
+    }
+  };
+}
+export {
+  v as AvAutocompleteStub,
+  n as AvBadgeStub,
+  g as AvBreadcrumbStub,
+  c as AvButtonStub,
+  d as AvCancelConfirmButtonsStub,
+  f as AvDrawerStub,
+  r as AvListItemStub,
+  p as AvListStub,
+  m as AvSelectStub,
+  S as AvSideNavigationStub,
+  A as AvStepperStub,
+  u as AvTagPickerStub,
+  s as AvTagStub,
+  b as AvToggleStub,
+  l as AvVIconStub,
+  k as BddTest
+};

package/dist/tests/index.d.ts

@@ -1 +1,17 @@
-export * from './stubs';
+import { AvBadgeStub } from '@/components/badges/AvBadge/AvBadge.stub';
+import { AvTagStub } from '@/components/badges/AvTag/AvTag.stub';
+import { AvVIconStub } from '@/components/base/AvVIcon/AvVIcon.stub';
+import { AvButtonStub } from '@/components/interaction/buttons/AvButton/AvButton.stub';
+import { AvCancelConfirmButtonsStub } from '@/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub';
+import { AvListStub } from '@/components/interaction/lists/AvList/AvList.stub';
+import { AvListItemStub } from '@/components/interaction/lists/AvListItem/AvListItem.stub';
+import { AvTagPickerStub } from '@/components/interaction/pickers/AvTagPicker/AvTagPicker.stub';
+import { AvAutocompleteStub } from '@/components/interaction/selects/AvAutocomplete/AvAutocomplete.stub';
+import { AvSelectStub } from '@/components/interaction/selects/AvSelect/AvSelect.stub';
+import { AvToggleStub } from '@/components/interaction/toggles/AvToggle/AvToggle.stub';
+import { AvBreadcrumbStub } from '@/components/navigation/AvBreadcrumb/AvBreadcrumb.stub';
+import { AvSideNavigationStub } from '@/components/navigation/AvSideNavigation/AvSideNavigation.stub';
+import { AvStepperStub } from '@/components/navigation/AvStepper/AvStepper.stub';
+import { AvDrawerStub } from '@/components/overlay/drawers/AvDrawer/AvDrawer.stub';
+import { BddTest } from '@/tests/utils';
+export { AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvDrawerStub, AvListItemStub, AvListStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, AvVIconStub, BddTest, };

package/dist/tests/stubs.d.ts

@@ -1,41 +1,96 @@
-export declare const DsfrBadgeStub: {
-    name: string;
-    template: string;
-    props: string[];
-};
-export declare const DsfrModalStub: {
-    name: string;
-    props: string[];
-    template: string;
-    emits: string[];
-    methods: {
-        triggerEscape(this: {
-            $emit: (event: string, payload?: any) => void;
-        }): void;
+export declare const DsfrBadgeStub: import("vue").DefineComponent<{
+    label?: any;
+    small?: any;
+    type?: any;
+    ellipsis?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    label?: any;
+    small?: any;
+    type?: any;
+    ellipsis?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const DsfrBreadcrumbStub: import("vue").DefineComponent<{
+    links?: any;
+    navigationLabel?: any;
+    showBreadcrumbLabel?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    links?: any;
+    navigationLabel?: any;
+    showBreadcrumbLabel?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const DsfrModalStub: import("vue").DefineComponent<{
+    title?: any;
+    opened?: any;
+}, {}, {}, {}, {
+    triggerEscape(this: {
+        $emit: (event: string, payload?: any) => void;
+    }): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "keydown"[], "keydown", import("vue").PublicProps, Readonly<{
+    title?: any;
+    opened?: any;
+}> & Readonly<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const DsfrNavigationStub: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    navItems: {
+        (arrayLength: number): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+        (...items: (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][]): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+        new (arrayLength: number): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+        new (...items: (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][]): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
     };
-};
-export declare const DsfrNavigationStub: {
-    name: string;
-    props: {
-        navItems: {
-            (arrayLength: number): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
-            (...items: (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][]): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
-            new (arrayLength: number): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
-            new (...items: (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][]): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    navItems: {
+        (arrayLength: number): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+        (...items: (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][]): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+        new (arrayLength: number): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+        new (...items: (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][]): (import("@gouvminint/vue-dsfr").DsfrNavigationMenuLinkProps | import("@gouvminint/vue-dsfr").DsfrNavigationMenuProps | import("@gouvminint/vue-dsfr").DsfrNavigationMegaMenuProps)[][];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
     };
-    template: string;
-};
-export declare const VIconStub: {
-    name: string;
-    props: string[];
-    template: string;
-};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const DsfrTagStub: import("vue").DefineComponent<{
+    label?: any;
+    link?: any;
+    small?: any;
+    icon?: any;
+    selected?: any;
+    disabled?: any;
+    iconOnly?: any;
+    value?: any;
+    tagName?: any;
+    selectable?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    label?: any;
+    link?: any;
+    small?: any;
+    icon?: any;
+    selected?: any;
+    disabled?: any;
+    iconOnly?: any;
+    value?: any;
+    tagName?: any;
+    selectable?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const VIconStub: import("vue").DefineComponent<{
+    size?: any;
+    name?: any;
+    color?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    size?: any;
+    name?: any;
+    color?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/tests/utils.d.ts

@@ -10,7 +10,7 @@ export declare function BddTest(): {
     and(description: string, fn: () => void): any;
     then(description: string, fn: () => void): any;
 };
-declare function mountComposable<T>(fn: () => T): {
+export declare function mountComposable<T>(fn: () => T): {
     result: T;
     unmount: () => void;
 };
@@ -26,5 +26,4 @@ declare function mountComposable<T>(fn: () => T): {
  * @param {ComponentMountingOptions<T>} [options] - Additional options for mounting the component.
  * @returns {Promise<VueWrapper<InstanceType<any>>>} the function  return any as type because ts type is too complicated.
  */
-declare function mountWithRouter<T>(component: Component, options?: ComponentMountingOptions<T>): Promise<VueWrapper<InstanceType<any>>>;
-export { mountComposable, mountWithRouter, };
+export declare function mountWithRouter<T>(component: Component, options?: ComponentMountingOptions<T>): Promise<VueWrapper<InstanceType<any>>>;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+import type { DsfrLanguageSelectorElement as AvLanguageSelectorElement } from '@gouvminint/vue-dsfr';
+export type { AvLanguageSelectorElement };

package/package.json

@@ -1,11 +1,31 @@
 {
   "name": "@avenirs-esr/avenirs-dsav",
   "type": "module",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "repository": {
     "type": "git",
     "url": "https://github.com/avenirs-esr/avenirs-dsav"
   },
+  "sideEffects": [
+    "*.css",
+    "*.scss",
+    "*.vue",
+    "dist/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./test-utils": {
+      "types": "./dist/test-utils.d.ts",
+      "import": "./dist/test-utils.es.js",
+      "require": "./dist/test-utils.cjs.js"
+    },
+    "./style.css": "./dist/avenirs-dsav.css",
+    "./src/styles/*": "./src/styles/*"
+  },
   "main": "dist/avenirs-dsav.umd.js",
   "module": "dist/avenirs-dsav.es.js",
   "types": "dist/index.d.ts",
@@ -20,7 +40,7 @@
     "build-only:development": "vite build -m development",
     "dev": "vite",
     "build": "run-p type-check type-gen \"build-only {@}\" --",
-    "build:watch": "run-p type-check:watch \"build-only:watch {@}\" --",
+    "build:watch": "npm run build && run-p type-check:watch \"build-only:watch {@}\" --",
     "build:development": "run-p type-check type-gen \"build-only:development {@}\" --",
     "format": "eslint . --fix",
     "lint": "eslint .",
@@ -50,9 +70,19 @@
     "docs:build": "npm run docs:generate && vitepress build docs"
   },
   "peerDependencies": {
+    "@vue/test-utils": "^2.0.0",
+    "vitest": "^3.0.0",
     "vue": "^3.5.13",
     "vue-router": "^4.4.3"
   },
+  "peerDependenciesMeta": {
+    "@vue/test-utils": {
+      "optional": true
+    },
+    "vitest": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@gouvfr/dsfr": "^1.14.0",
     "@gouvminint/vue-dsfr": "^8.4.0",
@@ -68,7 +98,7 @@
     "@chromatic-com/storybook": "^4.1.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@playwright/test": "^1.55.0",
+    "@playwright/test": "1.56.0",
     "@rushstack/eslint-patch": "^1.10.4",
     "@storybook/addon-a11y": "^9.1.6",
     "@storybook/addon-docs": "^9.1.6",
@@ -96,7 +126,7 @@
     "jsdom": "^25.0.0",
     "lint-staged": "^16.1.6",
     "npm-run-all2": "^6.2.2",
-    "playwright": "^1.55.0",
+    "playwright": "1.56.0",
     "rimraf": "^5.0.10",
     "sass-embedded": "^1.92.1",
     "storybook": "^9.1.6",