@lovince/ui-vue 0.1.1 → 0.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 (78) hide show
  1. package/README.md +246 -28
  2. package/dist/components/{combobox.d.ts → choice/combobox.d.ts} +10 -27
  3. package/dist/components/{command.d.ts → choice/command.d.ts} +7 -19
  4. package/dist/components/{emoji-picker.d.ts → choice/emoji-picker.d.ts} +9 -9
  5. package/dist/components/{radio-group.d.ts → choice/radio-group.d.ts} +3 -3
  6. package/dist/components/choice/rating.d.ts +143 -0
  7. package/dist/components/choice/segmented-control.d.ts +26 -0
  8. package/dist/components/{select.d.ts → choice/select.d.ts} +11 -20
  9. package/dist/components/{toggle-group.d.ts → choice/toggle-group.d.ts} +3 -9
  10. package/dist/components/{toggles.d.ts → choice/toggles.d.ts} +4 -4
  11. package/dist/components/{accordion.d.ts → disclosure/accordion.d.ts} +5 -13
  12. package/dist/components/{disclosure.d.ts → disclosure/disclosure.d.ts} +3 -10
  13. package/dist/components/{tabs.d.ts → disclosure/tabs.d.ts} +4 -6
  14. package/dist/components/display/avatar-group.d.ts +61 -0
  15. package/dist/components/{avatar.d.ts → display/avatar.d.ts} +3 -6
  16. package/dist/components/display/feedback.d.ts +623 -0
  17. package/dist/components/display/image.d.ts +95 -0
  18. package/dist/components/display/meter.d.ts +165 -0
  19. package/dist/components/{progress.d.ts → display/progress.d.ts} +2 -6
  20. package/dist/components/display/stat.d.ts +102 -0
  21. package/dist/components/display/table.d.ts +130 -0
  22. package/dist/components/display/timeline.d.ts +181 -0
  23. package/dist/components/forms/color-picker.d.ts +187 -0
  24. package/dist/components/forms/date-picker.d.ts +257 -0
  25. package/dist/components/forms/editable.d.ts +243 -0
  26. package/dist/components/forms/file-upload.d.ts +203 -0
  27. package/dist/components/forms/forms.d.ts +290 -0
  28. package/dist/components/forms/phone-input.d.ts +189 -0
  29. package/dist/components/forms/signature-pad.d.ts +122 -0
  30. package/dist/components/forms/tags-input.d.ts +209 -0
  31. package/dist/components/forms/text-inputs.d.ts +270 -0
  32. package/dist/components/forms/time-field.d.ts +165 -0
  33. package/dist/components/{calendar.d.ts → inputs/calendar.d.ts} +8 -19
  34. package/dist/components/{number-field.d.ts → inputs/number-field.d.ts} +4 -15
  35. package/dist/components/{pin-input.d.ts → inputs/pin-input.d.ts} +2 -12
  36. package/dist/components/{slider.d.ts → inputs/slider.d.ts} +4 -14
  37. package/dist/components/{carousel.d.ts → layout/carousel.d.ts} +50 -20
  38. package/dist/components/layout/marquee.d.ts +104 -0
  39. package/dist/components/layout/primitives.d.ts +242 -0
  40. package/dist/components/layout/scroll-area.d.ts +160 -0
  41. package/dist/components/{sortable.d.ts → layout/sortable.d.ts} +3 -12
  42. package/dist/components/{splitter.d.ts → layout/splitter.d.ts} +3 -11
  43. package/dist/components/{tree.d.ts → layout/tree.d.ts} +3 -9
  44. package/dist/components/layout/virtual-list.d.ts +68 -0
  45. package/dist/components/navigation/breadcrumb.d.ts +114 -0
  46. package/dist/components/navigation/pagination.d.ts +221 -0
  47. package/dist/components/navigation/sidebar.d.ts +258 -0
  48. package/dist/components/{dialog.d.ts → navigation/stepper.d.ts} +142 -114
  49. package/dist/components/navigation/table-of-contents.d.ts +60 -0
  50. package/dist/components/navigation/toolbar.d.ts +179 -0
  51. package/dist/components/{menu.d.ts → overlays/dialog.d.ts} +222 -224
  52. package/dist/components/overlays/menu.d.ts +901 -0
  53. package/dist/components/overlays/menubar.d.ts +106 -0
  54. package/dist/components/{navigation-menu.d.ts → overlays/navigation-menu.d.ts} +6 -19
  55. package/dist/components/{popover.d.ts → overlays/popover.d.ts} +6 -9
  56. package/dist/components/overlays/sheet.d.ts +77 -0
  57. package/dist/components/{toast.d.ts → overlays/toast.d.ts} +6 -14
  58. package/dist/components/{tooltip.d.ts → overlays/tooltip.d.ts} +8 -8
  59. package/dist/components/primitives/button.d.ts +102 -0
  60. package/dist/components/primitives/icon.d.ts +79 -0
  61. package/dist/components/primitives/primitives.d.ts +300 -0
  62. package/dist/composables/data-table.d.ts +0 -2
  63. package/dist/composables/observers.d.ts +0 -9
  64. package/dist/composables/presence.d.ts +0 -5
  65. package/dist/icon.d.ts +2 -0
  66. package/dist/icon.js +76 -0
  67. package/dist/index.d.ts +61 -28
  68. package/dist/index.js +4935 -990
  69. package/dist/shared/dismiss.d.ts +0 -8
  70. package/dist/shared/element.d.ts +0 -2
  71. package/dist/shared/floating-props.d.ts +0 -1
  72. package/dist/shared/list.d.ts +0 -7
  73. package/dist/shared/machine.d.ts +0 -18
  74. package/dist/shared/parts.d.ts +1 -2
  75. package/dist/shared/portal.d.ts +1 -10
  76. package/dist/shared/primitive.d.ts +2 -10
  77. package/dist/shared/roving.d.ts +14 -0
  78. package/package.json +16 -3
@@ -1,12 +1,7 @@
1
1
  import { PropType } from 'vue';
2
2
  import { CalendarMode, CalendarMonth, IsoDate, Weekday } from '@lovince/ui-headless';
3
3
  export type { CalendarMode, CalendarMonth };
4
- /**
5
- * A month grid, or several side by side: one tab stop, arrows by day and week,
6
- * Page Up/Down by month. Values are `YYYY-MM-DD` strings in single mode
7
- * (`v-model`) and range mode (`v-model:start` and `v-model:end`).
8
- */
9
- export declare const CalendarRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ export declare const LvCalendarRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
10
5
  mode: {
11
6
  type: PropType<CalendarMode>;
12
7
  default: string;
@@ -27,7 +22,6 @@ export declare const CalendarRoot: import('vue').DefineComponent<import('vue').E
27
22
  type: StringConstructor;
28
23
  default: undefined;
29
24
  };
30
- /** Any date in the first month shown (`v-model:month`). Defaults to the value's month, or today's. */
31
25
  month: {
32
26
  type: StringConstructor;
33
27
  default: undefined;
@@ -104,7 +98,6 @@ export declare const CalendarRoot: import('vue').DefineComponent<import('vue').E
104
98
  type: StringConstructor;
105
99
  default: undefined;
106
100
  };
107
- /** Any date in the first month shown (`v-model:month`). Defaults to the value's month, or today's. */
108
101
  month: {
109
102
  type: StringConstructor;
110
103
  default: undefined;
@@ -177,8 +170,7 @@ export declare const CalendarRoot: import('vue').DefineComponent<import('vue').E
177
170
  defaultValue: string;
178
171
  isDateDisabled: (date: IsoDate) => boolean;
179
172
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
180
- /** The month's name. Announced politely, so paging reads out where you landed. */
181
- export declare const CalendarHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
173
+ export declare const LvCalendarHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
182
174
  month: {
183
175
  readonly type: StringConstructor;
184
176
  readonly default: undefined;
@@ -211,7 +203,7 @@ export declare const CalendarHeading: import('vue').DefineComponent<import('vue'
211
203
  asChild: boolean;
212
204
  month: string;
213
205
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
214
- export declare const CalendarPrev: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
206
+ export declare const LvCalendarPrev: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
215
207
  label: {
216
208
  type: StringConstructor;
217
209
  default: string;
@@ -244,7 +236,7 @@ export declare const CalendarPrev: import('vue').DefineComponent<import('vue').E
244
236
  asChild: boolean;
245
237
  label: string;
246
238
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
247
- export declare const CalendarNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
239
+ export declare const LvCalendarNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
248
240
  label: {
249
241
  type: StringConstructor;
250
242
  default: string;
@@ -277,7 +269,7 @@ export declare const CalendarNext: import('vue').DefineComponent<import('vue').E
277
269
  asChild: boolean;
278
270
  label: string;
279
271
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
280
- export declare const CalendarGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
272
+ export declare const LvCalendarGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
281
273
  month: {
282
274
  readonly type: StringConstructor;
283
275
  readonly default: undefined;
@@ -310,8 +302,7 @@ export declare const CalendarGrid: import('vue').DefineComponent<import('vue').E
310
302
  asChild: boolean;
311
303
  month: string;
312
304
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
313
- /** The weekday column heading; `abbr` carries the full name for screen readers. */
314
- export declare const CalendarHeadCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
305
+ export declare const LvCalendarHeadCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
315
306
  as: {
316
307
  default: string;
317
308
  type: PropType<string | import('vue').Component>;
@@ -344,7 +335,7 @@ export declare const CalendarHeadCell: import('vue').DefineComponent<import('vue
344
335
  asChild: boolean;
345
336
  label: string;
346
337
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
347
- export declare const CalendarCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
338
+ export declare const LvCalendarCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
348
339
  date: {
349
340
  readonly type: StringConstructor;
350
341
  readonly required: true;
@@ -376,8 +367,7 @@ export declare const CalendarCell: import('vue').DefineComponent<import('vue').E
376
367
  as: string | import('vue').Component;
377
368
  asChild: boolean;
378
369
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
379
- export declare const CalendarDay: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
380
- /** The grid's month, so days of the months either side are marked `data-outside`. */
370
+ export declare const LvCalendarDay: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
381
371
  month: {
382
372
  type: StringConstructor;
383
373
  default: undefined;
@@ -397,7 +387,6 @@ export declare const CalendarDay: import('vue').DefineComponent<import('vue').Ex
397
387
  }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
398
388
  [key: string]: any;
399
389
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
400
- /** The grid's month, so days of the months either side are marked `data-outside`. */
401
390
  month: {
402
391
  type: StringConstructor;
403
392
  default: undefined;
@@ -1,10 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- /**
3
- * A number typed or stepped: the WAI-ARIA spinbutton. Typing is free while the
4
- * field has focus; the value is read, held within min and max and snapped to
5
- * the step when it is committed (blur or Enter).
6
- */
7
- export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
+ export declare const LvNumberFieldRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
8
3
  modelValue: {
9
4
  type: PropType<number | null>;
10
5
  default: undefined;
@@ -29,7 +24,6 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
29
24
  type: StringConstructor;
30
25
  default: undefined;
31
26
  };
32
- /** Intl options for how the number is written: units, percent, fraction digits. */
33
27
  formatOptions: {
34
28
  type: PropType<Intl.NumberFormatOptions>;
35
29
  default: undefined;
@@ -38,12 +32,10 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
38
32
  type: BooleanConstructor;
39
33
  default: boolean;
40
34
  };
41
- /** Reads the value aloud: `(value) => '3 guarantors'`. */
42
35
  getValueLabel: {
43
36
  type: PropType<(value: number) => string>;
44
37
  default: undefined;
45
38
  };
46
- /** Adds a hidden input so the value submits with a native form. */
47
39
  name: {
48
40
  type: StringConstructor;
49
41
  default: undefined;
@@ -85,7 +77,6 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
85
77
  type: StringConstructor;
86
78
  default: undefined;
87
79
  };
88
- /** Intl options for how the number is written: units, percent, fraction digits. */
89
80
  formatOptions: {
90
81
  type: PropType<Intl.NumberFormatOptions>;
91
82
  default: undefined;
@@ -94,12 +85,10 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
94
85
  type: BooleanConstructor;
95
86
  default: boolean;
96
87
  };
97
- /** Reads the value aloud: `(value) => '3 guarantors'`. */
98
88
  getValueLabel: {
99
89
  type: PropType<(value: number) => string>;
100
90
  default: undefined;
101
91
  };
102
- /** Adds a hidden input so the value submits with a native form. */
103
92
  name: {
104
93
  type: StringConstructor;
105
94
  default: undefined;
@@ -128,7 +117,7 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
128
117
  defaultValue: number | null;
129
118
  getValueLabel: (value: number) => string;
130
119
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
131
- export declare const NumberFieldInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
120
+ export declare const LvNumberFieldInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
132
121
  as: {
133
122
  default: string;
134
123
  type: PropType<string | import('vue').Component>;
@@ -152,7 +141,7 @@ export declare const NumberFieldInput: import('vue').DefineComponent<import('vue
152
141
  as: string | import('vue').Component;
153
142
  asChild: boolean;
154
143
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
155
- export declare const NumberFieldIncrement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
144
+ export declare const LvNumberFieldIncrement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
156
145
  readonly as: {
157
146
  readonly default: "button";
158
147
  readonly type: PropType<string | import('vue').Component>;
@@ -176,7 +165,7 @@ export declare const NumberFieldIncrement: import('vue').DefineComponent<import(
176
165
  readonly as: string | import('vue').Component;
177
166
  readonly asChild: boolean;
178
167
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
179
- export declare const NumberFieldDecrement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
168
+ export declare const LvNumberFieldDecrement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
180
169
  readonly as: {
181
170
  readonly default: "button";
182
171
  readonly type: PropType<string | import('vue').Component>;
@@ -1,11 +1,7 @@
1
1
  import { PropType } from 'vue';
2
2
  import { pinCharacters, PinInputType } from '@lovince/ui-headless';
3
3
  export { pinCharacters, type PinInputType };
4
- /**
5
- * One box per character of a short code. The value is a plain string with no
6
- * gaps; paste and SMS autofill spread across boxes.
7
- */
8
- export declare const PinInputRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ export declare const LvPinInputRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
9
5
  modelValue: {
10
6
  type: StringConstructor;
11
7
  default: undefined;
@@ -22,12 +18,10 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
22
18
  type: PropType<PinInputType>;
23
19
  default: string;
24
20
  };
25
- /** Hide the characters, as for a PIN. */
26
21
  mask: {
27
22
  type: BooleanConstructor;
28
23
  default: boolean;
29
24
  };
30
- /** Offer the platform's one-time-code autofill (SMS codes on iOS and Android). */
31
25
  otp: {
32
26
  type: BooleanConstructor;
33
27
  default: boolean;
@@ -44,7 +38,6 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
44
38
  type: StringConstructor;
45
39
  default: string;
46
40
  };
47
- /** Adds a hidden input so the code submits with a native form. */
48
41
  name: {
49
42
  type: StringConstructor;
50
43
  default: undefined;
@@ -79,12 +72,10 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
79
72
  type: PropType<PinInputType>;
80
73
  default: string;
81
74
  };
82
- /** Hide the characters, as for a PIN. */
83
75
  mask: {
84
76
  type: BooleanConstructor;
85
77
  default: boolean;
86
78
  };
87
- /** Offer the platform's one-time-code autofill (SMS codes on iOS and Android). */
88
79
  otp: {
89
80
  type: BooleanConstructor;
90
81
  default: boolean;
@@ -101,7 +92,6 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
101
92
  type: StringConstructor;
102
93
  default: string;
103
94
  };
104
- /** Adds a hidden input so the code submits with a native form. */
105
95
  name: {
106
96
  type: StringConstructor;
107
97
  default: undefined;
@@ -131,7 +121,7 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
131
121
  defaultValue: string;
132
122
  otp: boolean;
133
123
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
134
- export declare const PinInputInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
124
+ export declare const LvPinInputInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
135
125
  as: {
136
126
  default: string;
137
127
  type: PropType<string | import('vue').Component>;
@@ -1,10 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  import { Direction, Orientation } from '@lovince/ui-headless';
3
- /**
4
- * One value or several (a range) along a track. The value is always an array;
5
- * one thumb per entry. Thumbs never cross.
6
- */
7
- export declare const SliderRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
3
+ export declare const LvSliderRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
8
4
  modelValue: {
9
5
  type: PropType<number[]>;
10
6
  default: undefined;
@@ -41,12 +37,10 @@ export declare const SliderRoot: import('vue').DefineComponent<import('vue').Ext
41
37
  type: BooleanConstructor;
42
38
  default: boolean;
43
39
  };
44
- /** Reads a value aloud: `(value) => 'KES 25,000'`. */
45
40
  getValueLabel: {
46
41
  type: PropType<(value: number, index: number) => string>;
47
42
  default: undefined;
48
43
  };
49
- /** Adds hidden inputs so the values submit with a native form. */
50
44
  name: {
51
45
  type: StringConstructor;
52
46
  default: undefined;
@@ -63,7 +57,6 @@ export declare const SliderRoot: import('vue').DefineComponent<import('vue').Ext
63
57
  [key: string]: any;
64
58
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
65
59
  'update:modelValue': (value: number[]) => boolean;
66
- /** The drag or key press that changed it has finished: the moment to save or fetch. */
67
60
  commit: (value: number[]) => boolean;
68
61
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
69
62
  modelValue: {
@@ -102,12 +95,10 @@ export declare const SliderRoot: import('vue').DefineComponent<import('vue').Ext
102
95
  type: BooleanConstructor;
103
96
  default: boolean;
104
97
  };
105
- /** Reads a value aloud: `(value) => 'KES 25,000'`. */
106
98
  getValueLabel: {
107
99
  type: PropType<(value: number, index: number) => string>;
108
100
  default: undefined;
109
101
  };
110
- /** Adds hidden inputs so the values submit with a native form. */
111
102
  name: {
112
103
  type: StringConstructor;
113
104
  default: undefined;
@@ -138,7 +129,7 @@ export declare const SliderRoot: import('vue').DefineComponent<import('vue').Ext
138
129
  defaultValue: number[];
139
130
  getValueLabel: (value: number, index: number) => string;
140
131
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
141
- export declare const SliderTrack: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
132
+ export declare const LvSliderTrack: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
142
133
  readonly as: {
143
134
  readonly type: PropType<string | import('vue').Component>;
144
135
  readonly default: "div";
@@ -162,8 +153,7 @@ export declare const SliderTrack: import('vue').DefineComponent<import('vue').Ex
162
153
  readonly as: string | import('vue').Component;
163
154
  readonly asChild: boolean;
164
155
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
165
- /** The filled part: from the start to the thumb, or between the first and last thumbs. */
166
- export declare const SliderRange: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
156
+ export declare const LvSliderRange: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
167
157
  readonly as: {
168
158
  readonly type: PropType<string | import('vue').Component>;
169
159
  readonly default: "div";
@@ -187,7 +177,7 @@ export declare const SliderRange: import('vue').DefineComponent<import('vue').Ex
187
177
  readonly as: string | import('vue').Component;
188
178
  readonly asChild: boolean;
189
179
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
190
- export declare const SliderThumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
180
+ export declare const LvSliderThumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
191
181
  as: {
192
182
  default: string;
193
183
  type: PropType<string | import('vue').Component>;
@@ -1,26 +1,22 @@
1
1
  import { PropType } from 'vue';
2
- import { Orientation } from '@lovince/ui-headless';
3
- /**
4
- * A row of slides shown one view at a time — the WAI-ARIA carousel. It
5
- * scrolls natively with scroll snapping; the buttons and dots move it for
6
- * everyone else. It never moves on its own.
7
- */
8
- export declare const CarouselRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
9
- /** The first slide in view. */
2
+ import { CarouselMode, Orientation } from '@lovince/ui-headless';
3
+ export declare const LvCarouselRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
10
4
  modelValue: {
11
5
  type: NumberConstructor;
12
6
  default: undefined;
13
7
  };
8
+ mode: {
9
+ type: PropType<CarouselMode>;
10
+ default: string;
11
+ };
14
12
  orientation: {
15
13
  type: PropType<Orientation>;
16
14
  default: string;
17
15
  };
18
- /** Next on the last slide goes back to the first. */
19
16
  loop: {
20
17
  type: BooleanConstructor;
21
18
  default: boolean;
22
19
  };
23
- /** Names the carousel: “Borrower documents”. */
24
20
  label: {
25
21
  type: StringConstructor;
26
22
  default: undefined;
@@ -42,21 +38,22 @@ export declare const CarouselRoot: import('vue').DefineComponent<import('vue').E
42
38
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
43
39
  'update:modelValue': (index: number) => boolean;
44
40
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
45
- /** The first slide in view. */
46
41
  modelValue: {
47
42
  type: NumberConstructor;
48
43
  default: undefined;
49
44
  };
45
+ mode: {
46
+ type: PropType<CarouselMode>;
47
+ default: string;
48
+ };
50
49
  orientation: {
51
50
  type: PropType<Orientation>;
52
51
  default: string;
53
52
  };
54
- /** Next on the last slide goes back to the first. */
55
53
  loop: {
56
54
  type: BooleanConstructor;
57
55
  default: boolean;
58
56
  };
59
- /** Names the carousel: “Borrower documents”. */
60
57
  label: {
61
58
  type: StringConstructor;
62
59
  default: undefined;
@@ -76,6 +73,7 @@ export declare const CarouselRoot: import('vue').DefineComponent<import('vue').E
76
73
  }>> & Readonly<{
77
74
  "onUpdate:modelValue"?: ((index: number) => any) | undefined;
78
75
  }>, {
76
+ mode: CarouselMode;
79
77
  as: string | import('vue').Component;
80
78
  asChild: boolean;
81
79
  label: string;
@@ -84,7 +82,7 @@ export declare const CarouselRoot: import('vue').DefineComponent<import('vue').E
84
82
  modelValue: number;
85
83
  roleDescription: string;
86
84
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
87
- export declare const CarouselViewport: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
85
+ export declare const LvCarouselViewport: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
88
86
  readonly as: {
89
87
  readonly type: PropType<string | import('vue').Component>;
90
88
  readonly default: "div";
@@ -108,7 +106,7 @@ export declare const CarouselViewport: import('vue').DefineComponent<import('vue
108
106
  readonly as: string | import('vue').Component;
109
107
  readonly asChild: boolean;
110
108
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
111
- export declare const CarouselSlide: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
109
+ export declare const LvCarouselSlide: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
112
110
  getLabel: {
113
111
  type: PropType<(position: number, total: number) => string>;
114
112
  default: undefined;
@@ -150,7 +148,7 @@ export declare const CarouselSlide: import('vue').DefineComponent<import('vue').
150
148
  roleDescription: string;
151
149
  getLabel: (position: number, total: number) => string;
152
150
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
153
- export declare const CarouselPrevious: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
151
+ export declare const LvCarouselPrevious: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
154
152
  label: {
155
153
  type: StringConstructor;
156
154
  default: string;
@@ -183,7 +181,7 @@ export declare const CarouselPrevious: import('vue').DefineComponent<import('vue
183
181
  asChild: boolean;
184
182
  label: string;
185
183
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
186
- export declare const CarouselNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
184
+ export declare const LvCarouselNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
187
185
  label: {
188
186
  type: StringConstructor;
189
187
  default: string;
@@ -216,8 +214,7 @@ export declare const CarouselNext: import('vue').DefineComponent<import('vue').E
216
214
  asChild: boolean;
217
215
  label: string;
218
216
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
219
- /** Holds one indicator per position; its slot gets `count` and `current`. */
220
- export declare const CarouselIndicators: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
217
+ export declare const LvCarouselIndicators: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
221
218
  label: {
222
219
  type: StringConstructor;
223
220
  default: string;
@@ -250,7 +247,7 @@ export declare const CarouselIndicators: import('vue').DefineComponent<import('v
250
247
  asChild: boolean;
251
248
  label: string;
252
249
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
253
- export declare const CarouselIndicator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
250
+ export declare const LvCarouselIndicator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
254
251
  index: {
255
252
  type: NumberConstructor;
256
253
  required: true;
@@ -291,3 +288,36 @@ export declare const CarouselIndicator: import('vue').DefineComponent<import('vu
291
288
  asChild: boolean;
292
289
  label: string;
293
290
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
291
+ export declare const LvCarouselStatus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
292
+ getText: {
293
+ type: PropType<(position: number, total: number) => string>;
294
+ default: undefined;
295
+ };
296
+ as: {
297
+ readonly type: PropType<string | import('vue').Component>;
298
+ readonly default: "div";
299
+ };
300
+ asChild: {
301
+ readonly type: BooleanConstructor;
302
+ readonly default: false;
303
+ };
304
+ }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
305
+ [key: string]: any;
306
+ }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
307
+ getText: {
308
+ type: PropType<(position: number, total: number) => string>;
309
+ default: undefined;
310
+ };
311
+ as: {
312
+ readonly type: PropType<string | import('vue').Component>;
313
+ readonly default: "div";
314
+ };
315
+ asChild: {
316
+ readonly type: BooleanConstructor;
317
+ readonly default: false;
318
+ };
319
+ }>> & Readonly<{}>, {
320
+ as: string | import('vue').Component;
321
+ asChild: boolean;
322
+ getText: (position: number, total: number) => string;
323
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -0,0 +1,104 @@
1
+ import { PropType } from 'vue';
2
+ import { MarqueeDirection } from '@lovince/ui-headless';
3
+ export declare const LvMarqueeRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ direction: {
5
+ type: PropType<MarqueeDirection>;
6
+ default: string;
7
+ };
8
+ speed: {
9
+ type: NumberConstructor;
10
+ default: number;
11
+ };
12
+ pauseOnHover: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ label: {
17
+ type: StringConstructor;
18
+ default: undefined;
19
+ };
20
+ as: {
21
+ readonly type: PropType<string | import('vue').Component>;
22
+ readonly default: "div";
23
+ };
24
+ asChild: {
25
+ readonly type: BooleanConstructor;
26
+ readonly default: false;
27
+ };
28
+ }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
29
+ [key: string]: any;
30
+ }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
31
+ direction: {
32
+ type: PropType<MarqueeDirection>;
33
+ default: string;
34
+ };
35
+ speed: {
36
+ type: NumberConstructor;
37
+ default: number;
38
+ };
39
+ pauseOnHover: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ label: {
44
+ type: StringConstructor;
45
+ default: undefined;
46
+ };
47
+ as: {
48
+ readonly type: PropType<string | import('vue').Component>;
49
+ readonly default: "div";
50
+ };
51
+ asChild: {
52
+ readonly type: BooleanConstructor;
53
+ readonly default: false;
54
+ };
55
+ }>> & Readonly<{}>, {
56
+ as: string | import('vue').Component;
57
+ asChild: boolean;
58
+ label: string;
59
+ direction: MarqueeDirection;
60
+ speed: number;
61
+ pauseOnHover: boolean;
62
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
63
+ export declare const LvMarqueePause: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
64
+ pauseLabel: {
65
+ type: StringConstructor;
66
+ default: string;
67
+ };
68
+ playLabel: {
69
+ type: StringConstructor;
70
+ default: string;
71
+ };
72
+ as: {
73
+ readonly default: "button";
74
+ readonly type: PropType<string | import('vue').Component>;
75
+ };
76
+ asChild: {
77
+ readonly type: BooleanConstructor;
78
+ readonly default: false;
79
+ };
80
+ }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
81
+ [key: string]: any;
82
+ }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
83
+ pauseLabel: {
84
+ type: StringConstructor;
85
+ default: string;
86
+ };
87
+ playLabel: {
88
+ type: StringConstructor;
89
+ default: string;
90
+ };
91
+ as: {
92
+ readonly default: "button";
93
+ readonly type: PropType<string | import('vue').Component>;
94
+ };
95
+ asChild: {
96
+ readonly type: BooleanConstructor;
97
+ readonly default: false;
98
+ };
99
+ }>> & Readonly<{}>, {
100
+ as: string | import('vue').Component;
101
+ asChild: boolean;
102
+ pauseLabel: string;
103
+ playLabel: string;
104
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;