@octans/ui 1.4.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/components/CalendarHeatmap/CalendarHeatmap.vue.d.ts +13 -1
  2. package/dist/components/Card/CardSection.vue.d.ts +35 -0
  3. package/dist/components/ColorSelector/ColorSelector.vue.d.ts +14 -2
  4. package/dist/components/DatePicker/DatePicker.vue.d.ts +13 -1
  5. package/dist/components/Filters/FilterItem.vue.d.ts +54 -5
  6. package/dist/components/Filters/Filters.vue.d.ts +60 -14
  7. package/dist/components/OtpInput/OtpInput.vue.d.ts +13 -1
  8. package/dist/components/Popover/Popover.vue.d.ts +5 -4
  9. package/dist/components/Popover/index.d.ts +3 -0
  10. package/dist/components/Popover/types.d.ts +13 -0
  11. package/dist/components/RangeSlider/RangeSlider.vue.d.ts +4 -0
  12. package/dist/components/Rating/Rating.vue.d.ts +13 -1
  13. package/dist/components/ScrollPane/ScrollPane.vue.d.ts +14 -1
  14. package/dist/components/ScrollPane/index.d.ts +1 -1
  15. package/dist/components/ScrollPane/types.d.ts +22 -0
  16. package/dist/components/SegmentedControl/SegmentedControl.vue.d.ts +6 -2
  17. package/dist/components/Select/Select.vue.d.ts +3 -0
  18. package/dist/components/Sheet/Sheet.vue.d.ts +3 -4
  19. package/dist/components/Sheet/types.d.ts +24 -5
  20. package/dist/components/TextField/TextField.vue.d.ts +9 -5
  21. package/dist/components/TextField/types.d.ts +14 -0
  22. package/dist/components/TimePicker/TimePicker.vue.d.ts +13 -1
  23. package/dist/components/ToggleSwitch/ToggleSwitch.vue.d.ts +6 -2
  24. package/dist/style.css +1 -1
  25. package/dist/ui.js +2417 -2182
  26. package/dist/ui.umd.js +4 -4
  27. package/dist/utils/tokens.d.ts +1 -1
  28. package/package.json +1 -1
@@ -1,5 +1,11 @@
1
1
  import { CalendarHeatmapProps, CalendarHeatmapSeries } from './types';
2
- declare const __VLS_export: import('vue').DefineComponent<CalendarHeatmapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarHeatmapProps> & Readonly<{}>, {
2
+ declare var __VLS_9: any, __VLS_12: {};
3
+ type __VLS_Slots = {} & {
4
+ label?: (props: typeof __VLS_9) => any;
5
+ } & {
6
+ helpText?: (props: typeof __VLS_12) => any;
7
+ };
8
+ declare const __VLS_base: import('vue').DefineComponent<CalendarHeatmapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarHeatmapProps> & Readonly<{}>, {
3
9
  data: import('./types').CalendarHeatmapDataPoint[];
4
10
  tooltip: boolean;
5
11
  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -17,5 +23,11 @@ declare const __VLS_export: import('vue').DefineComponent<CalendarHeatmapProps,
17
23
  showWeekdays: boolean;
18
24
  showLegend: boolean;
19
25
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
27
  declare const _default: typeof __VLS_export;
21
28
  export default _default;
29
+ type __VLS_WithSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
@@ -35,11 +35,28 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
35
35
  };
36
36
  /**
37
37
  * By default padding is included in the section. Use this to disable it.
38
+ *
39
+ * This drops the HORIZONTAL padding only — the section keeps its vertical
40
+ * rhythm, so a list of rows still breathes against the sections above and
41
+ * below it. For a section with no padding at all, use `flush`.
38
42
  */
39
43
  padded: {
40
44
  type: BooleanConstructor;
41
45
  default: boolean;
42
46
  };
47
+ /**
48
+ * Removes the section's padding entirely, so its content runs to the edges
49
+ * of the card. Wins over `padded`.
50
+ *
51
+ * The reason to reach for it is a component that fills the section — a
52
+ * `DataTable`, an image, a map. Those already cancel the padding by
53
+ * reaching out of it with a negative margin, which works but means the
54
+ * component has to know what its parent's padding is; `flush` is the
55
+ * version that says so from the outside.
56
+ */
57
+ flush: {
58
+ type: BooleanConstructor;
59
+ };
43
60
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
44
61
  [key: string]: any;
45
62
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -77,13 +94,31 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
77
94
  };
78
95
  /**
79
96
  * By default padding is included in the section. Use this to disable it.
97
+ *
98
+ * This drops the HORIZONTAL padding only — the section keeps its vertical
99
+ * rhythm, so a list of rows still breathes against the sections above and
100
+ * below it. For a section with no padding at all, use `flush`.
80
101
  */
81
102
  padded: {
82
103
  type: BooleanConstructor;
83
104
  default: boolean;
84
105
  };
106
+ /**
107
+ * Removes the section's padding entirely, so its content runs to the edges
108
+ * of the card. Wins over `padded`.
109
+ *
110
+ * The reason to reach for it is a component that fills the section — a
111
+ * `DataTable`, an image, a map. Those already cancel the padding by
112
+ * reaching out of it with a negative margin, which works but means the
113
+ * component has to know what its parent's padding is; `flush` is the
114
+ * version that says so from the outside.
115
+ */
116
+ flush: {
117
+ type: BooleanConstructor;
118
+ };
85
119
  }>> & Readonly<{}>, {
86
120
  subdued: boolean;
87
121
  padded: boolean;
88
122
  collapseActions: boolean;
123
+ flush: boolean;
89
124
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1,6 +1,12 @@
1
1
  import { Gradient } from '../../utils/gradient';
2
2
  import { ColorSelectorProps } from './types';
3
- declare const __VLS_export: import('vue').DefineComponent<ColorSelectorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
3
+ declare var __VLS_9: any, __VLS_12: {};
4
+ type __VLS_Slots = {} & {
5
+ label?: (props: typeof __VLS_9) => any;
6
+ } & {
7
+ helpText?: (props: typeof __VLS_12) => any;
8
+ };
9
+ declare const __VLS_base: import('vue').DefineComponent<ColorSelectorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
4
10
  "update:modelValue": (value: string | Gradient) => any;
5
11
  "update:swatches": (value: string[]) => any;
6
12
  }, string, import('vue').PublicProps, Readonly<ColorSelectorProps> & Readonly<{
@@ -9,8 +15,8 @@ declare const __VLS_export: import('vue').DefineComponent<ColorSelectorProps, {}
9
15
  }>, {
10
16
  placement: import('../Popover').PopoverPlacementType;
11
17
  disabled: boolean;
12
- trigger: import('./types').ColorSelectorTriggerType;
13
18
  mode: import('./types').ColorSelectorMode;
19
+ trigger: import('./types').ColorSelectorTriggerType;
14
20
  fullWidth: boolean;
15
21
  placeholder: string;
16
22
  readonly: boolean;
@@ -30,5 +36,11 @@ declare const __VLS_export: import('vue').DefineComponent<ColorSelectorProps, {}
30
36
  rememberSwatches: boolean;
31
37
  maxSwatches: number;
32
38
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
39
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
33
40
  declare const _default: typeof __VLS_export;
34
41
  export default _default;
42
+ type __VLS_WithSlots<T, S> = T & {
43
+ new (): {
44
+ $slots: S;
45
+ };
46
+ };
@@ -1,5 +1,11 @@
1
1
  import { DatePickerProps } from './types';
2
- declare const __VLS_export: import('vue').DefineComponent<DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
2
+ declare var __VLS_9: any, __VLS_12: {};
3
+ type __VLS_Slots = {} & {
4
+ label?: (props: typeof __VLS_9) => any;
5
+ } & {
6
+ helpText?: (props: typeof __VLS_12) => any;
7
+ };
8
+ declare const __VLS_base: import('vue').DefineComponent<DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
3
9
  "update:modelValue": (v: string | null) => any;
4
10
  }, string, import('vue').PublicProps, Readonly<DatePickerProps> & Readonly<{
5
11
  "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
@@ -13,5 +19,11 @@ declare const __VLS_export: import('vue').DefineComponent<DatePickerProps, {}, {
13
19
  maxTime: string;
14
20
  clearable: boolean;
15
21
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
22
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
16
23
  declare const _default: typeof __VLS_export;
17
24
  export default _default;
25
+ type __VLS_WithSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -165,11 +165,47 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
165
165
  invert: boolean;
166
166
  pressed: boolean;
167
167
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
168
- DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
169
- "update:modelValue": (v: string | null) => any;
170
- }, string, import('vue').PublicProps, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
168
+ DatePicker: {
169
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
170
+ "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
171
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
172
+ "update:modelValue": (v: string | null) => any;
173
+ }, import('vue').PublicProps, {
174
+ disabled: boolean;
175
+ type: "datetime" | "date" | "month" | "year";
176
+ autoOpen: boolean;
177
+ readonly: boolean;
178
+ modelFormat: string;
179
+ minTime: string;
180
+ maxTime: string;
181
+ clearable: boolean;
182
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
183
+ P: {};
184
+ B: {};
185
+ D: {};
186
+ C: {};
187
+ M: {};
188
+ Defaults: {};
189
+ }, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
190
+ "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
191
+ }>, {}, {}, {}, {}, {
192
+ disabled: boolean;
193
+ type: "datetime" | "date" | "month" | "year";
194
+ autoOpen: boolean;
195
+ readonly: boolean;
196
+ modelFormat: string;
197
+ minTime: string;
198
+ maxTime: string;
199
+ clearable: boolean;
200
+ }>;
201
+ __isFragment?: never;
202
+ __isTeleport?: never;
203
+ __isSuspense?: never;
204
+ } & import('vue').ComponentOptionsBase<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
171
205
  "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
172
- }>, {
206
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
207
+ "update:modelValue": (v: string | null) => any;
208
+ }, string, {
173
209
  disabled: boolean;
174
210
  type: "datetime" | "date" | "month" | "year";
175
211
  autoOpen: boolean;
@@ -178,7 +214,13 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
178
214
  minTime: string;
179
215
  maxTime: string;
180
216
  clearable: boolean;
181
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
217
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
218
+ $slots: {
219
+ label?: (props: any) => any;
220
+ } & {
221
+ helpText?: (props: {}) => any;
222
+ };
223
+ });
182
224
  TextField: {
183
225
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../TextField').TextFieldProps> & Readonly<{
184
226
  onClick?: ((event: MouseEvent) => any) | undefined;
@@ -238,6 +280,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
238
280
  emptyValue: string | number | null;
239
281
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
240
282
  $slots: {
283
+ label?: (props: any) => any;
284
+ } & {
285
+ helpText?: (props: {}) => any;
286
+ } & {
241
287
  left?: (props: {}) => any;
242
288
  } & {
243
289
  prefix?: (props: {}) => any;
@@ -596,6 +642,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
596
642
  ScrollPane: {
597
643
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
598
644
  scrollTo: (x: number, y: number) => void;
645
+ scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
599
646
  update: () => void;
600
647
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
601
648
  disabled: boolean;
@@ -611,6 +658,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
611
658
  Defaults: {};
612
659
  }, Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
613
660
  scrollTo: (x: number, y: number) => void;
661
+ scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
614
662
  update: () => void;
615
663
  }, {}, {}, {}, {
616
664
  disabled: boolean;
@@ -623,6 +671,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
623
671
  __isSuspense?: never;
624
672
  } & import('vue').ComponentOptionsBase<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
625
673
  scrollTo: (x: number, y: number) => void;
674
+ scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
626
675
  update: () => void;
627
676
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
628
677
  disabled: boolean;
@@ -784,11 +784,47 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
784
784
  invert: boolean;
785
785
  pressed: boolean;
786
786
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
787
- DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
788
- "update:modelValue": (v: string | null) => any;
789
- }, string, import('vue').PublicProps, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
787
+ DatePicker: {
788
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
789
+ "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
790
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
791
+ "update:modelValue": (v: string | null) => any;
792
+ }, import('vue').PublicProps, {
793
+ disabled: boolean;
794
+ type: "datetime" | "date" | "month" | "year";
795
+ autoOpen: boolean;
796
+ readonly: boolean;
797
+ modelFormat: string;
798
+ minTime: string;
799
+ maxTime: string;
800
+ clearable: boolean;
801
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
802
+ P: {};
803
+ B: {};
804
+ D: {};
805
+ C: {};
806
+ M: {};
807
+ Defaults: {};
808
+ }, Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
809
+ "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
810
+ }>, {}, {}, {}, {}, {
811
+ disabled: boolean;
812
+ type: "datetime" | "date" | "month" | "year";
813
+ autoOpen: boolean;
814
+ readonly: boolean;
815
+ modelFormat: string;
816
+ minTime: string;
817
+ maxTime: string;
818
+ clearable: boolean;
819
+ }>;
820
+ __isFragment?: never;
821
+ __isTeleport?: never;
822
+ __isSuspense?: never;
823
+ } & import('vue').ComponentOptionsBase<Readonly<import('../DatePicker').DatePickerProps> & Readonly<{
790
824
  "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
791
- }>, {
825
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
826
+ "update:modelValue": (v: string | null) => any;
827
+ }, string, {
792
828
  disabled: boolean;
793
829
  type: "datetime" | "date" | "month" | "year";
794
830
  autoOpen: boolean;
@@ -797,7 +833,13 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
797
833
  minTime: string;
798
834
  maxTime: string;
799
835
  clearable: boolean;
800
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
836
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
837
+ $slots: {
838
+ label?: (props: any) => any;
839
+ } & {
840
+ helpText?: (props: {}) => any;
841
+ };
842
+ });
801
843
  TextField: {
802
844
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../TextField').TextFieldProps> & Readonly<{
803
845
  onClick?: ((event: MouseEvent) => any) | undefined;
@@ -857,6 +899,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
857
899
  emptyValue: string | number | null;
858
900
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
859
901
  $slots: {
902
+ label?: (props: any) => any;
903
+ } & {
904
+ helpText?: (props: {}) => any;
905
+ } & {
860
906
  left?: (props: {}) => any;
861
907
  } & {
862
908
  prefix?: (props: {}) => any;
@@ -1215,6 +1261,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1215
1261
  ScrollPane: {
1216
1262
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
1217
1263
  scrollTo: (x: number, y: number) => void;
1264
+ scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
1218
1265
  update: () => void;
1219
1266
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
1220
1267
  disabled: boolean;
@@ -1230,6 +1277,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1230
1277
  Defaults: {};
1231
1278
  }, Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
1232
1279
  scrollTo: (x: number, y: number) => void;
1280
+ scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
1233
1281
  update: () => void;
1234
1282
  }, {}, {}, {}, {
1235
1283
  disabled: boolean;
@@ -1242,6 +1290,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1242
1290
  __isSuspense?: never;
1243
1291
  } & import('vue').ComponentOptionsBase<Readonly<import('../ScrollPane').ScrollPaneProps> & Readonly<{}>, {
1244
1292
  scrollTo: (x: number, y: number) => void;
1293
+ scrollIntoView: (target: Element | string | null | undefined, options?: import('../ScrollPane').ScrollPaneScrollIntoViewOptions) => void;
1245
1294
  update: () => void;
1246
1295
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
1247
1296
  disabled: boolean;
@@ -1596,6 +1645,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1596
1645
  emptyValue: string | number | null;
1597
1646
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1598
1647
  $slots: {
1648
+ label?: (props: any) => any;
1649
+ } & {
1650
+ helpText?: (props: {}) => any;
1651
+ } & {
1599
1652
  left?: (props: {}) => any;
1600
1653
  } & {
1601
1654
  prefix?: (props: {}) => any;
@@ -1622,12 +1675,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1622
1675
  "after-close": () => any;
1623
1676
  }, import('vue').PublicProps, {
1624
1677
  visible: boolean;
1625
- size: number;
1626
1678
  loading: boolean;
1627
1679
  peek: number;
1628
1680
  edge: import('../Sheet').SheetEdgeType;
1629
- animateInDuration: number;
1630
- animateOutDuration: number;
1631
1681
  minIndex: number;
1632
1682
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1633
1683
  P: {};
@@ -1645,12 +1695,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1645
1695
  "onAfter-close"?: (() => any) | undefined;
1646
1696
  }>, {}, {}, {}, {}, {
1647
1697
  visible: boolean;
1648
- size: number;
1649
1698
  loading: boolean;
1650
1699
  peek: number;
1651
1700
  edge: import('../Sheet').SheetEdgeType;
1652
- animateInDuration: number;
1653
- animateOutDuration: number;
1654
1701
  minIndex: number;
1655
1702
  }>;
1656
1703
  __isFragment?: never;
@@ -1672,12 +1719,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1672
1719
  "after-close": () => any;
1673
1720
  }, string, {
1674
1721
  visible: boolean;
1675
- size: number;
1676
1722
  loading: boolean;
1677
1723
  peek: number;
1678
1724
  edge: import('../Sheet').SheetEdgeType;
1679
- animateInDuration: number;
1680
- animateOutDuration: number;
1681
1725
  minIndex: number;
1682
1726
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1683
1727
  $slots: {
@@ -1686,6 +1730,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1686
1730
  actions?: (props: {}) => any;
1687
1731
  } & {
1688
1732
  default?: (props: {}) => any;
1733
+ } & {
1734
+ footer?: (props: {}) => any;
1689
1735
  };
1690
1736
  });
1691
1737
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1,6 +1,12 @@
1
1
  import { OtpInputProps } from './types';
2
2
  declare function focus(): void;
3
- declare const __VLS_export: import('vue').DefineComponent<OtpInputProps, {
3
+ declare var __VLS_9: any, __VLS_12: {};
4
+ type __VLS_Slots = {} & {
5
+ label?: (props: typeof __VLS_9) => any;
6
+ } & {
7
+ helpText?: (props: typeof __VLS_12) => any;
8
+ };
9
+ declare const __VLS_base: import('vue').DefineComponent<OtpInputProps, {
4
10
  focus: typeof focus;
5
11
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
6
12
  complete: (value: string) => any;
@@ -17,5 +23,11 @@ declare const __VLS_export: import('vue').DefineComponent<OtpInputProps, {
17
23
  modelValue: string | null;
18
24
  separator: string;
19
25
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
27
  declare const _default: typeof __VLS_export;
21
28
  export default _default;
29
+ type __VLS_WithSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
@@ -2,21 +2,21 @@ import { PopoverProps } from './types';
2
2
  declare function show(): void;
3
3
  declare function hide(): void;
4
4
  declare function toggle(): void;
5
- declare var __VLS_19: {
5
+ declare var __VLS_17: {
6
6
  visible: boolean;
7
7
  show: typeof show;
8
8
  hide: typeof hide;
9
9
  toggle: typeof toggle;
10
- }, __VLS_40: {
10
+ }, __VLS_38: {
11
11
  visible: boolean;
12
12
  show: typeof show;
13
13
  hide: typeof hide;
14
14
  toggle: typeof toggle;
15
15
  };
16
16
  type __VLS_Slots = {} & {
17
- trigger?: (props: typeof __VLS_19) => any;
17
+ trigger?: (props: typeof __VLS_17) => any;
18
18
  } & {
19
- default?: (props: typeof __VLS_40) => any;
19
+ default?: (props: typeof __VLS_38) => any;
20
20
  };
21
21
  declare const __VLS_base: import('vue').DefineComponent<PopoverProps, {
22
22
  show: typeof show;
@@ -33,6 +33,7 @@ declare const __VLS_base: import('vue').DefineComponent<PopoverProps, {
33
33
  autoTriggerToggle: boolean;
34
34
  autoHide: boolean;
35
35
  hover: boolean;
36
+ surface: boolean;
36
37
  zIndex: number;
37
38
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
38
39
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -25,6 +25,7 @@ export declare const Popper: {
25
25
  autoTriggerToggle: boolean;
26
26
  autoHide: boolean;
27
27
  hover: boolean;
28
+ surface: boolean;
28
29
  zIndex: number;
29
30
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
30
31
  P: {};
@@ -46,6 +47,7 @@ export declare const Popper: {
46
47
  autoTriggerToggle: boolean;
47
48
  autoHide: boolean;
48
49
  hover: boolean;
50
+ surface: boolean;
49
51
  zIndex: number;
50
52
  }>;
51
53
  __isFragment?: never;
@@ -66,6 +68,7 @@ export declare const Popper: {
66
68
  autoTriggerToggle: boolean;
67
69
  autoHide: boolean;
68
70
  hover: boolean;
71
+ surface: boolean;
69
72
  zIndex: number;
70
73
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
71
74
  $slots: {
@@ -25,5 +25,18 @@ export interface PopoverProps {
25
25
  * cascading sub-menus, so hovering a descendant keeps its ancestors open.
26
26
  */
27
27
  hover?: boolean;
28
+ /**
29
+ * Paints the content: surface colour, border, corner radius and a shadow.
30
+ *
31
+ * Off by default, and deliberately so — a popover hands the content slot
32
+ * straight through, so anything that already dresses itself (an
33
+ * `ActionListMenu`, a date picker, a card) would end up with two borders and
34
+ * two shadows. Turn it on for bring-your-own-content overlays, which would
35
+ * otherwise render transparent over the page.
36
+ *
37
+ * The styles land on the content's own root element and are defined with
38
+ * `:where()`, so any rule of your own still wins.
39
+ */
40
+ surface?: boolean;
28
41
  zIndex?: number;
29
42
  }
@@ -318,6 +318,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
318
318
  emptyValue: string | number | null;
319
319
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
320
320
  $slots: {
321
+ label?: (props: any) => any;
322
+ } & {
323
+ helpText?: (props: {}) => any;
324
+ } & {
321
325
  left?: (props: {}) => any;
322
326
  } & {
323
327
  prefix?: (props: {}) => any;
@@ -1,6 +1,12 @@
1
1
  import { RatingProps } from './types';
2
2
  declare function focus(): void;
3
- declare const __VLS_export: import('vue').DefineComponent<RatingProps, {
3
+ declare var __VLS_9: any, __VLS_12: {};
4
+ type __VLS_Slots = {} & {
5
+ label?: (props: typeof __VLS_9) => any;
6
+ } & {
7
+ helpText?: (props: typeof __VLS_12) => any;
8
+ };
9
+ declare const __VLS_base: import('vue').DefineComponent<RatingProps, {
4
10
  focus: typeof focus;
5
11
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
6
12
  change: (value: number) => any;
@@ -16,5 +22,11 @@ declare const __VLS_export: import('vue').DefineComponent<RatingProps, {
16
22
  fullIcon: string;
17
23
  fullColor: string;
18
24
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
25
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
19
26
  declare const _default: typeof __VLS_export;
20
27
  export default _default;
28
+ type __VLS_WithSlots<T, S> = T & {
29
+ new (): {
30
+ $slots: S;
31
+ };
32
+ };
@@ -1,12 +1,25 @@
1
- import { ScrollPaneProps } from './types';
1
+ import { ScrollPaneProps, ScrollPaneScrollIntoViewOptions } from './types';
2
2
  declare function updateImmediate(): void;
3
3
  declare function scrollTo(x: number, y: number): void;
4
+ /**
5
+ * Scrolls THIS pane so `target` is visible, and touches nothing else.
6
+ *
7
+ * `Element.scrollIntoView` walks every scrollable ancestor, so calling it on
8
+ * an item inside a pane that lives in a dropdown or a sheet is as likely to
9
+ * scroll the page out from under the overlay as it is to move the list. This
10
+ * knows which container it owns, so it scrolls that one.
11
+ *
12
+ * `target` may be an element or a selector resolved within the pane. Anything
13
+ * that is not inside the pane is ignored rather than guessed at.
14
+ */
15
+ declare function scrollIntoView(target: Element | string | null | undefined, options?: ScrollPaneScrollIntoViewOptions): void;
4
16
  declare var __VLS_1: {};
5
17
  type __VLS_Slots = {} & {
6
18
  default?: (props: typeof __VLS_1) => any;
7
19
  };
8
20
  declare const __VLS_base: import('vue').DefineComponent<ScrollPaneProps, {
9
21
  scrollTo: typeof scrollTo;
22
+ scrollIntoView: typeof scrollIntoView;
10
23
  update: typeof updateImmediate;
11
24
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ScrollPaneProps> & Readonly<{}>, {
12
25
  disabled: boolean;
@@ -1,2 +1,2 @@
1
1
  export { default as ScrollPane } from './ScrollPane.vue';
2
- export type { ScrollPaneProps, ScrollPaneDirectionType } from './types';
2
+ export type { ScrollPaneProps, ScrollPaneDirectionType, ScrollPaneAlignType, ScrollPaneScrollIntoViewOptions } from './types';
@@ -1,4 +1,26 @@
1
1
  export type ScrollPaneDirectionType = 'vertical' | 'horizontal' | 'both';
2
+ /** Where in the pane `scrollIntoView` should leave the target. */
3
+ export type ScrollPaneAlignType = 'nearest' | 'start' | 'center' | 'end';
4
+ export interface ScrollPaneScrollIntoViewOptions {
5
+ /**
6
+ * Vertical placement. `"nearest"` (the default) scrolls only as far as it
7
+ * takes to make the target visible, and does nothing at all if it already
8
+ * is — the right behaviour for keyboard navigation through a list.
9
+ */
10
+ block?: ScrollPaneAlignType;
11
+ /**
12
+ * Horizontal placement. Same values as `block`, and ignored unless the
13
+ * pane's `direction` scrolls horizontally.
14
+ */
15
+ inline?: ScrollPaneAlignType;
16
+ /**
17
+ * Breathing room to leave between the target and the edge it is scrolled
18
+ * to, in pixels. Applies to `"nearest"`, `"start"` and `"end"`.
19
+ */
20
+ offset?: number;
21
+ /** Passed straight to `Element.scrollTo`. */
22
+ behavior?: ScrollBehavior;
23
+ }
2
24
  export interface ScrollPaneProps {
3
25
  /**
4
26
  * Which way the content scrolls.
@@ -1,11 +1,15 @@
1
1
  import { SegmentedControlProps, SegmentedOptionType } from './types';
2
- declare var __VLS_8: {
2
+ declare var __VLS_9: any, __VLS_12: {}, __VLS_14: {
3
3
  option: SegmentedOptionType;
4
4
  index: number;
5
5
  selected: boolean;
6
6
  };
7
7
  type __VLS_Slots = {} & {
8
- option?: (props: typeof __VLS_8) => any;
8
+ label?: (props: typeof __VLS_9) => any;
9
+ } & {
10
+ helpText?: (props: typeof __VLS_12) => any;
11
+ } & {
12
+ option?: (props: typeof __VLS_14) => any;
9
13
  };
10
14
  declare const __VLS_base: import('vue').DefineComponent<SegmentedControlProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
11
15
  change: (value: any, option: SegmentedOptionType) => any;