@octans/ui 1.5.0 → 1.6.0

package/dist/components/CalendarHeatmap/CalendarHeatmap.vue.d.ts

@@ -1,5 +1,11 @@
 import { CalendarHeatmapProps, CalendarHeatmapSeries } from './types';
-declare const __VLS_export: import('vue').DefineComponent<CalendarHeatmapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarHeatmapProps> & Readonly<{}>, {
+declare var __VLS_9: any, __VLS_12: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_9) => any;
+} & {
+    helpText?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<CalendarHeatmapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarHeatmapProps> & Readonly<{}>, {
     data: import('./types').CalendarHeatmapDataPoint[];
     tooltip: boolean;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -17,5 +23,11 @@ declare const __VLS_export: import('vue').DefineComponent<CalendarHeatmapProps,
     showWeekdays: boolean;
     showLegend: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ColorSelector/ColorSelector.vue.d.ts

@@ -1,6 +1,12 @@
 import { Gradient } from '../../utils/gradient';
 import { ColorSelectorProps } from './types';
-declare const __VLS_export: import('vue').DefineComponent<ColorSelectorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare var __VLS_9: any, __VLS_12: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_9) => any;
+} & {
+    helpText?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<ColorSelectorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | Gradient) => any;
     "update:swatches": (value: string[]) => any;
 }, string, import('vue').PublicProps, Readonly<ColorSelectorProps> & Readonly<{
@@ -9,8 +15,8 @@ declare const __VLS_export: import('vue').DefineComponent<ColorSelectorProps, {}
 }>, {
     placement: import('../Popover').PopoverPlacementType;
     disabled: boolean;
-    trigger: import('./types').ColorSelectorTriggerType;
     mode: import('./types').ColorSelectorMode;
+    trigger: import('./types').ColorSelectorTriggerType;
     fullWidth: boolean;
     placeholder: string;
     readonly: boolean;
@@ -30,5 +36,11 @@ declare const __VLS_export: import('vue').DefineComponent<ColorSelectorProps, {}
     rememberSwatches: boolean;
     maxSwatches: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DatePicker/DatePicker.vue.d.ts

@@ -1,5 +1,11 @@
 import { DatePickerProps } from './types';
-declare const __VLS_export: import('vue').DefineComponent<DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare var __VLS_9: any, __VLS_12: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_9) => any;
+} & {
+    helpText?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (v: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<DatePickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
@@ -13,5 +19,11 @@ declare const __VLS_export: import('vue').DefineComponent<DatePickerProps, {}, {
     maxTime: string;
     clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Filters/FilterItem.vue.d.ts

@@ -165,11 +165,47 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         invert: boolean;
         pressed: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (v: string | null) => any;
-    }, string, import('vue').PublicProps, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
+    DatePicker: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
+            "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (v: string | null) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            type: "datetime" | "date" | "month" | "year";
+            autoOpen: boolean;
+            readonly: boolean;
+            modelFormat: string;
+            minTime: string;
+            maxTime: string;
+            clearable: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
+            "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            type: "datetime" | "date" | "month" | "year";
+            autoOpen: boolean;
+            readonly: boolean;
+            modelFormat: string;
+            minTime: string;
+            maxTime: string;
+            clearable: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
         "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
-    }>, {
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (v: string | null) => any;
+    }, string, {
         disabled: boolean;
         type: "datetime" | "date" | "month" | "year";
         autoOpen: boolean;
@@ -178,7 +214,13 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         minTime: string;
         maxTime: string;
         clearable: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            label?: (props: any) => any;
+        } & {
+            helpText?: (props: {}) => any;
+        };
+    });
     TextField: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../TextField').TextFieldProps> & Readonly<{
             onClick?: ((event: MouseEvent) => any) | undefined;
@@ -238,6 +280,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         emptyValue: string | number | null;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
+            label?: (props: any) => any;
+        } & {
+            helpText?: (props: {}) => any;
+        } & {
             left?: (props: {}) => any;
         } & {
             prefix?: (props: {}) => any;
@@ -596,6 +642,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         ScrollPane: {
             new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
                 scrollTo: (x: number, y: number) => void;
+                scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
                 update: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                 disabled: boolean;
@@ -611,6 +658,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
                 Defaults: {};
             }, Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
                 scrollTo: (x: number, y: number) => void;
+                scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
                 update: () => void;
             }, {}, {}, {}, {
                 disabled: boolean;
@@ -623,6 +671,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
             scrollTo: (x: number, y: number) => void;
+            scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
             update: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             disabled: boolean;

package/dist/components/Filters/Filters.vue.d.ts

@@ -784,11 +784,47 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             invert: boolean;
             pressed: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:modelValue": (v: string | null) => any;
-        }, string, import('vue').PublicProps, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
+        DatePicker: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
+                "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "update:modelValue": (v: string | null) => any;
+            }, import('vue').PublicProps, {
+                disabled: boolean;
+                type: "datetime" | "date" | "month" | "year";
+                autoOpen: boolean;
+                readonly: boolean;
+                modelFormat: string;
+                minTime: string;
+                maxTime: string;
+                clearable: boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
+                "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                disabled: boolean;
+                type: "datetime" | "date" | "month" | "year";
+                autoOpen: boolean;
+                readonly: boolean;
+                modelFormat: string;
+                minTime: string;
+                maxTime: string;
+                clearable: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
             "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
-        }>, {
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (v: string | null) => any;
+        }, string, {
             disabled: boolean;
             type: "datetime" | "date" | "month" | "year";
             autoOpen: boolean;
@@ -797,7 +833,13 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             minTime: string;
             maxTime: string;
             clearable: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                label?: (props: any) => any;
+            } & {
+                helpText?: (props: {}) => any;
+            };
+        });
         TextField: {
             new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../TextField').TextFieldProps> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
@@ -857,6 +899,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             emptyValue: string | number | null;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
+                label?: (props: any) => any;
+            } & {
+                helpText?: (props: {}) => any;
+            } & {
                 left?: (props: {}) => any;
             } & {
                 prefix?: (props: {}) => any;
@@ -1215,6 +1261,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             ScrollPane: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
                     scrollTo: (x: number, y: number) => void;
+                    scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
                     update: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                     disabled: boolean;
@@ -1230,6 +1277,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
                     Defaults: {};
                 }, Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
                     scrollTo: (x: number, y: number) => void;
+                    scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
                     update: () => void;
                 }, {}, {}, {}, {
                     disabled: boolean;
@@ -1242,6 +1290,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
                 scrollTo: (x: number, y: number) => void;
+                scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
                 update: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 disabled: boolean;
@@ -1596,6 +1645,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         emptyValue: string | number | null;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
+            label?: (props: any) => any;
+        } & {
+            helpText?: (props: {}) => any;
+        } & {
             left?: (props: {}) => any;
         } & {
             prefix?: (props: {}) => any;

package/dist/components/OtpInput/OtpInput.vue.d.ts

@@ -1,6 +1,12 @@
 import { OtpInputProps } from './types';
 declare function focus(): void;
-declare const __VLS_export: import('vue').DefineComponent<OtpInputProps, {
+declare var __VLS_9: any, __VLS_12: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_9) => any;
+} & {
+    helpText?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<OtpInputProps, {
     focus: typeof focus;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     complete: (value: string) => any;
@@ -17,5 +23,11 @@ declare const __VLS_export: import('vue').DefineComponent<OtpInputProps, {
     modelValue: string | null;
     separator: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover/Popover.vue.d.ts

@@ -2,21 +2,21 @@ import { PopoverProps } from './types';
 declare function show(): void;
 declare function hide(): void;
 declare function toggle(): void;
-declare var __VLS_19: {
+declare var __VLS_17: {
     visible: boolean;
     show: typeof show;
     hide: typeof hide;
     toggle: typeof toggle;
-}, __VLS_40: {
+}, __VLS_38: {
     visible: boolean;
     show: typeof show;
     hide: typeof hide;
     toggle: typeof toggle;
 };
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_19) => any;
+    trigger?: (props: typeof __VLS_17) => any;
 } & {
-    default?: (props: typeof __VLS_40) => any;
+    default?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<PopoverProps, {
     show: typeof show;
@@ -33,6 +33,7 @@ declare const __VLS_base: import('vue').DefineComponent<PopoverProps, {
     autoTriggerToggle: boolean;
     autoHide: boolean;
     hover: boolean;
+    surface: boolean;
     zIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -25,6 +25,7 @@ export declare const Popper: {
         autoTriggerToggle: boolean;
         autoHide: boolean;
         hover: boolean;
+        surface: boolean;
         zIndex: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -46,6 +47,7 @@ export declare const Popper: {
         autoTriggerToggle: boolean;
         autoHide: boolean;
         hover: boolean;
+        surface: boolean;
         zIndex: number;
     }>;
     __isFragment?: never;
@@ -66,6 +68,7 @@ export declare const Popper: {
     autoTriggerToggle: boolean;
     autoHide: boolean;
     hover: boolean;
+    surface: boolean;
     zIndex: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/components/Popover/types.d.ts

@@ -25,5 +25,18 @@ export interface PopoverProps {
      * cascading sub-menus, so hovering a descendant keeps its ancestors open.
      */
     hover?: boolean;
+    /**
+     * Paints the content: surface colour, border, corner radius and a shadow.
+     *
+     * Off by default, and deliberately so — a popover hands the content slot
+     * straight through, so anything that already dresses itself (an
+     * `ActionListMenu`, a date picker, a card) would end up with two borders and
+     * two shadows. Turn it on for bring-your-own-content overlays, which would
+     * otherwise render transparent over the page.
+     *
+     * The styles land on the content's own root element and are defined with
+     * `:where()`, so any rule of your own still wins.
+     */
+    surface?: boolean;
     zIndex?: number;
 }

package/dist/components/RangeSlider/RangeSlider.vue.d.ts

@@ -318,6 +318,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         emptyValue: string | number | null;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
+            label?: (props: any) => any;
+        } & {
+            helpText?: (props: {}) => any;
+        } & {
             left?: (props: {}) => any;
         } & {
             prefix?: (props: {}) => any;

package/dist/components/Rating/Rating.vue.d.ts

@@ -1,6 +1,12 @@
 import { RatingProps } from './types';
 declare function focus(): void;
-declare const __VLS_export: import('vue').DefineComponent<RatingProps, {
+declare var __VLS_9: any, __VLS_12: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_9) => any;
+} & {
+    helpText?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<RatingProps, {
     focus: typeof focus;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: number) => any;
@@ -16,5 +22,11 @@ declare const __VLS_export: import('vue').DefineComponent<RatingProps, {
     fullIcon: string;
     fullColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ScrollPane/ScrollPane.vue.d.ts

@@ -1,12 +1,25 @@
-import { ScrollPaneProps } from './types';
+import { ScrollPaneProps, ScrollPaneScrollIntoViewOptions } from './types';
 declare function updateImmediate(): void;
 declare function scrollTo(x: number, y: number): void;
+/**
+ * Scrolls THIS pane so `target` is visible, and touches nothing else.
+ *
+ * `Element.scrollIntoView` walks every scrollable ancestor, so calling it on
+ * an item inside a pane that lives in a dropdown or a sheet is as likely to
+ * scroll the page out from under the overlay as it is to move the list. This
+ * knows which container it owns, so it scrolls that one.
+ *
+ * `target` may be an element or a selector resolved within the pane. Anything
+ * that is not inside the pane is ignored rather than guessed at.
+ */
+declare function scrollIntoView(target: Element | string | null | undefined, options?: ScrollPaneScrollIntoViewOptions): void;
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<ScrollPaneProps, {
     scrollTo: typeof scrollTo;
+    scrollIntoView: typeof scrollIntoView;
     update: typeof updateImmediate;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ScrollPaneProps> & Readonly<{}>, {
     disabled: boolean;

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

@@ -1,2 +1,2 @@
 export { default as ScrollPane } from './ScrollPane.vue';
-export type { ScrollPaneProps, ScrollPaneDirectionType } from './types';
+export type { ScrollPaneProps, ScrollPaneDirectionType, ScrollPaneAlignType, ScrollPaneScrollIntoViewOptions } from './types';

package/dist/components/ScrollPane/types.d.ts

@@ -1,4 +1,26 @@
 export type ScrollPaneDirectionType = 'vertical' | 'horizontal' | 'both';
+/** Where in the pane `scrollIntoView` should leave the target. */
+export type ScrollPaneAlignType = 'nearest' | 'start' | 'center' | 'end';
+export interface ScrollPaneScrollIntoViewOptions {
+    /**
+     * Vertical placement. `"nearest"` (the default) scrolls only as far as it
+     * takes to make the target visible, and does nothing at all if it already
+     * is — the right behaviour for keyboard navigation through a list.
+     */
+    block?: ScrollPaneAlignType;
+    /**
+     * Horizontal placement. Same values as `block`, and ignored unless the
+     * pane's `direction` scrolls horizontally.
+     */
+    inline?: ScrollPaneAlignType;
+    /**
+     * Breathing room to leave between the target and the edge it is scrolled
+     * to, in pixels. Applies to `"nearest"`, `"start"` and `"end"`.
+     */
+    offset?: number;
+    /** Passed straight to `Element.scrollTo`. */
+    behavior?: ScrollBehavior;
+}
 export interface ScrollPaneProps {
     /**
      * Which way the content scrolls.

package/dist/components/SegmentedControl/SegmentedControl.vue.d.ts

@@ -1,11 +1,15 @@
 import { SegmentedControlProps, SegmentedOptionType } from './types';
-declare var __VLS_8: {
+declare var __VLS_9: any, __VLS_12: {}, __VLS_14: {
     option: SegmentedOptionType;
     index: number;
     selected: boolean;
 };
 type __VLS_Slots = {} & {
-    option?: (props: typeof __VLS_8) => any;
+    label?: (props: typeof __VLS_9) => any;
+} & {
+    helpText?: (props: typeof __VLS_12) => any;
+} & {
+    option?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<SegmentedControlProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: any, option: SegmentedOptionType) => any;

package/dist/components/Select/Select.vue.d.ts

@@ -689,6 +689,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     ScrollPane: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
             scrollTo: (x: number, y: number) => void;
+            scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
             update: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             disabled: boolean;
@@ -704,6 +705,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             Defaults: {};
         }, Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
             scrollTo: (x: number, y: number) => void;
+            scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
             update: () => void;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -716,6 +718,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
         scrollTo: (x: number, y: number) => void;
+        scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
         update: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         disabled: boolean;

package/dist/components/TextField/TextField.vue.d.ts

@@ -1,14 +1,18 @@
 import { TextFieldProps } from './types';
 declare function focus(): void;
-declare var __VLS_14: {}, __VLS_16: {}, __VLS_31: {}, __VLS_33: {};
+declare var __VLS_9: any, __VLS_12: {}, __VLS_20: {}, __VLS_22: {}, __VLS_37: {}, __VLS_39: {};
 type __VLS_Slots = {} & {
-    left?: (props: typeof __VLS_14) => any;
+    label?: (props: typeof __VLS_9) => any;
 } & {
-    prefix?: (props: typeof __VLS_16) => any;
+    helpText?: (props: typeof __VLS_12) => any;
 } & {
-    suffix?: (props: typeof __VLS_31) => any;
+    left?: (props: typeof __VLS_20) => any;
 } & {
-    right?: (props: typeof __VLS_33) => any;
+    prefix?: (props: typeof __VLS_22) => any;
+} & {
+    suffix?: (props: typeof __VLS_37) => any;
+} & {
+    right?: (props: typeof __VLS_39) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<TextFieldProps, {
     focus: typeof focus;

package/dist/components/TextField/types.d.ts

@@ -33,6 +33,20 @@ export interface TextFieldProps {
      * Allow multiple lines of input.
      */
     multiline?: boolean | string | number;
+    /**
+     * How tall a `multiline` field may grow before it starts to scroll. Any CSS
+     * length, or `"none"` for no ceiling at all. A number is read as pixels.
+     *
+     * A multiline field already grows to fit what is typed into it; this is only
+     * the ceiling on that growth, and it defaults to `200px`. Reach for `"50vh"`
+     * more readily than `"none"` — a field that grows past the viewport inside a
+     * sheet or modal takes its buttons with it.
+     *
+     * The same thing is settable in CSS as `--octans-textfield-max-height`, on
+     * the field or any ancestor, for when the ceiling belongs to the layout
+     * rather than to the call site.
+     */
+    maxHeight?: string | number;
     /**
      * Maximum character length for the input.
      */

package/dist/components/TimePicker/TimePicker.vue.d.ts

@@ -1,5 +1,11 @@
 import { TimePickerProps } from './types';
-declare const __VLS_export: import('vue').DefineComponent<TimePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare var __VLS_9: any, __VLS_12: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_9) => any;
+} & {
+    helpText?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TimePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<TimePickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
@@ -21,5 +27,11 @@ declare const __VLS_export: import('vue').DefineComponent<TimePickerProps, {}, {
     minuteStep: number;
     minuteStepStrict: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ToggleSwitch/ToggleSwitch.vue.d.ts

@@ -1,9 +1,13 @@
 import { ToggleSwitchProps } from './types';
-declare var __VLS_8: {
+declare var __VLS_9: any, __VLS_12: {}, __VLS_14: {
     checked: boolean;
 };
 type __VLS_Slots = {} & {
-    handle?: (props: typeof __VLS_8) => any;
+    label?: (props: typeof __VLS_9) => any;
+} & {
+    helpText?: (props: typeof __VLS_12) => any;
+} & {
+    handle?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<ToggleSwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (v: boolean) => any;