@dronico/droni-kit 1.12.0 → 1.12.2

package/dist/index.d.ts

@@ -2,9 +2,10 @@ import { default as DuiButton } from './stories/Forms/DuiButton.vue';
 import { default as DuiInput } from './stories/Forms/DuiInput.vue';
 import { default as DuiTextarea } from './stories/Forms/DuiTextarea.vue';
 import { default as DuiSelect } from './stories/Forms/DuiSelect.vue';
+import { default as DuiLabel } from './stories/Forms/DuiLabel.vue';
 import { default as DuiAlert } from './stories/Elements/DuiAlert.vue';
 import { default as DuiTable } from './stories/Elements/DuiTable.vue';
 import { default as DuiAction } from './stories/Elements/DuiAction.vue';
 import { default as DuiCard } from './stories/Elements/DuiCard.vue';
 import { default as DuiNavbar } from './stories/Widgets/DuiNavbar.vue';
-export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiAlert, DuiTable, DuiNavbar };
+export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiLabel, DuiAlert, DuiTable, DuiNavbar };

package/dist/stories/Elements/DuiAction.stories.d.ts

@@ -3,14 +3,14 @@ declare const meta: {
     title: string;
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            to: import('../Forms/DuiButton.vue').RouteTo;
+            size: "sm" | "md" | "lg";
             variant: "solid" | "outline" | "ghost";
             color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-            size: "sm" | "md" | "lg";
             loading: boolean;
             block: boolean;
             title: string;
             rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-            to: import('../Forms/DuiButton.vue').RouteTo;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -19,27 +19,27 @@ declare const meta: {
             M: {};
             Defaults: {};
         }, Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, {
+            to: import('../Forms/DuiButton.vue').RouteTo;
+            size: "sm" | "md" | "lg";
             variant: "solid" | "outline" | "ghost";
             color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-            size: "sm" | "md" | "lg";
             loading: boolean;
             block: boolean;
             title: string;
             rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-            to: import('../Forms/DuiButton.vue').RouteTo;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        to: import('../Forms/DuiButton.vue').RouteTo;
+        size: "sm" | "md" | "lg";
         variant: "solid" | "outline" | "ghost";
         color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-        size: "sm" | "md" | "lg";
         loading: boolean;
         block: boolean;
         title: string;
         rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-        to: import('../Forms/DuiButton.vue').RouteTo;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

package/dist/stories/Elements/DuiAction.vue.d.ts

@@ -19,14 +19,14 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DuiActionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiActionProps> & Readonly<{}>, {
+    to: RouteTo;
+    size: "sm" | "md" | "lg";
     variant: "solid" | "outline" | "ghost";
     color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-    size: "sm" | "md" | "lg";
     loading: boolean;
     block: boolean;
     title: string;
     rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-    to: RouteTo;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/stories/Elements/DuiCard.stories.d.ts

@@ -3,9 +3,9 @@ declare const meta: {
     title: string;
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiCard.vue').DuiCardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            to: string | object;
             size: "s" | "m" | "l";
             title: string;
-            to: string | object;
             image: string;
             subtitle: string;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -16,9 +16,9 @@ declare const meta: {
             M: {};
             Defaults: {};
         }, Readonly<import('./DuiCard.vue').DuiCardProps> & Readonly<{}>, {}, {}, {}, {}, {
+            to: string | object;
             size: "s" | "m" | "l";
             title: string;
-            to: string | object;
             image: string;
             subtitle: string;
         }>;
@@ -26,9 +26,9 @@ declare const meta: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./DuiCard.vue').DuiCardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        to: string | object;
         size: "s" | "m" | "l";
         title: string;
-        to: string | object;
         image: string;
         subtitle: string;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/dist/stories/Elements/DuiCard.vue.d.ts

@@ -16,9 +16,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DuiCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiCardProps> & Readonly<{}>, {
+    to: string | object;
     size: "s" | "m" | "l";
     title: string;
-    to: string | object;
     image: string;
     subtitle: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/stories/Forms/DuiButton.stories.d.ts

@@ -3,16 +3,16 @@ declare const meta: {
     title: string;
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            to: import('./DuiButton.vue').RouteTo;
+            size: "sm" | "md" | "lg";
             variant: "solid" | "outline" | "ghost";
             color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-            size: "sm" | "md" | "lg";
             type: "button" | "submit" | "reset";
             disabled: boolean;
             loading: boolean;
             block: boolean;
             title: string;
             rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-            to: import('./DuiButton.vue').RouteTo;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -21,31 +21,31 @@ declare const meta: {
             M: {};
             Defaults: {};
         }, Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
+            to: import('./DuiButton.vue').RouteTo;
+            size: "sm" | "md" | "lg";
             variant: "solid" | "outline" | "ghost";
             color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-            size: "sm" | "md" | "lg";
             type: "button" | "submit" | "reset";
             disabled: boolean;
             loading: boolean;
             block: boolean;
             title: string;
             rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-            to: import('./DuiButton.vue').RouteTo;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        to: import('./DuiButton.vue').RouteTo;
+        size: "sm" | "md" | "lg";
         variant: "solid" | "outline" | "ghost";
         color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-        size: "sm" | "md" | "lg";
         type: "button" | "submit" | "reset";
         disabled: boolean;
         loading: boolean;
         block: boolean;
         title: string;
         rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-        to: import('./DuiButton.vue').RouteTo;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

package/dist/stories/Forms/DuiButton.vue.d.ts

@@ -29,16 +29,16 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DuiButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiButtonProps> & Readonly<{}>, {
+    to: RouteTo;
+    size: "sm" | "md" | "lg";
     variant: "solid" | "outline" | "ghost";
     color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-    size: "sm" | "md" | "lg";
     type: "button" | "submit" | "reset";
     disabled: boolean;
     loading: boolean;
     block: boolean;
     title: string;
     rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-    to: RouteTo;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/stories/Forms/DuiLabel.stories.d.ts

@@ -30,10 +30,10 @@ declare const meta: {
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             size: "s" | "m" | "l";
             title: string;
-            required: boolean;
             icon: string;
             helpText: string;
             error: string;
+            required: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLabelElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -69,10 +69,10 @@ declare const meta: {
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             size: "s" | "m" | "l";
             title: string;
-            required: boolean;
             icon: string;
             helpText: string;
             error: string;
+            required: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -105,10 +105,10 @@ declare const meta: {
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         size: "s" | "m" | "l";
         title: string;
-        required: boolean;
         icon: string;
         helpText: string;
         error: string;
+        required: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

package/dist/stories/Forms/DuiLabel.vue.d.ts

@@ -60,10 +60,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{}>, {
     size: "s" | "m" | "l";
     title: string;
-    required: boolean;
     icon: string;
     helpText: string;
     error: string;
+    required: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLabelElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/utils/router-detection.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Utility for detecting router environment in a SSR-safe way
+ * This helps prevent hydration mismatches in Nuxt applications
+ */
+interface RouterDetection {
+    hasNuxtRouter: boolean;
+    hasVueRouter: boolean;
+}
+/**
+ * Detects if we're in a Nuxt environment using SSR-safe methods
+ * This function ensures consistent behavior between server and client
+ */
+export declare function detectRouterEnvironment(): RouterDetection;
+/**
+ * Gets the appropriate component type for routing
+ * Returns the component name as string for dynamic component usage
+ */
+export declare function getRouterComponentType(to?: string | object): string;
+/**
+ * Gets the appropriate props for the router component
+ */
+export declare function getRouterComponentProps(to: string | object | undefined, componentType: string, additionalProps?: Record<string, any>): Record<string, any>;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dronico/droni-kit",
   "author": "Gustavo Barragan <dev@droni.co>",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "private": false,
   "access": "public",
   "publishConfig": {