@octans/ui 1.0.0 → 1.2.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 (58) hide show
  1. package/README.md +45 -2
  2. package/dist/components/ActionList/ActionList.vue.d.ts +4 -4
  3. package/dist/components/AppFrame/AppFrame.vue.d.ts +3 -3
  4. package/dist/components/Badge/Badge.vue.d.ts +3 -3
  5. package/dist/components/Banner/Banner.vue.d.ts +18 -0
  6. package/dist/components/Button/Button.vue.d.ts +66 -0
  7. package/dist/components/Calendar/types.d.ts +52 -0
  8. package/dist/components/CalendarHeatmap/CalendarHeatmap.vue.d.ts +1 -1
  9. package/dist/components/Card/CardSection.vue.d.ts +1 -1
  10. package/dist/components/ColorSelector/ColorSelector.vue.d.ts +1 -1
  11. package/dist/components/ColorSelector/types.d.ts +2 -2
  12. package/dist/components/DataTable/BulkActions.vue.d.ts +21 -3
  13. package/dist/components/DatePicker/types.d.ts +33 -0
  14. package/dist/components/FileInput/FileInput.vue.d.ts +104 -0
  15. package/dist/components/FileInput/ItemList.vue.d.ts +6 -0
  16. package/dist/components/FileInput/pageDrop.d.ts +23 -0
  17. package/dist/components/Filters/FilterActions.vue.d.ts +21 -3
  18. package/dist/components/Filters/FilterItem.vue.d.ts +30 -3
  19. package/dist/components/Filters/Filters.vue.d.ts +72 -9
  20. package/dist/components/Formatter/Formatter.vue.d.ts +18 -0
  21. package/dist/components/KeyboardKey/KeyboardKey.vue.d.ts +38 -0
  22. package/dist/components/KeyboardKey/index.d.ts +2 -0
  23. package/dist/components/Labelled/Labelled.vue.d.ts +18 -2
  24. package/dist/components/Modal/ModalSection.vue.d.ts +71 -0
  25. package/dist/components/Modal/index.d.ts +2 -1
  26. package/dist/components/Page/Page.vue.d.ts +34 -4
  27. package/dist/components/{Popper/Popper.vue.d.ts → Popover/Popover.vue.d.ts} +4 -4
  28. package/dist/components/Popover/index.d.ts +90 -0
  29. package/dist/components/{Popper → Popover}/types.d.ts +3 -3
  30. package/dist/components/RangeSlider/RangeSlider.vue.d.ts +27 -0
  31. package/dist/components/Select/Select.vue.d.ts +30 -3
  32. package/dist/components/SkeletonPage/SkeletonPage.vue.d.ts +19 -0
  33. package/dist/components/SkeletonPage/index.d.ts +2 -0
  34. package/dist/components/SkeletonPage/types.d.ts +26 -0
  35. package/dist/components/Tag/Tag.vue.d.ts +3 -3
  36. package/dist/components/TextField/types.d.ts +10 -0
  37. package/dist/components/TimePicker/types.d.ts +10 -0
  38. package/dist/components/ToggleSwitch/ToggleSwitch.vue.d.ts +8 -2
  39. package/dist/components/ToggleSwitch/types.d.ts +29 -0
  40. package/dist/components/Tooltip/Tooltip.vue.d.ts +2 -2
  41. package/dist/components/all.d.ts +3 -1
  42. package/dist/components/types.d.ts +5 -0
  43. package/dist/lib.d.ts +4 -1
  44. package/dist/reset.css +73 -0
  45. package/dist/style.css +1 -1
  46. package/dist/ui.js +4156 -3721
  47. package/dist/ui.umd.js +3 -3
  48. package/dist/utils/color.d.ts +11 -0
  49. package/dist/utils/contrastPairs.d.ts +39 -0
  50. package/dist/utils/createTheme.d.ts +29 -0
  51. package/dist/utils/customTheme.d.ts +1 -1
  52. package/dist/utils/date.d.ts +12 -1
  53. package/dist/utils/format.d.ts +8 -0
  54. package/dist/utils/positionPanel.d.ts +2 -2
  55. package/dist/utils/radix.d.ts +2 -2
  56. package/package.json +5 -2
  57. package/skills/octans-ui/SKILL.md +303 -0
  58. package/dist/components/Popper/index.d.ts +0 -2
@@ -40,6 +40,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
40
40
  type: StringConstructor;
41
41
  default: string;
42
42
  };
43
+ timezone: {
44
+ type: StringConstructor;
45
+ };
43
46
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
44
47
  [key: string]: any;
45
48
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -59,6 +62,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
59
62
  type: StringConstructor;
60
63
  default: string;
61
64
  };
65
+ timezone: {
66
+ type: StringConstructor;
67
+ };
62
68
  }>> & Readonly<{}>, {
63
69
  locale: string;
64
70
  currency: string;
@@ -0,0 +1,23 @@
1
+ /**
2
+ * Whole-page file dropping, for `<FileInput dropOnPage>`.
3
+ *
4
+ * The page is a SINGLE target — there is one window, and a file dropped on it
5
+ * can only go to one place — so this is a claim, not a subscription. The first
6
+ * input to ask gets it; a second is refused and warned about, rather than both
7
+ * quietly receiving the same file or the last one to mount silently winning.
8
+ *
9
+ * The listeners live on `window` and are attached only while someone holds the
10
+ * claim, so a page with no `dropOnPage` input pays nothing.
11
+ */
12
+ export interface PageDropHandlers {
13
+ /** Fires when a file drag enters or leaves the page entirely. */
14
+ onDragChange(dragging: boolean): void;
15
+ onDrop(files: FileList): void;
16
+ }
17
+ /**
18
+ * Claims the page for `token`. Returns `false` — and warns — when another
19
+ * input already holds it, in which case that input keeps the page and this
20
+ * one behaves as though `dropOnPage` were not set.
21
+ */
22
+ export declare function claimPageDrop(token: object, next: PageDropHandlers): boolean;
23
+ export declare function releasePageDrop(token: object): void;
@@ -53,7 +53,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
53
53
  hide: () => any;
54
54
  close: () => any;
55
55
  }, import('vue').PublicProps, {
56
- placement: import('../Popper').PopperPlacementType;
56
+ placement: import('../Popover').PopoverPlacementType;
57
57
  items: import('../ActionList').ActionListItemType[];
58
58
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
59
59
  P: {};
@@ -67,7 +67,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
67
67
  onHide?: (() => any) | undefined;
68
68
  onClose?: (() => any) | undefined;
69
69
  }>, {}, {}, {}, {}, {
70
- placement: import('../Popper').PopperPlacementType;
70
+ placement: import('../Popover').PopoverPlacementType;
71
71
  items: import('../ActionList').ActionListItemType[];
72
72
  }>;
73
73
  __isFragment?: never;
@@ -82,7 +82,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
82
82
  hide: () => any;
83
83
  close: () => any;
84
84
  }, string, {
85
- placement: import('../Popper').PopperPlacementType;
85
+ placement: import('../Popover').PopoverPlacementType;
86
86
  items: import('../ActionList').ActionListItemType[];
87
87
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
88
88
  $slots: {
@@ -142,6 +142,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
142
142
  type: BooleanConstructor;
143
143
  default: boolean;
144
144
  };
145
+ loading: {
146
+ type: BooleanConstructor;
147
+ default: boolean;
148
+ };
149
+ pressed: {
150
+ type: BooleanConstructor;
151
+ default: undefined;
152
+ };
145
153
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
146
154
  [key: string]: any;
147
155
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -197,16 +205,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
197
205
  type: BooleanConstructor;
198
206
  default: boolean;
199
207
  };
208
+ loading: {
209
+ type: BooleanConstructor;
210
+ default: boolean;
211
+ };
212
+ pressed: {
213
+ type: BooleanConstructor;
214
+ default: undefined;
215
+ };
200
216
  }>> & Readonly<{}>, {
201
217
  disabled: boolean;
202
218
  size: string;
203
219
  type: import('../types').ActionTypeType;
204
220
  destructive: boolean;
221
+ loading: boolean;
205
222
  tooltipPosition: import('../types').ActionTooltipPositionType;
206
223
  external: boolean;
207
224
  dropdown: boolean;
208
225
  fullWidth: boolean;
209
226
  invert: boolean;
227
+ pressed: boolean;
210
228
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
211
229
  ButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
212
230
  segmented: {
@@ -81,6 +81,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
81
81
  type: BooleanConstructor;
82
82
  default: boolean;
83
83
  };
84
+ loading: {
85
+ type: BooleanConstructor;
86
+ default: boolean;
87
+ };
88
+ pressed: {
89
+ type: BooleanConstructor;
90
+ default: undefined;
91
+ };
84
92
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
85
93
  [key: string]: any;
86
94
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -136,16 +144,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
136
144
  type: BooleanConstructor;
137
145
  default: boolean;
138
146
  };
147
+ loading: {
148
+ type: BooleanConstructor;
149
+ default: boolean;
150
+ };
151
+ pressed: {
152
+ type: BooleanConstructor;
153
+ default: undefined;
154
+ };
139
155
  }>> & Readonly<{}>, {
140
156
  disabled: boolean;
141
157
  size: string;
142
158
  type: import('../types').ActionTypeType;
143
159
  destructive: boolean;
160
+ loading: boolean;
144
161
  tooltipPosition: import('../types').ActionTooltipPositionType;
145
162
  external: boolean;
146
163
  dropdown: boolean;
147
164
  fullWidth: boolean;
148
165
  invert: boolean;
166
+ pressed: boolean;
149
167
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
150
168
  DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
151
169
  "update:modelValue": (v: string | null) => any;
@@ -246,6 +264,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
246
264
  helpLink: {
247
265
  type: import('vue').PropType<string | false | null>;
248
266
  };
267
+ required: {
268
+ type: BooleanConstructor;
269
+ default: boolean;
270
+ };
249
271
  modelValue: {
250
272
  type: any;
251
273
  };
@@ -416,6 +438,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
416
438
  helpLink: {
417
439
  type: import('vue').PropType<string | false | null>;
418
440
  };
441
+ required: {
442
+ type: BooleanConstructor;
443
+ default: boolean;
444
+ };
419
445
  modelValue: {
420
446
  type: any;
421
447
  };
@@ -505,6 +531,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
505
531
  }>, {
506
532
  disabled: boolean;
507
533
  loading: boolean;
534
+ required: boolean;
508
535
  modelValue: any;
509
536
  placeholder: string;
510
537
  readonly: boolean;
@@ -667,7 +694,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
667
694
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
668
695
  remove: () => any;
669
696
  }, import('vue').PublicProps, {
670
- tooltipPosition: import('../Popper').PopperPlacementType;
697
+ tooltipPosition: import('../Popover').PopoverPlacementType;
671
698
  required: boolean;
672
699
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
673
700
  P: {};
@@ -679,7 +706,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
679
706
  }, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
680
707
  onRemove?: (() => any) | undefined;
681
708
  }>, {}, {}, {}, {}, {
682
- tooltipPosition: import('../Popper').PopperPlacementType;
709
+ tooltipPosition: import('../Popover').PopoverPlacementType;
683
710
  required: boolean;
684
711
  }>;
685
712
  __isFragment?: never;
@@ -690,7 +717,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
690
717
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
691
718
  remove: () => any;
692
719
  }, string, {
693
- tooltipPosition: import('../Popper').PopperPlacementType;
720
+ tooltipPosition: import('../Popover').PopoverPlacementType;
694
721
  required: boolean;
695
722
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
696
723
  $slots: {
@@ -286,6 +286,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
286
286
  type: BooleanConstructor;
287
287
  default: boolean;
288
288
  };
289
+ loading: {
290
+ type: BooleanConstructor;
291
+ default: boolean;
292
+ };
293
+ pressed: {
294
+ type: BooleanConstructor;
295
+ default: undefined;
296
+ };
289
297
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
290
298
  [key: string]: any;
291
299
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -341,16 +349,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
341
349
  type: BooleanConstructor;
342
350
  default: boolean;
343
351
  };
352
+ loading: {
353
+ type: BooleanConstructor;
354
+ default: boolean;
355
+ };
356
+ pressed: {
357
+ type: BooleanConstructor;
358
+ default: undefined;
359
+ };
344
360
  }>> & Readonly<{}>, {
345
361
  disabled: boolean;
346
362
  size: string;
347
363
  type: import('../types').ActionTypeType;
348
364
  destructive: boolean;
365
+ loading: boolean;
349
366
  tooltipPosition: import('../types').ActionTooltipPositionType;
350
367
  external: boolean;
351
368
  dropdown: boolean;
352
369
  fullWidth: boolean;
353
370
  invert: boolean;
371
+ pressed: boolean;
354
372
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
355
373
  FilterActions: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
356
374
  filters: {
@@ -404,7 +422,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
404
422
  hide: () => any;
405
423
  close: () => any;
406
424
  }, import('vue').PublicProps, {
407
- placement: import('../Popper').PopperPlacementType;
425
+ placement: import('../Popover').PopoverPlacementType;
408
426
  items: ActionListItemType[];
409
427
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
410
428
  P: {};
@@ -418,7 +436,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
418
436
  onHide?: (() => any) | undefined;
419
437
  onClose?: (() => any) | undefined;
420
438
  }>, {}, {}, {}, {}, {
421
- placement: import('../Popper').PopperPlacementType;
439
+ placement: import('../Popover').PopoverPlacementType;
422
440
  items: ActionListItemType[];
423
441
  }>;
424
442
  __isFragment?: never;
@@ -433,7 +451,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
433
451
  hide: () => any;
434
452
  close: () => any;
435
453
  }, string, {
436
- placement: import('../Popper').PopperPlacementType;
454
+ placement: import('../Popover').PopoverPlacementType;
437
455
  items: ActionListItemType[];
438
456
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
439
457
  $slots: {
@@ -493,6 +511,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
493
511
  type: BooleanConstructor;
494
512
  default: boolean;
495
513
  };
514
+ loading: {
515
+ type: BooleanConstructor;
516
+ default: boolean;
517
+ };
518
+ pressed: {
519
+ type: BooleanConstructor;
520
+ default: undefined;
521
+ };
496
522
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
497
523
  [key: string]: any;
498
524
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -548,16 +574,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
548
574
  type: BooleanConstructor;
549
575
  default: boolean;
550
576
  };
577
+ loading: {
578
+ type: BooleanConstructor;
579
+ default: boolean;
580
+ };
581
+ pressed: {
582
+ type: BooleanConstructor;
583
+ default: undefined;
584
+ };
551
585
  }>> & Readonly<{}>, {
552
586
  disabled: boolean;
553
587
  size: string;
554
588
  type: import('../types').ActionTypeType;
555
589
  destructive: boolean;
590
+ loading: boolean;
556
591
  tooltipPosition: import('../types').ActionTooltipPositionType;
557
592
  external: boolean;
558
593
  dropdown: boolean;
559
594
  fullWidth: boolean;
560
595
  invert: boolean;
596
+ pressed: boolean;
561
597
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
562
598
  ButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
563
599
  segmented: {
@@ -664,6 +700,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
664
700
  type: BooleanConstructor;
665
701
  default: boolean;
666
702
  };
703
+ loading: {
704
+ type: BooleanConstructor;
705
+ default: boolean;
706
+ };
707
+ pressed: {
708
+ type: BooleanConstructor;
709
+ default: undefined;
710
+ };
667
711
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
668
712
  [key: string]: any;
669
713
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -719,16 +763,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
719
763
  type: BooleanConstructor;
720
764
  default: boolean;
721
765
  };
766
+ loading: {
767
+ type: BooleanConstructor;
768
+ default: boolean;
769
+ };
770
+ pressed: {
771
+ type: BooleanConstructor;
772
+ default: undefined;
773
+ };
722
774
  }>> & Readonly<{}>, {
723
775
  disabled: boolean;
724
776
  size: string;
725
777
  type: import('../types').ActionTypeType;
726
778
  destructive: boolean;
779
+ loading: boolean;
727
780
  tooltipPosition: import('../types').ActionTooltipPositionType;
728
781
  external: boolean;
729
782
  dropdown: boolean;
730
783
  fullWidth: boolean;
731
784
  invert: boolean;
785
+ pressed: boolean;
732
786
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
733
787
  DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
734
788
  "update:modelValue": (v: string | null) => any;
@@ -829,6 +883,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
829
883
  helpLink: {
830
884
  type: PropType<string | false | null>;
831
885
  };
886
+ required: {
887
+ type: BooleanConstructor;
888
+ default: boolean;
889
+ };
832
890
  modelValue: {
833
891
  type: any;
834
892
  };
@@ -999,6 +1057,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
999
1057
  helpLink: {
1000
1058
  type: PropType<string | false | null>;
1001
1059
  };
1060
+ required: {
1061
+ type: BooleanConstructor;
1062
+ default: boolean;
1063
+ };
1002
1064
  modelValue: {
1003
1065
  type: any;
1004
1066
  };
@@ -1088,6 +1150,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1088
1150
  }>, {
1089
1151
  disabled: boolean;
1090
1152
  loading: boolean;
1153
+ required: boolean;
1091
1154
  modelValue: any;
1092
1155
  placeholder: string;
1093
1156
  readonly: boolean;
@@ -1250,7 +1313,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1250
1313
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
1251
1314
  remove: () => any;
1252
1315
  }, import('vue').PublicProps, {
1253
- tooltipPosition: import('../Popper').PopperPlacementType;
1316
+ tooltipPosition: import('../Popover').PopoverPlacementType;
1254
1317
  required: boolean;
1255
1318
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1256
1319
  P: {};
@@ -1262,7 +1325,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1262
1325
  }, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
1263
1326
  onRemove?: (() => any) | undefined;
1264
1327
  }>, {}, {}, {}, {}, {
1265
- tooltipPosition: import('../Popper').PopperPlacementType;
1328
+ tooltipPosition: import('../Popover').PopoverPlacementType;
1266
1329
  required: boolean;
1267
1330
  }>;
1268
1331
  __isFragment?: never;
@@ -1273,7 +1336,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1273
1336
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
1274
1337
  remove: () => any;
1275
1338
  }, string, {
1276
- tooltipPosition: import('../Popper').PopperPlacementType;
1339
+ tooltipPosition: import('../Popover').PopoverPlacementType;
1277
1340
  required: boolean;
1278
1341
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1279
1342
  $slots: {
@@ -1443,7 +1506,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1443
1506
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
1444
1507
  remove: () => any;
1445
1508
  }, import('vue').PublicProps, {
1446
- tooltipPosition: import('../Popper').PopperPlacementType;
1509
+ tooltipPosition: import('../Popover').PopoverPlacementType;
1447
1510
  required: boolean;
1448
1511
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1449
1512
  P: {};
@@ -1455,7 +1518,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1455
1518
  }, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
1456
1519
  onRemove?: (() => any) | undefined;
1457
1520
  }>, {}, {}, {}, {}, {
1458
- tooltipPosition: import('../Popper').PopperPlacementType;
1521
+ tooltipPosition: import('../Popover').PopoverPlacementType;
1459
1522
  required: boolean;
1460
1523
  }>;
1461
1524
  __isFragment?: never;
@@ -1466,7 +1529,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
1466
1529
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
1467
1530
  remove: () => any;
1468
1531
  }, string, {
1469
- tooltipPosition: import('../Popper').PopperPlacementType;
1532
+ tooltipPosition: import('../Popover').PopoverPlacementType;
1470
1533
  required: boolean;
1471
1534
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1472
1535
  $slots: {
@@ -17,6 +17,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
17
17
  type: StringConstructor;
18
18
  default: string;
19
19
  };
20
+ /**
21
+ * IANA time zone to render a date in, e.g. `America/Los_Angeles`.
22
+ *
23
+ * Usually you want `setTimezone` instead — one call at app start and
24
+ * every date in the app follows. This is the per-instance override.
25
+ */
26
+ timezone: {
27
+ type: StringConstructor;
28
+ };
20
29
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
21
30
  [key: string]: any;
22
31
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -36,6 +45,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
36
45
  type: StringConstructor;
37
46
  default: string;
38
47
  };
48
+ /**
49
+ * IANA time zone to render a date in, e.g. `America/Los_Angeles`.
50
+ *
51
+ * Usually you want `setTimezone` instead — one call at app start and
52
+ * every date in the app follows. This is the per-instance override.
53
+ */
54
+ timezone: {
55
+ type: StringConstructor;
56
+ };
39
57
  }>> & Readonly<{}>, {
40
58
  locale: string;
41
59
  currency: string;
@@ -0,0 +1,38 @@
1
+ /**
2
+ * A single key on a keyboard, for documenting a shortcut in running text:
3
+ *
4
+ * ```vue
5
+ * Press <KeyboardKey>⌘</KeyboardKey><KeyboardKey>K</KeyboardKey> to search.
6
+ * ```
7
+ *
8
+ * It renders a real `<kbd>`, which is what says "keyboard input" to anything
9
+ * reading the page rather than looking at it — the styling is the smaller
10
+ * half of the job.
11
+ */
12
+ export interface KeyboardKeyProps {
13
+ /**
14
+ * The key to draw. The default slot works too and wins if both are given.
15
+ */
16
+ label?: string;
17
+ /**
18
+ * A smaller key, for a shortcut sitting inside a menu row or a table cell
19
+ * rather than in prose.
20
+ */
21
+ size?: 'small' | 'medium';
22
+ }
23
+ declare var __VLS_1: {};
24
+ type __VLS_Slots = {} & {
25
+ default?: (props: typeof __VLS_1) => any;
26
+ };
27
+ declare const __VLS_base: import('vue').DefineComponent<KeyboardKeyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KeyboardKeyProps> & Readonly<{}>, {
28
+ size: "small" | "medium";
29
+ label: string;
30
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
31
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
32
+ declare const _default: typeof __VLS_export;
33
+ export default _default;
34
+ type __VLS_WithSlots<T, S> = T & {
35
+ new (): {
36
+ $slots: S;
37
+ };
38
+ };
@@ -0,0 +1,2 @@
1
+ export { default as KeyboardKey } from './KeyboardKey.vue';
2
+ export type { KeyboardKeyProps } from './KeyboardKey.vue';
@@ -46,7 +46,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
46
46
  required: false;
47
47
  };
48
48
  /**
49
- * @deprecated Makes the label title bold.
49
+ * Marks the field as required, drawing an asterisk after the label.
50
+ *
51
+ * This is the VISUAL half only. The control that owns the field is
52
+ * responsible for the other half — `aria-required` on the input itself —
53
+ * which every form component in the library does when it forwards this.
54
+ *
55
+ * It used to bold the entire field instead, which was marked deprecated
56
+ * and did not survive: the bold inherited down into help text and the
57
+ * control, and said nothing about the field being required.
50
58
  */
51
59
  required: {
52
60
  type: BooleanConstructor;
@@ -99,7 +107,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
99
107
  required: false;
100
108
  };
101
109
  /**
102
- * @deprecated Makes the label title bold.
110
+ * Marks the field as required, drawing an asterisk after the label.
111
+ *
112
+ * This is the VISUAL half only. The control that owns the field is
113
+ * responsible for the other half — `aria-required` on the input itself —
114
+ * which every form component in the library does when it forwards this.
115
+ *
116
+ * It used to bold the entire field instead, which was marked deprecated
117
+ * and did not survive: the bold inherited down into help text and the
118
+ * control, and said nothing about the field being required.
103
119
  */
104
120
  required: {
105
121
  type: BooleanConstructor;
@@ -0,0 +1,71 @@
1
+ /**
2
+ * A band of content inside a `Modal`, divided from the next by a rule — the
3
+ * same relationship `CardSection` has with `Card`, and deliberately the same
4
+ * shape, so knowing one is knowing the other.
5
+ *
6
+ * Modal's body is a plain slot, so sections are simply the children you put
7
+ * in it:
8
+ *
9
+ * ```vue
10
+ * <Modal :visible="visible" title="Settings">
11
+ * <ModalSection title="Account">…</ModalSection>
12
+ * <ModalSection title="Notifications">…</ModalSection>
13
+ * </Modal>
14
+ * ```
15
+ *
16
+ * The body's own padding steps aside when sections are present — see
17
+ * `data-modal-section` in Modal.vue — so a sectioned modal is not padded
18
+ * twice.
19
+ */
20
+ declare const _default: typeof __VLS_export;
21
+ export default _default;
22
+ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
23
+ /**
24
+ * The title heading of the section.
25
+ */
26
+ title: {
27
+ type: StringConstructor;
28
+ };
29
+ /**
30
+ * Renders the section with a subtle background colour, for a band that
31
+ * should read as secondary to the ones around it.
32
+ */
33
+ subdued: {
34
+ type: BooleanConstructor;
35
+ };
36
+ /**
37
+ * Sections are padded by default. Turn it off for content that has to run
38
+ * to the section's edges — a table, a full-bleed image.
39
+ */
40
+ padded: {
41
+ type: BooleanConstructor;
42
+ default: boolean;
43
+ };
44
+ }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
45
+ [key: string]: any;
46
+ }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
47
+ /**
48
+ * The title heading of the section.
49
+ */
50
+ title: {
51
+ type: StringConstructor;
52
+ };
53
+ /**
54
+ * Renders the section with a subtle background colour, for a band that
55
+ * should read as secondary to the ones around it.
56
+ */
57
+ subdued: {
58
+ type: BooleanConstructor;
59
+ };
60
+ /**
61
+ * Sections are padded by default. Turn it off for content that has to run
62
+ * to the section's edges — a table, a full-bleed image.
63
+ */
64
+ padded: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
68
+ }>> & Readonly<{}>, {
69
+ subdued: boolean;
70
+ padded: boolean;
71
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1,10 +1,11 @@
1
1
  import { default as Modal } from './Modal.vue';
2
2
  import { default as ModalHost } from './ModalHost.vue';
3
+ import { default as ModalSection } from './ModalSection.vue';
3
4
  import type * as Api from './api/types';
4
5
  export declare const genericModal: <Result = unknown>(opts: Api.GenericModalOptions) => Promise<Result | undefined>;
5
6
  export declare const alertModal: <Result = unknown>(opts: Api.AlertModalOptions) => Promise<Result | undefined>;
6
7
  export declare const confirmModal: <Result = boolean>(opts: Api.ConfirmModalOptions) => Promise<Result | undefined>;
7
8
  export declare const promptModal: <Result = string>(opts: Api.PromptModalOptions) => Promise<Result | undefined>;
8
- export { Modal, ModalHost };
9
+ export { Modal, ModalHost, ModalSection };
9
10
  export type { ModalProps } from './types';
10
11
  export type { ModalOptions, ModalActionType, AlertModalOptions, ConfirmModalOptions, GenericModalOptions, PromptModalOptions } from './api/types';