dendelion-ui 0.0.20 → 0.0.22

package/dist/dendelion-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as B, computed as Y, createElementBlock as p, openBlock as i, normalizeClass as L, createElementVNode as g, renderSlot as T, ref as S, createBlock as D, resolveDynamicComponent as J, withCtx as ie, createTextVNode as de, toDisplayString as Q, onMounted as I, createCommentVNode as A, Fragment as P, unref as Z, isVNode as he, normalizeProps as ye, guardReactiveProps as _e, defineAsyncComponent as ae, watch as q, renderList as K, provide as xe, inject as ee, Transition as we, 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 ke {
+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 ke {
     }
   }
 }
-class Be {
+class ze {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -96,7 +96,7 @@ class Be {
     }
   }
 }
-class ut {
+class ht {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -144,8 +144,8 @@ class ut {
     }
   }
 }
-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 $e {
+class Te {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -189,7 +189,7 @@ class $e {
     }
   }
 }
-class Me {
+class Le {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -211,28 +211,46 @@ class Me {
     }
   }
 }
-function fe(e) {
+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 H = { exports: {} };
+var Z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var se;
-function Ne() {
-  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 d = arguments[o];
-          d && (n = a(n, s(d)));
+          var f = arguments[o];
+          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")
@@ -242,282 +260,282 @@ function Ne() {
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
         var o = "";
-        for (var d in n)
-          t.call(n, d) && n[d] && (o = a(o, d));
+        for (var f in n)
+          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;
     })();
-  }(H)), H.exports;
+  }(Z)), Z.exports;
 }
-var Te = Ne();
-const V = /* @__PURE__ */ fe(Te), ze = ["type", "disabled"], Le = { class: "group-[.is-loading]:text-transparent" }, ct = /* @__PURE__ */ B({
+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 = Y(
-      () => V(
+    const t = e, r = I(
+      () => A(
         "btn",
         "group",
-        Be.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) => (i(), p("button", {
-      onClick: a[0] || (a[0] = (n) => s.click ? s.click : void 0),
-      class: L(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", Le, [
-        T(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, ze));
+    ], 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;
-}, Ee = {};
-function Re(e, t) {
-  return i(), p("button");
+}, De = {};
+function Oe(e, t) {
+  return u(), i("button");
 }
-const lt = /* @__PURE__ */ re(Ee, [["render", Re]]), it = /* @__PURE__ */ B({
+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 },
     roundedSize: {}
   },
   setup(e) {
-    const t = e, r = S(
-      V(
+    const t = e, r = $(
+      A(
         "card",
-        ke.toClassName(t.backgroundColor),
+        Me.toClassName(t.backgroundColor),
         t.shadow ? "shadow-lg" : "",
         t.fullWidth ? "w-full" : "",
-        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? $e.toClassName(t.roundedSize) : ""
+        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Te.toClassName(t.roundedSize) : ""
       )
     );
-    return (s, a) => (i(), p("div", {
-      class: L(r.value)
+    return (a, s) => (u(), i("div", {
+      class: N(r.value)
     }, [
-      T(s.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
-}), Fe = {}, We = { class: "card-body" };
-function Oe(e, t) {
-  return i(), p("div", We, [
+}), Pe = {}, Ae = { class: "card-body" };
+function qe(e, t) {
+  return u(), i("div", Ae, [
     T(e.$slots, "default")
   ]);
 }
-const dt = /* @__PURE__ */ re(Fe, [["render", Oe]]), ft = /* @__PURE__ */ B({
+const xt = /* @__PURE__ */ ae(Pe, [["render", qe]]), wt = /* @__PURE__ */ C({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, r) => (i(), D(J(t.is), { class: "card-title" }, {
-      default: ie(() => [
-        de(Q(t.text), 1)
+    return (t, r) => (u(), q(ee(t.is), { class: "card-title" }, {
+      default: fe(() => [
+        te(X(t.text), 1)
       ]),
       _: 1
     }));
   }
-}), pt = /* @__PURE__ */ B({
+}), St = /* @__PURE__ */ C({
   __name: "Container",
   props: {
     container: { type: Boolean, default: !0 },
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, r = S([
+    const t = e, r = $([
       t.container ? "container" : "",
       //To disable the max width in some cases
       t.padding ? "p-6" : ""
     ]);
-    return (s, a) => (i(), p("div", {
-      class: L(r.value)
+    return (a, s) => (u(), i("div", {
+      class: N(r.value)
     }, [
-      T(s.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
-}), O = (e, t) => String(!e || typeof e != "object" ? e : t.split(".").reduce((r, s) => r && (typeof r == "object" ? r[s] : r), e));
-var G = {}, j = {}, oe;
-function pe() {
-  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();
+}), 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 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 F = {}, ue;
-function ce() {
-  if (ue) return F;
-  ue = 1, F.__esModule = !0, F.aggressiveFuzzyMatch = h, F.createFuzzySearchImpl = k, F.experimentalSmartFuzzyMatch = z, F.fuzzyMatchImpl = $;
-  var e = t(pe());
-  function t(c) {
-    return c && c.__esModule ? c : { default: c };
+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(u, b) {
+  var r = Number.MAX_SAFE_INTEGER, a = function(c, v) {
     return (
       /*: number*/
-      u.score - b.score
+      c.score - v.score
     );
-  }, a = function(u, b) {
+  }, s = function(c, v) {
     return (
       /*: number*/
-      u[0] - b[0]
+      c[0] - v[0]
     );
   }, n = new Set(`  []()-–—'"“”`.split(""));
-  function o(c) {
-    return n.has(c);
+  function o(l) {
+    return n.has(l);
   }
-  function d(c, u, b, _, l, y, v) {
-    if (c === _)
-      return [0, [[0, c.length - 1]]];
-    var f = _.length, m = u.length, x = l.length;
-    if (u === l)
-      return [0.1, [[0, m - 1]]];
-    if (u.startsWith(l))
-      return [0.5, [[0, x - 1]]];
-    var M = c.indexOf(_);
-    if (M > -1 && o(c[M - 1]))
-      return [0.9, [[M, M + f - 1]]];
-    var w = u.indexOf(l);
-    if (w > -1 && o(u[w - 1]))
-      return [1, [[w, w + f - 1]]];
-    var N = y.length;
-    if (N > 1 && y.every(function(R) {
-      return b.has(R);
+  function f(l, c, v, w, d, _, m) {
+    if (l === w)
+      return [0, [[0, l.length - 1]]];
+    var b = w.length, g = c.length, k = d.length;
+    if (c === d)
+      return [0.1, [[0, g - 1]]];
+    if (c.startsWith(d))
+      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 E = 1.5 + N * 0.2;
-      return [E, y.map(function(R) {
-        var W = u.indexOf(R);
-        return [W, W + R.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 w > -1 ? [2, [[w, w + f - 1]]] : v === "aggressive" ? h(u, l) : v === "smart" ? z(u, l) : null;
+    return B > -1 ? [2, [[B, B + b - 1]]] : m === "aggressive" ? p(c, d) : m === "smart" ? M(c, d) : null;
   }
-  function h(c, u) {
-    for (var b = c.length, _ = u.length, l = 0, y = u[l], v = [], f = -1, m = -2, x = 0; x < b; x += 1)
-      if (c[x] === y) {
-        if (x !== m + 1 && (f >= 0 && v.push([f, m]), f = x), m = x, l += 1, l === _)
-          return v.push([f, m]), C(v, c);
-        y = u[l];
+  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 z(c, u) {
-    for (var b = c.length, _ = [], l = 0, y = u[l], v = -1, f = -2; ; ) {
-      var m = c.indexOf(y, f + 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(c[m - 1]))
-        v = m;
+      if (g === 0 || o(l[g - 1]))
+        m = g;
       else {
-        var x = u.length - l, M = c.length - m, w = Math.min(3, x, M), N = u.slice(l, l + w);
-        if (c.slice(m, m + w) === 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 {
-          f += 1;
+          b += 1;
           continue;
         }
       }
-      for (f = v; f < b && c[f] === y; f += 1)
-        l += 1, y = u[l];
-      if (f -= 1, _.push([v, f]), l === u.length)
-        return C(_, c);
+      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 C(c, u) {
-    var b = 2;
-    return c.forEach(function(_) {
-      var l = _[0], y = _[1], v = y - l + 1, f = l === 0 || u[l] === " " || u[l - 1] === " ", m = y === u.length - 1 || u[y] === " " || u[y + 1] === " ", x = f && m;
-      x ? b += 0.2 : f ? b += 0.4 : v >= 3 ? b += 0.8 : b += 1.6;
-    }), [b, c];
+  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 $(c, u) {
-    var b = (0, e.default)(u), _ = b.split(" "), l = (0, e.default)(c), y = new Set(l.split(" ")), v = d(c, l, y, u, b, _, "smart");
-    return v ? {
-      item: c,
-      score: v[0],
-      matches: [v[1]]
+  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: m[0],
+      matches: [m[1]]
     } : null;
   }
-  function k(c, u) {
-    var b = u.strategy, _ = b === void 0 ? "aggressive" : b, l = u.getText, y = c.map(function(v) {
-      var f;
-      if (l)
-        f = l(v);
+  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)
+        b = d(m);
       else {
-        var m = u.key ? v[u.key] : v;
-        f = [m];
+        var g = c.key ? m[c.key] : m;
+        b = [g];
       }
-      var x = f.map(function(M) {
-        var w = M || "", N = (0, e.default)(w), E = new Set(N.split(" "));
-        return [w, N, E];
+      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 f = [], m = (0, e.default)(v), x = m.split(" ");
-      return m.length ? (y.forEach(function(M) {
-        for (var w = M[0], N = M[1], E = r, R = [], W = 0, be = N.length; W < be; W += 1) {
-          var X = N[W], ve = X[0], me = X[1], ge = X[2], U = d(ve, me, ge, v, m, x, _);
-          U ? (E = Math.min(E, U[0]), R.push(U[1])) : R.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);
         }
-        E < r && f.push({
-          item: w,
-          score: E,
-          matches: R
+        F < r && b.push({
+          item: B,
+          score: F,
+          matches: W
         });
-      }), f.sort(s), f) : [];
+      }), b.sort(a), b) : [];
     };
   }
-  return F;
+  return V;
 }
-var le;
-function Ve() {
-  return le || (le = 1, function(e) {
-    e.__esModule = !0, e.default = s, e.fuzzyMatch = a;
-    var t = r(pe());
+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);
+    }
+    function s(n, o) {
+      return le().fuzzyMatchImpl(n, o);
     }
-  }(G)), G;
+  }(Y)), Y;
 }
-var Pe = Ve();
-const De = /* @__PURE__ */ fe(Pe), Ae = { key: 0 }, qe = { key: 0 }, Ie = ["innerHTML"], Xe = { key: 1 }, Ue = { key: 2 }, Ke = /* @__PURE__ */ B({
+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,34 +543,35 @@ const De = /* @__PURE__ */ fe(Pe), Ae = { key: 0 }, qe = { key: 0 }, Ie = ["inne
     rowIndex: {}
   },
   setup(e) {
-    const t = e, r = Y(() => t.column.render ? t.column.render(O(t.row, t.column.data), t.row) : O(t.row, t.column.data));
-    I(() => {
+    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(O(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);
-    return (n, o) => (i(), p("td", null, [
-      n.column.render ? n.row ? (i(), p(P, { key: 1 }, [
-        r.value ? (i(), p("div", Ae, [
-          typeof r.value == "string" ? (i(), p("div", qe, [
-            g("div", { innerHTML: r.value }, null, 8, Ie)
-          ])) : he(r.value) ? (i(), p("div", Xe, [
-            (i(), D(J(r.value)))
-          ])) : (i(), p("div", Ue, [
-            (i(), D(J(a(r.value.component)), ye(_e(s(n.row, n.column))), null, 16))
+    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(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))
           ]))
-        ])) : A("", !0)
-      ], 64)) : A("", !0) : (i(), p(P, { key: 0 }, [
-        de(Q(Z(O)(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 = ["colspan"], je = ["onClick"], bt = /* @__PURE__ */ B({
+}), 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 },
-    size: { default: ne.MD },
+    horizontal: { type: Boolean, default: !1 },
+    size: { default: G.MD },
     columns: {},
     dataSource: {},
     ajax: {},
@@ -561,178 +580,197 @@ const De = /* @__PURE__ */ fe(Pe), Ae = { key: 0 }, qe = { key: 0 }, Ie = ["inne
     onRowClick: {}
   },
   setup(e) {
-    const t = S([]), r = S([]), s = S(null), a = e, n = S(
-      V("table", Me.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, z) => {
-      a.onRowClick && a.onRowClick(h, z);
+    ), o = (p, M) => {
+      s.onRowClick && s.onRowClick(p, M);
     };
-    I(() => {
-      t.value = a.dataSource, r.value = a.dataSource;
-    }), q(
-      () => 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 }
-    ), q(
-      () => 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 ? d(h) : t.value;
+        r.value = p ? f(p) : t.value;
       },
       { immediate: !0 }
     );
-    const d = (h) => {
-      const z = [];
-      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach(($) => {
-        const k = t.value.map((b) => O(b, $)), u = De(k)(h);
-        for (const b of u) {
-          const _ = t.value.filter((l) => O(l, $) === b.item);
-          z.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);
         }
-      }), z) : [];
+      }), M) : [];
     };
-    return (h, z) => (i(), p("table", {
+    return (p, M) => (u(), i("table", {
       ref_key: "table",
-      ref: s,
-      class: L(n.value)
+      ref: a,
+      class: N(n.value)
     }, [
-      g("thead", null, [
-        g("tr", null, [
-          (i(!0), p(P, null, K(a.columns, (C) => (i(), p("th", {
-            key: C.title
-          }, Q(C.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))
         ])
-      ]),
-      g("tbody", null, [
-        r.value.length === 0 ? (i(), p("tr", He, [
-          g("td", {
-            colspan: a.columns.length
-          }, "No data found", 8, Ge)
-        ])) : (i(!0), p(P, { key: 1 }, K(r.value, (C, $) => (i(), p("tr", {
-          class: L(a.onRowClick ? "hover" : ""),
-          key: JSON.stringify(C),
-          onClick: (k) => o(C, $)
+      ])),
+      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)
         }, [
-          (i(!0), p(P, null, K(a.columns, (k) => (i(), D(Ke, {
-            key: k.data,
-            column: k,
-            row: C,
-            rowIndex: $
+          (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, je))), 128))
-      ])
+        ], 10, tt))), 128))
+      ])),
+      p.horizontal ? (u(), i("tbody", nt, [
+        (u(!0), i(E, null, O(s.columns, (y) => (u(), i("tr", {
+          key: y.title
+        }, [
+          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", rt, [
+          h("td", {
+            colspan: s.columns.length + 1,
+            style: { "text-align": "center", padding: "1rem" }
+          }, " No data found ", 8, at)
+        ])) : R("", !0)
+      ])) : R("", !0)
     ], 2));
   }
-}), vt = /* @__PURE__ */ B({
+}), Bt = /* @__PURE__ */ C({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
   setup(e, { expose: t, emit: r }) {
-    const s = e, a = S(s.value), n = r, o = (d) => {
-      a.value = d, n("update:value", d);
+    const a = e, s = $(a.value), n = r, o = (f) => {
+      s.value = f, n("update:value", f);
     };
-    return xe("stepper", {
-      value: a,
+    return we("stepper", {
+      value: s,
       updateValue: o
-    }), q(
-      () => s.value,
-      (d) => {
-        a.value = d;
+    }), U(
+      () => a.value,
+      (f) => {
+        s.value = f;
       }
     ), t({
       updateValue: o
-    }), (d, h) => T(d.$slots, "default", { updateValue: o });
+    }), (f, p) => T(f.$slots, "default", { updateValue: o });
   }
-}), mt = /* @__PURE__ */ B({
+}), $t = /* @__PURE__ */ C({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, r = ee("stepper"), s = S("");
-    return q(
+    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" : "");
       }
-    ), I(() => {
-      r && (s.value = r.value.value === t.value ? "step-primary" : "", Number(r.value.value) >= Number(t.value) && (s.value = "step-primary"));
-    }), (a, n) => (i(), p("li", {
-      class: L(["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])
     }, [
-      T(a.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-}), Je = {}, Ze = { class: "steps" };
-function Ye(e, t) {
-  return i(), p("ul", Ze, [
+}), st = {}, ot = { class: "steps" };
+function ut(e, t) {
+  return u(), i("ul", ot, [
     T(e.$slots, "default")
   ]);
 }
-const gt = /* @__PURE__ */ re(Je, [["render", Ye]]), Qe = { key: 0 }, ht = /* @__PURE__ */ B({
+const Ct = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @__PURE__ */ C({
   __name: "StepPanels",
   setup(e) {
-    const t = ee("stepper");
-    return (r, s) => (i(), D(we, {
+    const t = ne("stepper");
+    return (r, a) => (u(), q(Se, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: ie(() => [
-        Z(t)?.value ? (i(), p("div", Qe, [
+      default: fe(() => [
+        K(t)?.value ? (u(), i("div", ct, [
           T(r.$slots, "default", {
-            currentStep: Z(t)?.value
+            currentStep: K(t)?.value
           })
-        ])) : A("", !0)
+        ])) : R("", !0)
       ]),
       _: 3
     }));
   }
-}), et = { key: 0 }, yt = /* @__PURE__ */ B({
+}), lt = { key: 0 }, zt = /* @__PURE__ */ C({
   __name: "StepPanel",
   props: {
     value: {}
   },
   setup(e, { expose: t }) {
-    const r = Y(() => 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 ? (i(), p("div", et, [
-      T(n.$slots, "default", { activateCallback: a })
-    ])) : A("", !0);
+      activateCallback: s
+    }), (n, o) => n.value === r.value ? (u(), i("div", lt, [
+      T(n.$slots, "default", { activateCallback: s })
+    ])) : R("", !0);
   }
-}), tt = {
+}), it = {
   key: 0,
   method: "dialog"
-}, _t = /* @__PURE__ */ B({
+}, 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 = S(null), a = r, n = e, o = S(V("modal-box", n.extraBoxClasses, {
+    const a = $(null), s = r, n = e, o = $(A("modal-box", n.extraBoxClasses, {
       "overflow-visible": n.overflow
-    })), d = S(
-      V("modal")
-    ), h = S(
-      V(
+    })), f = $(
+      A("modal")
+    ), p = $(
+      A(
         "btn",
-        Ce.toClassName(n.closeButtonSize),
+        Ne.toClassName(n.closeButtonSize),
         "btn-circle",
         "btn-ghost",
         "absolute",
@@ -742,53 +780,53 @@ const gt = /* @__PURE__ */ re(Je, [["render", Ye]]), Qe = { key: 0 }, ht = /* @_
     );
     return t({
       showModal: () => {
-        s.value?.showModal();
+        a.value?.showModal();
       },
       closeModal: () => {
-        s.value?.close();
+        a.value?.close();
       }
-    }), ($, k) => (i(), p("dialog", {
+    }), (S, x) => (u(), i("dialog", {
       ref_key: "modal",
-      ref: s,
-      class: L([d.value, $.$attrs.class]),
+      ref: a,
+      class: N([f.value, S.$attrs.class]),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: k[0] || (k[0] = (c) => a("close", c))
+      onClose: x[0] || (x[0] = (l) => s("close", l))
     }, [
-      g("div", {
-        class: L(o.value)
+      h("div", {
+        class: N(o.value)
       }, [
-        $.closeButton ? (i(), p("form", tt, [
-          g("button", {
-            class: L(h.value)
+        S.closeButton ? (u(), i("form", it, [
+          h("button", {
+            class: N(p.value)
           }, "✕", 2)
-        ])) : A("", !0),
-        T($.$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));
   }
-}), nt = { class: "hidden w-full max-w-sm lg:flex" }, rt = { class: "relative mx-3 w-full" }, at = { class: "relative w-full max-w-full" }, st = ["value"], xt = /* @__PURE__ */ B({
+}), 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 = 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 I(() => {
+    return H(() => {
       document.addEventListener("keydown", n);
-    }), Se(() => {
+    }), ke(() => {
       document.removeEventListener("keydown", n);
-    }), (o, d) => (i(), p("div", nt, [
-      g("label", rt, [
-        d[1] || (d[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",
@@ -796,33 +834,90 @@ const gt = /* @__PURE__ */ re(Je, [["render", Ye]]), Qe = { key: 0 }, ht = /* @_
           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", at, [
-          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: d[0] || (d[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, st)
+            }, null, 40, bt)
           ])
         ]),
-        d[2] || (d[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))
       ])
     ]));
   }
-}), wt = [
+}), 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",
@@ -908,28 +1003,30 @@ const gt = /* @__PURE__ */ re(Je, [["render", Ye]]), Qe = { key: 0 }, ht = /* @_
   "block"
 ];
 export {
-  ke as BackgroundColorUtils,
-  ct as Button,
-  Be as ButtonColorUtils,
-  Ce as ButtonSizeUtils,
-  it as Card,
-  dt as CardBody,
-  ft as CardTitle,
-  te as Color,
-  pt as Container,
-  _t as Modal,
-  $e as RoundedSizeUtils,
-  xt as SearchBar,
-  lt as SimpleButton,
-  ne as Size,
-  mt as Step,
-  gt as StepList,
-  yt as StepPanel,
-  ht as StepPanels,
-  vt as Stepper,
-  bt as Table,
-  Me as TableSizeUtils,
-  ut as TextColorUtils,
-  wt as dendelionSafeList,
-  O as getValue
+  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
 };