dendelion-ui 0.0.1 → 0.0.2

package/dist/dendelion-ui.cjs.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");var d=(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))(d||{});class b{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 v(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var i={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");var p=(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))(p||{});class m{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 h(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var f={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var m;function B(){return m||(m=1,function(e){(function(){var n={}.hasOwnProperty;function r(){for(var a="",l=0;l<arguments.length;l++){var c=arguments[l];c&&(a=o(a,s(c)))}return a}function s(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return r.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var l="";for(var c in a)n.call(a,c)&&a[c]&&(l=o(l,c));return l}function o(a,l){return l?a?a+" "+l:a+l:a}e.exports?(r.default=r,e.exports=r):window.classNames=r})()}(i)),i.exports}var h=B();const p=v(h),x=["type"],S={class:"group-[.is-loading]:text-transparent"},k=t.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:d.Neutral},click:{}},setup(e){const n=e,r=t.ref(p("btn","group",`btn-${b.toClassName(n.color)}`,n.loading?"is-loading":""));return(s,o)=>(t.openBlock(),t.createElementBlock("button",{onClick:o[0]||(o[0]=(...a)=>s.click&&s.click(...a)),class:t.normalizeClass(r.value),type:s.type},[o[1]||(o[1]=t.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),t.createElementVNode("span",S,[t.renderSlot(s.$slots,"default")])],10,x))}});var f=(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))(f||{});class _{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 $=t.defineComponent({__name:"Card",props:{backgroundColor:{default:d.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(e){const n=e,r=t.ref(p("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(s,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(r.value)},[t.renderSlot(s.$slots,"default")],2))}}),y=(e,n)=>{const r=e.__vccOpts||e;for(const[s,o]of n)r[s]=o;return r},w={},C={class:"card-body"};function N(e,n){return t.openBlock(),t.createElementBlock("div",C,[t.renderSlot(e.$slots,"default")])}const E=y(w,[["render",N]]),M=t.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(e){return(n,r)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.is),{class:"card-title"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(n.text),1)]),_:1}))}}),L=t.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(e){const n=e,r=t.ref([n.container?"container":"",n.padding?"p-6":""]);return(s,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(r.value)},[t.renderSlot(s.$slots,"default")],2))}}),P=t.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:{}},setup(e){const n=t.ref(null),r=e,s=t.ref(p("table",`table-${_.toClassName(r.size)}`,{"table-zebra":r.zebra,"table-pin-rows":r.pinRows,"table-pin-cols	":r.pinCols}));return(o,a)=>(t.openBlock(),t.createElementBlock("table",{ref_key:"table",ref:n,class:t.normalizeClass(s.value)},null,2))}}),V=t.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(e,{expose:n,emit:r}){const s=e,o=t.ref(s.value),a=r,l=c=>{o.value=c,a("update:value",c)};return t.provide("stepper",{value:o,updateValue:l}),t.watch(()=>s.value,c=>{o.value=c}),n({updateValue:l}),(c,u)=>t.renderSlot(c.$slots,"default",{updateValue:l})}}),T=t.defineComponent({__name:"Step",props:{value:{}},setup(e){const n=e,r=t.inject("stepper"),s=t.ref("");return t.watch(()=>r==null?void 0:r.value.value,o=>{o&&n.value&&(s.value=Number(o)>=Number(n.value)?"step-primary":"")}),t.onMounted(()=>{r&&(s.value=r.value.value===n.value?"step-primary":"",Number(r.value.value)>=Number(n.value)&&(s.value="step-primary"))}),(o,a)=>(t.openBlock(),t.createElementBlock("li",{class:t.normalizeClass(["step",s.value])},[t.renderSlot(o.$slots,"default")],2))}}),j={},O={class:"steps"};function W(e,n){return t.openBlock(),t.createElementBlock("ul",O,[t.renderSlot(e.$slots,"default")])}const X=y(j,[["render",W]]),A={key:0},D=t.defineComponent({__name:"StepPanels",setup(e){const n=t.inject("stepper");return(r,s)=>(t.openBlock(),t.createBlock(t.Transition,{name:"fade",mode:"out-in"},{default:t.withCtx(()=>{var o,a;return[(o=t.unref(n))!=null&&o.value?(t.openBlock(),t.createElementBlock("div",A,[t.renderSlot(r.$slots,"default",{currentStep:(a=t.unref(n))==null?void 0:a.value})])):t.createCommentVNode("",!0)]}),_:3}))}}),R={key:0},z=t.defineComponent({__name:"StepPanel",props:{value:{}},setup(e,{expose:n}){const r=t.computed(()=>s==null?void 0:s.value.value),s=t.inject("stepper"),o=a=>{s&&s.updateValue(a.toString())};return n({activateCallback:o}),(a,l)=>a.value===r.value?(t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(a.$slots,"default",{activateCallback:o})])):t.createCommentVNode("",!0)}}),I={className:"modal-box"},U={key:0,method:"dialog"},q=t.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0}},emits:["close"],setup(e,{expose:n,emit:r}){const s=t.ref(null),o=r;return n({showModal:()=>{var c;(c=s.value)==null||c.showModal()},closeModal:()=>{var c;(c=s.value)==null||c.close()}}),(c,u)=>(t.openBlock(),t.createElementBlock("dialog",{ref_key:"modal",ref:s,class:"modal","aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:u[0]||(u[0]=g=>o("close",g))},[t.createElementVNode("div",I,[c.closeButton?(t.openBlock(),t.createElementBlock("form",U,u[1]||(u[1]=[t.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):t.createCommentVNode("",!0),t.renderSlot(c.$slots,"default")])],544))}}),G=["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=k;exports.Card=$;exports.CardBody=E;exports.CardTitle=M;exports.Color=d;exports.ColorUtils=b;exports.Container=L;exports.Modal=q;exports.Size=f;exports.SizeUtils=_;exports.Step=T;exports.StepList=X;exports.StepPanel=z;exports.StepPanels=D;exports.Stepper=V;exports.Table=P;exports.dendelionSafeList=G;
+*/var _;function x(){return _||(_=1,function(e){(function(){var n={}.hasOwnProperty;function s(){for(var a="",c=0;c<arguments.length;c++){var l=arguments[c];l&&(a=o(a,r(l)))}return a}function r(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return s.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var c="";for(var l in a)n.call(a,l)&&a[l]&&(c=o(c,l));return c}function o(a,c){return c?a?a+" "+c:a+c:a}e.exports?(s.default=s,e.exports=s):window.classNames=s})()}(f)),f.exports}var S=x();const d=h(S),k=["type"],w={class:"group-[.is-loading]:text-transparent"},$=t.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:p.Neutral},click:{}},setup(e){const n=e,s=t.ref(d("btn","group",`btn-${m.toClassName(n.color)}`,n.loading?"is-loading":""));return t.watch(()=>n.loading,r=>{s.value=d("btn","group",`btn-${m.toClassName(n.color)}`,r?"is-loading":"")}),(r,o)=>(t.openBlock(),t.createElementBlock("button",{onClick:o[0]||(o[0]=(...a)=>r.click&&r.click(...a)),class:t.normalizeClass(s.value),type:r.type},[o[1]||(o[1]=t.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),t.createElementVNode("span",w,[t.renderSlot(r.$slots,"default")])],10,k))}});var b=(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))(b||{});class g{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 C=t.defineComponent({__name:"Card",props:{backgroundColor:{default:p.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(e){const n=e,s=t.ref(d("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(r,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.value)},[t.renderSlot(r.$slots,"default")],2))}}),y=(e,n)=>{const s=e.__vccOpts||e;for(const[r,o]of n)s[r]=o;return s},N={},E={class:"card-body"};function M(e,n){return t.openBlock(),t.createElementBlock("div",E,[t.renderSlot(e.$slots,"default")])}const L=y(N,[["render",M]]),P=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}))}}),V=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(r,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.value)},[t.renderSlot(r.$slots,"default")],2))}}),T=t.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:b.MD},columns:{},dataSource:{},ajax:{}},setup(e){const n=t.ref(null),s=e,r=t.ref(d("table",`table-${g.toClassName(s.size)}`,{"table-zebra":s.zebra,"table-pin-rows":s.pinRows,"table-pin-cols	":s.pinCols}));return(o,a)=>(t.openBlock(),t.createElementBlock("table",{ref_key:"table",ref:n,class:t.normalizeClass(r.value)},null,2))}}),j=t.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(e,{expose:n,emit:s}){const r=e,o=t.ref(r.value),a=s,c=l=>{o.value=l,a("update:value",l)};return t.provide("stepper",{value:o,updateValue:c}),t.watch(()=>r.value,l=>{o.value=l}),n({updateValue:c}),(l,v)=>t.renderSlot(l.$slots,"default",{updateValue:c})}}),O=t.defineComponent({__name:"Step",props:{value:{}},setup(e){const n=e,s=t.inject("stepper"),r=t.ref("");return t.watch(()=>s==null?void 0:s.value.value,o=>{o&&n.value&&(r.value=Number(o)>=Number(n.value)?"step-primary":"")}),t.onMounted(()=>{s&&(r.value=s.value.value===n.value?"step-primary":"",Number(s.value.value)>=Number(n.value)&&(r.value="step-primary"))}),(o,a)=>(t.openBlock(),t.createElementBlock("li",{class:t.normalizeClass(["step",r.value])},[t.renderSlot(o.$slots,"default")],2))}}),W={},X={class:"steps"};function A(e,n){return t.openBlock(),t.createElementBlock("ul",X,[t.renderSlot(e.$slots,"default")])}const D=y(W,[["render",A]]),z={key:0},R=t.defineComponent({__name:"StepPanels",setup(e){const n=t.inject("stepper");return(s,r)=>(t.openBlock(),t.createBlock(t.Transition,{name:"fade",mode:"out-in"},{default:t.withCtx(()=>{var o,a;return[(o=t.unref(n))!=null&&o.value?(t.openBlock(),t.createElementBlock("div",z,[t.renderSlot(s.$slots,"default",{currentStep:(a=t.unref(n))==null?void 0:a.value})])):t.createCommentVNode("",!0)]}),_:3}))}}),I={key:0},U=t.defineComponent({__name:"StepPanel",props:{value:{}},setup(e,{expose:n}){const s=t.computed(()=>r==null?void 0:r.value.value),r=t.inject("stepper"),o=a=>{r&&r.updateValue(a.toString())};return n({activateCallback:o}),(a,c)=>a.value===s.value?(t.openBlock(),t.createElementBlock("div",I,[t.renderSlot(a.$slots,"default",{activateCallback:o})])):t.createCommentVNode("",!0)}}),q={className:"modal-box"},G={key:0,method:"dialog"},H=t.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(e,{expose:n,emit:s}){const r=t.ref(null),o=s,a=e,c=t.ref(d("modal",{"overflow-visible":a.overflow}));return n({showModal:()=>{var u;(u=r.value)==null||u.showModal()},closeModal:()=>{var u;(u=r.value)==null||u.close()}}),(u,i)=>(t.openBlock(),t.createElementBlock("dialog",{ref_key:"modal",ref:r,class:t.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:i[0]||(i[0]=B=>o("close",B))},[t.createElementVNode("div",q,[u.closeButton?(t.openBlock(),t.createElementBlock("form",G,i[1]||(i[1]=[t.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):t.createCommentVNode("",!0),t.renderSlot(u.$slots,"default")])],34))}}),F=["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=$;exports.Card=C;exports.CardBody=L;exports.CardTitle=P;exports.Color=p;exports.ColorUtils=m;exports.Container=V;exports.Modal=H;exports.Size=b;exports.SizeUtils=g;exports.Step=O;exports.StepList=D;exports.StepPanel=U;exports.StepPanels=R;exports.Stepper=j;exports.Table=T;exports.dendelionSafeList=F;

package/dist/dendelion-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as d, ref as p, openBlock as u, createElementBlock as l, normalizeClass as b, createElementVNode as m, renderSlot as i, createBlock as w, resolveDynamicComponent as E, withCtx as B, createTextVNode as P, toDisplayString as L, provide as T, watch as S, inject as y, onMounted as O, Transition as W, unref as h, createCommentVNode as g, computed as X } from "vue";
-var v = /* @__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))(v || {});
-class C {
+import { defineComponent as i, ref as p, watch as v, openBlock as u, createElementBlock as l, normalizeClass as b, createElementVNode as g, renderSlot as d, createBlock as N, resolveDynamicComponent as T, withCtx as k, createTextVNode as C, toDisplayString as O, provide as W, inject as x, onMounted as X, Transition as V, unref as w, createCommentVNode as h, computed as j } from "vue";
+var $ = /* @__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))($ || {});
+class B {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -48,79 +48,86 @@ class C {
     }
   }
 }
-function V(e) {
+function A(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _ = { exports: {} };
+var y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var $;
-function j() {
-  return $ || ($ = 1, function(e) {
+var S;
+function D() {
+  return S || (S = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function s() {
-        for (var n = "", c = 0; c < arguments.length; c++) {
-          var o = arguments[c];
-          o && (n = r(n, a(o)));
+      function n() {
+        for (var s = "", o = 0; o < arguments.length; o++) {
+          var c = arguments[o];
+          c && (s = r(s, a(c)));
         }
-        return n;
+        return s;
       }
-      function a(n) {
-        if (typeof n == "string" || typeof n == "number")
-          return n;
-        if (typeof n != "object")
+      function a(s) {
+        if (typeof s == "string" || typeof s == "number")
+          return s;
+        if (typeof s != "object")
           return "";
-        if (Array.isArray(n))
-          return s.apply(null, n);
-        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
-          return n.toString();
-        var c = "";
-        for (var o in n)
-          t.call(n, o) && n[o] && (c = r(c, o));
-        return c;
+        if (Array.isArray(s))
+          return n.apply(null, s);
+        if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
+          return s.toString();
+        var o = "";
+        for (var c in s)
+          t.call(s, c) && s[c] && (o = r(o, c));
+        return o;
       }
-      function r(n, c) {
-        return c ? n ? n + " " + c : n + c : n;
+      function r(s, o) {
+        return o ? s ? s + " " + o : s + o : s;
       }
-      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(_)), _.exports;
+  }(y)), y.exports;
 }
-var A = j();
-const x = /* @__PURE__ */ V(A), D = ["type"], R = { class: "group-[.is-loading]:text-transparent" }, ee = /* @__PURE__ */ d({
+var R = D();
+const m = /* @__PURE__ */ A(R), I = ["type"], q = { class: "group-[.is-loading]:text-transparent" }, ne = /* @__PURE__ */ i({
   __name: "Button",
   props: {
     type: { default: "button" },
     loading: { type: Boolean },
-    color: { default: v.Neutral },
+    color: { default: $.Neutral },
     click: {}
   },
   setup(e) {
-    const t = e, s = p(x(
+    const t = e, n = p(m(
       "btn",
       "group",
-      `btn-${C.toClassName(t.color)}`,
+      `btn-${B.toClassName(t.color)}`,
       t.loading ? "is-loading" : ""
     ));
-    return (a, r) => (u(), l("button", {
+    return v(() => t.loading, (a) => {
+      n.value = m(
+        "btn",
+        "group",
+        `btn-${B.toClassName(t.color)}`,
+        a ? "is-loading" : ""
+      );
+    }), (a, r) => (u(), l("button", {
       onClick: r[0] || (r[0] = //@ts-ignore
-      (...n) => a.click && a.click(...n)),
-      class: b(s.value),
+      (...s) => a.click && a.click(...s)),
+      class: b(n.value),
       type: a.type
     }, [
-      r[1] || (r[1] = m("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
-      m("span", R, [
-        i(a.$slots, "default")
+      r[1] || (r[1] = g("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
+      g("span", q, [
+        d(a.$slots, "default")
       ])
-    ], 10, D));
+    ], 10, I));
   }
 });
-var N = /* @__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))(N || {});
-class I {
+var M = /* @__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))(M || {});
+class G {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -142,17 +149,17 @@ class I {
     }
   }
 }
-const te = /* @__PURE__ */ d({
+const se = /* @__PURE__ */ i({
   __name: "Card",
   props: {
-    backgroundColor: { default: v.Primary },
+    backgroundColor: { default: $.Primary },
     shadow: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
     rounded: { type: Boolean },
     roundedSize: {}
   },
   setup(e) {
-    const t = e, s = p(x(
+    const t = e, n = p(m(
       "card",
       `bg-${t.backgroundColor}`,
       t.shadow ? "shadow-lg" : "",
@@ -160,193 +167,196 @@ const te = /* @__PURE__ */ d({
       t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? `rounded-${t.roundedSize}` : ""
     ));
     return (a, r) => (u(), l("div", {
-      class: b(s.value)
+      class: b(n.value)
     }, [
-      i(a.$slots, "default")
+      d(a.$slots, "default")
     ], 2));
   }
-}), k = (e, t) => {
-  const s = e.__vccOpts || e;
+}), E = (e, t) => {
+  const n = e.__vccOpts || e;
   for (const [a, r] of t)
-    s[a] = r;
-  return s;
-}, q = {}, G = { class: "card-body" };
-function H(e, t) {
-  return u(), l("div", G, [
-    i(e.$slots, "default")
+    n[a] = r;
+  return n;
+}, H = {}, U = { class: "card-body" };
+function F(e, t) {
+  return u(), l("div", U, [
+    d(e.$slots, "default")
   ]);
 }
-const ne = /* @__PURE__ */ k(q, [["render", H]]), se = /* @__PURE__ */ d({
+const ae = /* @__PURE__ */ E(H, [["render", F]]), re = /* @__PURE__ */ i({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, s) => (u(), w(E(t.is), { class: "card-title" }, {
-      default: B(() => [
-        P(L(t.text), 1)
+    return (t, n) => (u(), N(T(t.is), { class: "card-title" }, {
+      default: k(() => [
+        C(O(t.text), 1)
       ]),
       _: 1
     }));
   }
-}), ae = /* @__PURE__ */ d({
+}), oe = /* @__PURE__ */ i({
   __name: "Container",
   props: {
     container: { type: Boolean, default: !0 },
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, s = p([
+    const t = e, n = p([
       t.container ? "container" : "",
       //To disable the max width in some cases
       t.padding ? "p-6" : ""
     ]);
     return (a, r) => (u(), l("div", {
-      class: b(s.value)
+      class: b(n.value)
     }, [
-      i(a.$slots, "default")
+      d(a.$slots, "default")
     ], 2));
   }
-}), re = /* @__PURE__ */ d({
+}), ce = /* @__PURE__ */ i({
   __name: "Table",
   props: {
     zebra: { type: Boolean, default: !1 },
     pinRows: { type: Boolean, default: !1 },
     pinCols: { type: Boolean, default: !1 },
-    size: { default: N.MD },
+    size: { default: M.MD },
     columns: {},
     dataSource: {},
     ajax: {}
   },
   setup(e) {
-    const t = p(null), s = e, a = p(x("table", `table-${I.toClassName(s.size)}`, {
-      "table-zebra": s.zebra,
-      "table-pin-rows": s.pinRows,
-      "table-pin-cols	": s.pinCols
+    const t = p(null), n = e, a = p(m("table", `table-${G.toClassName(n.size)}`, {
+      "table-zebra": n.zebra,
+      "table-pin-rows": n.pinRows,
+      "table-pin-cols	": n.pinCols
     }));
-    return (r, n) => (u(), l("table", {
+    return (r, s) => (u(), l("table", {
       ref_key: "table",
       ref: t,
       class: b(a.value)
     }, null, 2));
   }
-}), oe = /* @__PURE__ */ d({
+}), ue = /* @__PURE__ */ i({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
-  setup(e, { expose: t, emit: s }) {
-    const a = e, r = p(a.value), n = s, c = (o) => {
-      r.value = o, n("update:value", o);
+  setup(e, { expose: t, emit: n }) {
+    const a = e, r = p(a.value), s = n, o = (c) => {
+      r.value = c, s("update:value", c);
     };
-    return T("stepper", {
+    return W("stepper", {
       value: r,
-      updateValue: c
-    }), S(() => a.value, (o) => {
-      r.value = o;
+      updateValue: o
+    }), v(() => a.value, (c) => {
+      r.value = c;
     }), t({
-      updateValue: c
-    }), (o, f) => i(o.$slots, "default", { updateValue: c });
+      updateValue: o
+    }), (c, P) => d(c.$slots, "default", { updateValue: o });
   }
-}), ce = /* @__PURE__ */ d({
+}), le = /* @__PURE__ */ i({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, s = y("stepper"), a = p("");
-    return S(() => s == null ? void 0 : s.value.value, (r) => {
+    const t = e, n = x("stepper"), a = p("");
+    return v(() => n == null ? void 0 : n.value.value, (r) => {
       r && t.value && (a.value = Number(r) >= Number(t.value) ? "step-primary" : "");
-    }), O(() => {
-      s && (a.value = s.value.value === t.value ? "step-primary" : "", Number(s.value.value) >= Number(t.value) && (a.value = "step-primary"));
-    }), (r, n) => (u(), l("li", {
+    }), X(() => {
+      n && (a.value = n.value.value === t.value ? "step-primary" : "", Number(n.value.value) >= Number(t.value) && (a.value = "step-primary"));
+    }), (r, s) => (u(), l("li", {
       class: b(["step", a.value])
     }, [
-      i(r.$slots, "default")
+      d(r.$slots, "default")
     ], 2));
   }
-}), U = {}, F = { class: "steps" };
-function J(e, t) {
-  return u(), l("ul", F, [
-    i(e.$slots, "default")
+}), J = {}, K = { class: "steps" };
+function Q(e, t) {
+  return u(), l("ul", K, [
+    d(e.$slots, "default")
   ]);
 }
-const ue = /* @__PURE__ */ k(U, [["render", J]]), K = { key: 0 }, le = /* @__PURE__ */ d({
+const ie = /* @__PURE__ */ E(J, [["render", Q]]), Y = { key: 0 }, de = /* @__PURE__ */ i({
   __name: "StepPanels",
   setup(e) {
-    const t = y("stepper");
-    return (s, a) => (u(), w(W, {
+    const t = x("stepper");
+    return (n, a) => (u(), N(V, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: B(() => {
-        var r, n;
+      default: k(() => {
+        var r, s;
         return [
-          (r = h(t)) != null && r.value ? (u(), l("div", K, [
-            i(s.$slots, "default", {
-              currentStep: (n = h(t)) == null ? void 0 : n.value
+          (r = w(t)) != null && r.value ? (u(), l("div", Y, [
+            d(n.$slots, "default", {
+              currentStep: (s = w(t)) == null ? void 0 : s.value
             })
-          ])) : g("", !0)
+          ])) : h("", !0)
         ];
       }),
       _: 3
     }));
   }
-}), Q = { key: 0 }, de = /* @__PURE__ */ d({
+}), Z = { key: 0 }, pe = /* @__PURE__ */ i({
   __name: "StepPanel",
   props: {
     value: {}
   },
   setup(e, { expose: t }) {
-    const s = X(() => a == null ? void 0 : a.value.value), a = y("stepper"), r = (n) => {
-      a && a.updateValue(n.toString());
+    const n = j(() => a == null ? void 0 : a.value.value), a = x("stepper"), r = (s) => {
+      a && a.updateValue(s.toString());
     };
     return t({
       activateCallback: r
-    }), (n, c) => n.value === s.value ? (u(), l("div", Q, [
-      i(n.$slots, "default", { activateCallback: r })
-    ])) : g("", !0);
+    }), (s, o) => s.value === n.value ? (u(), l("div", Z, [
+      d(s.$slots, "default", { activateCallback: r })
+    ])) : h("", !0);
   }
-}), Y = { className: "modal-box" }, Z = {
+}), z = { className: "modal-box" }, ee = {
   key: 0,
   method: "dialog"
-}, ie = /* @__PURE__ */ d({
+}, fe = /* @__PURE__ */ i({
   __name: "Modal",
   props: {
-    closeButton: { type: Boolean, default: !0 }
+    closeButton: { type: Boolean, default: !0 },
+    overflow: { type: Boolean, default: !1 }
   },
   emits: ["close"],
-  setup(e, { expose: t, emit: s }) {
-    const a = p(null), r = s;
+  setup(e, { expose: t, emit: n }) {
+    const a = p(null), r = n, o = p(m("modal", {
+      "overflow-visible": e.overflow
+    }));
     return t({
       showModal: () => {
-        var o;
-        (o = a.value) == null || o.showModal();
+        var f;
+        (f = a.value) == null || f.showModal();
       },
       closeModal: () => {
-        var o;
-        (o = a.value) == null || o.close();
+        var f;
+        (f = a.value) == null || f.close();
       }
-    }), (o, f) => (u(), l("dialog", {
+    }), (f, _) => (u(), l("dialog", {
       ref_key: "modal",
       ref: a,
-      class: "modal",
+      class: b(o.value),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: f[0] || (f[0] = (M) => r("close", M))
+      onClose: _[0] || (_[0] = (L) => r("close", L))
     }, [
-      m("div", Y, [
-        o.closeButton ? (u(), l("form", Z, f[1] || (f[1] = [
-          m("button", { className: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2" }, "✕", -1)
-        ]))) : g("", !0),
-        i(o.$slots, "default")
+      g("div", z, [
+        f.closeButton ? (u(), l("form", ee, _[1] || (_[1] = [
+          g("button", { className: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2" }, "✕", -1)
+        ]))) : h("", !0),
+        d(f.$slots, "default")
       ])
-    ], 544));
+    ], 34));
   }
-}), pe = [
+}), be = [
   "bg-primary",
   "bg-primary-content",
   "bg-secondary",
@@ -432,21 +442,21 @@ const ue = /* @__PURE__ */ k(U, [["render", J]]), K = { key: 0 }, le = /* @__PUR
   "block"
 ];
 export {
-  ee as Button,
-  te as Card,
-  ne as CardBody,
-  se as CardTitle,
-  v as Color,
-  C as ColorUtils,
-  ae as Container,
-  ie as Modal,
-  N as Size,
-  I as SizeUtils,
-  ce as Step,
-  ue as StepList,
-  de as StepPanel,
-  le as StepPanels,
-  oe as Stepper,
-  re as Table,
-  pe as dendelionSafeList
+  ne as Button,
+  se as Card,
+  ae as CardBody,
+  re as CardTitle,
+  $ as Color,
+  B as ColorUtils,
+  oe as Container,
+  fe as Modal,
+  M as Size,
+  G as SizeUtils,
+  le as Step,
+  ie as StepList,
+  pe as StepPanel,
+  de as StepPanels,
+  ue as Stepper,
+  ce as Table,
+  be as dendelionSafeList
 };

package/dist/dendelion-ui.umd.js

@@ -1,5 +1,5 @@
-(function(c,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(c=typeof globalThis<"u"?globalThis:c||self,t(c.DendelionUI={},c.Vue))})(this,function(c,t){"use strict";var u=(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))(u||{});class b{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 B(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var p={exports:{}};/*!
+(function(c,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(c=typeof globalThis<"u"?globalThis:c||self,t(c.DendelionUI={},c.Vue))})(this,function(c,t){"use strict";var p=(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))(p||{});class m{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 h(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var b={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var _;function h(){return _||(_=1,function(e){(function(){var n={}.hasOwnProperty;function s(){for(var a="",d=0;d<arguments.length;d++){var l=arguments[d];l&&(a=o(a,r(l)))}return a}function r(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return s.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var d="";for(var l in a)n.call(a,l)&&a[l]&&(d=o(d,l));return d}function o(a,d){return d?a?a+" "+d:a+d:a}e.exports?(s.default=s,e.exports=s):window.classNames=s})()}(p)),p.exports}var S=h();const f=B(S),k=["type"],$={class:"group-[.is-loading]:text-transparent"},w=t.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:u.Neutral},click:{}},setup(e){const n=e,s=t.ref(f("btn","group",`btn-${b.toClassName(n.color)}`,n.loading?"is-loading":""));return(r,o)=>(t.openBlock(),t.createElementBlock("button",{onClick:o[0]||(o[0]=(...a)=>r.click&&r.click(...a)),class:t.normalizeClass(s.value),type:r.type},[o[1]||(o[1]=t.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),t.createElementVNode("span",$,[t.renderSlot(r.$slots,"default")])],10,k))}});var m=(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))(m||{});class y{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 x=t.defineComponent({__name:"Card",props:{backgroundColor:{default:u.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(e){const n=e,s=t.ref(f("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(r,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.value)},[t.renderSlot(r.$slots,"default")],2))}}),g=(e,n)=>{const s=e.__vccOpts||e;for(const[r,o]of n)s[r]=o;return s},C={},N={class:"card-body"};function E(e,n){return t.openBlock(),t.createElementBlock("div",N,[t.renderSlot(e.$slots,"default")])}const M=g(C,[["render",E]]),T=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}))}}),V=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(r,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.value)},[t.renderSlot(r.$slots,"default")],2))}}),L=t.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:m.MD},columns:{},dataSource:{},ajax:{}},setup(e){const n=t.ref(null),s=e,r=t.ref(f("table",`table-${y.toClassName(s.size)}`,{"table-zebra":s.zebra,"table-pin-rows":s.pinRows,"table-pin-cols	":s.pinCols}));return(o,a)=>(t.openBlock(),t.createElementBlock("table",{ref_key:"table",ref:n,class:t.normalizeClass(r.value)},null,2))}}),P=t.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(e,{expose:n,emit:s}){const r=e,o=t.ref(r.value),a=s,d=l=>{o.value=l,a("update:value",l)};return t.provide("stepper",{value:o,updateValue:d}),t.watch(()=>r.value,l=>{o.value=l}),n({updateValue:d}),(l,i)=>t.renderSlot(l.$slots,"default",{updateValue:d})}}),j=t.defineComponent({__name:"Step",props:{value:{}},setup(e){const n=e,s=t.inject("stepper"),r=t.ref("");return t.watch(()=>s==null?void 0:s.value.value,o=>{o&&n.value&&(r.value=Number(o)>=Number(n.value)?"step-primary":"")}),t.onMounted(()=>{s&&(r.value=s.value.value===n.value?"step-primary":"",Number(s.value.value)>=Number(n.value)&&(r.value="step-primary"))}),(o,a)=>(t.openBlock(),t.createElementBlock("li",{class:t.normalizeClass(["step",r.value])},[t.renderSlot(o.$slots,"default")],2))}}),O={},W={class:"steps"};function X(e,n){return t.openBlock(),t.createElementBlock("ul",W,[t.renderSlot(e.$slots,"default")])}const D=g(O,[["render",X]]),A={key:0},I=t.defineComponent({__name:"StepPanels",setup(e){const n=t.inject("stepper");return(s,r)=>(t.openBlock(),t.createBlock(t.Transition,{name:"fade",mode:"out-in"},{default:t.withCtx(()=>{var o,a;return[(o=t.unref(n))!=null&&o.value?(t.openBlock(),t.createElementBlock("div",A,[t.renderSlot(s.$slots,"default",{currentStep:(a=t.unref(n))==null?void 0:a.value})])):t.createCommentVNode("",!0)]}),_:3}))}}),R={key:0},U=t.defineComponent({__name:"StepPanel",props:{value:{}},setup(e,{expose:n}){const s=t.computed(()=>r==null?void 0:r.value.value),r=t.inject("stepper"),o=a=>{r&&r.updateValue(a.toString())};return n({activateCallback:o}),(a,d)=>a.value===s.value?(t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(a.$slots,"default",{activateCallback:o})])):t.createCommentVNode("",!0)}}),z={className:"modal-box"},q={key:0,method:"dialog"},G=t.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0}},emits:["close"],setup(e,{expose:n,emit:s}){const r=t.ref(null),o=s;return n({showModal:()=>{var l;(l=r.value)==null||l.showModal()},closeModal:()=>{var l;(l=r.value)==null||l.close()}}),(l,i)=>(t.openBlock(),t.createElementBlock("dialog",{ref_key:"modal",ref:r,class:"modal","aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:i[0]||(i[0]=F=>o("close",F))},[t.createElementVNode("div",z,[l.closeButton?(t.openBlock(),t.createElementBlock("form",q,i[1]||(i[1]=[t.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):t.createCommentVNode("",!0),t.renderSlot(l.$slots,"default")])],544))}}),H=["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"];c.Button=w,c.Card=x,c.CardBody=M,c.CardTitle=T,c.Color=u,c.ColorUtils=b,c.Container=V,c.Modal=G,c.Size=m,c.SizeUtils=y,c.Step=j,c.StepList=D,c.StepPanel=U,c.StepPanels=I,c.Stepper=P,c.Table=L,c.dendelionSafeList=H,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+*/var y;function S(){return y||(y=1,function(e){(function(){var n={}.hasOwnProperty;function s(){for(var a="",l=0;l<arguments.length;l++){var i=arguments[l];i&&(a=o(a,r(i)))}return a}function r(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return s.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var l="";for(var i in a)n.call(a,i)&&a[i]&&(l=o(l,i));return l}function o(a,l){return l?a?a+" "+l:a+l:a}e.exports?(s.default=s,e.exports=s):window.classNames=s})()}(b)),b.exports}var k=S();const u=h(k),w=["type"],$={class:"group-[.is-loading]:text-transparent"},C=t.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:p.Neutral},click:{}},setup(e){const n=e,s=t.ref(u("btn","group",`btn-${m.toClassName(n.color)}`,n.loading?"is-loading":""));return t.watch(()=>n.loading,r=>{s.value=u("btn","group",`btn-${m.toClassName(n.color)}`,r?"is-loading":"")}),(r,o)=>(t.openBlock(),t.createElementBlock("button",{onClick:o[0]||(o[0]=(...a)=>r.click&&r.click(...a)),class:t.normalizeClass(s.value),type:r.type},[o[1]||(o[1]=t.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),t.createElementVNode("span",$,[t.renderSlot(r.$slots,"default")])],10,w))}});var _=(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))(_||{});class g{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 N=t.defineComponent({__name:"Card",props:{backgroundColor:{default:p.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(e){const n=e,s=t.ref(u("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(r,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.value)},[t.renderSlot(r.$slots,"default")],2))}}),B=(e,n)=>{const s=e.__vccOpts||e;for(const[r,o]of n)s[r]=o;return s},x={},E={class:"card-body"};function M(e,n){return t.openBlock(),t.createElementBlock("div",E,[t.renderSlot(e.$slots,"default")])}const T=B(x,[["render",M]]),V=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}))}}),L=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(r,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.value)},[t.renderSlot(r.$slots,"default")],2))}}),P=t.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:_.MD},columns:{},dataSource:{},ajax:{}},setup(e){const n=t.ref(null),s=e,r=t.ref(u("table",`table-${g.toClassName(s.size)}`,{"table-zebra":s.zebra,"table-pin-rows":s.pinRows,"table-pin-cols	":s.pinCols}));return(o,a)=>(t.openBlock(),t.createElementBlock("table",{ref_key:"table",ref:n,class:t.normalizeClass(r.value)},null,2))}}),j=t.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(e,{expose:n,emit:s}){const r=e,o=t.ref(r.value),a=s,l=i=>{o.value=i,a("update:value",i)};return t.provide("stepper",{value:o,updateValue:l}),t.watch(()=>r.value,i=>{o.value=i}),n({updateValue:l}),(i,J)=>t.renderSlot(i.$slots,"default",{updateValue:l})}}),O=t.defineComponent({__name:"Step",props:{value:{}},setup(e){const n=e,s=t.inject("stepper"),r=t.ref("");return t.watch(()=>s==null?void 0:s.value.value,o=>{o&&n.value&&(r.value=Number(o)>=Number(n.value)?"step-primary":"")}),t.onMounted(()=>{s&&(r.value=s.value.value===n.value?"step-primary":"",Number(s.value.value)>=Number(n.value)&&(r.value="step-primary"))}),(o,a)=>(t.openBlock(),t.createElementBlock("li",{class:t.normalizeClass(["step",r.value])},[t.renderSlot(o.$slots,"default")],2))}}),W={},X={class:"steps"};function D(e,n){return t.openBlock(),t.createElementBlock("ul",X,[t.renderSlot(e.$slots,"default")])}const A=B(W,[["render",D]]),z={key:0},I=t.defineComponent({__name:"StepPanels",setup(e){const n=t.inject("stepper");return(s,r)=>(t.openBlock(),t.createBlock(t.Transition,{name:"fade",mode:"out-in"},{default:t.withCtx(()=>{var o,a;return[(o=t.unref(n))!=null&&o.value?(t.openBlock(),t.createElementBlock("div",z,[t.renderSlot(s.$slots,"default",{currentStep:(a=t.unref(n))==null?void 0:a.value})])):t.createCommentVNode("",!0)]}),_:3}))}}),R={key:0},U=t.defineComponent({__name:"StepPanel",props:{value:{}},setup(e,{expose:n}){const s=t.computed(()=>r==null?void 0:r.value.value),r=t.inject("stepper"),o=a=>{r&&r.updateValue(a.toString())};return n({activateCallback:o}),(a,l)=>a.value===s.value?(t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(a.$slots,"default",{activateCallback:o})])):t.createCommentVNode("",!0)}}),q={className:"modal-box"},G={key:0,method:"dialog"},H=t.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(e,{expose:n,emit:s}){const r=t.ref(null),o=s,a=e,l=t.ref(u("modal",{"overflow-visible":a.overflow}));return n({showModal:()=>{var d;(d=r.value)==null||d.showModal()},closeModal:()=>{var d;(d=r.value)==null||d.close()}}),(d,f)=>(t.openBlock(),t.createElementBlock("dialog",{ref_key:"modal",ref:r,class:t.normalizeClass(l.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:f[0]||(f[0]=K=>o("close",K))},[t.createElementVNode("div",q,[d.closeButton?(t.openBlock(),t.createElementBlock("form",G,f[1]||(f[1]=[t.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):t.createCommentVNode("",!0),t.renderSlot(d.$slots,"default")])],34))}}),F=["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"];c.Button=C,c.Card=N,c.CardBody=T,c.CardTitle=V,c.Color=p,c.ColorUtils=m,c.Container=L,c.Modal=H,c.Size=_,c.SizeUtils=g,c.Step=O,c.StepList=A,c.StepPanel=U,c.StepPanels=I,c.Stepper=j,c.Table=P,c.dendelionSafeList=F,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

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

@@ -19,6 +19,7 @@ declare const __VLS_component: import("vue").DefineComponent<ModalProps, {
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     closeButton: boolean;
+    overflow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
     modal: HTMLDialogElement;
 }, HTMLDialogElement>;

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

@@ -1,5 +1,6 @@
 export type ModalProps = {
     closeButton?: boolean;
+    overflow?: boolean;
 };
 export interface Modal {
     showModal: () => void;

package/package.json

@@ -1,72 +1,72 @@
-{
-  "name": "dendelion-ui",
-  "private": false,
-  "description": "Simpel component library using Tailwind css and DaisyUI",
-  "version": "0.0.1",
-  "author": "ThatzOkay",
-  "license": "MIT",
-  "homepage": "https://github.com/ThatzOkay/DendelionUI#readme",
-  "repository": {
-    "url": "git+https://github.com/ThatzOkay/DendelionUI.git",
-    "type": "git"
-  },
-  "bugs": {
-    "url": "https://github.com/ThatzOkay/DendelionUI/issues"
-  },
-  "keywords": [
-    "Tailwind",
-    "DaisyUI",
-    "Vue",
-    "Component",
-    "Library"
-  ],
-  "type": "module",
-  "files": [
-    "dist",
-    "src"
-  ],
-  "main": "./dist/apldendelion-uiayer.umd.js",
-  "module": "./dist/dendelion-ui.es.js",
-  "typings": "./dist/types/index.d.ts",
-  "types": "./dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/dendelion-ui.es.js",
-      "require": "./dist/dendelion-ui.umd.js"
-    }
-  },
-  "scripts": {
-    "dev": "cross-env MODE=demo npm run vite",
-    "vite": "vite",
-    "clean": "rimraf dist",
-    "build": "npm run clean && npm run build:lib && npm run build:tsc",
-    "build:lib": "cross-env MODE=lib vite build",
-    "build:tsc": "vue-tsc --emitDeclarationOnly",
-    "build:demo": "cross-env MODE=demo vite build",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "lint": "eslint ",
-    "lint:fix": "eslint --fix ",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "classnames": "^2.5.1",
-    "vue": "^3.5.13"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/tsconfig": "^0.7.0",
-    "cross-env": "^7.0.3",
-    "daisyui": "^4.12.23",
-    "eslint": "^9.17.0",
-    "eslint-plugin-vue": "^9.32.0",
-    "fluid-tailwind": "^1.0.4",
-    "rimraf": "^6.0.1",
-    "typescript": "~5.6.2",
-    "typescript-eslint": "^8.19.1",
-    "vite": "^6.0.5",
-    "vue-tsc": "^2.2.0"
-  }
-}
+{
+  "name": "dendelion-ui",
+  "private": false,
+  "description": "Simpel component library using Tailwind css and DaisyUI",
+  "version": "0.0.2",
+  "author": "ThatzOkay",
+  "license": "MIT",
+  "homepage": "https://github.com/ThatzOkay/DendelionUI#readme",
+  "repository": {
+    "url": "git+https://github.com/ThatzOkay/DendelionUI.git",
+    "type": "git"
+  },
+  "bugs": {
+    "url": "https://github.com/ThatzOkay/DendelionUI/issues"
+  },
+  "keywords": [
+    "Tailwind",
+    "DaisyUI",
+    "Vue",
+    "Component",
+    "Library"
+  ],
+  "type": "module",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "main": "./dist/apldendelion-uiayer.umd.js",
+  "module": "./dist/dendelion-ui.es.js",
+  "typings": "./dist/types/index.d.ts",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/dendelion-ui.es.js",
+      "require": "./dist/dendelion-ui.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "cross-env MODE=demo npm run vite",
+    "vite": "vite",
+    "clean": "rimraf dist",
+    "build": "npm run clean && npm run build:lib && npm run build:tsc",
+    "build:lib": "cross-env MODE=lib vite build",
+    "build:tsc": "vue-tsc --emitDeclarationOnly",
+    "build:demo": "cross-env MODE=demo vite build",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "lint": "eslint ",
+    "lint:fix": "eslint --fix ",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/tsconfig": "^0.7.0",
+    "cross-env": "^7.0.3",
+    "daisyui": "^4.12.23",
+    "eslint": "^9.17.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "fluid-tailwind": "^1.0.4",
+    "rimraf": "^6.0.1",
+    "typescript": "~5.7.0",
+    "typescript-eslint": "^8.19.1",
+    "vite": "^6.0.5",
+    "vue-tsc": "^2.2.0"
+  }
+}

package/src/components/button/Button.vue

@@ -9,7 +9,7 @@
 import { Color, ColorUtils } from '@/types/color';
 import { ButtonProps } from './interface';
 import classNames from 'classnames';
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 
 const props = withDefaults(defineProps<ButtonProps>(), {
   type: 'button',
@@ -21,4 +21,12 @@ const classes = ref(classNames('btn',
   `btn-${ColorUtils.toClassName(props.color)}`,
   props.loading ? 'is-loading' : '',
 ))
+
+watch(() => props.loading, (loading: boolean) => {
+  classes.value = classNames('btn', 
+    'group',
+    `btn-${ColorUtils.toClassName(props.color)}`,
+    loading ? 'is-loading' : '',
+  )
+})
 </script>

package/src/components/modal/Modal.vue

@@ -1,5 +1,5 @@
 <template>
-    <dialog ref="modal" class="modal" aria-modal="true" aria-hidden="true" role="dialog" @close="(e) => emit('close', e)" >
+    <dialog ref="modal" :class="classes" aria-modal="true" aria-hidden="true" role="dialog" @close="(e) => emit('close', e)" >
         <div className="modal-box">
             <form v-if="closeButton" method="dialog">
                 <button className="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
@@ -12,14 +12,20 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { ModalProps } from './interface';
+import classNames from 'classnames';
 
 const modal = ref<HTMLDialogElement | null>(null);
 
 const emit = defineEmits(['close']);
 
-withDefaults(defineProps<ModalProps>(), {
+const props = withDefaults(defineProps<ModalProps>(), {
     closeButton: true,
-})
+    overflow: false
+});
+
+const classes = ref(classNames('modal', {
+    'overflow-visible': props.overflow
+}));
 
 const showModal = () => {
     modal.value?.showModal();

package/src/components/modal/interface.ts

@@ -1,6 +1,7 @@
 
 export type ModalProps = {
     closeButton?: boolean;
+    overflow?: boolean;
 }
 
 export interface Modal {