@velkymx/vibeui 0.9.0 → 1.1.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 (184) hide show
  1. package/AGENTS.md +44 -0
  2. package/CLAUDE.md +48 -0
  3. package/README.md +222 -197
  4. package/dist/App.vue.d.ts +2 -1
  5. package/dist/components/HelloWorld.vue.d.ts +2 -1
  6. package/dist/components/VibeAccordion.vue.d.ts +39 -40
  7. package/dist/components/VibeAlert.vue.d.ts +21 -37
  8. package/dist/components/VibeAutocomplete.vue.d.ts +59 -31
  9. package/dist/components/VibeBadge.vue.d.ts +10 -18
  10. package/dist/components/VibeBreadcrumb.vue.d.ts +25 -21
  11. package/dist/components/VibeButton.vue.d.ts +13 -17
  12. package/dist/components/VibeButtonGroup.vue.d.ts +11 -19
  13. package/dist/components/VibeCard.vue.d.ts +51 -24
  14. package/dist/components/VibeCarousel.vue.d.ts +27 -49
  15. package/dist/components/VibeChartBar.vue.d.ts +61 -0
  16. package/dist/components/VibeChartLine.vue.d.ts +70 -0
  17. package/dist/components/VibeChartPie.vue.d.ts +34 -0
  18. package/dist/components/VibeCloseButton.vue.d.ts +9 -7
  19. package/dist/components/VibeCol.vue.d.ts +9 -17
  20. package/dist/components/VibeCollapse.vue.d.ts +24 -32
  21. package/dist/components/VibeContainer.vue.d.ts +9 -17
  22. package/dist/components/VibeDataTable.vue.d.ts +122 -63
  23. package/dist/components/VibeDatePicker.vue.d.ts +4 -6
  24. package/dist/components/VibeDraggable.vue.d.ts +9 -13
  25. package/dist/components/VibeDropdown.vue.d.ts +46 -43
  26. package/dist/components/VibeDroppable.vue.d.ts +9 -13
  27. package/dist/components/VibeFileInput.vue.d.ts +14 -20
  28. package/dist/components/VibeFormCheckbox.vue.d.ts +30 -22
  29. package/dist/components/VibeFormDatepicker.vue.d.ts +27 -30
  30. package/dist/components/VibeFormErrorSummary.vue.d.ts +17 -0
  31. package/dist/components/VibeFormGroup.vue.d.ts +10 -13
  32. package/dist/components/VibeFormInput.vue.d.ts +60 -25
  33. package/dist/components/VibeFormRadio.vue.d.ts +23 -24
  34. package/dist/components/VibeFormSelect.vue.d.ts +28 -34
  35. package/dist/components/VibeFormSpinbutton.vue.d.ts +31 -34
  36. package/dist/components/VibeFormSwitch.vue.d.ts +22 -23
  37. package/dist/components/VibeFormTextarea.vue.d.ts +24 -25
  38. package/dist/components/VibeFormWysiwyg.vue.d.ts +23 -22
  39. package/dist/components/VibeHero.vue.d.ts +117 -0
  40. package/dist/components/VibeIcon.vue.d.ts +27 -7
  41. package/dist/components/VibeInputGroup.vue.d.ts +12 -14
  42. package/dist/components/VibeLink.vue.d.ts +14 -18
  43. package/dist/components/VibeListGroup.vue.d.ts +26 -22
  44. package/dist/components/VibeModal.vue.d.ts +47 -45
  45. package/dist/components/VibeNav.vue.d.ts +40 -20
  46. package/dist/components/VibeNavbar.vue.d.ts +12 -19
  47. package/dist/components/VibeNavbarBrand.vue.d.ts +9 -17
  48. package/dist/components/VibeNavbarNav.vue.d.ts +52 -33
  49. package/dist/components/VibeNavbarToggle.vue.d.ts +7 -5
  50. package/dist/components/VibeOffcanvas.vue.d.ts +28 -43
  51. package/dist/components/VibePagination.vue.d.ts +38 -29
  52. package/dist/components/VibePlaceholder.vue.d.ts +9 -17
  53. package/dist/components/VibePopover.vue.d.ts +17 -40
  54. package/dist/components/VibeProgress.vue.d.ts +13 -21
  55. package/dist/components/VibeResizable.vue.d.ts +10 -14
  56. package/dist/components/VibeRow.vue.d.ts +9 -17
  57. package/dist/components/VibeScrollspy.vue.d.ts +37 -25
  58. package/dist/components/VibeSkeleton.vue.d.ts +2 -1
  59. package/dist/components/VibeSlider.vue.d.ts +4 -5
  60. package/dist/components/VibeSortable.vue.d.ts +37 -18
  61. package/dist/components/VibeSpinner.vue.d.ts +4 -7
  62. package/dist/components/VibeStepper.vue.d.ts +32 -31
  63. package/dist/components/VibeTab.vue.d.ts +7 -11
  64. package/dist/components/VibeTabContent.vue.d.ts +13 -31
  65. package/dist/components/VibeTabs.vue.d.ts +9 -13
  66. package/dist/components/VibeToast.vue.d.ts +31 -44
  67. package/dist/components/VibeToastHost.vue.d.ts +2 -1
  68. package/dist/components/VibeTooltip.vue.d.ts +16 -39
  69. package/dist/components/chart/chartColors.d.ts +3 -0
  70. package/dist/components/chart/chartResize.d.ts +2 -0
  71. package/dist/components/chart/chartTooltip.d.ts +2 -0
  72. package/dist/components/chart/chartTypes.d.ts +6 -0
  73. package/dist/components/chart/drawBar.d.ts +5 -0
  74. package/dist/components/chart/drawLine.d.ts +18 -0
  75. package/dist/components/chart/drawPie.d.ts +4 -0
  76. package/dist/components/dndStore.d.ts +1 -0
  77. package/dist/components/index.d.ts +6 -1
  78. package/dist/composables/useBreakpoints.d.ts +1 -0
  79. package/dist/composables/useColorMode.d.ts +1 -1
  80. package/dist/composables/useId.d.ts +1 -4
  81. package/dist/directives/vTooltip.d.ts +2 -3
  82. package/dist/injectionKeys.d.ts +34 -0
  83. package/dist/purify.es-eYghtX9j.mjs +735 -0
  84. package/dist/types.d.ts +23 -2
  85. package/dist/utils/routeKey.d.ts +11 -0
  86. package/dist/utils/safeCss.d.ts +16 -0
  87. package/dist/utils/safeHref.d.ts +7 -0
  88. package/dist/utils/sanitizeHtml.d.ts +13 -0
  89. package/dist/vibeui.css +2 -1
  90. package/dist/vibeui.es.js +8527 -5855
  91. package/dist/vibeui.umd.js +3 -1
  92. package/docs/README.md +225 -0
  93. package/docs/components/advanced/popover.md +125 -0
  94. package/docs/components/advanced/scrollspy.md +106 -0
  95. package/docs/components/advanced/tooltip.md +90 -0
  96. package/docs/components/card/card.md +223 -0
  97. package/docs/components/charts/chart-bar.md +129 -0
  98. package/docs/components/charts/chart-line.md +136 -0
  99. package/docs/components/charts/chart-pie.md +102 -0
  100. package/docs/components/core/alert.md +94 -0
  101. package/docs/components/core/badge.md +75 -0
  102. package/docs/components/core/button-group.md +99 -0
  103. package/docs/components/core/button.md +145 -0
  104. package/docs/components/core/close-button.md +82 -0
  105. package/docs/components/core/link.md +79 -0
  106. package/docs/components/core/placeholder.md +129 -0
  107. package/docs/components/core/skeleton.md +40 -0
  108. package/docs/components/core/spinner.md +103 -0
  109. package/docs/components/data/datatable.md +437 -0
  110. package/docs/components/hero/hero.md +65 -0
  111. package/docs/components/interactive/accordion.md +121 -0
  112. package/docs/components/interactive/carousel.md +112 -0
  113. package/docs/components/interactive/collapse.md +106 -0
  114. package/docs/components/interactive/date-picker.md +78 -0
  115. package/docs/components/interactive/draggable.md +91 -0
  116. package/docs/components/interactive/dropdown.md +129 -0
  117. package/docs/components/interactive/modal.md +151 -0
  118. package/docs/components/interactive/offcanvas.md +92 -0
  119. package/docs/components/interactive/resizable.md +73 -0
  120. package/docs/components/interactive/slider.md +57 -0
  121. package/docs/components/interactive/sortable.md +52 -0
  122. package/docs/components/interactive/stepper.md +83 -0
  123. package/docs/components/interactive/tabs.md +66 -0
  124. package/docs/components/interactive/toast.md +177 -0
  125. package/docs/components/layout/col.md +117 -0
  126. package/docs/components/layout/container.md +53 -0
  127. package/docs/components/layout/row.md +107 -0
  128. package/docs/components/list/list-group.md +225 -0
  129. package/docs/components/navigation/breadcrumb.md +120 -0
  130. package/docs/components/navigation/nav.md +151 -0
  131. package/docs/components/navigation/navbar.md +114 -0
  132. package/docs/components/navigation/pagination.md +163 -0
  133. package/docs/components/progress/progress.md +188 -0
  134. package/docs/composables/back-button.md +28 -0
  135. package/docs/composables/breakpoints.md +54 -0
  136. package/docs/composables/color-mode.md +179 -0
  137. package/docs/composables/use-form.md +78 -0
  138. package/docs/composables/use-position.md +68 -0
  139. package/docs/composables/use-toast.md +91 -0
  140. package/docs/directives/v-tooltip.md +58 -0
  141. package/docs/forms/README.md +87 -0
  142. package/docs/forms/autocomplete.md +96 -0
  143. package/docs/forms/file-input.md +97 -0
  144. package/docs/forms/form-checkbox.md +100 -0
  145. package/docs/forms/form-datepicker.md +80 -0
  146. package/docs/forms/form-error-summary.md +96 -0
  147. package/docs/forms/form-group.md +118 -0
  148. package/docs/forms/form-input.md +140 -0
  149. package/docs/forms/form-radio.md +82 -0
  150. package/docs/forms/form-select.md +98 -0
  151. package/docs/forms/form-spinbutton.md +94 -0
  152. package/docs/forms/form-switch.md +75 -0
  153. package/docs/forms/form-textarea.md +82 -0
  154. package/docs/forms/form-wysiwyg.md +99 -0
  155. package/docs/forms/input-group.md +70 -0
  156. package/docs/forms/validation.md +213 -0
  157. package/docs/getting-started/starter-template.md +136 -0
  158. package/docs/superpowers/plans/2026-05-12-vibe-charts.md +1999 -0
  159. package/docs/superpowers/plans/2026-05-29-e2e-browser-testing.md +615 -0
  160. package/docs/superpowers/specs/2026-05-12-charting-design.md +185 -0
  161. package/docs/superpowers/specs/2026-05-29-e2e-browser-testing-design.md +168 -0
  162. package/docs/utilities/position.md +82 -0
  163. package/docs/versioning.md +57 -0
  164. package/examples/README.md +201 -0
  165. package/examples/album.html +262 -0
  166. package/examples/blog.html +166 -0
  167. package/examples/carousel.html +114 -0
  168. package/examples/checkout.html +275 -0
  169. package/examples/cover.html +89 -0
  170. package/examples/dashboard.html +156 -0
  171. package/examples/index.html +129 -0
  172. package/examples/jumbotron.html +56 -0
  173. package/examples/mobile-dashboard.html +138 -0
  174. package/examples/pricing.html +172 -0
  175. package/examples/product.html +145 -0
  176. package/examples/sidebars.html +166 -0
  177. package/examples/sign-in.html +119 -0
  178. package/examples/starter.html +314 -0
  179. package/examples/sticky-footer-navbar.html +70 -0
  180. package/examples/sticky-footer.html +60 -0
  181. package/examples/test-simple.html +91 -0
  182. package/llms.txt +801 -0
  183. package/package.json +44 -14
  184. package/dist/types/index.d.ts +0 -6
@@ -1,76 +1,135 @@
1
- import { DataTableColumn } from '../types';
2
- declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
- props: __VLS_PrettifyLocal<Pick<Partial<{
4
- variant: string;
5
- small: boolean;
6
- items: T[];
7
- stack: boolean;
8
- hover: boolean;
9
- rowKey: string;
10
- striped: boolean;
11
- bordered: boolean;
12
- borderless: boolean;
13
- responsive: boolean;
14
- searchable: boolean;
15
- sortable: boolean;
16
- paginated: boolean;
17
- searchPlaceholder: string;
18
- searchDebounce: number;
19
- showEmpty: boolean;
20
- emptyText: string;
21
- showPerPage: boolean;
22
- showInfo: boolean;
23
- infoText: string;
24
- filteredInfoText: string;
25
- perPageOptions: number[];
26
- }> & Omit<{
27
- readonly small: boolean;
28
- readonly items: T[];
29
- readonly stack: boolean;
30
- readonly hover: boolean;
31
- readonly columns: DataTableColumn<T>[];
32
- readonly rowKey: string;
33
- readonly striped: boolean;
34
- readonly bordered: boolean;
35
- readonly borderless: boolean;
36
- readonly responsive: boolean;
37
- readonly searchable: boolean;
38
- readonly sortable: boolean;
39
- readonly paginated: boolean;
40
- readonly searchPlaceholder: string;
41
- readonly searchDebounce: number;
42
- readonly showEmpty: boolean;
43
- readonly emptyText: string;
44
- readonly showPerPage: boolean;
45
- readonly showInfo: boolean;
46
- readonly infoText: string;
47
- readonly filteredInfoText: string;
48
- readonly perPageOptions: number[];
49
- readonly variant?: string | undefined;
50
- readonly "onComponent-error"?: ((...args: any[]) => any) | undefined;
51
- readonly "onUpdate:currentPage"?: ((value: number) => any) | undefined;
52
- readonly "onUpdate:perPage"?: ((value: number) => any) | undefined;
53
- readonly "onUpdate:sortBy"?: ((value: string | undefined) => any) | undefined;
54
- readonly "onUpdate:sortDesc"?: ((value: boolean) => any) | undefined;
55
- readonly "onRow-clicked"?: ((...args: any[]) => any) | undefined;
56
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "variant" | "small" | "items" | "stack" | "hover" | "rowKey" | "striped" | "bordered" | "borderless" | "responsive" | "searchable" | "sortable" | "paginated" | "searchPlaceholder" | "searchDebounce" | "showEmpty" | "emptyText" | "showPerPage" | "showInfo" | "infoText" | "filteredInfoText" | "perPageOptions">, "onComponent-error" | "onUpdate:currentPage" | "columns" | "onUpdate:perPage" | "onUpdate:sortBy" | "onUpdate:sortDesc" | "onRow-clicked" | ("variant" | "small" | "items" | "stack" | "hover" | "rowKey" | "striped" | "bordered" | "borderless" | "responsive" | "searchable" | "sortable" | "paginated" | "searchPlaceholder" | "searchDebounce" | "showEmpty" | "emptyText" | "showPerPage" | "showInfo" | "infoText" | "filteredInfoText" | "perPageOptions")> & {
1
+ import { DataTableColumn, ComponentError } from '../types';
2
+ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
+ props: import('vue').PublicProps & __VLS_PrettifyLocal<{
57
4
  currentPage?: number;
58
5
  perPage?: number;
59
6
  sortBy?: string | undefined;
60
7
  sortDesc?: boolean;
61
- } & Partial<{}>> & import('vue').PublicProps;
62
- expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
8
+ } & import('vue').ExtractPublicPropTypes<{
9
+ items: {
10
+ type: () => T[];
11
+ default: () => never[];
12
+ };
13
+ columns: {
14
+ type: () => DataTableColumn<T>[];
15
+ default: () => never[];
16
+ };
17
+ rowKey: {
18
+ type: StringConstructor;
19
+ default: string;
20
+ };
21
+ striped: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ bordered: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ borderless: {
30
+ type: BooleanConstructor;
31
+ default: boolean;
32
+ };
33
+ hover: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ small: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ responsive: {
42
+ type: BooleanConstructor;
43
+ default: boolean;
44
+ };
45
+ stack: {
46
+ type: BooleanConstructor;
47
+ default: boolean;
48
+ };
49
+ variant: {
50
+ type: StringConstructor;
51
+ default: undefined;
52
+ };
53
+ searchable: {
54
+ type: BooleanConstructor;
55
+ default: boolean;
56
+ };
57
+ sortable: {
58
+ type: BooleanConstructor;
59
+ default: boolean;
60
+ };
61
+ paginated: {
62
+ type: BooleanConstructor;
63
+ default: boolean;
64
+ };
65
+ searchPlaceholder: {
66
+ type: StringConstructor;
67
+ default: string;
68
+ };
69
+ searchDebounce: {
70
+ type: NumberConstructor;
71
+ default: number;
72
+ };
73
+ showEmpty: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
77
+ emptyText: {
78
+ type: StringConstructor;
79
+ default: string;
80
+ };
81
+ showPerPage: {
82
+ type: BooleanConstructor;
83
+ default: boolean;
84
+ };
85
+ showInfo: {
86
+ type: BooleanConstructor;
87
+ default: boolean;
88
+ };
89
+ infoText: {
90
+ type: StringConstructor;
91
+ default: string;
92
+ };
93
+ filteredInfoText: {
94
+ type: StringConstructor;
95
+ default: string;
96
+ };
97
+ perPageOptions: {
98
+ type: () => number[];
99
+ default: () => number[];
100
+ };
101
+ clickable: {
102
+ type: BooleanConstructor;
103
+ default: boolean;
104
+ };
105
+ }> & {
106
+ "onComponent-error"?: ((error: ComponentError) => any) | undefined;
107
+ "onUpdate:currentPage"?: ((value: number) => any) | undefined;
108
+ "onUpdate:perPage"?: ((value: number) => any) | undefined;
109
+ "onUpdate:sortBy"?: ((value: string | undefined) => any) | undefined;
110
+ "onUpdate:sortDesc"?: ((value: boolean) => any) | undefined;
111
+ "onRow-clicked"?: ((item: T, globalIndex: number) => any) | undefined;
112
+ }> & (typeof globalThis extends {
113
+ __VLS_PROPS_FALLBACK: infer P;
114
+ } ? P : {});
115
+ expose: (exposed: {}) => void;
63
116
  attrs: any;
64
- slots: Partial<Record<`cell(${keyof T & string})`, (_: {
117
+ slots: { [K in `cell(${keyof T & string})`]?: ((props: {
65
118
  item: T;
66
119
  value: T[keyof T & string];
67
120
  index: number;
68
- }) => any>>;
69
- emit: ((event: "component-error" | "row-clicked", ...args: any[]) => void) & (((evt: "update:currentPage", value: number) => void) & ((evt: "update:perPage", value: number) => void) & ((evt: "update:sortBy", value: string | undefined) => void) & ((evt: "update:sortDesc", value: boolean) => void));
121
+ }) => any) | undefined; };
122
+ emit: {
123
+ (e: "row-clicked", item: T, globalIndex: number): void;
124
+ (e: "component-error", error: ComponentError): void;
125
+ } & (((event: "update:currentPage", value: number) => void) & ((event: "update:perPage", value: number) => void) & ((event: "update:sortBy", value: string | undefined) => void) & ((event: "update:sortDesc", value: boolean) => void));
70
126
  }>) => import('vue').VNode & {
71
127
  __ctx?: Awaited<typeof __VLS_setup>;
72
128
  };
129
+ declare const _default: typeof __VLS_export;
73
130
  export default _default;
74
- type __VLS_PrettifyLocal<T> = {
131
+ type __VLS_PrettifyLocal<T> = (T extends any ? {
75
132
  [K in keyof T]: T[K];
76
- } & {};
133
+ } : {
134
+ [K in keyof T as K]: T[K];
135
+ }) & {};
@@ -2,7 +2,7 @@ import { PropType } from 'vue';
2
2
  type IsoDate = string;
3
3
  type DateValue = IsoDate | null;
4
4
  type RangeValue = [DateValue, DateValue];
5
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
+ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
6
6
  modelValue: {
7
7
  type: PropType<DateValue | RangeValue>;
8
8
  default: null;
@@ -107,16 +107,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
107
107
  modelValue: DateValue | RangeValue;
108
108
  label: string;
109
109
  disabled: boolean;
110
- placeholder: string;
111
110
  id: string;
111
+ placeholder: string;
112
112
  range: boolean;
113
113
  min: string;
114
114
  max: string;
115
115
  disabledDates: string[];
116
116
  format: (iso: IsoDate) => string;
117
117
  weekStart: number;
118
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
119
- rootRef: HTMLDivElement;
120
- popoverRef: HTMLDivElement;
121
- }, HTMLDivElement>;
118
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
119
+ declare const _default: typeof __VLS_export;
122
120
  export default _default;
@@ -1,16 +1,11 @@
1
1
  import { PropType } from 'vue';
2
- declare function __VLS_template(): {
3
- attrs: Partial<{}>;
4
- slots: {
5
- default?(_: {
6
- isDragging: boolean;
7
- }): any;
8
- };
9
- refs: {};
10
- rootEl: any;
2
+ declare var __VLS_11: {
3
+ isDragging: boolean;
4
+ };
5
+ type __VLS_Slots = {} & {
6
+ default?: (props: typeof __VLS_11) => any;
11
7
  };
12
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
8
+ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
14
9
  payload: {
15
10
  type: PropType<unknown>;
16
11
  default: undefined;
@@ -72,9 +67,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
72
67
  group: string;
73
68
  payload: undefined;
74
69
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
75
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
70
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
71
+ declare const _default: typeof __VLS_export;
76
72
  export default _default;
77
- type __VLS_WithTemplateSlots<T, S> = T & {
73
+ type __VLS_WithSlots<T, S> = T & {
78
74
  new (): {
79
75
  $slots: S;
80
76
  };
@@ -1,28 +1,24 @@
1
- import { Variant, Size, Direction, DropdownItem } from '../types';
2
- declare function __VLS_template(): {
3
- attrs: Partial<{}>;
4
- slots: {
5
- button?(_: {}): any;
6
- button?(_: {}): any;
7
- header?(_: {
8
- item: DropdownItem;
9
- index: number;
10
- }): any;
11
- item?(_: {
12
- item: DropdownItem;
13
- index: number;
14
- }): any;
15
- };
16
- refs: {
17
- dropdownRef: HTMLDivElement;
18
- };
19
- rootEl: HTMLDivElement;
1
+ import { Variant, Size, Direction, DropdownItem, ComponentError } from '../types';
2
+ declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {
3
+ item: DropdownItem;
4
+ index: number;
5
+ }, __VLS_15: {
6
+ item: DropdownItem;
7
+ index: number;
20
8
  };
21
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
22
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
9
+ type __VLS_Slots = {} & {
10
+ button?: (props: typeof __VLS_1) => any;
11
+ } & {
12
+ button?: (props: typeof __VLS_3) => any;
13
+ } & {
14
+ header?: (props: typeof __VLS_5) => any;
15
+ } & {
16
+ item?: (props: typeof __VLS_15) => any;
17
+ };
18
+ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
23
19
  id: {
24
20
  type: StringConstructor;
25
- default: () => string;
21
+ default: undefined;
26
22
  };
27
23
  text: {
28
24
  type: StringConstructor;
@@ -60,17 +56,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
60
56
  show: () => void | undefined;
61
57
  hide: () => void | undefined;
62
58
  toggle: () => void | undefined;
63
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
64
- "component-error": (...args: any[]) => void;
65
- show: (...args: any[]) => void;
66
- "item-click": (...args: any[]) => void;
67
- shown: (...args: any[]) => void;
68
- hide: (...args: any[]) => void;
69
- hidden: (...args: any[]) => void;
59
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
60
+ "component-error": (error: ComponentError) => any;
61
+ show: () => any;
62
+ hidden: () => any;
63
+ hide: () => any;
64
+ "item-click": (payload: {
65
+ item: DropdownItem;
66
+ index: number;
67
+ event: Event;
68
+ }) => any;
69
+ shown: () => any;
70
70
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
71
71
  id: {
72
72
  type: StringConstructor;
73
- default: () => string;
73
+ default: undefined;
74
74
  };
75
75
  text: {
76
76
  type: StringConstructor;
@@ -105,27 +105,30 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
105
105
  default: boolean;
106
106
  };
107
107
  }>> & Readonly<{
108
- "onComponent-error"?: ((...args: any[]) => any) | undefined;
109
- onShow?: ((...args: any[]) => any) | undefined;
110
- "onItem-click"?: ((...args: any[]) => any) | undefined;
111
- onShown?: ((...args: any[]) => any) | undefined;
112
- onHide?: ((...args: any[]) => any) | undefined;
113
- onHidden?: ((...args: any[]) => any) | undefined;
108
+ "onComponent-error"?: ((error: ComponentError) => any) | undefined;
109
+ onShow?: (() => any) | undefined;
110
+ onHidden?: (() => any) | undefined;
111
+ onHide?: (() => any) | undefined;
112
+ "onItem-click"?: ((payload: {
113
+ item: DropdownItem;
114
+ index: number;
115
+ event: Event;
116
+ }) => any) | undefined;
117
+ onShown?: (() => any) | undefined;
114
118
  }>, {
115
- variant: Variant;
116
119
  text: string;
120
+ variant: Variant;
117
121
  size: Size;
118
- id: string;
119
122
  split: boolean;
123
+ id: string;
120
124
  direction: Direction;
121
125
  menuEnd: boolean;
122
126
  autoClose: string | boolean;
123
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
124
- dropdownRef: HTMLDivElement;
125
- }, HTMLDivElement>;
126
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
127
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
128
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
129
+ declare const _default: typeof __VLS_export;
127
130
  export default _default;
128
- type __VLS_WithTemplateSlots<T, S> = T & {
131
+ type __VLS_WithSlots<T, S> = T & {
129
132
  new (): {
130
133
  $slots: S;
131
134
  };
@@ -1,15 +1,10 @@
1
- declare function __VLS_template(): {
2
- attrs: Partial<{}>;
3
- slots: {
4
- default?(_: {
5
- isOver: boolean;
6
- }): any;
7
- };
8
- refs: {};
9
- rootEl: any;
1
+ declare var __VLS_13: {
2
+ isOver: boolean;
3
+ };
4
+ type __VLS_Slots = {} & {
5
+ default?: (props: typeof __VLS_13) => any;
10
6
  };
11
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
7
+ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
13
8
  group: {
14
9
  type: StringConstructor;
15
10
  default: string;
@@ -65,9 +60,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
65
60
  group: string;
66
61
  acceptGroups: string[];
67
62
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
68
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
63
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
64
+ declare const _default: typeof __VLS_export;
69
65
  export default _default;
70
- type __VLS_WithTemplateSlots<T, S> = T & {
66
+ type __VLS_WithSlots<T, S> = T & {
71
67
  new (): {
72
68
  $slots: S;
73
69
  };
@@ -1,17 +1,10 @@
1
1
  import { PropType } from 'vue';
2
2
  import { Size } from '../types';
3
- declare function __VLS_template(): {
4
- attrs: Partial<{}>;
5
- slots: {
6
- dropzone?(_: {}): any;
7
- };
8
- refs: {
9
- inputRef: HTMLInputElement;
10
- };
11
- rootEl: HTMLDivElement;
3
+ declare var __VLS_1: {};
4
+ type __VLS_Slots = {} & {
5
+ dropzone?: (props: typeof __VLS_1) => any;
12
6
  };
13
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
7
+ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
15
8
  modelValue: {
16
9
  type: PropType<File[]>;
17
10
  default: () => never[];
@@ -56,10 +49,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
56
49
  type: StringConstructor;
57
50
  default: string;
58
51
  };
59
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
52
+ }>, {
53
+ clearFiles: () => void;
54
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
55
+ invalid: (rejected: File[]) => any;
60
56
  "update:modelValue": (files: File[]) => any;
61
57
  change: (files: File[]) => any;
62
- invalid: (rejected: File[]) => any;
63
58
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
64
59
  modelValue: {
65
60
  type: PropType<File[]>;
@@ -106,27 +101,26 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
106
101
  default: string;
107
102
  };
108
103
  }>> & Readonly<{
104
+ onInvalid?: ((rejected: File[]) => any) | undefined;
109
105
  "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
110
106
  onChange?: ((files: File[]) => any) | undefined;
111
- onInvalid?: ((rejected: File[]) => any) | undefined;
112
107
  }>, {
113
108
  modelValue: File[];
114
109
  label: string;
115
110
  size: Size;
116
111
  disabled: boolean;
117
112
  id: string;
118
- helpText: string;
119
113
  multiple: boolean;
114
+ helpText: string;
120
115
  accept: string;
121
116
  maxSize: number;
122
117
  dragDrop: boolean;
123
118
  dropzoneText: string;
124
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
125
- inputRef: HTMLInputElement;
126
- }, HTMLDivElement>;
127
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
119
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
120
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
121
+ declare const _default: typeof __VLS_export;
128
122
  export default _default;
129
- type __VLS_WithTemplateSlots<T, S> = T & {
123
+ type __VLS_WithSlots<T, S> = T & {
130
124
  new (): {
131
125
  $slots: S;
132
126
  };
@@ -1,11 +1,11 @@
1
1
  import { PropType } from 'vue';
2
2
  import { ValidationState, ValidationRule, ValidatorFunction } from '../types';
3
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
- modelValue: {
5
- type: PropType<any>;
3
+ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ value: {
5
+ type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
6
6
  default: boolean;
7
7
  };
8
- value: {
8
+ uncheckedValue: {
9
9
  type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
10
10
  default: boolean;
11
11
  };
@@ -57,18 +57,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
57
57
  type: BooleanConstructor;
58
58
  default: boolean;
59
59
  };
60
+ modelValue: {
61
+ type: PropType<string | number | boolean | (string | number | boolean)[]>;
62
+ };
60
63
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
61
- "update:modelValue": (...args: any[]) => void;
62
- blur: (...args: any[]) => void;
63
- change: (...args: any[]) => void;
64
- focus: (...args: any[]) => void;
65
- validate: (...args: any[]) => void;
64
+ "update:modelValue": (value: string | number | boolean | (string | number | boolean)[]) => any;
65
+ } & {
66
+ blur: (event: FocusEvent) => any;
67
+ change: (event: Event) => any;
68
+ focus: (event: FocusEvent) => any;
69
+ validate: () => any;
66
70
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
67
- modelValue: {
68
- type: PropType<any>;
71
+ value: {
72
+ type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
69
73
  default: boolean;
70
74
  };
71
- value: {
75
+ uncheckedValue: {
72
76
  type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
73
77
  default: boolean;
74
78
  };
@@ -120,26 +124,30 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
120
124
  type: BooleanConstructor;
121
125
  default: boolean;
122
126
  };
127
+ modelValue: {
128
+ type: PropType<string | number | boolean | (string | number | boolean)[]>;
129
+ };
123
130
  }>> & Readonly<{
124
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
125
- onBlur?: ((...args: any[]) => any) | undefined;
126
- onChange?: ((...args: any[]) => any) | undefined;
127
- onFocus?: ((...args: any[]) => any) | undefined;
128
- onValidate?: ((...args: any[]) => any) | undefined;
131
+ "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number | boolean)[]) => any) | undefined;
132
+ onBlur?: ((event: FocusEvent) => any) | undefined;
133
+ onChange?: ((event: Event) => any) | undefined;
134
+ onFocus?: ((event: FocusEvent) => any) | undefined;
135
+ onValidate?: (() => any) | undefined;
129
136
  }>, {
130
- modelValue: any;
131
- reverse: boolean;
132
137
  label: string;
138
+ reverse: boolean;
133
139
  disabled: boolean;
140
+ id: string;
141
+ inline: boolean;
134
142
  value: string | number | boolean;
135
143
  required: boolean;
136
- id: string;
137
144
  validationState: ValidationState;
138
145
  validationMessage: string;
139
146
  validationRules: ValidatorFunction | ValidationRule[];
140
147
  validateOn: "blur" | "change";
141
148
  helpText: string;
142
- inline: boolean;
149
+ uncheckedValue: string | number | boolean;
143
150
  indeterminate: boolean;
144
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
151
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
152
+ declare const _default: typeof __VLS_export;
145
153
  export default _default;
@@ -1,11 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  import { ValidationState, ValidationRule, ValidatorFunction, Size } from '../types';
3
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
- modelValue: {
5
- type: StringConstructor;
6
- default: string;
7
- validator: (value: any) => boolean;
8
- };
3
+ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
9
4
  id: {
10
5
  type: StringConstructor;
11
6
  default: undefined;
@@ -62,19 +57,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
62
57
  type: () => "date" | "time" | "datetime-local" | "month" | "week";
63
58
  default: string;
64
59
  };
65
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
66
- "update:modelValue": (...args: any[]) => void;
67
- blur: (...args: any[]) => void;
68
- change: (...args: any[]) => void;
69
- focus: (...args: any[]) => void;
70
- input: (...args: any[]) => void;
71
- validate: (...args: any[]) => void;
72
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
73
60
  modelValue: {
74
- type: StringConstructor;
75
- default: string;
76
- validator: (value: any) => boolean;
61
+ type: PropType<string>;
77
62
  };
63
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
64
+ "update:modelValue": (value: string) => any;
65
+ } & {
66
+ input: (event: Event) => any;
67
+ blur: (event: FocusEvent) => any;
68
+ change: (event: Event) => any;
69
+ focus: (event: FocusEvent) => any;
70
+ validate: () => any;
71
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
78
72
  id: {
79
73
  type: StringConstructor;
80
74
  default: undefined;
@@ -131,28 +125,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
131
125
  type: () => "date" | "time" | "datetime-local" | "month" | "week";
132
126
  default: string;
133
127
  };
128
+ modelValue: {
129
+ type: PropType<string>;
130
+ };
134
131
  }>> & Readonly<{
135
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
136
- onBlur?: ((...args: any[]) => any) | undefined;
137
- onChange?: ((...args: any[]) => any) | undefined;
138
- onFocus?: ((...args: any[]) => any) | undefined;
139
- onInput?: ((...args: any[]) => any) | undefined;
140
- onValidate?: ((...args: any[]) => any) | undefined;
132
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
133
+ onInput?: ((event: Event) => any) | undefined;
134
+ onBlur?: ((event: FocusEvent) => any) | undefined;
135
+ onChange?: ((event: Event) => any) | undefined;
136
+ onFocus?: ((event: FocusEvent) => any) | undefined;
137
+ onValidate?: (() => any) | undefined;
141
138
  }>, {
142
- modelValue: string;
143
- type: "time" | "date" | "datetime-local" | "month" | "week";
139
+ type: "date" | "time" | "datetime-local" | "month" | "week";
144
140
  label: string;
145
141
  size: Size;
146
142
  disabled: boolean;
147
- required: boolean;
148
143
  id: string;
144
+ required: boolean;
145
+ min: string;
146
+ max: string;
149
147
  readonly: boolean;
150
148
  validationState: ValidationState;
151
149
  validationMessage: string;
152
150
  validationRules: ValidatorFunction | ValidationRule[];
153
- validateOn: "blur" | "change" | "input";
151
+ validateOn: "input" | "blur" | "change";
154
152
  helpText: string;
155
- min: string;
156
- max: string;
157
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
153
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
154
+ declare const _default: typeof __VLS_export;
158
155
  export default _default;