@dronico/droni-kit 1.5.0 → 1.5.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.5.2](https://github.com/Droni-app/droni-kit/compare/v1.5.1...v1.5.2) (2025-04-22)
+
+
+### Bug Fixes
+
+* remove anchor from action ([95b0ead](https://github.com/Droni-app/droni-kit/commit/95b0ead5ee96d438f693d41906d23eeb9e668640))
+
+## [1.5.1](https://github.com/Droni-app/droni-kit/compare/v1.5.0...v1.5.1) (2025-04-22)
+
+
+### Bug Fixes
+
+* export components ([986a5d4](https://github.com/Droni-app/droni-kit/commit/986a5d47d305c2dbe8c21b4fbec6673744166a0a))
+
 # [1.5.0](https://github.com/Droni-app/droni-kit/compare/v1.4.0...v1.5.0) (2025-04-22)
 
 

package/dist/droni-kit.js

@@ -1,5 +1,5 @@
-import { defineComponent as v, computed as p, createElementBlock as d, openBlock as l, normalizeClass as u, renderSlot as m, createCommentVNode as g, createElementVNode as y, createTextVNode as z, toDisplayString as f } from "vue";
-const S = ["type", "title", "disabled"], w = { key: 1 }, _ = "transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95", $ = /* @__PURE__ */ v({
+import { defineComponent as x, computed as h, createElementBlock as o, openBlock as d, normalizeClass as u, renderSlot as y, createCommentVNode as v, createElementVNode as z, createTextVNode as f, toDisplayString as S } from "vue";
+const C = ["type", "title", "disabled"], q = { key: 1 }, B = "transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95", F = /* @__PURE__ */ x({
   __name: "DuiButton",
   props: {
     variant: {
@@ -35,12 +35,12 @@ const S = ["type", "title", "disabled"], w = { key: 1 }, _ = "transition rounded
       default: void 0
     }
   },
-  setup(n) {
-    const r = n, e = {
+  setup(l) {
+    const r = l, e = {
       sm: "text-sm px-3 py-1.5",
       md: "text-base px-4 py-2",
       lg: "text-lg px-5 py-3"
-    }, s = {
+    }, n = {
       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",
@@ -68,24 +68,24 @@ const S = ["type", "title", "disabled"], w = { key: 1 }, _ = "transition rounded
         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 = p(() => {
-      var b;
-      const o = (((b = s[r.variant]) == null ? void 0 : b[r.color]) || "") + " " + s[r.variant].base, i = e[r.size] || "", c = r.block ? "w-full" : "";
-      return [_, o, i, c].join(" ");
+    }, c = h(() => {
+      var i;
+      const a = (((i = n[r.variant]) == null ? void 0 : i[r.color]) || "") + " " + n[r.variant].base, s = e[r.size] || "", p = r.block ? "w-full" : "";
+      return [B, a, s, p].join(" ");
     });
-    return (o, i) => (l(), d("button", {
+    return (a, s) => (d(), o("button", {
       type: r.type,
-      class: u(k.value),
+      class: u(c.value),
       title: r.title,
       disabled: r.disabled || r.loading
     }, [
-      r.loading ? (l(), d("span", w, "Cargando...")) : m(o.$slots, "default", { key: 0 })
-    ], 10, S));
+      r.loading ? (d(), o("span", q, "Cargando...")) : y(a.$slots, "default", { key: 0 })
+    ], 10, C));
   }
-}), C = ["for"], B = {
+}), $ = ["for"], V = {
   key: 0,
   class: "text-rose-500"
-}, q = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "aria-label", "aria-disabled", "aria-required"], V = "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]", j = /* @__PURE__ */ v({
+}, D = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "aria-label", "aria-disabled", "aria-required"], j = "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]", G = /* @__PURE__ */ x({
   __name: "DuiInput",
   props: {
     modelValue: {
@@ -138,47 +138,47 @@ const S = ["type", "title", "disabled"], w = { key: 1 }, _ = "transition rounded
     }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: r }) {
-    const e = n, s = r;
-    function k(t) {
-      const a = t.target;
-      s("update:modelValue", a.value);
+  setup(l, { emit: r }) {
+    const e = l, n = r;
+    function c(b) {
+      const k = b.target;
+      n("update:modelValue", k.value);
     }
-    const o = {
+    const a = {
       sm: "text-sm px-3 py-1.5",
       md: "text-base px-3 py-2",
       lg: "text-lg px-5 py-3"
-    }, i = {
+    }, s = {
       all: "rounded",
       top: "rounded-t",
       bottom: "rounded-b",
       left: "rounded-l",
       right: "rounded-r",
       none: "rounded-none"
-    }, c = {
+    }, p = {
       sm: "text-sm pb-0.5",
       md: "text-base pb-1",
       lg: "text-lg pb-2"
-    }, b = p(() => {
-      const t = o[e.size] || "", a = e.block ? "w-full" : "", x = i[e.rounded] || "";
-      return [V, t, a, x].join(" ");
-    }), h = p(() => {
-      const t = c[e.size] || "", a = e.block ? "w-full" : "";
-      return [t, a].join(" ");
+    }, i = h(() => {
+      const b = a[e.size] || "", k = e.block ? "w-full" : "", t = s[e.rounded] || "";
+      return [j, b, k, t].join(" ");
+    }), m = h(() => {
+      const b = p[e.size] || "", k = e.block ? "w-full" : "";
+      return [b, k].join(" ");
     });
-    return (t, a) => (l(), d("div", null, [
-      e.label ? (l(), d("label", {
+    return (b, k) => (d(), o("div", null, [
+      e.label ? (d(), o("label", {
         key: 0,
         for: e.id,
-        class: u([h.value, "text-start block text-zinc-700 dark:text-zinc-200 px-0"])
+        class: u([m.value, "text-start block text-zinc-700 dark:text-zinc-200 px-0"])
       }, [
-        z(f(e.label) + " ", 1),
-        e.required ? (l(), d("span", B, "*")) : g("", !0)
-      ], 10, C)) : g("", !0),
-      y("input", {
+        f(S(e.label) + " ", 1),
+        e.required ? (d(), o("span", V, "*")) : v("", !0)
+      ], 10, $)) : v("", !0),
+      z("input", {
         type: e.type,
-        class: u(b.value),
-        value: n.modelValue,
+        class: u(i.value),
+        value: l.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
         required: e.required,
@@ -188,12 +188,202 @@ const S = ["type", "title", "disabled"], w = { key: 1 }, _ = "transition rounded
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onInput: k
-      }, null, 42, q)
+        onInput: c
+      }, null, 42, D)
     ]));
   }
+}), I = ["for"], L = {
+  key: 0,
+  class: "text-rose-500"
+}, N = ["value", "disabled", "placeholder", "required", "name", "id", "aria-label", "aria-disabled", "aria-required"], T = "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]", J = /* @__PURE__ */ x({
+  __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 e = l, n = r;
+    function c(t) {
+      const g = t.target;
+      e.autoheight && k(g), n("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"
+    }, m = h(() => {
+      const t = a[e.size] || "", g = e.block ? "w-full" : "", _ = s[e.rounded] || "", w = i[e.resize] || "";
+      return [T, t, g, _, w].join(" ");
+    }), b = h(() => {
+      const t = p[e.size] || "", g = e.block ? "w-full" : "";
+      return [t, g].join(" ");
+    }), k = (t) => {
+      t.style.height = "auto", t.style.height = `${t.scrollHeight + 5}px`;
+    };
+    return (t, g) => (d(), o("div", null, [
+      e.label ? (d(), o("label", {
+        key: 0,
+        for: e.id,
+        class: u([b.value, "text-start block text-zinc-700 dark:text-zinc-200 px-0"])
+      }, [
+        f(S(e.label) + " ", 1),
+        e.required ? (d(), o("span", L, "*")) : v("", !0)
+      ], 10, I)) : v("", !0),
+      z("textarea", {
+        class: u(m.value),
+        value: l.modelValue,
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        required: e.required,
+        name: e.name,
+        id: e.id,
+        "aria-label": e.placeholder,
+        "aria-disabled": e.disabled,
+        "aria-required": e.required,
+        onInput: c
+      }, null, 42, N)
+    ]));
+  }
+}), A = ["title"], E = { key: 1 }, H = "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", K = /* @__PURE__ */ x({
+  __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(l) {
+    const r = l, e = {
+      sm: "text-sm px-3 py-1.5",
+      md: "text-base px-4 py-2",
+      lg: "text-lg px-5 py-3"
+    }, n = {
+      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"
+      }
+    }, c = h(() => {
+      var i;
+      const a = (((i = n[r.variant]) == null ? void 0 : i[r.color]) || "") + " " + n[r.variant].base, s = e[r.size] || "", p = r.block ? "block" : "inline-block";
+      return [H, a, s, p].join(" ");
+    });
+    return (a, s) => (d(), o("span", {
+      class: u(c.value),
+      title: r.title
+    }, [
+      r.loading ? (d(), o("span", E, "Cargando...")) : y(a.$slots, "default", { key: 0 })
+    ], 10, A));
+  }
 });
 export {
-  $ as DuiButton,
-  j as DuiInput
+  K as DuiAction,
+  F as DuiButton,
+  G as DuiInput,
+  J as DuiTextarea
 };

package/dist/droni-kit.umd.cjs

@@ -1 +1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o["droni-kit"]={},o.Vue))})(this,function(o,e){"use strict";const p=["type","title","disabled"],g={key:1},h="transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95",u=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(l){const t=l,r={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},s={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"}},c=e.computed(()=>{var b;const n=(((b=s[t.variant])==null?void 0:b[t.color])||"")+" "+s[t.variant].base,i=r[t.size]||"",k=t.block?"w-full":"";return[h,n,i,k].join(" ")});return(n,i)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(c.value),title:t.title,disabled:t.disabled||t.loading},[t.loading?(e.openBlock(),e.createElementBlock("span",g,"Cargando...")):e.renderSlot(n.$slots,"default",{key:0})],10,p))}}),m=["for"],x={key:0,class:"text-rose-500"},y=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],v="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]",f=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:t}){const r=l,s=t;function c(a){const d=a.target;s("update:modelValue",d.value)}const n={sm:"text-sm px-3 py-1.5",md:"text-base px-3 py-2",lg:"text-lg px-5 py-3"},i={all:"rounded",top:"rounded-t",bottom:"rounded-b",left:"rounded-l",right:"rounded-r",none:"rounded-none"},k={sm:"text-sm pb-0.5",md:"text-base pb-1",lg:"text-lg pb-2"},b=e.computed(()=>{const a=n[r.size]||"",d=r.block?"w-full":"",S=i[r.rounded]||"";return[v,a,d,S].join(" ")}),z=e.computed(()=>{const a=k[r.size]||"",d=r.block?"w-full":"";return[a,d].join(" ")});return(a,d)=>(e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass([z.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",x,"*")):e.createCommentVNode("",!0)],10,m)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:r.type,class:e.normalizeClass(b.value),value:l.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:c},null,42,y)]))}});o.DuiButton=u,o.DuiInput=f,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(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(" ")}),g=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([g.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 h=o.target;r.autoheight&&c(h),l("update:modelValue",h.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"},g=e.computed(()=>{const o=a[r.size]||"",h=r.block?"w-full":"",N=s[r.rounded]||"",T=i[r.resize]||"";return[q,o,h,N,T].join(" ")}),b=e.computed(()=>{const o=p[r.size]||"",h=r.block?"w-full":"";return[o,h].join(" ")}),c=o=>{o.style.height="auto",o.style.height=`${o.scrollHeight+5}px`};return(o,h)=>(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(g.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)]))}}),$=["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}},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("span",{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"})});

package/dist/index.d.ts

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

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.0",
+  "version": "1.5.2",
   "private": false,
   "access": "public",
   "publishConfig": {