@dronico/droni-kit 1.8.3 → 1.8.5

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.
@@ -2,44 +2,7 @@ import { StoryObj } from '@storybook/vue3';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
5
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
6
- variant: {
7
- type: () => "solid" | "outline" | "ghost";
8
- default: string;
9
- };
10
- color: {
11
- type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
12
- default: string;
13
- };
14
- size: {
15
- type: () => "sm" | "md" | "lg";
16
- default: string;
17
- };
18
- type: {
19
- type: () => "button" | "submit" | "reset";
20
- default: string;
21
- };
22
- disabled: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
- loading: {
27
- type: BooleanConstructor;
28
- default: boolean;
29
- };
30
- block: {
31
- type: BooleanConstructor;
32
- default: boolean;
33
- };
34
- title: {
35
- type: StringConstructor;
36
- default: undefined;
37
- };
38
- rounded: {
39
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
40
- default: string;
41
- };
42
- }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
5
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
43
6
  variant: "solid" | "outline" | "ghost";
44
7
  color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
45
8
  size: "sm" | "md" | "lg";
@@ -49,51 +12,15 @@ declare const meta: {
49
12
  block: boolean;
50
13
  title: string;
51
14
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
52
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
15
+ to: import('./DuiButton.vue').RouteTo;
16
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
53
17
  P: {};
54
18
  B: {};
55
19
  D: {};
56
20
  C: {};
57
21
  M: {};
58
22
  Defaults: {};
59
- }, Readonly<import('vue').ExtractPropTypes<{
60
- variant: {
61
- type: () => "solid" | "outline" | "ghost";
62
- default: string;
63
- };
64
- color: {
65
- type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
66
- default: string;
67
- };
68
- size: {
69
- type: () => "sm" | "md" | "lg";
70
- default: string;
71
- };
72
- type: {
73
- type: () => "button" | "submit" | "reset";
74
- default: string;
75
- };
76
- disabled: {
77
- type: BooleanConstructor;
78
- default: boolean;
79
- };
80
- loading: {
81
- type: BooleanConstructor;
82
- default: boolean;
83
- };
84
- block: {
85
- type: BooleanConstructor;
86
- default: boolean;
87
- };
88
- title: {
89
- type: StringConstructor;
90
- default: undefined;
91
- };
92
- rounded: {
93
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
94
- default: string;
95
- };
96
- }>> & Readonly<{}>, {}, {}, {}, {}, {
23
+ }, Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
97
24
  variant: "solid" | "outline" | "ghost";
98
25
  color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
99
26
  size: "sm" | "md" | "lg";
@@ -103,48 +30,12 @@ declare const meta: {
103
30
  block: boolean;
104
31
  title: string;
105
32
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
33
+ to: import('./DuiButton.vue').RouteTo;
106
34
  }>;
107
35
  __isFragment?: never;
108
36
  __isTeleport?: never;
109
37
  __isSuspense?: never;
110
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
111
- variant: {
112
- type: () => "solid" | "outline" | "ghost";
113
- default: string;
114
- };
115
- color: {
116
- type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
117
- default: string;
118
- };
119
- size: {
120
- type: () => "sm" | "md" | "lg";
121
- default: string;
122
- };
123
- type: {
124
- type: () => "button" | "submit" | "reset";
125
- default: string;
126
- };
127
- disabled: {
128
- type: BooleanConstructor;
129
- default: boolean;
130
- };
131
- loading: {
132
- type: BooleanConstructor;
133
- default: boolean;
134
- };
135
- block: {
136
- type: BooleanConstructor;
137
- default: boolean;
138
- };
139
- title: {
140
- type: StringConstructor;
141
- default: undefined;
142
- };
143
- rounded: {
144
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
145
- default: string;
146
- };
147
- }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
38
+ } & import('vue').ComponentOptionsBase<Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
148
39
  variant: "solid" | "outline" | "ghost";
149
40
  color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
150
41
  size: "sm" | "md" | "lg";
@@ -154,6 +45,7 @@ declare const meta: {
154
45
  block: boolean;
155
46
  title: string;
156
47
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
48
+ to: import('./DuiButton.vue').RouteTo;
157
49
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
158
50
  $slots: {
159
51
  default?(_: {}): any;
@@ -226,8 +118,20 @@ declare const meta: {
226
118
  options: string[];
227
119
  defaultValue: string;
228
120
  };
121
+ to: {
122
+ control: {
123
+ type: "text";
124
+ };
125
+ defaultValue: undefined;
126
+ description: string;
127
+ };
229
128
  };
230
129
  };
231
130
  export default meta;
232
131
  type Story = StoryObj<typeof meta>;
233
132
  export declare const Default: Story;
133
+ export declare const WithRouting: Story;
134
+ export declare const WithComplexRoute: Story;
135
+ export declare const ExternalLink: Story;
136
+ export declare const LoadingWithRoute: Story;
137
+ export declare const DisabledWithRoute: Story;
@@ -1,87 +1,34 @@
1
+ export interface RouteLocationRaw {
2
+ name?: string;
3
+ path?: string;
4
+ params?: Record<string, any>;
5
+ query?: Record<string, any>;
6
+ hash?: string;
7
+ [key: string]: any;
8
+ }
9
+ export type RouteTo = string | RouteLocationRaw;
10
+ export interface DuiButtonProps {
11
+ variant?: 'solid' | 'outline' | 'ghost';
12
+ color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
13
+ size?: 'sm' | 'md' | 'lg';
14
+ type?: 'button' | 'submit' | 'reset';
15
+ disabled?: boolean;
16
+ loading?: boolean;
17
+ block?: boolean;
18
+ title?: string;
19
+ rounded?: 'all' | 'top' | 'bottom' | 'left' | 'right' | 'none';
20
+ to?: RouteTo;
21
+ }
1
22
  declare function __VLS_template(): {
2
23
  attrs: Partial<{}>;
3
24
  slots: {
4
25
  default?(_: {}): any;
5
26
  };
6
27
  refs: {};
7
- rootEl: HTMLButtonElement;
28
+ rootEl: any;
8
29
  };
9
30
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
11
- variant: {
12
- type: () => "solid" | "outline" | "ghost";
13
- default: string;
14
- };
15
- color: {
16
- type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
17
- default: string;
18
- };
19
- size: {
20
- type: () => "sm" | "md" | "lg";
21
- default: string;
22
- };
23
- type: {
24
- type: () => "button" | "submit" | "reset";
25
- default: string;
26
- };
27
- disabled: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- };
31
- loading: {
32
- type: BooleanConstructor;
33
- default: boolean;
34
- };
35
- block: {
36
- type: BooleanConstructor;
37
- default: boolean;
38
- };
39
- title: {
40
- type: StringConstructor;
41
- default: undefined;
42
- };
43
- rounded: {
44
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
45
- default: string;
46
- };
47
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
48
- variant: {
49
- type: () => "solid" | "outline" | "ghost";
50
- default: string;
51
- };
52
- color: {
53
- type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
54
- default: string;
55
- };
56
- size: {
57
- type: () => "sm" | "md" | "lg";
58
- default: string;
59
- };
60
- type: {
61
- type: () => "button" | "submit" | "reset";
62
- default: string;
63
- };
64
- disabled: {
65
- type: BooleanConstructor;
66
- default: boolean;
67
- };
68
- loading: {
69
- type: BooleanConstructor;
70
- default: boolean;
71
- };
72
- block: {
73
- type: BooleanConstructor;
74
- default: boolean;
75
- };
76
- title: {
77
- type: StringConstructor;
78
- default: undefined;
79
- };
80
- rounded: {
81
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
82
- default: string;
83
- };
84
- }>> & Readonly<{}>, {
31
+ declare const __VLS_component: import('vue').DefineComponent<DuiButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiButtonProps> & Readonly<{}>, {
85
32
  variant: "solid" | "outline" | "ghost";
86
33
  color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
87
34
  size: "sm" | "md" | "lg";
@@ -91,7 +38,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
91
38
  block: boolean;
92
39
  title: string;
93
40
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
94
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
41
+ to: RouteTo;
42
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
95
43
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
96
44
  export default _default;
97
45
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -3,11 +3,11 @@ declare const meta: {
3
3
  title: string;
4
4
  component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
5
  modelValue: {
6
- type: StringConstructor;
6
+ type: (StringConstructor | NumberConstructor)[];
7
7
  default: string;
8
8
  };
9
9
  type: {
10
- type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
10
+ type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
11
11
  default: string;
12
12
  };
13
13
  size: {
@@ -54,15 +54,31 @@ declare const meta: {
54
54
  type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
55
55
  default: string;
56
56
  };
57
+ min: {
58
+ type: (StringConstructor | NumberConstructor)[];
59
+ default: undefined;
60
+ };
61
+ max: {
62
+ type: (StringConstructor | NumberConstructor)[];
63
+ default: undefined;
64
+ };
65
+ step: {
66
+ type: (StringConstructor | NumberConstructor)[];
67
+ default: undefined;
68
+ };
69
+ autocomplete: {
70
+ type: StringConstructor;
71
+ default: undefined;
72
+ };
57
73
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
58
74
  "update:modelValue": (value: string) => any;
59
75
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
60
76
  modelValue: {
61
- type: StringConstructor;
77
+ type: (StringConstructor | NumberConstructor)[];
62
78
  default: string;
63
79
  };
64
80
  type: {
65
- type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
81
+ type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
66
82
  default: string;
67
83
  };
68
84
  size: {
@@ -109,22 +125,42 @@ declare const meta: {
109
125
  type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
110
126
  default: string;
111
127
  };
128
+ min: {
129
+ type: (StringConstructor | NumberConstructor)[];
130
+ default: undefined;
131
+ };
132
+ max: {
133
+ type: (StringConstructor | NumberConstructor)[];
134
+ default: undefined;
135
+ };
136
+ step: {
137
+ type: (StringConstructor | NumberConstructor)[];
138
+ default: undefined;
139
+ };
140
+ autocomplete: {
141
+ type: StringConstructor;
142
+ default: undefined;
143
+ };
112
144
  }>> & Readonly<{
113
145
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
114
146
  }>, {
147
+ name: string;
115
148
  size: "sm" | "md" | "lg";
116
- type: "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
149
+ type: "number" | "search" | "time" | "text" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week";
117
150
  disabled: boolean;
118
151
  block: boolean;
119
152
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
120
153
  label: string;
121
154
  pattern: string;
122
- modelValue: string;
155
+ modelValue: string | number;
123
156
  placeholder: string;
124
- name: string;
125
157
  id: string;
126
158
  required: boolean;
127
159
  readonly: boolean;
160
+ min: string | number;
161
+ max: string | number;
162
+ step: string | number;
163
+ autocomplete: string;
128
164
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
129
165
  tags: string[];
130
166
  argTypes: {
@@ -197,6 +233,24 @@ declare const meta: {
197
233
  };
198
234
  defaultValue: boolean;
199
235
  };
236
+ min: {
237
+ control: {
238
+ type: "text";
239
+ };
240
+ defaultValue: undefined;
241
+ };
242
+ max: {
243
+ control: {
244
+ type: "text";
245
+ };
246
+ defaultValue: undefined;
247
+ };
248
+ step: {
249
+ control: {
250
+ type: "text";
251
+ };
252
+ defaultValue: undefined;
253
+ };
200
254
  };
201
255
  };
202
256
  export default meta;
@@ -1,10 +1,10 @@
1
1
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
2
  modelValue: {
3
- type: StringConstructor;
3
+ type: (StringConstructor | NumberConstructor)[];
4
4
  default: string;
5
5
  };
6
6
  type: {
7
- type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
7
+ type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
8
8
  default: string;
9
9
  };
10
10
  size: {
@@ -51,15 +51,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
51
51
  type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
52
52
  default: string;
53
53
  };
54
+ min: {
55
+ type: (StringConstructor | NumberConstructor)[];
56
+ default: undefined;
57
+ };
58
+ max: {
59
+ type: (StringConstructor | NumberConstructor)[];
60
+ default: undefined;
61
+ };
62
+ step: {
63
+ type: (StringConstructor | NumberConstructor)[];
64
+ default: undefined;
65
+ };
66
+ autocomplete: {
67
+ type: StringConstructor;
68
+ default: undefined;
69
+ };
54
70
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
55
71
  "update:modelValue": (value: string) => any;
56
72
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
57
73
  modelValue: {
58
- type: StringConstructor;
74
+ type: (StringConstructor | NumberConstructor)[];
59
75
  default: string;
60
76
  };
61
77
  type: {
62
- type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
78
+ type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
63
79
  default: string;
64
80
  };
65
81
  size: {
@@ -106,21 +122,41 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
106
122
  type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
107
123
  default: string;
108
124
  };
125
+ min: {
126
+ type: (StringConstructor | NumberConstructor)[];
127
+ default: undefined;
128
+ };
129
+ max: {
130
+ type: (StringConstructor | NumberConstructor)[];
131
+ default: undefined;
132
+ };
133
+ step: {
134
+ type: (StringConstructor | NumberConstructor)[];
135
+ default: undefined;
136
+ };
137
+ autocomplete: {
138
+ type: StringConstructor;
139
+ default: undefined;
140
+ };
109
141
  }>> & Readonly<{
110
142
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
111
143
  }>, {
144
+ name: string;
112
145
  size: "sm" | "md" | "lg";
113
- type: "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
146
+ type: "number" | "search" | "time" | "text" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week";
114
147
  disabled: boolean;
115
148
  block: boolean;
116
149
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
117
150
  label: string;
118
151
  pattern: string;
119
- modelValue: string;
152
+ modelValue: string | number;
120
153
  placeholder: string;
121
- name: string;
122
154
  id: string;
123
155
  required: boolean;
124
156
  readonly: boolean;
157
+ min: string | number;
158
+ max: string | number;
159
+ step: string | number;
160
+ autocomplete: string;
125
161
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
126
162
  export default _default;
@@ -120,6 +120,7 @@ declare const meta: {
120
120
  }>> & Readonly<{
121
121
  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
122
122
  }>, {
123
+ name: string;
123
124
  size: "sm" | "md" | "lg";
124
125
  disabled: boolean;
125
126
  block: boolean;
@@ -127,7 +128,6 @@ declare const meta: {
127
128
  label: string;
128
129
  modelValue: string | number;
129
130
  placeholder: string;
130
- name: string;
131
131
  id: string;
132
132
  required: boolean;
133
133
  readonly: boolean;
@@ -117,6 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
117
117
  }>> & Readonly<{
118
118
  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
119
119
  }>, {
120
+ name: string;
120
121
  size: "sm" | "md" | "lg";
121
122
  disabled: boolean;
122
123
  block: boolean;
@@ -124,7 +125,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
124
125
  label: string;
125
126
  modelValue: string | number;
126
127
  placeholder: string;
127
- name: string;
128
128
  id: string;
129
129
  required: boolean;
130
130
  readonly: boolean;
@@ -112,6 +112,7 @@ declare const meta: {
112
112
  }>> & Readonly<{
113
113
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
114
114
  }>, {
115
+ name: string;
115
116
  size: "sm" | "md" | "lg";
116
117
  disabled: boolean;
117
118
  block: boolean;
@@ -119,7 +120,6 @@ declare const meta: {
119
120
  label: string;
120
121
  modelValue: string;
121
122
  placeholder: string;
122
- name: string;
123
123
  id: string;
124
124
  required: boolean;
125
125
  readonly: boolean;
@@ -109,6 +109,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
109
109
  }>> & Readonly<{
110
110
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
111
111
  }>, {
112
+ name: string;
112
113
  size: "sm" | "md" | "lg";
113
114
  disabled: boolean;
114
115
  block: boolean;
@@ -116,7 +117,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
116
117
  label: string;
117
118
  modelValue: string;
118
119
  placeholder: string;
119
- name: string;
120
120
  id: string;
121
121
  required: boolean;
122
122
  readonly: boolean;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dronico/droni-kit",
3
3
  "author": "Gustavo Barragan <dev@droni.co>",
4
- "version": "1.8.3",
4
+ "version": "1.8.5",
5
5
  "private": false,
6
6
  "access": "public",
7
7
  "publishConfig": {