@octans/ui 1.5.0 → 1.6.1

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;
@@ -883,6 +929,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             helpLink: {
                 type: PropType<string | false | null>;
             };
+            helpLinkIcon: {
+                type: StringConstructor;
+            };
+            helpLinkTooltip: {
+                type: StringConstructor;
+            };
             required: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1058,6 +1110,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             helpLink: {
                 type: PropType<string | false | null>;
             };
+            helpLinkIcon: {
+                type: StringConstructor;
+            };
+            helpLinkTooltip: {
+                type: StringConstructor;
+            };
             required: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1215,6 +1273,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 +1289,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 +1302,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;
@@ -1274,6 +1335,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
                     type: PropType<string | false | null>;
                     required: false;
                 };
+                helpLinkIcon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                helpLinkTooltip: {
+                    type: StringConstructor;
+                    required: false;
+                };
                 required: {
                     type: BooleanConstructor;
                     required: false;
@@ -1301,12 +1370,21 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
                     type: PropType<string | false | null>;
                     required: false;
                 };
+                helpLinkIcon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                helpLinkTooltip: {
+                    type: StringConstructor;
+                    required: false;
+                };
                 required: {
                     type: BooleanConstructor;
                     required: false;
                 };
             }>> & Readonly<{}>, {
                 required: boolean;
+                helpLinkIcon: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             Tag: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
@@ -1596,6 +1674,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/Labelled/Labelled.vue.d.ts

@@ -45,6 +45,28 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         type: PropType<string | false | null>;
         required: false;
     };
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     *
+     * Defaults to an information symbol. Change it where the link means
+     * something narrower than "help": `mdi:language-markdown` beside a field
+     * that accepts markdown says what the link is about before it is clicked.
+     */
+    helpLinkIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Text shown on hovering the `helpLink` icon.
+     *
+     * Worth setting whenever the icon is not self-evident. The link opens in a
+     * new tab, so this is the reader's only chance to find out where it goes
+     * before they lose their place in the form.
+     */
+    helpLinkTooltip: {
+        type: StringConstructor;
+        required: false;
+    };
     /**
      * Marks the field as required, drawing an asterisk after the label.
      *
@@ -106,6 +128,28 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         type: PropType<string | false | null>;
         required: false;
     };
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     *
+     * Defaults to an information symbol. Change it where the link means
+     * something narrower than "help": `mdi:language-markdown` beside a field
+     * that accepts markdown says what the link is about before it is clicked.
+     */
+    helpLinkIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Text shown on hovering the `helpLink` icon.
+     *
+     * Worth setting whenever the icon is not self-evident. The link opens in a
+     * new tab, so this is the reader's only chance to find out where it goes
+     * before they lose their place in the form.
+     */
+    helpLinkTooltip: {
+        type: StringConstructor;
+        required: false;
+    };
     /**
      * Marks the field as required, drawing an asterisk after the label.
      *
@@ -123,4 +167,5 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     };
 }>> & Readonly<{}>, {
     required: boolean;
+    helpLinkIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -26,6 +26,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     helpLink: {
         type: PropType<string | false | null>;
     };
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     * Defaults to an information symbol.
+     */
+    helpLinkIcon: {
+        type: StringConstructor;
+    };
+    /** Text shown on hovering the `helpLink` icon. */
+    helpLinkTooltip: {
+        type: StringConstructor;
+    };
     placeholder: {
         type: StringConstructor;
     };
@@ -74,6 +85,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     helpLink: {
         type: PropType<string | false | null>;
     };
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     * Defaults to an information symbol.
+     */
+    helpLinkIcon: {
+        type: StringConstructor;
+    };
+    /** Text shown on hovering the `helpLink` icon. */
+    helpLinkTooltip: {
+        type: StringConstructor;
+    };
     placeholder: {
         type: StringConstructor;
     };
@@ -164,6 +186,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             type: PropType<string | false | null>;
             required: false;
         };
+        helpLinkIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        helpLinkTooltip: {
+            type: StringConstructor;
+            required: false;
+        };
         required: {
             type: BooleanConstructor;
             required: false;
@@ -191,12 +221,21 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             type: PropType<string | false | null>;
             required: false;
         };
+        helpLinkIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        helpLinkTooltip: {
+            type: StringConstructor;
+            required: false;
+        };
         required: {
             type: BooleanConstructor;
             required: false;
         };
     }>> & Readonly<{}>, {
         required: boolean;
+        helpLinkIcon: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     Spinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         color: {

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/OtpInput/types.d.ts

@@ -19,6 +19,13 @@ export interface OtpInputProps {
      * Renders a help icon next to the label which links to an external page.
      */
     helpLink?: string | false;
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     * Defaults to an information symbol.
+     */
+    helpLinkIcon?: string;
+    /** Text shown on hovering the `helpLink` icon. */
+    helpLinkTooltip?: string;
     /**
      * The current value — the characters across all cells joined into a string.
      */

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/RadioButton/RadioButton.vue.d.ts

@@ -26,6 +26,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     helpLink: {
         type: PropType<string | false | null>;
     };
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     * Defaults to an information symbol.
+     */
+    helpLinkIcon: {
+        type: StringConstructor;
+    };
+    /** Text shown on hovering the `helpLink` icon. */
+    helpLinkTooltip: {
+        type: StringConstructor;
+    };
     /**
      * Radio buttons with the same name will form a group.
      */
@@ -93,6 +104,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     helpLink: {
         type: PropType<string | false | null>;
     };
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     * Defaults to an information symbol.
+     */
+    helpLinkIcon: {
+        type: StringConstructor;
+    };
+    /** Text shown on hovering the `helpLink` icon. */
+    helpLinkTooltip: {
+        type: StringConstructor;
+    };
     /**
      * Radio buttons with the same name will form a group.
      */

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

@@ -45,6 +45,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     helpLink: {
         type: PropType<string | false | null>;
     };
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     * Defaults to an information symbol.
+     */
+    helpLinkIcon: {
+        type: StringConstructor;
+    };
+    /** Text shown on hovering the `helpLink` icon. */
+    helpLinkTooltip: {
+        type: StringConstructor;
+    };
     /**
      * Disables the control and prevents all interaction.
      */
@@ -149,6 +160,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     helpLink: {
         type: PropType<string | false | null>;
     };
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     * Defaults to an information symbol.
+     */
+    helpLinkIcon: {
+        type: StringConstructor;
+    };
+    /** Text shown on hovering the `helpLink` icon. */
+    helpLinkTooltip: {
+        type: StringConstructor;
+    };
     /**
      * Disables the control and prevents all interaction.
      */
@@ -225,6 +247,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             type: PropType<string | false | null>;
             required: false;
         };
+        helpLinkIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        helpLinkTooltip: {
+            type: StringConstructor;
+            required: false;
+        };
         required: {
             type: BooleanConstructor;
             required: false;
@@ -252,12 +282,21 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             type: PropType<string | false | null>;
             required: false;
         };
+        helpLinkIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        helpLinkTooltip: {
+            type: StringConstructor;
+            required: false;
+        };
         required: {
             type: BooleanConstructor;
             required: false;
         };
     }>> & Readonly<{}>, {
         required: boolean;
+        helpLinkIcon: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     TextField: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../TextField').TextFieldProps> & Readonly<{
@@ -318,6 +357,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/Rating/types.d.ts

@@ -19,6 +19,13 @@ export interface RatingProps {
      * Renders a help icon next to the label which links to an external page.
      */
     helpLink?: string | false;
+    /**
+     * The icon drawn for `helpLink` — any name the `Icon` component takes.
+     * Defaults to an information symbol.
+     */
+    helpLinkIcon?: string;
+    /** Text shown on hovering the `helpLink` icon. */
+    helpLinkTooltip?: string;
     /**
      * The current rating value. `null` or `0` means unrated.
      */

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;