zabi-components 1.0.2 → 1.0.4

package/dist/Tabs-CQvsdYPW.js

@@ -0,0 +1,863 @@
+import { t as I, Q as ze, R as Ce, S as Me, T as je, U as ue, p as M, C as se, D as ye, i as oe, f as _, c as j, s as fe, g as c, h as ie, j as ve, r as y, o as k, n as i, u as r, l as e, m as N, q as ee, v as H, k as x, e as te, B as Z, V as Te, w as re, b as J, d as be, W as ne, P as Le, E as xe, Y as he, a as Ue, G as Be, Z as _e, x as qe, F as De, y as Ee, A as Pe } from "./x-DpVwziig.js";
+import { createEventDispatcher as de, onMount as Ie, onDestroy as Se } from "svelte";
+import { B as le, T as Ae, S as Fe, C as Re, c as Oe, a as Ve, b as He, I as Ke } from "./Toggle-DuPArdKN.js";
+function Ne(W, v, n = !1, d = !1, w = !1) {
+  var o = W, D = "";
+  I(() => {
+    var f = (
+      /** @type {Effect} */
+      ze
+    );
+    if (D !== (D = v() ?? "") && (f.nodes_start !== null && (Ce(
+      f.nodes_start,
+      /** @type {TemplateNode} */
+      f.nodes_end
+    ), f.nodes_start = f.nodes_end = null), D !== "")) {
+      var t = D + "";
+      n ? t = `<svg>${t}</svg>` : d && (t = `<math>${t}</math>`);
+      var h = Me(t);
+      if ((n || d) && (h = /** @type {Element} */
+      ue(h)), je(
+        /** @type {TemplateNode} */
+        ue(h),
+        /** @type {TemplateNode} */
+        h.lastChild
+      ), n || d)
+        for (; ue(h); )
+          o.before(
+            /** @type {Node} */
+            ue(h)
+          );
+      else
+        o.before(h);
+    }
+  });
+}
+var We = _('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center justify-center rounded-full text-secondary hover:text-primary transition-colors duration-200 motion-reduce:transition-none group focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2" aria-label="Dismiss alert" type="button"><svg class="w-4 h-4 text-current group-hover:scale-110 transition-transform duration-200 motion-reduce:transition-none" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Ge = _('<h4 class="font-semibold text-sm mb-1"> </h4>'), Qe = _('<p class="text-sm leading-relaxed"> </p>'), Ye = _('<div aria-atomic="true"><!> <div><div class="flex-shrink-0 mt-0.5"><!></div> <div class="flex-1 min-w-0"><!> <!></div></div> <!></div>');
+function $t(W, v) {
+  ve(v, !1);
+  const n = N(), d = N(), w = N();
+  let o = M(v, "variant", 8, "info"), D = M(v, "title", 8, ""), f = M(v, "message", 8, ""), t = M(v, "closable", 8, !1), h = M(v, "className", 8, "");
+  const $ = de();
+  function F() {
+    $("close");
+  }
+  se(() => {
+  }, () => {
+    x(n, {
+      info: "bg-info-light text-info-dark border border-info",
+      success: "bg-success-light text-success-dark border border-success",
+      warning: "bg-warning-light text-warning-dark border border-warning",
+      error: "bg-error-light text-error-dark border border-error",
+      "game-error": "bg-error-light text-error-dark border border-error"
+    });
+  }), se(() => y(o()), () => {
+    x(d, o() === "success" || o() === "info" ? "status" : "alert");
+  }), se(() => {
+  }, () => {
+    x(w, {
+      info: `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
+        </svg>`,
+      success: `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
+        </svg>`,
+      warning: `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
+        </svg>`,
+      error: `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
+        </svg>`,
+      "game-error": `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
+        </svg>`
+    });
+  }), ye(), oe();
+  var z = Ye(), E = i(z);
+  {
+    var O = (s) => {
+      var l = We();
+      te("click", l, F), c(s, l);
+    };
+    j(E, (s) => {
+      t() && s(O);
+    });
+  }
+  var K = k(E, 2), b = i(K), T = i(b);
+  Ne(T, () => (e(w), y(o()), r(() => e(w)[o()])));
+  var L = k(b, 2), U = i(L);
+  {
+    var B = (s) => {
+      var l = Ge(), u = i(l);
+      I(() => Z(u, D())), c(s, l);
+    };
+    j(U, (s) => {
+      D() && s(B);
+    });
+  }
+  var Y = k(U, 2);
+  {
+    var p = (s) => {
+      var l = Qe(), u = i(l);
+      I(() => Z(u, f())), c(s, l);
+    };
+    j(Y, (s) => {
+      f() && s(p);
+    });
+  }
+  var a = k(K, 2);
+  fe(a, v, "default", {}, null), I(() => {
+    ee(z, 1, `relative rounded-md p-4 border ${e(n), y(o()), r(() => e(n)[o()]) ?? ""} transition-all duration-200 motion-reduce:transition-none ${h() ?? ""}`), H(z, "role", e(d)), H(z, "aria-live", o() === "success" || o() === "info" ? "polite" : "assertive"), ee(K, 1, `flex items-start gap-3 ${t() ? "pr-8" : ""}`);
+  }), c(W, z), ie();
+}
+var Ze = _('<button type="button" class="text-tertiary hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary rounded-lg p-1 transition-colors" aria-label="Close dialog"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Je = _('<div class="flex items-center justify-end gap-3 p-6 border-t border-primary bg-surface-secondary"><!></div>'), Xe = _('<div class="fixed inset-0 bg-black/60 backdrop-blur-sm z-modal-backdrop flex items-center justify-center p-4" role="presentation" tabindex="-1"><div class="bg-surface-elevated rounded-xl shadow-adaptive-xl max-w-md w-full max-h-[90vh] overflow-y-auto border border-primary focus:outline-none" role="dialog" aria-modal="true" aria-labelledby="dialog-title" tabindex="-1"><div class="flex items-center justify-between p-6 border-b border-primary"><h2 id="dialog-title" class="text-xl font-semibold text-primary"> </h2> <!></div> <div class="p-6 text-primary"><!></div> <!></div></div>');
+function et(W, v) {
+  const n = Te(v);
+  ve(v, !1);
+  let d = M(v, "isOpen", 12, !1), w = M(v, "title", 8, ""), o = M(v, "showCloseButton", 8, !0);
+  const D = de();
+  let f = N(), t = N(null);
+  function h() {
+    d(!1), D("close");
+  }
+  function $(b) {
+    b.target === b.currentTarget && h();
+  }
+  function F(b) {
+    b.key === "Escape" && h();
+  }
+  function z(b) {
+    var B;
+    if (!d()) return;
+    const T = (B = e(f)) == null ? void 0 : B.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    if (!T.length) return;
+    const L = T[0], U = T[T.length - 1];
+    b.key === "Tab" && (b.shiftKey ? document.activeElement === L && (b.preventDefault(), U.focus()) : document.activeElement === U && (b.preventDefault(), L.focus()));
+  }
+  Ie(() => () => {
+    e(t) && e(t).focus();
+  }), se(() => (y(d()), e(f)), () => {
+    d() && (x(t, document.activeElement), setTimeout(
+      () => {
+        var T;
+        const b = (T = e(f)) == null ? void 0 : T.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        b == null || b.focus();
+      },
+      0
+    ));
+  }), ye(), oe();
+  var E = re(), O = J(E);
+  {
+    var K = (b) => {
+      var T = Xe(), L = i(T), U = i(L), B = i(U), Y = i(B), p = k(B, 2);
+      {
+        var a = (g) => {
+          var m = Ze();
+          te("click", m, h), c(g, m);
+        };
+        j(p, (g) => {
+          o() && g(a);
+        });
+      }
+      var s = k(U, 2), l = i(s);
+      fe(l, v, "default", {}, null);
+      var u = k(s, 2);
+      {
+        var S = (g) => {
+          var m = Je(), q = i(m);
+          fe(q, v, "footer", {}, null), c(g, m);
+        };
+        j(u, (g) => {
+          r(() => n.footer) && g(S);
+        });
+      }
+      be(L, (g) => x(f, g), () => e(f)), I(() => Z(Y, w())), te("keydown", L, z), te("click", T, $), te("keydown", T, F), c(b, T);
+    };
+    j(O, (b) => {
+      d() && b(K);
+    });
+  }
+  c(W, E), ie();
+}
+var tt = _('<div class="relative group"><img alt="" class="w-full h-32 object-cover rounded-lg border border-stone-600"/> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg flex items-center justify-center"><div class="flex gap-2"><!> <!></div></div></div>'), at = _('<div class="border-2 border-dashed border-stone-600 rounded-lg p-6 text-center hover:border-stone-500 transition-colors"><div class="space-y-3"><div class="w-12 h-12 mx-auto bg-stone-700 rounded-lg flex items-center justify-center"><svg class="w-6 h-6 text-stone-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div> <div><p class="text-stone-300 font-medium"> </p> <p class="text-stone-500 text-sm">Choose a file to upload</p></div> <div class="flex gap-2 justify-center"><!></div></div></div>'), rt = _('<div class="space-y-3"><div class="text-sm font-medium text-stone-300">Choose File</div> <input type="file" class="block w-full text-sm text-stone-300 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-blue-900/30 file:text-blue-300 hover:file:bg-blue-900/50"/> <p class="text-xs text-stone-500"> </p></div>'), st = _('<img alt="Preview" class="w-full h-48 object-cover rounded-lg border border-stone-600"/>'), nt = _('<div class="w-full h-48 bg-stone-700 rounded-lg border border-stone-600 flex items-center justify-center"><div class="text-center"><svg class="w-12 h-12 text-stone-400 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg> <p class="text-stone-300 text-sm"> </p></div></div>'), lt = _('<div class="absolute inset-0 bg-black/50 flex items-center justify-center rounded-lg"><div class="text-center"><div class="w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-2"></div> <p class="text-white text-sm">Uploading...</p></div></div>'), ot = _('<div class="space-y-2"><div class="flex justify-between text-sm text-stone-400"><span>Uploading...</span> <span> </span></div> <div class="w-full bg-stone-700 rounded-full h-2"><div class="bg-blue-500 h-2 rounded-full transition-all duration-300"></div></div></div>'), it = _('<div class="space-y-4"><div class="relative"><!> <!></div> <!></div>'), vt = _('<div class="space-y-4"><!></div>'), dt = _("<!> <!>", 1), ct = _('<div class="space-y-3"><!> <!></div>');
+function zt(W, v) {
+  ve(v, !1);
+  let n = M(v, "value", 12, null), d = M(v, "disabled", 8, !1), w = M(v, "accept", 8, "image/*"), o = M(
+    v,
+    "maxSize",
+    8,
+    5 * 1024 * 1024
+    // 5MB default
+  ), D = M(v, "placeholder", 8, "No image selected");
+  const f = de();
+  let t = N(!1), h = N(null), $ = N(null), F = N(!1), z = N(0);
+  function E(a) {
+    const s = a.target;
+    if (!s.files || s.files.length === 0) return;
+    const l = s.files, u = l[0];
+    if (u.size > o()) {
+      f("error", {
+        message: `File size must be less than ${Math.round(o() / 1024 / 1024)}MB`
+      });
+      return;
+    }
+    if (w() !== "*" && !u.type.match(w().replace("*", ".*"))) {
+      f("error", { message: "Please select a valid file type" });
+      return;
+    }
+    x(h, u), x($, URL.createObjectURL(u)), f("upload", { files: l });
+  }
+  async function O() {
+    if (!(!e(h) || !e($))) {
+      x(F, !0), x(z, 0);
+      try {
+        const a = setInterval(
+          () => {
+            e(z) < 90 && x(z, e(z) + Math.random() * 10);
+          },
+          200
+        );
+        await new Promise((s) => setTimeout(s, 1e3)), clearInterval(a), x(z, 100), n(e($)), f("change", { value: e($) }), x(t, !1), b();
+      } catch (a) {
+        f("error", { message: `Upload failed: ${a}` });
+      } finally {
+        x(F, !1), x(z, 0);
+      }
+    }
+  }
+  function K() {
+    n(null), f("change", { value: null });
+  }
+  function b() {
+    x(h, null), e($) && (URL.revokeObjectURL(e($)), x($, null)), x(z, 0);
+  }
+  function T() {
+    e($) && (URL.revokeObjectURL(e($)), x($, null));
+  }
+  Se(() => {
+    T();
+  }), oe();
+  var L = ct(), U = i(L);
+  {
+    var B = (a) => {
+      var s = tt(), l = i(s), u = k(l, 2), S = i(u), g = i(S);
+      le(g, {
+        variant: "secondary",
+        size: "sm",
+        get disabled() {
+          return d();
+        },
+        $$events: { click: () => x(t, !0) },
+        children: (q, A) => {
+          var R = ne("Change");
+          c(q, R);
+        },
+        $$slots: { default: !0 }
+      });
+      var m = k(g, 2);
+      le(m, {
+        variant: "danger",
+        size: "sm",
+        get disabled() {
+          return d();
+        },
+        $$events: { click: K },
+        children: (q, A) => {
+          var R = ne("Remove");
+          c(q, R);
+        },
+        $$slots: { default: !0 }
+      }), I(() => H(l, "src", n())), c(a, s);
+    }, Y = (a) => {
+      var s = at(), l = i(s), u = k(i(l), 2), S = i(u), g = i(S), m = k(u, 2), q = i(m);
+      le(q, {
+        variant: "primary",
+        size: "sm",
+        get disabled() {
+          return d();
+        },
+        $$events: { click: () => x(t, !0) },
+        children: (A, R) => {
+          var V = ne("Upload File");
+          c(A, V);
+        },
+        $$slots: { default: !0 }
+      }), I(() => Z(g, D())), c(a, s);
+    };
+    j(U, (a) => {
+      n() ? a(B) : a(Y, !1);
+    });
+  }
+  var p = k(U, 2);
+  et(p, {
+    title: "Upload File",
+    get isOpen() {
+      return e(t);
+    },
+    set isOpen(a) {
+      x(t, a);
+    },
+    $$events: {
+      close: () => {
+        x(t, !1), b();
+      }
+    },
+    children: (a, s) => {
+      var l = vt(), u = i(l);
+      {
+        var S = (m) => {
+          var q = rt(), A = k(i(q), 2), R = k(A, 2), V = i(R);
+          I(
+            (C) => {
+              H(A, "accept", w()), Z(V, `Max size: ${C ?? ""}MB`);
+            },
+            [
+              () => (y(o()), r(() => Math.round(o() / 1024 / 1024)))
+            ]
+          ), te("change", A, E), c(m, q);
+        }, g = (m) => {
+          var q = it(), A = i(q), R = i(A);
+          {
+            var V = (P) => {
+              var Q = st();
+              I(() => H(Q, "src", e($))), c(P, Q);
+            }, C = (P) => {
+              var Q = nt(), ce = i(Q), ge = k(i(ce), 2), me = i(ge);
+              I(() => Z(me, (e(h), r(() => e(h).name)))), c(P, Q);
+            };
+            j(R, (P) => {
+              e(h), r(() => e(h).type.startsWith("image/")) ? P(V) : P(C, !1);
+            });
+          }
+          var G = k(R, 2);
+          {
+            var ae = (P) => {
+              var Q = lt();
+              c(P, Q);
+            };
+            j(G, (P) => {
+              e(F) && P(ae);
+            });
+          }
+          var pe = k(A, 2);
+          {
+            var X = (P) => {
+              var Q = ot(), ce = i(Q), ge = k(i(ce), 2), me = i(ge), ke = k(ce, 2), we = i(ke);
+              I(
+                ($e) => {
+                  Z(me, `${$e ?? ""}%`), Le(we, `width: ${e(z) ?? ""}%`);
+                },
+                [
+                  () => (e(z), r(() => Math.round(e(z))))
+                ]
+              ), c(P, Q);
+            };
+            j(pe, (P) => {
+              e(F) && P(X);
+            });
+          }
+          c(m, q);
+        };
+        j(u, (m) => {
+          e(h) ? m(g, !1) : m(S);
+        });
+      }
+      c(a, l);
+    },
+    $$slots: {
+      default: !0,
+      footer: (a, s) => {
+        var l = dt(), u = J(l);
+        le(u, {
+          variant: "secondary",
+          $$events: {
+            click: () => {
+              x(t, !1), b();
+            }
+          },
+          children: (m, q) => {
+            var A = ne("Cancel");
+            c(m, A);
+          },
+          $$slots: { default: !0 }
+        });
+        var S = k(u, 2);
+        {
+          var g = (m) => {
+            le(m, {
+              variant: "primary",
+              get disabled() {
+                return e(F);
+              },
+              get loading() {
+                return e(F);
+              },
+              $$events: { click: O },
+              children: (q, A) => {
+                var R = ne();
+                I(() => Z(R, e(F) ? "Uploading..." : "Upload File")), c(q, R);
+              },
+              $$slots: { default: !0 }
+            });
+          };
+          j(S, (m) => {
+            e(h) && m(g);
+          });
+        }
+        c(a, l);
+      }
+    },
+    $$legacy: !0
+  }), c(W, L), ie();
+}
+var ut = _("<div><!></div>"), ft = _('<div class="flex flex-wrap gap-4"></div>');
+function Ct(W, v) {
+  ve(v, !1);
+  let n = M(v, "values", 28, () => ({})), d = M(v, "fields", 24, () => []);
+  const w = de();
+  function o(f) {
+    const t = f.detail;
+    t && typeof t == "object" && w("input", t);
+  }
+  oe();
+  var D = ft();
+  xe(D, 5, d, (f) => f.key, (f, t) => {
+    var h = ut(), $ = i(h);
+    {
+      var F = (E) => {
+        {
+          let O = he(() => (e(t), r(() => e(t).rows || 3)));
+          Ae(E, {
+            get label() {
+              return e(t), r(() => e(t).label);
+            },
+            get placeholder() {
+              return e(t), r(() => e(t).placeholder);
+            },
+            get rows() {
+              return e(O);
+            },
+            get required() {
+              return e(t), r(() => e(t).required);
+            },
+            size: "sm",
+            variant: "outlined",
+            get value() {
+              return n()[e(t).key];
+            },
+            set value(K) {
+              n(n()[e(t).key] = K, !0);
+            },
+            $$events: { input: o, change: o },
+            $$legacy: !0
+          });
+        }
+      }, z = (E) => {
+        var O = re(), K = J(O);
+        {
+          var b = (L) => {
+            {
+              let U = he(() => (e(t), r(() => e(t).options || [])));
+              Fe(L, {
+                get options() {
+                  return e(U);
+                },
+                get label() {
+                  return e(t), r(() => e(t).label);
+                },
+                get placeholder() {
+                  return e(t), r(() => e(t).placeholder);
+                },
+                get required() {
+                  return e(t), r(() => e(t).required);
+                },
+                size: "sm",
+                variant: "outlined",
+                get value() {
+                  return n()[e(t).key];
+                },
+                set value(B) {
+                  n(n()[e(t).key] = B, !0);
+                },
+                $$events: { input: o, change: o },
+                $$legacy: !0
+              });
+            }
+          }, T = (L) => {
+            var U = re(), B = J(U);
+            {
+              var Y = (a) => {
+                Re(a, {
+                  get label() {
+                    return e(t), r(() => e(t).label);
+                  },
+                  get required() {
+                    return e(t), r(() => e(t).required);
+                  },
+                  size: "sm",
+                  variant: "outlined",
+                  get checked() {
+                    return n()[e(t).key];
+                  },
+                  set checked(s) {
+                    n(n()[e(t).key] = s, !0);
+                  },
+                  $$events: { input: o, change: o },
+                  $$legacy: !0
+                });
+              }, p = (a) => {
+                var s = re(), l = J(s);
+                {
+                  var u = (g) => {
+                    Oe(g, {
+                      get label() {
+                        return e(t), r(() => e(t).label);
+                      },
+                      get checked() {
+                        return n()[e(t).key];
+                      },
+                      set checked(m) {
+                        n(n()[e(t).key] = m, !0);
+                      },
+                      $$events: { input: o, change: o },
+                      $$legacy: !0
+                    });
+                  }, S = (g) => {
+                    var m = re(), q = J(m);
+                    {
+                      var A = (V) => {
+                        Ve(V, {
+                          get label() {
+                            return e(t), r(() => e(t).label);
+                          },
+                          get required() {
+                            return e(t), r(() => e(t).required);
+                          },
+                          size: "sm",
+                          variant: "outlined",
+                          get value() {
+                            return n()[e(t).key];
+                          },
+                          set value(C) {
+                            n(n()[e(t).key] = C, !0);
+                          },
+                          $$events: { input: o, change: o },
+                          $$legacy: !0
+                        });
+                      }, R = (V) => {
+                        var C = re(), G = J(C);
+                        {
+                          var ae = (X) => {
+                            He(X, {
+                              get label() {
+                                return e(t), r(() => e(t).label);
+                              },
+                              get required() {
+                                return e(t), r(() => e(t).required);
+                              },
+                              size: "sm",
+                              get value() {
+                                return n()[e(t).key];
+                              },
+                              set value(P) {
+                                n(n()[e(t).key] = P, !0);
+                              },
+                              $$events: { input: o, change: o },
+                              $$legacy: !0
+                            });
+                          }, pe = (X) => {
+                            {
+                              let P = he(() => (e(t), r(() => e(t).type || "text")));
+                              Ke(X, {
+                                get type() {
+                                  return e(P);
+                                },
+                                get label() {
+                                  return e(t), r(() => e(t).label);
+                                },
+                                get placeholder() {
+                                  return e(t), r(() => e(t).placeholder);
+                                },
+                                get required() {
+                                  return e(t), r(() => e(t).required);
+                                },
+                                size: "sm",
+                                variant: "outlined",
+                                get value() {
+                                  return n()[e(t).key];
+                                },
+                                set value(Q) {
+                                  n(n()[e(t).key] = Q, !0);
+                                },
+                                $$events: { input: o, change: o },
+                                $$legacy: !0
+                              });
+                            }
+                          };
+                          j(
+                            G,
+                            (X) => {
+                              e(t), r(() => e(t).type === "textalignment") ? X(ae) : X(pe, !1);
+                            },
+                            !0
+                          );
+                        }
+                        c(V, C);
+                      };
+                      j(
+                        q,
+                        (V) => {
+                          e(t), r(() => e(t).type === "colorpicker") ? V(A) : V(R, !1);
+                        },
+                        !0
+                      );
+                    }
+                    c(g, m);
+                  };
+                  j(
+                    l,
+                    (g) => {
+                      e(t), r(() => e(t).type === "toggle") ? g(u) : g(S, !1);
+                    },
+                    !0
+                  );
+                }
+                c(a, s);
+              };
+              j(
+                B,
+                (a) => {
+                  e(t), r(() => e(t).type === "checkbox") ? a(Y) : a(p, !1);
+                },
+                !0
+              );
+            }
+            c(L, U);
+          };
+          j(
+            K,
+            (L) => {
+              e(t), r(() => e(t).type === "select") ? L(b) : L(T, !1);
+            },
+            !0
+          );
+        }
+        c(E, O);
+      };
+      j($, (E) => {
+        e(t), r(() => e(t).type === "textarea") ? E(F) : E(z, !1);
+      });
+    }
+    I(() => ee(h, 1, `flex-${e(t), r(() => e(t).flex === "full" ? "none" : e(t).flex || "1") ?? ""} ${e(t), r(() => e(t).type === "textarea" || e(t).key === "title" || e(t).key === "subtitle" || e(t).flex === "full" ? "w-full" : "w-full sm:w-auto sm:flex-1") ?? ""} min-w-0 ${e(t), r(() => e(t).type === "toggle" ? "flex items-center justify-center" : "") ?? ""}`)), c(f, h);
+  }), c(W, D), ie();
+}
+var pt = qe('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-fn6h9a"></path></svg>'), gt = _(`<span class="
+                        ml-1 px-1.5 py-0.5 text-xs font-medium
+                        bg-primary-100 text-primary-800 rounded-full
+                        dark:bg-primary-900 dark:text-primary-200
+                     svelte-fn6h9a"> </span>`), mt = _('<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-primary-500 rounded-full svelte-fn6h9a"></div>'), ht = _('<button type="button" role="tab"><!> <span class="svelte-fn6h9a"> </span> <!></button> <!>', 1), bt = _('<div role="tabpanel"><!></div>'), xt = _('<div><div role="tablist" tabindex="0"></div> <div class="tab-panels svelte-fn6h9a"></div></div>');
+const yt = {
+  hash: "svelte-fn6h9a",
+  code: `
+    /* Focus styles for better accessibility */[role="tab"].svelte-fn6h9a:focus {outline:2px solid var(--color-primary-500);outline-offset:2px;}
+
+    /* Smooth transitions */[role="tab"].svelte-fn6h9a {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
+
+    /* Underline animation */.underline-indicator.svelte-fn6h9a {transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
+
+    /* Badge animation */.tab-badge.svelte-fn6h9a {
+        animation: svelte-fn6h9a-badge-pulse 2s infinite;}
+
+    @keyframes svelte-fn6h9a-badge-pulse {
+        0%,
+        100% {
+            opacity: 1;
+        }
+        50% {
+            opacity: 0.7;
+        }
+    }
+
+    /* Vertical tabs specific styles */.tabs-container.vertical.svelte-fn6h9a {align-items:flex-start;}.tabs-container.vertical.svelte-fn6h9a [role="tablist"]:where(.svelte-fn6h9a) {min-width:200px;}.tabs-container.vertical.svelte-fn6h9a [role="tab"]:where(.svelte-fn6h9a) {justify-content:flex-start;text-align:left;}`
+};
+function Mt(W, v) {
+  ve(v, !1), Ue(W, yt);
+  let n = M(v, "tabs", 24, () => []), d = M(v, "activeTab", 12, ""), w = M(v, "variant", 8, "default"), o = M(v, "size", 8, "md"), D = M(v, "orientation", 8, "horizontal"), f = M(v, "fullWidth", 8, !1), t = M(v, "className", 8, "");
+  const h = de();
+  let $ = N(), F = N(), z = N(0);
+  const E = {
+    sm: { tab: "px-3 py-1.5 text-sm", panel: "p-3", icon: "w-4 h-4" },
+    md: { tab: "px-4 py-2 text-base", panel: "p-4", icon: "w-5 h-5" },
+    lg: { tab: "px-6 py-3 text-lg", panel: "p-6", icon: "w-6 h-6" }
+  }, O = {
+    default: {
+      container: "border-b border-primary",
+      tab: "border-b-2 border-transparent text-secondary hover:text-primary hover:border-primary-hover transition-colors",
+      activeTab: "border-primary text-primary",
+      panel: "mt-4"
+    },
+    pills: {
+      container: "bg-surface-secondary p-1 rounded-lg",
+      tab: "rounded-md text-secondary hover:text-primary hover:bg-surface-tertiary transition-colors",
+      activeTab: "bg-surface text-primary shadow-adaptive-sm",
+      panel: "mt-4"
+    },
+    underline: {
+      container: "border-b border-primary",
+      tab: "relative text-secondary hover:text-primary transition-colors",
+      activeTab: "text-primary",
+      panel: "mt-4"
+    },
+    cards: {
+      container: "space-y-2",
+      tab: "border border-primary rounded-lg text-secondary hover:text-primary hover:bg-surface-secondary transition-colors",
+      activeTab: "bg-surface text-primary shadow-adaptive-sm border-primary",
+      panel: "mt-4"
+    }
+  };
+  function K(p, a) {
+    if (p.disabled) {
+      a.preventDefault();
+      return;
+    }
+    d(p.id), h("change", { activeTab: d(), tab: p }), h("tabClick", { tab: p, event: a });
+  }
+  function b(p) {
+    if (!e($)) return;
+    const a = Array.from(e($).querySelectorAll('[role="tab"]')), s = a.findIndex((u) => u === document.activeElement);
+    let l = s;
+    switch (p.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        p.preventDefault(), l = (s + 1) % a.length;
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        p.preventDefault(), l = s === 0 ? a.length - 1 : s - 1;
+        break;
+      case "Home":
+        p.preventDefault(), l = 0;
+        break;
+      case "End":
+        p.preventDefault(), l = a.length - 1;
+        break;
+      case "Enter":
+      case " ":
+        p.preventDefault();
+        const u = a[s];
+        u && u.click();
+        return;
+    }
+    l !== s && a[l] && a[l].focus();
+  }
+  function T(p) {
+    var s;
+    const a = (s = e($)) == null ? void 0 : s.querySelector(`[data-tab-id="${p}"]`);
+    a == null || a.focus();
+  }
+  se(() => (y(n()), y(d())), () => {
+    n().length > 0 && !d() && d(n()[0].id);
+  }), se(() => (y(n()), y(d())), () => {
+    x(z, n().findIndex((p) => p.id === d()));
+  }), ye();
+  var L = { focusTab: T };
+  oe();
+  var U = xt(), B = i(U);
+  xe(B, 5, n, _e, (p, a) => {
+    var s = ht(), l = J(s), u = i(l);
+    {
+      var S = (C) => {
+        var G = pt(), ae = i(G);
+        I(() => {
+          ee(
+            G,
+            0,
+            De((y(o()), r(() => E[o()].icon))),
+            "svelte-fn6h9a"
+          ), H(ae, "d", (e(a), r(() => e(a).icon)));
+        }), c(C, G);
+      };
+      j(u, (C) => {
+        e(a), r(() => e(a).icon) && C(S);
+      });
+    }
+    var g = k(u, 2), m = i(g), q = k(g, 2);
+    {
+      var A = (C) => {
+        var G = gt(), ae = i(G);
+        I(() => Z(ae, (e(a), r(() => e(a).badge)))), c(C, G);
+      };
+      j(q, (C) => {
+        e(a), r(() => e(a).badge) && C(A);
+      });
+    }
+    var R = k(l, 2);
+    {
+      var V = (C) => {
+        var G = mt();
+        c(C, G);
+      };
+      j(R, (C) => {
+        y(w()), e(a), y(d()), r(() => w() === "underline" && e(a).id === d()) && C(V);
+      });
+    }
+    I(() => {
+      H(l, "data-tab-id", (e(a), r(() => e(a).id))), ee(
+        l,
+        1,
+        `
+                    ${y(o()), r(() => E[o()].tab) ?? ""}
+                    ${y(w()), r(() => O[w()].tab) ?? ""}
+                    ${e(a), y(d()), y(w()), r(() => e(a).id === d() ? O[w()].activeTab : "") ?? ""}
+                    ${e(a), r(() => e(a).disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer") ?? ""}
+                    ${f() ? "flex-1" : ""}
+                    flex items-center justify-center gap-2
+                `,
+        "svelte-fn6h9a"
+      ), H(l, "aria-selected", (e(a), y(d()), r(() => e(a).id === d()))), H(l, "aria-controls", `tabpanel-${e(a), r(() => e(a).id) ?? ""}`), H(l, "aria-disabled", (e(a), r(() => e(a).disabled))), H(l, "tabindex", (e(a), y(d()), r(() => e(a).id === d() ? 0 : -1))), Z(m, (e(a), r(() => e(a).label)));
+    }), te("click", l, (C) => K(e(a), C)), c(p, s);
+  }), be(B, (p) => x($, p), () => e($));
+  var Y = k(B, 2);
+  return xe(Y, 5, n, _e, (p, a) => {
+    var s = bt(), l = i(s);
+    {
+      var u = (S) => {
+        var g = re(), m = J(g);
+        fe(m, v, "content", {}, null), c(S, g);
+      };
+      j(l, (S) => {
+        e(a), y(d()), r(() => e(a).id === d()) && S(u);
+      });
+    }
+    I(() => {
+      H(s, "id", `tabpanel-${e(a), r(() => e(a).id) ?? ""}`), H(s, "aria-labelledby", `tab-${e(a), r(() => e(a).id) ?? ""}`), ee(
+        s,
+        1,
+        `
+                    ${y(o()), r(() => E[o()].panel) ?? ""}
+                    ${y(w()), r(() => O[w()].panel) ?? ""}
+                    ${e(a), y(d()), r(() => e(a).id === d() ? "block" : "hidden") ?? ""}
+                `,
+        "svelte-fn6h9a"
+      );
+    }), Ee(3, s, () => Pe, () => ({ duration: 200 })), c(p, s);
+  }), be(Y, (p) => x(F, p), () => e(F)), I(() => {
+    ee(U, 1, `tabs-container ${D() === "vertical" ? "flex" : ""} ${t() ?? ""}`, "svelte-fn6h9a"), ee(
+      B,
+      1,
+      `
+            ${y(w()), r(() => O[w()].container) ?? ""}
+            ${D() === "vertical" ? "flex-col space-y-1 mr-4" : ""}
+            ${y(f()), y(n()), r(() => f() ? "grid grid-cols-" + n().length : "flex") ?? ""}
+        `,
+      "svelte-fn6h9a"
+    ), H(B, "aria-orientation", D());
+  }), te("keydown", B, b), c(W, U), Be(v, "focusTab", T), ie(L);
+}
+export {
+  $t as A,
+  zt as I,
+  Ct as K,
+  et as M,
+  Mt as T
+};