dendelion-ui 0.0.12 → 0.0.13

package/dist/dendelion-ui.umd.js

@@ -1,5 +1,5 @@
-(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.DendelionUI={},d.Vue))})(this,function(d,e){"use strict";var L=(t=>(t[t.Primary=0]="Primary",t[t.PrimaryContent=1]="PrimaryContent",t[t.Secondary=2]="Secondary",t[t.SecondaryContent=3]="SecondaryContent",t[t.Accent=4]="Accent",t[t.AccentContent=5]="AccentContent",t[t.Neutral=6]="Neutral",t[t.NeutralContent=7]="NeutralContent",t[t.Base100=8]="Base100",t[t.Base200=9]="Base200",t[t.Base300=10]="Base300",t[t.BaseContent=11]="BaseContent",t[t.Info=12]="Info",t[t.InfoContent=13]="InfoContent",t[t.Success=14]="Success",t[t.SuccessContent=15]="SuccessContent",t[t.Warning=16]="Warning",t[t.WarningContent=17]="WarningContent",t[t.Error=18]="Error",t[t.ErrorContent=19]="ErrorContent",t))(L||{});class q{static toClassName(n){switch(n){case 0:return"bg-primary";case 1:return"bg-primary-content";case 2:return"bg-secondary";case 3:return"bg-secondary-content";case 4:return"bg-accent";case 5:return"bg-accent-content";case 6:return"bg-neutral";case 7:return"bg-neutral-content";case 8:return"base-100";case 9:return"bg-base-200";case 10:return"bg-base-300";case 11:return"bg-base-content";case 12:return"bg-info";case 13:return"bg-info-content";case 14:return"bg-success";case 15:return"bg-success-content";case 16:return"bg-warning";case 17:return"bg-warning-content";case 18:return"bg-error";case 19:return"bg-error-content";default:return"bg-base-content"}}}class P{static toClassName(n){switch(n){case 0:return"btn-primary";case 1:return"btn-primary-content";case 2:return"btn-secondary";case 3:return"btn-secondary-content";case 4:return"btn-accent";case 5:return"btn-accent-content";case 6:return"btn-neutral";case 7:return"btn-neutral-content";case 8:return"base-100";case 9:return"btn-base-200";case 10:return"btn-base-300";case 11:return"btn-base-content";case 12:return"btn-info";case 13:return"btn-info-content";case 14:return"btn-success";case 15:return"btn-success-content";case 16:return"btn-warning";case 17:return"btn-warning-content";case 18:return"btn-error";case 19:return"btn-error-content";default:return"btn-base-content"}}}class Q{static toClassName(n){switch(n){case 0:return"text-primary";case 1:return"text-primary-content";case 2:return"text-secondary";case 3:return"text-secondary-content";case 4:return"text-accent";case 5:return"text-accent-content";case 6:return"text-neutral";case 7:return"text-neutral-content";case 8:return"base-100";case 9:return"text-base-200";case 10:return"text-base-300";case 11:return"text-base-content";case 12:return"text-info";case 13:return"text-info-content";case 14:return"text-success";case 15:return"text-success-content";case 16:return"text-warning";case 17:return"text-warning-content";case 18:return"text-error";case 19:return"text-error-content";default:return"text-base-content"}}}var F=(t=>(t[t.XS=0]="XS",t[t.SM=1]="SM",t[t.MD=2]="MD",t[t.LG=3]="LG",t[t.XL=4]="XL",t[t.TWOXL=5]="TWOXL",t[t.THREEXL=6]="THREEXL",t))(F||{});class A{static toClassName(n){switch(n){case 0:return"btn-xs";case 1:return"btn-sm";case 2:return"btn-md";case 3:return"btn-lg";case 4:return"btn-xl";case 5:return"btn-2xl";case 6:return"btn-3xl";default:return"btn-md"}}}class I{static toClassName(n){switch(n){case 0:return"rounded-xs";case 1:return"rounded-sm";case 2:return"rounded-md";case 3:return"rounded-lg";case 4:return"rounded-xl";case 5:return"rounded-2xl";case 6:return"rounded-3xl";default:return"rounded-md"}}}class X{static toClassName(n){switch(n){case 0:return"table-xs";case 1:return"table-sm";case 2:return"table-md";case 3:return"table-lg";case 4:return"table-xl";case 5:return"table-2xl";case 6:return"table-3xl";default:return"table-md"}}}function K(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var v={exports:{}};/*!
+(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.DendelionUI={},d.Vue))})(this,function(d,e){"use strict";var L=(t=>(t[t.Primary=0]="Primary",t[t.PrimaryContent=1]="PrimaryContent",t[t.Secondary=2]="Secondary",t[t.SecondaryContent=3]="SecondaryContent",t[t.Accent=4]="Accent",t[t.AccentContent=5]="AccentContent",t[t.Neutral=6]="Neutral",t[t.NeutralContent=7]="NeutralContent",t[t.Base100=8]="Base100",t[t.Base200=9]="Base200",t[t.Base300=10]="Base300",t[t.BaseContent=11]="BaseContent",t[t.Info=12]="Info",t[t.InfoContent=13]="InfoContent",t[t.Success=14]="Success",t[t.SuccessContent=15]="SuccessContent",t[t.Warning=16]="Warning",t[t.WarningContent=17]="WarningContent",t[t.Error=18]="Error",t[t.ErrorContent=19]="ErrorContent",t))(L||{});class U{static toClassName(n){switch(n){case 0:return"bg-primary";case 1:return"bg-primary-content";case 2:return"bg-secondary";case 3:return"bg-secondary-content";case 4:return"bg-accent";case 5:return"bg-accent-content";case 6:return"bg-neutral";case 7:return"bg-neutral-content";case 8:return"base-100";case 9:return"bg-base-200";case 10:return"bg-base-300";case 11:return"bg-base-content";case 12:return"bg-info";case 13:return"bg-info-content";case 14:return"bg-success";case 15:return"bg-success-content";case 16:return"bg-warning";case 17:return"bg-warning-content";case 18:return"bg-error";case 19:return"bg-error-content";default:return"bg-base-content"}}}class q{static toClassName(n){switch(n){case 0:return"btn-primary";case 1:return"btn-primary-content";case 2:return"btn-secondary";case 3:return"btn-secondary-content";case 4:return"btn-accent";case 5:return"btn-accent-content";case 6:return"btn-neutral";case 7:return"btn-neutral-content";case 8:return"base-100";case 9:return"btn-base-200";case 10:return"btn-base-300";case 11:return"btn-base-content";case 12:return"btn-info";case 13:return"btn-info-content";case 14:return"btn-success";case 15:return"btn-success-content";case 16:return"btn-warning";case 17:return"btn-warning-content";case 18:return"btn-error";case 19:return"btn-error-content";default:return"btn-base-content"}}}class Q{static toClassName(n){switch(n){case 0:return"text-primary";case 1:return"text-primary-content";case 2:return"text-secondary";case 3:return"text-secondary-content";case 4:return"text-accent";case 5:return"text-accent-content";case 6:return"text-neutral";case 7:return"text-neutral-content";case 8:return"base-100";case 9:return"text-base-200";case 10:return"text-base-300";case 11:return"text-base-content";case 12:return"text-info";case 13:return"text-info-content";case 14:return"text-success";case 15:return"text-success-content";case 16:return"text-warning";case 17:return"text-warning-content";case 18:return"text-error";case 19:return"text-error-content";default:return"text-base-content"}}}var F=(t=>(t[t.XS=0]="XS",t[t.SM=1]="SM",t[t.MD=2]="MD",t[t.LG=3]="LG",t[t.XL=4]="XL",t[t.TWOXL=5]="TWOXL",t[t.THREEXL=6]="THREEXL",t))(F||{});class A{static toClassName(n){switch(n){case 0:return"btn-xs";case 1:return"btn-sm";case 2:return"btn-md";case 3:return"btn-lg";case 4:return"btn-xl";case 5:return"btn-2xl";case 6:return"btn-3xl";default:return"btn-md"}}}class I{static toClassName(n){switch(n){case 0:return"rounded-xs";case 1:return"rounded-sm";case 2:return"rounded-md";case 3:return"rounded-lg";case 4:return"rounded-xl";case 5:return"rounded-2xl";case 6:return"rounded-3xl";default:return"rounded-md"}}}class X{static toClassName(n){switch(n){case 0:return"table-xs";case 1:return"table-sm";case 2:return"table-md";case 3:return"table-lg";case 4:return"table-xl";case 5:return"table-2xl";case 6:return"table-3xl";default:return"table-md"}}}function K(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var v={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var H;function ee(){return H||(H=1,function(t){(function(){var n={}.hasOwnProperty;function s(){for(var r="",c=0;c<arguments.length;c++){var p=arguments[c];p&&(r=a(r,o(p)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return s.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var c="";for(var p in r)n.call(r,p)&&r[p]&&(c=a(c,p));return c}function a(r,c){return c?r?r+" "+c:r+c:r}t.exports?(s.default=s,t.exports=s):window.classNames=s})()}(v)),v.exports}var te=ee();const $=K(te),ne=["type","disabled"],re={class:"group-[.is-loading]:text-transparent"},ae=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:L.Neutral},soft:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},disabled:{type:Boolean},click:{}},setup(t){const n=t,s=e.computed(()=>$("btn","group",P.toClassName(n.color),n.soft?"btn-soft":"",n.outline?"btn-outline":"",n.loading?"is-loading":"",n.disabled?"disabled":""));return(o,a)=>(e.openBlock(),e.createElementBlock("button",{onClick:a[0]||(a[0]=r=>o.click?o.click:void 0),class:e.normalizeClass(s.value),type:o.type,disabled:o.disabled||o.loading},[a[1]||(a[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",re,[e.renderSlot(o.$slots,"default")])],10,ne))}}),D=(t,n)=>{const s=t.__vccOpts||t;for(const[o,a]of n)s[o]=a;return s},se={};function oe(t,n){return e.openBlock(),e.createElementBlock("button")}const ce=D(se,[["render",oe]]),le=e.defineComponent({__name:"Card",props:{backgroundColor:{default:L.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,s=e.ref($("card",q.toClassName(n.backgroundColor),n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?I.toClassName(n.roundedSize):""));return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[e.renderSlot(o.$slots,"default")],2))}}),ue={},ie={class:"card-body"};function de(t,n){return e.openBlock(),e.createElementBlock("div",ie,[e.renderSlot(t.$slots,"default")])}const fe=D(ue,[["render",de]]),pe=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1}))}}),me=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,s=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[e.renderSlot(o.$slots,"default")],2))}});var R={},W={},j;function G(){return j||(j=1,function(t){t.__esModule=!0,t.default=a;var n=/[\u0300-\u036f]/g,s=/ł/g,o=/ñ/g;function a(r){return r.toLowerCase().normalize("NFD").replace(n,"").replace(s,"l").replace(o,"n").trim()}}(W)),W}var V={},Z;function J(){if(Z)return V;Z=1,V.__esModule=!0,V.aggressiveFuzzyMatch=y,V.createFuzzySearchImpl=w,V.experimentalSmartFuzzyMatch=N,V.fuzzyMatchImpl=m;var t=n(G());function n(u){return u&&u.__esModule?u:{default:u}}var s=Number.MAX_SAFE_INTEGER,o=function(l,b){return l.score-b.score},a=function(l,b){return l[0]-b[0]},r=new Set(`  []()-–—'"“”`.split(""));function c(u){return r.has(u)}function p(u,l,b,k,i,B,g){if(u===k)return[0,[[0,u.length-1]]];var f=k.length,h=l.length,x=i.length;if(l===i)return[.1,[[0,h-1]]];if(l.startsWith(i))return[.5,[[0,x-1]]];var E=u.indexOf(k);if(E>-1&&c(u[E-1]))return[.9,[[E,E+f-1]]];var S=l.indexOf(i);if(S>-1&&c(l[S-1]))return[1,[[S,S+f-1]]];var C=B.length;if(C>1&&B.every(function(M){return b.has(M)})){var z=1.5+C*.2;return[z,B.map(function(M){var T=l.indexOf(M);return[T,T+M.length-1]}).sort(a)]}return S>-1?[2,[[S,S+f-1]]]:g==="aggressive"?y(l,i):g==="smart"?N(l,i):null}function y(u,l){for(var b=u.length,k=l.length,i=0,B=l[i],g=[],f=-1,h=-2,x=0;x<b;x+=1)if(u[x]===B){if(x!==h+1&&(f>=0&&g.push([f,h]),f=x),h=x,i+=1,i===k)return g.push([f,h]),_(g,u);B=l[i]}return null}function N(u,l){for(var b=u.length,k=[],i=0,B=l[i],g=-1,f=-2;;){var h=u.indexOf(B,f+1);if(h===-1)break;if(h===0||c(u[h-1]))g=h;else{var x=l.length-i,E=u.length-h,S=Math.min(3,x,E),C=l.slice(i,i+S);if(u.slice(h,h+S)===C)g=h;else{f+=1;continue}}for(f=g;f<b&&u[f]===B;f+=1)i+=1,B=l[i];if(f-=1,k.push([g,f]),i===l.length)return _(k,u)}return null}function _(u,l){var b=2;return u.forEach(function(k){var i=k[0],B=k[1],g=B-i+1,f=i===0||l[i]===" "||l[i-1]===" ",h=B===l.length-1||l[B]===" "||l[B+1]===" ",x=f&&h;x?b+=.2:f?b+=.4:g>=3?b+=.8:b+=1.6}),[b,u]}function m(u,l){var b=(0,t.default)(l),k=b.split(" "),i=(0,t.default)(u),B=new Set(i.split(" ")),g=p(u,i,B,l,b,k,"smart");return g?{item:u,score:g[0],matches:[g[1]]}:null}function w(u,l){var b=l.strategy,k=b===void 0?"aggressive":b,i=l.getText,B=u.map(function(g){var f;if(i)f=i(g);else{var h=l.key?g[l.key]:g;f=[h]}var x=f.map(function(E){var S=E||"",C=(0,t.default)(S),z=new Set(C.split(" "));return[S,C,z]});return[g,x]});return function(g){var f=[],h=(0,t.default)(g),x=h.split(" ");return h.length?(B.forEach(function(E){for(var S=E[0],C=E[1],z=s,M=[],T=0,Ue=C.length;T<Ue;T+=1){var O=C[T],qe=O[0],Pe=O[1],Ae=O[2],U=p(qe,Pe,Ae,g,h,x,k);U?(z=Math.min(z,U[0]),M.push(U[1])):M.push(null)}z<s&&f.push({item:S,score:z,matches:M})}),f.sort(o),f):[]}}return V}var Y;function be(){return Y||(Y=1,function(t){t.__esModule=!0,t.default=o,t.fuzzyMatch=a;var n=s(G());t.normalizeText=n.default;function s(r){return r&&r.__esModule?r:{default:r}}function o(r,c){return c===void 0&&(c={}),J().createFuzzySearchImpl(r,c)}function a(r,c){return J().fuzzyMatchImpl(r,c)}}(R)),R}var ge=be();const he=K(ge),ye={key:0},_e=["colspan"],Be=["innerHTML"],ke=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:F.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{}},setup(t){const n=e.ref([]),s=e.ref([]),o=e.ref(null),a=t,r=e.ref($("table",X.toClassName(a.size),{"table-zebra":a.zebra,"table-pin-rows":a.pinRows,"table-pin-cols	":a.pinCols})),c=(y,N)=>String(!y||typeof y!="object"?y:N.split(".").reduce((_,m)=>_&&(typeof _=="object"?_[m]:_),y));e.onMounted(()=>{n.value=a.dataSource,s.value=a.dataSource}),e.watch(()=>a.dataSource,y=>{n.value=y,s.value=y},{immediate:!0}),e.watch(()=>a.searchValue,y=>{if(a.searchFunction){s.value=a.searchFunction(y??"");return}s.value=y?p(y):n.value},{immediate:!0});const p=y=>{const N=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(m=>{const w=n.value.map(b=>c(b,m)),l=he(w)(y);for(const b of l){const k=n.value.filter(i=>c(i,m)===b.item);N.push(...k)}}),N):[]};return(y,N)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:o,class:e.normalizeClass(r.value)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,_=>(e.openBlock(),e.createElementBlock("th",{key:_.title},e.toDisplayString(_.title),1))),128))])]),e.createElementVNode("tbody",null,[s.value.length===0?(e.openBlock(),e.createElementBlock("tr",ye,[e.createElementVNode("td",{colspan:a.columns.length}," No data found ",8,_e)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(s.value,_=>(e.openBlock(),e.createElementBlock("tr",{key:String(_)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,m=>(e.openBlock(),e.createElementBlock("td",{key:m.title},[m.render?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(c(_,m.data)),1)],64)),typeof m.render=="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof m.render(c(_,m.data),_)=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:m.render(c(_,m.data),_)},null,8,Be)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.render(c(_,m.data),_)),{key:1}))],64)):e.createCommentVNode("",!0)]))),128))]))),128))])],2))}}),xe=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:s}){const o=t,a=e.ref(o.value),r=s,c=p=>{a.value=p,r("update:value",p)};return e.provide("stepper",{value:a,updateValue:c}),e.watch(()=>o.value,p=>{a.value=p}),n({updateValue:c}),(p,y)=>e.renderSlot(p.$slots,"default",{updateValue:c})}}),Se=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,s=e.inject("stepper"),o=e.ref("");return e.watch(()=>s==null?void 0:s.value.value,a=>{a&&n.value&&(o.value=Number(a)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{s&&(o.value=s.value.value===n.value?"step-primary":"",Number(s.value.value)>=Number(n.value)&&(o.value="step-primary"))}),(a,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",o.value])},[e.renderSlot(a.$slots,"default")],2))}}),Ee={},Ce={class:"steps"};function Ne(t,n){return e.openBlock(),e.createElementBlock("ul",Ce,[e.renderSlot(t.$slots,"default")])}const we=D(Ee,[["render",Ne]]),ze={key:0},Me=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(s,o)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>{var a,r;return[(a=e.unref(n))!=null&&a.value?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(s.$slots,"default",{currentStep:(r=e.unref(n))==null?void 0:r.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),Ve={key:0},$e=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const s=e.computed(()=>o==null?void 0:o.value.value),o=e.inject("stepper"),a=r=>{o&&o.updateValue(r.toString())};return n({activateCallback:a}),(r,c)=>r.value===s.value?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(r.$slots,"default",{activateCallback:a})])):e.createCommentVNode("",!0)}}),Te={key:0,method:"dialog"},Le=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1},closeButtonSize:{default:F.SM},extraBoxClasses:{}},emits:["close"],setup(t,{expose:n,emit:s}){const o=e.ref(null),a=s,r=t,c=e.ref($("modal-box",r.extraBoxClasses)),p=e.ref($("modal",{"overflow-visible":r.overflow})),y=e.ref($("btn",A.toClassName(r.closeButtonSize),"btn-circle","btn-ghost","absolute","right-2","top-2"));return n({showModal:()=>{var m;(m=o.value)==null||m.showModal()},closeModal:()=>{var m;(m=o.value)==null||m.close()}}),(m,w)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:o,class:e.normalizeClass([p.value,m.$attrs.class]),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:w[0]||(w[0]=u=>a("close",u))},[e.createElementVNode("div",{class:e.normalizeClass(c.value)},[m.closeButton?(e.openBlock(),e.createElementBlock("form",Te,[e.createElementVNode("button",{class:e.normalizeClass(y.value)},"✕",2)])):e.createCommentVNode("",!0),e.renderSlot(m.$slots,"default")],2),w[1]||(w[1]=e.createElementVNode("form",{method:"dialog",class:"modal-backdrop"},[e.createElementVNode("button",null,"close")],-1))],34))}}),Fe={class:"hidden w-full max-w-sm lg:flex"},ve={class:"relative mx-3 w-full"},De={class:"w-full max-w-full relative"},Re=["value"],We=e.defineComponent({__name:"SearchBar",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:n}){const s=t,o=e.ref(null),a=n,r=c=>{(c.ctrlKey||c.metaKey)&&c.key.toLowerCase()==="k"&&(c.preventDefault(),o.value&&o.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onUnmounted(()=>{document.removeEventListener("keydown",r)}),(c,p)=>(e.openBlock(),e.createElementBlock("div",Fe,[e.createElementVNode("label",ve,[p[1]||(p[1]=e.createElementVNode("svg",{class:"pointer-events-none absolute z-10 my-3.5 ms-4 opacity-60 text-base-content","aria-hidden":"true",width:"16",height:"16",viewBox:"0.48 0.48 23.04 23.04",fill:"currentColor"},[e.createElementVNode("path",{fill:"none",d:"M0 0h24v24H0z"}),e.createElementVNode("path",{d:"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})],-1)),e.createElementVNode("div",De,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:o,type:"search",placeholder:"Zoeken...",value:s.modelValue,onInput:p[0]||(p[0]=y=>a("update:modelValue",y.target.value)),class:"bg-transparent color-[inherit] border-[2px] border-solid border-transparent focus:border-[2px] focus:border-base-200 focus:outline-none rounded-xl w-full px-3 py-2 ps-10"},null,40,Re)])]),p[2]||(p[2]=e.createElementVNode("div",{class:"pointer-events-none absolute end-10 top-2.5 gap-1 opacity-50 rtl:flex-row-reverse hidden lg:flex"},[e.createElementVNode("kbd",{class:"kbd kbd-sm"},"ctrl"),e.createElementVNode("kbd",{class:"kbd kbd-sm"},"K")],-1))])]))}}),Oe=["bg-primary","bg-primary-content","bg-secondary","bg-secondary-content","bg-accent","bg-accent-content","bg-neutral","bg-neutral-content","bg-base-100","bg-base-200","bg-base-300","bg-base-content","bg-info","bg-info-content","bg-success","bg-success-content","bg-warning","bg-warning-content","bg-error","bg-error-content","btn-primary","btn-primary-content","btn-secondary","btn-secondary-content","btn-accent","btn-accent-content","btn-neutral","btn-neutral-content","btn-base-100","btn-base-200","btn-base-300","btn-base-content","btn-info","btn-info-content","btn-success","btn-success-content","btn-warning","btn-warning-content","btn-error","btn-error-content","text-primary","text-primary-content","text-secondary","text-secondary-content","text-accent","text-accent-content","text-neutral","text-neutral-content","text-base-100","text-base-200","text-base-300","text-base-content","text-info","text-info-content","text-success","text-success-content","text-warning","text-warning-content","text-error","text-error-content","text-transparent","step","steps","modal","modal-box","btn","btn-sm","btn-circle","btn-ghost","absolute","right-2","top-2","shadow-lg","w-full","rounded-xs","rounded-sm","rounded-md","rounded-lg","rounded-xl","rounded-2xl","rounded-3xl","hidden","block"];d.BackgroundColorUtils=q,d.Button=ae,d.ButtonColorUtils=P,d.ButtonSizeUtils=A,d.Card=le,d.CardBody=fe,d.CardTitle=pe,d.Color=L,d.Container=me,d.Modal=Le,d.RoundedSizeUtils=I,d.SearchBar=We,d.SimpleButton=ce,d.Size=F,d.Step=Se,d.StepList=we,d.StepPanel=$e,d.StepPanels=Me,d.Stepper=xe,d.Table=ke,d.TableSizeUtils=X,d.TextColorUtils=Q,d.dendelionSafeList=Oe,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+*/var j;function ee(){return j||(j=1,function(t){(function(){var n={}.hasOwnProperty;function o(){for(var r="",l=0;l<arguments.length;l++){var m=arguments[l];m&&(r=s(r,c(m)))}return r}function c(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return o.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var l="";for(var m in r)n.call(r,m)&&r[m]&&(l=s(l,m));return l}function s(r,l){return l?r?r+" "+l:r+l:r}t.exports?(o.default=o,t.exports=o):window.classNames=o})()}(v)),v.exports}var te=ee();const V=K(te),ne=["type","disabled"],re={class:"group-[.is-loading]:text-transparent"},ae=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:L.Neutral},soft:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},disabled:{type:Boolean},click:{}},setup(t){const n=t,o=e.computed(()=>V("btn","group",q.toClassName(n.color),n.soft?"btn-soft":"",n.outline?"btn-outline":"",n.loading?"is-loading":"",n.disabled?"disabled":""));return(c,s)=>(e.openBlock(),e.createElementBlock("button",{onClick:s[0]||(s[0]=r=>c.click?c.click:void 0),class:e.normalizeClass(o.value),type:c.type,disabled:c.disabled||c.loading},[s[1]||(s[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",re,[e.renderSlot(c.$slots,"default")])],10,ne))}}),D=(t,n)=>{const o=t.__vccOpts||t;for(const[c,s]of n)o[c]=s;return o},se={};function oe(t,n){return e.openBlock(),e.createElementBlock("button")}const ce=D(se,[["render",oe]]),le=e.defineComponent({__name:"Card",props:{backgroundColor:{default:L.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,o=e.ref(V("card",U.toClassName(n.backgroundColor),n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?I.toClassName(n.roundedSize):""));return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.renderSlot(c.$slots,"default")],2))}}),ie={},ue={class:"card-body"};function de(t,n){return e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"default")])}const fe=D(ie,[["render",de]]),pe=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1}))}}),me=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,o=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.renderSlot(c.$slots,"default")],2))}});var R={},W={},H;function G(){return H||(H=1,function(t){t.__esModule=!0,t.default=s;var n=/[\u0300-\u036f]/g,o=/ł/g,c=/ñ/g;function s(r){return r.toLowerCase().normalize("NFD").replace(n,"").replace(o,"l").replace(c,"n").trim()}}(W)),W}var M={},Z;function J(){if(Z)return M;Z=1,M.__esModule=!0,M.aggressiveFuzzyMatch=N,M.createFuzzySearchImpl=g,M.experimentalSmartFuzzyMatch=T,M.fuzzyMatchImpl=_;var t=n(G());function n(a){return a&&a.__esModule?a:{default:a}}var o=Number.MAX_SAFE_INTEGER,c=function(i,y){return i.score-y.score},s=function(i,y){return i[0]-y[0]},r=new Set(`  []()-–—'"“”`.split(""));function l(a){return r.has(a)}function m(a,i,y,k,u,B,b){if(a===k)return[0,[[0,a.length-1]]];var p=k.length,h=i.length,x=u.length;if(i===u)return[.1,[[0,h-1]]];if(i.startsWith(u))return[.5,[[0,x-1]]];var E=a.indexOf(k);if(E>-1&&l(a[E-1]))return[.9,[[E,E+p-1]]];var S=i.indexOf(u);if(S>-1&&l(i[S-1]))return[1,[[S,S+p-1]]];var C=B.length;if(C>1&&B.every(function(z){return y.has(z)})){var w=1.5+C*.2;return[w,B.map(function(z){var $=i.indexOf(z);return[$,$+z.length-1]}).sort(s)]}return S>-1?[2,[[S,S+p-1]]]:b==="aggressive"?N(i,u):b==="smart"?T(i,u):null}function N(a,i){for(var y=a.length,k=i.length,u=0,B=i[u],b=[],p=-1,h=-2,x=0;x<y;x+=1)if(a[x]===B){if(x!==h+1&&(p>=0&&b.push([p,h]),p=x),h=x,u+=1,u===k)return b.push([p,h]),f(b,a);B=i[u]}return null}function T(a,i){for(var y=a.length,k=[],u=0,B=i[u],b=-1,p=-2;;){var h=a.indexOf(B,p+1);if(h===-1)break;if(h===0||l(a[h-1]))b=h;else{var x=i.length-u,E=a.length-h,S=Math.min(3,x,E),C=i.slice(u,u+S);if(a.slice(h,h+S)===C)b=h;else{p+=1;continue}}for(p=b;p<y&&a[p]===B;p+=1)u+=1,B=i[u];if(p-=1,k.push([b,p]),u===i.length)return f(k,a)}return null}function f(a,i){var y=2;return a.forEach(function(k){var u=k[0],B=k[1],b=B-u+1,p=u===0||i[u]===" "||i[u-1]===" ",h=B===i.length-1||i[B]===" "||i[B+1]===" ",x=p&&h;x?y+=.2:p?y+=.4:b>=3?y+=.8:y+=1.6}),[y,a]}function _(a,i){var y=(0,t.default)(i),k=y.split(" "),u=(0,t.default)(a),B=new Set(u.split(" ")),b=m(a,u,B,i,y,k,"smart");return b?{item:a,score:b[0],matches:[b[1]]}:null}function g(a,i){var y=i.strategy,k=y===void 0?"aggressive":y,u=i.getText,B=a.map(function(b){var p;if(u)p=u(b);else{var h=i.key?b[i.key]:b;p=[h]}var x=p.map(function(E){var S=E||"",C=(0,t.default)(S),w=new Set(C.split(" "));return[S,C,w]});return[b,x]});return function(b){var p=[],h=(0,t.default)(b),x=h.split(" ");return h.length?(B.forEach(function(E){for(var S=E[0],C=E[1],w=o,z=[],$=0,Pe=C.length;$<Pe;$+=1){var O=C[$],Ue=O[0],qe=O[1],Ae=O[2],P=m(Ue,qe,Ae,b,h,x,k);P?(w=Math.min(w,P[0]),z.push(P[1])):z.push(null)}w<o&&p.push({item:S,score:w,matches:z})}),p.sort(c),p):[]}}return M}var Y;function be(){return Y||(Y=1,function(t){t.__esModule=!0,t.default=c,t.fuzzyMatch=s;var n=o(G());t.normalizeText=n.default;function o(r){return r&&r.__esModule?r:{default:r}}function c(r,l){return l===void 0&&(l={}),J().createFuzzySearchImpl(r,l)}function s(r,l){return J().fuzzyMatchImpl(r,l)}}(R)),R}var ge=be();const he=K(ge),ye={key:0},_e=["colspan"],Be=["innerHTML"],ke=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:F.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{}},setup(t){const n=e.ref([]),o=e.ref([]),c=e.ref(null),s=t,r=e.ref(V("table",X.toClassName(s.size),{"table-zebra":s.zebra,"table-pin-rows":s.pinRows,"table-pin-cols	":s.pinCols})),l=(f,_)=>String(!f||typeof f!="object"?f:_.split(".").reduce((g,a)=>g&&(typeof g=="object"?g[a]:g),f)),m=(f,_)=>_.render===void 0?{}:_.render(l(f,_.data),f).props,N=f=>f&&typeof f=="object"&&"then"in f?e.defineAsyncComponent(()=>f):typeof f=="function"?e.defineAsyncComponent(f):f;e.onMounted(()=>{n.value=s.dataSource,o.value=s.dataSource}),e.watch(()=>s.dataSource,f=>{n.value=f,o.value=f},{immediate:!0}),e.watch(()=>s.searchValue,f=>{if(s.searchFunction){o.value=s.searchFunction(f??"");return}o.value=f?T(f):n.value},{immediate:!0});const T=f=>{const _=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(a=>{const i=n.value.map(u=>l(u,a)),k=he(i)(f);for(const u of k){const B=n.value.filter(b=>l(b,a)===u.item);_.push(...B)}}),_):[]};return(f,_)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:c,class:e.normalizeClass(r.value)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,g=>(e.openBlock(),e.createElementBlock("th",{key:g.title},e.toDisplayString(g.title),1))),128))])]),e.createElementVNode("tbody",null,[o.value.length===0?(e.openBlock(),e.createElementBlock("tr",ye,[e.createElementVNode("td",{colspan:s.columns.length}," No data found ",8,_e)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(o.value,g=>(e.openBlock(),e.createElementBlock("tr",{key:String(g)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,a=>(e.openBlock(),e.createElementBlock("td",{key:a.title},[a.render?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l(g,a.data)),1)],64)),typeof a.render=="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof a.render(l(g,a.data),g)=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:a.render(l(g,a.data),g)},null,8,Be)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N(a.render(l(g,a.data),g).component)),e.mergeProps({key:1,ref_for:!0},m(g,a)),null,16))],64)):e.createCommentVNode("",!0)]))),128))]))),128))])],2))}}),xe=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:o}){const c=t,s=e.ref(c.value),r=o,l=m=>{s.value=m,r("update:value",m)};return e.provide("stepper",{value:s,updateValue:l}),e.watch(()=>c.value,m=>{s.value=m}),n({updateValue:l}),(m,N)=>e.renderSlot(m.$slots,"default",{updateValue:l})}}),Se=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,o=e.inject("stepper"),c=e.ref("");return e.watch(()=>o==null?void 0:o.value.value,s=>{s&&n.value&&(c.value=Number(s)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{o&&(c.value=o.value.value===n.value?"step-primary":"",Number(o.value.value)>=Number(n.value)&&(c.value="step-primary"))}),(s,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",c.value])},[e.renderSlot(s.$slots,"default")],2))}}),Ee={},Ce={class:"steps"};function Ne(t,n){return e.openBlock(),e.createElementBlock("ul",Ce,[e.renderSlot(t.$slots,"default")])}const we=D(Ee,[["render",Ne]]),ze={key:0},Me=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(o,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>{var s,r;return[(s=e.unref(n))!=null&&s.value?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(o.$slots,"default",{currentStep:(r=e.unref(n))==null?void 0:r.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),Ve={key:0},$e=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const o=e.computed(()=>c==null?void 0:c.value.value),c=e.inject("stepper"),s=r=>{c&&c.updateValue(r.toString())};return n({activateCallback:s}),(r,l)=>r.value===o.value?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(r.$slots,"default",{activateCallback:s})])):e.createCommentVNode("",!0)}}),Te={key:0,method:"dialog"},Le=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1},closeButtonSize:{default:F.SM},extraBoxClasses:{}},emits:["close"],setup(t,{expose:n,emit:o}){const c=e.ref(null),s=o,r=t,l=e.ref(V("modal-box",r.extraBoxClasses)),m=e.ref(V("modal",{"overflow-visible":r.overflow})),N=e.ref(V("btn",A.toClassName(r.closeButtonSize),"btn-circle","btn-ghost","absolute","right-2","top-2"));return n({showModal:()=>{var _;(_=c.value)==null||_.showModal()},closeModal:()=>{var _;(_=c.value)==null||_.close()}}),(_,g)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:c,class:e.normalizeClass([m.value,_.$attrs.class]),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:g[0]||(g[0]=a=>s("close",a))},[e.createElementVNode("div",{class:e.normalizeClass(l.value)},[_.closeButton?(e.openBlock(),e.createElementBlock("form",Te,[e.createElementVNode("button",{class:e.normalizeClass(N.value)},"✕",2)])):e.createCommentVNode("",!0),e.renderSlot(_.$slots,"default")],2),g[1]||(g[1]=e.createElementVNode("form",{method:"dialog",class:"modal-backdrop"},[e.createElementVNode("button",null,"close")],-1))],34))}}),Fe={class:"hidden w-full max-w-sm lg:flex"},ve={class:"relative mx-3 w-full"},De={class:"w-full max-w-full relative"},Re=["value"],We=e.defineComponent({__name:"SearchBar",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:n}){const o=t,c=e.ref(null),s=n,r=l=>{(l.ctrlKey||l.metaKey)&&l.key.toLowerCase()==="k"&&(l.preventDefault(),c.value&&c.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onUnmounted(()=>{document.removeEventListener("keydown",r)}),(l,m)=>(e.openBlock(),e.createElementBlock("div",Fe,[e.createElementVNode("label",ve,[m[1]||(m[1]=e.createElementVNode("svg",{class:"pointer-events-none absolute z-10 my-3.5 ms-4 opacity-60 text-base-content","aria-hidden":"true",width:"16",height:"16",viewBox:"0.48 0.48 23.04 23.04",fill:"currentColor"},[e.createElementVNode("path",{fill:"none",d:"M0 0h24v24H0z"}),e.createElementVNode("path",{d:"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})],-1)),e.createElementVNode("div",De,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:c,type:"search",placeholder:"Zoeken...",value:o.modelValue,onInput:m[0]||(m[0]=N=>s("update:modelValue",N.target.value)),class:"bg-transparent color-[inherit] border-[2px] border-solid border-transparent focus:border-[2px] focus:border-base-200 focus:outline-none rounded-xl w-full px-3 py-2 ps-10"},null,40,Re)])]),m[2]||(m[2]=e.createElementVNode("div",{class:"pointer-events-none absolute end-10 top-2.5 gap-1 opacity-50 rtl:flex-row-reverse hidden lg:flex"},[e.createElementVNode("kbd",{class:"kbd kbd-sm"},"ctrl"),e.createElementVNode("kbd",{class:"kbd kbd-sm"},"K")],-1))])]))}}),Oe=["bg-primary","bg-primary-content","bg-secondary","bg-secondary-content","bg-accent","bg-accent-content","bg-neutral","bg-neutral-content","bg-base-100","bg-base-200","bg-base-300","bg-base-content","bg-info","bg-info-content","bg-success","bg-success-content","bg-warning","bg-warning-content","bg-error","bg-error-content","btn-primary","btn-primary-content","btn-secondary","btn-secondary-content","btn-accent","btn-accent-content","btn-neutral","btn-neutral-content","btn-base-100","btn-base-200","btn-base-300","btn-base-content","btn-info","btn-info-content","btn-success","btn-success-content","btn-warning","btn-warning-content","btn-error","btn-error-content","text-primary","text-primary-content","text-secondary","text-secondary-content","text-accent","text-accent-content","text-neutral","text-neutral-content","text-base-100","text-base-200","text-base-300","text-base-content","text-info","text-info-content","text-success","text-success-content","text-warning","text-warning-content","text-error","text-error-content","text-transparent","step","steps","modal","modal-box","btn","btn-sm","btn-circle","btn-ghost","absolute","right-2","top-2","shadow-lg","w-full","rounded-xs","rounded-sm","rounded-md","rounded-lg","rounded-xl","rounded-2xl","rounded-3xl","hidden","block"];d.BackgroundColorUtils=U,d.Button=ae,d.ButtonColorUtils=q,d.ButtonSizeUtils=A,d.Card=le,d.CardBody=fe,d.CardTitle=pe,d.Color=L,d.Container=me,d.Modal=Le,d.RoundedSizeUtils=I,d.SearchBar=We,d.SimpleButton=ce,d.Size=F,d.Step=Se,d.StepList=we,d.StepPanel=$e,d.StepPanels=Me,d.Stepper=xe,d.Table=ke,d.TableSizeUtils=X,d.TextColorUtils=Q,d.dendelionSafeList=Oe,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/types/components/button/Button.vue.d.ts

@@ -1,19 +1,9 @@
 import { Color } from '@/types';
 import { ButtonProps } from './interface';
-declare const classes: import("vue").ComputedRef<string>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<ButtonProps, {
-    classes: typeof classes;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-    type: import("./interface").Type;
-    color: Color;
-    soft: boolean;
-    outline: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
     type: import("./interface").Type;
     color: Color;

package/dist/types/components/card/Card.vue.d.ts

@@ -1,18 +1,9 @@
 import { CardProps } from './interface';
 import { Color } from '@/types';
-declare const classes: import("vue").Ref<string, string>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<CardProps, {
-    classes: typeof classes;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
-    backgroundColor: Color;
-    shadow: boolean;
-    fullWidth: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
     backgroundColor: Color;
     shadow: boolean;

package/dist/types/components/card/CardBody.vue.d.ts

@@ -1,9 +1,7 @@
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/container/Container.vue.d.ts

@@ -1,16 +1,8 @@
 import { ContainerProps } from './interface';
-declare const classes: import("vue").Ref<string[], string[]>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<ContainerProps, {
-    classes: typeof classes;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerProps> & Readonly<{}>, {
-    container: boolean;
-    padding: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerProps> & Readonly<{}>, {
     container: boolean;
     padding: boolean;

package/dist/types/components/modal/Modal.vue.d.ts

@@ -1,30 +1,9 @@
 import { ModalProps } from './interface';
 import { Size } from '@/types';
-declare const modal: import("vue").Ref<HTMLDialogElement | null, HTMLDialogElement | null>;
-declare const emit: (event: "close", ...args: any[]) => void;
-declare const boxClasses: import("vue").Ref<string, string>;
-declare const classes: import("vue").Ref<string, string>;
-declare const closeButtonClasses: import("vue").Ref<string, string>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<ModalProps, {
-    modal: typeof modal;
-    emit: typeof emit;
-    boxClasses: typeof boxClasses;
-    classes: typeof classes;
-    closeButtonClasses: typeof closeButtonClasses;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<ModalProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-}>, {
-    closeButton: boolean;
-    overflow: boolean;
-    closeButtonSize: Size;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<ModalProps, {
     showModal: () => void;
     closeModal: () => void;

package/dist/types/components/stepper/Step.vue.d.ts

@@ -1,14 +1,8 @@
-import { type Ref } from 'vue';
 import { StepperProps } from './interface';
-declare const activeClass: Ref<string, string>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<StepperProps, {
-    activeClass: typeof activeClass;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<StepperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/stepper/StepList.vue.d.ts

@@ -1,9 +1,7 @@
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/stepper/StepPanel.vue.d.ts

@@ -1,17 +1,10 @@
 import { StepperProps } from './interface';
-declare const stepperValue: import("vue").ComputedRef<string | undefined>;
-declare const activateCallback: (index: number) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {
     activateCallback: (index: number) => void;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<StepperProps, {
-    stepperValue: typeof stepperValue;
-    activateCallback: typeof activateCallback;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<StepperProps, {
     activateCallback: (index: number) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/components/stepper/StepPanels.vue.d.ts

@@ -1,18 +1,10 @@
 import { type Ref } from 'vue';
-declare const stepper: {
-    value: Ref<string>;
-    updateValue: (value: string) => void;
-} | undefined;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {
     currentStep: Ref<string, string>;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<{}, {
-    stepper: typeof stepper;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/stepper/Stepper.vue.d.ts

@@ -1,19 +1,10 @@
 import { StepperProps } from './interface';
-declare const updateValue: (value: string) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {
     updateValue: (value: string) => void;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<StepperProps, {
-    updateValue: typeof updateValue;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<StepperProps> & Readonly<{
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<StepperProps, {
     updateValue: (value: string) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/types/components/table/interface.d.ts

@@ -1,5 +1,5 @@
 import { Size } from "@/types";
-import { Component, VNode } from "vue";
+import { Component } from "vue";
 export type TableProps<T> = {
     zebra?: boolean;
     pinRows?: boolean;
@@ -14,7 +14,7 @@ export type TableProps<T> = {
 export type Column<T> = {
     title: string;
     data: string;
-    render?: (text: string, row: T) => string | Component | VNode;
+    render?: (text: string, row: T) => string | ColumnComponent;
     extraClasses?: ExtraClasses;
 };
 export type ExtraClasses = {
@@ -25,3 +25,11 @@ export type CellClasses = {
     index: number;
     classes: string[];
 };
+export type ComponentImport = Promise<{
+    default: Component;
+}>;
+export type ComponentOrImport = Component | ComponentImport | (() => ComponentImport);
+export type ColumnComponent = {
+    component: ComponentOrImport;
+    props: any;
+};

package/package.json

@@ -1,75 +1,79 @@
-{
-  "name": "dendelion-ui",
-  "private": false,
-  "description": "Simpel component library using Tailwind css and DaisyUI",
-  "version": "0.0.12",
-  "author": "ThatzOkay",
-  "license": "MIT",
-  "homepage": "https://github.com/ThatzOkay/DendelionUI#readme",
-  "repository": {
-    "url": "git+https://github.com/ThatzOkay/DendelionUI.git",
-    "type": "git"
-  },
-  "bugs": {
-    "url": "https://github.com/ThatzOkay/DendelionUI/issues"
-  },
-  "keywords": [
-    "Tailwind",
-    "DaisyUI",
-    "Vue",
-    "Component",
-    "Library"
-  ],
-  "type": "module",
-  "files": [
-    "dist",
-    "src"
-  ],
-  "main": "./dist/dendelion-ui.umd.js",
-  "module": "./dist/dendelion-ui.es.js",
-  "typings": "./dist/types/index.d.ts",
-  "types": "./dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/dendelion-ui.es.js",
-      "require": "./dist/dendelion-ui.umd.js"
-    }
-  },
-  "scripts": {
-    "dev": "cross-env MODE=demo npm run vite",
-    "vite": "vite",
-    "clean": "rimraf dist",
-    "build": "npm run clean && npm run build:lib && npm run build:tsc",
-    "build:lib": "cross-env MODE=lib vite build",
-    "build:tsc": "vue-tsc --emitDeclarationOnly",
-    "build:demo": "cross-env MODE=demo vite build",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "lint": "eslint ",
-    "lint:fix": "eslint --fix ",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@nozbe/microfuzz": "^1.0.0",
-    "classnames": "^2.5.1",
-    "fuzzysearch": "^1.0.3",
-    "vue": "^3.5.13"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/tsconfig": "^0.7.0",
-    "autoprefixer": "^10.4.20",
-    "cross-env": "^7.0.3",
-    "daisyui": "^4.12.23",
-    "eslint": "^9.21.0",
-    "eslint-plugin-vue": "^9.32.0",
-    "fluid-tailwind": "^1.0.4",
-    "rimraf": "^6.0.1",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.26.0",
-    "vite": "^6.2.0",
-    "vue-tsc": "^2.2.8"
-  }
-}
+{
+  "name": "dendelion-ui",
+  "private": false,
+  "description": "Simpel component library using Tailwind css and DaisyUI",
+  "version": "0.0.13",
+  "author": "ThatzOkay",
+  "license": "MIT",
+  "homepage": "https://github.com/ThatzOkay/DendelionUI#readme",
+  "repository": {
+    "url": "git+https://github.com/ThatzOkay/DendelionUI.git",
+    "type": "git"
+  },
+  "bugs": {
+    "url": "https://github.com/ThatzOkay/DendelionUI/issues"
+  },
+  "keywords": [
+    "Tailwind",
+    "DaisyUI",
+    "Vue",
+    "Component",
+    "Library"
+  ],
+  "type": "module",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "main": "./dist/dendelion-ui.umd.js",
+  "module": "./dist/dendelion-ui.es.js",
+  "typings": "./dist/types/index.d.ts",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/dendelion-ui.es.js",
+      "require": "./dist/dendelion-ui.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "cross-env MODE=demo npm run vite",
+    "vite": "vite",
+    "clean": "rimraf dist",
+    "build": "npm run clean && npm run build:lib && npm run build:tsc",
+    "build:lib": "cross-env MODE=lib vite build",
+    "build:tsc": "vue-tsc --emitDeclarationOnly",
+    "build:demo": "cross-env MODE=demo vite build",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "lint": "eslint ",
+    "lint:fix": "eslint --fix ",
+    "format": "prettier ./src --write",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@nozbe/microfuzz": "^1.0.0",
+    "classnames": "^2.5.1",
+    "fuzzysearch": "^1.0.3",
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vue/tsconfig": "^0.7.0",
+    "autoprefixer": "^10.4.21",
+    "cross-env": "^7.0.3",
+    "daisyui": "^4.12.24",
+    "eslint": "^9.26.0",
+    "eslint-plugin-vue": "^9.33.0",
+    "fluid-tailwind": "^1.0.4",
+    "prettier": "^3.5.3",
+    "prettier-eslint": "^16.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "rimraf": "^6.0.1",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.32.0",
+    "vite": "^6.3.5",
+    "vue-tsc": "^2.2.10"
+  }
+}

package/src/components/button/Button.vue

@@ -1,29 +1,32 @@
-<template>
-  <button v-on:click="click ? click : undefined" :class="classes" :type="type" :disabled="disabled || loading">
-    <span class="loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"></span>
-    <span class="group-[.is-loading]:text-transparent"><slot  /></span>
-  </button>
-</template>
-
-<script setup lang="ts">
-import { Color, ButtonColorUtils } from '@/types';
-import { ButtonProps } from './interface';
-import classNames from 'classnames';
-import { computed } from 'vue';
-
-const props = withDefaults(defineProps<ButtonProps>(), {
-  type: 'button',
-  color: Color.Neutral,
-  soft: false,
-  outline: false,
-})
-
-const classes = computed(() => classNames('btn', 
-  'group',
-  ButtonColorUtils.toClassName(props.color),
-  props.soft ? 'btn-soft' : '',
-  props.outline ? 'btn-outline' : '',
-  props.loading ? 'is-loading' : '',
-  props.disabled ? 'disabled' : ''
-))
-</script>
+<template>
+	<button v-on:click="click ? click : undefined" :class="classes" :type="type" :disabled="disabled || loading">
+		<span class="loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"></span>
+		<span class="group-[.is-loading]:text-transparent"><slot /></span>
+	</button>
+</template>
+
+<script setup lang="ts">
+import { Color, ButtonColorUtils } from '@/types';
+import { ButtonProps } from './interface';
+import classNames from 'classnames';
+import { computed } from 'vue';
+
+const props = withDefaults(defineProps<ButtonProps>(), {
+	type: 'button',
+	color: Color.Neutral,
+	soft: false,
+	outline: false,
+});
+
+const classes = computed(() =>
+	classNames(
+		'btn',
+		'group',
+		ButtonColorUtils.toClassName(props.color),
+		props.soft ? 'btn-soft' : '',
+		props.outline ? 'btn-outline' : '',
+		props.loading ? 'is-loading' : '',
+		props.disabled ? 'disabled' : '',
+	),
+);
+</script>

package/src/components/button/SimpleButton.vue

@@ -1,8 +1,5 @@
-<template>
-    <button>
-
-    </button>
-</template>
-
-<script setup lang="ts">
-</script>
+<template>
+	<button></button>
+</template>
+
+<script setup lang="ts"></script>

package/src/components/button/index.ts

@@ -1,3 +1,3 @@
-export { default as Button } from "./Button.vue";
-export { default as SimpleButton } from "./SimpleButton.vue";
-export type { ButtonProps, Type } from "./interface";
+export { default as Button } from './Button.vue';
+export { default as SimpleButton } from './SimpleButton.vue';
+export type { ButtonProps, Type } from './interface';

package/src/components/button/interface.ts

@@ -1,13 +1,13 @@
-import { Color } from "@/types";
-
-export type Type = 'button' | 'submit' | 'reset';
-
-export type ButtonProps = {
-    type?: Type,
-    loading?: boolean,
-    color?: Color,
-    soft?: boolean,
-    outline?: boolean,
-    disabled?: boolean,
-    click?: () => void,
-  };
+import { Color } from '@/types';
+
+export type Type = 'button' | 'submit' | 'reset';
+
+export type ButtonProps = {
+	type?: Type;
+	loading?: boolean;
+	color?: Color;
+	soft?: boolean;
+	outline?: boolean;
+	disabled?: boolean;
+	click?: () => void;
+};