@dronico/droni-kit 1.8.3 → 1.8.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.8.4](https://github.com/Droni-app/droni-kit/compare/v1.8.3...v1.8.4) (2025-05-20)
+
+
+### Bug Fixes
+
+* support to number in input ([6aec6d3](https://github.com/Droni-app/droni-kit/commit/6aec6d32647fb6678e387e1221ae90df720d8343))
+
 ## [1.8.3](https://github.com/Droni-app/droni-kit/compare/v1.8.2...v1.8.3) (2025-05-14)
 
 

package/dist/droni-kit.cjs.js

@@ -153,7 +153,7 @@
       dk:text-amber-600
       dk:hover:bg-amber-50
       dk:dark:text-amber-100
-      dk:dark:hover:bg-amber-800`}},n=e.computed(()=>{var a;const o=(((a=k[r.variant])==null?void 0:a[r.color])||"")+" "+k[r.variant].base,c=d[r.size]||"",b=r.block?"dk:w-full":"",p=s[r.rounded]||"";return[v,o,c,b,p].join(" ")});return(o,c)=>(e.openBlock(),e.createElementBlock("button",{type:r.type,class:e.normalizeClass(n.value),title:r.title,disabled:r.disabled||r.loading},[r.loading?(e.openBlock(),e.createElementBlock("span",h,"Cargando...")):e.renderSlot(o.$slots,"default",{key:0})],10,x))}}),z=["for"],f={key:0,class:"dk:text-rose-500"},S=["type","value","disabled","placeholder","required","name","id","pattern","readonly","aria-label","aria-disabled","aria-required"],_=`
+      dk:dark:hover:bg-amber-800`}},n=e.computed(()=>{var a;const o=(((a=k[r.variant])==null?void 0:a[r.color])||"")+" "+k[r.variant].base,c=d[r.size]||"",b=r.block?"dk:w-full":"",p=s[r.rounded]||"";return[v,o,c,b,p].join(" ")});return(o,c)=>(e.openBlock(),e.createElementBlock("button",{type:r.type,class:e.normalizeClass(n.value),title:r.title,disabled:r.disabled||r.loading},[r.loading?(e.openBlock(),e.createElementBlock("span",h,"Cargando...")):e.renderSlot(o.$slots,"default",{key:0})],10,x))}}),z=["for"],f={key:0,class:"dk:text-rose-500"},S=["type","value","disabled","placeholder","required","name","id","pattern","readonly","min","max","step","aria-label","aria-disabled","aria-required"],_=`
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -165,7 +165,7 @@
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`,B=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},pattern:{type:String,default:void 0},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"}},emits:["update:modelValue"],setup(l,{emit:r}){const d=l,s=r;function k(a){const i=a.target;s("update:modelValue",i.value)}const n={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},o={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},c={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},b=e.computed(()=>{const a=n[d.size]||"",i=d.block?"dk:w-full":"",t=o[d.rounded]||"";return[_,a,i,t].join(" ")}),p=e.computed(()=>{const a=c[d.size]||"",i=d.block?"dk:w-full":"";return[a,i].join(" ")});return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([p.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",f,"*")):e.createCommentVNode("",!0)],10,z)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:d.type,class:e.normalizeClass(b.value),value:l.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,pattern:d.pattern,readonly:d.readonly,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:k},null,42,S)]))}}),C=["for"],w={key:0,class:"dk:text-rose-500"},V=["value","disabled","placeholder","required","name","id","readonly","aria-label","aria-disabled","aria-required"],E=`
+  dk:dark:[color-scheme:dark]`,B=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},pattern:{type:String,default:void 0},readonly:{type:Boolean,default:!1},rounded:{type:String,default:"all"},min:{type:[String,Number],default:void 0},max:{type:[String,Number],default:void 0},step:{type:[String,Number],default:void 0},autocomplete:{type:String,default:void 0}},emits:["update:modelValue"],setup(l,{emit:r}){const d=l,s=r;function k(a){const i=a.target;s("update:modelValue",i.value)}const n={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},o={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},c={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},b=e.computed(()=>{const a=n[d.size]||"",i=d.block?"dk:w-full":"",t=o[d.rounded]||"";return[_,a,i,t].join(" ")}),p=e.computed(()=>{const a=c[d.size]||"",i=d.block?"dk:w-full":"";return[a,i].join(" ")});return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([p.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",f,"*")):e.createCommentVNode("",!0)],10,z)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:d.type,class:e.normalizeClass(b.value),value:l.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,pattern:d.pattern,readonly:d.readonly,min:d.min,max:d.max,step:d.step,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:k},null,42,S)]))}}),C=["for"],w={key:0,class:"dk:text-rose-500"},V=["value","disabled","placeholder","required","name","id","readonly","aria-label","aria-disabled","aria-required"],E=`
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50

package/dist/droni-kit.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, computed as m, createElementBlock as r, openBlock as t, normalizeClass as g, renderSlot as S, createCommentVNode as v, createElementVNode as h, createTextVNode as w, toDisplayString as y, Fragment as f, renderList as _, mergeProps as q } from "vue";
+import { defineComponent as z, computed as m, createElementBlock as r, openBlock as t, normalizeClass as g, renderSlot as _, createCommentVNode as v, createElementVNode as h, createTextVNode as w, toDisplayString as y, Fragment as f, renderList as S, mergeProps as q } from "vue";
 const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:transition
   dk:text-center
@@ -245,13 +245,13 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       title: d.title,
       disabled: d.disabled || d.loading
     }, [
-      d.loading ? (t(), r("span", V, "Cargando...")) : S(l.$slots, "default", { key: 0 })
+      d.loading ? (t(), r("span", V, "Cargando...")) : _(l.$slots, "default", { key: 0 })
     ], 10, B));
   }
-}), j = ["for"], L = {
+}), N = ["for"], j = {
   key: 0,
   class: "dk:text-rose-500"
-}, A = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "aria-label", "aria-disabled", "aria-required"], N = `
+}, L = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], A = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -267,7 +267,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   __name: "DuiInput",
   props: {
     modelValue: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     type: {
@@ -317,6 +317,22 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
     rounded: {
       type: String,
       default: "all"
+    },
+    min: {
+      type: [String, Number],
+      default: void 0
+    },
+    max: {
+      type: [String, Number],
+      default: void 0
+    },
+    step: {
+      type: [String, Number],
+      default: void 0
+    },
+    autocomplete: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["update:modelValue"],
@@ -343,7 +359,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       lg: "dk:text-lg dk:pb-2"
     }, u = m(() => {
       const k = s[e.size] || "", b = e.block ? "dk:w-full" : "", a = l[e.rounded] || "";
-      return [N, k, b, a].join(" ");
+      return [A, k, b, a].join(" ");
     }), x = m(() => {
       const k = c[e.size] || "", b = e.block ? "dk:w-full" : "";
       return [k, b].join(" ");
@@ -355,8 +371,8 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         class: g([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
         w(y(e.label) + " ", 1),
-        e.required ? (t(), r("span", L, "*")) : v("", !0)
-      ], 10, j)) : v("", !0),
+        e.required ? (t(), r("span", j, "*")) : v("", !0)
+      ], 10, N)) : v("", !0),
       h("input", {
         type: e.type,
         class: g(u.value),
@@ -368,11 +384,14 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         id: e.id,
         pattern: e.pattern,
         readonly: e.readonly,
+        min: e.min,
+        max: e.max,
+        step: e.step,
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
         onInput: o
-      }, null, 42, A)
+      }, null, 42, L)
     ]));
   }
 }), T = ["for"], I = {
@@ -743,7 +762,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       class: g(s.value),
       title: d.title
     }, [
-      d.loading ? (t(), r("span", P, "Cargando...")) : S(l.$slots, "default", { key: 0 })
+      d.loading ? (t(), r("span", P, "Cargando...")) : _(l.$slots, "default", { key: 0 })
     ], 10, H));
   }
 }), G = ["for"], J = {
@@ -878,7 +897,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         onChange: o
       }, [
         e.placeholder ? (t(), r("option", M, y(e.placeholder), 1)) : v("", !0),
-        (t(!0), r(f, null, _(e.options, (a, p) => (t(), r("option", {
+        (t(!0), r(f, null, S(e.options, (a, p) => (t(), r("option", {
           key: p,
           value: a[e.itemValue] ?? "",
           selected: a[e.itemValue] == e.modelValue
@@ -953,7 +972,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       class: g(o.value),
       role: "alert"
     }, [
-      S(s.$slots, "default")
+      _(s.$slots, "default")
     ], 2));
   }
 }), W = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, X = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, Y = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, oe = /* @__PURE__ */ z({
@@ -974,22 +993,22 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       h("table", X, [
         h("thead", Y, [
           h("tr", null, [
-            (t(!0), r(f, null, _(d.columns, (o) => (t(), r("th", {
+            (t(!0), r(f, null, S(d.columns, (o) => (t(), r("th", {
               key: o.name,
               class: g(["dk:px-6 dk:py-3", o.classes])
             }, y(o.label), 3))), 128))
           ])
         ]),
         h("tbody", null, [
-          (t(!0), r(f, null, _(d.rows, (o, s) => (t(), r("tr", {
+          (t(!0), r(f, null, S(d.rows, (o, s) => (t(), r("tr", {
             key: s,
             class: "dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"
           }, [
-            (t(!0), r(f, null, _(d.columns, (l) => (t(), r("td", {
+            (t(!0), r(f, null, S(d.columns, (l) => (t(), r("td", {
               key: l.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              S(e.$slots, l.name, q({ ref_for: !0 }, o), () => [
+              _(e.$slots, l.name, q({ ref_for: !0 }, o), () => [
                 w(y(o[l.name]), 1)
               ])
             ]))), 128))

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

@@ -3,11 +3,11 @@ declare const meta: {
     title: string;
     component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         modelValue: {
-            type: StringConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: string;
         };
         type: {
-            type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
+            type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
             default: string;
         };
         size: {
@@ -54,15 +54,31 @@ declare const meta: {
             type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
             default: string;
         };
+        min: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        max: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        step: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: undefined;
+        };
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "update:modelValue": (value: string) => any;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         modelValue: {
-            type: StringConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: string;
         };
         type: {
-            type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
+            type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
             default: string;
         };
         size: {
@@ -109,22 +125,42 @@ declare const meta: {
             type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
             default: string;
         };
+        min: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        max: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        step: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: undefined;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
         size: "sm" | "md" | "lg";
-        type: "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
+        type: "number" | "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
         disabled: boolean;
         block: boolean;
         rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
         label: string;
         pattern: string;
-        modelValue: string;
+        modelValue: string | number;
         placeholder: string;
         name: string;
         id: string;
         required: boolean;
         readonly: boolean;
+        min: string | number;
+        max: string | number;
+        step: string | number;
+        autocomplete: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     tags: string[];
     argTypes: {
@@ -197,6 +233,24 @@ declare const meta: {
             };
             defaultValue: boolean;
         };
+        min: {
+            control: {
+                type: "text";
+            };
+            defaultValue: undefined;
+        };
+        max: {
+            control: {
+                type: "text";
+            };
+            defaultValue: undefined;
+        };
+        step: {
+            control: {
+                type: "text";
+            };
+            defaultValue: undefined;
+        };
     };
 };
 export default meta;

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

@@ -1,10 +1,10 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     type: {
-        type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
+        type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
         default: string;
     };
     size: {
@@ -51,15 +51,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
         default: string;
     };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     type: {
-        type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
+        type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
         default: string;
     };
     size: {
@@ -106,21 +122,41 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
         default: string;
     };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    type: "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
+    type: "number" | "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
     disabled: boolean;
     block: boolean;
     rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
     label: string;
     pattern: string;
-    modelValue: string;
+    modelValue: string | number;
     placeholder: string;
     name: string;
     id: string;
     required: boolean;
     readonly: boolean;
+    min: string | number;
+    max: string | number;
+    step: string | number;
+    autocomplete: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/package.json

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