@aleph-alpha/ui-library 1.7.0 → 1.8.0

package/dist/system/index.d.ts

@@ -7,6 +7,7 @@ import { Component } from 'vue';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { DateRange } from 'reka-ui';
 import { DateValue } from 'reka-ui';
 import { DefineComponent } from 'vue';
 import { getLocalTimeZone } from '@internationalized/date';
@@ -364,9 +365,9 @@ declare const __VLS_component_65: DefineComponent<UiTabsTriggerProps, {}, {}, {}
 
 declare const __VLS_component_66: DefineComponent<UiTabsContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<UiTabsContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_67: DefineComponent<__VLS_PublicProps_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_67: DefineComponent<__VLS_PublicProps_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:open": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_10> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_11> & Readonly<{
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
 class: string;
@@ -381,19 +382,19 @@ declare const __VLS_component_68: DefineComponent<Props, {}, {}, {}, {}, Compone
 as: AsTag | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_69: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_69: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{
 "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_7: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-declare const __VLS_component_70: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_70: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_71: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_71: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_72: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_72: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_73: DefineComponent<TooltipRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:open": (value: boolean) => any;
@@ -401,10 +402,10 @@ declare const __VLS_component_73: DefineComponent<TooltipRootProps, {}, {}, {},
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_74: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_74: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: Event) => any;
-}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{
 onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
 onPointerDownOutside?: ((event: Event) => any) | undefined;
 }>, {
@@ -429,23 +430,25 @@ declare type __VLS_PrettifyLocal<T> = {
 
 declare type __VLS_Props = UiCalendarProps;
 
-declare type __VLS_Props_10 = TabsRootProps & {
+declare type __VLS_Props_10 = UiTooltipProps;
+
+declare type __VLS_Props_11 = TabsRootProps & {
     class?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_11 = TabsContentProps & {
+declare type __VLS_Props_12 = TabsContentProps & {
     class?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_12 = TabsListProps & {
+declare type __VLS_Props_13 = TabsListProps & {
     class?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_13 = TabsTriggerProps & {
+declare type __VLS_Props_14 = TabsTriggerProps & {
     class?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_14 = TooltipContentProps & {
+declare type __VLS_Props_15 = TooltipContentProps & {
     class?: HTMLAttributes['class'];
 };
 
@@ -461,20 +464,24 @@ declare type __VLS_Props_6 = UiRadioGroupProps & {
     class?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_7 = UiSwitchProps;
+declare type __VLS_Props_7 = UiRangeCalendarProps;
 
-declare type __VLS_Props_8 = UiTextareaProps;
+declare type __VLS_Props_8 = UiSwitchProps;
 
-declare type __VLS_Props_9 = UiTooltipProps;
+declare type __VLS_Props_9 = UiTextareaProps;
 
 declare type __VLS_PublicProps = {
     modelValue?: boolean;
 };
 
 declare type __VLS_PublicProps_10 = {
-    'open'?: boolean;
+    modelValue?: string;
 } & __VLS_Props_9;
 
+declare type __VLS_PublicProps_11 = {
+    'open'?: boolean;
+} & __VLS_Props_10;
+
 declare type __VLS_PublicProps_2 = {
     modelValue?: UiCalendarProps['modelValue'];
     'placeholder'?: UiCalendarProps['placeholder'];
@@ -501,11 +508,12 @@ declare type __VLS_PublicProps_7 = {
 } & __VLS_Props_6;
 
 declare type __VLS_PublicProps_8 = {
-    modelValue?: boolean;
+    modelValue?: UiRangeCalendarProps['modelValue'];
+    'placeholder'?: UiRangeCalendarProps['placeholder'];
 } & __VLS_Props_7;
 
 declare type __VLS_PublicProps_9 = {
-    modelValue?: string;
+    modelValue?: boolean;
 } & __VLS_Props_8;
 
 declare function __VLS_template(): {
@@ -1865,6 +1873,8 @@ export declare const DATA_TABLE_LABELS: {
 
 export declare type DataTableLabels = typeof DATA_TABLE_LABELS;
 
+export { DateRange }
+
 export { DateValue }
 
 declare const _default: {
@@ -3134,6 +3144,178 @@ export declare type UiRadioGroupSharedProps = {
     required?: boolean;
 };
 
+export declare const UiRangeCalendar: DefineComponent<__VLS_PublicProps_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: DateRange | undefined) => any;
+"update:placeholder": (value: DateValue | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_8> & Readonly<{
+"onUpdate:modelValue"?: ((value: DateRange | undefined) => any) | undefined;
+"onUpdate:placeholder"?: ((value: DateValue | undefined) => any) | undefined;
+}>, {
+disabled: boolean;
+pagedNavigation: boolean;
+preventDeselect: boolean;
+weekStartsOn: UiRangeCalendarWeekStartsOn;
+weekdayFormat: UiRangeCalendarWeekdayFormat;
+fixedWeeks: boolean;
+locale: string;
+numberOfMonths: number;
+readonly: boolean;
+initialFocus: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * Emits for UiRangeCalendar component.
+ */
+export declare interface UiRangeCalendarEmits {
+    /**
+     * Emitted when the selected date range changes.
+     */
+    (e: 'update:modelValue', value: DateRange): void;
+    /**
+     * Emitted when the placeholder (displayed month/year) changes.
+     */
+    (e: 'update:placeholder', value: DateValue): void;
+}
+
+/**
+ * Props for UiRangeCalendar component.
+ */
+export declare interface UiRangeCalendarProps {
+    /**
+     * The controlled selected date range value.
+     * Use with v-model for two-way binding.
+     */
+    modelValue?: DateRange;
+    /**
+     * The default selected date range when first rendered.
+     * Use when you don't need controlled state.
+     */
+    defaultValue?: DateRange;
+    /**
+     * The placeholder date used to determine which month/year to display.
+     * Defaults to today's date if not provided.
+     * Use with `v-model:placeholder` for two-way binding.
+     */
+    placeholder?: DateValue;
+    /**
+     * The default placeholder date when first rendered.
+     */
+    defaultPlaceholder?: DateValue;
+    /**
+     * The minimum selectable date.
+     * Dates before this will be disabled.
+     */
+    minValue?: DateValue;
+    /**
+     * The maximum selectable date.
+     * Dates after this will be disabled.
+     */
+    maxValue?: DateValue;
+    /**
+     * Whether the calendar is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the calendar is read-only.
+     * Users can navigate but not select dates.
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * The locale to use for formatting dates and weekday names.
+     * @default 'en'
+     * @example 'de', 'fr', 'es'
+     */
+    locale?: string;
+    /**
+     * The day of the week to start on.
+     * @default 0 (Sunday)
+     */
+    weekStartsOn?: UiRangeCalendarWeekStartsOn;
+    /**
+     * The number of months to display at once.
+     * @default 1
+     */
+    numberOfMonths?: number;
+    /**
+     * Whether to navigate by page (all visible months) or by single month.
+     * @default false
+     */
+    pagedNavigation?: boolean;
+    /**
+     * The format to use for weekday labels.
+     * @default 'narrow'
+     */
+    weekdayFormat?: UiRangeCalendarWeekdayFormat;
+    /**
+     * Whether to always show 6 weeks in the calendar.
+     * Useful for consistent height.
+     * @default false
+     */
+    fixedWeeks?: boolean;
+    /**
+     * Whether to prevent the user from deselecting a date without selecting another date first.
+     * @default false
+     */
+    preventDeselect?: boolean;
+    /**
+     * The accessible label for the calendar.
+     * Used for screen readers.
+     */
+    calendarLabel?: string;
+    /**
+     * If true, the calendar will focus the selected day, today, or the first day
+     * of the month depending on what is visible when the calendar is mounted.
+     * @default false
+     */
+    initialFocus?: boolean;
+    /**
+     * A function that returns whether or not a date is disabled.
+     * Disabled dates cannot be selected.
+     * @example (date) => date.dayOfWeek === 0 // Disable Sundays
+     */
+    isDateDisabled?: Matcher;
+    /**
+     * A function that returns whether or not a date is unavailable.
+     * Unavailable dates are styled differently but may still be selectable.
+     * @example (date) => isHoliday(date)
+     */
+    isDateUnavailable?: Matcher;
+    /**
+     * A function that returns the next page of the calendar.
+     * Receives the current placeholder as an argument.
+     */
+    nextPage?: (placeholder: DateValue) => DateValue;
+    /**
+     * A function that returns the previous page of the calendar.
+     * Receives the current placeholder as an argument.
+     */
+    prevPage?: (placeholder: DateValue) => DateValue;
+}
+
+/**
+ * Format options for weekday labels displayed in the calendar header.
+ *
+ * - `'narrow'` - Single letter (e.g., "M", "T", "W")
+ * - `'short'` - Abbreviated (e.g., "Mon", "Tue", "Wed")
+ * - `'long'` - Full name (e.g., "Monday", "Tuesday", "Wednesday")
+ */
+export declare type UiRangeCalendarWeekdayFormat = 'narrow' | 'short' | 'long';
+
+/**
+ * Day of the week to start the calendar on.
+ *
+ * - `0` - Sunday
+ * - `1` - Monday
+ * - `2` - Tuesday
+ * - `3` - Wednesday
+ * - `4` - Thursday
+ * - `5` - Friday
+ * - `6` - Saturday
+ */
+export declare type UiRangeCalendarWeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+
 export declare const UiSelect: __VLS_WithTemplateSlots_47<typeof __VLS_component_47, __VLS_TemplateResult_47["slots"]>;
 
 export declare const UiSelectContent: __VLS_WithTemplateSlots_49<typeof __VLS_component_49, __VLS_TemplateResult_49["slots"]>;
@@ -3292,9 +3474,9 @@ export declare interface UiSpinnerProps {
     ariaLabel?: string;
 }
 
-export declare const UiSwitch: DefineComponent<__VLS_PublicProps_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const UiSwitch: DefineComponent<__VLS_PublicProps_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_8> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_9> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
 required: boolean;
@@ -3549,9 +3731,9 @@ export declare type UiTabsTriggerProps = {
 
 export declare const UiTemplatePlaceholder: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-export declare const UiTextarea: DefineComponent<__VLS_PublicProps_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const UiTextarea: DefineComponent<__VLS_PublicProps_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_9> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_10> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
 placeholder: string;