@avenirs-esr/avenirs-dsav 0.1.52 → 0.1.54

package/dist/components/navigation/AvBreadcrumb/AvBreadcrumb.vue.d.ts

@@ -0,0 +1,24 @@
+import type { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric } from 'vue-router';
+/**
+ * AvBreadcrumb component props.
+ */
+export interface AvBreadcrumbProps {
+    /**
+     * A table of objects representing the links in the breadcrumb. Each object can
+     * have a ‘text’ property and, optionally, a ‘to’ property for routes.
+     */
+    links?: {
+        to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+        text: string;
+    }[] | undefined;
+    /**
+     * Displayed label on the breadcrumb `nav` tag.
+     */
+    navigationLabel?: string;
+    /**
+     * Displayed breadcrumb button label.
+     */
+    showBreadcrumbLabel?: string;
+}
+declare const _default: import("vue").DefineComponent<AvBreadcrumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/navigation/AvSideNavigation/AvSideNavigation.stub.d.ts

@@ -1,11 +1,16 @@
-export declare const AvSideNavigationStub: {
-    name: string;
-    props: {
-        items: ArrayConstructor;
-        selectedItem: StringConstructor;
-        isSideMenuCollapsed: BooleanConstructor;
-        collapsedWidth: StringConstructor;
-    };
-    emits: string[];
-    template: string;
-};
+export declare const AvSideNavigationStub: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: ArrayConstructor;
+    selectedItem: StringConstructor;
+    isSideMenuCollapsed: BooleanConstructor;
+    collapsedWidth: StringConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:selectedItem" | "update:isSideMenuCollapsed")[], "update:selectedItem" | "update:isSideMenuCollapsed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: ArrayConstructor;
+    selectedItem: StringConstructor;
+    isSideMenuCollapsed: BooleanConstructor;
+    collapsedWidth: StringConstructor;
+}>> & Readonly<{
+    "onUpdate:selectedItem"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:isSideMenuCollapsed"?: ((...args: any[]) => any) | undefined;
+}>, {
+    isSideMenuCollapsed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/navigation/AvStepper/AvStepper.stub.d.ts

@@ -1,14 +1,19 @@
-export declare const AvStepperStub: {
-    name: string;
-    props: {
-        steps: {
-            type: () => string[];
-            required: boolean;
-        };
-        currentStep: {
-            type: NumberConstructor;
-            required: boolean;
-        };
-    };
-    template: string;
-};
+export declare const AvStepperStub: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    steps: {
+        type: () => string[];
+        required: true;
+    };
+    currentStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    steps: {
+        type: () => string[];
+        required: true;
+    };
+    currentStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,8 +1,7 @@
+export { default as AvBreadcrumb, type AvBreadcrumbProps } from './AvBreadcrumb/AvBreadcrumb.vue';
 export * from './AvNavigation';
 export { default as AvPagination } from './AvPagination/AvPagination.vue';
 export * from './AvPagination/utils';
 export { default as AvSideMenu, type AvSideMenuProps } from './AvSideMenu/AvSideMenu.vue';
-export { AvSideNavigationStub } from './AvSideNavigation/AvSideNavigation.stub';
 export { default as AvSideNavigation, type AvSideNavigationItem, type AvSideNavigationProps } from './AvSideNavigation/AvSideNavigation.vue';
-export { AvStepperStub } from './AvStepper/AvStepper.stub';
 export { default as AvStepper, type AvStepperProps } from './AvStepper/AvStepper.vue';

package/dist/components/overlay/drawers/AvDrawer/AvDrawer.stub.d.ts

@@ -1,6 +1,11 @@
-export declare const AvDrawerStub: {
-    name: string;
-    props: string[];
-    emits: string[];
-    template: string;
-};
+export declare const AvDrawerStub: import("vue").DefineComponent<{
+    width?: any;
+    show?: any;
+    position?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "escape-pressed"[], "escape-pressed", import("vue").PublicProps, Readonly<{
+    width?: any;
+    show?: any;
+    position?: any;
+}> & Readonly<{
+    "onEscape-pressed"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,4 +1,3 @@
-export { AvDrawerStub } from './drawers/AvDrawer/AvDrawer.stub';
 export { default as AvDrawer } from './drawers/AvDrawer/AvDrawer.vue';
 export { default as AvModal } from './modals/AvModal/AvModal.vue';
 export { default as AvPopover } from './popovers/AvPopover/AvPopover.vue';

package/dist/composables/index.d.ts

@@ -1,3 +1,3 @@
-export * from './use-breakpoint/use-breakpoint';
+export * from './use-av-breakpoints/use-av-breakpoints';
 export * from './use-focus-trap/use-focus-trap';
 export * from './use-global-background-color/use-global-background-color';

package/dist/composables/use-av-breakpoints/use-av-breakpoints.d.ts

@@ -0,0 +1,72 @@
+import type { Ref } from 'vue';
+/**
+ * Named viewport breakpoints for responsive behavior.
+ * These values are aligned with the DSFR / Avenirs design system.
+ */
+export declare const AV_BREAKPOINTS: {
+    readonly sm: 576;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1440;
+};
+/**
+ * Result returned by the `useAvBreakpoints` composable.
+ *
+ * Each property is a reactive reference (`Ref<boolean>`) that updates automatically
+ * when the viewport width changes. It provides both **granular breakpoint flags**
+ * (`isBelowSm`, `isAboveLg`, etc.) and **semantic viewport categories**
+ * (`isMobile`, `isTablet`, `isDesktop`).
+ */
+export interface UseAvBreakpointsReturn {
+    /**
+     * True if the viewport width is considered mobile.
+     * Equivalent to `width < 768px (48rem)` (below md).
+     */
+    isMobile: Ref<boolean>;
+    /**
+     * True if the viewport width is considered tablet.
+     * Equivalent to `768px (48rem) <= width < 1024px (64rem)` (between md and lg).
+     */
+    isTablet: Ref<boolean>;
+    /**
+     * True if the viewport width is considered desktop.
+     * Equivalent to `width >= 1024px (64rem)` (lg and above).
+     */
+    isDesktop: Ref<boolean>;
+    /** True if viewport width is below 576px (36rem). */
+    isBelowSm: Ref<boolean>;
+    /** True if viewport width is below 768px (48rem). */
+    isBelowMd: Ref<boolean>;
+    /** True if viewport width is below 1024px (64rem). */
+    isBelowLg: Ref<boolean>;
+    /** True if viewport width is below 1440px (90rem). */
+    isBelowXl: Ref<boolean>;
+    /** True if viewport width is above or equal to 768px (48rem). */
+    isAboveMd: Ref<boolean>;
+    /** True if viewport width is above or equal to 1024px (64rem). */
+    isAboveLg: Ref<boolean>;
+}
+/**
+ * Vue composable providing reactive responsive utilities
+ * based on the current viewport width.
+ *
+ * It uses VueUse useBreakpoints with DSAV breakpoints:
+ * - sm: 576px (36rem),
+ * - md: 768px (48rem),
+ * - lg: 1024px (64rem),
+ * - xl: 1440px (90rem),
+ *
+ * @example
+ * ```ts
+ * import { useAvBreakpoints } from '@avenirs-esr/avenirs-dsav'
+ *
+ * const { isMobile, isDesktop, isBelowMd, isAboveLg } = useAvBreakpoints()
+ * ```
+ *
+ * @returns {UseAvBreakpointsReturn} Object containing:
+ * - `isBelowSm|Md|Lg|Xl`: computed refs returning true if below a breakpoint
+ * - `isAboveMd|Lg`: computed refs returning true if above a breakpoint
+ *
+ * @see {@link https://vueuse.org/core/useBreakpoints/ useBreakpoints on VueUse}
+ */
+export declare function useAvBreakpoints(): UseAvBreakpointsReturn;

package/dist/composables/use-av-breakpoints/use-av-breakpoints.test.d.ts

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

package/dist/config/index.d.ts

@@ -1,2 +1 @@
-export * from './breakpoints';
 export * from './page-sizes';