dendelion-ui 0.0.11 → 0.0.13

package/dist/dendelion-ui.es.js

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