@dronico/droni-kit 1.7.5 → 1.7.7

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.7.7](https://github.com/Droni-app/droni-kit/compare/v1.7.6...v1.7.7) (2025-05-09)
+
+
+### Bug Fixes
+
+* readonly on inputs ([dbe7c11](https://github.com/Droni-app/droni-kit/commit/dbe7c11b48e48ad1f6678391c0582afd314265dc))
+
+## [1.7.6](https://github.com/Droni-app/droni-kit/compare/v1.7.5...v1.7.6) (2025-04-24)
+
+
+### Bug Fixes
+
+* export alert ([bd007ad](https://github.com/Droni-app/droni-kit/commit/bd007ad461dcf4f77f78eb95f5963daa3849e8d6))
+
 ## [1.7.5](https://github.com/Droni-app/droni-kit/compare/v1.7.4...v1.7.5) (2025-04-24)
 
 

package/dist/droni-kit.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=["type","title","disabled"],v={key:1},x=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),x=["type","title","disabled"],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"},i={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},n={solid:{base:"dk:border-b",neutral:`
+  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"},b={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},n={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`}},c=e.computed(()=>{var t;const k=(((t=n[r.variant])==null?void 0:t[r.color])||"")+" "+n[r.variant].base,s=d[r.size]||"",b=r.block?"dk:w-full":"",u=i[r.rounded]||"";return[x,k,s,b,u].join(" ")});return(k,s)=>(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",v,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,h))}}),z=["for"],f={key:0,class:"dk:text-rose-500"},S=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],_=`
+      dk:dark:hover:bg-amber-800`}},s=e.computed(()=>{var t;const k=(((t=n[r.variant])==null?void 0:t[r.color])||"")+" "+n[r.variant].base,i=d[r.size]||"",c=r.block?"dk:w-full":"",u=b[r.rounded]||"";return[v,k,i,c,u].join(" ")});return(k,i)=>(e.openBlock(),e.createElementBlock("button",{type:r.type,class:e.normalizeClass(s.value),title:r.title,disabled:r.disabled||r.loading},[r.loading?(e.openBlock(),e.createElementBlock("span",h,"Cargando...")):e.renderSlot(k.$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","aria-label","aria-disabled","aria-required"],C=`
   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]`,C=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(l,{emit:r}){const d=l,i=r;function n(t){const a=t.target;i("update:modelValue",a.value)}const c={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"},s={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 t=c[d.size]||"",a=d.block?"dk:w-full":"",o=k[d.rounded]||"";return[_,t,a,o].join(" ")}),u=e.computed(()=>{const t=s[d.size]||"",a=d.block?"dk:w-full":"";return[t,a].join(" ")});return(t,a)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([u.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,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:n},null,42,S)]))}}),B=["for"],w={key:0,class:"dk:text-rose-500"},V=["value","disabled","placeholder","required","name","id","aria-label","aria-disabled","aria-required"],q=`
+  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},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"}},emits:["update:modelValue"],setup(l,{emit:r}){const d=l,b=r;function n(t){const o=t.target;b("update:modelValue",o.value)}const s={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"},i={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},c=e.computed(()=>{const t=s[d.size]||"",o=d.block?"dk:w-full":"",a=k[d.rounded]||"";return[C,t,o,a].join(" ")}),u=e.computed(()=>{const t=i[d.size]||"",o=d.block?"dk:w-full":"";return[t,o].join(" ")});return(t,o)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([u.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(c.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,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:n},null,42,S)]))}}),B=["for"],w={key:0,class:"dk:text-rose-500"},V=["value","disabled","placeholder","required","name","id","aria-label","aria-disabled","aria-required"],q=`
   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:!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(l,{emit:r}){const d=l,i=r;function n(o){const p=o.target;d.autoheight&&a(p),i("update:modelValue",p.value)}const c={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"},s={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"},u=e.computed(()=>{const o=c[d.size]||"",p=d.block?"dk:w-full":"",m=k[d.rounded]||"",g=b[d.resize]||"";return[q,o,p,m,g].join(" ")}),t=e.computed(()=>{const o=s[d.size]||"",p=d.block?"dk:w-full":"";return[o,p].join(" ")}),a=o=>{o.style.height="auto",o.style.height=`${o.scrollHeight+5}px`};return(o,p)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([t.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,B)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(u.value),value:l.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:n},null,42,V)]))}}),E=["title"],D={key:1},N=`
+  dk:dark:[color-scheme:dark]`,$=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(l,{emit:r}){const d=l,b=r;function n(a){const p=a.target;d.autoheight&&o(p),b("update:modelValue",p.value)}const s={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"},i={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},c={none:"dk:resize-none",both:"dk:resize",horizontal:"dk:resize-x",vertical:"dk:resize-y"},u=e.computed(()=>{const a=s[d.size]||"",p=d.block?"dk:w-full":"",m=k[d.rounded]||"",g=c[d.resize]||"";return[q,a,p,m,g].join(" ")}),t=e.computed(()=>{const a=i[d.size]||"",p=d.block?"dk:w-full":"";return[a,p].join(" ")}),o=a=>{a.style.height="auto",a.style.height=`${a.scrollHeight+5}px`};return(a,p)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([t.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,B)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(u.value),value:l.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:n},null,42,V)]))}}),E=["title"],D={key:1},N=`
   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`,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},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"},i={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},n={solid:{base:"dk:border-b",neutral:`
+  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},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"},b={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},n={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`}},c=e.computed(()=>{var t;const k=(((t=n[r.variant])==null?void 0:t[r.color])||"")+" "+n[r.variant].base,s=d[r.size]||"",b=r.block?"dk:block":"dk:inline-block",u=i[r.rounded]||"";return[N,k,s,b,u].join(" ")});return(k,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(c.value),title:r.title},[r.loading?(e.openBlock(),e.createElementBlock("span",D,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,E))}}),L=["for"],T={key:0,class:"dk:text-rose-500"},I=["id","name","disabled","required","aria-label","aria-disabled","aria-required"],A={key:0,disabled:"",selected:"",hidden:""},F=["value","selected"],H=`
+      dk:dark:hover:bg-amber-800`}},s=e.computed(()=>{var t;const k=(((t=n[r.variant])==null?void 0:t[r.color])||"")+" "+n[r.variant].base,i=d[r.size]||"",c=r.block?"dk:block":"dk:inline-block",u=b[r.rounded]||"";return[N,k,i,c,u].join(" ")});return(k,i)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(s.value),title:r.title},[r.loading?(e.openBlock(),e.createElementBlock("span",D,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,E))}}),L=["for"],T={key:0,class:"dk:text-rose-500"},A=["id","name","disabled","required","readonly","aria-label","aria-disabled","aria-required"],I={key:0,disabled:"",selected:"",hidden:""},F=["value","selected"],H=`
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -345,4 +345,10 @@
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`,M=e.defineComponent({__name:"DuiSelect",props:{modelValue:{type:String,default:""},options:{type:Array,default:()=>[]},size:{type:String,default:"md"},block:{type:Boolean,default:!1},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},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,i=r;function n(t){const a=t.target;i("update:modelValue",a.value)}const c={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"},s={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 t=c[d.size]||"",a=d.block?"dk:w-full":"",o=k[d.rounded]||"";return[H,t,a,o].join(" ")}),u=e.computed(()=>{const t=s[d.size]||"",a=d.block?"dk:w-full":"";return[t,a].join(" ")});return(t,a)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([u.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,L)):e.createCommentVNode("",!0),e.createElementVNode("select",{id:d.id,name:d.name,disabled:d.disabled,required:d.required,class:e.normalizeClass(b.value),"aria-label":d.label||"select input","aria-disabled":d.disabled,"aria-required":d.required,onChange:n},[d.placeholder?(e.openBlock(),e.createElementBlock("option",A,e.toDisplayString(d.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,(o,p)=>(e.openBlock(),e.createElementBlock("option",{key:p,value:o[d.itemValue]??"",selected:o[d.itemValue]==d.modelValue},e.toDisplayString(o[d.itemLabel]??""),9,F))),128))],42,I)]))}});exports.DuiAction=j;exports.DuiButton=y;exports.DuiInput=C;exports.DuiSelect=M;exports.DuiTextarea=$;
+`,M=e.defineComponent({__name:"DuiSelect",props:{modelValue:{type:String,default:""},options:{type:Array,default:()=>[]},size:{type:String,default:"md"},block:{type:Boolean,default:!1},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,b=r;function n(t){const o=t.target;b("update:modelValue",o.value)}const s={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"},i={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},c=e.computed(()=>{const t=s[d.size]||"",o=d.block?"dk:w-full":"",a=k[d.rounded]||"";return[H,t,o,a].join(" ")}),u=e.computed(()=>{const t=i[d.size]||"",o=d.block?"dk:w-full":"";return[t,o].join(" ")});return(t,o)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([u.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,L)):e.createCommentVNode("",!0),e.createElementVNode("select",{id:d.id,name:d.name,disabled:d.disabled,required:d.required,class:e.normalizeClass(c.value),readonly:d.readonly,"aria-label":d.label||"select input","aria-disabled":d.disabled,"aria-required":d.required,onChange:n},[d.placeholder?(e.openBlock(),e.createElementBlock("option",I,e.toDisplayString(d.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,(a,p)=>(e.openBlock(),e.createElementBlock("option",{key:p,value:a[d.itemValue]??"",selected:a[d.itemValue]==d.modelValue},e.toDisplayString(a[d.itemLabel]??""),9,F))),128))],42,A)]))}}),O=`
+  dk:px-4
+  dk:py-3
+  dk:text-sm
+  dk:leading-relaxed
+  dk:max-w-full
+`,P=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"},b={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"}},n=e.computed(()=>{var c;const s=((c=b[r.variant])==null?void 0:c[r.color])||"",k=b[r.variant].base||"",i=d[r.rounded]||"";return[O,k,s,i].join(" ")});return(s,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value),role:"alert"},[e.renderSlot(s.$slots,"default")],2))}});exports.DuiAction=j;exports.DuiAlert=P;exports.DuiButton=y;exports.DuiInput=_;exports.DuiSelect=M;exports.DuiTextarea=$;

package/dist/droni-kit.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as h, createElementBlock as k, openBlock as a, normalizeClass as v, renderSlot as S, createCommentVNode as x, createElementVNode as z, createTextVNode as f, toDisplayString as m, Fragment as w, renderList as q } from "vue";
+import { defineComponent as v, computed as x, createElementBlock as k, openBlock as a, normalizeClass as m, renderSlot as z, createCommentVNode as h, createElementVNode as f, createTextVNode as S, toDisplayString as y, Fragment as C, renderList as q } from "vue";
 const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   dk:transition
   dk:text-center
@@ -10,7 +10,7 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, U = /* @__PURE__ */ y({
+  dk:max-w-full`, W = /* @__PURE__ */ v({
   __name: "DuiButton",
   props: {
     variant: {
@@ -55,7 +55,7 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
       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"
-    }, b = {
+    }, c = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -234,24 +234,24 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, c = h(() => {
+    }, i = x(() => {
       var r;
-      const l = (((r = s[d.variant]) == null ? void 0 : r[d.color]) || "") + " " + s[d.variant].base, i = e[d.size] || "", u = d.block ? "dk:w-full" : "", p = b[d.rounded] || "";
-      return [V, l, i, u, p].join(" ");
+      const o = (((r = s[d.variant]) == null ? void 0 : r[d.color]) || "") + " " + s[d.variant].base, b = e[d.size] || "", u = d.block ? "dk:w-full" : "", p = c[d.rounded] || "";
+      return [V, o, b, u, p].join(" ");
     });
-    return (l, i) => (a(), k("button", {
+    return (o, b) => (a(), k("button", {
       type: d.type,
-      class: v(c.value),
+      class: m(i.value),
       title: d.title,
       disabled: d.disabled || d.loading
     }, [
-      d.loading ? (a(), k("span", B, "Cargando...")) : S(l.$slots, "default", { key: 0 })
+      d.loading ? (a(), k("span", B, "Cargando...")) : z(o.$slots, "default", { key: 0 })
     ], 10, $));
   }
-}), D = ["for"], L = {
+}), D = ["for"], j = {
   key: 0,
   class: "dk:text-rose-500"
-}, j = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "aria-label", "aria-disabled", "aria-required"], I = `
+}, L = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "aria-label", "aria-disabled", "aria-required"], A = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -263,7 +263,7 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, W = /* @__PURE__ */ y({
+  dk:dark:[color-scheme:dark]`, X = /* @__PURE__ */ v({
   __name: "DuiInput",
   props: {
     modelValue: {
@@ -310,6 +310,10 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
       type: String,
       default: void 0
     },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
     rounded: {
       type: String,
       default: "all"
@@ -317,45 +321,45 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   },
   emits: ["update:modelValue"],
   setup(n, { emit: d }) {
-    const e = n, b = d;
+    const e = n, c = d;
     function s(r) {
-      const o = r.target;
-      b("update:modelValue", o.value);
+      const l = r.target;
+      c("update:modelValue", l.value);
     }
-    const c = {
+    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"
-    }, l = {
+    }, o = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, i = {
+    }, b = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, u = h(() => {
-      const r = c[e.size] || "", o = e.block ? "dk:w-full" : "", t = l[e.rounded] || "";
-      return [I, r, o, t].join(" ");
-    }), p = h(() => {
-      const r = i[e.size] || "", o = e.block ? "dk:w-full" : "";
-      return [r, o].join(" ");
+    }, u = x(() => {
+      const r = i[e.size] || "", l = e.block ? "dk:w-full" : "", t = o[e.rounded] || "";
+      return [A, r, l, t].join(" ");
+    }), p = x(() => {
+      const r = b[e.size] || "", l = e.block ? "dk:w-full" : "";
+      return [r, l].join(" ");
     });
-    return (r, o) => (a(), k("div", null, [
+    return (r, l) => (a(), k("div", null, [
       e.label ? (a(), k("label", {
         key: 0,
         for: e.id,
-        class: v([p.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([p.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
-        f(m(e.label) + " ", 1),
-        e.required ? (a(), k("span", L, "*")) : x("", !0)
-      ], 10, D)) : x("", !0),
-      z("input", {
+        S(y(e.label) + " ", 1),
+        e.required ? (a(), k("span", j, "*")) : h("", !0)
+      ], 10, D)) : h("", !0),
+      f("input", {
         type: e.type,
-        class: v(u.value),
+        class: m(u.value),
         value: n.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
@@ -363,14 +367,15 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
         name: e.name,
         id: e.id,
         pattern: e.pattern,
+        readonly: e.readonly,
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
         onInput: s
-      }, null, 42, j)
+      }, null, 42, L)
     ]));
   }
-}), A = ["for"], N = {
+}), I = ["for"], N = {
   key: 0,
   class: "dk:text-rose-500"
 }, T = ["value", "disabled", "placeholder", "required", "name", "id", "aria-label", "aria-disabled", "aria-required"], E = `
@@ -385,7 +390,7 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, X = /* @__PURE__ */ y({
+  dk:dark:[color-scheme:dark]`, Y = /* @__PURE__ */ v({
   __name: "DuiTextarea",
   props: {
     modelValue: {
@@ -439,23 +444,23 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   },
   emits: ["update:modelValue"],
   setup(n, { emit: d }) {
-    const e = n, b = d;
+    const e = n, c = d;
     function s(t) {
       const g = t.target;
-      e.autoheight && o(g), b("update:modelValue", g.value);
+      e.autoheight && l(g), c("update:modelValue", g.value);
     }
-    const c = {
+    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"
-    }, l = {
+    }, o = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, i = {
+    }, b = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
@@ -464,26 +469,26 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, p = h(() => {
-      const t = c[e.size] || "", g = e.block ? "dk:w-full" : "", _ = l[e.rounded] || "", C = u[e.resize] || "";
-      return [E, t, g, _, C].join(" ");
-    }), r = h(() => {
-      const t = i[e.size] || "", g = e.block ? "dk:w-full" : "";
+    }, p = x(() => {
+      const t = i[e.size] || "", g = e.block ? "dk:w-full" : "", _ = o[e.rounded] || "", w = u[e.resize] || "";
+      return [E, t, g, _, w].join(" ");
+    }), r = x(() => {
+      const t = b[e.size] || "", g = e.block ? "dk:w-full" : "";
       return [t, g].join(" ");
-    }), o = (t) => {
+    }), l = (t) => {
       t.style.height = "auto", t.style.height = `${t.scrollHeight + 5}px`;
     };
     return (t, g) => (a(), k("div", null, [
       e.label ? (a(), k("label", {
         key: 0,
         for: e.id,
-        class: v([r.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([r.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
-        f(m(e.label) + " ", 1),
-        e.required ? (a(), k("span", N, "*")) : x("", !0)
-      ], 10, A)) : x("", !0),
-      z("textarea", {
-        class: v(p.value),
+        S(y(e.label) + " ", 1),
+        e.required ? (a(), k("span", N, "*")) : h("", !0)
+      ], 10, I)) : h("", !0),
+      f("textarea", {
+        class: m(p.value),
         value: n.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
@@ -508,7 +513,7 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, Y = /* @__PURE__ */ y({
+  dk:max-w-full`, Z = /* @__PURE__ */ v({
   __name: "DuiAction",
   props: {
     variant: {
@@ -545,7 +550,7 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
       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"
-    }, b = {
+    }, c = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -724,22 +729,22 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, c = h(() => {
+    }, i = x(() => {
       var r;
-      const l = (((r = s[d.variant]) == null ? void 0 : r[d.color]) || "") + " " + s[d.variant].base, i = e[d.size] || "", u = d.block ? "dk:block" : "dk:inline-block", p = b[d.rounded] || "";
-      return [R, l, i, u, p].join(" ");
+      const o = (((r = s[d.variant]) == null ? void 0 : r[d.color]) || "") + " " + s[d.variant].base, b = e[d.size] || "", u = d.block ? "dk:block" : "dk:inline-block", p = c[d.rounded] || "";
+      return [R, o, b, u, p].join(" ");
     });
-    return (l, i) => (a(), k("span", {
-      class: v(c.value),
+    return (o, b) => (a(), k("span", {
+      class: m(i.value),
       title: d.title
     }, [
-      d.loading ? (a(), k("span", H, "Cargando...")) : S(l.$slots, "default", { key: 0 })
+      d.loading ? (a(), k("span", H, "Cargando...")) : z(o.$slots, "default", { key: 0 })
     ], 10, F));
   }
 }), G = ["for"], J = {
   key: 0,
   class: "dk:text-rose-500"
-}, K = ["id", "name", "disabled", "required", "aria-label", "aria-disabled", "aria-required"], M = {
+}, K = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], M = {
   key: 0,
   disabled: "",
   selected: "",
@@ -757,7 +762,7 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, Z = /* @__PURE__ */ y({
+`, ee = /* @__PURE__ */ v({
   __name: "DuiSelect",
   props: {
     modelValue: {
@@ -800,6 +805,10 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
       type: String,
       default: void 0
     },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
     rounded: {
       type: String,
       default: "all"
@@ -815,67 +824,139 @@ const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
   },
   emits: ["update:modelValue"],
   setup(n, { emit: d }) {
-    const e = n, b = d;
+    const e = n, c = d;
     function s(r) {
-      const o = r.target;
-      b("update:modelValue", o.value);
+      const l = r.target;
+      c("update:modelValue", l.value);
     }
-    const c = {
+    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"
-    }, l = {
+    }, o = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, i = {
+    }, b = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, u = h(() => {
-      const r = c[e.size] || "", o = e.block ? "dk:w-full" : "", t = l[e.rounded] || "";
-      return [P, r, o, t].join(" ");
-    }), p = h(() => {
-      const r = i[e.size] || "", o = e.block ? "dk:w-full" : "";
-      return [r, o].join(" ");
+    }, u = x(() => {
+      const r = i[e.size] || "", l = e.block ? "dk:w-full" : "", t = o[e.rounded] || "";
+      return [P, r, l, t].join(" ");
+    }), p = x(() => {
+      const r = b[e.size] || "", l = e.block ? "dk:w-full" : "";
+      return [r, l].join(" ");
     });
-    return (r, o) => (a(), k("div", null, [
+    return (r, l) => (a(), k("div", null, [
       e.label ? (a(), k("label", {
         key: 0,
         for: e.id,
-        class: v([p.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([p.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
-        f(m(e.label) + " ", 1),
-        e.required ? (a(), k("span", J, "*")) : x("", !0)
-      ], 10, G)) : x("", !0),
-      z("select", {
+        S(y(e.label) + " ", 1),
+        e.required ? (a(), k("span", J, "*")) : h("", !0)
+      ], 10, G)) : h("", !0),
+      f("select", {
         id: e.id,
         name: e.name,
         disabled: e.disabled,
         required: e.required,
-        class: v(u.value),
+        class: m(u.value),
+        readonly: e.readonly,
         "aria-label": e.label || "select input",
         "aria-disabled": e.disabled,
         "aria-required": e.required,
         onChange: s
       }, [
-        e.placeholder ? (a(), k("option", M, m(e.placeholder), 1)) : x("", !0),
-        (a(!0), k(w, null, q(e.options, (t, g) => (a(), k("option", {
+        e.placeholder ? (a(), k("option", M, y(e.placeholder), 1)) : h("", !0),
+        (a(!0), k(C, null, q(e.options, (t, g) => (a(), k("option", {
           key: g,
           value: t[e.itemValue] ?? "",
           selected: t[e.itemValue] == e.modelValue
-        }, m(t[e.itemLabel] ?? ""), 9, O))), 128))
+        }, y(t[e.itemLabel] ?? ""), 9, O))), 128))
       ], 42, K)
     ]));
   }
+}), Q = `
+  dk:px-4
+  dk:py-3
+  dk:text-sm
+  dk:leading-relaxed
+  dk:max-w-full
+`, de = /* @__PURE__ */ v({
+  __name: "DuiAlert",
+  props: {
+    variant: {
+      type: String,
+      default: "solid"
+    },
+    color: {
+      type: String,
+      default: "neutral"
+    },
+    rounded: {
+      type: String,
+      default: "all"
+    }
+  },
+  setup(n) {
+    const d = n, e = {
+      all: "dk:rounded",
+      top: "dk:rounded-t",
+      bottom: "dk:rounded-b",
+      left: "dk:rounded-l",
+      right: "dk:rounded-r",
+      none: "dk:rounded-none"
+    }, c = {
+      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"
+      }
+    }, s = x(() => {
+      var u;
+      const i = ((u = c[d.variant]) == null ? void 0 : u[d.color]) || "", o = c[d.variant].base || "", b = e[d.rounded] || "";
+      return [Q, o, i, b].join(" ");
+    });
+    return (i, o) => (a(), k("div", {
+      class: m(s.value),
+      role: "alert"
+    }, [
+      z(i.$slots, "default")
+    ], 2));
+  }
 });
 export {
-  Y as DuiAction,
-  U as DuiButton,
-  W as DuiInput,
-  Z as DuiSelect,
-  X as DuiTextarea
+  Z as DuiAction,
+  de as DuiAlert,
+  W as DuiButton,
+  X as DuiInput,
+  ee as DuiSelect,
+  Y as DuiTextarea
 };

package/dist/index.d.ts

@@ -3,4 +3,5 @@ import { default as DuiInput } from './stories/Forms/DuiInput.vue';
 import { default as DuiTextarea } from './stories/Forms/DuiTextarea.vue';
 import { default as DuiAction } from './stories/Elements/DuiAction.vue';
 import { default as DuiSelect } from './stories/Forms/DuiSelect.vue';
-export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiSelect, };
+import { default as DuiAlert } from './stories/Elements/DuiAlert.vue';
+export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiSelect, DuiAlert, };

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

@@ -46,6 +46,10 @@ declare const meta: {
             type: StringConstructor;
             default: undefined;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         rounded: {
             type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
             default: string;
@@ -97,6 +101,10 @@ declare const meta: {
             type: StringConstructor;
             default: undefined;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         rounded: {
             type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
             default: string;
@@ -116,6 +124,7 @@ declare const meta: {
         name: string;
         id: string;
         required: boolean;
+        readonly: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     tags: string[];
     argTypes: {
@@ -182,6 +191,12 @@ declare const meta: {
             options: string[];
             defaultValue: string;
         };
+        readonly: {
+            control: {
+                type: "boolean";
+            };
+            defaultValue: boolean;
+        };
     };
 };
 export default meta;

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

@@ -43,6 +43,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     rounded: {
         type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
         default: string;
@@ -94,6 +98,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     rounded: {
         type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
         default: string;
@@ -113,5 +121,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     name: string;
     id: string;
     required: boolean;
+    readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

@@ -42,6 +42,10 @@ declare const meta: {
             type: StringConstructor;
             default: undefined;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         rounded: {
             type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
             default: string;
@@ -97,6 +101,10 @@ declare const meta: {
             type: StringConstructor;
             default: undefined;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         rounded: {
             type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
             default: string;
@@ -122,6 +130,7 @@ declare const meta: {
         name: string;
         id: string;
         required: boolean;
+        readonly: boolean;
         options: Record<string, any>[];
         itemLabel: string;
         itemValue: string;
@@ -187,6 +196,12 @@ declare const meta: {
                 value: string;
             }[];
         };
+        readonly: {
+            control: {
+                type: "boolean";
+            };
+            defaultValue: boolean;
+        };
     };
 };
 export default meta;

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

@@ -39,6 +39,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     rounded: {
         type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
         default: string;
@@ -94,6 +98,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     rounded: {
         type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
         default: string;
@@ -119,6 +127,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     name: string;
     id: string;
     required: boolean;
+    readonly: boolean;
     options: Record<string, any>[];
     itemLabel: string;
     itemValue: string;

package/package.json

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