dendelion-ui 0.0.8 → 0.0.10

package/dist/dendelion-ui.umd.js

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

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

@@ -1,4 +1,4 @@
-import { Color } from '@/types/color';
+import { ButtonColor } from '@/types';
 import { ButtonProps } from './interface';
 declare const classes: import("vue").ComputedRef<string>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
@@ -10,11 +10,11 @@ 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;
+    color: ButtonColor;
 }, {}, {}, {}, 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;
+    color: ButtonColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

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

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

@@ -1,5 +1,5 @@
 import { CardProps } from './interface';
-import { Color } from '@/types';
+import { BackgroundColor } from '@/types';
 declare const classes: import("vue").Ref<string, string>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
@@ -9,12 +9,12 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
 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;
+    backgroundColor: BackgroundColor;
     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;
+    backgroundColor: BackgroundColor;
     shadow: boolean;
     fullWidth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,8 +1,8 @@
-import { Color, Size } from "@/types";
+import { BackgroundColor, RoundedSize } from "@/types";
 export type CardProps = {
-    backgroundColor?: Color;
+    backgroundColor?: BackgroundColor;
     shadow?: boolean;
     fullWidth?: boolean;
     rounded?: boolean;
-    roundedSize?: Size;
+    roundedSize?: RoundedSize;
 };

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

@@ -1,7 +1,9 @@
 import { ModalProps } from './interface';
+import { ButtonSize } from '@/types';
 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 closeButtonClasses: import("vue").Ref<string, string>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
@@ -11,6 +13,7 @@ declare const __VLS_self: import("vue").DefineComponent<ModalProps, {
     modal: typeof modal;
     emit: typeof emit;
     classes: typeof classes;
+    closeButtonClasses: typeof closeButtonClasses;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<ModalProps> & Readonly<{
@@ -18,6 +21,7 @@ declare const __VLS_self: import("vue").DefineComponent<ModalProps, {
 }>, {
     closeButton: boolean;
     overflow: boolean;
+    closeButtonSize: ButtonSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<ModalProps, {
     showModal: () => void;
@@ -29,6 +33,7 @@ declare const __VLS_component: import("vue").DefineComponent<ModalProps, {
 }>, {
     closeButton: boolean;
     overflow: boolean;
+    closeButtonSize: ButtonSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,6 +1,8 @@
+import { ButtonSize } from "@/types";
 export type ModalProps = {
     closeButton?: boolean;
     overflow?: boolean;
+    closeButtonSize?: ButtonSize;
 };
 export interface Modal {
     showModal: () => void;

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

@@ -1,10 +1,10 @@
-import { Size } from "@/types";
+import { TableSize } from "@/types";
 import { Component, VNode } from "vue";
 export type TableProps<T> = {
     zebra?: boolean;
     pinRows?: boolean;
     pinCols?: boolean;
-    size?: Size;
+    size?: TableSize;
     columns: Column<T>[];
     dataSource: T[];
     ajax?: (params: object) => Promise<object> | string;

package/dist/types/types/backgroundColor.d.ts

@@ -0,0 +1,25 @@
+export declare enum BackgroundColor {
+    Primary = 0,
+    PrimaryContent = 1,
+    Secondary = 2,
+    SecondaryContent = 3,
+    Accent = 4,
+    AccentContent = 5,
+    Neutral = 6,
+    NeutralContent = 7,
+    Base100 = 8,
+    Base200 = 9,
+    Base300 = 10,
+    BaseContent = 11,
+    Info = 12,
+    InfoContent = 13,
+    Success = 14,
+    SuccessContent = 15,
+    Warning = 16,
+    WarningContent = 17,
+    Error = 18,
+    ErrorContent = 19
+}
+export declare class BackgroundColorUtils {
+    static toClassName(color: BackgroundColor): string;
+}

package/dist/types/types/buttonColor.d.ts

@@ -0,0 +1,25 @@
+export declare enum ButtonColor {
+    Primary = 0,
+    PrimaryContent = 1,
+    Secondary = 2,
+    SecondaryContent = 3,
+    Accent = 4,
+    AccentContent = 5,
+    Neutral = 6,
+    NeutralContent = 7,
+    Base100 = 8,
+    Base200 = 9,
+    Base300 = 10,
+    BaseContent = 11,
+    Info = 12,
+    InfoContent = 13,
+    Success = 14,
+    SuccessContent = 15,
+    Warning = 16,
+    WarningContent = 17,
+    Error = 18,
+    ErrorContent = 19
+}
+export declare class ButtonColorUtils {
+    static toClassName(color: ButtonColor): string;
+}

package/dist/types/types/buttonSize.d.ts

@@ -0,0 +1,12 @@
+export declare enum ButtonSize {
+    XS = 0,
+    SM = 1,
+    MD = 2,
+    LG = 3,
+    XL = 4,
+    TWOXL = 5,
+    THREEXL = 6
+}
+export declare class ButtonSizeUtils {
+    static toClassName(size: ButtonSize): string;
+}

package/dist/types/types/index.d.ts

@@ -1,2 +1,6 @@
-export * from './color';
-export * from './size';
+export * from './backgroundColor';
+export * from './buttonColor';
+export * from './textColor';
+export * from './buttonSize';
+export * from './roundedSize';
+export * from './tableSize';

package/dist/types/types/roundedSize.d.ts

@@ -0,0 +1,12 @@
+export declare enum RoundedSize {
+    XS = 0,
+    SM = 1,
+    MD = 2,
+    LG = 3,
+    XL = 4,
+    TWOXL = 5,
+    THREEXL = 6
+}
+export declare class RoundedSizeUtils {
+    static toClassName(size: RoundedSize): string;
+}

package/dist/types/types/tableSize.d.ts

@@ -0,0 +1,12 @@
+export declare enum TableSize {
+    XS = 0,
+    SM = 1,
+    MD = 2,
+    LG = 3,
+    XL = 4,
+    TWOXL = 5,
+    THREEXL = 6
+}
+export declare class TableSizeUtils {
+    static toClassName(size: TableSize): string;
+}

package/dist/types/types/{color.d.ts → textColor.d.ts}

@@ -1,4 +1,4 @@
-export declare enum Color {
+export declare enum TextColor {
     Primary = 0,
     PrimaryContent = 1,
     Secondary = 2,
@@ -20,6 +20,6 @@ export declare enum Color {
     Error = 18,
     ErrorContent = 19
 }
-export declare class ColorUtils {
-    static toClassName(color: Color): string;
+export declare class TextColorUtils {
+    static toClassName(color: TextColor): string;
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "dendelion-ui",
   "private": false,
   "description": "Simpel component library using Tailwind css and DaisyUI",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "author": "ThatzOkay",
   "license": "MIT",
   "homepage": "https://github.com/ThatzOkay/DendelionUI#readme",

package/src/components/button/Button.vue

@@ -6,19 +6,19 @@
 </template>
 
 <script setup lang="ts">
-import { Color, ColorUtils } from '@/types/color';
+import { ButtonColor, ButtonColorUtils } from '@/types';
 import { ButtonProps } from './interface';
 import classNames from 'classnames';
 import { computed } from 'vue';
 
 const props = withDefaults(defineProps<ButtonProps>(), {
   type: 'button',
-  color: Color.Neutral
+  color: ButtonColor.Neutral
 })
 
 const classes = computed(() => classNames('btn', 
   'group',
-  `btn-${ColorUtils.toClassName(props.color)}`,
+  ButtonColorUtils.toClassName(props.color),
   props.loading ? 'is-loading' : '',
   props.disabled ? 'disabled' : ''
 ))

package/src/components/button/interface.ts

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

package/src/components/card/Card.vue

@@ -8,18 +8,18 @@
 import classNames from 'classnames';
 import { ref } from 'vue';
 import { CardProps } from './interface';
-import { Color } from '@/types';
+import { BackgroundColor, BackgroundColorUtils, RoundedSizeUtils } from '@/types';
 
 const props = withDefaults(defineProps<CardProps>(), {
-    backgroundColor: Color.Primary,
+    backgroundColor: BackgroundColor.Primary,
     shadow: false,
     fullWidth: false,
 });
 
 const classes = ref(classNames('card',
-    `bg-${props.backgroundColor}`,
+    BackgroundColorUtils.toClassName(props.backgroundColor),
     props.shadow ? 'shadow-lg' : '',
     props.fullWidth ? 'w-full' : '',
-    props.rounded && !props.roundedSize ? 'rounded' : props.roundedSize ? `rounded-${props.roundedSize}` : '',
+    props.rounded && !props.roundedSize ? 'rounded' : props.roundedSize ? RoundedSizeUtils.toClassName(props.roundedSize) : '',
 ));
 </script>

package/src/components/card/interface.ts

@@ -1,9 +1,9 @@
-import { Color, Size } from "@/types";
+import { BackgroundColor, RoundedSize } from "@/types";
 
 export type CardProps = {
-    backgroundColor?: Color,
+    backgroundColor?: BackgroundColor,
     shadow?: boolean,
     fullWidth?: boolean,
     rounded?: boolean,
-    roundedSize?: Size
+    roundedSize?: RoundedSize
 };

package/src/components/modal/Modal.vue

@@ -1,11 +1,15 @@
 <template>
-    <dialog ref="modal" :class="classes" aria-modal="true" aria-hidden="true" role="dialog" @close="(e) => emit('close', e)" >
-        <div className="modal-box">
+    <dialog ref="modal" :class="classes" aria-modal="true" aria-hidden="true" role="dialog"
+        @close="(e) => emit('close', e)">
+        <div class="modal-box">
             <form v-if="closeButton" method="dialog">
-                <button className="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                <button :class="closeButtonClasses">✕</button>
             </form>
             <slot></slot>
         </div>
+        <form method="dialog" class="modal-backdrop">
+            <button>close</button>
+        </form>
     </dialog>
 </template>
 
@@ -13,6 +17,7 @@
 import { ref } from 'vue';
 import { ModalProps } from './interface';
 import classNames from 'classnames';
+import { ButtonSize, ButtonSizeUtils } from '@/types';
 
 const modal = ref<HTMLDialogElement | null>(null);
 
@@ -20,13 +25,16 @@ const emit = defineEmits(['close']);
 
 const props = withDefaults(defineProps<ModalProps>(), {
     closeButton: true,
-    overflow: false
+    overflow: false,
+    closeButtonSize: ButtonSize.SM
 });
 
 const classes = ref(classNames('modal', {
     'overflow-visible': props.overflow
 }));
 
+const closeButtonClasses = ref(classNames('btn', ButtonSizeUtils.toClassName(props.closeButtonSize), 'btn-circle', 'btn-ghost', 'absolute', 'right-2', 'top-2'));
+
 const showModal = () => {
     modal.value?.showModal();
 }

package/src/components/modal/interface.ts

@@ -1,7 +1,9 @@
+import { ButtonSize } from "@/types";
 
 export type ModalProps = {
     closeButton?: boolean;
     overflow?: boolean;
+    closeButtonSize?: ButtonSize;
 }
 
 export interface Modal {

package/src/components/table/Table.vue

@@ -33,7 +33,7 @@
 import { onMounted, ref, watch } from 'vue';
 import { TableProps } from './interface';
 import classNames from 'classnames';
-import { Size, SizeUtils } from '@/types';
+import { TableSize, TableSizeUtils } from '@/types';
 import createFuzzySearch from '@nozbe/microfuzz'
 
 const originalDataSource = ref<T[]>([]);
@@ -42,13 +42,13 @@ const filteredDataSource = ref<T[]>([]);
 const table = ref<HTMLTableElement | null>(null)
 
 const props = withDefaults(defineProps<TableProps<T>>(), {
-    size: Size.MD,
+    size: TableSize.MD,
     zebra: false,
     pinRows: false,
     pinCols: false,
 });
 
-const tableClasses = ref(classNames('table', `table-${SizeUtils.toClassName(props.size)}`, {
+const tableClasses = ref(classNames('table', TableSizeUtils.toClassName(props.size), {
     'table-zebra': props.zebra,
     'table-pin-rows': props.pinRows,
     'table-pin-cols	': props.pinCols,

package/src/components/table/interface.ts

@@ -1,11 +1,11 @@
-import { Size } from "@/types";
+import { TableSize } from "@/types";
 import { Component, VNode } from "vue";
 
 export type TableProps<T> = {
     zebra?: boolean;
     pinRows?: boolean;
     pinCols?: boolean;
-    size?: Size
+    size?: TableSize
     columns: Column<T>[];
     dataSource: T[];
     ajax?: (params: object) => Promise<object> | string;

package/src/shims-vue.d.ts

@@ -5,7 +5,6 @@ declare module '*.vue' {
     const component: DefineComponent<
       Record<string, unknown>,
       Record<string, unknown>,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       any
     >
     export default component

package/src/types/backgroundColor.ts

@@ -0,0 +1,71 @@
+export enum BackgroundColor {
+  Primary,
+  PrimaryContent,
+  Secondary,
+  SecondaryContent,
+  Accent,
+  AccentContent,
+  Neutral,
+  NeutralContent,
+  Base100,
+  Base200,
+  Base300,
+  BaseContent,
+  Info,
+  InfoContent,
+  Success,
+  SuccessContent,
+  Warning,
+  WarningContent,
+  Error,
+  ErrorContent,
+}
+
+export class BackgroundColorUtils {
+  public static toClassName(color: BackgroundColor): string {
+    switch (color) {
+      case BackgroundColor.Primary:
+        return "bg-primary";
+      case BackgroundColor.PrimaryContent:
+        return "bg-primary-content";
+      case BackgroundColor.Secondary:
+        return "bg-secondary";
+      case BackgroundColor.SecondaryContent:
+        return "bg-secondary-content";
+      case BackgroundColor.Accent:
+        return "bg-accent";
+      case BackgroundColor.AccentContent:
+        return "bg-accent-content";
+      case BackgroundColor.Neutral:
+        return "bg-neutral";
+      case BackgroundColor.NeutralContent:
+        return "bg-neutral-content";
+      case BackgroundColor.Base100:
+        return "base-100";
+      case BackgroundColor.Base200:
+        return "bg-base-200";
+      case BackgroundColor.Base300:
+        return "bg-base-300";
+      case BackgroundColor.BaseContent:
+        return "bg-base-content";
+      case BackgroundColor.Info:
+        return "bg-info";
+      case BackgroundColor.InfoContent:
+        return "bg-info-content";
+      case BackgroundColor.Success:
+        return "bg-success";
+      case BackgroundColor.SuccessContent:
+        return "bg-success-content";
+      case BackgroundColor.Warning:
+        return "bg-warning";
+      case BackgroundColor.WarningContent:
+        return "bg-warning-content";
+      case BackgroundColor.Error:
+        return "bg-error";
+      case BackgroundColor.ErrorContent:
+        return "bg-error-content";
+      default:
+        return "bg-base-content";
+    }
+  }
+}