dendelion-ui 0.0.6 → 0.0.8

package/dist/dendelion-ui.cjs.js

@@ -2,4 +2,4 @@
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var q;function Q(){return q||(q=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})()}(F)),F.exports}var ee=Q();const V=H(ee),te=["type"],ne={class:"group-[.is-loading]:text-transparent"},re=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:M.Neutral},click:{}},setup(t){const n=t,s=e.computed(()=>V("btn","group",`btn-${K.toClassName(n.color)}`,n.loading?"is-loading":""));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},[a[1]||(a[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",ne,[e.renderSlot(o.$slots,"default")])],10,te))}}),O=(t,n)=>{const s=t.__vccOpts||t;for(const[o,a]of n)s[o]=a;return s},ae={};function se(t,n){return e.openBlock(),e.createElementBlock("button")}const oe=O(ae,[["render",se]]);var R=(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))(R||{});class U{static toClassName(n){switch(n){case 0:return"xs";case 1:return"sm";case 2:return"md";case 3:return"lg";case 4:return"xl";case 5:return"2xl";case 6:return"3xl";default:return"md"}}}const ce=e.defineComponent({__name:"Card",props:{backgroundColor:{default:M.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,s=e.ref(V("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[e.renderSlot(o.$slots,"default")],2))}}),le={},ue={class:"card-body"};function ie(t,n){return e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"default")])}const de=O(le,[["render",ie]]),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}))}}),fe=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 D={},W={},P;function G(){return P||(P=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 C={},A;function X(){if(A)return C;A=1,C.__esModule=!0,C.aggressiveFuzzyMatch=b,C.createFuzzySearchImpl=z,C.experimentalSmartFuzzyMatch=_,C.fuzzyMatchImpl=g;var t=n(G());function n(u){return u&&u.__esModule?u:{default:u}}var s=Number.MAX_SAFE_INTEGER,o=function(l,m){return l.score-m.score},a=function(l,m){return l[0]-m[0]},r=new Set(`  []()-–—'"“”`.split(""));function c(u){return r.has(u)}function p(u,l,m,k,i,y,v){if(u===k)return[0,[[0,u.length-1]]];var d=k.length,h=l.length,B=i.length;if(l===i)return[.1,[[0,h-1]]];if(l.startsWith(i))return[.5,[[0,B-1]]];var x=u.indexOf(k);if(x>-1&&c(u[x-1]))return[.9,[[x,x+d-1]]];var S=l.indexOf(i);if(S>-1&&c(l[S-1]))return[1,[[S,S+d-1]]];var E=y.length;if(E>1&&y.every(function(w){return m.has(w)})){var N=1.5+E*.2;return[N,y.map(function(w){var $=l.indexOf(w);return[$,$+w.length-1]}).sort(a)]}return S>-1?[2,[[S,S+d-1]]]:v==="aggressive"?b(l,i):v==="smart"?_(l,i):null}function b(u,l){for(var m=u.length,k=l.length,i=0,y=l[i],v=[],d=-1,h=-2,B=0;B<m;B+=1)if(u[B]===y){if(B!==h+1&&(d>=0&&v.push([d,h]),d=B),h=B,i+=1,i===k)return v.push([d,h]),f(v,u);y=l[i]}return null}function _(u,l){for(var m=u.length,k=[],i=0,y=l[i],v=-1,d=-2;;){var h=u.indexOf(y,d+1);if(h===-1)break;if(h===0||c(u[h-1]))v=h;else{var B=l.length-i,x=u.length-h,S=Math.min(3,B,x),E=l.slice(i,i+S);if(u.slice(h,h+S)===E)v=h;else{d+=1;continue}}for(d=v;d<m&&u[d]===y;d+=1)i+=1,y=l[i];if(d-=1,k.push([v,d]),i===l.length)return f(k,u)}return null}function f(u,l){var m=2;return u.forEach(function(k){var i=k[0],y=k[1],v=y-i+1,d=i===0||l[i]===" "||l[i-1]===" ",h=y===l.length-1||l[y]===" "||l[y+1]===" ",B=d&&h;B?m+=.2:d?m+=.4:v>=3?m+=.8:m+=1.6}),[m,u]}function g(u,l){var m=(0,t.default)(l),k=m.split(" "),i=(0,t.default)(u),y=new Set(i.split(" ")),v=p(u,i,y,l,m,k,"smart");return v?{item:u,score:v[0],matches:[v[1]]}:null}function z(u,l){var m=l.strategy,k=m===void 0?"aggressive":m,i=l.getText,y=u.map(function(v){var d;if(i)d=i(v);else{var h=l.key?v[l.key]:v;d=[h]}var B=d.map(function(x){var S=x||"",E=(0,t.default)(S),N=new Set(E.split(" "));return[S,E,N]});return[v,B]});return function(v){var d=[],h=(0,t.default)(v),B=h.split(" ");return h.length?(y.forEach(function(x){for(var S=x[0],E=x[1],N=s,w=[],$=0,j=E.length;$<j;$+=1){var L=E[$],Z=L[0],J=L[1],Y=L[2],T=p(Z,J,Y,v,h,B,k);T?(N=Math.min(N,T[0]),w.push(T[1])):w.push(null)}N<s&&d.push({item:S,score:N,matches:w})}),d.sort(o),d):[]}}return C}var I;function me(){return I||(I=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={}),X().createFuzzySearchImpl(r,c)}function a(r,c){return X().fuzzyMatchImpl(r,c)}}(D)),D}var ve=me();const he=H(ve),be={key:0},ge=["colspan"],ye=["innerHTML"],_e=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:R.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{}},setup(t){const n=e.ref([]),s=e.ref([]),o=e.ref(null),a=t,r=e.ref(V("table",`table-${U.toClassName(a.size)}`,{"table-zebra":a.zebra,"table-pin-rows":a.pinRows,"table-pin-cols	":a.pinCols})),c=(b,_)=>String(!b||typeof b!="object"?b:_.split(".").reduce((f,g)=>f&&(typeof f=="object"?f[g]:f),b));e.onMounted(()=>{n.value=a.dataSource,s.value=a.dataSource}),e.watch(()=>a.dataSource,b=>{n.value=b,s.value=b},{immediate:!0}),e.watch(()=>a.searchValue,b=>{if(a.searchFunction){s.value=a.searchFunction(b??"");return}s.value=b?p(b):n.value},{immediate:!0});const p=b=>{const _=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(g=>{const z=n.value.map(m=>c(m,g)),l=he(z)(b);for(const m of l){const k=n.value.filter(i=>c(i,g)===m.item);_.push(...k)}}),_):[]};return(b,_)=>(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,f=>(e.openBlock(),e.createElementBlock("th",{key:f.title},e.toDisplayString(f.title),1))),128))])]),e.createElementVNode("tbody",null,[s.value.length===0?(e.openBlock(),e.createElementBlock("tr",be,[e.createElementVNode("td",{colspan:a.columns.length}," No data found ",8,ge)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(s.value,f=>(e.openBlock(),e.createElementBlock("tr",{key:String(f)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,g=>(e.openBlock(),e.createElementBlock("td",{key:g.title},[g.render?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(c(f,g.data)),1)],64)),typeof g.render=="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof g.render(c(f,g.data),f)=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:g.render(c(f,g.data),f)},null,8,ye)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.render(c(f,g.data),f)),{key:1}))],64)):e.createCommentVNode("",!0)]))),128))]))),128))])],2))}}),ke=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,b)=>e.renderSlot(p.$slots,"default",{updateValue:c})}}),Be=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))}}),Se={},xe={class:"steps"};function Ee(t,n){return e.openBlock(),e.createElementBlock("ul",xe,[e.renderSlot(t.$slots,"default")])}const Ne=O(Se,[["render",Ee]]),we={key:0},Ce=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",we,[e.renderSlot(s.$slots,"default",{currentStep:(r=e.unref(n))==null?void 0:r.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),$e={key:0},Me=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",$e,[e.renderSlot(r.$slots,"default",{activateCallback:a})])):e.createCommentVNode("",!0)}}),Ve={className:"modal-box"},ze={key:0,method:"dialog"},Le=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(t,{expose:n,emit:s}){const o=e.ref(null),a=s,r=t,c=e.ref(V("modal",{"overflow-visible":r.overflow}));return n({showModal:()=>{var _;(_=o.value)==null||_.showModal()},closeModal:()=>{var _;(_=o.value)==null||_.close()}}),(_,f)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:o,class:e.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:f[0]||(f[0]=g=>a("close",g))},[e.createElementVNode("div",Ve,[_.closeButton?(e.openBlock(),e.createElementBlock("form",ze,f[1]||(f[1]=[e.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):e.createCommentVNode("",!0),e.renderSlot(_.$slots,"default")])],34))}}),Te={class:"hidden w-full max-w-sm lg:flex"},Fe={class:"relative mx-3 w-full"},De={class:"w-full max-w-full relative"},We=["value"],Oe=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",Te,[e.createElementVNode("label",Fe,[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]=b=>a("update:modelValue",b.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,We)])]),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))])]))}}),Re=["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"];exports.Button=re;exports.Card=ce;exports.CardBody=de;exports.CardTitle=pe;exports.Color=M;exports.ColorUtils=K;exports.Container=fe;exports.Modal=Le;exports.SearchBar=Oe;exports.SimpleButton=oe;exports.Size=R;exports.SizeUtils=U;exports.Step=Be;exports.StepList=Ne;exports.StepPanel=Me;exports.StepPanels=Ce;exports.Stepper=ke;exports.Table=_e;exports.dendelionSafeList=Re;
+*/var q;function Q(){return q||(q=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})()}(F)),F.exports}var ee=Q();const V=H(ee),te=["type","disabled"],ne={class:"group-[.is-loading]:text-transparent"},re=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:M.Neutral},disabled:{type:Boolean},click:{}},setup(t){const n=t,s=e.computed(()=>V("btn","group",`btn-${K.toClassName(n.color)}`,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",ne,[e.renderSlot(o.$slots,"default")])],10,te))}}),O=(t,n)=>{const s=t.__vccOpts||t;for(const[o,a]of n)s[o]=a;return s},ae={};function se(t,n){return e.openBlock(),e.createElementBlock("button")}const oe=O(ae,[["render",se]]);var R=(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))(R||{});class U{static toClassName(n){switch(n){case 0:return"xs";case 1:return"sm";case 2:return"md";case 3:return"lg";case 4:return"xl";case 5:return"2xl";case 6:return"3xl";default:return"md"}}}const ce=e.defineComponent({__name:"Card",props:{backgroundColor:{default:M.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,s=e.ref(V("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[e.renderSlot(o.$slots,"default")],2))}}),le={},ue={class:"card-body"};function ie(t,n){return e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"default")])}const de=O(le,[["render",ie]]),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}))}}),fe=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 D={},W={},P;function G(){return P||(P=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 C={},A;function X(){if(A)return C;A=1,C.__esModule=!0,C.aggressiveFuzzyMatch=b,C.createFuzzySearchImpl=z,C.experimentalSmartFuzzyMatch=_,C.fuzzyMatchImpl=g;var t=n(G());function n(u){return u&&u.__esModule?u:{default:u}}var s=Number.MAX_SAFE_INTEGER,o=function(l,m){return l.score-m.score},a=function(l,m){return l[0]-m[0]},r=new Set(`  []()-–—'"“”`.split(""));function c(u){return r.has(u)}function p(u,l,m,k,i,y,v){if(u===k)return[0,[[0,u.length-1]]];var d=k.length,h=l.length,B=i.length;if(l===i)return[.1,[[0,h-1]]];if(l.startsWith(i))return[.5,[[0,B-1]]];var x=u.indexOf(k);if(x>-1&&c(u[x-1]))return[.9,[[x,x+d-1]]];var S=l.indexOf(i);if(S>-1&&c(l[S-1]))return[1,[[S,S+d-1]]];var E=y.length;if(E>1&&y.every(function(w){return m.has(w)})){var N=1.5+E*.2;return[N,y.map(function(w){var $=l.indexOf(w);return[$,$+w.length-1]}).sort(a)]}return S>-1?[2,[[S,S+d-1]]]:v==="aggressive"?b(l,i):v==="smart"?_(l,i):null}function b(u,l){for(var m=u.length,k=l.length,i=0,y=l[i],v=[],d=-1,h=-2,B=0;B<m;B+=1)if(u[B]===y){if(B!==h+1&&(d>=0&&v.push([d,h]),d=B),h=B,i+=1,i===k)return v.push([d,h]),f(v,u);y=l[i]}return null}function _(u,l){for(var m=u.length,k=[],i=0,y=l[i],v=-1,d=-2;;){var h=u.indexOf(y,d+1);if(h===-1)break;if(h===0||c(u[h-1]))v=h;else{var B=l.length-i,x=u.length-h,S=Math.min(3,B,x),E=l.slice(i,i+S);if(u.slice(h,h+S)===E)v=h;else{d+=1;continue}}for(d=v;d<m&&u[d]===y;d+=1)i+=1,y=l[i];if(d-=1,k.push([v,d]),i===l.length)return f(k,u)}return null}function f(u,l){var m=2;return u.forEach(function(k){var i=k[0],y=k[1],v=y-i+1,d=i===0||l[i]===" "||l[i-1]===" ",h=y===l.length-1||l[y]===" "||l[y+1]===" ",B=d&&h;B?m+=.2:d?m+=.4:v>=3?m+=.8:m+=1.6}),[m,u]}function g(u,l){var m=(0,t.default)(l),k=m.split(" "),i=(0,t.default)(u),y=new Set(i.split(" ")),v=p(u,i,y,l,m,k,"smart");return v?{item:u,score:v[0],matches:[v[1]]}:null}function z(u,l){var m=l.strategy,k=m===void 0?"aggressive":m,i=l.getText,y=u.map(function(v){var d;if(i)d=i(v);else{var h=l.key?v[l.key]:v;d=[h]}var B=d.map(function(x){var S=x||"",E=(0,t.default)(S),N=new Set(E.split(" "));return[S,E,N]});return[v,B]});return function(v){var d=[],h=(0,t.default)(v),B=h.split(" ");return h.length?(y.forEach(function(x){for(var S=x[0],E=x[1],N=s,w=[],$=0,j=E.length;$<j;$+=1){var L=E[$],Z=L[0],J=L[1],Y=L[2],T=p(Z,J,Y,v,h,B,k);T?(N=Math.min(N,T[0]),w.push(T[1])):w.push(null)}N<s&&d.push({item:S,score:N,matches:w})}),d.sort(o),d):[]}}return C}var I;function me(){return I||(I=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={}),X().createFuzzySearchImpl(r,c)}function a(r,c){return X().fuzzyMatchImpl(r,c)}}(D)),D}var ve=me();const he=H(ve),be={key:0},ge=["colspan"],ye=["innerHTML"],_e=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:R.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{}},setup(t){const n=e.ref([]),s=e.ref([]),o=e.ref(null),a=t,r=e.ref(V("table",`table-${U.toClassName(a.size)}`,{"table-zebra":a.zebra,"table-pin-rows":a.pinRows,"table-pin-cols	":a.pinCols})),c=(b,_)=>String(!b||typeof b!="object"?b:_.split(".").reduce((f,g)=>f&&(typeof f=="object"?f[g]:f),b));e.onMounted(()=>{n.value=a.dataSource,s.value=a.dataSource}),e.watch(()=>a.dataSource,b=>{n.value=b,s.value=b},{immediate:!0}),e.watch(()=>a.searchValue,b=>{if(a.searchFunction){s.value=a.searchFunction(b??"");return}s.value=b?p(b):n.value},{immediate:!0});const p=b=>{const _=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(g=>{const z=n.value.map(m=>c(m,g)),l=he(z)(b);for(const m of l){const k=n.value.filter(i=>c(i,g)===m.item);_.push(...k)}}),_):[]};return(b,_)=>(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,f=>(e.openBlock(),e.createElementBlock("th",{key:f.title},e.toDisplayString(f.title),1))),128))])]),e.createElementVNode("tbody",null,[s.value.length===0?(e.openBlock(),e.createElementBlock("tr",be,[e.createElementVNode("td",{colspan:a.columns.length}," No data found ",8,ge)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(s.value,f=>(e.openBlock(),e.createElementBlock("tr",{key:String(f)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,g=>(e.openBlock(),e.createElementBlock("td",{key:g.title},[g.render?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(c(f,g.data)),1)],64)),typeof g.render=="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof g.render(c(f,g.data),f)=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:g.render(c(f,g.data),f)},null,8,ye)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.render(c(f,g.data),f)),{key:1}))],64)):e.createCommentVNode("",!0)]))),128))]))),128))])],2))}}),ke=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,b)=>e.renderSlot(p.$slots,"default",{updateValue:c})}}),Be=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))}}),Se={},xe={class:"steps"};function Ee(t,n){return e.openBlock(),e.createElementBlock("ul",xe,[e.renderSlot(t.$slots,"default")])}const Ne=O(Se,[["render",Ee]]),we={key:0},Ce=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",we,[e.renderSlot(s.$slots,"default",{currentStep:(r=e.unref(n))==null?void 0:r.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),$e={key:0},Me=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",$e,[e.renderSlot(r.$slots,"default",{activateCallback:a})])):e.createCommentVNode("",!0)}}),Ve={className:"modal-box"},ze={key:0,method:"dialog"},Le=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(t,{expose:n,emit:s}){const o=e.ref(null),a=s,r=t,c=e.ref(V("modal",{"overflow-visible":r.overflow}));return n({showModal:()=>{var _;(_=o.value)==null||_.showModal()},closeModal:()=>{var _;(_=o.value)==null||_.close()}}),(_,f)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:o,class:e.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:f[0]||(f[0]=g=>a("close",g))},[e.createElementVNode("div",Ve,[_.closeButton?(e.openBlock(),e.createElementBlock("form",ze,f[1]||(f[1]=[e.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):e.createCommentVNode("",!0),e.renderSlot(_.$slots,"default")])],34))}}),Te={class:"hidden w-full max-w-sm lg:flex"},Fe={class:"relative mx-3 w-full"},De={class:"w-full max-w-full relative"},We=["value"],Oe=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",Te,[e.createElementVNode("label",Fe,[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]=b=>a("update:modelValue",b.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,We)])]),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))])]))}}),Re=["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"];exports.Button=re;exports.Card=ce;exports.CardBody=de;exports.CardTitle=pe;exports.Color=M;exports.ColorUtils=K;exports.Container=fe;exports.Modal=Le;exports.SearchBar=Oe;exports.SimpleButton=oe;exports.Size=R;exports.SizeUtils=U;exports.Step=Be;exports.StepList=Ne;exports.StepPanel=Me;exports.StepPanels=Ce;exports.Stepper=ke;exports.Table=_e;exports.dendelionSafeList=Re;

package/dist/dendelion-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as N, computed as se, createElementBlock as m, openBlock as f, normalizeClass as C, createElementVNode as x, renderSlot as T, ref as B, createBlock as U, resolveDynamicComponent as ue, withCtx as oe, createTextVNode as ce, toDisplayString as G, onMounted as Z, watch as V, Fragment as R, renderList as X, createCommentVNode as O, provide as be, inject as j, Transition as me, unref as Q, onUnmounted as _e } from "vue";
+import { defineComponent as N, computed as se, createElementBlock as g, openBlock as f, normalizeClass as C, createElementVNode as x, renderSlot as T, ref as M, createBlock as U, resolveDynamicComponent as ue, withCtx as oe, createTextVNode as ce, toDisplayString as G, onMounted as Z, watch as V, Fragment as R, renderList as X, createCommentVNode as O, provide as be, inject as j, Transition as ge, unref as Q, onUnmounted as me } from "vue";
 var J = /* @__PURE__ */ ((e) => (e[e.Primary = 0] = "Primary", e[e.PrimaryContent = 1] = "PrimaryContent", e[e.Secondary = 2] = "Secondary", e[e.SecondaryContent = 3] = "SecondaryContent", e[e.Accent = 4] = "Accent", e[e.AccentContent = 5] = "AccentContent", e[e.Neutral = 6] = "Neutral", e[e.NeutralContent = 7] = "NeutralContent", e[e.Base100 = 8] = "Base100", e[e.Base200 = 9] = "Base200", e[e.Base300 = 10] = "Base300", e[e.BaseContent = 11] = "BaseContent", e[e.Info = 12] = "Info", e[e.InfoContent = 13] = "InfoContent", e[e.Success = 14] = "Success", e[e.SuccessContent = 15] = "SuccessContent", e[e.Warning = 16] = "Warning", e[e.WarningContent = 17] = "WarningContent", e[e.Error = 18] = "Error", e[e.ErrorContent = 19] = "ErrorContent", e))(J || {});
-class ge {
+class _e {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -91,25 +91,28 @@ function ye() {
   }(I)), I.exports;
 }
 var xe = ye();
-const D = /* @__PURE__ */ le(xe), Se = ["type"], ke = { class: "group-[.is-loading]:text-transparent" }, Ue = /* @__PURE__ */ N({
+const D = /* @__PURE__ */ le(xe), Se = ["type", "disabled"], ke = { class: "group-[.is-loading]:text-transparent" }, Ue = /* @__PURE__ */ N({
   __name: "Button",
   props: {
     type: { default: "button" },
     loading: { type: Boolean },
     color: { default: J.Neutral },
+    disabled: { type: Boolean },
     click: {}
   },
   setup(e) {
     const t = e, a = se(() => D(
       "btn",
       "group",
-      `btn-${ge.toClassName(t.color)}`,
-      t.loading ? "is-loading" : ""
+      `btn-${_e.toClassName(t.color)}`,
+      t.loading ? "is-loading" : "",
+      t.disabled ? "disabled" : ""
     ));
-    return (s, r) => (f(), m("button", {
+    return (s, r) => (f(), g("button", {
       onClick: r[0] || (r[0] = (n) => s.click ? s.click : void 0),
       class: C(a.value),
-      type: s.type
+      type: s.type,
+      disabled: s.disabled || s.loading
     }, [
       r[1] || (r[1] = x("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
       x("span", ke, [
@@ -124,11 +127,11 @@ const D = /* @__PURE__ */ le(xe), Se = ["type"], ke = { class: "group-[.is-loadi
   return a;
 }, we = {};
 function $e(e, t) {
-  return f(), m("button");
+  return f(), g("button");
 }
 const Ze = /* @__PURE__ */ Y(we, [["render", $e]]);
 var ie = /* @__PURE__ */ ((e) => (e[e.XS = 0] = "XS", e[e.SM = 1] = "SM", e[e.MD = 2] = "MD", e[e.LG = 3] = "LG", e[e.XL = 4] = "XL", e[e.TWOXL = 5] = "TWOXL", e[e.THREEXL = 6] = "THREEXL", e))(ie || {});
-class Me {
+class Be {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -160,26 +163,26 @@ const je = /* @__PURE__ */ N({
     roundedSize: {}
   },
   setup(e) {
-    const t = e, a = B(D(
+    const t = e, a = M(D(
       "card",
       `bg-${t.backgroundColor}`,
       t.shadow ? "shadow-lg" : "",
       t.fullWidth ? "w-full" : "",
       t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? `rounded-${t.roundedSize}` : ""
     ));
-    return (s, r) => (f(), m("div", {
+    return (s, r) => (f(), g("div", {
       class: C(a.value)
     }, [
       T(s.$slots, "default")
     ], 2));
   }
-}), Be = {}, Ne = { class: "card-body" };
+}), Me = {}, Ne = { class: "card-body" };
 function Le(e, t) {
-  return f(), m("div", Ne, [
+  return f(), g("div", Ne, [
     T(e.$slots, "default")
   ]);
 }
-const Je = /* @__PURE__ */ Y(Be, [["render", Le]]), Ye = /* @__PURE__ */ N({
+const Je = /* @__PURE__ */ Y(Me, [["render", Le]]), Ye = /* @__PURE__ */ N({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
@@ -200,12 +203,12 @@ const Je = /* @__PURE__ */ Y(Be, [["render", Le]]), Ye = /* @__PURE__ */ N({
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, a = B([
+    const t = e, a = M([
       t.container ? "container" : "",
       //To disable the max width in some cases
       t.padding ? "p-6" : ""
     ]);
-    return (s, r) => (f(), m("div", {
+    return (s, r) => (f(), g("div", {
       class: C(a.value)
     }, [
       T(s.$slots, "default")
@@ -225,7 +228,7 @@ function de() {
 var F = {}, ne;
 function re() {
   if (ne) return F;
-  ne = 1, F.__esModule = !0, F.aggressiveFuzzyMatch = _, F.createFuzzySearchImpl = q, F.experimentalSmartFuzzyMatch = S, F.fuzzyMatchImpl = g;
+  ne = 1, F.__esModule = !0, F.aggressiveFuzzyMatch = m, F.createFuzzySearchImpl = q, F.experimentalSmartFuzzyMatch = S, F.fuzzyMatchImpl = _;
   var e = t(de());
   function t(c) {
     return c && c.__esModule ? c : { default: c };
@@ -252,9 +255,9 @@ function re() {
       return [0.1, [[0, b - 1]]];
     if (o.startsWith(l))
       return [0.5, [[0, w - 1]]];
-    var M = c.indexOf(k);
-    if (M > -1 && u(c[M - 1]))
-      return [0.9, [[M, M + i - 1]]];
+    var B = c.indexOf(k);
+    if (B > -1 && u(c[B - 1]))
+      return [0.9, [[B, B + i - 1]]];
     var $ = o.indexOf(l);
     if ($ > -1 && u(o[$ - 1]))
       return [1, [[$, $ + i - 1]]];
@@ -268,9 +271,9 @@ function re() {
         return [W, W + E.length - 1];
       }).sort(r)];
     }
-    return $ > -1 ? [2, [[$, $ + i - 1]]] : h === "aggressive" ? _(o, l) : h === "smart" ? S(o, l) : null;
+    return $ > -1 ? [2, [[$, $ + i - 1]]] : h === "aggressive" ? m(o, l) : h === "smart" ? S(o, l) : null;
   }
-  function _(c, o) {
+  function m(c, o) {
     for (var v = c.length, k = o.length, l = 0, y = o[l], h = [], i = -1, b = -2, w = 0; w < v; w += 1)
       if (c[w] === y) {
         if (w !== b + 1 && (i >= 0 && h.push([i, b]), i = w), b = w, l += 1, l === k)
@@ -287,7 +290,7 @@ function re() {
       if (b === 0 || u(c[b - 1]))
         h = b;
       else {
-        var w = o.length - l, M = c.length - b, $ = Math.min(3, w, M), L = o.slice(l, l + $);
+        var w = o.length - l, B = c.length - b, $ = Math.min(3, w, B), L = o.slice(l, l + $);
         if (c.slice(b, b + $) === L)
           h = b;
         else {
@@ -309,7 +312,7 @@ function re() {
       w ? v += 0.2 : i ? v += 0.4 : h >= 3 ? v += 0.8 : v += 1.6;
     }), [v, c];
   }
-  function g(c, o) {
+  function _(c, o) {
     var v = (0, e.default)(o), k = v.split(" "), l = (0, e.default)(c), y = new Set(l.split(" ")), h = d(c, l, y, o, v, k, "smart");
     return h ? {
       item: c,
@@ -326,16 +329,16 @@ function re() {
         var b = o.key ? h[o.key] : h;
         i = [b];
       }
-      var w = i.map(function(M) {
-        var $ = M || "", L = (0, e.default)($), z = new Set(L.split(" "));
+      var w = i.map(function(B) {
+        var $ = B || "", L = (0, e.default)($), z = new Set(L.split(" "));
         return [$, L, z];
       });
       return [h, w];
     });
     return function(h) {
       var i = [], b = (0, e.default)(h), w = b.split(" ");
-      return b.length ? (y.forEach(function(M) {
-        for (var $ = M[0], L = M[1], z = a, E = [], W = 0, fe = L.length; W < fe; W += 1) {
+      return b.length ? (y.forEach(function(B) {
+        for (var $ = B[0], L = B[1], z = a, E = [], W = 0, fe = L.length; W < fe; W += 1) {
           var P = L[W], pe = P[0], ve = P[1], he = P[2], A = d(pe, ve, he, h, b, w, k);
           A ? (z = Math.min(z, A[0]), E.push(A[1])) : E.push(null);
         }
@@ -381,63 +384,63 @@ const Ee = /* @__PURE__ */ le(ze), Fe = { key: 0 }, We = ["colspan"], Ce = ["inn
     searchFunction: {}
   },
   setup(e) {
-    const t = B([]), a = B([]), s = B(null), r = e, n = B(D("table", `table-${Me.toClassName(r.size)}`, {
+    const t = M([]), a = M([]), s = M(null), r = e, n = M(D("table", `table-${Be.toClassName(r.size)}`, {
       "table-zebra": r.zebra,
       "table-pin-rows": r.pinRows,
       "table-pin-cols	": r.pinCols
-    })), u = (_, S) => String(!_ || typeof _ != "object" ? _ : S.split(".").reduce((p, g) => p && (typeof p == "object" ? p[g] : p), _));
+    })), u = (m, S) => String(!m || typeof m != "object" ? m : S.split(".").reduce((p, _) => p && (typeof p == "object" ? p[_] : p), m));
     Z(() => {
       t.value = r.dataSource, a.value = r.dataSource;
-    }), V(() => r.dataSource, (_) => {
-      t.value = _, a.value = _;
-    }, { immediate: !0 }), V(() => r.searchValue, (_) => {
+    }), V(() => r.dataSource, (m) => {
+      t.value = m, a.value = m;
+    }, { immediate: !0 }), V(() => r.searchValue, (m) => {
       if (r.searchFunction) {
-        a.value = r.searchFunction(_ ?? "");
+        a.value = r.searchFunction(m ?? "");
         return;
       }
-      a.value = _ ? d(_) : t.value;
+      a.value = m ? d(m) : t.value;
     }, { immediate: !0 });
-    const d = (_) => {
+    const d = (m) => {
       const S = [];
-      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((g) => {
-        const q = t.value.map((v) => u(v, g)), o = Ee(q)(_);
+      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((_) => {
+        const q = t.value.map((v) => u(v, _)), o = Ee(q)(m);
         for (const v of o) {
-          const k = t.value.filter((l) => u(l, g) === v.item);
+          const k = t.value.filter((l) => u(l, _) === v.item);
           S.push(...k);
         }
       }), S) : [];
     };
-    return (_, S) => (f(), m("table", {
+    return (m, S) => (f(), g("table", {
       ref_key: "table",
       ref: s,
       class: C(n.value)
     }, [
       x("thead", null, [
         x("tr", null, [
-          (f(!0), m(R, null, X(r.columns, (p) => (f(), m("th", {
+          (f(!0), g(R, null, X(r.columns, (p) => (f(), g("th", {
             key: p.title
           }, G(p.title), 1))), 128))
         ])
       ]),
       x("tbody", null, [
-        a.value.length === 0 ? (f(), m("tr", Fe, [
+        a.value.length === 0 ? (f(), g("tr", Fe, [
           x("td", {
             colspan: r.columns.length
           }, " No data found ", 8, We)
-        ])) : (f(!0), m(R, { key: 1 }, X(a.value, (p) => (f(), m("tr", {
+        ])) : (f(!0), g(R, { key: 1 }, X(a.value, (p) => (f(), g("tr", {
           key: String(p)
         }, [
-          (f(!0), m(R, null, X(r.columns, (g) => (f(), m("td", {
-            key: g.title
+          (f(!0), g(R, null, X(r.columns, (_) => (f(), g("td", {
+            key: _.title
           }, [
-            g.render ? O("", !0) : (f(), m(R, { key: 0 }, [
-              ce(G(u(p, g.data)), 1)
+            _.render ? O("", !0) : (f(), g(R, { key: 0 }, [
+              ce(G(u(p, _.data)), 1)
             ], 64)),
-            typeof g.render == "function" ? (f(), m(R, { key: 1 }, [
-              typeof g.render(u(p, g.data), p) == "string" ? (f(), m("div", {
+            typeof _.render == "function" ? (f(), g(R, { key: 1 }, [
+              typeof _.render(u(p, _.data), p) == "string" ? (f(), g("div", {
                 key: 0,
-                innerHTML: g.render(u(p, g.data), p)
-              }, null, 8, Ce)) : (f(), U(ue(g.render(u(p, g.data), p)), { key: 1 }))
+                innerHTML: _.render(u(p, _.data), p)
+              }, null, 8, Ce)) : (f(), U(ue(_.render(u(p, _.data), p)), { key: 1 }))
             ], 64)) : O("", !0)
           ]))), 128))
         ]))), 128))
@@ -451,7 +454,7 @@ const Ee = /* @__PURE__ */ le(ze), Fe = { key: 0 }, We = ["colspan"], Ce = ["inn
   },
   emits: ["update:value"],
   setup(e, { expose: t, emit: a }) {
-    const s = e, r = B(s.value), n = a, u = (d) => {
+    const s = e, r = M(s.value), n = a, u = (d) => {
       r.value = d, n("update:value", d);
     };
     return be("stepper", {
@@ -461,7 +464,7 @@ const Ee = /* @__PURE__ */ le(ze), Fe = { key: 0 }, We = ["colspan"], Ce = ["inn
       r.value = d;
     }), t({
       updateValue: u
-    }), (d, _) => T(d.$slots, "default", { updateValue: u });
+    }), (d, m) => T(d.$slots, "default", { updateValue: u });
   }
 }), nt = /* @__PURE__ */ N({
   __name: "Step",
@@ -469,12 +472,12 @@ const Ee = /* @__PURE__ */ le(ze), Fe = { key: 0 }, We = ["colspan"], Ce = ["inn
     value: {}
   },
   setup(e) {
-    const t = e, a = j("stepper"), s = B("");
+    const t = e, a = j("stepper"), s = M("");
     return V(() => a == null ? void 0 : a.value.value, (r) => {
       r && t.value && (s.value = Number(r) >= Number(t.value) ? "step-primary" : "");
     }), Z(() => {
       a && (s.value = a.value.value === t.value ? "step-primary" : "", Number(a.value.value) >= Number(t.value) && (s.value = "step-primary"));
-    }), (r, n) => (f(), m("li", {
+    }), (r, n) => (f(), g("li", {
       class: C(["step", s.value])
     }, [
       T(r.$slots, "default")
@@ -482,7 +485,7 @@ const Ee = /* @__PURE__ */ le(ze), Fe = { key: 0 }, We = ["colspan"], Ce = ["inn
   }
 }), Re = {}, Oe = { class: "steps" };
 function Ve(e, t) {
-  return f(), m("ul", Oe, [
+  return f(), g("ul", Oe, [
     T(e.$slots, "default")
   ]);
 }
@@ -490,14 +493,14 @@ const rt = /* @__PURE__ */ Y(Re, [["render", Ve]]), De = { key: 0 }, at = /* @__
   __name: "StepPanels",
   setup(e) {
     const t = j("stepper");
-    return (a, s) => (f(), U(me, {
+    return (a, s) => (f(), U(ge, {
       name: "fade",
       mode: "out-in"
     }, {
       default: oe(() => {
         var r, n;
         return [
-          (r = Q(t)) != null && r.value ? (f(), m("div", De, [
+          (r = Q(t)) != null && r.value ? (f(), g("div", De, [
             T(a.$slots, "default", {
               currentStep: (n = Q(t)) == null ? void 0 : n.value
             })
@@ -518,7 +521,7 @@ const rt = /* @__PURE__ */ Y(Re, [["render", Ve]]), De = { key: 0 }, at = /* @__
     };
     return t({
       activateCallback: r
-    }), (n, u) => n.value === a.value ? (f(), m("div", qe, [
+    }), (n, u) => n.value === a.value ? (f(), g("div", qe, [
       T(n.$slots, "default", { activateCallback: r })
     ])) : O("", !0);
   }
@@ -533,7 +536,7 @@ const rt = /* @__PURE__ */ Y(Re, [["render", Ve]]), De = { key: 0 }, at = /* @__
   },
   emits: ["close"],
   setup(e, { expose: t, emit: a }) {
-    const s = B(null), r = a, u = B(D("modal", {
+    const s = M(null), r = a, u = M(D("modal", {
       "overflow-visible": e.overflow
     }));
     return t({
@@ -545,17 +548,17 @@ const rt = /* @__PURE__ */ Y(Re, [["render", Ve]]), De = { key: 0 }, at = /* @__
         var S;
         (S = s.value) == null || S.close();
       }
-    }), (S, p) => (f(), m("dialog", {
+    }), (S, p) => (f(), g("dialog", {
       ref_key: "modal",
       ref: s,
       class: C(u.value),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: p[0] || (p[0] = (g) => r("close", g))
+      onClose: p[0] || (p[0] = (_) => r("close", _))
     }, [
       x("div", Pe, [
-        S.closeButton ? (f(), m("form", Ae, p[1] || (p[1] = [
+        S.closeButton ? (f(), g("form", Ae, p[1] || (p[1] = [
           x("button", { className: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2" }, "✕", -1)
         ]))) : O("", !0),
         T(S.$slots, "default")
@@ -567,14 +570,14 @@ const rt = /* @__PURE__ */ Y(Re, [["render", Ve]]), De = { key: 0 }, at = /* @__
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, s = B(null), r = t, n = (u) => {
+    const a = e, s = M(null), r = t, n = (u) => {
       (u.ctrlKey || u.metaKey) && u.key.toLowerCase() === "k" && (u.preventDefault(), s.value && s.value.focus());
     };
     return Z(() => {
       document.addEventListener("keydown", n);
-    }), _e(() => {
+    }), me(() => {
       document.removeEventListener("keydown", n);
-    }), (u, d) => (f(), m("div", Xe, [
+    }), (u, d) => (f(), g("div", Xe, [
       x("label", Ie, [
         d[1] || (d[1] = x("svg", {
           class: "pointer-events-none absolute z-10 my-3.5 ms-4 opacity-60 text-base-content",
@@ -598,7 +601,7 @@ const rt = /* @__PURE__ */ Y(Re, [["render", Ve]]), De = { key: 0 }, at = /* @__
               type: "search",
               placeholder: "Zoeken...",
               value: a.modelValue,
-              onInput: d[0] || (d[0] = (_) => r("update:modelValue", _.target.value)),
+              onInput: d[0] || (d[0] = (m) => r("update:modelValue", m.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, He)
           ])
@@ -701,13 +704,13 @@ export {
   Je as CardBody,
   Ye as CardTitle,
   J as Color,
-  ge as ColorUtils,
+  _e as ColorUtils,
   Qe as Container,
   ut as Modal,
   ot as SearchBar,
   Ze as SimpleButton,
   ie as Size,
-  Me as SizeUtils,
+  Be as SizeUtils,
   nt as Step,
   rt as StepList,
   st as StepPanel,

package/dist/dendelion-ui.umd.js

@@ -2,4 +2,4 @@
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var I;function Z(){return I||(I=1,function(t){(function(){var n={}.hasOwnProperty;function s(){for(var r="",c=0;c<arguments.length;c++){var f=arguments[c];f&&(r=a(r,o(f)))}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 f in r)n.call(r,f)&&r[f]&&(c=a(c,f));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})()}(T)),T.exports}var J=Z();const L=A(J),Y=["type"],Q={class:"group-[.is-loading]:text-transparent"},ee=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:z.Neutral},click:{}},setup(t){const n=t,s=e.computed(()=>L("btn","group",`btn-${P.toClassName(n.color)}`,n.loading?"is-loading":""));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},[a[1]||(a[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",Q,[e.renderSlot(o.$slots,"default")])],10,Y))}}),v=(t,n)=>{const s=t.__vccOpts||t;for(const[o,a]of n)s[o]=a;return s},te={};function ne(t,n){return e.openBlock(),e.createElementBlock("button")}const re=v(te,[["render",ne]]);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 X{static toClassName(n){switch(n){case 0:return"xs";case 1:return"sm";case 2:return"md";case 3:return"lg";case 4:return"xl";case 5:return"2xl";case 6:return"3xl";default:return"md"}}}const ae=e.defineComponent({__name:"Card",props:{backgroundColor:{default:z.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,s=e.ref(L("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[e.renderSlot(o.$slots,"default")],2))}}),se={},oe={class:"card-body"};function ce(t,n){return e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(t.$slots,"default")])}const le=v(se,[["render",ce]]),ie=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}))}}),de=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 D={},W={},K;function U(){return K||(K=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 M={},H;function j(){if(H)return M;H=1,M.__esModule=!0,M.aggressiveFuzzyMatch=y,M.createFuzzySearchImpl=O,M.experimentalSmartFuzzyMatch=B,M.fuzzyMatchImpl=_;var t=n(U());function n(i){return i&&i.__esModule?i:{default:i}}var s=Number.MAX_SAFE_INTEGER,o=function(l,h){return l.score-h.score},a=function(l,h){return l[0]-h[0]},r=new Set(`  []()-–—'"“”`.split(""));function c(i){return r.has(i)}function f(i,l,h,S,d,k,b){if(i===S)return[0,[[0,i.length-1]]];var u=S.length,g=l.length,E=d.length;if(l===d)return[.1,[[0,g-1]]];if(l.startsWith(d))return[.5,[[0,E-1]]];var N=i.indexOf(S);if(N>-1&&c(i[N-1]))return[.9,[[N,N+u-1]]];var x=l.indexOf(d);if(x>-1&&c(l[x-1]))return[1,[[x,x+u-1]]];var w=k.length;if(w>1&&k.every(function($){return h.has($)})){var C=1.5+w*.2;return[C,k.map(function($){var V=l.indexOf($);return[V,V+$.length-1]}).sort(a)]}return x>-1?[2,[[x,x+u-1]]]:b==="aggressive"?y(l,d):b==="smart"?B(l,d):null}function y(i,l){for(var h=i.length,S=l.length,d=0,k=l[d],b=[],u=-1,g=-2,E=0;E<h;E+=1)if(i[E]===k){if(E!==g+1&&(u>=0&&b.push([u,g]),u=E),g=E,d+=1,d===S)return b.push([u,g]),m(b,i);k=l[d]}return null}function B(i,l){for(var h=i.length,S=[],d=0,k=l[d],b=-1,u=-2;;){var g=i.indexOf(k,u+1);if(g===-1)break;if(g===0||c(i[g-1]))b=g;else{var E=l.length-d,N=i.length-g,x=Math.min(3,E,N),w=l.slice(d,d+x);if(i.slice(g,g+x)===w)b=g;else{u+=1;continue}}for(u=b;u<h&&i[u]===k;u+=1)d+=1,k=l[d];if(u-=1,S.push([b,u]),d===l.length)return m(S,i)}return null}function m(i,l){var h=2;return i.forEach(function(S){var d=S[0],k=S[1],b=k-d+1,u=d===0||l[d]===" "||l[d-1]===" ",g=k===l.length-1||l[k]===" "||l[k+1]===" ",E=u&&g;E?h+=.2:u?h+=.4:b>=3?h+=.8:h+=1.6}),[h,i]}function _(i,l){var h=(0,t.default)(l),S=h.split(" "),d=(0,t.default)(i),k=new Set(d.split(" ")),b=f(i,d,k,l,h,S,"smart");return b?{item:i,score:b[0],matches:[b[1]]}:null}function O(i,l){var h=l.strategy,S=h===void 0?"aggressive":h,d=l.getText,k=i.map(function(b){var u;if(d)u=d(b);else{var g=l.key?b[l.key]:b;u=[g]}var E=u.map(function(N){var x=N||"",w=(0,t.default)(x),C=new Set(w.split(" "));return[x,w,C]});return[b,E]});return function(b){var u=[],g=(0,t.default)(b),E=g.split(" ");return g.length?(k.forEach(function(N){for(var x=N[0],w=N[1],C=s,$=[],V=0,We=w.length;V<We;V+=1){var R=w[V],Oe=R[0],Re=R[1],qe=R[2],q=f(Oe,Re,qe,b,g,E,S);q?(C=Math.min(C,q[0]),$.push(q[1])):$.push(null)}C<s&&u.push({item:x,score:C,matches:$})}),u.sort(o),u):[]}}return M}var G;function ue(){return G||(G=1,function(t){t.__esModule=!0,t.default=o,t.fuzzyMatch=a;var n=s(U());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)}}(D)),D}var fe=ue();const pe=A(fe),me={key:0},he=["colspan"],be=["innerHTML"],ge=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(L("table",`table-${X.toClassName(a.size)}`,{"table-zebra":a.zebra,"table-pin-rows":a.pinRows,"table-pin-cols	":a.pinCols})),c=(y,B)=>String(!y||typeof y!="object"?y:B.split(".").reduce((m,_)=>m&&(typeof m=="object"?m[_]: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?f(y):n.value},{immediate:!0});const f=y=>{const B=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(_=>{const O=n.value.map(h=>c(h,_)),l=pe(O)(y);for(const h of l){const S=n.value.filter(d=>c(d,_)===h.item);B.push(...S)}}),B):[]};return(y,B)=>(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,m=>(e.openBlock(),e.createElementBlock("th",{key:m.title},e.toDisplayString(m.title),1))),128))])]),e.createElementVNode("tbody",null,[s.value.length===0?(e.openBlock(),e.createElementBlock("tr",me,[e.createElementVNode("td",{colspan:a.columns.length}," No data found ",8,he)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(s.value,m=>(e.openBlock(),e.createElementBlock("tr",{key:String(m)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,_=>(e.openBlock(),e.createElementBlock("td",{key:_.title},[_.render?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(c(m,_.data)),1)],64)),typeof _.render=="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof _.render(c(m,_.data),m)=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:_.render(c(m,_.data),m)},null,8,be)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.render(c(m,_.data),m)),{key:1}))],64)):e.createCommentVNode("",!0)]))),128))]))),128))])],2))}}),ye=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=f=>{a.value=f,r("update:value",f)};return e.provide("stepper",{value:a,updateValue:c}),e.watch(()=>o.value,f=>{a.value=f}),n({updateValue:c}),(f,y)=>e.renderSlot(f.$slots,"default",{updateValue:c})}}),_e=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))}}),ke={},Be={class:"steps"};function Se(t,n){return e.openBlock(),e.createElementBlock("ul",Be,[e.renderSlot(t.$slots,"default")])}const Ee=v(ke,[["render",Se]]),xe={key:0},Ne=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",xe,[e.renderSlot(s.$slots,"default",{currentStep:(r=e.unref(n))==null?void 0:r.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),we={key:0},Ce=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",we,[e.renderSlot(r.$slots,"default",{activateCallback:a})])):e.createCommentVNode("",!0)}}),$e={className:"modal-box"},Me={key:0,method:"dialog"},Ve=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(t,{expose:n,emit:s}){const o=e.ref(null),a=s,r=t,c=e.ref(L("modal",{"overflow-visible":r.overflow}));return n({showModal:()=>{var B;(B=o.value)==null||B.showModal()},closeModal:()=>{var B;(B=o.value)==null||B.close()}}),(B,m)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:o,class:e.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:m[0]||(m[0]=_=>a("close",_))},[e.createElementVNode("div",$e,[B.closeButton?(e.openBlock(),e.createElementBlock("form",Me,m[1]||(m[1]=[e.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):e.createCommentVNode("",!0),e.renderSlot(B.$slots,"default")])],34))}}),ze={class:"hidden w-full max-w-sm lg:flex"},Le={class:"relative mx-3 w-full"},Te={class:"w-full max-w-full relative"},ve=["value"],Fe=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,f)=>(e.openBlock(),e.createElementBlock("div",ze,[e.createElementVNode("label",Le,[f[1]||(f[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",Te,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:o,type:"search",placeholder:"Zoeken...",value:s.modelValue,onInput:f[0]||(f[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,ve)])]),f[2]||(f[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))])]))}}),De=["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"];p.Button=ee,p.Card=ae,p.CardBody=le,p.CardTitle=ie,p.Color=z,p.ColorUtils=P,p.Container=de,p.Modal=Ve,p.SearchBar=Fe,p.SimpleButton=re,p.Size=F,p.SizeUtils=X,p.Step=_e,p.StepList=Ee,p.StepPanel=Ce,p.StepPanels=Ne,p.Stepper=ye,p.Table=ge,p.dendelionSafeList=De,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+*/var I;function Z(){return I||(I=1,function(t){(function(){var n={}.hasOwnProperty;function s(){for(var r="",c=0;c<arguments.length;c++){var f=arguments[c];f&&(r=a(r,o(f)))}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 f in r)n.call(r,f)&&r[f]&&(c=a(c,f));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})()}(T)),T.exports}var J=Z();const L=A(J),Y=["type","disabled"],Q={class:"group-[.is-loading]:text-transparent"},ee=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:z.Neutral},disabled:{type:Boolean},click:{}},setup(t){const n=t,s=e.computed(()=>L("btn","group",`btn-${P.toClassName(n.color)}`,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",Q,[e.renderSlot(o.$slots,"default")])],10,Y))}}),v=(t,n)=>{const s=t.__vccOpts||t;for(const[o,a]of n)s[o]=a;return s},te={};function ne(t,n){return e.openBlock(),e.createElementBlock("button")}const re=v(te,[["render",ne]]);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 X{static toClassName(n){switch(n){case 0:return"xs";case 1:return"sm";case 2:return"md";case 3:return"lg";case 4:return"xl";case 5:return"2xl";case 6:return"3xl";default:return"md"}}}const ae=e.defineComponent({__name:"Card",props:{backgroundColor:{default:z.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,s=e.ref(L("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[e.renderSlot(o.$slots,"default")],2))}}),se={},oe={class:"card-body"};function ce(t,n){return e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(t.$slots,"default")])}const le=v(se,[["render",ce]]),ie=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}))}}),de=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 D={},W={},K;function U(){return K||(K=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 M={},H;function j(){if(H)return M;H=1,M.__esModule=!0,M.aggressiveFuzzyMatch=y,M.createFuzzySearchImpl=O,M.experimentalSmartFuzzyMatch=B,M.fuzzyMatchImpl=_;var t=n(U());function n(i){return i&&i.__esModule?i:{default:i}}var s=Number.MAX_SAFE_INTEGER,o=function(l,h){return l.score-h.score},a=function(l,h){return l[0]-h[0]},r=new Set(`  []()-–—'"“”`.split(""));function c(i){return r.has(i)}function f(i,l,h,S,d,k,b){if(i===S)return[0,[[0,i.length-1]]];var u=S.length,g=l.length,E=d.length;if(l===d)return[.1,[[0,g-1]]];if(l.startsWith(d))return[.5,[[0,E-1]]];var N=i.indexOf(S);if(N>-1&&c(i[N-1]))return[.9,[[N,N+u-1]]];var x=l.indexOf(d);if(x>-1&&c(l[x-1]))return[1,[[x,x+u-1]]];var w=k.length;if(w>1&&k.every(function($){return h.has($)})){var C=1.5+w*.2;return[C,k.map(function($){var V=l.indexOf($);return[V,V+$.length-1]}).sort(a)]}return x>-1?[2,[[x,x+u-1]]]:b==="aggressive"?y(l,d):b==="smart"?B(l,d):null}function y(i,l){for(var h=i.length,S=l.length,d=0,k=l[d],b=[],u=-1,g=-2,E=0;E<h;E+=1)if(i[E]===k){if(E!==g+1&&(u>=0&&b.push([u,g]),u=E),g=E,d+=1,d===S)return b.push([u,g]),m(b,i);k=l[d]}return null}function B(i,l){for(var h=i.length,S=[],d=0,k=l[d],b=-1,u=-2;;){var g=i.indexOf(k,u+1);if(g===-1)break;if(g===0||c(i[g-1]))b=g;else{var E=l.length-d,N=i.length-g,x=Math.min(3,E,N),w=l.slice(d,d+x);if(i.slice(g,g+x)===w)b=g;else{u+=1;continue}}for(u=b;u<h&&i[u]===k;u+=1)d+=1,k=l[d];if(u-=1,S.push([b,u]),d===l.length)return m(S,i)}return null}function m(i,l){var h=2;return i.forEach(function(S){var d=S[0],k=S[1],b=k-d+1,u=d===0||l[d]===" "||l[d-1]===" ",g=k===l.length-1||l[k]===" "||l[k+1]===" ",E=u&&g;E?h+=.2:u?h+=.4:b>=3?h+=.8:h+=1.6}),[h,i]}function _(i,l){var h=(0,t.default)(l),S=h.split(" "),d=(0,t.default)(i),k=new Set(d.split(" ")),b=f(i,d,k,l,h,S,"smart");return b?{item:i,score:b[0],matches:[b[1]]}:null}function O(i,l){var h=l.strategy,S=h===void 0?"aggressive":h,d=l.getText,k=i.map(function(b){var u;if(d)u=d(b);else{var g=l.key?b[l.key]:b;u=[g]}var E=u.map(function(N){var x=N||"",w=(0,t.default)(x),C=new Set(w.split(" "));return[x,w,C]});return[b,E]});return function(b){var u=[],g=(0,t.default)(b),E=g.split(" ");return g.length?(k.forEach(function(N){for(var x=N[0],w=N[1],C=s,$=[],V=0,We=w.length;V<We;V+=1){var R=w[V],Oe=R[0],Re=R[1],qe=R[2],q=f(Oe,Re,qe,b,g,E,S);q?(C=Math.min(C,q[0]),$.push(q[1])):$.push(null)}C<s&&u.push({item:x,score:C,matches:$})}),u.sort(o),u):[]}}return M}var G;function ue(){return G||(G=1,function(t){t.__esModule=!0,t.default=o,t.fuzzyMatch=a;var n=s(U());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)}}(D)),D}var fe=ue();const pe=A(fe),me={key:0},he=["colspan"],be=["innerHTML"],ge=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(L("table",`table-${X.toClassName(a.size)}`,{"table-zebra":a.zebra,"table-pin-rows":a.pinRows,"table-pin-cols	":a.pinCols})),c=(y,B)=>String(!y||typeof y!="object"?y:B.split(".").reduce((m,_)=>m&&(typeof m=="object"?m[_]: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?f(y):n.value},{immediate:!0});const f=y=>{const B=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(_=>{const O=n.value.map(h=>c(h,_)),l=pe(O)(y);for(const h of l){const S=n.value.filter(d=>c(d,_)===h.item);B.push(...S)}}),B):[]};return(y,B)=>(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,m=>(e.openBlock(),e.createElementBlock("th",{key:m.title},e.toDisplayString(m.title),1))),128))])]),e.createElementVNode("tbody",null,[s.value.length===0?(e.openBlock(),e.createElementBlock("tr",me,[e.createElementVNode("td",{colspan:a.columns.length}," No data found ",8,he)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(s.value,m=>(e.openBlock(),e.createElementBlock("tr",{key:String(m)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,_=>(e.openBlock(),e.createElementBlock("td",{key:_.title},[_.render?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(c(m,_.data)),1)],64)),typeof _.render=="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof _.render(c(m,_.data),m)=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:_.render(c(m,_.data),m)},null,8,be)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.render(c(m,_.data),m)),{key:1}))],64)):e.createCommentVNode("",!0)]))),128))]))),128))])],2))}}),ye=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=f=>{a.value=f,r("update:value",f)};return e.provide("stepper",{value:a,updateValue:c}),e.watch(()=>o.value,f=>{a.value=f}),n({updateValue:c}),(f,y)=>e.renderSlot(f.$slots,"default",{updateValue:c})}}),_e=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))}}),ke={},Be={class:"steps"};function Se(t,n){return e.openBlock(),e.createElementBlock("ul",Be,[e.renderSlot(t.$slots,"default")])}const Ee=v(ke,[["render",Se]]),xe={key:0},Ne=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",xe,[e.renderSlot(s.$slots,"default",{currentStep:(r=e.unref(n))==null?void 0:r.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),we={key:0},Ce=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",we,[e.renderSlot(r.$slots,"default",{activateCallback:a})])):e.createCommentVNode("",!0)}}),$e={className:"modal-box"},Me={key:0,method:"dialog"},Ve=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(t,{expose:n,emit:s}){const o=e.ref(null),a=s,r=t,c=e.ref(L("modal",{"overflow-visible":r.overflow}));return n({showModal:()=>{var B;(B=o.value)==null||B.showModal()},closeModal:()=>{var B;(B=o.value)==null||B.close()}}),(B,m)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:o,class:e.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:m[0]||(m[0]=_=>a("close",_))},[e.createElementVNode("div",$e,[B.closeButton?(e.openBlock(),e.createElementBlock("form",Me,m[1]||(m[1]=[e.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):e.createCommentVNode("",!0),e.renderSlot(B.$slots,"default")])],34))}}),ze={class:"hidden w-full max-w-sm lg:flex"},Le={class:"relative mx-3 w-full"},Te={class:"w-full max-w-full relative"},ve=["value"],Fe=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,f)=>(e.openBlock(),e.createElementBlock("div",ze,[e.createElementVNode("label",Le,[f[1]||(f[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",Te,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:o,type:"search",placeholder:"Zoeken...",value:s.modelValue,onInput:f[0]||(f[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,ve)])]),f[2]||(f[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))])]))}}),De=["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"];p.Button=ee,p.Card=ae,p.CardBody=le,p.CardTitle=ie,p.Color=z,p.ColorUtils=P,p.Container=de,p.Modal=Ve,p.SearchBar=Fe,p.SimpleButton=re,p.Size=F,p.SizeUtils=X,p.Step=_e,p.StepList=Ee,p.StepPanel=Ce,p.StepPanels=Ne,p.Stepper=ye,p.Table=ge,p.dendelionSafeList=De,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

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

@@ -1,21 +1,24 @@
 import { Color } from '@/types/color';
 import { ButtonProps } from './interface';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLButtonElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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> & {
+    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;
+}, {}, {}, {}, 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;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLButtonElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -4,5 +4,6 @@ export type ButtonProps = {
     type?: Type;
     loading?: boolean;
     color?: Color;
+    disabled?: boolean;
     click?: () => void;
 };

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

@@ -1,22 +1,26 @@
 import { CardProps } from './interface';
 import { Color } from '@/types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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> & {
+    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;
     fullWidth: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,16 +1,13 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+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> & {
+    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;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,20 +1,23 @@
 import { ContainerProps } from './interface';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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> & {
+    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;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,15 +1,24 @@
 import { ModalProps } from './interface';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        modal: HTMLDialogElement;
-    };
-    rootEl: HTMLDialogElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const modal: import("vue").Ref<HTMLDialogElement | null, HTMLDialogElement | null>;
+declare const emit: (event: "close", ...args: any[]) => void;
+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> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<ModalProps, {
+    modal: typeof modal;
+    emit: typeof emit;
+    classes: typeof classes;
+}, {}, {}, {}, 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;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<ModalProps, {
     showModal: () => void;
     closeModal: () => void;
@@ -20,12 +29,10 @@ declare const __VLS_component: import("vue").DefineComponent<ModalProps, {
 }>, {
     closeButton: boolean;
     overflow: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
-    modal: HTMLDialogElement;
-}, HTMLDialogElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/components/search/SearchBar.vue.d.ts

@@ -6,7 +6,5 @@ declare const _default: import("vue").DefineComponent<{
     modelValue?: any;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
-    searchInput: HTMLInputElement;
-}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,17 +1,18 @@
+import { type Ref } from 'vue';
 import { StepperProps } from './interface';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLLIElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-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, {}, HTMLLIElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+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> & {
+    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;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,16 +1,13 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLUListElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLUListElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+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> & {
+    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;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,21 +1,23 @@
 import { StepperProps } from './interface';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            activateCallback: (index: number) => void;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+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_TemplateResult = ReturnType<typeof __VLS_template>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$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>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,19 +1,22 @@
 import { type Ref } from 'vue';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            currentStep: Ref<string, string>;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+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_TemplateResult = ReturnType<typeof __VLS_template>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$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_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,15 +1,19 @@
 import { StepperProps } from './interface';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            updateValue: (value: string) => void;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+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_TemplateResult = ReturnType<typeof __VLS_template>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$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, {
@@ -17,9 +21,9 @@ declare const __VLS_component: import("vue").DefineComponent<StepperProps, {
 }, string, import("vue").PublicProps, Readonly<StepperProps> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/package.json

@@ -2,7 +2,7 @@
   "name": "dendelion-ui",
   "private": false,
   "description": "Simpel component library using Tailwind css and DaisyUI",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "author": "ThatzOkay",
   "license": "MIT",
   "homepage": "https://github.com/ThatzOkay/DendelionUI#readme",
@@ -63,13 +63,13 @@
     "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
     "daisyui": "^4.12.23",
-    "eslint": "^9.20.1",
+    "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.24.0",
-    "vite": "^6.1.0",
-    "vue-tsc": "^2.2.0"
+    "typescript-eslint": "^8.26.0",
+    "vite": "^6.2.0",
+    "vue-tsc": "^2.2.8"
   }
 }

package/src/components/button/Button.vue

@@ -1,5 +1,5 @@
 <template>
-  <button v-on:click="click ? click : undefined" :class="classes" :type="type">
+  <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>
@@ -20,5 +20,6 @@ const classes = computed(() => classNames('btn',
   'group',
   `btn-${ColorUtils.toClassName(props.color)}`,
   props.loading ? 'is-loading' : '',
+  props.disabled ? 'disabled' : ''
 ))
 </script>

package/src/components/button/interface.ts

@@ -6,5 +6,6 @@ export type ButtonProps = {
     type?: Type,
     loading?: boolean,
     color?: Color,
+    disabled?: boolean,
     click?: () => void,
   };