dendelion-ui 0.0.8 → 0.0.10

package/dist/dendelion-ui.es.js

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