@dronico/droni-kit 1.8.5 → 1.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 (14) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/LICENSE +25 -0
  3. package/README.md +325 -6
  4. package/dist/droni-kit.cjs.js +8 -8
  5. package/dist/droni-kit.es.js +155 -157
  6. package/dist/stories/Elements/DuiAction.stories.d.ts +19 -92
  7. package/dist/stories/Elements/DuiAction.vue.d.ts +15 -61
  8. package/dist/stories/Elements/DuiAlert.stories.d.ts +1 -1
  9. package/dist/stories/Elements/DuiTable.stories.d.ts +1 -1
  10. package/dist/stories/Forms/DuiButton.stories.d.ts +1 -1
  11. package/dist/stories/Forms/DuiInput.stories.d.ts +1 -1
  12. package/dist/stories/Forms/DuiSelect.stories.d.ts +1 -1
  13. package/dist/stories/Forms/DuiTextarea.stories.d.ts +1 -1
  14. package/package.json +8 -11
package/dist/stories/Elements/DuiAction.stories.d.ts CHANGED
@@ -1,37 +1,8 @@
1
- import { StoryObj } from '@storybook/vue3';
1
+ import { StoryObj } from '@storybook/vue3-vite';
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
- loading: {
19
- type: BooleanConstructor;
20
- default: boolean;
21
- };
22
- block: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
- title: {
27
- type: StringConstructor;
28
- default: undefined;
29
- };
30
- rounded: {
31
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
32
- default: string;
33
- };
34
- }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
5
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
35
6
  variant: "solid" | "outline" | "ghost";
36
7
  color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
37
8
  size: "sm" | "md" | "lg";
@@ -39,43 +10,15 @@ declare const meta: {
39
10
  block: boolean;
40
11
  title: string;
41
12
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
42
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
13
+ to: import('../Forms/DuiButton.vue').RouteTo;
14
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
43
15
  P: {};
44
16
  B: {};
45
17
  D: {};
46
18
  C: {};
47
19
  M: {};
48
20
  Defaults: {};
49
- }, Readonly<import('vue').ExtractPropTypes<{
50
- variant: {
51
- type: () => "solid" | "outline" | "ghost";
52
- default: string;
53
- };
54
- color: {
55
- type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
56
- default: string;
57
- };
58
- size: {
59
- type: () => "sm" | "md" | "lg";
60
- default: string;
61
- };
62
- loading: {
63
- type: BooleanConstructor;
64
- default: boolean;
65
- };
66
- block: {
67
- type: BooleanConstructor;
68
- default: boolean;
69
- };
70
- title: {
71
- type: StringConstructor;
72
- default: undefined;
73
- };
74
- rounded: {
75
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
76
- default: string;
77
- };
78
- }>> & Readonly<{}>, {}, {}, {}, {}, {
21
+ }, Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, {
79
22
  variant: "solid" | "outline" | "ghost";
80
23
  color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
81
24
  size: "sm" | "md" | "lg";
@@ -83,40 +26,12 @@ declare const meta: {
83
26
  block: boolean;
84
27
  title: string;
85
28
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
29
+ to: import('../Forms/DuiButton.vue').RouteTo;
86
30
  }>;
87
31
  __isFragment?: never;
88
32
  __isTeleport?: never;
89
33
  __isSuspense?: never;
90
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
91
- variant: {
92
- type: () => "solid" | "outline" | "ghost";
93
- default: string;
94
- };
95
- color: {
96
- type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
97
- default: string;
98
- };
99
- size: {
100
- type: () => "sm" | "md" | "lg";
101
- default: string;
102
- };
103
- loading: {
104
- type: BooleanConstructor;
105
- default: boolean;
106
- };
107
- block: {
108
- type: BooleanConstructor;
109
- default: boolean;
110
- };
111
- title: {
112
- type: StringConstructor;
113
- default: undefined;
114
- };
115
- rounded: {
116
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
117
- default: string;
118
- };
119
- }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
34
+ } & import('vue').ComponentOptionsBase<Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
120
35
  variant: "solid" | "outline" | "ghost";
121
36
  color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
122
37
  size: "sm" | "md" | "lg";
@@ -124,6 +39,7 @@ declare const meta: {
124
39
  block: boolean;
125
40
  title: string;
126
41
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
42
+ to: import('../Forms/DuiButton.vue').RouteTo;
127
43
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
128
44
  $slots: {
129
45
  default?(_: {}): any;
@@ -183,8 +99,19 @@ declare const meta: {
183
99
  options: string[];
184
100
  defaultValue: string;
185
101
  };
102
+ to: {
103
+ control: {
104
+ type: "text";
105
+ };
106
+ defaultValue: undefined;
107
+ description: string;
108
+ };
186
109
  };
187
110
  };
188
111
  export default meta;
189
112
  type Story = StoryObj<typeof meta>;
190
113
  export declare const Default: Story;
114
+ export declare const WithRouting: Story;
115
+ export declare const WithComplexRoute: Story;
116
+ export declare const ExternalLink: Story;
117
+ export declare const LoadingWithRoute: Story;
package/dist/stories/Elements/DuiAction.vue.d.ts CHANGED
@@ -1,71 +1,24 @@
1
+ import { RouteTo } from '../Forms/DuiButton.vue';
2
+ export interface DuiActionProps {
3
+ variant?: 'solid' | 'outline' | 'ghost';
4
+ color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
5
+ size?: 'sm' | 'md' | 'lg';
6
+ loading?: boolean;
7
+ block?: boolean;
8
+ title?: string;
9
+ rounded?: 'all' | 'top' | 'bottom' | 'left' | 'right' | 'none';
10
+ to?: RouteTo;
11
+ }
1
12
  declare function __VLS_template(): {
2
13
  attrs: Partial<{}>;
3
14
  slots: {
4
15
  default?(_: {}): any;
5
16
  };
6
17
  refs: {};
7
- rootEl: HTMLSpanElement;
18
+ rootEl: any;
8
19
  };
9
20
  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
- loading: {
24
- type: BooleanConstructor;
25
- default: boolean;
26
- };
27
- block: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- };
31
- title: {
32
- type: StringConstructor;
33
- default: undefined;
34
- };
35
- rounded: {
36
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
37
- default: string;
38
- };
39
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
40
- variant: {
41
- type: () => "solid" | "outline" | "ghost";
42
- default: string;
43
- };
44
- color: {
45
- type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
46
- default: string;
47
- };
48
- size: {
49
- type: () => "sm" | "md" | "lg";
50
- default: string;
51
- };
52
- loading: {
53
- type: BooleanConstructor;
54
- default: boolean;
55
- };
56
- block: {
57
- type: BooleanConstructor;
58
- default: boolean;
59
- };
60
- title: {
61
- type: StringConstructor;
62
- default: undefined;
63
- };
64
- rounded: {
65
- type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
66
- default: string;
67
- };
68
- }>> & Readonly<{}>, {
21
+ declare const __VLS_component: import('vue').DefineComponent<DuiActionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiActionProps> & Readonly<{}>, {
69
22
  variant: "solid" | "outline" | "ghost";
70
23
  color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
71
24
  size: "sm" | "md" | "lg";
@@ -73,7 +26,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
73
26
  block: boolean;
74
27
  title: string;
75
28
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
76
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
29
+ to: RouteTo;
30
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
77
31
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
78
32
  export default _default;
79
33
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/stories/Elements/DuiAlert.stories.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/vue3';
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
package/dist/stories/Elements/DuiTable.stories.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/vue3';
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
package/dist/stories/Forms/DuiButton.stories.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/vue3';
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
package/dist/stories/Forms/DuiInput.stories.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/vue3';
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
package/dist/stories/Forms/DuiSelect.stories.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/vue3';
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
package/dist/stories/Forms/DuiTextarea.stories.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/vue3';
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
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.5",
4
+ "version": "1.9.0",
5
5
  "private": false,
6
6
  "access": "public",
7
7
  "publishConfig": {
@@ -39,18 +39,16 @@
39
39
  "vue": "^3.5.13"
40
40
  },
41
41
  "devDependencies": {
42
- "@chromatic-com/storybook": "^3.2.6",
42
+ "@chromatic-com/storybook": "^4.1.1",
43
43
  "@semantic-release/changelog": "^6.0.3",
44
44
  "@semantic-release/git": "^10.0.1",
45
45
  "@semantic-release/github": "^11.0.1",
46
46
  "@semantic-release/npm": "^12.0.1",
47
- "@storybook/addon-essentials": "^8.6.12",
48
- "@storybook/addon-onboarding": "^8.6.12",
49
- "@storybook/blocks": "^8.6.12",
50
- "@storybook/experimental-addon-test": "^8.6.12",
51
- "@storybook/test": "^8.6.12",
52
- "@storybook/vue3": "^8.6.12",
53
- "@storybook/vue3-vite": "^8.6.12",
47
+ "@storybook/addon-docs": "^9.1.8",
48
+ "@storybook/addon-onboarding": "^9.1.8",
49
+ "@storybook/addon-themes": "^9.1.8",
50
+ "@storybook/addon-vitest": "9.1.8",
51
+ "@storybook/vue3-vite": "^9.1.8",
54
52
  "@types/node": "^22.14.1",
55
53
  "@vitejs/plugin-vue": "^5.2.1",
56
54
  "@vitest/browser": "^3.1.1",
@@ -58,8 +56,7 @@
58
56
  "@vue/tsconfig": "^0.7.0",
59
57
  "playwright": "^1.51.1",
60
58
  "semantic-release": "^24.2.3",
61
- "storybook": "^8.6.12",
62
- "storybook-dark-mode": "^4.0.2",
59
+ "storybook": "^9.1.8",
63
60
  "typescript": "~5.7.2",
64
61
  "vite": "^6.3.5",
65
62
  "vite-plugin-dts": "^4.5.3",