@velkymx/vibeui 0.8.1 → 0.9.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 (40) hide show
  1. package/README.md +171 -9
  2. package/dist/components/VibeAlert.vue.d.ts +12 -2
  3. package/dist/components/VibeAutocomplete.vue.d.ts +46 -0
  4. package/dist/components/VibeButton.vue.d.ts +4 -4
  5. package/dist/components/VibeDataTable.vue.d.ts +6 -6
  6. package/dist/components/VibeDatePicker.vue.d.ts +122 -0
  7. package/dist/components/VibeDraggable.vue.d.ts +81 -0
  8. package/dist/components/VibeDroppable.vue.d.ts +74 -0
  9. package/dist/components/VibeFileInput.vue.d.ts +133 -0
  10. package/dist/components/VibeFormCheckbox.vue.d.ts +1 -1
  11. package/dist/components/VibeFormDatepicker.vue.d.ts +1 -1
  12. package/dist/components/VibeFormGroup.vue.d.ts +1 -1
  13. package/dist/components/VibeFormInput.vue.d.ts +1 -1
  14. package/dist/components/VibeFormRadio.vue.d.ts +1 -1
  15. package/dist/components/VibeFormSelect.vue.d.ts +1 -1
  16. package/dist/components/VibeFormSpinbutton.vue.d.ts +1 -1
  17. package/dist/components/VibeFormSwitch.vue.d.ts +1 -1
  18. package/dist/components/VibeFormTextarea.vue.d.ts +1 -1
  19. package/dist/components/VibeFormWysiwyg.vue.d.ts +2 -2
  20. package/dist/components/VibeResizable.vue.d.ts +144 -0
  21. package/dist/components/VibeSkeleton.vue.d.ts +53 -0
  22. package/dist/components/VibeSlider.vue.d.ts +78 -0
  23. package/dist/components/VibeSortable.vue.d.ts +40 -0
  24. package/dist/components/VibeStepper.vue.d.ts +132 -0
  25. package/dist/components/VibeTab.vue.d.ts +45 -0
  26. package/dist/components/VibeTabs.vue.d.ts +82 -0
  27. package/dist/components/VibeToast.vue.d.ts +11 -0
  28. package/dist/components/VibeToastHost.vue.d.ts +15 -0
  29. package/dist/components/dndStore.d.ts +6 -0
  30. package/dist/components/index.d.ts +14 -1
  31. package/dist/composables/useForm.d.ts +22 -0
  32. package/dist/composables/usePosition.d.ts +20 -0
  33. package/dist/composables/useToast.d.ts +52 -0
  34. package/dist/directives/vTooltip.d.ts +25 -0
  35. package/dist/index.d.ts +6 -0
  36. package/dist/types.d.ts +11 -4
  37. package/dist/vibeui.css +1 -1
  38. package/dist/vibeui.es.js +4257 -1827
  39. package/dist/vibeui.umd.js +1 -1
  40. package/package.json +3 -1
@@ -0,0 +1,133 @@
1
+ import { PropType } from 'vue';
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;
12
+ };
13
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
+ declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
15
+ modelValue: {
16
+ type: PropType<File[]>;
17
+ default: () => never[];
18
+ };
19
+ id: {
20
+ type: StringConstructor;
21
+ default: undefined;
22
+ };
23
+ label: {
24
+ type: StringConstructor;
25
+ default: undefined;
26
+ };
27
+ multiple: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
31
+ accept: {
32
+ type: StringConstructor;
33
+ default: undefined;
34
+ };
35
+ maxSize: {
36
+ type: NumberConstructor;
37
+ default: undefined;
38
+ };
39
+ dragDrop: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ disabled: {
44
+ type: BooleanConstructor;
45
+ default: boolean;
46
+ };
47
+ size: {
48
+ type: PropType<Size>;
49
+ default: undefined;
50
+ };
51
+ helpText: {
52
+ type: StringConstructor;
53
+ default: undefined;
54
+ };
55
+ dropzoneText: {
56
+ type: StringConstructor;
57
+ default: string;
58
+ };
59
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
60
+ "update:modelValue": (files: File[]) => any;
61
+ change: (files: File[]) => any;
62
+ invalid: (rejected: File[]) => any;
63
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
64
+ modelValue: {
65
+ type: PropType<File[]>;
66
+ default: () => never[];
67
+ };
68
+ id: {
69
+ type: StringConstructor;
70
+ default: undefined;
71
+ };
72
+ label: {
73
+ type: StringConstructor;
74
+ default: undefined;
75
+ };
76
+ multiple: {
77
+ type: BooleanConstructor;
78
+ default: boolean;
79
+ };
80
+ accept: {
81
+ type: StringConstructor;
82
+ default: undefined;
83
+ };
84
+ maxSize: {
85
+ type: NumberConstructor;
86
+ default: undefined;
87
+ };
88
+ dragDrop: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
92
+ disabled: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
96
+ size: {
97
+ type: PropType<Size>;
98
+ default: undefined;
99
+ };
100
+ helpText: {
101
+ type: StringConstructor;
102
+ default: undefined;
103
+ };
104
+ dropzoneText: {
105
+ type: StringConstructor;
106
+ default: string;
107
+ };
108
+ }>> & Readonly<{
109
+ "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
110
+ onChange?: ((files: File[]) => any) | undefined;
111
+ onInvalid?: ((rejected: File[]) => any) | undefined;
112
+ }>, {
113
+ modelValue: File[];
114
+ label: string;
115
+ size: Size;
116
+ disabled: boolean;
117
+ id: string;
118
+ helpText: string;
119
+ multiple: boolean;
120
+ accept: string;
121
+ maxSize: number;
122
+ dragDrop: boolean;
123
+ 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"]>;
128
+ export default _default;
129
+ type __VLS_WithTemplateSlots<T, S> = T & {
130
+ new (): {
131
+ $slots: S;
132
+ };
133
+ };
@@ -128,11 +128,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
128
128
  onValidate?: ((...args: any[]) => any) | undefined;
129
129
  }>, {
130
130
  modelValue: any;
131
- required: boolean;
132
131
  reverse: boolean;
133
132
  label: string;
134
133
  disabled: boolean;
135
134
  value: string | number | boolean;
135
+ required: boolean;
136
136
  id: string;
137
137
  validationState: ValidationState;
138
138
  validationMessage: string;
@@ -141,10 +141,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
141
141
  }>, {
142
142
  modelValue: string;
143
143
  type: "time" | "date" | "datetime-local" | "month" | "week";
144
- required: boolean;
145
144
  label: string;
146
145
  size: Size;
147
146
  disabled: boolean;
147
+ required: boolean;
148
148
  id: string;
149
149
  readonly: boolean;
150
150
  validationState: ValidationState;
@@ -92,9 +92,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
92
92
  default: undefined;
93
93
  };
94
94
  }>> & Readonly<{}>, {
95
- required: boolean;
96
95
  label: string;
97
96
  row: boolean;
97
+ required: boolean;
98
98
  validationState: ValidationState;
99
99
  validationMessage: string;
100
100
  helpText: string;
@@ -155,12 +155,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
155
155
  }>, {
156
156
  modelValue: string | number;
157
157
  type: InputType;
158
- required: boolean;
159
158
  label: string;
160
159
  size: Size;
161
160
  disabled: boolean;
162
161
  focusRing: boolean;
163
162
  placeholder: string;
163
+ required: boolean;
164
164
  plaintext: boolean;
165
165
  id: string;
166
166
  readonly: boolean;
@@ -128,10 +128,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
128
128
  onValidate?: ((...args: any[]) => any) | undefined;
129
129
  }>, {
130
130
  modelValue: string | number | boolean;
131
- required: boolean;
132
131
  reverse: boolean;
133
132
  label: string;
134
133
  disabled: boolean;
134
+ required: boolean;
135
135
  id: string;
136
136
  validationState: ValidationState;
137
137
  validationMessage: string;
@@ -153,11 +153,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
153
153
  onValidate?: ((...args: any[]) => any) | undefined;
154
154
  }>, {
155
155
  modelValue: any;
156
- required: boolean;
157
156
  label: string;
158
157
  size: Size;
159
158
  disabled: boolean;
160
159
  placeholder: string;
160
+ required: boolean;
161
161
  id: string;
162
162
  validationState: ValidationState;
163
163
  validationMessage: string;
@@ -160,11 +160,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
160
160
  onDecrement?: ((...args: any[]) => any) | undefined;
161
161
  }>, {
162
162
  modelValue: number;
163
- required: boolean;
164
163
  label: string;
165
164
  size: Size;
166
165
  disabled: boolean;
167
166
  vertical: boolean;
167
+ required: boolean;
168
168
  step: number;
169
169
  id: string;
170
170
  wrap: boolean;
@@ -104,9 +104,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
104
104
  onValidate?: ((...args: any[]) => any) | undefined;
105
105
  }>, {
106
106
  modelValue: boolean;
107
- required: boolean;
108
107
  label: string;
109
108
  disabled: boolean;
109
+ required: boolean;
110
110
  id: string;
111
111
  validationState: ValidationState;
112
112
  validationMessage: string;
@@ -154,11 +154,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
154
154
  onValidate?: ((...args: any[]) => any) | undefined;
155
155
  }>, {
156
156
  modelValue: string;
157
- required: boolean;
158
157
  label: string;
159
158
  size: Size;
160
159
  disabled: boolean;
161
160
  placeholder: string;
161
+ required: boolean;
162
162
  id: string;
163
163
  readonly: boolean;
164
164
  validationState: ValidationState;
@@ -146,13 +146,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
146
146
  onReady?: ((...args: any[]) => any) | undefined;
147
147
  }>, {
148
148
  modelValue: string;
149
- required: boolean;
150
149
  label: string;
151
150
  disabled: boolean;
152
151
  placeholder: string;
152
+ height: string;
153
+ required: boolean;
153
154
  theme: "snow" | "bubble";
154
155
  id: string;
155
- height: string;
156
156
  readonly: boolean;
157
157
  validationState: ValidationState;
158
158
  validationMessage: string;
@@ -0,0 +1,144 @@
1
+ import { PropType } from 'vue';
2
+ type Handle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
3
+ declare function __VLS_template(): {
4
+ attrs: Partial<{}>;
5
+ slots: {
6
+ default?(_: {}): any;
7
+ };
8
+ refs: {};
9
+ rootEl: HTMLDivElement;
10
+ };
11
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
+ declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
13
+ handles: {
14
+ type: PropType<Handle[]>;
15
+ default: () => Handle[];
16
+ };
17
+ width: {
18
+ type: NumberConstructor;
19
+ default: number;
20
+ };
21
+ height: {
22
+ type: NumberConstructor;
23
+ default: number;
24
+ };
25
+ minWidth: {
26
+ type: NumberConstructor;
27
+ default: number;
28
+ };
29
+ maxWidth: {
30
+ type: NumberConstructor;
31
+ default: number;
32
+ };
33
+ minHeight: {
34
+ type: NumberConstructor;
35
+ default: number;
36
+ };
37
+ maxHeight: {
38
+ type: NumberConstructor;
39
+ default: number;
40
+ };
41
+ aspectRatio: {
42
+ type: NumberConstructor;
43
+ default: undefined;
44
+ };
45
+ grid: {
46
+ type: NumberConstructor;
47
+ default: number;
48
+ };
49
+ disabled: {
50
+ type: BooleanConstructor;
51
+ default: boolean;
52
+ };
53
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
54
+ resize: (payload: {
55
+ width: number;
56
+ height: number;
57
+ handle: Handle;
58
+ }) => any;
59
+ "update:width": (width: number) => any;
60
+ "update:height": (height: number) => any;
61
+ resizestart: (payload: {
62
+ width: number;
63
+ height: number;
64
+ }) => any;
65
+ resizeend: (payload: {
66
+ width: number;
67
+ height: number;
68
+ }) => any;
69
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
70
+ handles: {
71
+ type: PropType<Handle[]>;
72
+ default: () => Handle[];
73
+ };
74
+ width: {
75
+ type: NumberConstructor;
76
+ default: number;
77
+ };
78
+ height: {
79
+ type: NumberConstructor;
80
+ default: number;
81
+ };
82
+ minWidth: {
83
+ type: NumberConstructor;
84
+ default: number;
85
+ };
86
+ maxWidth: {
87
+ type: NumberConstructor;
88
+ default: number;
89
+ };
90
+ minHeight: {
91
+ type: NumberConstructor;
92
+ default: number;
93
+ };
94
+ maxHeight: {
95
+ type: NumberConstructor;
96
+ default: number;
97
+ };
98
+ aspectRatio: {
99
+ type: NumberConstructor;
100
+ default: undefined;
101
+ };
102
+ grid: {
103
+ type: NumberConstructor;
104
+ default: number;
105
+ };
106
+ disabled: {
107
+ type: BooleanConstructor;
108
+ default: boolean;
109
+ };
110
+ }>> & Readonly<{
111
+ onResize?: ((payload: {
112
+ width: number;
113
+ height: number;
114
+ handle: Handle;
115
+ }) => any) | undefined;
116
+ "onUpdate:width"?: ((width: number) => any) | undefined;
117
+ "onUpdate:height"?: ((height: number) => any) | undefined;
118
+ onResizestart?: ((payload: {
119
+ width: number;
120
+ height: number;
121
+ }) => any) | undefined;
122
+ onResizeend?: ((payload: {
123
+ width: number;
124
+ height: number;
125
+ }) => any) | undefined;
126
+ }>, {
127
+ disabled: boolean;
128
+ width: number;
129
+ height: number;
130
+ grid: number;
131
+ handles: Handle[];
132
+ minWidth: number;
133
+ maxWidth: number;
134
+ minHeight: number;
135
+ maxHeight: number;
136
+ aspectRatio: number;
137
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
138
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
139
+ export default _default;
140
+ type __VLS_WithTemplateSlots<T, S> = T & {
141
+ new (): {
142
+ $slots: S;
143
+ };
144
+ };
@@ -0,0 +1,53 @@
1
+ import { PropType } from 'vue';
2
+ type SkeletonVariant = 'text' | 'rect' | 'circle' | 'card';
3
+ type Dim = string | number;
4
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
+ variant: {
6
+ type: PropType<SkeletonVariant>;
7
+ default: string;
8
+ };
9
+ width: {
10
+ type: PropType<Dim>;
11
+ default: undefined;
12
+ };
13
+ height: {
14
+ type: PropType<Dim>;
15
+ default: undefined;
16
+ };
17
+ lines: {
18
+ type: NumberConstructor;
19
+ default: number;
20
+ };
21
+ animated: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
26
+ variant: {
27
+ type: PropType<SkeletonVariant>;
28
+ default: string;
29
+ };
30
+ width: {
31
+ type: PropType<Dim>;
32
+ default: undefined;
33
+ };
34
+ height: {
35
+ type: PropType<Dim>;
36
+ default: undefined;
37
+ };
38
+ lines: {
39
+ type: NumberConstructor;
40
+ default: number;
41
+ };
42
+ animated: {
43
+ type: BooleanConstructor;
44
+ default: boolean;
45
+ };
46
+ }>> & Readonly<{}>, {
47
+ variant: SkeletonVariant;
48
+ width: Dim;
49
+ height: Dim;
50
+ lines: number;
51
+ animated: boolean;
52
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
53
+ export default _default;
@@ -0,0 +1,78 @@
1
+ import { PropType } from 'vue';
2
+ type SliderValue = number | [number, number];
3
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ modelValue: {
5
+ type: PropType<SliderValue>;
6
+ default: number;
7
+ };
8
+ min: {
9
+ type: NumberConstructor;
10
+ default: number;
11
+ };
12
+ max: {
13
+ type: NumberConstructor;
14
+ default: number;
15
+ };
16
+ step: {
17
+ type: NumberConstructor;
18
+ default: number;
19
+ };
20
+ range: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ vertical: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ disabled: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
33
+ "update:modelValue": (value: SliderValue) => any;
34
+ change: (value: SliderValue) => any;
35
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
36
+ modelValue: {
37
+ type: PropType<SliderValue>;
38
+ default: number;
39
+ };
40
+ min: {
41
+ type: NumberConstructor;
42
+ default: number;
43
+ };
44
+ max: {
45
+ type: NumberConstructor;
46
+ default: number;
47
+ };
48
+ step: {
49
+ type: NumberConstructor;
50
+ default: number;
51
+ };
52
+ range: {
53
+ type: BooleanConstructor;
54
+ default: boolean;
55
+ };
56
+ vertical: {
57
+ type: BooleanConstructor;
58
+ default: boolean;
59
+ };
60
+ disabled: {
61
+ type: BooleanConstructor;
62
+ default: boolean;
63
+ };
64
+ }>> & Readonly<{
65
+ "onUpdate:modelValue"?: ((value: SliderValue) => any) | undefined;
66
+ onChange?: ((value: SliderValue) => any) | undefined;
67
+ }>, {
68
+ modelValue: SliderValue;
69
+ disabled: boolean;
70
+ vertical: boolean;
71
+ step: number;
72
+ range: boolean;
73
+ min: number;
74
+ max: number;
75
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
76
+ trackRef: HTMLDivElement;
77
+ }, HTMLDivElement>;
78
+ export default _default;
@@ -0,0 +1,40 @@
1
+ declare const _default: <T>(__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<{
2
+ props: __VLS_PrettifyLocal<Pick<Partial<{
3
+ tag: string;
4
+ disabled: boolean;
5
+ itemTag: string;
6
+ }> & Omit<{
7
+ readonly modelValue: T[];
8
+ readonly tag: string;
9
+ readonly disabled: boolean;
10
+ readonly itemTag: string;
11
+ readonly "onUpdate:modelValue"?: ((items: T[]) => any) | undefined;
12
+ readonly onReorder?: ((payload: {
13
+ from: number;
14
+ to: number;
15
+ item: T;
16
+ }) => any) | undefined;
17
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "tag" | "disabled" | "itemTag">, "modelValue" | "onUpdate:modelValue" | "onReorder" | ("tag" | "disabled" | "itemTag")> & {} & Partial<{}>> & import('vue').PublicProps;
18
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
19
+ attrs: any;
20
+ slots: {
21
+ default?(_: {
22
+ item: T;
23
+ index: number;
24
+ }): any;
25
+ };
26
+ emit: {
27
+ (e: "update:modelValue", items: T[]): void;
28
+ (e: "reorder", payload: {
29
+ from: number;
30
+ to: number;
31
+ item: T;
32
+ }): void;
33
+ };
34
+ }>) => import('vue').VNode & {
35
+ __ctx?: Awaited<typeof __VLS_setup>;
36
+ };
37
+ export default _default;
38
+ type __VLS_PrettifyLocal<T> = {
39
+ [K in keyof T]: T[K];
40
+ } & {};