@dronico/droni-kit 1.12.2 → 1.12.4

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

@@ -4,13 +4,14 @@ declare const meta: {
     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";
+            nuxt: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -20,26 +21,28 @@ declare const meta: {
             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";
+            nuxt: boolean;
         }>;
         __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";
+        nuxt: 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/Elements/DuiAction.vue.d.ts

@@ -8,6 +8,7 @@ export interface DuiActionProps {
     title?: string;
     rounded?: 'all' | 'top' | 'bottom' | 'left' | 'right' | 'none';
     to?: RouteTo;
+    nuxt?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -20,13 +21,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";
+    nuxt: boolean;
 }, {}, {}, {}, 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

@@ -6,6 +6,7 @@ declare const meta: {
             to: string | object;
             size: "s" | "m" | "l";
             title: string;
+            nuxt: boolean;
             image: string;
             subtitle: string;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -19,6 +20,7 @@ declare const meta: {
             to: string | object;
             size: "s" | "m" | "l";
             title: string;
+            nuxt: boolean;
             image: string;
             subtitle: string;
         }>;
@@ -29,6 +31,7 @@ declare const meta: {
         to: string | object;
         size: "s" | "m" | "l";
         title: string;
+        nuxt: boolean;
         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

@@ -4,6 +4,7 @@ export interface DuiCardProps {
     title?: string;
     subtitle?: string;
     to?: string | object;
+    nuxt?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -19,6 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<DuiCardProps, {}, {
     to: string | object;
     size: "s" | "m" | "l";
     title: string;
+    nuxt: boolean;
     image: string;
     subtitle: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -4,15 +4,16 @@ declare const meta: {
     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";
+            nuxt: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -22,30 +23,32 @@ declare const meta: {
             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";
+            nuxt: boolean;
         }>;
         __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";
+        nuxt: 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/DuiButton.vue.d.ts

@@ -18,6 +18,7 @@ export interface DuiButtonProps {
     title?: string;
     rounded?: 'all' | 'top' | 'bottom' | 'left' | 'right' | 'none';
     to?: RouteTo;
+    nuxt?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -30,15 +31,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";
+    nuxt: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/stories/Widgets/DuiNavbar.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: {
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiNavbar.vue').DuiNavbarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             size: "s" | "m" | "l";
+            nuxt: boolean;
             items: import('./DuiNavbar.vue').NavbarItem[];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
             P: {};
@@ -14,6 +15,7 @@ declare const meta: {
             Defaults: {};
         }, Readonly<import('./DuiNavbar.vue').DuiNavbarProps> & Readonly<{}>, {}, {}, {}, {}, {
             size: "s" | "m" | "l";
+            nuxt: boolean;
             items: import('./DuiNavbar.vue').NavbarItem[];
         }>;
         __isFragment?: never;
@@ -21,6 +23,7 @@ declare const meta: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./DuiNavbar.vue').DuiNavbarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         size: "s" | "m" | "l";
+        nuxt: boolean;
         items: import('./DuiNavbar.vue').NavbarItem[];
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {

package/dist/stories/Widgets/DuiNavbar.vue.d.ts

@@ -7,6 +7,7 @@ export interface NavbarItem {
 export interface DuiNavbarProps {
     items?: NavbarItem[];
     size?: 's' | 'm' | 'l';
+    nuxt?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -21,6 +22,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DuiNavbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiNavbarProps> & Readonly<{}>, {
     size: "s" | "m" | "l";
+    nuxt: boolean;
     items: NavbarItem[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,23 +1,17 @@
 /**
- * Utility for detecting router environment in a SSR-safe way
- * This helps prevent hydration mismatches in Nuxt applications
+ * Utility for router component handling with explicit framework selection
  */
-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
+ * Gets the appropriate component type for routing with explicit framework selection
+ * @param to - The route destination
+ * @param nuxt - Explicitly indicate if this is a Nuxt project
+ * @returns The component name as string for dynamic component usage
  */
-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;
+export declare function getRouterComponentType(to?: string | object, nuxt?: boolean): string;
 /**
  * Gets the appropriate props for the router component
+ * @param to - The route destination
+ * @param componentType - The component type returned by getRouterComponentType
+ * @param additionalProps - Any additional props to merge
  */
 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.2",
+  "version": "1.12.4",
   "private": false,
   "access": "public",
   "publishConfig": {