dendelion-ui 0.0.21 → 0.0.22

package/dist/dendelion-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as Q, createElementBlock as i, openBlock as u, normalizeClass as E, createElementVNode as g, renderSlot as z, ref as $, createBlock as A, resolveDynamicComponent as Z, withCtx as de, createTextVNode as fe, toDisplayString as I, onMounted as U, createCommentVNode as L, Fragment as O, unref as Y, isVNode as ye, normalizeProps as _e, guardReactiveProps as xe, defineAsyncComponent as ae, watch as X, renderList as q, provide as we, inject as ee, Transition as ke, onUnmounted as Se } from "vue";
-var te = /* @__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))(te || {});
-class Be {
+import { defineComponent as C, computed as I, createElementBlock as i, openBlock as u, normalizeClass as N, createElementVNode as h, renderSlot as T, ref as $, createBlock as q, resolveDynamicComponent as ee, withCtx as fe, createTextVNode as te, toDisplayString as X, onMounted as H, createCommentVNode as R, Fragment as E, unref as K, isVNode as ye, normalizeProps as _e, guardReactiveProps as xe, defineAsyncComponent as se, watch as U, renderList as O, provide as we, inject as ne, Transition as Se, onUnmounted as ke, normalizeStyle as Be, withDirectives as $e, vModelRadio as Ce } from "vue";
+var re = /* @__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))(re || {});
+class Me {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -48,7 +48,7 @@ class Be {
     }
   }
 }
-class $e {
+class ze {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -96,7 +96,7 @@ class $e {
     }
   }
 }
-class ft {
+class ht {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -144,8 +144,8 @@ class ft {
     }
   }
 }
-var ne = /* @__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))(ne || {});
-class Ce {
+var G = /* @__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))(G || {});
+class Ne {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -167,7 +167,7 @@ class Ce {
     }
   }
 }
-class Me {
+class Te {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -189,7 +189,7 @@ class Me {
     }
   }
 }
-class Ne {
+class Le {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -211,28 +211,46 @@ class Ne {
     }
   }
 }
+class Ee {
+  static toClassName(t) {
+    switch (t) {
+      case 0:
+        return "tabs-xs";
+      case 1:
+        return "tabs-sm";
+      case 2:
+        return "tabs-md";
+      case 3:
+        return "tabs-lg";
+      case 4:
+        return "tabs-xl";
+      default:
+        return "tabs-md";
+    }
+  }
+}
 function pe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var G = { exports: {} };
+var Z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var se;
-function ze() {
-  return se || (se = 1, function(e) {
+var oe;
+function Re() {
+  return oe || (oe = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
         for (var n = "", o = 0; o < arguments.length; o++) {
           var f = arguments[o];
-          f && (n = a(n, s(f)));
+          f && (n = s(n, a(f)));
         }
         return n;
       }
-      function s(n) {
+      function a(n) {
         if (typeof n == "string" || typeof n == "number")
           return n;
         if (typeof n != "object")
@@ -243,65 +261,65 @@ function ze() {
           return n.toString();
         var o = "";
         for (var f in n)
-          t.call(n, f) && n[f] && (o = a(o, f));
+          t.call(n, f) && n[f] && (o = s(o, f));
         return o;
       }
-      function a(n, o) {
+      function s(n, o) {
         return o ? n ? n + " " + o : n + o : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(G)), G.exports;
+  }(Z)), Z.exports;
 }
-var Te = ze();
-const D = /* @__PURE__ */ pe(Te), Le = ["type", "disabled"], Ee = { class: "group-[.is-loading]:text-transparent" }, pt = /* @__PURE__ */ C({
+var Fe = Re();
+const A = /* @__PURE__ */ pe(Fe), We = ["type", "disabled"], Ve = { class: "group-[.is-loading]:text-transparent" }, gt = /* @__PURE__ */ C({
   __name: "Button",
   props: {
     type: { default: "button" },
     loading: { type: Boolean },
-    color: { default: te.Neutral },
+    color: { default: re.Neutral },
     soft: { type: Boolean, default: !1 },
     outline: { type: Boolean, default: !1 },
     disabled: { type: Boolean },
     click: {}
   },
   setup(e) {
-    const t = e, r = Q(
-      () => D(
+    const t = e, r = I(
+      () => A(
         "btn",
         "group",
-        $e.toClassName(t.color),
+        ze.toClassName(t.color),
         t.soft ? "btn-soft" : "",
         t.outline ? "btn-outline" : "",
         t.loading ? "is-loading" : "",
         t.disabled ? "disabled" : ""
       )
     );
-    return (s, a) => (u(), i("button", {
-      onClick: a[0] || (a[0] = (n) => s.click ? s.click : void 0),
-      class: E(r.value),
-      type: s.type,
-      disabled: s.disabled || s.loading
+    return (a, s) => (u(), i("button", {
+      onClick: s[0] || (s[0] = (n) => a.click ? a.click : void 0),
+      class: N(r.value),
+      type: a.type,
+      disabled: a.disabled || a.loading
     }, [
-      a[1] || (a[1] = g("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
-      g("span", Ee, [
-        z(s.$slots, "default")
+      s[1] || (s[1] = h("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
+      h("span", Ve, [
+        T(a.$slots, "default")
       ])
-    ], 10, Le));
+    ], 10, We));
   }
-}), re = (e, t) => {
+}), ae = (e, t) => {
   const r = e.__vccOpts || e;
-  for (const [s, a] of t)
-    r[s] = a;
+  for (const [a, s] of t)
+    r[a] = s;
   return r;
-}, Re = {};
-function Fe(e, t) {
+}, De = {};
+function Oe(e, t) {
   return u(), i("button");
 }
-const bt = /* @__PURE__ */ re(Re, [["render", Fe]]), vt = /* @__PURE__ */ C({
+const yt = /* @__PURE__ */ ae(De, [["render", Oe]]), _t = /* @__PURE__ */ C({
   __name: "Card",
   props: {
-    backgroundColor: { default: te.Primary },
+    backgroundColor: { default: re.Primary },
     shadow: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
     rounded: { type: Boolean },
@@ -309,41 +327,41 @@ const bt = /* @__PURE__ */ re(Re, [["render", Fe]]), vt = /* @__PURE__ */ C({
   },
   setup(e) {
     const t = e, r = $(
-      D(
+      A(
         "card",
-        Be.toClassName(t.backgroundColor),
+        Me.toClassName(t.backgroundColor),
         t.shadow ? "shadow-lg" : "",
         t.fullWidth ? "w-full" : "",
-        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Me.toClassName(t.roundedSize) : ""
+        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Te.toClassName(t.roundedSize) : ""
       )
     );
-    return (s, a) => (u(), i("div", {
-      class: E(r.value)
+    return (a, s) => (u(), i("div", {
+      class: N(r.value)
     }, [
-      z(s.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
-}), We = {}, Oe = { class: "card-body" };
-function Ve(e, t) {
-  return u(), i("div", Oe, [
-    z(e.$slots, "default")
+}), Pe = {}, Ae = { class: "card-body" };
+function qe(e, t) {
+  return u(), i("div", Ae, [
+    T(e.$slots, "default")
   ]);
 }
-const ht = /* @__PURE__ */ re(We, [["render", Ve]]), mt = /* @__PURE__ */ C({
+const xt = /* @__PURE__ */ ae(Pe, [["render", qe]]), wt = /* @__PURE__ */ C({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, r) => (u(), A(Z(t.is), { class: "card-title" }, {
-      default: de(() => [
-        fe(I(t.text), 1)
+    return (t, r) => (u(), q(ee(t.is), { class: "card-title" }, {
+      default: fe(() => [
+        te(X(t.text), 1)
       ]),
       _: 1
     }));
   }
-}), gt = /* @__PURE__ */ C({
+}), St = /* @__PURE__ */ C({
   __name: "Container",
   props: {
     container: { type: Boolean, default: !0 },
@@ -355,169 +373,169 @@ const ht = /* @__PURE__ */ re(We, [["render", Ve]]), mt = /* @__PURE__ */ C({
       //To disable the max width in some cases
       t.padding ? "p-6" : ""
     ]);
-    return (s, a) => (u(), i("div", {
-      class: E(r.value)
+    return (a, s) => (u(), i("div", {
+      class: N(r.value)
     }, [
-      z(s.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
-}), P = (e, t) => String(!e || typeof e != "object" ? e : t.split(".").reduce((r, s) => r && (typeof r == "object" ? r[s] : r), e));
-var j = {}, J = {}, oe;
+}), P = (e, t) => String(!e || typeof e != "object" ? e : t.split(".").reduce((r, a) => r && (typeof r == "object" ? r[a] : r), e));
+var Y = {}, Q = {}, ue;
 function be() {
-  return oe || (oe = 1, function(e) {
-    e.__esModule = !0, e.default = a;
-    var t = /[\u0300-\u036f]/g, r = /ł/g, s = /ñ/g;
-    function a(n) {
-      return n.toLowerCase().normalize("NFD").replace(t, "").replace(r, "l").replace(s, "n").trim();
+  return ue || (ue = 1, function(e) {
+    e.__esModule = !0, e.default = s;
+    var t = /[\u0300-\u036f]/g, r = /ł/g, a = /ñ/g;
+    function s(n) {
+      return n.toLowerCase().normalize("NFD").replace(t, "").replace(r, "l").replace(a, "n").trim();
     }
-  }(J)), J;
+  }(Q)), Q;
 }
-var W = {}, ue;
-function ce() {
-  if (ue) return W;
-  ue = 1, W.__esModule = !0, W.aggressiveFuzzyMatch = h, W.createFuzzySearchImpl = k, W.experimentalSmartFuzzyMatch = T, W.fuzzyMatchImpl = B;
+var V = {}, ce;
+function le() {
+  if (ce) return V;
+  ce = 1, V.__esModule = !0, V.aggressiveFuzzyMatch = p, V.createFuzzySearchImpl = x, V.experimentalSmartFuzzyMatch = M, V.fuzzyMatchImpl = S;
   var e = t(be());
   function t(l) {
     return l && l.__esModule ? l : { default: l };
   }
-  var r = Number.MAX_SAFE_INTEGER, s = function(c, b) {
+  var r = Number.MAX_SAFE_INTEGER, a = function(c, v) {
     return (
       /*: number*/
-      c.score - b.score
+      c.score - v.score
     );
-  }, a = function(c, b) {
+  }, s = function(c, v) {
     return (
       /*: number*/
-      c[0] - b[0]
+      c[0] - v[0]
     );
   }, n = new Set(`  []()-–—'"“”`.split(""));
   function o(l) {
     return n.has(l);
   }
-  function f(l, c, b, _, d, y, v) {
-    if (l === _)
+  function f(l, c, v, w, d, _, m) {
+    if (l === w)
       return [0, [[0, l.length - 1]]];
-    var p = _.length, m = c.length, x = d.length;
+    var b = w.length, g = c.length, k = d.length;
     if (c === d)
-      return [0.1, [[0, m - 1]]];
+      return [0.1, [[0, g - 1]]];
     if (c.startsWith(d))
-      return [0.5, [[0, x - 1]]];
-    var M = l.indexOf(_);
-    if (M > -1 && o(l[M - 1]))
-      return [0.9, [[M, M + p - 1]]];
-    var S = c.indexOf(d);
-    if (S > -1 && o(c[S - 1]))
-      return [1, [[S, S + p - 1]]];
-    var N = y.length;
-    if (N > 1 && y.every(function(F) {
-      return b.has(F);
+      return [0.5, [[0, k - 1]]];
+    var z = l.indexOf(w);
+    if (z > -1 && o(l[z - 1]))
+      return [0.9, [[z, z + b - 1]]];
+    var B = c.indexOf(d);
+    if (B > -1 && o(c[B - 1]))
+      return [1, [[B, B + b - 1]]];
+    var L = _.length;
+    if (L > 1 && _.every(function(W) {
+      return v.has(W);
     })) {
-      var R = 1.5 + N * 0.2;
-      return [R, y.map(function(F) {
-        var V = c.indexOf(F);
-        return [V, V + F.length - 1];
-      }).sort(a)];
+      var F = 1.5 + L * 0.2;
+      return [F, _.map(function(W) {
+        var D = c.indexOf(W);
+        return [D, D + W.length - 1];
+      }).sort(s)];
     }
-    return S > -1 ? [2, [[S, S + p - 1]]] : v === "aggressive" ? h(c, d) : v === "smart" ? T(c, d) : null;
+    return B > -1 ? [2, [[B, B + b - 1]]] : m === "aggressive" ? p(c, d) : m === "smart" ? M(c, d) : null;
   }
-  function h(l, c) {
-    for (var b = l.length, _ = c.length, d = 0, y = c[d], v = [], p = -1, m = -2, x = 0; x < b; x += 1)
-      if (l[x] === y) {
-        if (x !== m + 1 && (p >= 0 && v.push([p, m]), p = x), m = x, d += 1, d === _)
-          return v.push([p, m]), w(v, l);
-        y = c[d];
+  function p(l, c) {
+    for (var v = l.length, w = c.length, d = 0, _ = c[d], m = [], b = -1, g = -2, k = 0; k < v; k += 1)
+      if (l[k] === _) {
+        if (k !== g + 1 && (b >= 0 && m.push([b, g]), b = k), g = k, d += 1, d === w)
+          return m.push([b, g]), y(m, l);
+        _ = c[d];
       }
     return null;
   }
-  function T(l, c) {
-    for (var b = l.length, _ = [], d = 0, y = c[d], v = -1, p = -2; ; ) {
-      var m = l.indexOf(y, p + 1);
-      if (m === -1)
+  function M(l, c) {
+    for (var v = l.length, w = [], d = 0, _ = c[d], m = -1, b = -2; ; ) {
+      var g = l.indexOf(_, b + 1);
+      if (g === -1)
         break;
-      if (m === 0 || o(l[m - 1]))
-        v = m;
+      if (g === 0 || o(l[g - 1]))
+        m = g;
       else {
-        var x = c.length - d, M = l.length - m, S = Math.min(3, x, M), N = c.slice(d, d + S);
-        if (l.slice(m, m + S) === N)
-          v = m;
+        var k = c.length - d, z = l.length - g, B = Math.min(3, k, z), L = c.slice(d, d + B);
+        if (l.slice(g, g + B) === L)
+          m = g;
         else {
-          p += 1;
+          b += 1;
           continue;
         }
       }
-      for (p = v; p < b && l[p] === y; p += 1)
-        d += 1, y = c[d];
-      if (p -= 1, _.push([v, p]), d === c.length)
-        return w(_, l);
+      for (b = m; b < v && l[b] === _; b += 1)
+        d += 1, _ = c[d];
+      if (b -= 1, w.push([m, b]), d === c.length)
+        return y(w, l);
     }
     return null;
   }
-  function w(l, c) {
-    var b = 2;
-    return l.forEach(function(_) {
-      var d = _[0], y = _[1], v = y - d + 1, p = d === 0 || c[d] === " " || c[d - 1] === " ", m = y === c.length - 1 || c[y] === " " || c[y + 1] === " ", x = p && m;
-      x ? b += 0.2 : p ? b += 0.4 : v >= 3 ? b += 0.8 : b += 1.6;
-    }), [b, l];
+  function y(l, c) {
+    var v = 2;
+    return l.forEach(function(w) {
+      var d = w[0], _ = w[1], m = _ - d + 1, b = d === 0 || c[d] === " " || c[d - 1] === " ", g = _ === c.length - 1 || c[_] === " " || c[_ + 1] === " ", k = b && g;
+      k ? v += 0.2 : b ? v += 0.4 : m >= 3 ? v += 0.8 : v += 1.6;
+    }), [v, l];
   }
-  function B(l, c) {
-    var b = (0, e.default)(c), _ = b.split(" "), d = (0, e.default)(l), y = new Set(d.split(" ")), v = f(l, d, y, c, b, _, "smart");
-    return v ? {
+  function S(l, c) {
+    var v = (0, e.default)(c), w = v.split(" "), d = (0, e.default)(l), _ = new Set(d.split(" ")), m = f(l, d, _, c, v, w, "smart");
+    return m ? {
       item: l,
-      score: v[0],
-      matches: [v[1]]
+      score: m[0],
+      matches: [m[1]]
     } : null;
   }
-  function k(l, c) {
-    var b = c.strategy, _ = b === void 0 ? "aggressive" : b, d = c.getText, y = l.map(function(v) {
-      var p;
+  function x(l, c) {
+    var v = c.strategy, w = v === void 0 ? "aggressive" : v, d = c.getText, _ = l.map(function(m) {
+      var b;
       if (d)
-        p = d(v);
+        b = d(m);
       else {
-        var m = c.key ? v[c.key] : v;
-        p = [m];
+        var g = c.key ? m[c.key] : m;
+        b = [g];
       }
-      var x = p.map(function(M) {
-        var S = M || "", N = (0, e.default)(S), R = new Set(N.split(" "));
-        return [S, N, R];
+      var k = b.map(function(z) {
+        var B = z || "", L = (0, e.default)(B), F = new Set(L.split(" "));
+        return [B, L, F];
       });
-      return [v, x];
+      return [m, k];
     });
-    return function(v) {
-      var p = [], m = (0, e.default)(v), x = m.split(" ");
-      return m.length ? (y.forEach(function(M) {
-        for (var S = M[0], N = M[1], R = r, F = [], V = 0, ve = N.length; V < ve; V += 1) {
-          var K = N[V], he = K[0], me = K[1], ge = K[2], H = f(he, me, ge, v, m, x, _);
-          H ? (R = Math.min(R, H[0]), F.push(H[1])) : F.push(null);
+    return function(m) {
+      var b = [], g = (0, e.default)(m), k = g.split(" ");
+      return g.length ? (_.forEach(function(z) {
+        for (var B = z[0], L = z[1], F = r, W = [], D = 0, ve = L.length; D < ve; D += 1) {
+          var j = L[D], me = j[0], he = j[1], ge = j[2], J = f(me, he, ge, m, g, k, w);
+          J ? (F = Math.min(F, J[0]), W.push(J[1])) : W.push(null);
         }
-        R < r && p.push({
-          item: S,
-          score: R,
-          matches: F
+        F < r && b.push({
+          item: B,
+          score: F,
+          matches: W
         });
-      }), p.sort(s), p) : [];
+      }), b.sort(a), b) : [];
     };
   }
-  return W;
+  return V;
 }
-var le;
-function Pe() {
-  return le || (le = 1, function(e) {
-    e.__esModule = !0, e.default = s, e.fuzzyMatch = a;
+var ie;
+function Ie() {
+  return ie || (ie = 1, function(e) {
+    e.__esModule = !0, e.default = a, e.fuzzyMatch = s;
     var t = r(be());
     e.normalizeText = t.default;
     function r(n) {
       return n && n.__esModule ? n : { default: n };
     }
-    function s(n, o) {
-      return o === void 0 && (o = {}), ce().createFuzzySearchImpl(n, o);
-    }
     function a(n, o) {
-      return ce().fuzzyMatchImpl(n, o);
+      return o === void 0 && (o = {}), le().createFuzzySearchImpl(n, o);
     }
-  }(j)), j;
+    function s(n, o) {
+      return le().fuzzyMatchImpl(n, o);
+    }
+  }(Y)), Y;
 }
-var De = Pe();
-const Ae = /* @__PURE__ */ pe(De), qe = { key: 0 }, Ie = { key: 0 }, Xe = ["innerHTML"], Ue = { key: 1 }, Ke = { key: 2 }, ie = /* @__PURE__ */ C({
+var Xe = Ie();
+const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["innerHTML"], je = { key: 1 }, Je = { key: 2 }, de = /* @__PURE__ */ C({
   __name: "TableColumn",
   props: {
     column: {},
@@ -525,35 +543,35 @@ const Ae = /* @__PURE__ */ pe(De), qe = { key: 0 }, Ie = { key: 0 }, Xe = ["inne
     rowIndex: {}
   },
   setup(e) {
-    const t = e, r = Q(() => t.column.render ? t.column.render(P(t.row, t.column.data), t.row) : P(t.row, t.column.data));
-    U(() => {
+    const t = e, r = I(() => t.column.render ? t.column.render(P(t.row, t.column.data), t.row) : P(t.row, t.column.data));
+    H(() => {
       r.value && typeof r.value == "object" && "then" in r.value && console.warn("Async component detected in TableColumn, this may cause issues with rendering.");
     });
-    const s = (n, o) => o.render === void 0 ? {} : o.render(P(n, o.data), n).props, a = (n) => (console.log("getComponent", n), n && typeof n == "object" && "then" in n ? ae(() => n) : typeof n == "function" ? ae(n) : n);
+    const a = (n, o) => o.render === void 0 ? {} : o.render(P(n, o.data), n).props, s = (n) => (console.log("getComponent", n), n && typeof n == "object" && "then" in n ? se(() => n) : typeof n == "function" ? se(n) : n);
     return (n, o) => (u(), i("td", null, [
-      n.column.render ? n.row ? (u(), i(O, { key: 1 }, [
-        r.value ? (u(), i("div", qe, [
-          typeof r.value == "string" ? (u(), i("div", Ie, [
-            g("div", { innerHTML: r.value }, null, 8, Xe)
-          ])) : ye(r.value) ? (u(), i("div", Ue, [
-            (u(), A(Z(r.value)))
-          ])) : (u(), i("div", Ke, [
-            (u(), A(Z(a(r.value.component)), _e(xe(s(n.row, n.column))), null, 16))
+      n.column.render ? n.row ? (u(), i(E, { key: 1 }, [
+        r.value ? (u(), i("div", Ke, [
+          typeof r.value == "string" ? (u(), i("div", He, [
+            h("div", { innerHTML: r.value }, null, 8, Ge)
+          ])) : ye(r.value) ? (u(), i("div", je, [
+            (u(), q(ee(r.value)))
+          ])) : (u(), i("div", Je, [
+            (u(), q(ee(s(r.value.component)), _e(xe(a(n.row, n.column))), null, 16))
           ]))
-        ])) : L("", !0)
-      ], 64)) : L("", !0) : (u(), i(O, { key: 0 }, [
-        fe(I(Y(P)(n.row, n.column.data)), 1)
+        ])) : R("", !0)
+      ], 64)) : R("", !0) : (u(), i(E, { key: 0 }, [
+        te(X(K(P)(n.row, n.column.data)), 1)
       ], 64))
     ]));
   }
-}), He = { key: 0 }, Ge = { key: 1 }, je = { key: 0 }, Je = ["colspan"], Ze = ["onClick"], Ye = { key: 2 }, Qe = { key: 0 }, et = ["colspan"], yt = /* @__PURE__ */ C({
+}), Ze = { key: 0 }, Ye = { key: 1 }, Qe = { key: 0 }, et = ["colspan"], tt = ["onClick"], nt = { key: 2 }, rt = { key: 0 }, at = ["colspan"], kt = /* @__PURE__ */ C({
   __name: "Table",
   props: {
     zebra: { type: Boolean, default: !1 },
     pinRows: { type: Boolean, default: !1 },
     pinCols: { type: Boolean, default: !1 },
     horizontal: { type: Boolean, default: !1 },
-    size: { default: ne.MD },
+    size: { default: G.MD },
     columns: {},
     dataSource: {},
     ajax: {},
@@ -562,197 +580,197 @@ const Ae = /* @__PURE__ */ pe(De), qe = { key: 0 }, Ie = { key: 0 }, Xe = ["inne
     onRowClick: {}
   },
   setup(e) {
-    const t = $([]), r = $([]), s = $(null), a = e, n = $(
-      D("table", Ne.toClassName(a.size), {
-        "table-zebra": a.zebra,
-        "table-pin-rows": a.pinRows,
-        "table-pin-cols	": a.pinCols
+    const t = $([]), r = $([]), a = $(null), s = e, n = $(
+      A("table", Le.toClassName(s.size), {
+        "table-zebra": s.zebra,
+        "table-pin-rows": s.pinRows,
+        "table-pin-cols	": s.pinCols
       })
-    ), o = (h, T) => {
-      a.onRowClick && a.onRowClick(h, T);
+    ), o = (p, M) => {
+      s.onRowClick && s.onRowClick(p, M);
     };
-    U(() => {
-      t.value = a.dataSource, r.value = a.dataSource;
-    }), X(
-      () => a.dataSource,
-      (h) => {
-        console.log("dataSource changed", h), t.value = h, r.value = h;
+    H(() => {
+      t.value = s.dataSource, r.value = s.dataSource;
+    }), U(
+      () => s.dataSource,
+      (p) => {
+        t.value = p, r.value = p;
       },
       { immediate: !0 }
-    ), X(
-      () => a.searchValue,
-      (h) => {
-        if (a.searchFunction) {
-          r.value = a.searchFunction(h ?? "");
+    ), U(
+      () => s.searchValue,
+      (p) => {
+        if (s.searchFunction) {
+          r.value = s.searchFunction(p ?? "");
           return;
         }
-        r.value = h ? f(h) : t.value;
+        r.value = p ? f(p) : t.value;
       },
       { immediate: !0 }
     );
-    const f = (h) => {
-      const T = [];
-      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((B) => {
-        const k = t.value.map((b) => P(b, B)), c = Ae(k)(h);
-        for (const b of c) {
-          const _ = t.value.filter((d) => P(d, B) === b.item);
-          T.push(..._);
+    const f = (p) => {
+      const M = [];
+      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((S) => {
+        const x = t.value.map((v) => P(v, S)), c = Ue(x)(p);
+        for (const v of c) {
+          const w = t.value.filter((d) => P(d, S) === v.item);
+          M.push(...w);
         }
-      }), T) : [];
+      }), M) : [];
     };
-    return (h, T) => (u(), i("table", {
+    return (p, M) => (u(), i("table", {
       ref_key: "table",
-      ref: s,
-      class: E(n.value)
+      ref: a,
+      class: N(n.value)
     }, [
-      h.horizontal ? L("", !0) : (u(), i("thead", He, [
-        g("tr", null, [
-          (u(!0), i(O, null, q(a.columns, (w) => (u(), i("th", {
-            key: w.title
-          }, I(w.title), 1))), 128))
+      p.horizontal ? R("", !0) : (u(), i("thead", Ze, [
+        h("tr", null, [
+          (u(!0), i(E, null, O(s.columns, (y) => (u(), i("th", {
+            key: y.title
+          }, X(y.title), 1))), 128))
         ])
       ])),
-      h.horizontal ? L("", !0) : (u(), i("tbody", Ge, [
-        r.value.length === 0 ? (u(), i("tr", je, [
-          g("td", {
-            colspan: a.columns.length
-          }, "No data found", 8, Je)
-        ])) : (u(!0), i(O, { key: 1 }, q(r.value, (w, B) => (u(), i("tr", {
-          class: E(a.onRowClick ? "hover" : ""),
-          key: JSON.stringify(w),
-          onClick: (k) => o(w, B)
+      p.horizontal ? R("", !0) : (u(), i("tbody", Ye, [
+        r.value.length === 0 ? (u(), i("tr", Qe, [
+          h("td", {
+            colspan: s.columns.length
+          }, "No data found", 8, et)
+        ])) : (u(!0), i(E, { key: 1 }, O(r.value, (y, S) => (u(), i("tr", {
+          class: N(s.onRowClick ? "hover" : ""),
+          key: JSON.stringify(y),
+          onClick: (x) => o(y, S)
         }, [
-          (u(!0), i(O, null, q(a.columns, (k) => (u(), A(ie, {
-            key: k.data,
-            column: k,
-            row: w,
-            rowIndex: B
+          (u(!0), i(E, null, O(s.columns, (x) => (u(), q(de, {
+            key: x.data,
+            column: x,
+            row: y,
+            rowIndex: S
           }, null, 8, ["column", "row", "rowIndex"]))), 128))
-        ], 10, Ze))), 128))
+        ], 10, tt))), 128))
       ])),
-      h.horizontal ? (u(), i("tbody", Ye, [
-        (u(!0), i(O, null, q(a.columns, (w) => (u(), i("tr", {
-          key: w.title
+      p.horizontal ? (u(), i("tbody", nt, [
+        (u(!0), i(E, null, O(s.columns, (y) => (u(), i("tr", {
+          key: y.title
         }, [
-          g("th", null, I(w.title), 1),
-          (u(!0), i(O, null, q(r.value, (B, k) => (u(), A(ie, {
-            key: k,
-            column: w,
-            row: B,
-            rowIndex: k
+          h("th", null, X(y.title), 1),
+          (u(!0), i(E, null, O(r.value, (S, x) => (u(), q(de, {
+            key: x,
+            column: y,
+            row: S,
+            rowIndex: x
           }, null, 8, ["column", "row", "rowIndex"]))), 128))
         ]))), 128)),
-        r.value.length === 0 ? (u(), i("tr", Qe, [
-          g("td", {
-            colspan: a.columns.length + 1,
+        r.value.length === 0 ? (u(), i("tr", rt, [
+          h("td", {
+            colspan: s.columns.length + 1,
             style: { "text-align": "center", padding: "1rem" }
-          }, " No data found ", 8, et)
-        ])) : L("", !0)
-      ])) : L("", !0)
+          }, " No data found ", 8, at)
+        ])) : R("", !0)
+      ])) : R("", !0)
     ], 2));
   }
-}), _t = /* @__PURE__ */ C({
+}), Bt = /* @__PURE__ */ C({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
   setup(e, { expose: t, emit: r }) {
-    const s = e, a = $(s.value), n = r, o = (f) => {
-      a.value = f, n("update:value", f);
+    const a = e, s = $(a.value), n = r, o = (f) => {
+      s.value = f, n("update:value", f);
     };
     return we("stepper", {
-      value: a,
+      value: s,
       updateValue: o
-    }), X(
-      () => s.value,
+    }), U(
+      () => a.value,
       (f) => {
-        a.value = f;
+        s.value = f;
       }
     ), t({
       updateValue: o
-    }), (f, h) => z(f.$slots, "default", { updateValue: o });
+    }), (f, p) => T(f.$slots, "default", { updateValue: o });
   }
-}), xt = /* @__PURE__ */ C({
+}), $t = /* @__PURE__ */ C({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, r = ee("stepper"), s = $("");
-    return X(
+    const t = e, r = ne("stepper"), a = $("");
+    return U(
       () => r?.value.value,
-      (a) => {
-        a && t.value && (s.value = Number(a) >= Number(t.value) ? "step-primary" : "");
+      (s) => {
+        s && t.value && (a.value = Number(s) >= Number(t.value) ? "step-primary" : "");
       }
-    ), U(() => {
-      r && (s.value = r.value.value === t.value ? "step-primary" : "", Number(r.value.value) >= Number(t.value) && (s.value = "step-primary"));
-    }), (a, n) => (u(), i("li", {
-      class: E(["step", s.value])
+    ), H(() => {
+      r && (a.value = r.value.value === t.value ? "step-primary" : "", Number(r.value.value) >= Number(t.value) && (a.value = "step-primary"));
+    }), (s, n) => (u(), i("li", {
+      class: N(["step", a.value])
     }, [
-      z(a.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-}), tt = {}, nt = { class: "steps" };
-function rt(e, t) {
-  return u(), i("ul", nt, [
-    z(e.$slots, "default")
+}), st = {}, ot = { class: "steps" };
+function ut(e, t) {
+  return u(), i("ul", ot, [
+    T(e.$slots, "default")
   ]);
 }
-const wt = /* @__PURE__ */ re(tt, [["render", rt]]), at = { key: 0 }, kt = /* @__PURE__ */ C({
+const Ct = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @__PURE__ */ C({
   __name: "StepPanels",
   setup(e) {
-    const t = ee("stepper");
-    return (r, s) => (u(), A(ke, {
+    const t = ne("stepper");
+    return (r, a) => (u(), q(Se, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: de(() => [
-        Y(t)?.value ? (u(), i("div", at, [
-          z(r.$slots, "default", {
-            currentStep: Y(t)?.value
+      default: fe(() => [
+        K(t)?.value ? (u(), i("div", ct, [
+          T(r.$slots, "default", {
+            currentStep: K(t)?.value
           })
-        ])) : L("", !0)
+        ])) : R("", !0)
       ]),
       _: 3
     }));
   }
-}), st = { key: 0 }, St = /* @__PURE__ */ C({
+}), lt = { key: 0 }, zt = /* @__PURE__ */ C({
   __name: "StepPanel",
   props: {
     value: {}
   },
   setup(e, { expose: t }) {
-    const r = Q(() => s?.value.value), s = ee("stepper"), a = (n) => {
-      s && s.updateValue(n.toString());
+    const r = I(() => a?.value.value), a = ne("stepper"), s = (n) => {
+      a && a.updateValue(n.toString());
     };
     return t({
-      activateCallback: a
-    }), (n, o) => n.value === r.value ? (u(), i("div", st, [
-      z(n.$slots, "default", { activateCallback: a })
-    ])) : L("", !0);
+      activateCallback: s
+    }), (n, o) => n.value === r.value ? (u(), i("div", lt, [
+      T(n.$slots, "default", { activateCallback: s })
+    ])) : R("", !0);
   }
-}), ot = {
+}), it = {
   key: 0,
   method: "dialog"
-}, Bt = /* @__PURE__ */ C({
+}, Nt = /* @__PURE__ */ C({
   __name: "Modal",
   props: {
     closeButton: { type: Boolean, default: !0 },
     overflow: { type: Boolean, default: !1 },
-    closeButtonSize: { default: ne.SM },
+    closeButtonSize: { default: G.SM },
     extraBoxClasses: {}
   },
   emits: ["close"],
   setup(e, { expose: t, emit: r }) {
-    const s = $(null), a = r, n = e, o = $(D("modal-box", n.extraBoxClasses, {
+    const a = $(null), s = r, n = e, o = $(A("modal-box", n.extraBoxClasses, {
       "overflow-visible": n.overflow
     })), f = $(
-      D("modal")
-    ), h = $(
-      D(
+      A("modal")
+    ), p = $(
+      A(
         "btn",
-        Ce.toClassName(n.closeButtonSize),
+        Ne.toClassName(n.closeButtonSize),
         "btn-circle",
         "btn-ghost",
         "absolute",
@@ -762,53 +780,53 @@ const wt = /* @__PURE__ */ re(tt, [["render", rt]]), at = { key: 0 }, kt = /* @_
     );
     return t({
       showModal: () => {
-        s.value?.showModal();
+        a.value?.showModal();
       },
       closeModal: () => {
-        s.value?.close();
+        a.value?.close();
       }
-    }), (B, k) => (u(), i("dialog", {
+    }), (S, x) => (u(), i("dialog", {
       ref_key: "modal",
-      ref: s,
-      class: E([f.value, B.$attrs.class]),
+      ref: a,
+      class: N([f.value, S.$attrs.class]),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: k[0] || (k[0] = (l) => a("close", l))
+      onClose: x[0] || (x[0] = (l) => s("close", l))
     }, [
-      g("div", {
-        class: E(o.value)
+      h("div", {
+        class: N(o.value)
       }, [
-        B.closeButton ? (u(), i("form", ot, [
-          g("button", {
-            class: E(h.value)
+        S.closeButton ? (u(), i("form", it, [
+          h("button", {
+            class: N(p.value)
           }, "✕", 2)
-        ])) : L("", !0),
-        z(B.$slots, "default")
+        ])) : R("", !0),
+        T(S.$slots, "default")
       ], 2),
-      k[1] || (k[1] = g("form", {
+      x[1] || (x[1] = h("form", {
         method: "dialog",
         class: "modal-backdrop"
       }, [
-        g("button", null, "close")
+        h("button", null, "close")
       ], -1))
     ], 34));
   }
-}), ut = { class: "hidden w-full max-w-sm lg:flex" }, ct = { class: "relative mx-3 w-full" }, lt = { class: "relative w-full max-w-full" }, it = ["value"], $t = /* @__PURE__ */ C({
+}), dt = { class: "hidden w-full max-w-sm lg:flex" }, ft = { class: "relative mx-3 w-full" }, pt = { class: "relative w-full max-w-full" }, bt = ["value"], Tt = /* @__PURE__ */ C({
   __name: "SearchBar",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, s = $(null), a = t, n = (o) => {
-      (o.ctrlKey || o.metaKey) && o.key.toLowerCase() === "k" && (o.preventDefault(), s.value && s.value.focus());
+    const r = e, a = $(null), s = t, n = (o) => {
+      (o.ctrlKey || o.metaKey) && o.key.toLowerCase() === "k" && (o.preventDefault(), a.value && a.value.focus());
     };
-    return U(() => {
+    return H(() => {
       document.addEventListener("keydown", n);
-    }), Se(() => {
+    }), ke(() => {
       document.removeEventListener("keydown", n);
-    }), (o, f) => (u(), i("div", ut, [
-      g("label", ct, [
-        f[1] || (f[1] = g("svg", {
+    }), (o, f) => (u(), i("div", dt, [
+      h("label", ft, [
+        f[1] || (f[1] = h("svg", {
           class: "pointer-events-none absolute z-10 my-3.5 ms-4 text-base-content opacity-60",
           "aria-hidden": "true",
           width: "16",
@@ -816,33 +834,90 @@ const wt = /* @__PURE__ */ re(tt, [["render", rt]]), at = { key: 0 }, kt = /* @_
           viewBox: "0.48 0.48 23.04 23.04",
           fill: "currentColor"
         }, [
-          g("path", {
+          h("path", {
             fill: "none",
             d: "M0 0h24v24H0z"
           }),
-          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" })
+          h("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)),
-        g("div", lt, [
-          g("form", null, [
-            g("input", {
+        h("div", pt, [
+          h("form", null, [
+            h("input", {
               ref_key: "searchInput",
-              ref: s,
+              ref: a,
               type: "search",
               placeholder: "Zoeken...",
               value: r.modelValue,
-              onInput: f[0] || (f[0] = (h) => a("update:modelValue", h.target.value)),
+              onInput: f[0] || (f[0] = (p) => s("update:modelValue", p.target.value)),
               class: "color-[inherit] w-full rounded-xl border-[2px] border-solid border-transparent bg-transparent px-3 py-2 ps-10 focus:border-[2px] focus:border-base-200 focus:outline-none"
-            }, null, 40, it)
+            }, null, 40, bt)
           ])
         ]),
-        f[2] || (f[2] = g("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
-          g("kbd", { class: "kbd kbd-sm" }, "ctrl"),
-          g("kbd", { class: "kbd kbd-sm" }, "K")
+        f[2] || (f[2] = h("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
+          h("kbd", { class: "kbd kbd-sm" }, "ctrl"),
+          h("kbd", { class: "kbd kbd-sm" }, "K")
         ], -1))
       ])
     ]));
   }
-}), Ct = [
+}), vt = ["name", "value"], Lt = /* @__PURE__ */ C({
+  __name: "Tabs",
+  props: {
+    box: { type: Boolean, default: !1 },
+    border: { type: Boolean, default: !1 },
+    lift: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    placement: { default: "top" },
+    size: { default: G.MD },
+    items: {},
+    activeTab: { default: 0 }
+  },
+  setup(e, { expose: t }) {
+    const r = Math.random().toString(36).substring(2, 15), a = e, s = I(() => 100 / a.items.length), n = I(() => [
+      "tabs",
+      a.placement === "top" ? "tabs-top" : "tabs-bottom",
+      `${Ee.toClassName(a.size)}`,
+      {
+        "tabs-box": a.box,
+        "tabs-border": a.border,
+        "tabs-lift": a.lift
+      }
+    ]), o = $(a.activeTab ?? 0), f = (p) => {
+      o.value = p;
+    };
+    return U(() => a.activeTab, (p) => {
+      o.value = p;
+    }), t({
+      activeIndex: o,
+      setActiveTab: f
+    }), (p, M) => (u(), i("div", {
+      role: "tablist",
+      class: N(n.value)
+    }, [
+      (u(!0), i(E, null, O(a.items, (y, S) => (u(), i(E, { key: S }, [
+        h("label", {
+          class: "tab",
+          style: Be(a.fullWidth ? { width: s.value + "%" } : {})
+        }, [
+          $e(h("input", {
+            type: "radio",
+            name: K(r),
+            value: S,
+            "onUpdate:modelValue": M[0] || (M[0] = (x) => o.value = x)
+          }, null, 8, vt), [
+            [Ce, o.value]
+          ]),
+          te(" " + X(y.label), 1)
+        ], 4),
+        h("div", {
+          class: N(["tab-content p-6", y.disabled ? "tab-disabled" : ""])
+        }, [
+          T(p.$slots, y.slot)
+        ], 2)
+      ], 64))), 128))
+    ], 2));
+  }
+}), Et = [
   "bg-primary",
   "bg-primary-content",
   "bg-secondary",
@@ -928,28 +1003,30 @@ const wt = /* @__PURE__ */ re(tt, [["render", rt]]), at = { key: 0 }, kt = /* @_
   "block"
 ];
 export {
-  Be as BackgroundColorUtils,
-  pt as Button,
-  $e as ButtonColorUtils,
-  Ce as ButtonSizeUtils,
-  vt as Card,
-  ht as CardBody,
-  mt as CardTitle,
-  te as Color,
-  gt as Container,
-  Bt as Modal,
-  Me as RoundedSizeUtils,
-  $t as SearchBar,
-  bt as SimpleButton,
-  ne as Size,
-  xt as Step,
-  wt as StepList,
-  St as StepPanel,
-  kt as StepPanels,
-  _t as Stepper,
-  yt as Table,
-  Ne as TableSizeUtils,
-  ft as TextColorUtils,
-  Ct as dendelionSafeList,
+  Me as BackgroundColorUtils,
+  gt as Button,
+  ze as ButtonColorUtils,
+  Ne as ButtonSizeUtils,
+  _t as Card,
+  xt as CardBody,
+  wt as CardTitle,
+  re as Color,
+  St as Container,
+  Nt as Modal,
+  Te as RoundedSizeUtils,
+  Tt as SearchBar,
+  yt as SimpleButton,
+  G as Size,
+  $t as Step,
+  Ct as StepList,
+  zt as StepPanel,
+  Mt as StepPanels,
+  Bt as Stepper,
+  kt as Table,
+  Le as TableSizeUtils,
+  Lt as Tabs,
+  Ee as TabsSizeUtils,
+  ht as TextColorUtils,
+  Et as dendelionSafeList,
   P as getValue
 };