@velkymx/vibeui 0.8.2 → 1.0.2

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 (200) hide show
  1. package/AGENTS.md +44 -0
  2. package/README.md +245 -58
  3. package/dist/purify.es-1D-VntFD.mjs +679 -0
  4. package/dist/src/App.vue.d.ts +3 -0
  5. package/dist/src/components/HelloWorld.vue.d.ts +6 -0
  6. package/dist/src/components/VibeAccordion.vue.d.ts +89 -0
  7. package/dist/{components → src/components}/VibeAlert.vue.d.ts +24 -30
  8. package/dist/src/components/VibeAutocomplete.vue.d.ts +74 -0
  9. package/dist/{components → src/components}/VibeBadge.vue.d.ts +10 -18
  10. package/dist/src/components/VibeBreadcrumb.vue.d.ts +51 -0
  11. package/dist/{components → src/components}/VibeButton.vue.d.ts +16 -20
  12. package/dist/{components → src/components}/VibeButtonGroup.vue.d.ts +10 -18
  13. package/dist/{components → src/components}/VibeCard.vue.d.ts +51 -24
  14. package/dist/{components → src/components}/VibeCarousel.vue.d.ts +27 -49
  15. package/dist/src/components/VibeChartBar.vue.d.ts +61 -0
  16. package/dist/src/components/VibeChartLine.vue.d.ts +70 -0
  17. package/dist/src/components/VibeChartPie.vue.d.ts +34 -0
  18. package/dist/{components → src/components}/VibeCloseButton.vue.d.ts +9 -7
  19. package/dist/{components → src/components}/VibeCol.vue.d.ts +9 -17
  20. package/dist/src/components/VibeCollapse.vue.d.ts +76 -0
  21. package/dist/src/components/VibeContainer.vue.d.ts +36 -0
  22. package/dist/src/components/VibeDataTable.vue.d.ts +131 -0
  23. package/dist/src/components/VibeDatePicker.vue.d.ts +120 -0
  24. package/dist/src/components/VibeDraggable.vue.d.ts +77 -0
  25. package/dist/{components → src/components}/VibeDropdown.vue.d.ts +46 -43
  26. package/dist/src/components/VibeDroppable.vue.d.ts +70 -0
  27. package/dist/src/components/VibeFileInput.vue.d.ts +127 -0
  28. package/dist/{components → src/components}/VibeFormCheckbox.vue.d.ts +30 -22
  29. package/dist/{components → src/components}/VibeFormDatepicker.vue.d.ts +27 -30
  30. package/dist/{components → src/components}/VibeFormGroup.vue.d.ts +11 -14
  31. package/dist/{components → src/components}/VibeFormInput.vue.d.ts +22 -23
  32. package/dist/{components → src/components}/VibeFormRadio.vue.d.ts +23 -24
  33. package/dist/{components → src/components}/VibeFormSelect.vue.d.ts +28 -34
  34. package/dist/{components → src/components}/VibeFormSpinbutton.vue.d.ts +31 -34
  35. package/dist/{components → src/components}/VibeFormSwitch.vue.d.ts +22 -23
  36. package/dist/{components → src/components}/VibeFormTextarea.vue.d.ts +24 -25
  37. package/dist/{components → src/components}/VibeFormWysiwyg.vue.d.ts +24 -23
  38. package/dist/src/components/VibeHero.vue.d.ts +108 -0
  39. package/dist/{components → src/components}/VibeIcon.vue.d.ts +27 -7
  40. package/dist/{components → src/components}/VibeInputGroup.vue.d.ts +11 -13
  41. package/dist/{components → src/components}/VibeLink.vue.d.ts +14 -18
  42. package/dist/{components → src/components}/VibeListGroup.vue.d.ts +26 -22
  43. package/dist/{components → src/components}/VibeModal.vue.d.ts +29 -45
  44. package/dist/{components → src/components}/VibeNav.vue.d.ts +40 -20
  45. package/dist/{components → src/components}/VibeNavbar.vue.d.ts +12 -19
  46. package/dist/src/components/VibeNavbarBrand.vue.d.ts +34 -0
  47. package/dist/src/components/VibeNavbarNav.vue.d.ts +80 -0
  48. package/dist/{components → src/components}/VibeNavbarToggle.vue.d.ts +7 -5
  49. package/dist/{components → src/components}/VibeOffcanvas.vue.d.ts +28 -43
  50. package/dist/{components → src/components}/VibePagination.vue.d.ts +38 -29
  51. package/dist/{components → src/components}/VibePlaceholder.vue.d.ts +9 -17
  52. package/dist/src/components/VibePopover.vue.d.ts +72 -0
  53. package/dist/src/components/VibeProgress.vue.d.ts +37 -0
  54. package/dist/src/components/VibeResizable.vue.d.ts +140 -0
  55. package/dist/{components → src/components}/VibeRow.vue.d.ts +9 -17
  56. package/dist/src/components/VibeScrollspy.vue.d.ts +89 -0
  57. package/dist/src/components/VibeSkeleton.vue.d.ts +54 -0
  58. package/dist/src/components/VibeSlider.vue.d.ts +77 -0
  59. package/dist/src/components/VibeSortable.vue.d.ts +59 -0
  60. package/dist/{components → src/components}/VibeSpinner.vue.d.ts +4 -7
  61. package/dist/src/components/VibeStepper.vue.d.ts +133 -0
  62. package/dist/src/components/VibeTab.vue.d.ts +41 -0
  63. package/dist/src/components/VibeTabContent.vue.d.ts +56 -0
  64. package/dist/src/components/VibeTabs.vue.d.ts +78 -0
  65. package/dist/{components → src/components}/VibeToast.vue.d.ts +40 -42
  66. package/dist/src/components/VibeToastHost.vue.d.ts +16 -0
  67. package/dist/src/components/VibeTooltip.vue.d.ts +63 -0
  68. package/dist/src/components/chart/chartColors.d.ts +3 -0
  69. package/dist/src/components/chart/chartResize.d.ts +2 -0
  70. package/dist/src/components/chart/chartTooltip.d.ts +2 -0
  71. package/dist/src/components/chart/chartTypes.d.ts +6 -0
  72. package/dist/src/components/chart/drawBar.d.ts +5 -0
  73. package/dist/src/components/chart/drawLine.d.ts +18 -0
  74. package/dist/src/components/chart/drawPie.d.ts +4 -0
  75. package/dist/src/components/dndStore.d.ts +7 -0
  76. package/dist/{components → src/components}/index.d.ts +18 -1
  77. package/dist/{composables → src/composables}/useBreakpoints.d.ts +1 -0
  78. package/dist/{composables → src/composables}/useColorMode.d.ts +1 -1
  79. package/dist/src/composables/useForm.d.ts +22 -0
  80. package/dist/src/composables/useId.d.ts +2 -0
  81. package/dist/src/composables/usePosition.d.ts +20 -0
  82. package/dist/src/composables/useToast.d.ts +52 -0
  83. package/dist/src/directives/vTooltip.d.ts +24 -0
  84. package/dist/{index.d.ts → src/index.d.ts} +6 -0
  85. package/dist/src/injectionKeys.d.ts +28 -0
  86. package/dist/{types.d.ts → src/types.d.ts} +32 -6
  87. package/dist/src/utils/safeCss.d.ts +16 -0
  88. package/dist/src/utils/safeHref.d.ts +7 -0
  89. package/dist/src/utils/sanitizeHtml.d.ts +13 -0
  90. package/dist/vibeui.css +2 -1
  91. package/dist/vibeui.es.js +8351 -3508
  92. package/dist/vibeui.umd.js +3 -1
  93. package/docs/README.md +85 -13
  94. package/docs/components/advanced/popover.md +27 -52
  95. package/docs/components/advanced/scrollspy.md +57 -15
  96. package/docs/components/advanced/tooltip.md +26 -47
  97. package/docs/components/card/card.md +9 -1
  98. package/docs/components/charts/chart-bar.md +129 -0
  99. package/docs/components/charts/chart-line.md +136 -0
  100. package/docs/components/charts/chart-pie.md +102 -0
  101. package/docs/components/core/alert.md +27 -5
  102. package/docs/components/core/badge.md +0 -6
  103. package/docs/components/core/button-group.md +0 -6
  104. package/docs/components/core/button.md +1 -1
  105. package/docs/components/core/close-button.md +5 -5
  106. package/docs/components/core/link.md +60 -17
  107. package/docs/components/core/placeholder.md +0 -6
  108. package/docs/components/core/skeleton.md +40 -0
  109. package/docs/components/core/spinner.md +0 -6
  110. package/docs/components/data/datatable.md +29 -10
  111. package/docs/components/hero/hero.md +64 -0
  112. package/docs/components/interactive/accordion.md +29 -0
  113. package/docs/components/interactive/carousel.md +19 -4
  114. package/docs/components/interactive/collapse.md +3 -2
  115. package/docs/components/interactive/date-picker.md +78 -0
  116. package/docs/components/interactive/draggable.md +91 -0
  117. package/docs/components/interactive/dropdown.md +54 -18
  118. package/docs/components/interactive/modal.md +15 -20
  119. package/docs/components/interactive/offcanvas.md +4 -1
  120. package/docs/components/interactive/resizable.md +73 -0
  121. package/docs/components/interactive/slider.md +57 -0
  122. package/docs/components/interactive/sortable.md +52 -0
  123. package/docs/components/interactive/stepper.md +83 -0
  124. package/docs/components/interactive/tabs.md +66 -0
  125. package/docs/components/interactive/toast.md +93 -30
  126. package/docs/components/layout/col.md +0 -6
  127. package/docs/components/layout/container.md +0 -6
  128. package/docs/components/layout/row.md +0 -6
  129. package/docs/components/list/list-group.md +4 -0
  130. package/docs/components/navigation/breadcrumb.md +4 -0
  131. package/docs/components/navigation/nav.md +64 -1
  132. package/docs/components/navigation/navbar.md +2 -0
  133. package/docs/components/navigation/pagination.md +16 -0
  134. package/docs/components/progress/progress.md +7 -1
  135. package/docs/composables/color-mode.md +44 -6
  136. package/docs/composables/use-form.md +78 -0
  137. package/docs/composables/use-position.md +68 -0
  138. package/docs/composables/use-toast.md +91 -0
  139. package/docs/directives/v-tooltip.md +58 -0
  140. package/docs/forms/README.md +60 -61
  141. package/docs/forms/autocomplete.md +96 -0
  142. package/docs/forms/file-input.md +97 -0
  143. package/docs/forms/form-checkbox.md +75 -25
  144. package/docs/forms/form-datepicker.md +58 -28
  145. package/docs/forms/form-group.md +79 -44
  146. package/docs/forms/form-input.md +88 -31
  147. package/docs/forms/form-radio.md +60 -36
  148. package/docs/forms/form-select.md +75 -31
  149. package/docs/forms/form-spinbutton.md +72 -33
  150. package/docs/forms/form-switch.md +53 -25
  151. package/docs/forms/form-textarea.md +60 -29
  152. package/docs/forms/form-wysiwyg.md +73 -38
  153. package/docs/forms/input-group.md +53 -34
  154. package/docs/forms/validation.md +135 -521
  155. package/docs/getting-started/starter-template.md +136 -0
  156. package/docs/superpowers/plans/2026-05-12-vibe-charts.md +1999 -0
  157. package/docs/superpowers/plans/2026-05-29-e2e-browser-testing.md +615 -0
  158. package/docs/superpowers/specs/2026-05-12-charting-design.md +185 -0
  159. package/docs/superpowers/specs/2026-05-29-e2e-browser-testing-design.md +168 -0
  160. package/docs/utilities/position.md +82 -0
  161. package/docs/versioning.md +57 -0
  162. package/examples/README.md +201 -0
  163. package/examples/album.html +262 -0
  164. package/examples/blog.html +166 -0
  165. package/examples/carousel.html +114 -0
  166. package/examples/checkout.html +275 -0
  167. package/examples/cover.html +89 -0
  168. package/examples/dashboard.html +156 -0
  169. package/examples/index.html +129 -0
  170. package/examples/jumbotron.html +56 -0
  171. package/examples/mobile-dashboard.html +138 -0
  172. package/examples/pricing.html +172 -0
  173. package/examples/product.html +145 -0
  174. package/examples/sidebars.html +166 -0
  175. package/examples/sign-in.html +119 -0
  176. package/examples/starter.html +314 -0
  177. package/examples/sticky-footer-navbar.html +70 -0
  178. package/examples/sticky-footer.html +60 -0
  179. package/examples/test-simple.html +91 -0
  180. package/llms.txt +407 -47
  181. package/package.json +42 -13
  182. package/dist/App.vue.d.ts +0 -2
  183. package/dist/components/HelloWorld.vue.d.ts +0 -5
  184. package/dist/components/VibeAccordion.vue.d.ts +0 -90
  185. package/dist/components/VibeBreadcrumb.vue.d.ts +0 -47
  186. package/dist/components/VibeCollapse.vue.d.ts +0 -84
  187. package/dist/components/VibeContainer.vue.d.ts +0 -44
  188. package/dist/components/VibeDataTable.vue.d.ts +0 -76
  189. package/dist/components/VibeNavbarBrand.vue.d.ts +0 -42
  190. package/dist/components/VibeNavbarNav.vue.d.ts +0 -61
  191. package/dist/components/VibePopover.vue.d.ts +0 -95
  192. package/dist/components/VibeProgress.vue.d.ts +0 -45
  193. package/dist/components/VibeScrollspy.vue.d.ts +0 -77
  194. package/dist/components/VibeTabContent.vue.d.ts +0 -74
  195. package/dist/components/VibeTooltip.vue.d.ts +0 -86
  196. package/dist/composables/useId.d.ts +0 -5
  197. package/dist/types/index.d.ts +0 -6
  198. /package/dist/{composables → src/composables}/useBackButton.d.ts +0 -0
  199. /package/dist/{composables → src/composables}/useFormValidation.d.ts +0 -0
  200. /package/dist/{main.d.ts → src/main.d.ts} +0 -0
@@ -1,45 +0,0 @@
1
- import { ProgressBar } from '../types';
2
- declare function __VLS_template(): {
3
- attrs: Partial<{}>;
4
- slots: {
5
- label?(_: {
6
- bar: ProgressBar;
7
- index: number;
8
- }): any;
9
- };
10
- refs: {};
11
- rootEl: HTMLDivElement;
12
- };
13
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
15
- height: {
16
- type: StringConstructor;
17
- default: undefined;
18
- };
19
- bars: {
20
- type: () => ProgressBar[];
21
- required: true;
22
- };
23
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
24
- "component-error": (...args: any[]) => void;
25
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
26
- height: {
27
- type: StringConstructor;
28
- default: undefined;
29
- };
30
- bars: {
31
- type: () => ProgressBar[];
32
- required: true;
33
- };
34
- }>> & Readonly<{
35
- "onComponent-error"?: ((...args: any[]) => any) | undefined;
36
- }>, {
37
- height: string;
38
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
39
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
40
- export default _default;
41
- type __VLS_WithTemplateSlots<T, S> = T & {
42
- new (): {
43
- $slots: S;
44
- };
45
- };
@@ -1,77 +0,0 @@
1
- import { Tag } from '../types';
2
- declare function __VLS_template(): {
3
- attrs: Partial<{}>;
4
- slots: {
5
- default?(_: {}): any;
6
- };
7
- refs: {
8
- scrollspyRef: unknown;
9
- };
10
- rootEl: any;
11
- };
12
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
14
- target: {
15
- type: StringConstructor;
16
- required: true;
17
- };
18
- offset: {
19
- type: NumberConstructor;
20
- default: number;
21
- };
22
- method: {
23
- type: StringConstructor;
24
- default: string;
25
- };
26
- smoothScroll: {
27
- type: BooleanConstructor;
28
- default: boolean;
29
- };
30
- tag: {
31
- type: () => Tag;
32
- default: string;
33
- };
34
- }>, {
35
- refresh: () => void;
36
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
37
- "component-error": (...args: any[]) => void;
38
- activate: (...args: any[]) => void;
39
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
40
- target: {
41
- type: StringConstructor;
42
- required: true;
43
- };
44
- offset: {
45
- type: NumberConstructor;
46
- default: number;
47
- };
48
- method: {
49
- type: StringConstructor;
50
- default: string;
51
- };
52
- smoothScroll: {
53
- type: BooleanConstructor;
54
- default: boolean;
55
- };
56
- tag: {
57
- type: () => Tag;
58
- default: string;
59
- };
60
- }>> & Readonly<{
61
- "onComponent-error"?: ((...args: any[]) => any) | undefined;
62
- onActivate?: ((...args: any[]) => any) | undefined;
63
- }>, {
64
- tag: Tag;
65
- offset: number;
66
- method: string;
67
- smoothScroll: boolean;
68
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
69
- scrollspyRef: unknown;
70
- }, any>;
71
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
72
- export default _default;
73
- type __VLS_WithTemplateSlots<T, S> = T & {
74
- new (): {
75
- $slots: S;
76
- };
77
- };
@@ -1,74 +0,0 @@
1
- import { PropType } from 'vue';
2
- import { Tag, TabPane } from '../types';
3
- declare function __VLS_template(): {
4
- attrs: Partial<{}>;
5
- slots: {
6
- pane?(_: {
7
- pane: TabPane;
8
- index: number;
9
- }): any;
10
- };
11
- refs: {
12
- tabContentRef: unknown;
13
- };
14
- rootEl: any;
15
- };
16
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
18
- id: {
19
- type: StringConstructor;
20
- default: undefined;
21
- };
22
- tag: {
23
- type: PropType<Tag>;
24
- default: string;
25
- };
26
- panes: {
27
- type: () => TabPane[];
28
- required: true;
29
- };
30
- fade: {
31
- type: BooleanConstructor;
32
- default: boolean;
33
- };
34
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
35
- "component-error": (...args: any[]) => void;
36
- shown: (...args: any[]) => void;
37
- hide: (...args: any[]) => void;
38
- hidden: (...args: any[]) => void;
39
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
40
- id: {
41
- type: StringConstructor;
42
- default: undefined;
43
- };
44
- tag: {
45
- type: PropType<Tag>;
46
- default: string;
47
- };
48
- panes: {
49
- type: () => TabPane[];
50
- required: true;
51
- };
52
- fade: {
53
- type: BooleanConstructor;
54
- default: boolean;
55
- };
56
- }>> & Readonly<{
57
- "onComponent-error"?: ((...args: any[]) => any) | undefined;
58
- onShown?: ((...args: any[]) => any) | undefined;
59
- onHide?: ((...args: any[]) => any) | undefined;
60
- onHidden?: ((...args: any[]) => any) | undefined;
61
- }>, {
62
- fade: boolean;
63
- tag: Tag;
64
- id: string;
65
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
66
- tabContentRef: unknown;
67
- }, any>;
68
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
69
- export default _default;
70
- type __VLS_WithTemplateSlots<T, S> = T & {
71
- new (): {
72
- $slots: S;
73
- };
74
- };
@@ -1,86 +0,0 @@
1
- import { Placement } from '../types';
2
- interface BootstrapTooltip {
3
- dispose: () => void;
4
- setContent: (content: object) => void;
5
- }
6
- declare function __VLS_template(): {
7
- attrs: Partial<{}>;
8
- slots: {
9
- default?(_: {}): any;
10
- };
11
- refs: {
12
- tooltipRef: HTMLSpanElement;
13
- };
14
- rootEl: HTMLSpanElement;
15
- };
16
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
18
- content: {
19
- type: StringConstructor;
20
- default: undefined;
21
- };
22
- text: {
23
- type: StringConstructor;
24
- default: undefined;
25
- };
26
- placement: {
27
- type: () => Placement;
28
- default: string;
29
- };
30
- trigger: {
31
- type: StringConstructor;
32
- default: string;
33
- };
34
- html: {
35
- type: BooleanConstructor;
36
- default: boolean;
37
- };
38
- }>, {
39
- bsInstance: import('vue').Ref<{
40
- dispose: () => void;
41
- setContent: (content: object) => void;
42
- } | null, BootstrapTooltip | {
43
- dispose: () => void;
44
- setContent: (content: object) => void;
45
- } | null>;
46
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
47
- "component-error": (...args: any[]) => void;
48
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
49
- content: {
50
- type: StringConstructor;
51
- default: undefined;
52
- };
53
- text: {
54
- type: StringConstructor;
55
- default: undefined;
56
- };
57
- placement: {
58
- type: () => Placement;
59
- default: string;
60
- };
61
- trigger: {
62
- type: StringConstructor;
63
- default: string;
64
- };
65
- html: {
66
- type: BooleanConstructor;
67
- default: boolean;
68
- };
69
- }>> & Readonly<{
70
- "onComponent-error"?: ((...args: any[]) => any) | undefined;
71
- }>, {
72
- html: boolean;
73
- text: string;
74
- placement: Placement;
75
- content: string;
76
- trigger: string;
77
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
78
- tooltipRef: HTMLSpanElement;
79
- }, HTMLSpanElement>;
80
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
81
- export default _default;
82
- type __VLS_WithTemplateSlots<T, S> = T & {
83
- new (): {
84
- $slots: S;
85
- };
86
- };
@@ -1,5 +0,0 @@
1
- /**
2
- * Composable to generate a unique ID for a component instance.
3
- * SSR-friendly by incorporating instance UID if available.
4
- */
5
- export declare function useId(prefix?: string): string;
@@ -1,6 +0,0 @@
1
- export * from '../index'
2
- export {}
3
- import VibeUI from '../index'
4
- export default VibeUI
5
- export * from '../index'
6
- export {}
File without changes