zabi-components 1.0.2 → 1.0.3

package/dist/Tabs-DRnimczL.js

@@ -1,889 +0,0 @@
-import { t as P, Q as ze, R as Ce, S as Me, T as je, U as ue, p as U, C as ne, D as _e, i as ie, f as y, c as j, s as fe, g as i, h as ve, j as de, r as k, o as C, n as o, u as r, l as e, m as Q, q as ae, v as W, k as w, e as ee, B as Z, E as ge, w as re, b as X, V as xe, W as Te, d as ye, Y as le, P as Ue, Z as he, a as qe, G as Be, x as De, F as Le, y as Ee, A as Pe } from "./x-DaAXsWcz.js";
-import { createEventDispatcher as pe, onMount as Ae, onDestroy as Ie } from "svelte";
-import { B as oe, T as Se, S as Fe, C as Re, c as Oe, a as Ve, b as He, I as Ke } from "./Toggle-L79m_T4s.js";
-function We(Y, d, s = !1, u = !1, M = !1) {
-  var g = Y, F = "";
-  P(() => {
-    var p = (
-      /** @type {Effect} */
-      ze
-    );
-    if (F !== (F = d() ?? "") && (p.nodes_start !== null && (Ce(
-      p.nodes_start,
-      /** @type {TemplateNode} */
-      p.nodes_end
-    ), p.nodes_start = p.nodes_end = null), F !== "")) {
-      var t = F + "";
-      s ? t = `<svg>${t}</svg>` : u && (t = `<math>${t}</math>`);
-      var b = Me(t);
-      if ((s || u) && (b = /** @type {Element} */
-      ue(b)), je(
-        /** @type {TemplateNode} */
-        ue(b),
-        /** @type {TemplateNode} */
-        b.lastChild
-      ), s || u)
-        for (; ue(b); )
-          g.before(
-            /** @type {Node} */
-            ue(b)
-          );
-      else
-        g.before(b);
-    }
-  });
-}
-var Ne = y('<button class="absolute top-sm right-sm 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 = y('<h4 class="font-semibold text-sm mb-1"> </h4>'), Qe = y('<p class="text-sm leading-relaxed"> </p>'), Ye = y('<a class="text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 rounded-sm"> </a>'), Ze = y('<button class="text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 rounded-sm" type="button"> </button>'), Je = y('<div class="mt-3 flex flex-wrap gap-2"></div>'), Xe = y('<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 Mt(Y, d) {
-  de(d, !1);
-  const s = Q(), u = Q(), M = Q();
-  let g = U(d, "variant", 8, "info"), F = U(d, "title", 8, ""), p = U(d, "message", 8, ""), t = U(d, "dismissible", 8, !1), b = U(d, "onDismiss", 8, null), $ = U(d, "actions", 24, () => []);
-  function O() {
-    b() && b()();
-  }
-  function A(f) {
-    f.onClick && f.onClick();
-  }
-  ne(() => {
-  }, () => {
-    w(s, {
-      success: "bg-success-light text-success-dark border border-success",
-      warning: "bg-warning-light text-warning-dark border border-warning",
-      danger: "bg-error-light text-error-dark border border-error",
-      info: "bg-info-light text-info-dark border border-info"
-    });
-  }), ne(() => k(g()), () => {
-    w(u, g() === "success" || g() === "info" ? "status" : "alert");
-  }), ne(() => {
-  }, () => {
-    w(M, {
-      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>`,
-      danger: `<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>`,
-      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>`
-    });
-  }), _e(), ie();
-  var B = Xe(), V = o(B);
-  {
-    var G = (f) => {
-      var l = Ne();
-      ee("click", l, O), i(f, l);
-    };
-    j(V, (f) => {
-      t() && f(G);
-    });
-  }
-  var x = C(V, 2), q = o(x), D = o(q);
-  We(D, () => (e(M), k(g()), r(() => e(M)[g()])));
-  var I = C(q, 2), T = o(I);
-  {
-    var J = (f) => {
-      var l = Ge(), c = o(l);
-      P(() => Z(c, F())), i(f, l);
-    };
-    j(T, (f) => {
-      F() && f(J);
-    });
-  }
-  var m = C(T, 2);
-  {
-    var a = (f) => {
-      var l = Qe(), c = o(l);
-      P(() => Z(c, p())), i(f, l);
-    };
-    j(m, (f) => {
-      p() && f(a);
-    });
-  }
-  var n = C(m, 2);
-  {
-    var v = (f) => {
-      var l = Je();
-      ge(l, 5, $, xe, (c, h) => {
-        var L = re(), R = X(L);
-        {
-          var H = (S) => {
-            var K = Ye(), se = o(K);
-            P(() => {
-              W(K, "href", (e(h), r(() => e(h).href))), Z(se, (e(h), r(() => e(h).label)));
-            }), i(S, K);
-          }, _ = (S) => {
-            var K = Ze(), se = o(K);
-            P(() => Z(se, (e(h), r(() => e(h).label)))), ee("click", K, () => A(e(h))), i(S, K);
-          };
-          j(R, (S) => {
-            e(h), r(() => e(h).href) ? S(H) : S(_, !1);
-          });
-        }
-        i(c, L);
-      }), i(f, l);
-    };
-    j(n, (f) => {
-      k($()), r(() => $().length > 0) && f(v);
-    });
-  }
-  var z = C(x, 2);
-  fe(z, d, "default", {}, null), P(() => {
-    ae(B, 1, `relative rounded-md p-md border ${e(s), k(g()), r(() => e(s)[g()]) ?? ""} transition-all duration-200 motion-reduce:transition-none`), W(B, "role", e(u)), W(B, "aria-live", g() === "success" || g() === "info" ? "polite" : "assertive"), ae(x, 1, `flex items-start gap-sm ${t() ? "pr-8" : ""}`);
-  }), i(Y, B), ve();
-}
-var et = y('<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>'), tt = y('<div class="flex items-center justify-end gap-3 p-6 border-t border-primary bg-surface-secondary"><!></div>'), at = y('<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 rt(Y, d) {
-  const s = Te(d);
-  de(d, !1);
-  let u = U(d, "isOpen", 12, !1), M = U(d, "title", 8, ""), g = U(d, "showCloseButton", 8, !0);
-  const F = pe();
-  let p = Q(), t = Q(null);
-  function b() {
-    u(!1), F("close");
-  }
-  function $(x) {
-    x.target === x.currentTarget && b();
-  }
-  function O(x) {
-    x.key === "Escape" && b();
-  }
-  function A(x) {
-    var T;
-    if (!u()) return;
-    const q = (T = e(p)) == null ? void 0 : T.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    if (!q.length) return;
-    const D = q[0], I = q[q.length - 1];
-    x.key === "Tab" && (x.shiftKey ? document.activeElement === D && (x.preventDefault(), I.focus()) : document.activeElement === I && (x.preventDefault(), D.focus()));
-  }
-  Ae(() => () => {
-    e(t) && e(t).focus();
-  }), ne(() => (k(u()), e(p)), () => {
-    u() && (w(t, document.activeElement), setTimeout(
-      () => {
-        var q;
-        const x = (q = e(p)) == null ? void 0 : q.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-        x == null || x.focus();
-      },
-      0
-    ));
-  }), _e(), ie();
-  var B = re(), V = X(B);
-  {
-    var G = (x) => {
-      var q = at(), D = o(q), I = o(D), T = o(I), J = o(T), m = C(T, 2);
-      {
-        var a = (l) => {
-          var c = et();
-          ee("click", c, b), i(l, c);
-        };
-        j(m, (l) => {
-          g() && l(a);
-        });
-      }
-      var n = C(I, 2), v = o(n);
-      fe(v, d, "default", {}, null);
-      var z = C(n, 2);
-      {
-        var f = (l) => {
-          var c = tt(), h = o(c);
-          fe(h, d, "footer", {}, null), i(l, c);
-        };
-        j(z, (l) => {
-          r(() => s.footer) && l(f);
-        });
-      }
-      ye(D, (l) => w(p, l), () => e(p)), P(() => Z(J, M())), ee("keydown", D, A), ee("click", q, $), ee("keydown", q, O), i(x, q);
-    };
-    j(V, (x) => {
-      u() && x(G);
-    });
-  }
-  i(Y, B), ve();
-}
-var st = y('<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>'), nt = y('<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>'), lt = y('<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>'), ot = y('<img alt="Preview" class="w-full h-48 object-cover rounded-lg border border-stone-600"/>'), it = y('<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>'), vt = y('<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>'), dt = y('<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>'), ct = y('<div class="space-y-4"><div class="relative"><!> <!></div> <!></div>'), ut = y('<div class="space-y-4"><!></div>'), ft = y("<!> <!>", 1), gt = y('<div class="space-y-3"><!> <!></div>');
-function jt(Y, d) {
-  de(d, !1);
-  let s = U(d, "value", 12, null), u = U(d, "disabled", 8, !1), M = U(d, "accept", 8, "image/*"), g = U(
-    d,
-    "maxSize",
-    8,
-    5 * 1024 * 1024
-    // 5MB default
-  ), F = U(d, "placeholder", 8, "No image selected");
-  const p = pe();
-  let t = Q(!1), b = Q(null), $ = Q(null), O = Q(!1), A = Q(0);
-  function B(a) {
-    const n = a.target;
-    if (!n.files || n.files.length === 0) return;
-    const v = n.files[0];
-    if (v.size > g()) {
-      p("error", {
-        message: `File size must be less than ${Math.round(g() / 1024 / 1024)}MB`
-      });
-      return;
-    }
-    if (M() !== "*" && !v.type.match(M().replace("*", ".*"))) {
-      p("error", { message: "Please select a valid file type" });
-      return;
-    }
-    w(b, v), w($, URL.createObjectURL(v));
-  }
-  async function V() {
-    if (!(!e(b) || !e($))) {
-      w(O, !0), w(A, 0);
-      try {
-        const a = setInterval(
-          () => {
-            e(A) < 90 && (w(A, e(A) + Math.random() * 10), p("upload", { progress: e(A) }));
-          },
-          200
-        );
-        await new Promise((n) => setTimeout(n, 1e3)), clearInterval(a), w(A, 100), s(e($)), p("change", { value: e($) }), w(t, !1), x(), p("upload", { progress: 100 });
-      } catch (a) {
-        p("error", { message: `Upload failed: ${a}` });
-      } finally {
-        w(O, !1), w(A, 0);
-      }
-    }
-  }
-  function G() {
-    s(null), p("change", { value: null });
-  }
-  function x() {
-    w(b, null), e($) && (URL.revokeObjectURL(e($)), w($, null)), w(A, 0);
-  }
-  function q() {
-    e($) && (URL.revokeObjectURL(e($)), w($, null));
-  }
-  Ie(() => {
-    q();
-  }), ie();
-  var D = gt(), I = o(D);
-  {
-    var T = (a) => {
-      var n = st(), v = o(n), z = C(v, 2), f = o(z), l = o(f);
-      oe(l, {
-        variant: "secondary",
-        size: "sm",
-        get disabled() {
-          return u();
-        },
-        $$events: { click: () => w(t, !0) },
-        children: (h, L) => {
-          var R = le("Change");
-          i(h, R);
-        },
-        $$slots: { default: !0 }
-      });
-      var c = C(l, 2);
-      oe(c, {
-        variant: "danger",
-        size: "sm",
-        get disabled() {
-          return u();
-        },
-        $$events: { click: G },
-        children: (h, L) => {
-          var R = le("Remove");
-          i(h, R);
-        },
-        $$slots: { default: !0 }
-      }), P(() => W(v, "src", s())), i(a, n);
-    }, J = (a) => {
-      var n = nt(), v = o(n), z = C(o(v), 2), f = o(z), l = o(f), c = C(z, 2), h = o(c);
-      oe(h, {
-        variant: "primary",
-        size: "sm",
-        get disabled() {
-          return u();
-        },
-        $$events: { click: () => w(t, !0) },
-        children: (L, R) => {
-          var H = le("Upload File");
-          i(L, H);
-        },
-        $$slots: { default: !0 }
-      }), P(() => Z(l, F())), i(a, n);
-    };
-    j(I, (a) => {
-      s() ? a(T) : a(J, !1);
-    });
-  }
-  var m = C(I, 2);
-  rt(m, {
-    title: "Upload File",
-    get isOpen() {
-      return e(t);
-    },
-    set isOpen(a) {
-      w(t, a);
-    },
-    $$events: {
-      close: () => {
-        w(t, !1), x();
-      }
-    },
-    children: (a, n) => {
-      var v = ut(), z = o(v);
-      {
-        var f = (c) => {
-          var h = lt(), L = C(o(h), 2), R = C(L, 2), H = o(R);
-          P(
-            (_) => {
-              W(L, "accept", M()), Z(H, `Max size: ${_ ?? ""}MB`);
-            },
-            [
-              () => (k(g()), r(() => Math.round(g() / 1024 / 1024)))
-            ]
-          ), ee("change", L, B), i(c, h);
-        }, l = (c) => {
-          var h = ct(), L = o(h), R = o(L);
-          {
-            var H = (E) => {
-              var N = ot();
-              P(() => W(N, "src", e($))), i(E, N);
-            }, _ = (E) => {
-              var N = it(), ce = o(N), me = C(o(ce), 2), be = o(me);
-              P(() => Z(be, (e(b), r(() => e(b).name)))), i(E, N);
-            };
-            j(R, (E) => {
-              e(b), r(() => e(b).type.startsWith("image/")) ? E(H) : E(_, !1);
-            });
-          }
-          var S = C(R, 2);
-          {
-            var K = (E) => {
-              var N = vt();
-              i(E, N);
-            };
-            j(S, (E) => {
-              e(O) && E(K);
-            });
-          }
-          var se = C(L, 2);
-          {
-            var te = (E) => {
-              var N = dt(), ce = o(N), me = C(o(ce), 2), be = o(me), ke = C(ce, 2), we = o(ke);
-              P(
-                ($e) => {
-                  Z(be, `${$e ?? ""}%`), Ue(we, `width: ${e(A) ?? ""}%`);
-                },
-                [
-                  () => (e(A), r(() => Math.round(e(A))))
-                ]
-              ), i(E, N);
-            };
-            j(se, (E) => {
-              e(O) && E(te);
-            });
-          }
-          i(c, h);
-        };
-        j(z, (c) => {
-          e(b) ? c(l, !1) : c(f);
-        });
-      }
-      i(a, v);
-    },
-    $$slots: {
-      default: !0,
-      footer: (a, n) => {
-        var v = ft(), z = X(v);
-        oe(z, {
-          variant: "secondary",
-          $$events: {
-            click: () => {
-              w(t, !1), x();
-            }
-          },
-          children: (c, h) => {
-            var L = le("Cancel");
-            i(c, L);
-          },
-          $$slots: { default: !0 }
-        });
-        var f = C(z, 2);
-        {
-          var l = (c) => {
-            oe(c, {
-              variant: "primary",
-              get disabled() {
-                return e(O);
-              },
-              get loading() {
-                return e(O);
-              },
-              $$events: { click: V },
-              children: (h, L) => {
-                var R = le();
-                P(() => Z(R, e(O) ? "Uploading..." : "Upload File")), i(h, R);
-              },
-              $$slots: { default: !0 }
-            });
-          };
-          j(f, (c) => {
-            e(b) && c(l);
-          });
-        }
-        i(a, v);
-      }
-    },
-    $$legacy: !0
-  }), i(Y, D), ve();
-}
-var pt = y("<div><!></div>"), mt = y('<div class="flex flex-wrap gap-4"></div>');
-function Tt(Y, d) {
-  de(d, !1);
-  let s = U(d, "values", 28, () => ({})), u = U(d, "fields", 24, () => []);
-  const M = pe();
-  function g(p, t) {
-    s({ ...s(), [p]: t }), M("input", { [p]: t }), M("change", { values: s() });
-  }
-  ie();
-  var F = mt();
-  ge(F, 5, u, (p) => p.key, (p, t) => {
-    var b = pt(), $ = o(b);
-    {
-      var O = (B) => {
-        {
-          let V = he(() => (e(t), r(() => e(t).rows || 3)));
-          Se(B, {
-            get label() {
-              return e(t), r(() => e(t).label);
-            },
-            get placeholder() {
-              return e(t), r(() => e(t).placeholder);
-            },
-            get rows() {
-              return e(V);
-            },
-            get required() {
-              return e(t), r(() => e(t).required);
-            },
-            size: "sm",
-            variant: "outlined",
-            get value() {
-              return s()[e(t).key];
-            },
-            set value(G) {
-              s(s()[e(t).key] = G, !0);
-            },
-            $$events: { input: (G) => g(e(t).key, G.detail.value) },
-            $$legacy: !0
-          });
-        }
-      }, A = (B) => {
-        var V = re(), G = X(V);
-        {
-          var x = (D) => {
-            {
-              let I = he(() => (e(t), r(() => e(t).options || [])));
-              Fe(D, {
-                get options() {
-                  return e(I);
-                },
-                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 s()[e(t).key];
-                },
-                set value(T) {
-                  s(s()[e(t).key] = T, !0);
-                },
-                $$events: { change: (T) => g(e(t).key, T.detail.value) },
-                $$legacy: !0
-              });
-            }
-          }, q = (D) => {
-            var I = re(), T = X(I);
-            {
-              var J = (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 s()[e(t).key];
-                  },
-                  set checked(n) {
-                    s(s()[e(t).key] = n, !0);
-                  },
-                  $$events: {
-                    change: (n) => g(e(t).key, n.detail.checked)
-                  },
-                  $$legacy: !0
-                });
-              }, m = (a) => {
-                var n = re(), v = X(n);
-                {
-                  var z = (l) => {
-                    Oe(l, {
-                      get label() {
-                        return e(t), r(() => e(t).label);
-                      },
-                      get checked() {
-                        return s()[e(t).key];
-                      },
-                      set checked(c) {
-                        s(s()[e(t).key] = c, !0);
-                      },
-                      $$events: { change: (c) => g(e(t).key, c.detail) },
-                      $$legacy: !0
-                    });
-                  }, f = (l) => {
-                    var c = re(), h = X(c);
-                    {
-                      var L = (H) => {
-                        Ve(H, {
-                          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 s()[e(t).key];
-                          },
-                          set value(_) {
-                            s(s()[e(t).key] = _, !0);
-                          },
-                          $$events: { change: (_) => g(e(t).key, _.detail.value) },
-                          $$legacy: !0
-                        });
-                      }, R = (H) => {
-                        var _ = re(), S = X(_);
-                        {
-                          var K = (te) => {
-                            He(te, {
-                              get label() {
-                                return e(t), r(() => e(t).label);
-                              },
-                              get required() {
-                                return e(t), r(() => e(t).required);
-                              },
-                              size: "sm",
-                              get value() {
-                                return s()[e(t).key];
-                              },
-                              set value(E) {
-                                s(s()[e(t).key] = E, !0);
-                              },
-                              $$events: { change: (E) => g(e(t).key, E.detail.value) },
-                              $$legacy: !0
-                            });
-                          }, se = (te) => {
-                            {
-                              let E = he(() => (e(t), r(() => e(t).type || "text")));
-                              Ke(te, {
-                                get type() {
-                                  return e(E);
-                                },
-                                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 s()[e(t).key];
-                                },
-                                set value(N) {
-                                  s(s()[e(t).key] = N, !0);
-                                },
-                                $$events: { input: (N) => g(e(t).key, N.detail.value) },
-                                $$legacy: !0
-                              });
-                            }
-                          };
-                          j(
-                            S,
-                            (te) => {
-                              e(t), r(() => e(t).type === "textalignment") ? te(K) : te(se, !1);
-                            },
-                            !0
-                          );
-                        }
-                        i(H, _);
-                      };
-                      j(
-                        h,
-                        (H) => {
-                          e(t), r(() => e(t).type === "colorpicker") ? H(L) : H(R, !1);
-                        },
-                        !0
-                      );
-                    }
-                    i(l, c);
-                  };
-                  j(
-                    v,
-                    (l) => {
-                      e(t), r(() => e(t).type === "toggle") ? l(z) : l(f, !1);
-                    },
-                    !0
-                  );
-                }
-                i(a, n);
-              };
-              j(
-                T,
-                (a) => {
-                  e(t), r(() => e(t).type === "checkbox") ? a(J) : a(m, !1);
-                },
-                !0
-              );
-            }
-            i(D, I);
-          };
-          j(
-            G,
-            (D) => {
-              e(t), r(() => e(t).type === "select") ? D(x) : D(q, !1);
-            },
-            !0
-          );
-        }
-        i(B, V);
-      };
-      j($, (B) => {
-        e(t), r(() => e(t).type === "textarea") ? B(O) : B(A, !1);
-      });
-    }
-    P(() => ae(b, 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" : "") ?? ""}`)), i(p, b);
-  }), i(Y, F), ve();
-}
-var bt = De('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-fn6h9a"></path></svg>'), ht = y(`<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>`), xt = y('<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-primary-500 rounded-full svelte-fn6h9a"></div>'), yt = y('<button type="button" role="tab"><!> <span class="svelte-fn6h9a"> </span> <!></button> <!>', 1), _t = y('<div role="tabpanel"><!></div>'), kt = y('<div><div role="tablist" tabindex="0"></div> <div class="tab-panels svelte-fn6h9a"></div></div>');
-const wt = {
-  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 Ut(Y, d) {
-  de(d, !1), qe(Y, wt);
-  let s = U(d, "tabs", 24, () => []), u = U(d, "activeTab", 12, ""), M = U(d, "variant", 8, "default"), g = U(d, "size", 8, "md"), F = U(d, "orientation", 8, "horizontal"), p = U(d, "fullWidth", 8, !1), t = U(d, "className", 8, "");
-  const b = pe();
-  let $ = Q(), O = Q(), A = Q(0);
-  const B = {
-    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" }
-  }, V = {
-    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 G(m, a) {
-    if (m.disabled) {
-      a.preventDefault();
-      return;
-    }
-    u(m.id), b("change", { activeTab: u(), tab: m }), b("tabClick", { tab: m, event: a });
-  }
-  function x(m) {
-    if (!e($)) return;
-    const a = Array.from(e($).querySelectorAll('[role="tab"]')), n = a.findIndex((z) => z === document.activeElement);
-    let v = n;
-    switch (m.key) {
-      case "ArrowRight":
-      case "ArrowDown":
-        m.preventDefault(), v = (n + 1) % a.length;
-        break;
-      case "ArrowLeft":
-      case "ArrowUp":
-        m.preventDefault(), v = n === 0 ? a.length - 1 : n - 1;
-        break;
-      case "Home":
-        m.preventDefault(), v = 0;
-        break;
-      case "End":
-        m.preventDefault(), v = a.length - 1;
-        break;
-      case "Enter":
-      case " ":
-        m.preventDefault();
-        const z = a[n];
-        z && z.click();
-        return;
-    }
-    v !== n && a[v] && a[v].focus();
-  }
-  function q(m) {
-    var n;
-    const a = (n = e($)) == null ? void 0 : n.querySelector(`[data-tab-id="${m}"]`);
-    a == null || a.focus();
-  }
-  ne(() => (k(s()), k(u())), () => {
-    s().length > 0 && !u() && u(s()[0].id);
-  }), ne(() => (k(s()), k(u())), () => {
-    w(A, s().findIndex((m) => m.id === u()));
-  }), _e();
-  var D = { focusTab: q };
-  ie();
-  var I = kt(), T = o(I);
-  ge(T, 5, s, xe, (m, a) => {
-    var n = yt(), v = X(n), z = o(v);
-    {
-      var f = (_) => {
-        var S = bt(), K = o(S);
-        P(() => {
-          ae(
-            S,
-            0,
-            Le((k(g()), r(() => B[g()].icon))),
-            "svelte-fn6h9a"
-          ), W(K, "d", (e(a), r(() => e(a).icon)));
-        }), i(_, S);
-      };
-      j(z, (_) => {
-        e(a), r(() => e(a).icon) && _(f);
-      });
-    }
-    var l = C(z, 2), c = o(l), h = C(l, 2);
-    {
-      var L = (_) => {
-        var S = ht(), K = o(S);
-        P(() => Z(K, (e(a), r(() => e(a).badge)))), i(_, S);
-      };
-      j(h, (_) => {
-        e(a), r(() => e(a).badge) && _(L);
-      });
-    }
-    var R = C(v, 2);
-    {
-      var H = (_) => {
-        var S = xt();
-        i(_, S);
-      };
-      j(R, (_) => {
-        k(M()), e(a), k(u()), r(() => M() === "underline" && e(a).id === u()) && _(H);
-      });
-    }
-    P(() => {
-      W(v, "data-tab-id", (e(a), r(() => e(a).id))), ae(
-        v,
-        1,
-        `
-                    ${k(g()), r(() => B[g()].tab) ?? ""}
-                    ${k(M()), r(() => V[M()].tab) ?? ""}
-                    ${e(a), k(u()), k(M()), r(() => e(a).id === u() ? V[M()].activeTab : "") ?? ""}
-                    ${e(a), r(() => e(a).disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer") ?? ""}
-                    ${p() ? "flex-1" : ""}
-                    flex items-center justify-center gap-2
-                `,
-        "svelte-fn6h9a"
-      ), W(v, "aria-selected", (e(a), k(u()), r(() => e(a).id === u()))), W(v, "aria-controls", `tabpanel-${e(a), r(() => e(a).id) ?? ""}`), W(v, "aria-disabled", (e(a), r(() => e(a).disabled))), W(v, "tabindex", (e(a), k(u()), r(() => e(a).id === u() ? 0 : -1))), Z(c, (e(a), r(() => e(a).label)));
-    }), ee("click", v, (_) => G(e(a), _)), i(m, n);
-  }), ye(T, (m) => w($, m), () => e($));
-  var J = C(T, 2);
-  return ge(J, 5, s, xe, (m, a) => {
-    var n = _t(), v = o(n);
-    {
-      var z = (f) => {
-        var l = re(), c = X(l);
-        fe(c, d, "content", {}, null), i(f, l);
-      };
-      j(v, (f) => {
-        e(a), k(u()), r(() => e(a).id === u()) && f(z);
-      });
-    }
-    P(() => {
-      W(n, "id", `tabpanel-${e(a), r(() => e(a).id) ?? ""}`), W(n, "aria-labelledby", `tab-${e(a), r(() => e(a).id) ?? ""}`), ae(
-        n,
-        1,
-        `
-                    ${k(g()), r(() => B[g()].panel) ?? ""}
-                    ${k(M()), r(() => V[M()].panel) ?? ""}
-                    ${e(a), k(u()), r(() => e(a).id === u() ? "block" : "hidden") ?? ""}
-                `,
-        "svelte-fn6h9a"
-      );
-    }), Ee(3, n, () => Pe, () => ({ duration: 200 })), i(m, n);
-  }), ye(J, (m) => w(O, m), () => e(O)), P(() => {
-    ae(I, 1, `tabs-container ${F() === "vertical" ? "flex" : ""} ${t() ?? ""}`, "svelte-fn6h9a"), ae(
-      T,
-      1,
-      `
-            ${k(M()), r(() => V[M()].container) ?? ""}
-            ${F() === "vertical" ? "flex-col space-y-1 mr-4" : ""}
-            ${k(p()), k(s()), r(() => p() ? "grid grid-cols-" + s().length : "flex") ?? ""}
-        `,
-      "svelte-fn6h9a"
-    ), W(T, "aria-orientation", F());
-  }), ee("keydown", T, x), i(Y, I), Be(d, "focusTab", q), ve(D);
-}
-export {
-  Mt as A,
-  jt as I,
-  Tt as K,
-  rt as M,
-  Ut as T
-};