@dronico/droni-kit 1.8.4 → 1.8.5

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.8.5](https://github.com/Droni-app/droni-kit/compare/v1.8.4...v1.8.5) (2025-09-29)
+
+
+### Bug Fixes
+
+* support for vue and nuxt router ([5c34e9c](https://github.com/Droni-app/droni-kit/commit/5c34e9cf8b49a05e6f291e707fb6c798b0f7b1f7))
+
 ## [1.8.4](https://github.com/Droni-app/droni-kit/compare/v1.8.3...v1.8.4) (2025-05-20)
 
 

package/dist/droni-kit.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),x=["type","title","disabled"],h={key:1},v=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h={key:1},v=`
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -9,7 +9,7 @@
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`,y=e.defineComponent({__name:"DuiButton",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0},rounded:{type:String,default:"all"}},setup(l){const r=l,d={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},s={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},k={solid:{base:"dk:border-b",neutral:`
+  dk:max-w-full`,y=e.defineComponent({__name:"DuiButton",props:{variant:{default:"solid"},color:{default:"neutral"},size:{default:"md"},type:{default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{default:void 0},rounded:{default:"all"},to:{default:void 0}},setup(s){const r=s,d=e.getCurrentInstance(),a=d==null?void 0:d.appContext.app,l=e.computed(()=>{try{return!!(a!=null&&a.config.globalProperties.$router||a!=null&&a.config.globalProperties.$route||globalThis.VueRouter||a!=null&&a.component("RouterLink"))}catch{return!1}}),i=e.computed(()=>{try{return!!(globalThis.$nuxt||globalThis.useNuxtApp||globalThis.navigateTo||typeof window<"u"&&window.$nuxt||a!=null&&a.component("NuxtLink"))}catch{return!1}}),k=e.computed(()=>r.to?i.value?"NuxtLink":l.value?"RouterLink":"a":"button"),b=e.computed(()=>{const t={};return k.value==="button"?t.type=r.type:k.value==="a"?(t.href=typeof r.to=="string"?r.to:"#",t.role="button"):t.to=r.to,t}),u={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},p={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},o={solid:{base:"dk:border-b",neutral:`
       dk:border-zinc-500
       dk:dark:border-zinc-600
       dk:bg-zinc-200
@@ -153,7 +153,7 @@
       dk:text-amber-600
       dk:hover:bg-amber-50
       dk:dark:text-amber-100
-      dk:dark:hover:bg-amber-800`}},n=e.computed(()=>{var a;const o=(((a=k[r.variant])==null?void 0:a[r.color])||"")+" "+k[r.variant].base,c=d[r.size]||"",b=r.block?"dk:w-full":"",p=s[r.rounded]||"";return[v,o,c,b,p].join(" ")});return(o,c)=>(e.openBlock(),e.createElementBlock("button",{type:r.type,class:e.normalizeClass(n.value),title:r.title,disabled:r.disabled||r.loading},[r.loading?(e.openBlock(),e.createElementBlock("span",h,"Cargando...")):e.renderSlot(o.$slots,"default",{key:0})],10,x))}}),z=["for"],f={key:0,class:"dk:text-rose-500"},S=["type","value","disabled","placeholder","required","name","id","pattern","readonly","min","max","step","aria-label","aria-disabled","aria-required"],_=`
+      dk:dark:hover:bg-amber-800`}},n=e.computed(()=>{var x;const t=(((x=o[r.variant])==null?void 0:x[r.color])||"")+" "+o[r.variant].base,c=u[r.size]||"",m=r.block?"dk:w-full":"",g=p[r.rounded]||"";return[v,t,c,m,g].join(" ")});return(t,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),e.mergeProps(b.value,{class:n.value,title:r.title,disabled:r.disabled||r.loading}),{default:e.withCtx(()=>[r.loading?(e.openBlock(),e.createElementBlock("span",h,"Cargando...")):e.renderSlot(t.$slots,"default",{key:0})]),_:3},16,["class","title","disabled"]))}}),f=["for"],z={key:0,class:"dk:text-rose-500"},S=["type","value","disabled","placeholder","required","name","id","pattern","readonly","min","max","step","aria-label","aria-disabled","aria-required"],_=`
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -165,7 +165,7 @@
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`,B=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},pattern:{type:String,default:void 0},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"},min:{type:[String,Number],default:void 0},max:{type:[String,Number],default:void 0},step:{type:[String,Number],default:void 0},autocomplete:{type:String,default:void 0}},emits:["update:modelValue"],setup(l,{emit:r}){const d=l,s=r;function k(a){const i=a.target;s("update:modelValue",i.value)}const n={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},o={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},c={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},b=e.computed(()=>{const a=n[d.size]||"",i=d.block?"dk:w-full":"",t=o[d.rounded]||"";return[_,a,i,t].join(" ")}),p=e.computed(()=>{const a=c[d.size]||"",i=d.block?"dk:w-full":"";return[a,i].join(" ")});return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([p.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",f,"*")):e.createCommentVNode("",!0)],10,z)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:d.type,class:e.normalizeClass(b.value),value:l.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,pattern:d.pattern,readonly:d.readonly,min:d.min,max:d.max,step:d.step,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:k},null,42,S)]))}}),C=["for"],w={key:0,class:"dk:text-rose-500"},V=["value","disabled","placeholder","required","name","id","readonly","aria-label","aria-disabled","aria-required"],E=`
+  dk:dark:[color-scheme:dark]`,B=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},pattern:{type:String,default:void 0},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"},min:{type:[String,Number],default:void 0},max:{type:[String,Number],default:void 0},step:{type:[String,Number],default:void 0},autocomplete:{type:String,default:void 0}},emits:["update:modelValue"],setup(s,{emit:r}){const d=s,a=r;function l(o){const n=o.target;a("update:modelValue",n.value)}const i={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},k={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},b={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},u=e.computed(()=>{const o=i[d.size]||"",n=d.block?"dk:w-full":"",t=k[d.rounded]||"";return[_,o,n,t].join(" ")}),p=e.computed(()=>{const o=b[d.size]||"",n=d.block?"dk:w-full":"";return[o,n].join(" ")});return(o,n)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([p.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",z,"*")):e.createCommentVNode("",!0)],10,f)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:d.type,class:e.normalizeClass(u.value),value:s.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,pattern:d.pattern,readonly:d.readonly,min:d.min,max:d.max,step:d.step,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:l},null,42,S)]))}}),C=["for"],w={key:0,class:"dk:text-rose-500"},V=["value","disabled","placeholder","required","name","id","readonly","aria-label","aria-disabled","aria-required"],$=`
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -177,7 +177,7 @@
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`,$=e.defineComponent({__name:"DuiTextarea",props:{modelValue:{type:String,default:""},size:{type:String,default:"md"},block:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"},autoheight:{type:Boolean,default:!0},resize:{type:String,default:"vertical"}},emits:["update:modelValue"],setup(l,{emit:r}){const d=l,s=r;function k(t){const u=t.target;d.autoheight&&i(u),s("update:modelValue",u.value)}const n={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-3 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},o={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},c={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},b={none:"dk:resize-none",both:"dk:resize",horizontal:"dk:resize-x",vertical:"dk:resize-y"},p=e.computed(()=>{const t=n[d.size]||"",u=d.block?"dk:w-full":"",m=o[d.rounded]||"",g=b[d.resize]||"";return[E,t,u,m,g].join(" ")}),a=e.computed(()=>{const t=c[d.size]||"",u=d.block?"dk:w-full":"";return[t,u].join(" ")}),i=t=>{t.style.height="auto",t.style.height=`${t.scrollHeight+5}px`};return(t,u)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([a.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",w,"*")):e.createCommentVNode("",!0)],10,C)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(p.value),value:l.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,readonly:d.readonly,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:k},null,42,V)]))}}),q=["title"],N={key:1},D=`
+  dk:dark:[color-scheme:dark]`,E=e.defineComponent({__name:"DuiTextarea",props:{modelValue:{type:String,default:""},size:{type:String,default:"md"},block:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"},autoheight:{type:Boolean,default:!0},resize:{type:String,default:"vertical"}},emits:["update:modelValue"],setup(s,{emit:r}){const d=s,a=r;function l(t){const c=t.target;d.autoheight&&n(c),a("update:modelValue",c.value)}const i={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-3 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},k={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},b={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},u={none:"dk:resize-none",both:"dk:resize",horizontal:"dk:resize-x",vertical:"dk:resize-y"},p=e.computed(()=>{const t=i[d.size]||"",c=d.block?"dk:w-full":"",m=k[d.rounded]||"",g=u[d.resize]||"";return[$,t,c,m,g].join(" ")}),o=e.computed(()=>{const t=b[d.size]||"",c=d.block?"dk:w-full":"";return[t,c].join(" ")}),n=t=>{t.style.height="auto",t.style.height=`${t.scrollHeight+5}px`};return(t,c)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([o.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",w,"*")):e.createCommentVNode("",!0)],10,C)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(p.value),value:s.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,readonly:d.readonly,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:l},null,42,V)]))}}),N=["title"],q={key:1},D=`
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -188,7 +188,7 @@
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`,L=e.defineComponent({__name:"DuiAction",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0},rounded:{type:String,default:"all"}},setup(l){const r=l,d={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},s={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},k={solid:{base:"dk:border-b",neutral:`
+  dk:max-w-full`,L=e.defineComponent({__name:"DuiAction",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0},rounded:{type:String,default:"all"}},setup(s){const r=s,d={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},a={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},l={solid:{base:"dk:border-b",neutral:`
       dk:border-zinc-500
       dk:dark:border-zinc-600
       dk:bg-zinc-200
@@ -332,7 +332,7 @@
       dk:text-amber-600
       dk:hover:bg-amber-50
       dk:dark:text-amber-100
-      dk:dark:hover:bg-amber-800`}},n=e.computed(()=>{var a;const o=(((a=k[r.variant])==null?void 0:a[r.color])||"")+" "+k[r.variant].base,c=d[r.size]||"",b=r.block?"dk:block":"dk:inline-block",p=s[r.rounded]||"";return[D,o,c,b,p].join(" ")});return(o,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(n.value),title:r.title},[r.loading?(e.openBlock(),e.createElementBlock("span",N,"Cargando...")):e.renderSlot(o.$slots,"default",{key:0})],10,q))}}),j=["for"],T={key:0,class:"dk:text-rose-500"},A=["id","name","disabled","required","readonly","aria-label","aria-disabled","aria-required"],F={key:0,disabled:"",selected:"",hidden:""},I=["value","selected"],P=`
+      dk:dark:hover:bg-amber-800`}},i=e.computed(()=>{var o;const k=(((o=l[r.variant])==null?void 0:o[r.color])||"")+" "+l[r.variant].base,b=d[r.size]||"",u=r.block?"dk:block":"dk:inline-block",p=a[r.rounded]||"";return[D,k,b,u,p].join(" ")});return(k,b)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(i.value),title:r.title},[r.loading?(e.openBlock(),e.createElementBlock("span",q,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,N))}}),T=["for"],j={key:0,class:"dk:text-rose-500"},A=["id","name","disabled","required","readonly","aria-label","aria-disabled","aria-required"],P={key:0,disabled:"",selected:"",hidden:""},R=["value","selected"],I=`
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -345,10 +345,10 @@
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`,H=e.defineComponent({__name:"DuiSelect",props:{modelValue:{type:[String,Number],default:""},options:{type:Array,default:()=>[]},size:{type:String,default:"md"},block:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},placeholder:{type:String,default:void 0},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"}},emits:["update:modelValue"],setup(l,{emit:r}){const d=l,s=r;function k(a){const t=a.target.value,u=Number(t);!isNaN(u)&&t!==""?s("update:modelValue",u):s("update:modelValue",t)}const n={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},o={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},c={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},b=e.computed(()=>{const a=n[d.size]||"",i=d.block?"dk:w-full":"",t=o[d.rounded]||"";return[P,a,i,t].join(" ")}),p=e.computed(()=>{const a=c[d.size]||"",i=d.block?"dk:w-full":"";return[a,i].join(" ")});return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([p.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",T,"*")):e.createCommentVNode("",!0)],10,j)):e.createCommentVNode("",!0),e.createElementVNode("select",{id:d.id,name:d.name,disabled:d.disabled,required:d.required,class:e.normalizeClass(b.value),readonly:d.readonly,"aria-label":d.label||"select input","aria-disabled":d.disabled,"aria-required":d.required,onChange:k},[d.placeholder?(e.openBlock(),e.createElementBlock("option",F,e.toDisplayString(d.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,(t,u)=>(e.openBlock(),e.createElementBlock("option",{key:u,value:t[d.itemValue]??"",selected:t[d.itemValue]==d.modelValue},e.toDisplayString(t[d.itemLabel]??""),9,I))),128))],42,A)]))}}),M=`
+`,F=e.defineComponent({__name:"DuiSelect",props:{modelValue:{type:[String,Number],default:""},options:{type:Array,default:()=>[]},size:{type:String,default:"md"},block:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},placeholder:{type:String,default:void 0},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"}},emits:["update:modelValue"],setup(s,{emit:r}){const d=s,a=r;function l(o){const t=o.target.value,c=Number(t);!isNaN(c)&&t!==""?a("update:modelValue",c):a("update:modelValue",t)}const i={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},k={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},b={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},u=e.computed(()=>{const o=i[d.size]||"",n=d.block?"dk:w-full":"",t=k[d.rounded]||"";return[I,o,n,t].join(" ")}),p=e.computed(()=>{const o=b[d.size]||"",n=d.block?"dk:w-full":"";return[o,n].join(" ")});return(o,n)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([p.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",j,"*")):e.createCommentVNode("",!0)],10,T)):e.createCommentVNode("",!0),e.createElementVNode("select",{id:d.id,name:d.name,disabled:d.disabled,required:d.required,class:e.normalizeClass(u.value),readonly:d.readonly,"aria-label":d.label||"select input","aria-disabled":d.disabled,"aria-required":d.required,onChange:l},[d.placeholder?(e.openBlock(),e.createElementBlock("option",P,e.toDisplayString(d.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,(t,c)=>(e.openBlock(),e.createElementBlock("option",{key:c,value:t[d.itemValue]??"",selected:t[d.itemValue]==d.modelValue},e.toDisplayString(t[d.itemLabel]??""),9,R))),128))],42,A)]))}}),H=`
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`,O=e.defineComponent({__name:"DuiAlert",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},rounded:{type:String,default:"all"}},setup(l){const r=l,d={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},s={solid:{base:"",neutral:"dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",primary:"dk:bg-slate-200 dk:text-slate-800 dk:dark:bg-slate-700 dk:dark:text-slate-100",secondary:"dk:bg-pink-200 dk:text-pink-800 dk:dark:bg-pink-700 dk:dark:text-pink-100",success:"dk:bg-emerald-200 dk:text-emerald-800 dk:dark:bg-emerald-700 dk:dark:text-emerald-100",warning:"dk:bg-amber-200 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",danger:"dk:bg-rose-200 dk:text-rose-800 dk:dark:bg-rose-700 dk:dark:text-rose-100"},outline:{base:"dk:border",neutral:"dk:border-zinc-400 dk:text-zinc-700 dk:dark:border-zinc-500 dk:dark:text-zinc-200",primary:"dk:border-slate-400 dk:text-slate-700 dk:dark:border-slate-500 dk:dark:text-slate-200",secondary:"dk:border-pink-400 dk:text-pink-700 dk:dark:border-pink-500 dk:dark:text-pink-200",success:"dk:border-green-400 dk:text-green-700 dk:dark:border-green-500 dk:dark:text-green-200",warning:"dk:border-yellow-400 dk:text-yellow-700 dk:dark:border-yellow-500 dk:dark:text-yellow-200",danger:"dk:border-red-400 dk:text-red-700 dk:dark:border-red-500 dk:dark:text-red-200"},ghost:{base:"",neutral:"dk:text-zinc-700 dk:dark:text-zinc-200 dk:bg-zinc-50 dk:dark:bg-zinc-800",primary:"dk:text-slate-700 dk:dark:text-slate-200 dk:bg-slate-50 dk:dark:bg-slate-800",secondary:"dk:text-pink-700 dk:dark:text-pink-200 dk:bg-pink-50 dk:dark:bg-pink-800",success:"dk:text-emerald-700 dk:dark:text-emerald-200 dk:bg-emerald-50 dk:dark:bg-emerald-800",warning:"dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",danger:"dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"}},k=e.computed(()=>{var b;const n=((b=s[r.variant])==null?void 0:b[r.color])||"",o=s[r.variant].base||"",c=d[r.rounded]||"";return[M,o,n,c].join(" ")});return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value),role:"alert"},[e.renderSlot(n.$slots,"default")],2))}}),R={class:"dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg"},G={class:"dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300"},J={class:"dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200"},K=e.defineComponent({__name:"DuiTable",props:{columns:{type:Array,required:!0},rows:{type:Array,required:!0}},setup(l){const r=l;return(d,s)=>(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("table",G,[e.createElementVNode("thead",J,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.columns,k=>(e.openBlock(),e.createElementBlock("th",{key:k.name,class:e.normalizeClass(["dk:px-6 dk:py-3",k.classes])},e.toDisplayString(k.label),3))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.rows,(k,n)=>(e.openBlock(),e.createElementBlock("tr",{key:n,class:"dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.columns,o=>(e.openBlock(),e.createElementBlock("td",{key:o.name,class:"dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"},[e.renderSlot(d.$slots,o.name,e.mergeProps({ref_for:!0},k),()=>[e.createTextVNode(e.toDisplayString(k[o.name]),1)])]))),128))]))),128))])])]))}});exports.DuiAction=L;exports.DuiAlert=O;exports.DuiButton=y;exports.DuiInput=B;exports.DuiSelect=H;exports.DuiTable=K;exports.DuiTextarea=$;
+`,M=e.defineComponent({__name:"DuiAlert",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},rounded:{type:String,default:"all"}},setup(s){const r=s,d={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},a={solid:{base:"",neutral:"dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",primary:"dk:bg-slate-200 dk:text-slate-800 dk:dark:bg-slate-700 dk:dark:text-slate-100",secondary:"dk:bg-pink-200 dk:text-pink-800 dk:dark:bg-pink-700 dk:dark:text-pink-100",success:"dk:bg-emerald-200 dk:text-emerald-800 dk:dark:bg-emerald-700 dk:dark:text-emerald-100",warning:"dk:bg-amber-200 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",danger:"dk:bg-rose-200 dk:text-rose-800 dk:dark:bg-rose-700 dk:dark:text-rose-100"},outline:{base:"dk:border",neutral:"dk:border-zinc-400 dk:text-zinc-700 dk:dark:border-zinc-500 dk:dark:text-zinc-200",primary:"dk:border-slate-400 dk:text-slate-700 dk:dark:border-slate-500 dk:dark:text-slate-200",secondary:"dk:border-pink-400 dk:text-pink-700 dk:dark:border-pink-500 dk:dark:text-pink-200",success:"dk:border-green-400 dk:text-green-700 dk:dark:border-green-500 dk:dark:text-green-200",warning:"dk:border-yellow-400 dk:text-yellow-700 dk:dark:border-yellow-500 dk:dark:text-yellow-200",danger:"dk:border-red-400 dk:text-red-700 dk:dark:border-red-500 dk:dark:text-red-200"},ghost:{base:"",neutral:"dk:text-zinc-700 dk:dark:text-zinc-200 dk:bg-zinc-50 dk:dark:bg-zinc-800",primary:"dk:text-slate-700 dk:dark:text-slate-200 dk:bg-slate-50 dk:dark:bg-slate-800",secondary:"dk:text-pink-700 dk:dark:text-pink-200 dk:bg-pink-50 dk:dark:bg-pink-800",success:"dk:text-emerald-700 dk:dark:text-emerald-200 dk:bg-emerald-50 dk:dark:bg-emerald-800",warning:"dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",danger:"dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"}},l=e.computed(()=>{var u;const i=((u=a[r.variant])==null?void 0:u[r.color])||"",k=a[r.variant].base||"",b=d[r.rounded]||"";return[H,k,i,b].join(" ")});return(i,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),role:"alert"},[e.renderSlot(i.$slots,"default")],2))}}),O={class:"dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg"},G={class:"dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300"},J={class:"dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200"},K=e.defineComponent({__name:"DuiTable",props:{columns:{type:Array,required:!0},rows:{type:Array,required:!0}},setup(s){const r=s;return(d,a)=>(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("table",G,[e.createElementVNode("thead",J,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.columns,l=>(e.openBlock(),e.createElementBlock("th",{key:l.name,class:e.normalizeClass(["dk:px-6 dk:py-3",l.classes])},e.toDisplayString(l.label),3))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.rows,(l,i)=>(e.openBlock(),e.createElementBlock("tr",{key:i,class:"dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.columns,k=>(e.openBlock(),e.createElementBlock("td",{key:k.name,class:"dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"},[e.renderSlot(d.$slots,k.name,e.mergeProps({ref_for:!0},l),()=>[e.createTextVNode(e.toDisplayString(l[k.name]),1)])]))),128))]))),128))])])]))}});exports.DuiAction=L;exports.DuiAlert=M;exports.DuiButton=y;exports.DuiInput=B;exports.DuiSelect=F;exports.DuiTable=K;exports.DuiTextarea=E;

package/dist/droni-kit.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as z, computed as m, createElementBlock as r, openBlock as t, normalizeClass as g, renderSlot as _, createCommentVNode as v, createElementVNode as h, createTextVNode as w, toDisplayString as y, Fragment as f, renderList as S, mergeProps as q } from "vue";
-const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
+import { defineComponent as f, getCurrentInstance as V, computed as c, createBlock as D, openBlock as a, resolveDynamicComponent as N, mergeProps as B, withCtx as L, renderSlot as S, createElementBlock as k, createCommentVNode as v, createElementVNode as h, normalizeClass as m, createTextVNode as w, toDisplayString as y, Fragment as z, renderList as _ } from "vue";
+const T = { key: 1 }, j = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -10,52 +10,43 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, ee = /* @__PURE__ */ z({
+  dk:max-w-full`, ae = /* @__PURE__ */ f({
   __name: "DuiButton",
   props: {
-    variant: {
-      type: String,
-      default: "solid"
-    },
-    color: {
-      type: String,
-      default: "neutral"
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    type: {
-      type: String,
-      default: "button"
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    block: {
-      type: Boolean,
-      default: !1
-    },
-    title: {
-      type: String,
-      default: void 0
-    },
-    rounded: {
-      type: String,
-      default: "all"
-    }
+    variant: { default: "solid" },
+    color: { default: "neutral" },
+    size: { default: "md" },
+    type: { default: "button" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    title: { default: void 0 },
+    rounded: { default: "all" },
+    to: { default: void 0 }
   },
-  setup(n) {
-    const d = n, e = {
+  setup(i) {
+    const d = i, e = V(), t = e == null ? void 0 : e.appContext.app, n = c(() => {
+      try {
+        return !!(t != null && t.config.globalProperties.$router || t != null && t.config.globalProperties.$route || globalThis.VueRouter || // Check if RouterLink component is globally registered
+        t != null && t.component("RouterLink"));
+      } catch {
+        return !1;
+      }
+    }), b = c(() => {
+      try {
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || // Check if NuxtLink component is globally available
+        t != null && t.component("NuxtLink"));
+      } catch {
+        return !1;
+      }
+    }), l = c(() => d.to ? b.value ? "NuxtLink" : n.value ? "RouterLink" : "a" : "button"), p = c(() => {
+      const r = {};
+      return l.value === "button" ? r.type = d.type : l.value === "a" ? (r.href = typeof d.to == "string" ? d.to : "#", r.role = "button") : r.to = d.to, r;
+    }), g = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, i = {
+    }, x = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -234,24 +225,26 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, s = m(() => {
-      var k;
-      const l = (((k = o[d.variant]) == null ? void 0 : k[d.color]) || "") + " " + o[d.variant].base, c = e[d.size] || "", u = d.block ? "dk:w-full" : "", x = i[d.rounded] || "";
-      return [D, l, c, u, x].join(" ");
+    }, s = c(() => {
+      var q;
+      const r = (((q = o[d.variant]) == null ? void 0 : q[d.color]) || "") + " " + o[d.variant].base, u = g[d.size] || "", C = d.block ? "dk:w-full" : "", $ = x[d.rounded] || "";
+      return [j, r, u, C, $].join(" ");
     });
-    return (l, c) => (t(), r("button", {
-      type: d.type,
-      class: g(s.value),
+    return (r, u) => (a(), D(N(l.value), B(p.value, {
+      class: s.value,
       title: d.title,
       disabled: d.disabled || d.loading
-    }, [
-      d.loading ? (t(), r("span", V, "Cargando...")) : _(l.$slots, "default", { key: 0 })
-    ], 10, B));
+    }), {
+      default: L(() => [
+        d.loading ? (a(), k("span", T, "Cargando...")) : S(r.$slots, "default", { key: 0 })
+      ]),
+      _: 3
+    }, 16, ["class", "title", "disabled"]));
   }
-}), N = ["for"], j = {
+}), A = ["for"], R = {
   key: 0,
   class: "dk:text-rose-500"
-}, L = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], A = `
+}, I = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], P = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -263,7 +256,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, de = /* @__PURE__ */ z({
+  dk:dark:[color-scheme:dark]`, ke = /* @__PURE__ */ f({
   __name: "DuiInput",
   props: {
     modelValue: {
@@ -336,13 +329,13 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
     }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: d }) {
-    const e = n, i = d;
-    function o(k) {
-      const b = k.target;
-      i("update:modelValue", b.value);
+  setup(i, { emit: d }) {
+    const e = i, t = d;
+    function n(o) {
+      const s = o.target;
+      t("update:modelValue", s.value);
     }
-    const s = {
+    const b = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
@@ -353,30 +346,30 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, c = {
+    }, p = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, u = m(() => {
-      const k = s[e.size] || "", b = e.block ? "dk:w-full" : "", a = l[e.rounded] || "";
-      return [A, k, b, a].join(" ");
-    }), x = m(() => {
-      const k = c[e.size] || "", b = e.block ? "dk:w-full" : "";
-      return [k, b].join(" ");
+    }, g = c(() => {
+      const o = b[e.size] || "", s = e.block ? "dk:w-full" : "", r = l[e.rounded] || "";
+      return [P, o, s, r].join(" ");
+    }), x = c(() => {
+      const o = p[e.size] || "", s = e.block ? "dk:w-full" : "";
+      return [o, s].join(" ");
     });
-    return (k, b) => (t(), r("div", null, [
-      e.label ? (t(), r("label", {
+    return (o, s) => (a(), k("div", null, [
+      e.label ? (a(), k("label", {
         key: 0,
         for: e.id,
-        class: g([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
         w(y(e.label) + " ", 1),
-        e.required ? (t(), r("span", j, "*")) : v("", !0)
-      ], 10, N)) : v("", !0),
+        e.required ? (a(), k("span", R, "*")) : v("", !0)
+      ], 10, A)) : v("", !0),
       h("input", {
         type: e.type,
-        class: g(u.value),
-        value: n.modelValue,
+        class: m(g.value),
+        value: i.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
         required: e.required,
@@ -390,14 +383,14 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onInput: o
-      }, null, 42, L)
+        onInput: n
+      }, null, 42, I)
     ]));
   }
-}), T = ["for"], I = {
+}), E = ["for"], F = {
   key: 0,
   class: "dk:text-rose-500"
-}, E = ["value", "disabled", "placeholder", "required", "name", "id", "readonly", "aria-label", "aria-disabled", "aria-required"], F = `
+}, H = ["value", "disabled", "placeholder", "required", "name", "id", "readonly", "aria-label", "aria-disabled", "aria-required"], G = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -409,7 +402,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, re = /* @__PURE__ */ z({
+  dk:dark:[color-scheme:dark]`, oe = /* @__PURE__ */ f({
   __name: "DuiTextarea",
   props: {
     modelValue: {
@@ -466,13 +459,13 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
     }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: d }) {
-    const e = n, i = d;
-    function o(a) {
-      const p = a.target;
-      e.autoheight && b(p), i("update:modelValue", p.value);
+  setup(i, { emit: d }) {
+    const e = i, t = d;
+    function n(r) {
+      const u = r.target;
+      e.autoheight && s(u), t("update:modelValue", u.value);
     }
-    const s = {
+    const b = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-3 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
@@ -483,36 +476,36 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, c = {
+    }, p = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, u = {
+    }, g = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, x = m(() => {
-      const a = s[e.size] || "", p = e.block ? "dk:w-full" : "", C = l[e.rounded] || "", $ = u[e.resize] || "";
-      return [F, a, p, C, $].join(" ");
-    }), k = m(() => {
-      const a = c[e.size] || "", p = e.block ? "dk:w-full" : "";
-      return [a, p].join(" ");
-    }), b = (a) => {
-      a.style.height = "auto", a.style.height = `${a.scrollHeight + 5}px`;
+    }, x = c(() => {
+      const r = b[e.size] || "", u = e.block ? "dk:w-full" : "", C = l[e.rounded] || "", $ = g[e.resize] || "";
+      return [G, r, u, C, $].join(" ");
+    }), o = c(() => {
+      const r = p[e.size] || "", u = e.block ? "dk:w-full" : "";
+      return [r, u].join(" ");
+    }), s = (r) => {
+      r.style.height = "auto", r.style.height = `${r.scrollHeight + 5}px`;
     };
-    return (a, p) => (t(), r("div", null, [
-      e.label ? (t(), r("label", {
+    return (r, u) => (a(), k("div", null, [
+      e.label ? (a(), k("label", {
         key: 0,
         for: e.id,
-        class: g([k.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([o.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
         w(y(e.label) + " ", 1),
-        e.required ? (t(), r("span", I, "*")) : v("", !0)
-      ], 10, T)) : v("", !0),
+        e.required ? (a(), k("span", F, "*")) : v("", !0)
+      ], 10, E)) : v("", !0),
       h("textarea", {
-        class: g(x.value),
-        value: n.modelValue,
+        class: m(x.value),
+        value: i.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
         required: e.required,
@@ -522,11 +515,11 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onInput: o
-      }, null, 42, E)
+        onInput: n
+      }, null, 42, H)
     ]));
   }
-}), H = ["title"], P = { key: 1 }, R = `
+}), J = ["title"], K = { key: 1 }, M = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -537,7 +530,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, te = /* @__PURE__ */ z({
+  dk:max-w-full`, le = /* @__PURE__ */ f({
   __name: "DuiAction",
   props: {
     variant: {
@@ -569,19 +562,19 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       default: "all"
     }
   },
-  setup(n) {
-    const d = n, e = {
+  setup(i) {
+    const d = i, e = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, i = {
+    }, t = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, o = {
+    }, n = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -753,27 +746,27 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, s = m(() => {
-      var k;
-      const l = (((k = o[d.variant]) == null ? void 0 : k[d.color]) || "") + " " + o[d.variant].base, c = e[d.size] || "", u = d.block ? "dk:block" : "dk:inline-block", x = i[d.rounded] || "";
-      return [R, l, c, u, x].join(" ");
+    }, b = c(() => {
+      var o;
+      const l = (((o = n[d.variant]) == null ? void 0 : o[d.color]) || "") + " " + n[d.variant].base, p = e[d.size] || "", g = d.block ? "dk:block" : "dk:inline-block", x = t[d.rounded] || "";
+      return [M, l, p, g, x].join(" ");
     });
-    return (l, c) => (t(), r("span", {
-      class: g(s.value),
+    return (l, p) => (a(), k("span", {
+      class: m(b.value),
       title: d.title
     }, [
-      d.loading ? (t(), r("span", P, "Cargando...")) : _(l.$slots, "default", { key: 0 })
-    ], 10, H));
+      d.loading ? (a(), k("span", K, "Cargando...")) : S(l.$slots, "default", { key: 0 })
+    ], 10, J));
   }
-}), G = ["for"], J = {
+}), O = ["for"], Q = {
   key: 0,
   class: "dk:text-rose-500"
-}, K = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], M = {
+}, U = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], W = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, O = ["value", "selected"], Q = `
+}, X = ["value", "selected"], Y = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -786,7 +779,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, ae = /* @__PURE__ */ z({
+`, ne = /* @__PURE__ */ f({
   __name: "DuiSelect",
   props: {
     modelValue: {
@@ -847,13 +840,13 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
     }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: d }) {
-    const e = n, i = d;
-    function o(k) {
-      const a = k.target.value, p = Number(a);
-      !isNaN(p) && a !== "" ? i("update:modelValue", p) : i("update:modelValue", a);
+  setup(i, { emit: d }) {
+    const e = i, t = d;
+    function n(o) {
+      const r = o.target.value, u = Number(r);
+      !isNaN(u) && r !== "" ? t("update:modelValue", u) : t("update:modelValue", r);
     }
-    const s = {
+    const b = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
@@ -864,54 +857,54 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, c = {
+    }, p = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, u = m(() => {
-      const k = s[e.size] || "", b = e.block ? "dk:w-full" : "", a = l[e.rounded] || "";
-      return [Q, k, b, a].join(" ");
-    }), x = m(() => {
-      const k = c[e.size] || "", b = e.block ? "dk:w-full" : "";
-      return [k, b].join(" ");
+    }, g = c(() => {
+      const o = b[e.size] || "", s = e.block ? "dk:w-full" : "", r = l[e.rounded] || "";
+      return [Y, o, s, r].join(" ");
+    }), x = c(() => {
+      const o = p[e.size] || "", s = e.block ? "dk:w-full" : "";
+      return [o, s].join(" ");
     });
-    return (k, b) => (t(), r("div", null, [
-      e.label ? (t(), r("label", {
+    return (o, s) => (a(), k("div", null, [
+      e.label ? (a(), k("label", {
         key: 0,
         for: e.id,
-        class: g([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
         w(y(e.label) + " ", 1),
-        e.required ? (t(), r("span", J, "*")) : v("", !0)
-      ], 10, G)) : v("", !0),
+        e.required ? (a(), k("span", Q, "*")) : v("", !0)
+      ], 10, O)) : v("", !0),
       h("select", {
         id: e.id,
         name: e.name,
         disabled: e.disabled,
         required: e.required,
-        class: g(u.value),
+        class: m(g.value),
         readonly: e.readonly,
         "aria-label": e.label || "select input",
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onChange: o
+        onChange: n
       }, [
-        e.placeholder ? (t(), r("option", M, y(e.placeholder), 1)) : v("", !0),
-        (t(!0), r(f, null, S(e.options, (a, p) => (t(), r("option", {
-          key: p,
-          value: a[e.itemValue] ?? "",
-          selected: a[e.itemValue] == e.modelValue
-        }, y(a[e.itemLabel] ?? ""), 9, O))), 128))
-      ], 42, K)
+        e.placeholder ? (a(), k("option", W, y(e.placeholder), 1)) : v("", !0),
+        (a(!0), k(z, null, _(e.options, (r, u) => (a(), k("option", {
+          key: u,
+          value: r[e.itemValue] ?? "",
+          selected: r[e.itemValue] == e.modelValue
+        }, y(r[e.itemLabel] ?? ""), 9, X))), 128))
+      ], 42, U)
     ]));
   }
-}), U = `
+}), Z = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, ke = /* @__PURE__ */ z({
+`, se = /* @__PURE__ */ f({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -927,15 +920,15 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       default: "all"
     }
   },
-  setup(n) {
-    const d = n, e = {
+  setup(i) {
+    const d = i, e = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, i = {
+    }, t = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -963,19 +956,19 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         warning: "dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",
         danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
       }
-    }, o = m(() => {
-      var u;
-      const s = ((u = i[d.variant]) == null ? void 0 : u[d.color]) || "", l = i[d.variant].base || "", c = e[d.rounded] || "";
-      return [U, l, s, c].join(" ");
+    }, n = c(() => {
+      var g;
+      const b = ((g = t[d.variant]) == null ? void 0 : g[d.color]) || "", l = t[d.variant].base || "", p = e[d.rounded] || "";
+      return [Z, l, b, p].join(" ");
     });
-    return (s, l) => (t(), r("div", {
-      class: g(o.value),
+    return (b, l) => (a(), k("div", {
+      class: m(n.value),
       role: "alert"
     }, [
-      _(s.$slots, "default")
+      S(b.$slots, "default")
     ], 2));
   }
-}), W = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, X = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, Y = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, oe = /* @__PURE__ */ z({
+}), ee = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, de = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, re = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, ie = /* @__PURE__ */ f({
   __name: "DuiTable",
   props: {
     columns: {
@@ -987,29 +980,29 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       required: !0
     }
   },
-  setup(n) {
-    const d = n;
-    return (e, i) => (t(), r("div", W, [
-      h("table", X, [
-        h("thead", Y, [
+  setup(i) {
+    const d = i;
+    return (e, t) => (a(), k("div", ee, [
+      h("table", de, [
+        h("thead", re, [
           h("tr", null, [
-            (t(!0), r(f, null, S(d.columns, (o) => (t(), r("th", {
-              key: o.name,
-              class: g(["dk:px-6 dk:py-3", o.classes])
-            }, y(o.label), 3))), 128))
+            (a(!0), k(z, null, _(d.columns, (n) => (a(), k("th", {
+              key: n.name,
+              class: m(["dk:px-6 dk:py-3", n.classes])
+            }, y(n.label), 3))), 128))
           ])
         ]),
         h("tbody", null, [
-          (t(!0), r(f, null, S(d.rows, (o, s) => (t(), r("tr", {
-            key: s,
+          (a(!0), k(z, null, _(d.rows, (n, b) => (a(), k("tr", {
+            key: b,
             class: "dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"
           }, [
-            (t(!0), r(f, null, S(d.columns, (l) => (t(), r("td", {
+            (a(!0), k(z, null, _(d.columns, (l) => (a(), k("td", {
               key: l.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              _(e.$slots, l.name, q({ ref_for: !0 }, o), () => [
-                w(y(o[l.name]), 1)
+              S(e.$slots, l.name, B({ ref_for: !0 }, n), () => [
+                w(y(n[l.name]), 1)
               ])
             ]))), 128))
           ]))), 128))
@@ -1019,11 +1012,11 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   }
 });
 export {
-  te as DuiAction,
-  ke as DuiAlert,
-  ee as DuiButton,
-  de as DuiInput,
-  ae as DuiSelect,
-  oe as DuiTable,
-  re as DuiTextarea
+  le as DuiAction,
+  se as DuiAlert,
+  ae as DuiButton,
+  ke as DuiInput,
+  ne as DuiSelect,
+  ie as DuiTable,
+  oe as DuiTextarea
 };

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

@@ -2,44 +2,7 @@ import { StoryObj } from '@storybook/vue3';
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            variant: {
-                type: () => "solid" | "outline" | "ghost";
-                default: string;
-            };
-            color: {
-                type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-                default: string;
-            };
-            size: {
-                type: () => "sm" | "md" | "lg";
-                default: string;
-            };
-            type: {
-                type: () => "button" | "submit" | "reset";
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            loading: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            block: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            title: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            rounded: {
-                type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
-                default: string;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             variant: "solid" | "outline" | "ghost";
             color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
             size: "sm" | "md" | "lg";
@@ -49,51 +12,15 @@ declare const meta: {
             block: boolean;
             title: string;
             rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
+            to: import('./DuiButton.vue').RouteTo;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            variant: {
-                type: () => "solid" | "outline" | "ghost";
-                default: string;
-            };
-            color: {
-                type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-                default: string;
-            };
-            size: {
-                type: () => "sm" | "md" | "lg";
-                default: string;
-            };
-            type: {
-                type: () => "button" | "submit" | "reset";
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            loading: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            block: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            title: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            rounded: {
-                type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
-                default: string;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, {
+        }, Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
             variant: "solid" | "outline" | "ghost";
             color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
             size: "sm" | "md" | "lg";
@@ -103,48 +30,12 @@ declare const meta: {
             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('vue').ExtractPropTypes<{
-        variant: {
-            type: () => "solid" | "outline" | "ghost";
-            default: string;
-        };
-        color: {
-            type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-            default: string;
-        };
-        size: {
-            type: () => "sm" | "md" | "lg";
-            default: string;
-        };
-        type: {
-            type: () => "button" | "submit" | "reset";
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        title: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        rounded: {
-            type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
-            default: string;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    } & import('vue').ComponentOptionsBase<Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         variant: "solid" | "outline" | "ghost";
         color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
         size: "sm" | "md" | "lg";
@@ -154,6 +45,7 @@ declare const meta: {
         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;
@@ -226,8 +118,20 @@ declare const meta: {
             options: string[];
             defaultValue: string;
         };
+        to: {
+            control: {
+                type: "text";
+            };
+            defaultValue: undefined;
+            description: string;
+        };
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const WithRouting: Story;
+export declare const WithComplexRoute: Story;
+export declare const ExternalLink: Story;
+export declare const LoadingWithRoute: Story;
+export declare const DisabledWithRoute: Story;

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

@@ -1,87 +1,34 @@
+export interface RouteLocationRaw {
+    name?: string;
+    path?: string;
+    params?: Record<string, any>;
+    query?: Record<string, any>;
+    hash?: string;
+    [key: string]: any;
+}
+export type RouteTo = string | RouteLocationRaw;
+export interface DuiButtonProps {
+    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;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLButtonElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    variant: {
-        type: () => "solid" | "outline" | "ghost";
-        default: string;
-    };
-    color: {
-        type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-        default: string;
-    };
-    size: {
-        type: () => "sm" | "md" | "lg";
-        default: string;
-    };
-    type: {
-        type: () => "button" | "submit" | "reset";
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    block: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    rounded: {
-        type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    variant: {
-        type: () => "solid" | "outline" | "ghost";
-        default: string;
-    };
-    color: {
-        type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
-        default: string;
-    };
-    size: {
-        type: () => "sm" | "md" | "lg";
-        default: string;
-    };
-    type: {
-        type: () => "button" | "submit" | "reset";
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    block: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    rounded: {
-        type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
-        default: string;
-    };
-}>> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<DuiButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiButtonProps> & Readonly<{}>, {
     variant: "solid" | "outline" | "ghost";
     color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
     size: "sm" | "md" | "lg";
@@ -91,7 +38,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     block: boolean;
     title: string;
     rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+    to: RouteTo;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -144,8 +144,9 @@ declare const meta: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
+        name: string;
         size: "sm" | "md" | "lg";
-        type: "number" | "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
+        type: "number" | "search" | "time" | "text" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week";
         disabled: boolean;
         block: boolean;
         rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
@@ -153,7 +154,6 @@ declare const meta: {
         pattern: string;
         modelValue: string | number;
         placeholder: string;
-        name: string;
         id: string;
         required: boolean;
         readonly: boolean;

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

@@ -141,8 +141,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    name: string;
     size: "sm" | "md" | "lg";
-    type: "number" | "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
+    type: "number" | "search" | "time" | "text" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week";
     disabled: boolean;
     block: boolean;
     rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
@@ -150,7 +151,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     pattern: string;
     modelValue: string | number;
     placeholder: string;
-    name: string;
     id: string;
     required: boolean;
     readonly: boolean;

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

@@ -120,6 +120,7 @@ declare const meta: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     }>, {
+        name: string;
         size: "sm" | "md" | "lg";
         disabled: boolean;
         block: boolean;
@@ -127,7 +128,6 @@ declare const meta: {
         label: string;
         modelValue: string | number;
         placeholder: string;
-        name: string;
         id: string;
         required: boolean;
         readonly: boolean;

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

@@ -117,6 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
+    name: string;
     size: "sm" | "md" | "lg";
     disabled: boolean;
     block: boolean;
@@ -124,7 +125,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     label: string;
     modelValue: string | number;
     placeholder: string;
-    name: string;
     id: string;
     required: boolean;
     readonly: boolean;

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

@@ -112,6 +112,7 @@ declare const meta: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
+        name: string;
         size: "sm" | "md" | "lg";
         disabled: boolean;
         block: boolean;
@@ -119,7 +120,6 @@ declare const meta: {
         label: string;
         modelValue: string;
         placeholder: string;
-        name: string;
         id: string;
         required: boolean;
         readonly: boolean;

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

@@ -109,6 +109,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    name: string;
     size: "sm" | "md" | "lg";
     disabled: boolean;
     block: boolean;
@@ -116,7 +117,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     label: string;
     modelValue: string;
     placeholder: string;
-    name: string;
     id: string;
     required: boolean;
     readonly: boolean;

package/package.json

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