@avenirs-esr/avenirs-dsav 0.1.118 → 0.1.120

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

@@ -0,0 +1,44 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvPeriodInputProps } from '@/components/interaction/inputs/AvPeriodInput/AvPeriodInput.vue';
+/**
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvPeriodInput</code> component allows users to select a period
+ *     by choosing a start date and an end date under a single label.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">The period input is composed of:</span>
+ * </p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">a wrapper label</span></li>
+ *   <li><span class="b2-regular">a start date input</span></li>
+ *   <li><span class="b2-regular">a spacer separator</span></li>
+ *   <li><span class="b2-regular">an end date input</span></li>
+ * </ul>
+ *
+ * <h2 class="n2">🔁 Built-in range behavior</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     Selecting a start date automatically constrains the end date minimum, and selecting
+ *     an end date automatically constrains the start date maximum.
+ *   </span>
+ * </p>
+ */
+declare const meta: Meta<AvPeriodInputProps>;
+export default meta;
+export declare const Default: StoryFn<AvPeriodInputProps>;
+export declare const Prefilled: StoryFn<AvPeriodInputProps>;
+export declare const WithWidth: StoryFn<AvPeriodInputProps>;
+export declare const WithCustomSpacing: StoryFn<AvPeriodInputProps>;
+export declare const Disabled: StoryFn<AvPeriodInputProps>;
+export declare const Stacked: StoryFn<AvPeriodInputProps>;
+export declare const WithExternalBounds: StoryFn<AvPeriodInputProps>;
+export declare const WithRangeBehavior: StoryFn<AvPeriodInputProps>;

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

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

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

@@ -0,0 +1,90 @@
+/**
+ * AvPeriodInput component.
+ *
+ * This component renders two date inputs (start/end) under a single label.
+ * It is designed to be used for period/range selection.
+ */
+export interface AvPeriodInputProps {
+    /**
+     * Unique id for the period input
+     * @default `period-input-${crypto.randomUUID()}`
+     */
+    id?: string;
+    /**
+     * Label displayed above the two inputs
+     */
+    label: string;
+    /**
+     * Start date value (ISO string: YYYY-MM-DD)
+     * @default ''
+     */
+    startModelValue?: string;
+    /**
+     * End date value (ISO string: YYYY-MM-DD)
+     * @default ''
+     */
+    endModelValue?: string;
+    /**
+     * Label for the start input (optional).
+     * Note: the internal labels are hidden by default since this component has a single wrapper label.
+     */
+    startLabel: string;
+    /**
+     * Label for the end input (optional).
+     * Note: the internal labels are hidden by default since this component has a single wrapper label.
+     */
+    endLabel: string;
+    /**
+     * If `true`, disable both inputs
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional width for both inputs (CSS value)
+     * e.g. '14.875rem', '240px', '100%'
+     */
+    width?: string;
+    /**
+     * Minimum selectable date for the start input
+     */
+    startMinDate?: Date;
+    /**
+     * Maximum selectable date for the start input
+     */
+    startMaxDate?: Date;
+    /**
+     * Minimum selectable date for the end input
+     */
+    endMinDate?: Date;
+    /**
+     * Maximum selectable date for the end input
+     */
+    endMaxDate?: Date;
+    /**
+     * If `true`, stack inputs vertically (useful for mobile layouts)
+     * @default false
+     */
+    stacked?: boolean;
+    /**
+     * Spacing between start and end inputs.
+     * Accepts any valid CSS length (e.g. '0.5rem', '1rem', '16px').
+     * @default var(--spacing-sm)
+     */
+    separatorSpacing?: string;
+}
+declare const _default: import("vue").DefineComponent<AvPeriodInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (payload: {
+        start: string;
+        end: string;
+    }) => any;
+    "update:startModelValue": (payload: string) => any;
+    "update:endModelValue": (payload: string) => any;
+}, string, import("vue").PublicProps, Readonly<AvPeriodInputProps> & Readonly<{
+    onChange?: ((payload: {
+        start: string;
+        end: string;
+    }) => any) | undefined;
+    "onUpdate:startModelValue"?: ((payload: string) => any) | undefined;
+    "onUpdate:endModelValue"?: ((payload: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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