@dronico/droni-kit 1.5.4 → 1.5.6

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.5.6](https://github.com/Droni-app/droni-kit/compare/v1.5.5...v1.5.6) (2025-04-22)
+
+
+### Bug Fixes
+
+* import css file ([1471d7a](https://github.com/Droni-app/droni-kit/commit/1471d7a5e02853dc307905f754d8d00249cccb2e))
+
+## [1.5.5](https://github.com/Droni-app/droni-kit/compare/v1.5.4...v1.5.5) (2025-04-22)
+
+
+### Bug Fixes
+
+* csj an es exports ([5eca3df](https://github.com/Droni-app/droni-kit/commit/5eca3dfab2c8b5aac70440c37be1d317b9485280))
+
 ## [1.5.4](https://github.com/Droni-app/droni-kit/compare/v1.5.3...v1.5.4) (2025-04-22)
 
 

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import { default as DuiButton } from './stories/Forms/DuiButton.vue';
-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';
-export { DuiButton, DuiInput, DuiTextarea, DuiAction, };
+export { default as DuiButton } from './stories/Forms/DuiButton.vue';
+export { default as DuiInput } from './stories/Forms/DuiInput.vue';
+export { default as DuiTextarea } from './stories/Forms/DuiTextarea.vue';
+export { default as DuiAction } from './stories/Elements/DuiAction.vue';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dronico/droni-kit",
   "author": "Gustavo Barragan <dev@droni.co>",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "private": false,
   "access": "public",
   "publishConfig": {
@@ -13,8 +13,14 @@
     "CHANGELOG.md"
   ],
   "type": "module",
-  "main": "dist/droni-kit.umd.cjs",
-  "module": "dist/droni-kit.js",
+  "main": "dist/droni-kit.cjs",
+  "module": "dist/droni-kit.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/droni-kit.es.js",
+      "require": "./dist/droni-kit.cjs"
+    }
+  },
   "types": "dist/index.d.ts",
   "scripts": {
     "dev": "vite",

package/dist/droni-kit.umd.cjs

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