@octans/ui 1.4.0 → 1.6.0

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

@@ -1,11 +1,13 @@
 import { SheetProps } from './types';
-declare var __VLS_7: {}, __VLS_38: {}, __VLS_60: {};
+declare var __VLS_7: {}, __VLS_38: {}, __VLS_60: {}, __VLS_62: {};
 type __VLS_Slots = {} & {
     external?: (props: typeof __VLS_7) => any;
 } & {
     actions?: (props: typeof __VLS_38) => any;
 } & {
     default?: (props: typeof __VLS_60) => any;
+} & {
+    footer?: (props: typeof __VLS_62) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<SheetProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     close: () => any;
@@ -23,12 +25,9 @@ declare const __VLS_base: import('vue').DefineComponent<SheetProps, {}, {}, {},
     "onAfter-close"?: (() => any) | undefined;
 }>, {
     visible: boolean;
-    size: number;
     loading: boolean;
     peek: number;
     edge: import('./types').SheetEdgeType;
-    animateInDuration: number;
-    animateOutDuration: number;
     minIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -25,7 +25,10 @@ export interface SheetProps {
      * left or right sheet, its height for a top or bottom one. Clamped to the
      * screen when the sheet becomes the active (foreground) sheet.
      *
-     * @default 700
+     * Left unset, it comes from `--octans-sheet-size`, so an app can set the
+     * width of every sheet in one place.
+     *
+     * @default '--octans-sheet-size' (700px)
      */
     size?: number;
     /**
@@ -36,22 +39,29 @@ export interface SheetProps {
      */
     peek?: number;
     /**
-     * Adds padding around the sheet content and constrains it to a comfortable
-     * reading width.
+     * Adds a gutter around the sheet content, inside the scrolling area.
+     *
+     * Padding and nothing else — it does not cap or centre the content. A sheet
+     * is only as wide as its `size` says, and anything that wants a reading
+     * measure can set one on its own content.
      */
     padded?: boolean;
     /**
      * Duration of the open (slide/fade-in) animation in milliseconds.
      * Set to `0` to open instantly with no animation.
      *
-     * @default 700
+     * Left unset, it comes from `--octans-sheet-in-duration`.
+     *
+     * @default '--octans-sheet-in-duration' (700ms)
      */
     animateInDuration?: number;
     /**
      * Duration of the close (slide/fade-out) animation in milliseconds.
      * Set to `0` to close instantly with no animation.
      *
-     * @default 700
+     * Left unset, it comes from `--octans-sheet-out-duration`.
+     *
+     * @default '--octans-sheet-out-duration' (700ms)
      */
     animateOutDuration?: number;
     /**
@@ -73,6 +83,15 @@ export interface SheetProps {
      * Classes to add to the sheet content element.
      */
     contentClass?: Record<string, string> | string;
+    /**
+     * Classes to add to the element wrapping the `footer` slot. The footer bar
+     * itself is only rendered when that slot is filled.
+     *
+     * For alignment alone, reach for `--octans-sheet-footer-align` and
+     * `--octans-sheet-footer-gap` first — the wrapper's own layout rules sit at
+     * zero specificity, so a class here wins either way.
+     */
+    footerClass?: Record<string, string> | string;
     /**
      * Shows a spinner over the whole sheet and prevents closing.
      *

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;