@dronico/droni-kit 1.5.1 → 1.5.3

package/dist/droni-kit.umd.cjs

@@ -1 +1,337 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["droni-kit"]={},d.Vue))})(this,function(d,e){"use strict";const x=["type","title","disabled"],m={key:1},u="transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95",v=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}},setup(n){const t=n,r={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},l={solid:{base:"border-b",neutral:"border-zinc-500 dark:border-zinc-600 bg-zinc-200 text-zinc-800 hover:bg-zinc-300 hover:text-zinc-900 dark:bg-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-zinc-50",primary:"border-slate-500 dark:border-slate-600 bg-slate-200 text-slate-800 hover:bg-slate-300 hover:text-slate-900 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600 dark:hover:text-slate-100",secondary:"border-pink-500 dark:border-pink-600 bg-pink-200 text-pink-800 hover:bg-pink-300 hover:text-pink-900 dark:bg-pink-700 dark:text-pink-200 dark:hover:bg-pink-600 dark:hover:text-pink-100",success:" border-emerald-500 dark:border-emerald-600 bg-emerald-200 text-emerald-800 hover:bg-emerald-300 hover:text-emerald-900 dark:bg-emerald-700 dark:text-emerald-200 dark:hover:bg-emerald-600 dark:hover:text-emerald-100",danger:"border-rose-500 dark:border-rose-600 bg-rose-200 text-rose-800 hover:bg-rose-300 hover:text-rose-900 dark:bg-rose-700 dark:text-rose-200 dark:hover:bg-rose-600 dark:hover:text-rose-100",warning:"border-amber-500 dark:border-amber-600 bg-amber-200 text-amber-800 hover:bg-amber-300 hover:text-amber-900 dark:bg-amber-700 dark:text-amber-200 dark:hover:bg-amber-600 dark:hover:text-amber-100"},outline:{base:"border",neutral:"border-zinc-600 text-zinc-800 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-300 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",primary:"border-sky-600 text-sky-800 hover:bg-sky-100 hover:text-sky-900 dark:border-sky-300 dark:text-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-50",secondary:"border-pink-600 text-pink-800 hover:bg-pink-100 hover:text-pink-900 dark:border-pink-300 dark:text-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-50",success:"border-green-600 text-green-800 hover:bg-green-100 hover:text-green-900 dark:border-green-300 dark:text-green-200 dark:hover:bg-green-800 dark:hover:text-green-50",danger:"border-red-600 text-red-800 hover:bg-red-100 hover:text-red-900 dark:border-red-300 dark:text-red-200 dark:hover:bg-red-800 dark:hover:text-red-50",warning:"border-yellow-600 text-yellow-800 hover:bg-yellow-100 hover:text-yellow-900 dark:border-yellow-300 dark:text-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-50"},ghost:{base:"border-b border-transparent",neutral:"hover:border-zinc-500 hover:dark:border-zinc-600 text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",primary:"hover:border-slate-500 hover:dark:border-slate-600 text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",secondary:"hover:border-pink-500 hover:dark:border-pink-600 text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",success:"hover:border-emerald-500 hover:dark:border-emerald-600 text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",danger:"hover:border-rose-500 hover:dark:border-rose-600 text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",warning:"hover:border-amber-500 hover:dark:border-amber-600 text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"}},k=e.computed(()=>{var i;const a=(((i=l[t.variant])==null?void 0:i[t.color])||"")+" "+l[t.variant].base,s=r[t.size]||"",p=t.block?"w-full":"";return[u,a,s,p].join(" ")});return(a,s)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(k.value),title:t.title,disabled:t.disabled||t.loading},[t.loading?(e.openBlock(),e.createElementBlock("span",m,"Cargando...")):e.renderSlot(a.$slots,"default",{key:0})],10,x))}}),y=["for"],z={key:0,class:"text-rose-500"},f=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],S="border-b border-zinc-300 bg-zinc-50 text-zinc-800 focus:outline-none focus:bg-zinc-100 dark:bg-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:focus:bg-zinc-700 dark:[color-scheme:dark]",_=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!1},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},rounded:{type:String,default:"all"}},emits:["update:modelValue"],setup(n,{emit:t}){const r=n,l=t;function k(b){const c=b.target;l("update:modelValue",c.value)}const a={sm:"text-sm px-3 py-1.5",md:"text-base px-3 py-2",lg:"text-lg px-5 py-3"},s={all:"rounded",top:"rounded-t",bottom:"rounded-b",left:"rounded-l",right:"rounded-r",none:"rounded-none"},p={sm:"text-sm pb-0.5",md:"text-base pb-1",lg:"text-lg pb-2"},i=e.computed(()=>{const b=a[r.size]||"",c=r.block?"w-full":"",o=s[r.rounded]||"";return[S,b,c,o].join(" ")}),h=e.computed(()=>{const b=p[r.size]||"",c=r.block?"w-full":"";return[b,c].join(" ")});return(b,c)=>(e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass([h.value,"text-start block text-zinc-700 dark:text-zinc-200 px-0"])},[e.createTextVNode(e.toDisplayString(r.label)+" ",1),r.required?(e.openBlock(),e.createElementBlock("span",z,"*")):e.createCommentVNode("",!0)],10,y)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:r.type,class:e.normalizeClass(i.value),value:n.modelValue,disabled:r.disabled,placeholder:r.placeholder,required:r.required,name:r.name,id:r.id,pattern:r.pattern,"aria-label":r.placeholder,"aria-disabled":r.disabled,"aria-required":r.required,onInput:k},null,42,f)]))}}),w=["for"],C={key:0,class:"text-rose-500"},B=["value","disabled","placeholder","required","name","id","aria-label","aria-disabled","aria-required"],q="border-b border-zinc-300 bg-zinc-50 text-zinc-800 focus:outline-none focus:bg-zinc-100 dark:bg-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:focus:bg-zinc-700 dark:[color-scheme:dark]",V=e.defineComponent({__name:"DuiTextarea",props:{modelValue:{type:String,default:""},size:{type:String,default:"md"},block:{type:Boolean,default:!1},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},rounded:{type:String,default:"all"},autoheight:{type:Boolean,default:!0},resize:{type:String,default:"none"}},emits:["update:modelValue"],setup(n,{emit:t}){const r=n,l=t;function k(o){const g=o.target;r.autoheight&&c(g),l("update:modelValue",g.value)}const a={sm:"text-sm px-3 py-1.5",md:"text-base px-3 py-2",lg:"text-lg px-5 py-3"},s={all:"rounded",top:"rounded-t",bottom:"rounded-b",left:"rounded-l",right:"rounded-r",none:"rounded-none"},p={sm:"text-sm pb-0.5",md:"text-base pb-1",lg:"text-lg pb-2"},i={none:"resize-none",both:"resize",horizontal:"resize-x",vertical:"resize-y"},h=e.computed(()=>{const o=a[r.size]||"",g=r.block?"w-full":"",N=s[r.rounded]||"",T=i[r.resize]||"";return[q,o,g,N,T].join(" ")}),b=e.computed(()=>{const o=p[r.size]||"",g=r.block?"w-full":"";return[o,g].join(" ")}),c=o=>{o.style.height="auto",o.style.height=`${o.scrollHeight+5}px`};return(o,g)=>(e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass([b.value,"text-start block text-zinc-700 dark:text-zinc-200 px-0"])},[e.createTextVNode(e.toDisplayString(r.label)+" ",1),r.required?(e.openBlock(),e.createElementBlock("span",C,"*")):e.createCommentVNode("",!0)],10,w)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(h.value),value:n.modelValue,disabled:r.disabled,placeholder:r.placeholder,required:r.required,name:r.name,id:r.id,"aria-label":r.placeholder,"aria-disabled":r.disabled,"aria-required":r.required,onInput:k},null,42,B)]))}}),$=["href","target","title"],E={key:1},D="transition text-center rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95",j=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},href:{type:String,default:void 0},target:{type:String,default:void 0}},setup(n){const t=n,r={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},l={solid:{base:"border-b",neutral:"border-zinc-500 dark:border-zinc-600 bg-zinc-200 text-zinc-800 hover:bg-zinc-300 hover:text-zinc-900 dark:bg-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-zinc-50",primary:"border-slate-500 dark:border-slate-600 bg-slate-200 text-slate-800 hover:bg-slate-300 hover:text-slate-900 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600 dark:hover:text-slate-100",secondary:"border-pink-500 dark:border-pink-600 bg-pink-200 text-pink-800 hover:bg-pink-300 hover:text-pink-900 dark:bg-pink-700 dark:text-pink-200 dark:hover:bg-pink-600 dark:hover:text-pink-100",success:" border-emerald-500 dark:border-emerald-600 bg-emerald-200 text-emerald-800 hover:bg-emerald-300 hover:text-emerald-900 dark:bg-emerald-700 dark:text-emerald-200 dark:hover:bg-emerald-600 dark:hover:text-emerald-100",danger:"border-rose-500 dark:border-rose-600 bg-rose-200 text-rose-800 hover:bg-rose-300 hover:text-rose-900 dark:bg-rose-700 dark:text-rose-200 dark:hover:bg-rose-600 dark:hover:text-rose-100",warning:"border-amber-500 dark:border-amber-600 bg-amber-200 text-amber-800 hover:bg-amber-300 hover:text-amber-900 dark:bg-amber-700 dark:text-amber-200 dark:hover:bg-amber-600 dark:hover:text-amber-100"},outline:{base:"border",neutral:"border-zinc-600 text-zinc-800 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-300 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",primary:"border-sky-600 text-sky-800 hover:bg-sky-100 hover:text-sky-900 dark:border-sky-300 dark:text-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-50",secondary:"border-pink-600 text-pink-800 hover:bg-pink-100 hover:text-pink-900 dark:border-pink-300 dark:text-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-50",success:"border-green-600 text-green-800 hover:bg-green-100 hover:text-green-900 dark:border-green-300 dark:text-green-200 dark:hover:bg-green-800 dark:hover:text-green-50",danger:"border-red-600 text-red-800 hover:bg-red-100 hover:text-red-900 dark:border-red-300 dark:text-red-200 dark:hover:bg-red-800 dark:hover:text-red-50",warning:"border-yellow-600 text-yellow-800 hover:bg-yellow-100 hover:text-yellow-900 dark:border-yellow-300 dark:text-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-50"},ghost:{base:"border-b border-transparent",neutral:"hover:border-zinc-500 hover:dark:border-zinc-600 text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",primary:"hover:border-slate-500 hover:dark:border-slate-600 text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",secondary:"hover:border-pink-500 hover:dark:border-pink-600 text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",success:"hover:border-emerald-500 hover:dark:border-emerald-600 text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",danger:"hover:border-rose-500 hover:dark:border-rose-600 text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",warning:"hover:border-amber-500 hover:dark:border-amber-600 text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"}},k=e.computed(()=>{var i;const a=(((i=l[t.variant])==null?void 0:i[t.color])||"")+" "+l[t.variant].base,s=r[t.size]||"",p=t.block?"block":"inline-block";return[D,a,s,p].join(" ")});return(a,s)=>(e.openBlock(),e.createElementBlock("a",{href:t.href,target:t.target,class:e.normalizeClass(k.value),title:t.title},[t.loading?(e.openBlock(),e.createElementBlock("span",E,"Cargando...")):e.renderSlot(a.$slots,"default",{key:0})],10,$))}});d.DuiAction=j,d.DuiButton=v,d.DuiInput=_,d.DuiTextarea=V,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["droni-kit"]={},a.Vue))})(this,function(a,e){"use strict";const g=["type","title","disabled"],x={key:1},u=`
+  dk:transition
+  dk:text-center
+  dk:rounded
+  dk:disabled:opacity-50
+  dk:disabled:cursor-not-allowed
+  dk:cursor-pointer
+  dk:hover:shadow-md
+  dk:overflow-hidden
+  dk:text-ellipsis
+  dk:whitespace-nowrap
+  dk:active:scale-95
+  dk:max-w-full`,v=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}},setup(o){const r=o,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"},l={solid:{base:"dk:border-b",neutral:`
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:bg-zinc-200
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:bg-zinc-700
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-50`,primary:`
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:bg-slate-200
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:bg-slate-700
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,secondary:`
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:bg-pink-200
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:bg-pink-700
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,success:`
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:bg-emerald-200
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:bg-emerald-700
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,danger:`
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:bg-rose-200
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:bg-rose-700
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,warning:`
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:bg-amber-200
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:bg-amber-700
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`},outline:{base:"dk:border",neutral:`
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-100`,primary:`
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,secondary:`
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,success:`
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,danger:`
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,warning:`
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`},ghost:{base:"dk:border-b dk:border-transparent",neutral:`
+      dk:hover:border-zinc-500
+      dk:hover:dark:border-zinc-600
+      dk:text-zinc-600
+      dk:hover:bg-zinc-50
+      dk:dark:text-zinc-100
+      dk:dark:hover:bg-zinc-800`,primary:`
+      dk:hover:border-slate-500
+      dk:hover:dark:border-slate-600
+      dk:text-slate-600
+      dk:hover:bg-slate-50
+      dk:dark:text-slate-100
+      dk:dark:hover:bg-slate-800`,secondary:`
+      dk:hover:border-pink-500
+      dk:hover:dark:border-pink-600
+      dk:text-pink-600
+      dk:hover:bg-pink-50
+      dk:dark:text-pink-100
+      dk:dark:hover:bg-pink-800`,success:`
+      dk:hover:border-emerald-500
+      dk:hover:dark:border-emerald-600
+      dk:text-emerald-600
+      dk:hover:bg-emerald-50
+      dk:dark:text-emerald-100
+      dk:dark:hover:bg-emerald-800`,danger:`
+      dk:hover:border-rose-500
+      dk:hover:dark:border-rose-600
+      dk:text-rose-600
+      dk:hover:bg-rose-50
+      dk:dark:text-rose-100
+      dk:dark:hover:bg-rose-800`,warning:`
+      dk:hover:border-amber-500
+      dk:hover:dark:border-amber-600
+      dk:text-amber-600
+      dk:hover:bg-amber-50
+      dk:dark:text-amber-100
+      dk:dark:hover:bg-amber-800`}},c=e.computed(()=>{var s;const k=(((s=l[r.variant])==null?void 0:s[r.color])||"")+" "+l[r.variant].base,n=d[r.size]||"",p=r.block?"dk:w-full":"";return[u,k,n,p].join(" ")});return(k,n)=>(e.openBlock(),e.createElementBlock("button",{type:r.type,class:e.normalizeClass(c.value),title:r.title,disabled:r.disabled||r.loading},[r.loading?(e.openBlock(),e.createElementBlock("span",x,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,g))}}),y=["for"],z={key:0,class:"dk:text-rose-500"},f=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],S=`
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]`,_=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!1},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},rounded:{type:String,default:"all"}},emits:["update:modelValue"],setup(o,{emit:r}){const d=o,l=r;function c(i){const b=i.target;l("update:modelValue",b.value)}const k={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"},n={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},p={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},s=e.computed(()=>{const i=k[d.size]||"",b=d.block?"dk:w-full":"",t=n[d.rounded]||"";return[S,i,b,t].join(" ")}),m=e.computed(()=>{const i=p[d.size]||"",b=d.block?"dk:w-full":"";return[i,b].join(" ")});return(i,b)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([m.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,y)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:d.type,class:e.normalizeClass(s.value),value:o.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,pattern:d.pattern,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:c},null,42,f)]))}}),C=["for"],B={key:0,class:"dk:text-rose-500"},w=["value","disabled","placeholder","required","name","id","aria-label","aria-disabled","aria-required"],q=`
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]`,V=e.defineComponent({__name:"DuiTextarea",props:{modelValue:{type:String,default:""},size:{type:String,default:"md"},block:{type:Boolean,default:!1},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},rounded:{type:String,default:"all"},autoheight:{type:Boolean,default:!0},resize:{type:String,default:"none"}},emits:["update:modelValue"],setup(o,{emit:r}){const d=o,l=r;function c(t){const h=t.target;d.autoheight&&b(h),l("update:modelValue",h.value)}const k={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"},n={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},p={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},s={none:"dk:resize-none",both:"dk:resize",horizontal:"dk:resize-x",vertical:"dk:resize-y"},m=e.computed(()=>{const t=k[d.size]||"",h=d.block?"dk:w-full":"",N=n[d.rounded]||"",T=s[d.resize]||"";return[q,t,h,N,T].join(" ")}),i=e.computed(()=>{const t=p[d.size]||"",h=d.block?"dk:w-full":"";return[t,h].join(" ")}),b=t=>{t.style.height="auto",t.style.height=`${t.scrollHeight+5}px`};return(t,h)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([i.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",B,"*")):e.createCommentVNode("",!0)],10,C)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(m.value),value:o.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:c},null,42,w)]))}}),$=["title"],E={key:1},D=`
+  dk:transition
+  dk:text-center
+  dk:rounded
+  dk:disabled:opacity-50
+  dk:disabled:cursor-not-allowed
+  dk:cursor-pointer
+  dk:hover:shadow-md
+  dk:overflow-hidden
+  dk:text-ellipsis
+  dk:whitespace-nowrap
+  dk:active:scale-95
+  dk:max-w-full`,j=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}},setup(o){const r=o,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"},l={solid:{base:"dk:border-b",neutral:`
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:bg-zinc-200
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:bg-zinc-700
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-50`,primary:`
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:bg-slate-200
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:bg-slate-700
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,secondary:`
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:bg-pink-200
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:bg-pink-700
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,success:`
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:bg-emerald-200
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:bg-emerald-700
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,danger:`
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:bg-rose-200
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:bg-rose-700
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,warning:`
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:bg-amber-200
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:bg-amber-700
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`},outline:{base:"dk:border",neutral:`
+      dk:border-zinc-600
+      dk:text-zinc-800
+      dk:hover:bg-zinc-100
+      dk:hover:text-zinc-900
+      dk:dark:border-zinc-300
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-800
+      dk:dark:hover:text-zinc-50`,primary:`
+      dk:border-sky-600
+      dk:text-sky-800
+      dk:hover:bg-sky-100
+      dk:hover:text-sky-900
+      dk:dark:border-sky-300
+      dk:dark:text-sky-200
+      dk:dark:hover:bg-sky-800
+      dk:dark:hover:text-sky-50`,secondary:`
+      dk:border-pink-600
+      dk:text-pink-800
+      dk:hover:bg-pink-100
+      dk:hover:text-pink-900
+      dk:dark:border-pink-300
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-800
+      dk:dark:hover:text-pink-50`,success:`
+      dk:border-green-600
+      dk:text-green-800
+      dk:hover:bg-green-100
+      dk:hover:text-green-900
+      dk:dark:border-green-300
+      dk:dark:text-green-200
+      dk:dark:hover:bg-green-800
+      dk:dark:hover:text-green-50`,danger:`
+      dk:border-red-600
+      dk:text-red-800
+      dk:hover:bg-red-100
+      dk:hover:text-red-900
+      dk:dark:border-red-300
+      dk:dark:text-red-200
+      dk:dark:hover:bg-red-800
+      dk:dark:hover:text-red-50`,warning:`
+      dk:border-yellow-600
+      dk:text-yellow-800
+      dk:hover:bg-yellow-100
+      dk:hover:text-yellow-900
+      dk:dark:border-yellow-300
+      dk:dark:text-yellow-200
+      dk:dark:hover:bg-yellow-800
+      dk:dark:hover:text-yellow-50`},ghost:{base:"dk:border-b dk:border-transparent",neutral:`
+      dk:hover:border-zinc-500
+      dk:hover:dark:border-zinc-600
+      dk:text-zinc-600
+      dk:hover:bg-zinc-50
+      dk:dark:text-zinc-100
+      dk:dark:hover:bg-zinc-800`,primary:`
+      dk:hover:border-slate-500
+      dk:hover:dark:border-slate-600
+      dk:text-slate-600
+      dk:hover:bg-slate-50
+      dk:dark:text-slate-100
+      dk:dark:hover:bg-slate-800`,secondary:`
+      dk:hover:border-pink-500
+      dk:hover:dark:border-pink-600
+      dk:text-pink-600
+      dk:hover:bg-pink-50
+      dk:dark:text-pink-100
+      dk:dark:hover:bg-pink-800`,success:`
+      dk:hover:border-emerald-500
+      dk:hover:dark:border-emerald-600
+      dk:text-emerald-600
+      dk:hover:bg-emerald-50
+      dk:dark:text-emerald-100
+      dk:dark:hover:bg-emerald-800`,danger:`
+      dk:hover:border-rose-500
+      dk:hover:dark:border-rose-600
+      dk:text-rose-600
+      dk:hover:bg-rose-50
+      dk:dark:text-rose-100
+      dk:dark:hover:bg-rose-800`,warning:`
+      dk:hover:border-amber-500
+      dk:hover:dark:border-amber-600
+      dk:text-amber-600
+      dk:hover:bg-amber-50
+      dk:dark:text-amber-100
+      dk:dark:hover:bg-amber-800`}},c=e.computed(()=>{var s;const k=(((s=l[r.variant])==null?void 0:s[r.color])||"")+" "+l[r.variant].base,n=d[r.size]||"",p=r.block?"dk:block":"dk:inline-block";return[D,k,n,p].join(" ")});return(k,n)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(c.value),title:r.title},[r.loading?(e.openBlock(),e.createElementBlock("span",E,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,$))}});a.DuiAction=j,a.DuiButton=v,a.DuiInput=_,a.DuiTextarea=V,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

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

@@ -27,14 +27,6 @@ declare const meta: {
                 type: StringConstructor;
                 default: undefined;
             };
-            href: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            target: {
-                type: StringConstructor;
-                default: undefined;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             variant: "solid" | "outline" | "ghost";
             color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
@@ -42,9 +34,7 @@ declare const meta: {
             loading: boolean;
             block: boolean;
             title: string;
-            href: string;
-            target: string;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLAnchorElement, import('vue').ComponentProvideOptions, {
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -76,14 +66,6 @@ declare const meta: {
                 type: StringConstructor;
                 default: undefined;
             };
-            href: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            target: {
-                type: StringConstructor;
-                default: undefined;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             variant: "solid" | "outline" | "ghost";
             color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
@@ -91,8 +73,6 @@ declare const meta: {
             loading: boolean;
             block: boolean;
             title: string;
-            href: string;
-            target: string;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -122,14 +102,6 @@ declare const meta: {
             type: StringConstructor;
             default: undefined;
         };
-        href: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        target: {
-            type: StringConstructor;
-            default: undefined;
-        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         variant: "solid" | "outline" | "ghost";
         color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
@@ -137,8 +109,6 @@ declare const meta: {
         loading: boolean;
         block: boolean;
         title: string;
-        href: string;
-        target: string;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -152,19 +122,6 @@ declare const meta: {
             };
             defaultValue: string;
         };
-        href: {
-            control: {
-                type: "text";
-            };
-            defaultValue: undefined;
-        };
-        target: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            defaultValue: undefined;
-        };
         size: {
             control: {
                 type: "select";

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

@@ -4,7 +4,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLAnchorElement;
+    rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -32,14 +32,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: undefined;
     };
-    href: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    target: {
-        type: StringConstructor;
-        default: undefined;
-    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     variant: {
         type: () => "solid" | "outline" | "ghost";
@@ -65,14 +57,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: undefined;
     };
-    href: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    target: {
-        type: StringConstructor;
-        default: undefined;
-    };
 }>> & Readonly<{}>, {
     variant: "solid" | "outline" | "ghost";
     color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
@@ -80,9 +64,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     loading: boolean;
     block: boolean;
     title: string;
-    href: string;
-    target: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLAnchorElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/package.json

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