zabi-components 1.0.9 → 2.0.2

package/dist/Tabs-DTuXgJQh.js

@@ -1,1105 +0,0 @@
-import { t as q, T as Pe, U as Ue, V as Fe, W as Ne, Y as be, p as g, C as ue, D as Ce, i as re, f as w, c as M, s as me, g as v, h as se, j as oe, r as F, o as y, n as i, u as d, l as e, m as K, q as X, v as ae, k as T, e as te, B as G, a as fe, E as pe, S as _e, b as Z, R as ze, Q as de, Z as Le, w as ne, d as we, P as Ie, _ as ye, G as Ae, F as Re, $ as Te, x as He, y as Ke, A as Oe } from "./x-Dsi-CPO3.js";
-import { r as Me, C as Ve, I as ke, B as ve, T as We, S as Ge, a as Ye, d as Qe, b as Ze, c as Je } from "./Toggle-kQ6Z43Ep.js";
-import { createEventDispatcher as ie, onMount as Xe, onDestroy as et } from "svelte";
-function tt(o, a, s = !1, m = !1, f = !1) {
-  var r = o, b = "";
-  q(() => {
-    var n = (
-      /** @type {Effect} */
-      Pe
-    );
-    if (b !== (b = a() ?? "") && (n.nodes_start !== null && (Ue(
-      n.nodes_start,
-      /** @type {TemplateNode} */
-      n.nodes_end
-    ), n.nodes_start = n.nodes_end = null), b !== "")) {
-      var t = b + "";
-      s ? t = `<svg>${t}</svg>` : m && (t = `<math>${t}</math>`);
-      var c = Fe(t);
-      if ((s || m) && (c = /** @type {Element} */
-      be(c)), Ne(
-        /** @type {TemplateNode} */
-        be(c),
-        /** @type {TemplateNode} */
-        c.lastChild
-      ), s || m)
-        for (; be(c); )
-          r.before(
-            /** @type {Node} */
-            be(c)
-          );
-      else
-        r.before(c);
-    }
-  });
-}
-var at = w('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center justify-center rounded-full text-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>'), rt = w('<h4 class="font-semibold text-sm mb-1" style="color: inherit;"> </h4>'), st = w('<p class="text-sm leading-relaxed" style="color: inherit;"> </p>'), ot = w('<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 Jt(o, a) {
-  oe(a, !1);
-  const s = K(), m = K(), f = K();
-  let r = g(a, "variant", 8, "info"), b = g(a, "title", 8, ""), n = g(a, "message", 8, ""), t = g(a, "closable", 8, !1), c = g(a, "className", 8, "");
-  const k = ie();
-  function j(u) {
-    k("close", { event: u });
-  }
-  ue(() => {
-  }, () => {
-    T(s, {
-      info: "bg-info-surface text-info-text border border-info",
-      success: "bg-success-surface text-success-text border border-success",
-      warning: "bg-warning-surface text-warning-text border border-warning",
-      error: "bg-error-surface text-error-text border border-error"
-    });
-  }), ue(() => F(r()), () => {
-    T(m, r() === "success" || r() === "info" ? "status" : "alert");
-  }), ue(() => {
-  }, () => {
-    T(f, {
-      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>`
-    });
-  }), Ce(), re();
-  var p = ot(), N = i(p);
-  {
-    var A = (u) => {
-      var _ = at();
-      te("click", _, Me(j)), v(u, _);
-    };
-    M(N, (u) => {
-      t() && u(A);
-    });
-  }
-  var O = y(N, 2), E = i(O), z = i(E);
-  tt(z, () => (e(f), F(r()), d(() => e(f)[r()])));
-  var $ = y(E, 2), D = i($);
-  {
-    var S = (u) => {
-      var _ = rt(), C = i(_);
-      q(() => G(C, b())), v(u, _);
-    };
-    M(D, (u) => {
-      b() && u(S);
-    });
-  }
-  var V = y(D, 2);
-  {
-    var B = (u) => {
-      var _ = st(), C = i(_);
-      q(() => G(C, n())), v(u, _);
-    };
-    M(V, (u) => {
-      n() && u(B);
-    });
-  }
-  var l = y(V, 2);
-  me(l, a, "default", {}, null), q(() => {
-    X(p, 1, `relative rounded-md p-4 border ${e(s), F(r()), d(() => e(s)[r()]) ?? ""} transition-all duration-200 motion-reduce:transition-none ${c() ?? ""}`), ae(p, "role", e(m)), ae(p, "aria-live", r() === "success" || r() === "info" ? "polite" : "assertive"), X(O, 1, `flex items-start gap-3 ${t() ? "pr-8" : ""}`);
-  }), v(o, p), se();
-}
-var lt = w('<section><h3 class="text-xl font-semibold text-text"> </h3> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"></div></section>');
-const nt = {
-  hash: "svelte-1ko6p3l",
-  code: ".cards-grid.svelte-1ko6p3l {padding-top:1.5rem;padding-bottom:1.5rem}"
-};
-function Xt(o, a) {
-  oe(a, !1), fe(o, nt);
-  let s = g(a, "title", 8), m = g(a, "cards", 8), f = g(a, "className", 8, "");
-  const r = ie();
-  function b(j) {
-    r("cardClick", j.detail);
-  }
-  re();
-  var n = lt(), t = i(n), c = i(t), k = y(t, 2);
-  pe(k, 5, m, _e, (j, p) => {
-    Ve(j, {
-      get title() {
-        return e(p), d(() => e(p).title);
-      },
-      get description() {
-        return e(p), d(() => e(p).description);
-      },
-      get image() {
-        return e(p), d(() => e(p).image);
-      },
-      variant: "elevated",
-      interactive: !0,
-      $$events: { click: b }
-    });
-  }), q(() => {
-    X(n, 1, `cards-grid space-y-6 ${f() ?? ""}`, "svelte-1ko6p3l"), G(c, s());
-  }), v(o, n), se();
-}
-var it = w("<form><!></form>");
-const ct = {
-  hash: "svelte-8wahy8",
-  code: ".form.svelte-8wahy8 {display:flex;flex-direction:column;gap:1rem;}.form .form-field {display:flex;flex-direction:column;gap:0.5rem;}.form .form-label {display:block;font-size:0.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--color-text));}.form .form-input {width:100%;border-radius:var(--radius-md);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;}.form .form-input:focus {outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}.form .form-input {border-color:rgb(var(--color-border));color:rgb(var(--color-text));background-color:rgb(var(--color-surface));}.form .form-input:focus {border-color:rgb(var(--color-border-focus));ring-color:rgb(var(--color-focus-ring));}.form .form-actions {display:flex;gap:0.75rem;padding-top:1rem;}"
-};
-function dt(o, a) {
-  oe(a, !1), fe(o, ct);
-  let s = g(a, "method", 8, "post"), m = g(a, "action", 8, ""), f = g(a, "className", 8, "");
-  const r = ie();
-  function b(c) {
-    const k = new FormData(c.target), j = Object.fromEntries(k.entries());
-    r("submit", { data: j, formData: k, event: c });
-  }
-  re();
-  var n = it(), t = i(n);
-  me(t, a, "default", {}, null), q(() => {
-    ae(n, "method", s()), ae(n, "action", m()), X(n, 1, `form ${f() ?? ""}`, "svelte-8wahy8");
-  }), te("submit", n, Me(b)), v(o, n), se();
-}
-var vt = w('<div class="form-field"><label for="name" class="form-label">Name</label> <!></div> <div class="form-field"><label for="email" class="form-label">Email</label> <!></div> <div class="form-actions"><!></div>', 1), ut = w('<section><h3 class="text-xl font-semibold text-text text-center">Contact Form</h3> <!></section>');
-const ft = {
-  hash: "svelte-1pnsu7s",
-  code: ".contact-form.svelte-1pnsu7s {padding-top:1.5rem;padding-bottom:1.5rem}"
-};
-function ea(o, a) {
-  oe(a, !1), fe(o, ft);
-  let s = g(a, "initialData", 24, () => ({ name: "", email: "" })), m = g(a, "className", 8, "");
-  const f = ie();
-  let r = K({ ...s() });
-  function b(c) {
-    f("submit", { data: e(r) });
-  }
-  re();
-  var n = ut(), t = y(i(n), 2);
-  dt(t, {
-    $$events: { submit: b },
-    children: (c, k) => {
-      var j = vt(), p = Z(j), N = y(i(p), 2);
-      ke(N, {
-        id: "name",
-        name: "name",
-        placeholder: "Enter your name",
-        required: !0,
-        get value() {
-          return e(r).name;
-        },
-        set value($) {
-          ze(r, e(r).name = $);
-        },
-        $$legacy: !0
-      });
-      var A = y(p, 2), O = y(i(A), 2);
-      ke(O, {
-        id: "email",
-        name: "email",
-        type: "email",
-        placeholder: "Enter your email",
-        required: !0,
-        get value() {
-          return e(r).email;
-        },
-        set value($) {
-          ze(r, e(r).email = $);
-        },
-        $$legacy: !0
-      });
-      var E = y(A, 2), z = i(E);
-      ve(z, {
-        type: "submit",
-        variant: "primary",
-        className: "flex-1",
-        children: ($, D) => {
-          var S = de("Submit");
-          v($, S);
-        },
-        $$slots: { default: !0 }
-      }), v(c, j);
-    },
-    $$slots: { default: !0 }
-  }), q(() => X(n, 1, `contact-form max-w-md mx-auto space-y-6 ${m() ?? ""}`, "svelte-1pnsu7s")), v(o, n), se();
-}
-var mt = w('<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 text-current" 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>'), gt = w('<div class="flex items-center justify-end gap-3 p-6 border-t border-primary bg-surface-secondary"><!></div>'), bt = w('<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 pt(o, a) {
-  const s = Le(a);
-  oe(a, !1);
-  let m = g(a, "isOpen", 12, !1), f = g(a, "title", 8, ""), r = g(a, "showCloseButton", 8, !0);
-  const b = ie();
-  let n = K(), t = K(null);
-  function c() {
-    m(!1), b("close", { event: new Event("close") });
-  }
-  function k(E) {
-    const z = E;
-    z.target === z.currentTarget && c();
-  }
-  function j(E) {
-    E.key === "Escape" && c();
-  }
-  function p(E) {
-    var V;
-    if (!m()) return;
-    const z = E, $ = (V = e(n)) == null ? void 0 : V.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    if (!$.length) return;
-    const D = $[0], S = $[$.length - 1];
-    z.key === "Tab" && (z.shiftKey ? document.activeElement === D && (z.preventDefault(), S.focus()) : document.activeElement === S && (z.preventDefault(), D.focus()));
-  }
-  Xe(() => () => {
-    e(t) && e(t).focus();
-  }), ue(() => (F(m()), e(n)), () => {
-    m() && (T(t, document.activeElement), requestAnimationFrame(() => {
-      var z;
-      const E = (z = e(n)) == null ? void 0 : z.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-      E == null || E.focus();
-    }));
-  }), Ce(), re();
-  var N = ne(), A = Z(N);
-  {
-    var O = (E) => {
-      var z = bt(), $ = i(z), D = i($), S = i(D), V = i(S), B = y(S, 2);
-      {
-        var l = (h) => {
-          var x = mt();
-          te("click", x, c), v(h, x);
-        };
-        M(B, (h) => {
-          r() && h(l);
-        });
-      }
-      var u = y(D, 2), _ = i(u);
-      me(_, a, "default", {}, null);
-      var C = y(u, 2);
-      {
-        var P = (h) => {
-          var x = gt(), U = i(x);
-          me(U, a, "footer", {}, null), v(h, x);
-        };
-        M(C, (h) => {
-          d(() => s.footer) && h(P);
-        });
-      }
-      we($, (h) => T(n, h), () => e(n)), q(() => G(V, f())), te("keydown", $, p), te("click", z, k), te("keydown", z, j), v(E, z);
-    };
-    M(A, (E) => {
-      m() && E(O);
-    });
-  }
-  v(o, N), se();
-}
-var ht = w('<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>'), xt = w('<div class="border-2 border-dashed rounded-lg p-6 text-center transition-colors" style="border-color: rgb(var(--color-border));"><div class="space-y-3"><div class="w-12 h-12 mx-auto rounded-lg flex items-center justify-center" style="background-color: rgb(var(--color-surface-secondary));"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="color: rgb(var(--color-text-secondary));"><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="font-medium" style="color: rgb(var(--color-text));"> </p> <p class="text-sm" style="color: rgb(var(--color-text-secondary));">Choose a file to upload</p></div> <div class="flex gap-2 justify-center"><!></div></div></div>'), yt = w('<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>'), _t = w('<img alt="Preview" class="w-full h-48 object-cover rounded-lg border" style="border-color: rgb(var(--color-border));"/>'), wt = w('<div class="w-full h-48 rounded-lg flex items-center justify-center" style="background-color: rgb(var(--color-surface-secondary)); border-color: rgb(var(--color-border));"><div class="text-center"><svg class="w-12 h-12 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="color: rgb(var(--color-text-secondary));"><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-sm" style="color: rgb(var(--color-text));"> </p></div></div>'), kt = w('<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>'), Ct = w('<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>'), $t = w('<div class="space-y-4"><div class="relative"><!> <!></div> <!></div>'), zt = w('<div class="space-y-4"><!></div>'), Tt = w("<!> <!>", 1), jt = w('<div class="space-y-3"><!> <!></div>');
-function ta(o, a) {
-  oe(a, !1);
-  let s = g(a, "value", 12, null), m = g(a, "disabled", 8, !1), f = g(a, "accept", 8, "image/*"), r = g(
-    a,
-    "maxSize",
-    8,
-    5 * 1024 * 1024
-    // 5MB default
-  ), b = g(a, "placeholder", 8, "No image selected");
-  const n = ie();
-  let t = K(!1), c = K(null), k = K(null), j = K(!1), p = K(0);
-  function N(l) {
-    const u = l.target;
-    if (!u.files || u.files.length === 0) return;
-    const _ = u.files, C = _[0];
-    if (C.size > r()) {
-      n("error", {
-        message: `File size must be less than ${Math.round(r() / 1024 / 1024)}MB`
-      });
-      return;
-    }
-    if (f() !== "*" && !C.type.match(f().replace("*", ".*"))) {
-      n("error", { message: "Please select a valid file type" });
-      return;
-    }
-    T(c, C), T(k, URL.createObjectURL(C)), n("upload", { files: _ });
-  }
-  async function A() {
-    if (!(!e(c) || !e(k))) {
-      T(j, !0), T(p, 0);
-      try {
-        const l = setInterval(
-          () => {
-            e(p) < 90 && T(p, e(p) + Math.random() * 10);
-          },
-          200
-        );
-        await new Promise((u) => setTimeout(u, 1e3)), clearInterval(l), T(p, 100), s(e(k)), n("change", { value: e(k) }), T(t, !1), E();
-      } catch (l) {
-        n("error", { message: `Upload failed: ${l}` });
-      } finally {
-        T(j, !1), T(p, 0);
-      }
-    }
-  }
-  function O() {
-    s(null), n("change", { value: null });
-  }
-  function E() {
-    T(c, null), e(k) && (URL.revokeObjectURL(e(k)), T(k, null)), T(p, 0);
-  }
-  function z() {
-    e(k) && (URL.revokeObjectURL(e(k)), T(k, null));
-  }
-  et(() => {
-    z();
-  }), re();
-  var $ = jt(), D = i($);
-  {
-    var S = (l) => {
-      var u = ht(), _ = i(u), C = y(_, 2), P = i(C), h = i(P);
-      ve(h, {
-        variant: "secondary",
-        size: "sm",
-        get disabled() {
-          return m();
-        },
-        $$events: { click: () => T(t, !0) },
-        children: (U, R) => {
-          var H = de("Change");
-          v(U, H);
-        },
-        $$slots: { default: !0 }
-      });
-      var x = y(h, 2);
-      ve(x, {
-        variant: "danger",
-        size: "sm",
-        get disabled() {
-          return m();
-        },
-        $$events: { click: O },
-        children: (U, R) => {
-          var H = de("Remove");
-          v(U, H);
-        },
-        $$slots: { default: !0 }
-      }), q(() => ae(_, "src", s())), v(l, u);
-    }, V = (l) => {
-      var u = xt(), _ = i(u), C = y(i(_), 2), P = i(C), h = i(P), x = y(C, 2), U = i(x);
-      ve(U, {
-        variant: "primary",
-        size: "sm",
-        get disabled() {
-          return m();
-        },
-        $$events: { click: () => T(t, !0) },
-        children: (R, H) => {
-          var W = de("Upload File");
-          v(R, W);
-        },
-        $$slots: { default: !0 }
-      }), q(() => G(h, b())), v(l, u);
-    };
-    M(D, (l) => {
-      s() ? l(S) : l(V, !1);
-    });
-  }
-  var B = y(D, 2);
-  pt(B, {
-    title: "Upload File",
-    get isOpen() {
-      return e(t);
-    },
-    set isOpen(l) {
-      T(t, l);
-    },
-    $$events: {
-      close: () => {
-        T(t, !1), E();
-      }
-    },
-    children: (l, u) => {
-      var _ = zt(), C = i(_);
-      {
-        var P = (x) => {
-          var U = yt(), R = y(i(U), 2), H = y(R, 2), W = i(H);
-          q(
-            (J) => {
-              ae(R, "accept", f()), G(W, `Max size: ${J ?? ""}MB`);
-            },
-            [
-              () => (F(r()), d(() => Math.round(r() / 1024 / 1024)))
-            ]
-          ), te("change", R, N), v(x, U);
-        }, h = (x) => {
-          var U = $t(), R = i(U), H = i(R);
-          {
-            var W = (I) => {
-              var Q = _t();
-              q(() => ae(Q, "src", e(k))), v(I, Q);
-            }, J = (I) => {
-              var Q = wt(), ge = i(Q), he = y(i(ge), 2), xe = i(he);
-              q(() => G(xe, (e(c), d(() => e(c).name)))), v(I, Q);
-            };
-            M(H, (I) => {
-              e(c), d(() => e(c).type.startsWith("image/")) ? I(W) : I(J, !1);
-            });
-          }
-          var L = y(H, 2);
-          {
-            var Y = (I) => {
-              var Q = kt();
-              v(I, Q);
-            };
-            M(L, (I) => {
-              e(j) && I(Y);
-            });
-          }
-          var ce = y(R, 2);
-          {
-            var le = (I) => {
-              var Q = Ct(), ge = i(Q), he = y(i(ge), 2), xe = i(he), qe = y(ge, 2), De = i(qe);
-              q(
-                (Be) => {
-                  G(xe, `${Be ?? ""}%`), Ie(De, `width: ${e(p) ?? ""}%`);
-                },
-                [
-                  () => (e(p), d(() => Math.round(e(p))))
-                ]
-              ), v(I, Q);
-            };
-            M(ce, (I) => {
-              e(j) && I(le);
-            });
-          }
-          v(x, U);
-        };
-        M(C, (x) => {
-          e(c) ? x(h, !1) : x(P);
-        });
-      }
-      v(l, _);
-    },
-    $$slots: {
-      default: !0,
-      footer: (l, u) => {
-        var _ = Tt(), C = Z(_);
-        ve(C, {
-          variant: "secondary",
-          $$events: {
-            click: () => {
-              T(t, !1), E();
-            }
-          },
-          children: (x, U) => {
-            var R = de("Cancel");
-            v(x, R);
-          },
-          $$slots: { default: !0 }
-        });
-        var P = y(C, 2);
-        {
-          var h = (x) => {
-            ve(x, {
-              variant: "primary",
-              get disabled() {
-                return e(j);
-              },
-              get loading() {
-                return e(j);
-              },
-              $$events: { click: A },
-              children: (U, R) => {
-                var H = de();
-                q(() => G(H, e(j) ? "Uploading..." : "Upload File")), v(U, H);
-              },
-              $$slots: { default: !0 }
-            });
-          };
-          M(P, (x) => {
-            e(c) && x(h);
-          });
-        }
-        v(l, _);
-      }
-    },
-    $$legacy: !0
-  }), v(o, $), se();
-}
-var Et = w("<div><!></div>"), Mt = w('<div class="flex flex-wrap gap-4"></div>');
-function aa(o, a) {
-  oe(a, !1);
-  let s = g(a, "values", 28, () => ({})), m = g(a, "fields", 24, () => []);
-  const f = ie();
-  function r(n) {
-    var c;
-    const t = n.detail;
-    if (t && typeof t == "object") {
-      const k = ((c = n.target) == null ? void 0 : c.name) || "unknown";
-      f("change", {
-        field: k,
-        value: t,
-        event: n.detail.event || new Event("change")
-      });
-    }
-  }
-  re();
-  var b = Mt();
-  pe(b, 5, m, (n) => n.key, (n, t) => {
-    var c = Et(), k = i(c);
-    {
-      var j = (N) => {
-        {
-          let A = ye(() => (e(t), d(() => e(t).rows || 3)));
-          We(N, {
-            get label() {
-              return e(t), d(() => e(t).label);
-            },
-            get placeholder() {
-              return e(t), d(() => e(t).placeholder);
-            },
-            get rows() {
-              return e(A);
-            },
-            get required() {
-              return e(t), d(() => e(t).required);
-            },
-            size: "sm",
-            variant: "outlined",
-            get value() {
-              return s()[e(t).key];
-            },
-            set value(O) {
-              s(s()[e(t).key] = O, !0);
-            },
-            $$events: { input: r, change: r },
-            $$legacy: !0
-          });
-        }
-      }, p = (N) => {
-        var A = ne(), O = Z(A);
-        {
-          var E = ($) => {
-            {
-              let D = ye(() => (e(t), d(() => e(t).options || [])));
-              Ge($, {
-                get options() {
-                  return e(D);
-                },
-                get label() {
-                  return e(t), d(() => e(t).label);
-                },
-                get placeholder() {
-                  return e(t), d(() => e(t).placeholder);
-                },
-                get required() {
-                  return e(t), d(() => e(t).required);
-                },
-                size: "sm",
-                variant: "outlined",
-                get value() {
-                  return s()[e(t).key];
-                },
-                set value(S) {
-                  s(s()[e(t).key] = S, !0);
-                },
-                $$events: { input: r, change: r },
-                $$legacy: !0
-              });
-            }
-          }, z = ($) => {
-            var D = ne(), S = Z(D);
-            {
-              var V = (l) => {
-                Ye(l, {
-                  get label() {
-                    return e(t), d(() => e(t).label);
-                  },
-                  get required() {
-                    return e(t), d(() => e(t).required);
-                  },
-                  size: "sm",
-                  variant: "outlined",
-                  get checked() {
-                    return s()[e(t).key];
-                  },
-                  set checked(u) {
-                    s(s()[e(t).key] = u, !0);
-                  },
-                  $$events: { input: r, change: r },
-                  $$legacy: !0
-                });
-              }, B = (l) => {
-                var u = ne(), _ = Z(u);
-                {
-                  var C = (h) => {
-                    Qe(h, {
-                      get label() {
-                        return e(t), d(() => e(t).label);
-                      },
-                      get checked() {
-                        return s()[e(t).key];
-                      },
-                      set checked(x) {
-                        s(s()[e(t).key] = x, !0);
-                      },
-                      $$events: { input: r, change: r },
-                      $$legacy: !0
-                    });
-                  }, P = (h) => {
-                    var x = ne(), U = Z(x);
-                    {
-                      var R = (W) => {
-                        Ze(W, {
-                          get label() {
-                            return e(t), d(() => e(t).label);
-                          },
-                          get required() {
-                            return e(t), d(() => e(t).required);
-                          },
-                          size: "sm",
-                          variant: "outlined",
-                          get value() {
-                            return s()[e(t).key];
-                          },
-                          set value(J) {
-                            s(s()[e(t).key] = J, !0);
-                          },
-                          $$events: { input: r, change: r },
-                          $$legacy: !0
-                        });
-                      }, H = (W) => {
-                        var J = ne(), L = Z(J);
-                        {
-                          var Y = (le) => {
-                            Je(le, {
-                              get label() {
-                                return e(t), d(() => e(t).label);
-                              },
-                              get required() {
-                                return e(t), d(() => e(t).required);
-                              },
-                              size: "sm",
-                              get value() {
-                                return s()[e(t).key];
-                              },
-                              set value(I) {
-                                s(s()[e(t).key] = I, !0);
-                              },
-                              $$events: { input: r, change: r },
-                              $$legacy: !0
-                            });
-                          }, ce = (le) => {
-                            {
-                              let I = ye(() => (e(t), d(() => e(t).type || "text")));
-                              ke(le, {
-                                get type() {
-                                  return e(I);
-                                },
-                                get label() {
-                                  return e(t), d(() => e(t).label);
-                                },
-                                get placeholder() {
-                                  return e(t), d(() => e(t).placeholder);
-                                },
-                                get required() {
-                                  return e(t), d(() => e(t).required);
-                                },
-                                size: "sm",
-                                variant: "default",
-                                get value() {
-                                  return s()[e(t).key];
-                                },
-                                set value(Q) {
-                                  s(s()[e(t).key] = Q, !0);
-                                },
-                                $$events: { input: r, change: r },
-                                $$legacy: !0
-                              });
-                            }
-                          };
-                          M(
-                            L,
-                            (le) => {
-                              e(t), d(() => e(t).type === "textalignment") ? le(Y) : le(ce, !1);
-                            },
-                            !0
-                          );
-                        }
-                        v(W, J);
-                      };
-                      M(
-                        U,
-                        (W) => {
-                          e(t), d(() => e(t).type === "colorpicker") ? W(R) : W(H, !1);
-                        },
-                        !0
-                      );
-                    }
-                    v(h, x);
-                  };
-                  M(
-                    _,
-                    (h) => {
-                      e(t), d(() => e(t).type === "toggle") ? h(C) : h(P, !1);
-                    },
-                    !0
-                  );
-                }
-                v(l, u);
-              };
-              M(
-                S,
-                (l) => {
-                  e(t), d(() => e(t).type === "checkbox") ? l(V) : l(B, !1);
-                },
-                !0
-              );
-            }
-            v($, D);
-          };
-          M(
-            O,
-            ($) => {
-              e(t), d(() => e(t).type === "select") ? $(E) : $(z, !1);
-            },
-            !0
-          );
-        }
-        v(N, A);
-      };
-      M(k, (N) => {
-        e(t), d(() => e(t).type === "textarea") ? N(j) : N(p, !1);
-      });
-    }
-    q(() => X(c, 1, `flex-${e(t), d(() => e(t).flex === "full" ? "none" : e(t).flex || "1") ?? ""} ${e(t), d(() => 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), d(() => e(t).type === "toggle" ? "flex items-center justify-center" : "") ?? ""}`)), v(n, c);
-  }), v(o, b), se();
-}
-var St = w('<section><h2 class="text-3xl font-bold text-text"> </h2> <p class="text-lg text-text-secondary max-w-2xl mx-auto"> </p></section>');
-const qt = {
-  hash: "svelte-1k5lr7e",
-  code: ".hero.svelte-1k5lr7e {padding-top:2rem;padding-bottom:2rem}"
-};
-function ra(o, a) {
-  fe(o, qt);
-  let s = g(a, "title", 8), m = g(a, "subtitle", 8), f = g(a, "className", 8, "");
-  var r = St(), b = i(r), n = i(b), t = y(b, 2), c = i(t);
-  q(() => {
-    X(r, 1, `hero text-center space-y-4 ${f() ?? ""}`, "svelte-1k5lr7e"), G(n, s()), G(c, m());
-  }), v(o, r);
-}
-var Dt = w('<section><p class="text-info-text">You clicked: <strong> </strong></p></section>');
-const Bt = {
-  hash: "svelte-17n10vn",
-  code: ".selected-card-info.svelte-17n10vn {padding-top:1rem;padding-bottom:1rem}"
-};
-function sa(o, a) {
-  oe(a, !1), fe(o, Bt);
-  let s = g(a, "selectedCard", 8), m = g(a, "className", 8, "");
-  re();
-  var f = ne(), r = Z(f);
-  {
-    var b = (n) => {
-      var t = Dt(), c = i(t), k = y(i(c)), j = i(k);
-      q(() => {
-        X(t, 1, `selected-card-info text-center p-4 bg-info-surface rounded-lg ${m() ?? ""}`, "svelte-17n10vn"), G(j, (F(s()), d(() => s().title)));
-      }), v(n, t);
-    };
-    M(r, (n) => {
-      s() && n(b);
-    });
-  }
-  v(o, f), se();
-}
-function Pt(o, a) {
-  const s = a || (o.length > 0 ? o[0].id : "");
-  return {
-    activeTab: s,
-    activeTabIndex: o.findIndex((m) => m.id === s)
-  };
-}
-function Ut(o, a, s) {
-  return {
-    activeTab: s,
-    activeTabIndex: a.findIndex((m) => m.id === s)
-  };
-}
-const Se = {
-  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"
-  }
-}, $e = {
-  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 je(o, a, s) {
-  const m = Se[o.size], f = $e[o.variant];
-  return [
-    m.tab,
-    f.tab,
-    s ? f.activeTab : "",
-    a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-    o.fullWidth ? "flex-1" : "",
-    "flex items-center justify-center gap-2"
-  ].filter(Boolean).join(" ");
-}
-function Ft(o, a = []) {
-  return [
-    $e[o.variant].container,
-    o.orientation === "vertical" ? "flex-col space-y-1 mr-4" : "",
-    o.fullWidth ? `grid grid-cols-${a.length || 1}` : "flex"
-  ].filter(Boolean).join(" ");
-}
-function Ee(o, a) {
-  const s = Se[o.size], m = $e[o.variant];
-  return [
-    s.panel,
-    m.panel,
-    a ? "block" : "hidden"
-  ].filter(Boolean).join(" ");
-}
-function Nt(o, a, s, m) {
-  return function(r) {
-    const b = Array.from(
-      document.querySelectorAll('[role="tab"]')
-    ), n = b.findIndex(
-      (c) => c === document.activeElement
-    );
-    let t = n;
-    switch (r.key) {
-      case "ArrowRight":
-      case "ArrowDown":
-        r.preventDefault(), t = (n + 1) % o.length;
-        break;
-      case "ArrowLeft":
-      case "ArrowUp":
-        r.preventDefault(), t = n === 0 ? o.length - 1 : n - 1;
-        break;
-      case "Home":
-        r.preventDefault(), t = 0;
-        break;
-      case "End":
-        r.preventDefault(), t = o.length - 1;
-        break;
-      case "Enter":
-      case " ":
-        r.preventDefault();
-        const c = b[n];
-        c && c.click();
-        return;
-    }
-    t !== n && b[t] && b[t].focus();
-  };
-}
-function Lt(o, a, s) {
-  return function(f, r) {
-    f.disabled || (a({ activeTab: f.id }), s("change", { activeTab: f.id, tab: f, event: r }), s("tabClick", { tab: f, event: r }));
-  };
-}
-function oa(o, a) {
-  const s = a.querySelector(
-    `[data-tab-id="${o}"]`
-  );
-  s == null || s.focus();
-}
-function la(o, a) {
-  return o.find((s) => s.id === a);
-}
-function ee(o, a) {
-  return o.id === a;
-}
-function It(o, a, s) {
-  return {
-    "aria-selected": a,
-    "aria-controls": `tabpanel-${o.id}`,
-    "aria-disabled": o.disabled,
-    tabindex: a ? 0 : -1
-  };
-}
-function At(o) {
-  return {
-    id: `tabpanel-${o.id}`,
-    role: "tabpanel",
-    "aria-labelledby": `tab-${o.id}`
-  };
-}
-var Rt = He('<svg class="w-4 h-4 text-current" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd"></path></svg>'), Ht = w(`<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
-                    "> </span>`), Kt = w('<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-primary-500 rounded-full"></div>'), Ot = w("<button><!> <span> </span> <!></button> <!>", 1), Vt = w("<div><!></div>"), Wt = w('<div><div role="tablist" tabindex="0"></div> <div class="tab-panels"></div></div>');
-const Gt = {
-  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);}
-
-    /* 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 na(o, a) {
-  oe(a, !1), fe(o, Gt);
-  const s = K(), m = K();
-  let f = g(a, "tabs", 24, () => []), r = g(a, "activeTab", 12, ""), b = g(a, "variant", 8, "default"), n = g(a, "size", 8, "md"), t = g(a, "orientation", 8, "horizontal"), c = g(a, "fullWidth", 8, !1), k = g(a, "className", 8, "");
-  const j = ie();
-  let p = K(), N = K();
-  const A = {
-    variant: b(),
-    size: n(),
-    orientation: t(),
-    fullWidth: c()
-  }, O = Lt(
-    f(),
-    (B) => {
-      r(B.activeTab || r());
-    },
-    j
-  ), E = Nt(
-    f(),
-    e(s)
-  );
-  function z(B) {
-    var u;
-    const l = (u = e(p)) == null ? void 0 : u.querySelector(`[data-tab-id="${B}"]`);
-    l == null || l.focus();
-  }
-  ue(
-    () => (F(f()), F(r())),
-    () => {
-      T(s, Ut(Pt(f(), r()), f(), r()));
-    }
-  ), ue(() => F(f()), () => {
-    T(m, Ft(A, f()));
-  }), Ce();
-  var $ = { focusTab: z };
-  re();
-  var D = Wt(), S = i(D);
-  pe(S, 5, f, _e, (B, l, u) => {
-    var _ = Ot(), C = Z(_);
-    Te(
-      C,
-      (L, Y) => ({
-        type: "button",
-        role: "tab",
-        "data-tab-id": (e(l), d(() => e(l).id)),
-        class: L,
-        ...Y
-      }),
-      [
-        () => (F(je), e(l), F(ee), F(r()), d(() => je(A, e(l), ee(e(l), r())))),
-        () => It(e(l), ee(e(l), r()))
-      ],
-      void 0,
-      "svelte-fn6h9a"
-    );
-    var P = i(C);
-    {
-      var h = (L) => {
-        var Y = Rt(), ce = i(Y);
-        q(() => ae(ce, "d", (e(l), d(() => e(l).icon)))), v(L, Y);
-      };
-      M(P, (L) => {
-        e(l), d(() => e(l).icon) && L(h);
-      });
-    }
-    var x = y(P, 2), U = i(x), R = y(x, 2);
-    {
-      var H = (L) => {
-        var Y = Ht(), ce = i(Y);
-        q(() => G(ce, (e(l), d(() => e(l).badge)))), v(L, Y);
-      };
-      M(R, (L) => {
-        e(l), d(() => e(l).badge) && L(H);
-      });
-    }
-    var W = y(C, 2);
-    {
-      var J = (L) => {
-        var Y = Kt();
-        v(L, Y);
-      };
-      M(W, (L) => {
-        F(b()), F(ee), e(l), F(r()), d(() => b() === "underline" && ee(e(l), r())) && L(J);
-      });
-    }
-    q(() => G(U, (e(l), d(() => e(l).label)))), te("click", C, (L) => O(e(l), L)), v(B, _);
-  }), we(S, (B) => T(p, B), () => e(p));
-  var V = y(S, 2);
-  return pe(V, 5, f, _e, (B, l) => {
-    var u = Vt();
-    Te(
-      u,
-      (P, h) => ({ class: P, ...h }),
-      [
-        () => (F(Ee), F(ee), e(l), F(r()), d(() => Ee(A, ee(e(l), r())))),
-        () => At(e(l))
-      ],
-      void 0,
-      "svelte-fn6h9a"
-    );
-    var _ = i(u);
-    {
-      var C = (P) => {
-        var h = ne(), x = Z(h);
-        me(x, a, "content", {}, null), v(P, h);
-      };
-      M(_, (P) => {
-        F(ee), e(l), F(r()), d(() => ee(e(l), r())) && P(C);
-      });
-    }
-    Ke(3, u, () => Oe, () => ({ duration: 200 })), v(B, u);
-  }), we(V, (B) => T(N, B), () => e(N)), q(() => {
-    X(D, 1, `tabs-container ${t() === "vertical" ? "flex" : ""} ${k() ?? ""}`, "svelte-fn6h9a"), X(S, 1, Re(e(m)), "svelte-fn6h9a"), ae(S, "aria-orientation", t());
-  }), te("keydown", S, (B) => E(B)), v(o, D), Ae(a, "focusTab", z), se($);
-}
-export {
-  Jt as A,
-  Xt as C,
-  ra as H,
-  ta as I,
-  aa as K,
-  pt as M,
-  sa as S,
-  na as T,
-  ea as a,
-  $e as b,
-  Pt as c,
-  Ft as d,
-  Ee as e,
-  Nt as f,
-  je as g,
-  Lt as h,
-  oa as i,
-  la as j,
-  ee as k,
-  It as l,
-  At as m,
-  Se as t,
-  Ut as u
-};