@pathscale/ui 0.0.43 → 0.0.45

package/dist/index.js

@@ -3401,17 +3401,17 @@ const getDefaultConfig = ()=>{
     };
 };
 const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
-function r(e) {
+function clsx_r(e) {
     var t, f, n = "";
     if ("string" == typeof e || "number" == typeof e) n += e;
     else if ("object" == typeof e) if (Array.isArray(e)) {
         var o = e.length;
-        for(t = 0; t < o; t++)e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+        for(t = 0; t < o; t++)e[t] && (f = clsx_r(e[t])) && (n && (n += " "), n += f);
     } else for(f in e)e[f] && (n && (n += " "), n += f);
     return n;
 }
 function clsx() {
-    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = clsx_r(e)) && (n && (n += " "), n += t);
     return n;
 }
 const dist_clsx = clsx;
@@ -4133,6 +4133,1369 @@ const Button = (props)=>{
     }));
 };
 const button_Button = Button;
+class se {
+    #t;
+    #e = /* @__PURE__ */ new Set();
+    constructor(t){
+        this.#t = t;
+    }
+    get current() {
+        return this.#t;
+    }
+    set current(t) {
+        this.#t != t && (this.#t = t, this.#e.forEach((n)=>n(t)));
+    }
+    on(t) {
+        return this.#e.add(t), ()=>this.#e.delete(t);
+    }
+}
+const At = (e)=>new se(e), nt = Symbol.for("atomico.hooks");
+globalThis[nt] = globalThis[nt] || {};
+let O = globalThis[nt];
+const oe = Symbol.for("Atomico.suspense"), Ft = Symbol.for("Atomico.effect"), re = Symbol.for("Atomico.layoutEffect"), Rt = Symbol.for("Atomico.insertionEffect"), M = (e, t, n)=>{
+    const { i: s, hooks: r } = O.c, o = r[s] = r[s] || {};
+    return o.value = e(o.value), o.effect = t, o.tag = n, O.c.i++, r[s].value;
+}, ae = (e)=>M((t = At(e))=>t), cally_ = ()=>M((e = At(O.c.host))=>e), $t = ()=>O.c.update, ce = (e, t, n = 0)=>{
+    let s = {}, r = !1;
+    const o = ()=>r, a = (l, c)=>{
+        for(const d in s){
+            const f = s[d];
+            f.effect && f.tag === l && (f.value = f.effect(f.value, c));
+        }
+    };
+    return {
+        load: (l)=>{
+            O.c = {
+                host: t,
+                hooks: s,
+                update: e,
+                i: 0,
+                id: n
+            };
+            let c;
+            try {
+                r = !1, c = l();
+            } catch (d) {
+                if (d !== oe) throw d;
+                r = !0;
+            } finally{
+                O.c = null;
+            }
+            return c;
+        },
+        cleanEffects: (l)=>(a(Rt, l), ()=>(a(re, l), ()=>{
+                    a(Ft, l);
+                })),
+        isSuspense: o
+    };
+}, A = Symbol.for;
+function It(e, t) {
+    const n = e.length;
+    if (n !== t.length) return !1;
+    for(let s = 0; s < n; s++){
+        let r = e[s], o = t[s];
+        if (r !== o) return !1;
+    }
+    return !0;
+}
+const T = (e)=>"function" == typeof e, R = (e)=>"object" == typeof e, { isArray: ie } = Array, st = (e, t)=>(t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
+function Ut(e, t) {
+    let n;
+    const s = (r)=>{
+        let { length: o } = r;
+        for(let a = 0; a < o; a++){
+            const u = r[a];
+            if (u && Array.isArray(u)) s(u);
+            else {
+                const i = typeof u;
+                if (null == u || "function" === i || "boolean" === i) continue;
+                "string" === i || "number" === i ? (null == n && (n = ""), n += u) : (null != n && (t(n), n = null), t(u));
+            }
+        }
+    };
+    s(e), null != n && t(n);
+}
+const Lt = (e, t, n)=>(e.addEventListener(t, n), ()=>e.removeEventListener(t, n));
+class _t {
+    constructor(t, n, s){
+        this.message = n, this.target = t, this.value = s;
+    }
+}
+class jt extends _t {
+}
+class le extends _t {
+}
+const x = "Custom", ue = null, fe = {
+    true: 1,
+    "": 1,
+    1: 1
+};
+function de(e, t, n, s, r) {
+    const { type: o, reflect: a, event: u, value: i, attr: l = he(t) } = n?.name != x && R(n) && n != ue ? n : {
+        type: n
+    }, c = o?.name === x && o.map, d = null != i ? o != Function && T(i) ? i : ()=>i : null;
+    Object.defineProperty(e, t, {
+        configurable: !0,
+        set (f) {
+            const m = this[t];
+            d && o != Boolean && null == f && (f = d());
+            const { error: E, value: g } = (c ? pe : be)(o, f);
+            if (E && null != g) throw new jt(this, `The value defined for prop '${t}' must be of type '${o.name}'`, g);
+            m != g && (this._props[t] = g ?? void 0, this.update(), u && Yt(this, u), this.updated.then(()=>{
+                a && (this._ignoreAttr = l, me(this, o, l, this[t]), this._ignoreAttr = null);
+            }));
+        },
+        get () {
+            return this._props[t];
+        }
+    }), d && (r[t] = d()), s[l] = {
+        prop: t,
+        type: o
+    };
+}
+const Yt = (e, { type: t, base: n = CustomEvent, ...s })=>e.dispatchEvent(new n(t, s)), he = (e)=>e.replace(/([A-Z])/g, "-$1").toLowerCase(), me = (e, t, n, s)=>null != s && (t != Boolean || s) ? e.setAttribute(n, t?.name === x && t?.serialize ? t?.serialize(s) : R(s) ? JSON.stringify(s) : t == Boolean ? "" : s) : e.removeAttribute(n), ye = (e, t)=>e == Boolean ? !!fe[t] : e == Number ? Number(t) : e == String ? t : e == Array || e == Object ? JSON.parse(t) : e.name == x ? t : new e(t), pe = ({ map: e }, t)=>{
+    try {
+        return {
+            value: e(t),
+            error: !1
+        };
+    } catch  {
+        return {
+            value: t,
+            error: !0
+        };
+    }
+}, be = (e, t)=>null == e || null == t ? {
+        value: t,
+        error: !1
+    } : e != String && "" === t ? {
+        value: void 0,
+        error: !1
+    } : e == Object || e == Array || e == Symbol ? {
+        value: t,
+        error: ({}).toString.call(t) !== `[object ${e.name}]`
+    } : t instanceof e ? {
+        value: t,
+        error: e == Number && Number.isNaN(t.valueOf())
+    } : e == String || e == Number || e == Boolean ? {
+        value: t,
+        error: e == Number ? "number" != typeof t ? !0 : Number.isNaN(t) : e == String ? "string" != typeof t : "boolean" != typeof t
+    } : {
+        value: t,
+        error: !0
+    };
+let ge = 0;
+const ve = (e)=>{
+    const t = (e?.dataset || {})?.hydrate || "";
+    return t || "c" + ge++;
+}, j = (e, t = HTMLElement)=>{
+    const n = {}, s = {}, r = "prototype" in t && t.prototype instanceof Element, o = r ? t : "base" in t ? t.base : HTMLElement, { props: a, styles: u } = r ? e : t;
+    class i extends o {
+        constructor(){
+            super(), this._setup(), this._render = ()=>e({
+                    ...this._props
+                });
+            for(const c in s)this[c] = s[c];
+        }
+        static get styles() {
+            return [
+                super.styles,
+                u
+            ];
+        }
+        async _setup() {
+            if (this._props) return;
+            this._props = {};
+            let c, d;
+            this.mounted = new Promise((y)=>this.mount = ()=>{
+                    y(), c != this.parentNode && (d != c ? this.unmounted.then(this.update) : this.update()), c = this.parentNode;
+                }), this.unmounted = new Promise((y)=>this.unmount = ()=>{
+                    y(), c == this.parentNode && this.isConnected || (f.cleanEffects(!0)()(), d = this.parentNode, c = null);
+                }), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
+            const f = ce(()=>this.update(), this, ve(this));
+            let m, E = !0;
+            const g = st(this);
+            this.update = ()=>(m || (m = !0, this.updated = (this.updated || this.mounted).then(()=>{
+                    try {
+                        const y = f.load(this._render), h = f.cleanEffects();
+                        return y && y.render(this, this.symbolId, g), m = !1, E && !f.isSuspense() && (E = !1, g || Ee(this)), h();
+                    } finally{
+                        m = !1;
+                    }
+                }).then((y)=>{
+                    y && y();
+                })), this.updated), this.update();
+        }
+        connectedCallback() {
+            this.mount(), super.connectedCallback && super.connectedCallback();
+        }
+        disconnectedCallback() {
+            super.disconnectedCallback && super.disconnectedCallback(), this.unmount();
+        }
+        attributeChangedCallback(c, d, f) {
+            if (n[c]) {
+                if (c === this._ignoreAttr || d === f) return;
+                const { prop: m, type: E } = n[c];
+                try {
+                    this[m] = ye(E, f);
+                } catch  {
+                    throw new le(this, `The value defined as attr '${c}' cannot be parsed by type '${E.name}'`, f);
+                }
+            } else super.attributeChangedCallback(c, d, f);
+        }
+        static get props() {
+            return {
+                ...super.props,
+                ...a
+            };
+        }
+        static get observedAttributes() {
+            const c = super.observedAttributes || [];
+            for(const d in a)de(this.prototype, d, a[d], n, s);
+            return Object.keys(n).concat(c);
+        }
+    }
+    return i;
+};
+function Ee(e) {
+    const { styles: t } = e.constructor, { shadowRoot: n } = e;
+    if (n && t.length) {
+        const s = [];
+        Ut(t, (r)=>{
+            r && (r instanceof Element ? n.appendChild(r.cloneNode(!0)) : s.push(r));
+        }), s.length && (n.adoptedStyleSheets = s);
+    }
+}
+const Bt = (e)=>(t, n)=>{
+        M(([s, r] = [])=>((r || !r) && (r && It(r, n) ? s = s || !0 : (T(s) && s(), s = null)), [
+                s,
+                n
+            ]), ([s, r], o)=>o ? (T(s) && s(), []) : [
+                s || t(),
+                r
+            ], e);
+    }, U = Bt(Ft), De = Bt(Rt);
+class qt extends Array {
+    constructor(t, n){
+        let s = !0;
+        const r = (o)=>{
+            try {
+                n(o, this, s);
+            } finally{
+                s = !1;
+            }
+        };
+        super(void 0, r, n), r(t);
+    }
+}
+const ct = (e)=>{
+    const t = $t();
+    return M((n = new qt(e, (s, r, o)=>{
+        s = T(s) ? s(r[0]) : s, s !== r[0] && (r[0] = s, o || t());
+    }))=>n);
+}, C = (e, t)=>{
+    const [n] = M(([s, r, o = 0] = [])=>(r && (!r || It(r, t)) || (s = e()), [
+            s,
+            t,
+            o
+        ]));
+    return n;
+}, it = (e)=>{
+    const { current: t } = cally_();
+    if (!(e in t)) throw new jt(t, `For useProp("${e}"), the prop does not exist on the host.`, e);
+    return M((n = new qt(t[e], (s, r)=>{
+        s = T(s) ? s(t[e]) : s, t[e] = s;
+    }))=>(n[0] = t[e], n));
+}, P = (e, t = {})=>{
+    const n = cally_();
+    return n[e] || (n[e] = (s = t.detail)=>Yt(n.current, {
+            type: e,
+            ...t,
+            detail: s
+        })), n[e];
+}, ot = A("atomico/options");
+globalThis[ot] = globalThis[ot] || {
+    sheet: !!document.adoptedStyleSheets
+};
+const xt = globalThis[ot], Se = {
+    checked: 1,
+    value: 1,
+    selected: 1
+}, we = {
+    list: 1,
+    type: 1,
+    size: 1,
+    form: 1,
+    width: 1,
+    height: 1,
+    src: 1,
+    href: 1,
+    slot: 1
+}, Te = {
+    shadowDom: 1,
+    staticNode: 1,
+    cloneNode: 1,
+    children: 1,
+    key: 1
+}, q = {}, rt = [];
+class at extends Text {
+}
+const Ce = A("atomico/id"), $ = A("atomico/type"), X = A("atomico/ref"), zt = A("atomico/vnode"), Pe = ()=>{};
+function Ne(e, t, n) {
+    return Kt(this, e, t, n);
+}
+const Ht = (e, t, ...n)=>{
+    const s = t || q;
+    let { children: r } = s;
+    if (r = r ?? (n.length ? n : rt), e === Pe) return r;
+    const o = e ? e instanceof Node ? 1 : e.prototype instanceof HTMLElement && 2 : 0;
+    if (!1 === o && e instanceof Function) return e(r != rt ? {
+        children: r,
+        ...s
+    } : s);
+    const a = xt.render || Ne;
+    return {
+        [$]: zt,
+        type: e,
+        props: s,
+        children: r,
+        key: s.key,
+        shadow: s.shadowDom,
+        static: s.staticNode,
+        raw: o,
+        is: s.is,
+        clone: s.cloneNode,
+        render: a
+    };
+};
+function Kt(e, t, n = Ce, s, r) {
+    let o;
+    if (t && t[n] && t[n].vnode == e || e[$] != zt) return t;
+    (e || !t) && (r = r || "svg" == e.type, o = "host" != e.type && (1 == e.raw ? (t && e.clone ? t[X] : t) != e.type : 2 == e.raw ? !(t instanceof e.type) : t ? t[X] || t.localName != e.type : !t), o && null != e.type && (1 == e.raw && e.clone ? (s = !0, t = e.type.cloneNode(!0), t[X] = e.type) : t = 1 == e.raw ? e.type : 2 == e.raw ? new e.type() : r ? document.createElementNS("http://www.w3.org/2000/svg", e.type) : document.createElement(e.type, e.is ? {
+        is: e.is
+    } : void 0)));
+    const a = t[n] ? t[n] : q, { vnode: u = q, cycle: i = 0 } = a;
+    let { fragment: l, handlers: c } = a;
+    const { children: d = rt, props: f = q } = u;
+    if (c = o ? {} : c || {}, e.static && !o) return t;
+    if (e.shadow && !t.shadowRoot && t.attachShadow({
+        mode: "open",
+        ...e.shadow
+    }), e.props != f && Me(t, f, e.props, c, r), e.children !== d) {
+        const m = e.shadow ? t.shadowRoot : t;
+        l = Oe(e.children, l, m, n, !i && s, r && "foreignObject" == e.type ? !1 : r);
+    }
+    return t[n] = {
+        vnode: e,
+        handlers: c,
+        fragment: l,
+        cycle: i + 1
+    }, t;
+}
+function ke(e, t) {
+    const n = new at(""), s = new at("");
+    let r;
+    if (e[t ? "prepend" : "append"](n), t) {
+        let { lastElementChild: o } = e;
+        for(; o;){
+            const { previousElementSibling: a } = o;
+            if (st(o, !0) && !st(a, !0)) {
+                r = o;
+                break;
+            }
+            o = a;
+        }
+    }
+    return r ? r.before(s) : e.append(s), {
+        markStart: n,
+        markEnd: s
+    };
+}
+function Oe(e, t, n, s, r, o) {
+    e = null == e ? null : ie(e) ? e : [
+        e
+    ];
+    const a = t || ke(n, r), { markStart: u, markEnd: i, keyes: l } = a;
+    let c;
+    const d = l && /* @__PURE__ */ new Set();
+    let f = u;
+    if (e && Ut(e, (m)=>{
+        if ("object" == typeof m && !m[$]) return;
+        const E = m[$] && m.key, g = l && null != E && l.get(E);
+        f != i && f === g ? d.delete(f) : f = f == i ? i : f.nextSibling;
+        const y = l ? g : f;
+        let h = y;
+        if (m[$]) h = Kt(m, y, s, r, o);
+        else {
+            const S = m + "";
+            !(h instanceof Text) || h instanceof at ? h = new Text(S) : h.data != S && (h.data = S);
+        }
+        h != f && (l && d.delete(h), !y || l ? (n.insertBefore(h, f), l && f != i && d.add(f)) : y == i ? n.insertBefore(h, i) : (n.replaceChild(h, y), f = h)), null != E && (c = c || /* @__PURE__ */ new Map(), c.set(E, h));
+    }), f = f == i ? i : f.nextSibling, t && f != i) for(; f != i;){
+        const m = f;
+        f = f.nextSibling, m.remove();
+    }
+    return d && d.forEach((m)=>m.remove()), a.keyes = c, a;
+}
+function Me(e, t, n, s, r) {
+    for(const o in t)o in n || St(e, o, t[o], null, r, s);
+    for(const o in n)St(e, o, t[o], n[o], r, s);
+}
+function St(e, t, n, s, r, o) {
+    if (t = "class" != t || r ? t : "className", n = n ?? null, s = s ?? null, t in e && Se[t] && (n = e[t]), !(s === n || Te[t] || "_" == t[0])) if ("o" == t[0] && "n" == t[1] && (T(s) || T(n))) Ae(e, t.slice(2), s, o);
+    else if ("ref" == t) s && (T(s) ? s(e) : s.current = e);
+    else if ("style" == t) {
+        const { style: a } = e;
+        n = n || "", s = s || "";
+        const u = R(n), i = R(s);
+        if (u) for(const l in n)if (i) l in s || wt(a, l, null);
+        else break;
+        if (i) for(const l in s){
+            const c = s[l];
+            u && n[l] === c || wt(a, l, c);
+        }
+        else a.cssText = s;
+    } else {
+        const a = "$" == t[0] ? t.slice(1) : t;
+        a === t && (!r && !we[t] && t in e || T(s) || T(n)) ? e[t] = s ?? "" : null == s ? e.removeAttribute(a) : e.setAttribute(a, R(s) ? JSON.stringify(s) : s);
+    }
+}
+function Ae(e, t, n, s) {
+    if (s.handleEvent || (s.handleEvent = (r)=>s[r.type].call(e, r)), n) {
+        if (!s[t]) {
+            const r = n.capture || n.once || n.passive ? Object.assign({}, n) : null;
+            e.addEventListener(t, s, r);
+        }
+        s[t] = n;
+    } else s[t] && (e.removeEventListener(t, s), delete s[t]);
+}
+function wt(e, t, n) {
+    let s = "setProperty";
+    null == n && (s = "removeProperty", n = null), ~t.indexOf("-") ? e[s](t, n) : e[t] = n;
+}
+const Tt = {};
+function H(e, ...t) {
+    const n = (e.raw || e).reduce((s, r, o)=>s + r + (t[o] || ""), "");
+    return Tt[n] = Tt[n] || Fe(n);
+}
+function Fe(e) {
+    if (xt.sheet) {
+        const t = new CSSStyleSheet();
+        return t.replaceSync(e), t;
+    }
+    {
+        const t = document.createElement("style");
+        return t.textContent = e, t;
+    }
+}
+const Re = Ht("host", {
+    style: "display: contents"
+}), G = A("atomico/context"), $e = (e, t)=>{
+    const n = cally_();
+    De(()=>Lt(n.current, "ConnectContext", (s)=>{
+            e === s.detail.id && (s.stopPropagation(), s.detail.connect(t));
+        }), [
+        e
+    ]);
+}, Ie = (e)=>{
+    const t = P("ConnectContext", {
+        bubbles: !0,
+        composed: !0
+    }), n = ()=>{
+        let o;
+        return t({
+            id: e,
+            connect (a) {
+                o = a;
+            }
+        }), o;
+    }, [s, r] = ct(n);
+    return U(()=>{
+        s || (e[G] || (e[G] = customElements.whenDefined(new e().localName)), e[G].then(()=>r(n)));
+    }, [
+        e
+    ]), s;
+}, Ue = (e)=>{
+    const t = Ie(e), n = $t();
+    return U(()=>{
+        if (t) return Lt(t, "UpdatedValue", n);
+    }, [
+        t
+    ]), (t || e).value;
+}, Le = (e)=>{
+    const t = j(()=>($e(t, cally_().current), Re), {
+        props: {
+            value: {
+                type: Object,
+                event: {
+                    type: "UpdatedValue"
+                },
+                value: ()=>e
+            }
+        }
+    });
+    return t.value = e, t;
+}, p = (e, t, n)=>(null == t ? t = {
+        key: n
+    } : t.key = n, Ht(e, t)), I = p, Wt = H`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, Jt = H`.vh{position:absolute;transform:scale(0)}`;
+function lt() {
+    const e = /* @__PURE__ */ new Date();
+    return new v(e.getFullYear(), e.getMonth() + 1, e.getDate());
+}
+function ut(e, t = 0) {
+    const n = w(e), s = n.getUTCDay(), r = (s < t ? 7 : 0) + s - t;
+    return n.setUTCDate(n.getUTCDate() - r), v.from(n);
+}
+function Zt(e, t = 0) {
+    return ut(e, t).add({
+        days: 6
+    });
+}
+function Xt(e) {
+    return v.from(new Date(Date.UTC(e.year, e.month, 0)));
+}
+function K(e, t, n) {
+    return t && v.compare(e, t) < 0 ? t : n && v.compare(e, n) > 0 ? n : e;
+}
+const _e = {
+    days: 1
+};
+function je(e, t = 0) {
+    let n = ut(e.toPlainDate(), t);
+    const s = Zt(Xt(e), t), r = [];
+    for(; v.compare(n, s) < 0;){
+        const o = [];
+        for(let a = 0; a < 7; a++)o.push(n), n = n.add(_e);
+        r.push(o);
+    }
+    return r;
+}
+function w(e) {
+    return new Date(Date.UTC(e.year, e.month - 1, e.day ?? 1));
+}
+const Ye = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, Q = (e, t)=>e.toString().padStart(t, "0");
+class v {
+    constructor(t, n, s){
+        this.year = t, this.month = n, this.day = s;
+    }
+    add(t) {
+        const n = w(this);
+        if ("days" in t) return n.setUTCDate(this.day + t.days), v.from(n);
+        let { year: s, month: r } = this;
+        "months" in t ? (r = this.month + t.months, n.setUTCMonth(r - 1)) : (s = this.year + t.years, n.setUTCFullYear(s));
+        const o = v.from(w({
+            year: s,
+            month: r,
+            day: 1
+        }));
+        return K(v.from(n), o, Xt(o));
+    }
+    toString() {
+        return `${Q(this.year, 4)}-${Q(this.month, 2)}-${Q(this.day, 2)}`;
+    }
+    toPlainYearMonth() {
+        return new W(this.year, this.month);
+    }
+    equals(t) {
+        return 0 === v.compare(this, t);
+    }
+    static compare(t, n) {
+        return t.year < n.year ? -1 : t.year > n.year ? 1 : t.month < n.month ? -1 : t.month > n.month ? 1 : t.day < n.day ? -1 : t.day > n.day ? 1 : 0;
+    }
+    static from(t) {
+        if ("string" == typeof t) {
+            const n = t.match(Ye);
+            if (!n) throw new TypeError(t);
+            const [, s, r, o] = n;
+            return new v(parseInt(s, 10), parseInt(r, 10), parseInt(o, 10));
+        }
+        return new v(t.getUTCFullYear(), t.getUTCMonth() + 1, t.getUTCDate());
+    }
+}
+class W {
+    constructor(t, n){
+        this.year = t, this.month = n;
+    }
+    add(t) {
+        const n = w(this), s = (t.months ?? 0) + (t.years ?? 0) * 12;
+        return n.setUTCMonth(n.getUTCMonth() + s), new W(n.getUTCFullYear(), n.getUTCMonth() + 1);
+    }
+    equals(t) {
+        return this.year === t.year && this.month === t.month;
+    }
+    toPlainDate() {
+        return new v(this.year, this.month, 1);
+    }
+}
+function z(e, t) {
+    if (t) try {
+        return e.from(t);
+    } catch  {}
+}
+function N(e) {
+    const [t, n] = it(e);
+    return [
+        C(()=>z(v, t), [
+            t
+        ]),
+        (o)=>n(o?.toString())
+    ];
+}
+function Be(e) {
+    const [t = "", n] = it(e);
+    return [
+        C(()=>{
+            const [o, a] = t.split("/"), u = z(v, o), i = z(v, a);
+            return u && i ? [
+                u,
+                i
+            ] : [];
+        }, [
+            t
+        ]),
+        (o)=>n(`${o[0]}/${o[1]}`)
+    ];
+}
+function qe(e) {
+    const [t = "", n] = it(e);
+    return [
+        C(()=>{
+            const o = [];
+            for (const a of t.trim().split(/\s+/)){
+                const u = z(v, a);
+                u && o.push(u);
+            }
+            return o;
+        }, [
+            t
+        ]),
+        (o)=>n(o.join(" "))
+    ];
+}
+function L(e, t) {
+    return C(()=>new Intl.DateTimeFormat(t, {
+            timeZone: "UTC",
+            ...e
+        }), [
+        t,
+        e
+    ]);
+}
+function Ct(e, t, n) {
+    const s = L(e, n);
+    return C(()=>{
+        const r = [], o = /* @__PURE__ */ new Date();
+        for(var a = 0; a < 7; a++){
+            const u = (o.getUTCDay() - t + 7) % 7;
+            r[u] = s.format(o), o.setUTCDate(o.getUTCDate() + 1);
+        }
+        return r;
+    }, [
+        t,
+        s
+    ]);
+}
+const Pt = (e, t, n)=>K(e, t, n) === e, Nt = (e)=>e.target.matches(":dir(ltr)"), xe = {
+    month: "long",
+    day: "numeric"
+}, ze = {
+    month: "long"
+}, He = {
+    weekday: "long"
+}, V = {
+    bubbles: !0
+};
+function Ke({ props: e, context: t }) {
+    const { offset: n } = e, { firstDayOfWeek: s, isDateDisallowed: r, min: o, max: a, today: u, page: i, locale: l, focusedDate: c, formatWeekday: d } = t, f = u ?? lt(), m = Ct(He, s, l), E = C(()=>({
+            weekday: d
+        }), [
+        d
+    ]), g = Ct(E, s, l), y = L(xe, l), h = L(ze, l), S = C(()=>i.start.add({
+            months: n
+        }), [
+        i,
+        n
+    ]), J = C(()=>je(S, s), [
+        S,
+        s
+    ]), Gt = P("focusday", V), Qt = P("selectday", V), Vt = P("hoverday", V);
+    function pt(b) {
+        Gt(K(b, o, a));
+    }
+    function te(b) {
+        let D;
+        switch(b.key){
+            case "ArrowRight":
+                D = c.add({
+                    days: Nt(b) ? 1 : -1
+                });
+                break;
+            case "ArrowLeft":
+                D = c.add({
+                    days: Nt(b) ? -1 : 1
+                });
+                break;
+            case "ArrowDown":
+                D = c.add({
+                    days: 7
+                });
+                break;
+            case "ArrowUp":
+                D = c.add({
+                    days: -7
+                });
+                break;
+            case "PageUp":
+                D = c.add(b.shiftKey ? {
+                    years: -1
+                } : {
+                    months: -1
+                });
+                break;
+            case "PageDown":
+                D = c.add(b.shiftKey ? {
+                    years: 1
+                } : {
+                    months: 1
+                });
+                break;
+            case "Home":
+                D = ut(c, s);
+                break;
+            case "End":
+                D = Zt(c, s);
+                break;
+            default:
+                return;
+        }
+        pt(D), b.preventDefault();
+    }
+    function ee(b) {
+        const D = S.equals(b);
+        if (!t.showOutsideDays && !D) return;
+        const ne = b.equals(c), bt = b.equals(f), Y = w(b), B = r?.(Y), gt = !Pt(b, o, a);
+        let vt = "", k;
+        if ("range" === t.type) {
+            const [F, Z] = t.value, Et = F?.equals(b), Dt = Z?.equals(b);
+            k = F && Z && Pt(b, F, Z), vt = `${Et ? "range-start" : ""} ${Dt ? "range-end" : ""} ${k && !Et && !Dt ? "range-inner" : ""}`;
+        } else "multi" === t.type ? k = t.value.some((F)=>F.equals(b)) : k = t.value?.equals(b);
+        return {
+            part: `button day day-${Y.getDay()} ${D ? k ? "selected" : "" : "outside"} ${B ? "disallowed" : ""} ${bt ? "today" : ""} ${t.getDayParts?.(Y) ?? ""} ${vt}`,
+            tabindex: D && ne ? 0 : -1,
+            disabled: gt,
+            "aria-disabled": B ? "true" : void 0,
+            "aria-pressed": D && k,
+            "aria-current": bt ? "date" : void 0,
+            "aria-label": y.format(Y),
+            onkeydown: te,
+            onclick () {
+                B || Qt(b), pt(b);
+            },
+            onmouseover () {
+                B || gt || Vt(b);
+            }
+        };
+    }
+    return {
+        weeks: J,
+        yearMonth: S,
+        daysLong: m,
+        daysVisible: g,
+        formatter: h,
+        getDayProps: ee
+    };
+}
+const tt = lt(), ft = Le({
+    type: "date",
+    firstDayOfWeek: 1,
+    focusedDate: tt,
+    page: {
+        start: tt.toPlainYearMonth(),
+        end: tt.toPlainYearMonth()
+    }
+});
+customElements.define("calendar-ctx", ft);
+const We = (e, t)=>(t + e) % 7, Je = j((e)=>{
+    const t = Ue(ft), n = ae(), s = Ke({
+        props: e,
+        context: t
+    });
+    function r() {
+        n.current.querySelector("button[tabindex='0']")?.focus();
+    }
+    return /* @__PURE__ */ I("host", {
+        shadowDom: !0,
+        focus: r,
+        children: [
+            /* @__PURE__ */ p("div", {
+                id: "h",
+                part: "heading",
+                children: s.formatter.format(w(s.yearMonth))
+            }),
+            /* @__PURE__ */ I("table", {
+                ref: n,
+                "aria-labelledby": "h",
+                part: "table",
+                children: [
+                    /* @__PURE__ */ p("thead", {
+                        children: /* @__PURE__ */ p("tr", {
+                            part: "tr head",
+                            children: s.daysLong.map((o, a)=>/* @__PURE__ */ I("th", {
+                                    part: `th day day-${We(t.firstDayOfWeek, a)}`,
+                                    scope: "col",
+                                    children: [
+                                        /* @__PURE__ */ p("span", {
+                                            class: "vh",
+                                            children: o
+                                        }),
+                                        /* @__PURE__ */ p("span", {
+                                            "aria-hidden": "true",
+                                            children: s.daysVisible[a]
+                                        })
+                                    ]
+                                }))
+                        })
+                    }),
+                    /* @__PURE__ */ p("tbody", {
+                        children: s.weeks.map((o, a)=>/* @__PURE__ */ p("tr", {
+                                part: "tr week",
+                                children: o.map((u, i)=>{
+                                    const l = s.getDayProps(u);
+                                    return /* @__PURE__ */ p("td", {
+                                        part: "td",
+                                        children: l && /* @__PURE__ */ p("button", {
+                                            ...l,
+                                            children: u.day
+                                        })
+                                    }, i);
+                                })
+                            }, a))
+                    })
+                ]
+            })
+        ]
+    });
+}, {
+    props: {
+        offset: {
+            type: Number,
+            value: 0
+        }
+    },
+    styles: [
+        Wt,
+        Jt,
+        H`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}`
+    ]
+});
+customElements.define("calendar-month", Je);
+function kt(e) {
+    return /* @__PURE__ */ p("button", {
+        part: `button ${e.name} ${e.onclick ? "" : "disabled"}`,
+        onclick: e.onclick,
+        "aria-disabled": e.onclick ? null : "true",
+        children: /* @__PURE__ */ p("slot", {
+            name: e.name,
+            children: e.children
+        })
+    });
+}
+function dt(e) {
+    const t = w(e.page.start), n = w(e.page.end);
+    return /* @__PURE__ */ I("div", {
+        role: "group",
+        "aria-labelledby": "h",
+        part: "container",
+        children: [
+            /* @__PURE__ */ p("div", {
+                id: "h",
+                class: "vh",
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                children: e.formatVerbose.formatRange(t, n)
+            }),
+            /* @__PURE__ */ I("div", {
+                part: "header",
+                children: [
+                    /* @__PURE__ */ p(kt, {
+                        name: "previous",
+                        onclick: e.previous,
+                        children: "Previous"
+                    }),
+                    /* @__PURE__ */ p("slot", {
+                        part: "heading",
+                        name: "heading",
+                        children: /* @__PURE__ */ p("div", {
+                            "aria-hidden": "true",
+                            children: e.format.formatRange(t, n)
+                        })
+                    }),
+                    /* @__PURE__ */ p(kt, {
+                        name: "next",
+                        onclick: e.next,
+                        children: "Next"
+                    })
+                ]
+            }),
+            /* @__PURE__ */ p(ft, {
+                value: e,
+                onselectday: e.onSelect,
+                onfocusday: e.onFocus,
+                onhoverday: e.onHover,
+                children: /* @__PURE__ */ p("slot", {})
+            })
+        ]
+    });
+}
+const ht = {
+    value: {
+        type: String,
+        value: ""
+    },
+    min: {
+        type: String,
+        value: ""
+    },
+    max: {
+        type: String,
+        value: ""
+    },
+    today: {
+        type: String,
+        value: ""
+    },
+    isDateDisallowed: {
+        type: Function,
+        value: (e)=>!1
+    },
+    formatWeekday: {
+        type: String,
+        value: ()=>"narrow"
+    },
+    getDayParts: {
+        type: Function,
+        value: (e)=>""
+    },
+    firstDayOfWeek: {
+        type: Number,
+        value: ()=>1
+    },
+    showOutsideDays: {
+        type: Boolean,
+        value: !1
+    },
+    locale: {
+        type: String,
+        value: ()=>{}
+    },
+    months: {
+        type: Number,
+        value: 1
+    },
+    focusedDate: {
+        type: String,
+        value: ()=>{}
+    },
+    pageBy: {
+        type: String,
+        value: ()=>"months"
+    }
+}, mt = [
+    Wt,
+    Jt,
+    H`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}`
+], Ze = {
+    year: "numeric"
+}, Xe = {
+    year: "numeric",
+    month: "long"
+};
+function et(e, t) {
+    return (t.year - e.year) * 12 + t.month - e.month;
+}
+const Ot = (e, t)=>(e = 12 === t ? new W(e.year, 1) : e, {
+        start: e,
+        end: e.add({
+            months: t - 1
+        })
+    });
+function Ge({ pageBy: e, focusedDate: t, months: n, max: s, min: r, goto: o }) {
+    const a = "single" === e ? 1 : n, [u, i] = ct(()=>Ot(t.toPlainYearMonth(), n)), l = (d)=>i(Ot(u.start.add({
+            months: d
+        }), n)), c = (d)=>{
+        const f = et(u.start, d.toPlainYearMonth());
+        return f >= 0 && f < n;
+    };
+    return U(()=>{
+        if (c(t)) return;
+        const d = et(t.toPlainYearMonth(), u.start);
+        o(t.add({
+            months: d
+        }));
+    }, [
+        u.start
+    ]), U(()=>{
+        if (c(t)) return;
+        const d = et(u.start, t.toPlainYearMonth());
+        l(-1 === d ? -a : d === n ? a : Math.floor(d / n) * n);
+    }, [
+        t,
+        a,
+        n
+    ]), {
+        page: u,
+        previous: r && c(r) ? void 0 : ()=>l(-a),
+        next: s && c(s) ? void 0 : ()=>l(a)
+    };
+}
+function yt({ months: e, pageBy: t, locale: n, focusedDate: s, setFocusedDate: r }) {
+    const [o] = N("min"), [a] = N("max"), [u] = N("today"), i = P("focusday"), l = P("change"), c = C(()=>K(s ?? u ?? lt(), o, a), [
+        s,
+        u,
+        o,
+        a
+    ]);
+    function d(h) {
+        r(h), i(w(h));
+    }
+    const { next: f, previous: m, page: E } = Ge({
+        pageBy: t,
+        focusedDate: c,
+        months: e,
+        min: o,
+        max: a,
+        goto: d
+    }), g = cally_();
+    function y(h) {
+        const S = h?.target ?? "day";
+        "day" === S ? g.current.querySelectorAll("calendar-month").forEach((J)=>J.focus(h)) : g.current.shadowRoot.querySelector(`[part~='${S}']`).focus(h);
+    }
+    return {
+        format: L(Ze, n),
+        formatVerbose: L(Xe, n),
+        page: E,
+        focusedDate: c,
+        dispatch: l,
+        onFocus (h) {
+            h.stopPropagation(), d(h.detail), setTimeout(y);
+        },
+        min: o,
+        max: a,
+        today: u,
+        next: f,
+        previous: m,
+        focus: y
+    };
+}
+const Qe = j((e)=>{
+    const [t, n] = N("value"), [s = t, r] = N("focusedDate"), o = yt({
+        ...e,
+        focusedDate: s,
+        setFocusedDate: r
+    });
+    function a(u) {
+        n(u.detail), o.dispatch();
+    }
+    return /* @__PURE__ */ p("host", {
+        shadowDom: !0,
+        focus: o.focus,
+        children: /* @__PURE__ */ p(dt, {
+            ...e,
+            ...o,
+            type: "date",
+            value: t,
+            onSelect: a
+        })
+    });
+}, {
+    props: ht,
+    styles: mt
+});
+customElements.define("calendar-date", Qe);
+const Mt = (e, t)=>v.compare(e, t) < 0 ? [
+        e,
+        t
+    ] : [
+        t,
+        e
+    ], Ve = j((e)=>{
+    const [t, n] = Be("value"), [s = t[0], r] = N("focusedDate"), o = yt({
+        ...e,
+        focusedDate: s,
+        setFocusedDate: r
+    }), a = P("rangestart"), u = P("rangeend"), [i, l] = N("tentative"), [c, d] = ct();
+    U(()=>d(void 0), [
+        i
+    ]);
+    function f(y) {
+        o.onFocus(y), m(y);
+    }
+    function m(y) {
+        y.stopPropagation(), i && d(y.detail);
+    }
+    function E(y) {
+        const h = y.detail;
+        y.stopPropagation(), i ? (n(Mt(i, h)), l(void 0), u(w(h)), o.dispatch()) : (l(h), a(w(h)));
+    }
+    const g = i ? Mt(i, c ?? i) : t;
+    return /* @__PURE__ */ p("host", {
+        shadowDom: !0,
+        focus: o.focus,
+        children: /* @__PURE__ */ p(dt, {
+            ...e,
+            ...o,
+            type: "range",
+            value: g,
+            onFocus: f,
+            onHover: m,
+            onSelect: E
+        })
+    });
+}, {
+    props: {
+        ...ht,
+        tentative: {
+            type: String,
+            value: ""
+        }
+    },
+    styles: mt
+});
+customElements.define("calendar-range", Ve);
+const tn = j((e)=>{
+    const [t, n] = qe("value"), [s = t[0], r] = N("focusedDate"), o = yt({
+        ...e,
+        focusedDate: s,
+        setFocusedDate: r
+    });
+    function a(u) {
+        const i = [
+            ...t
+        ], l = t.findIndex((c)=>c.equals(u.detail));
+        l < 0 ? i.push(u.detail) : i.splice(l, 1), n(i), o.dispatch();
+    }
+    return /* @__PURE__ */ p("host", {
+        shadowDom: !0,
+        focus: o.focus,
+        children: /* @__PURE__ */ p(dt, {
+            ...e,
+            ...o,
+            type: "multi",
+            value: t,
+            onSelect: a
+        })
+    });
+}, {
+    props: ht,
+    styles: mt
+});
+customElements.define("calendar-multi", tn);
+var Icon_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const Icon = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "width",
+        "height",
+        "className",
+        "class",
+        "name",
+        "style",
+        "dataTheme"
+    ]);
+    const width = local.width ?? 24;
+    const height = local.height ?? 24;
+    const name = local.name;
+    const sizeClass = ()=>`${name} w-${width / 4} h-${height / 4}`;
+    const classes = ()=>twMerge(dist_clsx(local.className ?? local.class, sizeClass()));
+    return (()=>{
+        var _el$ = Icon_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return local.style;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const icon_Icon = Icon;
+var Calendar_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=dropdown><button type=button>"), Calendar_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=w-full><calendar-date><calendar-month>", true, false, false), Calendar_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="fixed inset-0 z-40">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><calendar-date><calendar-month>", true, false, false);
+const Calendar_Calendar = (props)=>{
+    const [selectedValue, setSelectedValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(props.value || "");
+    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const inputId = `calendar-input-${uniqueId}`;
+    let calendarRef;
+    let inputRef;
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (void 0 !== props.value) setSelectedValue(props.value);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (calendarRef && calendarRef.value !== selectedValue()) calendarRef.value = selectedValue();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const shouldSetupListeners = props.asInput ? isOpen() && calendarRef : calendarRef;
+        if (shouldSetupListeners) {
+            const handleChange = (e)=>{
+                const target = e.target;
+                const newValue = target.value;
+                if (newValue && newValue !== selectedValue()) {
+                    setSelectedValue(newValue);
+                    if (props.onDateSelect) props.onDateSelect(newValue);
+                    if (props.asInput) setIsOpen(false);
+                }
+            };
+            const handleClick = (e)=>{
+                setTimeout(()=>{
+                    const value = calendarRef.value;
+                    if (value && value !== selectedValue()) {
+                        setSelectedValue(value);
+                        if (props.onDateSelect) props.onDateSelect(value);
+                        if (props.asInput) setIsOpen(false);
+                    }
+                }, 100);
+            };
+            calendarRef.addEventListener("change", handleChange);
+            calendarRef.addEventListener("click", handleClick);
+            return ()=>{
+                if (calendarRef) {
+                    calendarRef.removeEventListener("change", handleChange);
+                    calendarRef.removeEventListener("click", handleClick);
+                }
+            };
+        }
+    });
+    const calendarClasses = ()=>twMerge("cally", !props.asInput && "bg-base-100 border border-base-300 shadow-lg rounded-box", "[&_[slot=heading]]:text-xs [&_[slot=heading]]:font-medium", "[&_.cally-month-header]:text-xs [&_.cally-year]:text-xs", "text-sm", props.asInput && "w-full max-w-full", "[&_table]:w-full [&_td]:p-1 [&_th]:p-1", "[&_button]:p-1 [&_button]:min-h-0 [&_button]:h-auto", props.class, props.className, clsx({
+            "text-base [&_[slot=heading]]:text-sm": "lg" === props.size,
+            "text-sm [&_[slot=heading]]:text-xs": "md" === props.size || !props.size,
+            "text-xs [&_[slot=heading]]:text-xs [&_button]:text-xs": "sm" === props.size,
+            "text-xs [&_button]:text-xs": "xs" === props.size
+        }));
+    const inputClasses = ()=>twMerge("input input-bordered cursor-pointer", "w-72", clsx({
+            "input-lg w-80": "lg" === props.size,
+            "input-md w-72": "md" === props.size || !props.size,
+            "input-sm w-64": "sm" === props.size,
+            "input-xs w-56": "xs" === props.size,
+            "input-disabled cursor-not-allowed": props.disabled
+        }));
+    const dropdownClasses = ()=>twMerge("dropdown-content bg-base-100 rounded-box shadow-lg z-50 p-2", "w-auto", clsx({
+            "w-80": "lg" === props.size,
+            "w-72": "md" === props.size || !props.size,
+            "w-64": "sm" === props.size,
+            "w-56": "xs" === props.size
+        }));
+    const ArrowLeftIcon = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            name: "icon-[mdi-light--chevron-left]",
+            width: 20,
+            height: 20
+        }, {
+            "aria-label": "Previous",
+            slot: "previous"
+        }));
+    const ArrowRightIcon = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            name: "icon-[mdi-light--chevron-right]",
+            width: 20,
+            height: 20
+        }, {
+            "aria-label": "Next",
+            slot: "next"
+        }));
+    const formatDisplayDate = (value)=>{
+        if (!value) return props.placeholder || "Pick a date";
+        try {
+            const date = new Date(value);
+            return date.toLocaleDateString();
+        } catch  {
+            return props.placeholder || "Pick a date";
+        }
+    };
+    if (props.asInput) return (()=>{
+        var _el$ = Calendar_tmpl$(), _el$2 = _el$.firstChild;
+        _el$2.$$click = ()=>setIsOpen(!isOpen());
+        var _ref$ = inputRef;
+        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$2) : inputRef = _el$2;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", inputId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>formatDisplayDate(selectedValue()));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isOpen());
+            return ()=>_c$() && (()=>{
+                    var _el$3 = Calendar_tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
+                    _el$3.$$click = (e)=>e.stopPropagation();
+                    var _ref$2 = calendarRef;
+                    "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$5) : calendarRef = _el$5;
+                    _el$5._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowLeftIcon, {}), _el$6);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowRightIcon, {}), _el$6);
+                    _el$6._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                        var _v$5 = dropdownClasses(), _v$6 = calendarClasses();
+                        _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.e = _v$5);
+                        _v$6 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.t = _v$6);
+                        return _p$;
+                    }, {
+                        e: void 0,
+                        t: void 0
+                    });
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$5.value = selectedValue());
+                    return _el$3;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isOpen());
+            return ()=>_c$2() && (()=>{
+                    var _el$7 = Calendar_tmpl$3();
+                    _el$7.$$click = ()=>setIsOpen(false);
+                    return _el$7;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = props.dataTheme, _v$2 = props.style, _v$3 = inputClasses(), _v$4 = props.disabled;
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.e = _v$);
+            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$2, _p$.t);
+            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.a = _v$3);
+            _v$4 !== _p$.o && (_el$2.disabled = _p$.o = _v$4);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+        });
+        return _el$;
+    })();
+    return (()=>{
+        var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild;
+        var _ref$3 = calendarRef;
+        "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$9) : calendarRef = _el$9;
+        _el$9._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowLeftIcon, {}), _el$0);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowRightIcon, {}), _el$0);
+        _el$0._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>props.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$7 = props.dataTheme, _v$8 = props.style, _v$9 = calendarClasses();
+            _v$7 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "data-theme", _p$.e = _v$7);
+            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$8, _v$8, _p$.t);
+            _v$9 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, _p$.a = _v$9);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$9.value = selectedValue());
+        return _el$8;
+    })();
+};
+const Calendar = Calendar_Calendar;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
 var CardActions_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 function CardActions(props) {
     return (()=>{
@@ -5460,12 +6823,13 @@ const Label = (props)=>{
     })();
 };
 const form_Label = Label;
-const FormValidationContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const FormValidationContext_FormValidationContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 function useFormValidation() {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(FormValidationContext);
-    if (!context) throw new Error("useFormValidation must be used within a ValidatedForm");
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(FormValidationContext_FormValidationContext);
+    if (!context) throw new Error("useFormValidation must be used within a Form.Validated component. Make sure your component is wrapped in <Form.Validated>...</Form.Validated>");
     return context;
 }
+const FormValidationContext = FormValidationContext_FormValidationContext;
 function ValidatedForm(props) {
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -5473,7 +6837,7 @@ function ValidatedForm(props) {
         "onSubmit",
         "initialValues"
     ]);
-    const { form, errors, touched, data, isValid, isSubmitting } = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)({
+    const felteForm = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)({
         initialValues: local.initialValues,
         extend: [
             (0, __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__.validator)({
@@ -5482,13 +6846,35 @@ function ValidatedForm(props) {
         ],
         onSubmit: local.onSubmit
     });
+    const { form, data, errors, warnings, touched, isValid, isSubmitting, isDirty, isValidating, interacted, reset, validate, setData, setFields, setTouched, setErrors, setWarnings, setIsDirty, setIsSubmitting, setInteracted, createSubmitHandler, setInitialValues, addField, unsetField, resetField, swapFields, moveField } = felteForm;
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
+            data,
             errors,
+            warnings,
             touched,
-            data,
             isValid,
-            isSubmitting
+            isSubmitting,
+            isDirty,
+            isValidating,
+            interacted,
+            reset,
+            validate,
+            setData,
+            setFields,
+            setTouched,
+            setErrors,
+            setWarnings,
+            setIsDirty,
+            setIsSubmitting,
+            setInteracted,
+            createSubmitHandler: createSubmitHandler,
+            setInitialValues,
+            addField: addField,
+            unsetField: unsetField,
+            resetField: resetField,
+            swapFields: swapFields,
+            moveField: moveField
         }));
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormValidationContext.Provider, {
         get value () {
@@ -5722,39 +7108,6 @@ const HeroNamespaces = Object.assign(Hero, {
     Overlay: HeroOverlay
 });
 const hero_Hero = HeroNamespaces;
-var Icon_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const Icon = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "width",
-        "height",
-        "className",
-        "class",
-        "name",
-        "style",
-        "dataTheme"
-    ]);
-    const width = local.width ?? 24;
-    const height = local.height ?? 24;
-    const name = local.name;
-    const sizeClass = ()=>`${name} w-${width / 4} h-${height / 4}`;
-    const classes = ()=>twMerge(dist_clsx(local.className ?? local.class, sizeClass()));
-    return (()=>{
-        var _el$ = Icon_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return classes();
-            },
-            get style () {
-                return local.style;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-const icon_Icon = Icon;
 const Indicator = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -6220,7 +7573,7 @@ const menu_Menu = Object.assign(Menu, {
     Menu: Menu
 });
 var ModalActions_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function ModalBody(props) {
+function ModalActions(props) {
     return (()=>{
         var _el$ = ModalActions_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
@@ -6232,7 +7585,7 @@ function ModalBody(props) {
     })();
 }
 var ModalBody_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function ModalBody_ModalBody(props) {
+function ModalBody(props) {
     return (()=>{
         var _el$ = ModalBody_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
@@ -6287,7 +7640,7 @@ function ModalLegacy(props) {
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
-var Modal_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<dialog><div>"), Modal_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form method=dialog class=modal-backdrop><button>close");
+var Modal_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<dialog><div>"), Modal_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form method=dialog class=modal-backdrop><button type=submit>close");
 function Modal(props) {
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -6298,26 +7651,51 @@ function Modal(props) {
         "ariaHidden",
         "dataTheme",
         "class",
-        "className"
+        "className",
+        "onClose",
+        "tabindex",
+        "tabIndex"
     ]);
-    const containerClasses = twMerge("modal", dist_clsx({
-        "modal-open": local.open,
-        "modal-end": "end" === local.position,
-        "modal-start": "start" === local.position,
-        "modal-top": "top" === local.position,
-        "modal-middle": "middle" === local.position,
-        "modal-bottom": "bottom" === local.position,
-        "modal-bottom sm:modal-middle": local.responsive
-    }));
-    const bodyClasses = twMerge("modal-box", local.class, local.className);
-    const { tabindex, tabIndex, ...rest } = others;
-    const normalizedProps = {
-        ...rest,
-        tabIndex: tabIndex ?? tabindex
-    };
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    let dialogRef;
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!dialogRef) return;
+        if (local.open && !dialogRef.open) dialogRef.showModal();
+        else if (!local.open && dialogRef.open) dialogRef.close();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!dialogRef) return;
+        const handleClose = ()=>{
+            local.onClose?.();
+        };
+        const handleCancel = (event)=>{
+            event.preventDefault();
+            local.onClose?.();
+        };
+        dialogRef.addEventListener("close", handleClose);
+        dialogRef.addEventListener("cancel", handleCancel);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            dialogRef?.removeEventListener("close", handleClose);
+            dialogRef?.removeEventListener("cancel", handleCancel);
+        });
+    });
+    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal", dist_clsx({
+            "modal-open": local.open,
+            "modal-end": "end" === local.position,
+            "modal-start": "start" === local.position,
+            "modal-top": "top" === local.position,
+            "modal-middle": "middle" === local.position,
+            "modal-bottom": "bottom" === local.position,
+            "modal-bottom sm:modal-middle": local.responsive
+        })));
+    const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal-box", local.class, local.className));
     return (()=>{
         var _el$ = Modal_tmpl$(), _el$2 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(normalizedProps, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
+            dialogRef = el;
+            if ("function" == typeof others.ref) others.ref(el);
+        }, _el$);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             "aria-label": "Modal",
             get ["aria-hidden"] () {
                 return local.ariaHidden ?? !local.open;
@@ -6325,32 +7703,37 @@ function Modal(props) {
             get ["aria-modal"] () {
                 return local.open;
             },
-            get open () {
-                return local.open;
-            },
             get ["data-theme"] () {
                 return local.dataTheme;
             },
-            class: containerClasses
+            get ["class"] () {
+                return containerClasses();
+            },
+            get tabIndex () {
+                return local.tabIndex ?? local.tabindex;
+            }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, bodyClasses);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, resolvedChildren);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
             var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.backdrop);
             return ()=>_c$() && Modal_tmpl$2();
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "data-theme", local.dataTheme));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = local.dataTheme, _v$2 = bodyClasses();
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "data-theme", _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.t = _v$2);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
         return _el$;
     })();
 }
-Modal.Header = ModalHeader;
-Modal.Body = ModalBody_ModalBody;
-Modal.Actions = ModalBody;
-Modal.Legacy = ModalLegacy;
-const modal = Object.assign(Modal, {
+const modal_Modal = Object.assign(Modal, {
     Header: ModalHeader,
-    Body: ModalBody_ModalBody,
-    Actions: ModalBody,
+    Body: ModalBody,
+    Actions: ModalActions,
     Legacy: ModalLegacy
 });
 var NavbarSection_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
@@ -6501,7 +7884,7 @@ const Progress_Progress = (props)=>{
     })();
 };
 const Progress = Progress_Progress;
-var PropsTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><table class="w-full text-left border-collapse"><thead><tr class="border-b border-base-content/15"><th class="py-2 px-3 text-sm font-semibold text-base-content">Prop</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Type</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Default</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Description</th></tr></thead><tbody>'), PropsTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=text-error>*"), PropsTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<code class="text-sm font-mono text-base-content/70">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<tr class="border-b border-base-content/15 hover:bg-base-200/25"><td class="py-2 px-3 align-top"><code class="text-sm font-mono font-medium text-base-content"></code></td><td class="py-2 px-3 align-top"><code class="text-sm font-mono text-primary"></code></td><td class="py-2 px-3 align-top"></td><td class="py-2 px-3 text-sm text-base-content/70 align-top">');
+var PropsTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><table class="w-full text-left border-collapse"><thead><tr class="border-b border-base-content/15"><th class="py-2 px-3 text-sm font-semibold text-base-content">Prop</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Type</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Default</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Description</th></tr></thead><tbody>'), PropsTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=text-error>*"), PropsTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<code class="text-sm font-mono text-base-content/70">'), PropsTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<tr class="border-b border-base-content/15 hover:bg-base-200/25"><td class="py-2 px-3 align-top"><code class="text-sm font-mono font-medium text-base-content"></code></td><td class="py-2 px-3 align-top"><code class="text-sm font-mono text-primary"></code></td><td class="py-2 px-3 align-top"></td><td class="py-2 px-3 text-sm text-base-content/70 align-top">');
 const PropsTable = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "props",
@@ -6524,7 +7907,7 @@ const PropsTable = (props)=>{
                 return local.props;
             },
             children: (prop)=>(()=>{
-                    var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$9.nextSibling, _el$11 = _el$1.nextSibling;
+                    var _el$5 = PropsTable_tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$9.nextSibling, _el$11 = _el$1.nextSibling;
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>prop.name, null);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                         get when () {
@@ -7493,14 +8876,84 @@ const steps_Steps = Object.assign(Steps, {
     Step: Step
 });
 const steps = steps_Steps;
-var SvgBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><svg class="absolute inset-0 w-full h-full z-0"viewBox="0 0 400 400"preserveAspectRatio="xMidYMid slice"xmlns=http://www.w3.org/2000/svg><defs><linearGradient gradientTransform="rotate(63, 0.5, 0.5)"x1=50% y1=0% x2=50% y2=100%><stop stop-opacity=1 offset=0%></stop><stop stop-opacity=1 offset=100%></stop></linearGradient><filter x=-20% y=-20% width=140% height=140% filterUnits=objectBoundingBox primitiveUnits=userSpaceOnUse color-interpolation-filters=sRGB><feTurbulence type=fractalNoise numOctaves=2 seed=10 stitchTiles=stitch result=turbulence></feTurbulence><feGaussianBlur in=turbulence result=blur></feGaussianBlur><feBlend in=SourceGraphic in2=blur result=blend></feBlend></filter></defs><rect width=400 height=400></rect></svg><div class="relative z-10 h-full w-full">'), SvgBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0 z-5">');
-function parseHSL(hslString) {
-    const match = hslString.match(/hsl\((\d+),\s*(\d+)%,\s*(\d+)%\)/);
-    if (!match) return null;
+var SvgBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><svg class="absolute inset-0 w-full h-full z-0"viewBox="0 0 400 400"preserveAspectRatio="xMidYMid slice"xmlns=http://www.w3.org/2000/svg><defs><linearGradient gradientTransform="rotate(63, 0.5, 0.5)"x1=50% y1=0% x2=50% y2=100%><stop stop-opacity=1 offset=0%></stop><stop stop-opacity=1 offset=100%></stop></linearGradient></defs><rect width=400 height=400></rect></svg><div class="relative z-10 h-full w-full">'), SvgBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><filter x=-20% y=-20% width=140% height=140% filterUnits=objectBoundingBox primitiveUnits=userSpaceOnUse color-interpolation-filters=sRGB></svg>", false, true, false), SvgBackground_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><feGaussianBlur in=SourceGraphic result=blur></svg>", false, true, false), SvgBackground_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><feTurbulence type=fractalNoise numOctaves=2 seed=10 stitchTiles=stitch result=turbulence></svg>", false, true, false), SvgBackground_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><feGaussianBlur in=turbulence result=blur></svg>", false, true, false), SvgBackground_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><feBlend in=SourceGraphic in2=blur result=blend></svg>", false, true, false), SvgBackground_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0 z-5">');
+function hexToHsl(hex) {
+    hex = hex.replace('#', '');
+    const r = parseInt(hex.substr(0, 2), 16) / 255;
+    const g = parseInt(hex.substr(2, 2), 16) / 255;
+    const b = parseInt(hex.substr(4, 2), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch(max){
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return {
+        h: Math.round(360 * h),
+        s: Math.round(100 * s),
+        l: Math.round(100 * l)
+    };
+}
+function parseColor(colorString) {
+    const hslMatch = colorString.match(/hsl\((\d+),\s*(\d+)%,\s*(\d+)%\)/);
+    if (hslMatch) return {
+        h: parseInt(hslMatch[1]),
+        s: parseInt(hslMatch[2]),
+        l: parseInt(hslMatch[3])
+    };
+    const hexMatch = colorString.match(/^#?([a-fA-F0-9]{6})$/);
+    if (hexMatch) return hexToHsl(colorString);
+    const rgbMatch = colorString.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+    if (rgbMatch) {
+        const r = parseInt(rgbMatch[1]) / 255;
+        const g = parseInt(rgbMatch[2]) / 255;
+        const b = parseInt(rgbMatch[3]) / 255;
+        const max = Math.max(r, g, b);
+        const min = Math.min(r, g, b);
+        let h = 0;
+        let s = 0;
+        const l = (max + min) / 2;
+        if (max !== min) {
+            const d = max - min;
+            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+            switch(max){
+                case r:
+                    h = (g - b) / d + (g < b ? 6 : 0);
+                    break;
+                case g:
+                    h = (b - r) / d + 2;
+                    break;
+                case b:
+                    h = (r - g) / d + 4;
+                    break;
+            }
+            h /= 6;
+        }
+        return {
+            h: Math.round(360 * h),
+            s: Math.round(100 * s),
+            l: Math.round(100 * l)
+        };
+    }
     return {
-        h: parseInt(match[1]),
-        s: parseInt(match[2]),
-        l: parseInt(match[3])
+        h: 0,
+        s: 0,
+        l: 0
     };
 }
 function interpolateHue(h1, h2, t) {
@@ -7514,7 +8967,7 @@ function generateStableId() {
     return `svg-bg-${++instanceCounter}-${Date.now()}`;
 }
 function SvgBackground(props) {
-    const { colorStart = 'hsl(129, 100%, 72%)', colorEnd = 'hsl(227, 100%, 50%)', opacity = 1, blurIntensity = 36, turbulenceFrequency = 0.007, animated = false, animationSpeed = 1, class: className = '', style = {}, children, darkness = 0 } = props;
+    const { colorStart = '#000000', colorEnd = '#333333', opacity = 1, blurIntensity = 36, turbulenceFrequency = 0.007, animated = false, animationSpeed = 1, class: className = '', style = {}, children, darkness = 0 } = props;
     const [animationTime, setAnimationTime] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
     let animationFrame = null;
     let gradientStop1Ref;
@@ -7522,6 +8975,12 @@ function SvgBackground(props) {
     let turbulenceRef;
     const gradientId = `gradient-${generateStableId()}`;
     const filterId = `filter-${generateStableId()}`;
+    const shouldUseFilters = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>blurIntensity > 0 && turbulenceFrequency > 0.001);
+    const isGrayscaleColors = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const startHSL = parseColor(colorStart);
+        const endHSL = parseColor(colorEnd);
+        return startHSL.s < 15 && endHSL.s < 15;
+    });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
         if (animated) {
             const animate = ()=>{
@@ -7534,8 +8993,8 @@ function SvgBackground(props) {
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
         if (animationFrame) cancelAnimationFrame(animationFrame);
     });
-    const startHSL = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>parseHSL(colorStart));
-    const endHSL = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>parseHSL(colorEnd));
+    const startHSL = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>parseColor(colorStart));
+    const endHSL = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>parseColor(colorEnd));
     const animatedColors = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         if (!animated) return {
             color1: colorStart,
@@ -7570,16 +9029,14 @@ function SvgBackground(props) {
         let color2 = colorEnd;
         const start = startHSL();
         const end = endHSL();
-        if (start && end) {
-            const h1 = interpolateHue(start.h, end.h, colorMix);
-            const s1 = start.s + (end.s - start.s) * colorMix;
-            const l1 = start.l + (end.l - start.l) * colorMix;
-            const h2 = interpolateHue(start.h, end.h, colorMix2);
-            const s2 = start.s + (end.s - start.s) * colorMix2;
-            const l2 = start.l + (end.l - start.l) * colorMix2;
-            color1 = `hsl(${Math.round(h1)}, ${Math.round(s1)}%, ${Math.round(l1)}%)`;
-            color2 = `hsl(${Math.round(h2)}, ${Math.round(s2)}%, ${Math.round(l2)}%)`;
-        }
+        const h1 = interpolateHue(start.h, end.h, colorMix);
+        const s1 = start.s + (end.s - start.s) * colorMix;
+        const l1 = start.l + (end.l - start.l) * colorMix;
+        const h2 = interpolateHue(start.h, end.h, colorMix2);
+        const s2 = start.s + (end.s - start.s) * colorMix2;
+        const l2 = start.l + (end.l - start.l) * colorMix2;
+        color1 = `hsl(${Math.round(h1)}, ${Math.round(s1)}%, ${Math.round(l1)}%)`;
+        color2 = `hsl(${Math.round(h2)}, ${Math.round(s2)}%, ${Math.round(l2)}%)`;
         const turbFreq1 = turbulenceFrequency + 0.01 * turbulenceFrequency * turbMix1;
         const turbFreq2 = 0.4 * turbulenceFrequency + 0.01 * turbulenceFrequency * turbMix2;
         return {
@@ -7600,34 +9057,62 @@ function SvgBackground(props) {
             ...style
         }));
     return (()=>{
-        var _el$ = SvgBackground_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$4.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$3.nextSibling, _el$10 = _el$2.nextSibling;
+        var _el$ = SvgBackground_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$3.nextSibling, _el$8 = _el$2.nextSibling;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, `relative ${className}`);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "id", gradientId);
         var _ref$ = gradientStop1Ref;
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$5) : gradientStop1Ref = _el$5;
         var _ref$2 = gradientStop2Ref;
         "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$6) : gradientStop2Ref = _el$6;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "id", filterId);
-        var _ref$3 = turbulenceRef;
-        "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$8) : turbulenceRef = _el$8;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$9, "stdDeviation", `${blurIntensity} ${blurIntensity}`);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$0, "mode", "color-dodge");
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$1, "fill", `url(#${gradientId})`);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$1, "filter", `url(#${filterId})`);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!shouldUseFilters());
+            return ()=>_c$() && (()=>{
+                    var _el$9 = SvgBackground_tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$9, "id", filterId);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (()=>{
+                        var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isGrayscaleColors());
+                        return ()=>_c$2() ? (()=>{
+                                var _el$0 = SvgBackground_tmpl$3();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$0, "stdDeviation", `${0.3 * blurIntensity} ${0.3 * blurIntensity}`);
+                                return _el$0;
+                            })() : [
+                                (()=>{
+                                    var _el$1 = SvgBackground_tmpl$4();
+                                    var _ref$3 = turbulenceRef;
+                                    "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$1) : turbulenceRef = _el$1;
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$1, "baseFrequency", `${animatedColors().turbFreq1} ${animatedColors().turbFreq2}`));
+                                    return _el$1;
+                                })(),
+                                (()=>{
+                                    var _el$10 = SvgBackground_tmpl$5();
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "stdDeviation", `${blurIntensity} ${blurIntensity}`);
+                                    return _el$10;
+                                })(),
+                                (()=>{
+                                    var _el$11 = SvgBackground_tmpl$6();
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$11, "mode", "color-dodge");
+                                    return _el$11;
+                                })()
+                            ];
+                    })());
+                    return _el$9;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "fill", `url(#${gradientId})`);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, darkness > 0 && (()=>{
-            var _el$11 = SvgBackground_tmpl$2();
-            _el$11.style.setProperty("background-color", `rgba(0, 0, 0, ${darkness})`);
-            _el$11.style.setProperty("pointer-events", "none");
-            return _el$11;
-        })(), _el$10);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, children);
+            var _el$12 = SvgBackground_tmpl$7();
+            _el$12.style.setProperty("background-color", `rgba(0, 0, 0, ${darkness})`);
+            _el$12.style.setProperty("pointer-events", "none");
+            return _el$12;
+        })(), _el$8);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, children);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = backgroundStyle(), _v$2 = opacity.toString(), _v$3 = animatedColors().color1, _v$4 = animatedColors().color2, _v$5 = `${animatedColors().turbFreq1} ${animatedColors().turbFreq2}`;
+            var _v$ = backgroundStyle(), _v$2 = opacity.toString(), _v$3 = animatedColors().color1, _v$4 = animatedColors().color2, _v$5 = shouldUseFilters() ? `url(#${filterId})` : 'none';
             _p$.e = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$, _p$.e);
             _v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$2.style.setProperty("opacity", _v$2) : _el$2.style.removeProperty("opacity"));
             _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "stop-color", _p$.a = _v$3);
             _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "stop-color", _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "baseFrequency", _p$.i = _v$5);
+            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "filter", _p$.i = _v$5);
             return _p$;
         }, {
             e: void 0,
@@ -7700,298 +9185,145 @@ function Swap(props) {
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
-var TableHead_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableHead_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>"), TableHead_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
-const TableHead_VoidElementList = [
-    "area",
-    "base",
-    "br",
-    "col",
-    "embed",
-    "hr",
-    "img",
-    "input",
-    "link",
-    "keygen",
-    "meta",
-    "param",
-    "source",
-    "track",
-    "wbr"
-];
+var TableHead_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead><tr>"), TableHead_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableHead_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
 const TableHead_TableHead = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "noCell",
-        "as",
-        "class",
-        "className",
-        "style",
-        "data-theme"
+        "noCell"
     ]);
-    const Tag = local.as || "thead";
-    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const childrenArray = resolved.toArray();
-    const cells = local.noCell ? childrenArray : childrenArray.map((child, i)=>0 === i ? (()=>{
-            var _el$ = TableHead_tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, child);
-            return _el$;
-        })() : (()=>{
-            var _el$2 = TableHead_tmpl$2();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, child);
-            return _el$2;
-        })());
-    const classAttr = local.class ?? local.className;
-    if (TableHead_VoidElementList.includes(Tag)) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        class: classAttr,
-        get style () {
-            return local.style;
-        },
-        get ["data-theme"] () {
-            return local["data-theme"];
-        }
-    }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        class: classAttr,
-        get style () {
-            return local.style;
-        },
-        get ["data-theme"] () {
-            return local["data-theme"];
-        },
-        get children () {
-            var _el$3 = TableHead_tmpl$3();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, cells);
-            return _el$3;
-        }
-    }));
+    return (()=>{
+        var _el$ = TableHead_tmpl$(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+            get each () {
+                return Array.isArray(local.children) ? local.children : [
+                    local.children
+                ];
+            },
+            children: (child, index)=>local.noCell ? child : index() < 1 ? (()=>{
+                    var _el$3 = TableHead_tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, child);
+                    return _el$3;
+                })() : (()=>{
+                    var _el$4 = TableHead_tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, child);
+                    return _el$4;
+                })()
+        }));
+        return _el$;
+    })();
 };
 const TableHead = TableHead_TableHead;
-const TableBody_VoidElementList = [
-    "area",
-    "base",
-    "br",
-    "col",
-    "embed",
-    "hr",
-    "img",
-    "input",
-    "link",
-    "keygen",
-    "meta",
-    "param",
-    "source",
-    "track",
-    "wbr"
-];
+var TableBody_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody>");
 const TableBody = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "as",
-        "class",
-        "className",
-        "style",
-        "children",
-        "data-theme"
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children"
     ]);
-    const Tag = local.as || "tbody";
-    if (TableBody_VoidElementList.includes(Tag)) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        get ["class"] () {
-            return local.class ?? local.className;
-        },
-        get style () {
-            return local.style;
-        },
-        get ["data-theme"] () {
-            return local["data-theme"];
-        }
-    }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        get ["class"] () {
-            return local.class ?? local.className;
-        },
-        get style () {
-            return local.style;
-        },
-        get ["data-theme"] () {
-            return local["data-theme"];
-        },
-        get children () {
-            return local.children;
-        }
-    }));
+    return (()=>{
+        var _el$ = TableBody_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
 };
 const table_TableBody = TableBody;
-var TableRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
-const TableRow_VoidElementList = [
-    "area",
-    "base",
-    "br",
-    "col",
-    "embed",
-    "hr",
-    "img",
-    "input",
-    "link",
-    "keygen",
-    "meta",
-    "param",
-    "source",
-    "track",
-    "wbr"
-];
+var TableRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>"), TableRow_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableRow_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
 const TableRow = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "noCell",
-        "as",
         "class",
-        "className",
-        "style",
-        "data-theme"
+        "active",
+        "noCell"
     ]);
-    const Tag = local.as || "tr";
+    const classAttr = ()=>twMerge(dist_clsx(local.class, {
+            active: local.active
+        }));
     const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const childrenArray = resolved.toArray();
-    const cells = local.noCell ? childrenArray : childrenArray.map((child)=>(()=>{
-            var _el$ = TableRow_tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, child);
-            return _el$;
-        })());
-    const classAttr = local.class ?? local.className;
-    if (TableRow_VoidElementList.includes(Tag)) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        class: classAttr,
-        get style () {
-            return local.style;
-        },
-        get ["data-theme"] () {
-            return local["data-theme"];
-        }
-    }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        class: classAttr,
-        get style () {
-            return local.style;
-        },
-        get ["data-theme"] () {
-            return local["data-theme"];
-        },
-        children: cells
-    }));
+    return (()=>{
+        var _el$ = TableRow_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get ["class"] () {
+                return classAttr();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.noCell;
+            },
+            get fallback () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                    get each () {
+                        return resolved.toArray();
+                    },
+                    children: (child, i)=>0 === i() ? (()=>{
+                            var _el$2 = TableRow_tmpl$2();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, child);
+                            return _el$2;
+                        })() : (()=>{
+                            var _el$3 = TableRow_tmpl$3();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, child);
+                            return _el$3;
+                        })()
+                });
+            },
+            get children () {
+                return resolved();
+            }
+        }));
+        return _el$;
+    })();
 };
 const table_TableRow = TableRow;
-var TableFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableFooter_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>"), TableFooter_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
-const TableFooter_VoidElementList = [
-    "area",
-    "base",
-    "br",
-    "col",
-    "embed",
-    "hr",
-    "img",
-    "input",
-    "link",
-    "keygen",
-    "meta",
-    "param",
-    "source",
-    "track",
-    "wbr"
-];
-const TableFooter_TableFooter = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+var TableFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tfoot><tr>"), TableFooter_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableFooter_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
+const TableFooter = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "noCell",
-        "as",
-        "class",
-        "className",
-        "style",
-        "data-theme"
+        "noCell"
     ]);
-    const Tag = local.as || "tfoot";
     const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const childrenArray = resolved.toArray();
-    const cells = local.noCell ? childrenArray : childrenArray.map((child, i)=>0 === i ? (()=>{
-            var _el$ = TableFooter_tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, child);
-            return _el$;
-        })() : (()=>{
-            var _el$2 = TableFooter_tmpl$2();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, child);
-            return _el$2;
-        })());
-    const classAttr = local.class ?? local.className;
-    if (TableFooter_VoidElementList.includes(Tag)) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        class: classAttr,
-        get style () {
-            return local.style;
-        },
-        get ["data-theme"] () {
-            return local["data-theme"];
-        }
-    }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        class: classAttr,
-        get style () {
-            return local.style;
-        },
-        get ["data-theme"] () {
-            return local["data-theme"];
-        },
-        get children () {
-            var _el$3 = TableFooter_tmpl$3();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, cells);
-            return _el$3;
-        }
-    }));
+    return (()=>{
+        var _el$ = TableFooter_tmpl$(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.noCell;
+            },
+            get fallback () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                    get each () {
+                        return resolved.toArray();
+                    },
+                    children: (child, i)=>0 === i() ? (()=>{
+                            var _el$3 = TableFooter_tmpl$2();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, child);
+                            return _el$3;
+                        })() : (()=>{
+                            var _el$4 = TableFooter_tmpl$3();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, child);
+                            return _el$4;
+                        })()
+                });
+            },
+            get children () {
+                return resolved();
+            }
+        }));
+        return _el$;
+    })();
 };
-const TableFooter = TableFooter_TableFooter;
-const Table_VoidElementList = [
-    "area",
-    "base",
-    "br",
-    "col",
-    "embed",
-    "hr",
-    "img",
-    "input",
-    "link",
-    "keygen",
-    "meta",
-    "param",
-    "source",
-    "track",
-    "wbr"
-];
-const TableComponent = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+const table_TableFooter = TableFooter;
+var Table_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<table>");
+const Table = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "size",
         "zebra",
         "pinRows",
         "pinCols",
-        "as",
-        "class",
-        "className",
-        "style",
-        "dataTheme"
+        "dataTheme",
+        "class"
     ]);
-    const Tag = local.as || "table";
-    const classes = ()=>twMerge("table", local.class, local.className, clsx({
+    const classes = ()=>twMerge("table", local.class, dist_clsx({
             "table-zebra": local.zebra,
             "table-xl": "xl" === local.size,
             "table-lg": "lg" === local.size,
@@ -8001,44 +9333,26 @@ const TableComponent = (props)=>{
             "table-pin-rows": local.pinRows,
             "table-pin-cols": local.pinCols
         }));
-    if (Table_VoidElementList.includes(Tag)) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        get ["data-theme"] () {
-            return local.dataTheme;
-        },
-        get ["class"] () {
-            return classes();
-        },
-        get style () {
-            return local.style;
-        }
-    }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: Tag
-    }, others, {
-        get ["data-theme"] () {
-            return local.dataTheme;
-        },
-        get ["class"] () {
-            return classes();
-        },
-        get style () {
-            return local.style;
-        },
-        get children () {
-            return local.children;
-        }
-    }));
+    return (()=>{
+        var _el$ = Table_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
 };
-const Table = Object.assign(TableComponent, {
+const table_Table = Object.assign(Table, {
     Head: TableHead,
     Body: table_TableBody,
     Row: table_TableRow,
-    Footer: TableFooter
+    Footer: table_TableFooter
 });
-const table_Table = Table;
-const table = table_Table;
 var Tab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a role=tab>");
 const Tab = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -8586,4 +9900,4 @@ const WindowMockup = (props)=>{
     })();
 };
 const windowmockup_WindowMockup = WindowMockup;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, grid_Grid as Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, SvgBackground, Swap, table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, useFormValidation };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, grid_Grid as Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, useFormValidation };