@sylwellsoftware/fray 0.6.0 → 1.0.0

package/dist/jsx-dev-runtime-CqunwZ8j.js

@@ -1,1174 +0,0 @@
-var de = Object.defineProperty;
-var he = (e, t, n) => t in e ? de(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var c = (e, t, n) => he(e, typeof t != "symbol" ? t + "" : t, n);
-const D = {
-  after: {
-    content: '""',
-    display: "block",
-    position: "absolute",
-    top: "0",
-    left: "0",
-    width: "100%",
-    height: "100%",
-    "pointer-events": "none"
-  },
-  inputline: {
-    display: "flex",
-    "flex-flow": "row nowrap",
-    position: "relative",
-    "min-height": "var(--control-min-height, 2rem)",
-    "box-sizing": "border-box"
-  },
-  input: {
-    "pointer-events": "all",
-    width: "var(--input-width, 15rem)",
-    "box-sizing": "border-box",
-    "white-space": "nowrap"
-  },
-  inputlike: {
-    "pointer-events": "all",
-    "box-sizing": "border-box",
-    "white-space": "nowrap"
-  },
-  labeledinput: {
-    display: "flex",
-    "flex-flow": "row nowrap",
-    "align-items": "center",
-    gap: ".5em"
-  },
-  working: {
-    display: "inline",
-    position: "absolute",
-    "z-index": "1",
-    margin: "auto",
-    animation: "fray-placeholder-progress 0.8s linear infinite",
-    "background-repeat": "repeat",
-    "background-size": "2rem 2rem",
-    "background-image": "var(--working-background-image)",
-    border: "0 solid transparent",
-    "border-radius": "inherit",
-    "box-sizing": "border-box"
-  },
-  uiline: {
-    "box-sizing": "border-box",
-    "min-height": "var(--control-min-height, 2rem)",
-    cursor: "pointer",
-    "user-select": "none"
-  },
-  noselect: {
-    "user-select": "var(--noselect-user-select)",
-    cursor: "var(--noselect-cursor)"
-  },
-  button: {
-    "box-sizing": "border-box",
-    cursor: "default",
-    "user-select": "none",
-    variants: {
-      ":disabled": {
-        cursor: "not-allowed",
-        "pointer-events": "none"
-      }
-    }
-  }
-}, K = "data-fray-structural-styles";
-let me = 1;
-class Q {
-  constructor(t = `runtime-${me++}`) {
-    c(this, "id");
-    c(this, "cssFragments", /* @__PURE__ */ new Set());
-    c(this, "baseStyleMap", /* @__PURE__ */ new Map());
-    if (typeof t != "string") throw new TypeError("StyleRegistry id must be a string");
-    this.id = t;
-  }
-  registerCSS(t) {
-    if (typeof t != "string") throw new TypeError("Component CSS must be a string");
-    return t.trim().length > 0 && this.cssFragments.add(t.trim()), this;
-  }
-  registerBaseStyle(t, n) {
-    if (typeof t != "string" || t.trim().length === 0)
-      throw new TypeError("Base style selector must be a non-empty string");
-    const r = typeof n == "string" ? [n] : n;
-    if (!Array.isArray(r))
-      throw new TypeError("Base style names must be a string or array");
-    for (const s of r) {
-      if (!Object.hasOwn(D, s))
-        throw new Error(`Unknown Fray base style: ${String(s)}`);
-      const i = s, o = this.baseStyleMap.get(i) ?? /* @__PURE__ */ new Set();
-      o.add(t.trim()), this.baseStyleMap.set(i, o);
-    }
-    return this;
-  }
-  generateRootCSS() {
-    return `*, *::before, *::after {
-  box-sizing: border-box;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    scroll-behavior: auto !important;
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-  }
-}
-
-@media (forced-colors: active) {
-  :focus-visible {
-    outline: 2px solid Highlight !important;
-    outline-offset: 2px !important;
-  }
-}`;
-  }
-  generateBaseStyleCSS() {
-    let t = "";
-    for (const [n, r] of this.baseStyleMap) {
-      const { properties: s, variants: i } = ge(D[n]), o = [...r];
-      t += U(n, o, s);
-      for (const [a, l] of Object.entries(i))
-        t += U(
-          `${n}${a}`,
-          o.map((u) => we(u, a)),
-          l
-        );
-    }
-    return t.trim();
-  }
-  generateCSS() {
-    return [
-      this.generateRootCSS(),
-      this.generateBaseStyleCSS(),
-      [...this.cssFragments].join(`
-
-`)
-    ].filter(Boolean).join(`
-
-`);
-  }
-  injectAll(t = globalThis.document) {
-    if ((t == null ? void 0 : t.head) == null)
-      throw new TypeError("StyleRegistry.injectAll requires a document with a head");
-    const n = `style[${K}="${Se(this.id)}"]`;
-    let r = t.head.querySelector(n);
-    r == null && (r = t.createElement("style"), r.setAttribute(K, this.id), t.head.prepend(r));
-    const s = this.generateCSS();
-    return r.textContent !== s && (r.textContent = s), r;
-  }
-  reset() {
-    this.cssFragments.clear(), this.baseStyleMap.clear();
-  }
-}
-function ye() {
-  return new Q();
-}
-const be = new Q("");
-function ge(e) {
-  const t = {};
-  let n = {};
-  for (const [r, s] of Object.entries(e))
-    if (r === "variants") {
-      if (typeof s != "object")
-        throw new TypeError("Base style variants must be declaration maps");
-      n = s;
-    } else if (typeof s == "string")
-      t[r] = s;
-    else
-      throw new TypeError(`Base style property ${r} must be a string`);
-  return { properties: t, variants: n };
-}
-function U(e, t, n) {
-  if (t.length === 0 || Object.keys(n).length === 0) return "";
-  const r = Object.entries(n).map(([s, i]) => `  ${s}: ${i};`).join(`
-`);
-  return `/* ${e} */
-${t.join(`,
-`)} {
-${r}
-}
-
-`;
-}
-function we(e, t) {
-  const n = e.indexOf("::");
-  return n < 0 ? `${e}${t}` : `${e.slice(0, n)}${t}${e.slice(n)}`;
-}
-function Se(e) {
-  return e.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
-}
-const X = /* @__PURE__ */ new WeakSet(), ee = /* @__PURE__ */ new WeakSet();
-function Ue(e) {
-  if (typeof e != "string" || e.trim() === "")
-    throw new TypeError("Service name must be a non-empty string");
-  const t = Object.freeze({ name: e.trim() });
-  return X.add(t), t;
-}
-function We(e, t) {
-  if (_(e), typeof t != "function")
-    throw new TypeError(`Service provider "${e.name}" requires a factory function`);
-  const n = Object.freeze({ key: e, create: t });
-  return ee.add(n), n;
-}
-class te {
-  constructor(t = []) {
-    c(this, "providers", /* @__PURE__ */ new Map());
-    c(this, "instances", /* @__PURE__ */ new Map());
-    c(this, "creationOrder", []);
-    c(this, "resolving", []);
-    c(this, "disposed", !1);
-    if (!Array.isArray(t))
-      throw new TypeError("ServiceScope providers must be an array");
-    for (const n of t) {
-      if (Re(n), this.providers.has(n.key))
-        throw new Error(`Service "${n.key.name}" is registered more than once`);
-      this.providers.set(n.key, n);
-    }
-  }
-  get isDisposed() {
-    return this.disposed;
-  }
-  has(t) {
-    return this.assertActive(), _(t), this.providers.has(t);
-  }
-  require(t) {
-    if (this.assertActive(), _(t), this.instances.has(t)) return this.instances.get(t);
-    const n = this.providers.get(t);
-    if (n == null) throw new Error(`Service "${t.name}" is not registered`);
-    const r = this.resolving.indexOf(t);
-    if (r >= 0) {
-      const s = [...this.resolving.slice(r), t].map((i) => i.name).join(" -> ");
-      throw new Error(`Circular service dependency: ${s}`);
-    }
-    this.resolving.push(t);
-    try {
-      const s = n.create(this);
-      return this.instances.set(t, s), this.creationOrder.push(t), s;
-    } finally {
-      this.resolving.pop();
-    }
-  }
-  dispose() {
-    if (this.disposed) return;
-    this.disposed = !0;
-    const t = [];
-    for (const n of [...this.creationOrder].reverse()) {
-      const r = this.instances.get(n);
-      try {
-        const s = je(r);
-        s != null && s.call(r);
-      } catch (s) {
-        t.push(s);
-      }
-    }
-    if (this.instances.clear(), this.creationOrder.length = 0, this.resolving.length = 0, t.length === 1) throw t[0];
-    if (t.length > 1)
-      throw new AggregateError(t, "Several services failed during disposal");
-  }
-  assertActive() {
-    if (this.disposed) throw new Error("ServiceScope has been disposed");
-  }
-}
-function ve(e = []) {
-  return new te(e);
-}
-function Ee(e) {
-  return e != null && (typeof e == "object" || typeof e == "function") && X.has(e);
-}
-function _(e) {
-  if (!Ee(e)) throw new TypeError("Expected a service key created by defineService()");
-}
-function Re(e) {
-  if (e == null || typeof e != "object" && typeof e != "function" || !ee.has(e))
-    throw new TypeError("Expected a service provider created by provideService()");
-}
-function je(e) {
-  if (e == null || typeof e != "object" && typeof e != "function") return null;
-  const t = Reflect.get(e, "dispose");
-  return typeof t == "function" ? t : null;
-}
-const Te = /* @__PURE__ */ new Set([
-  "annotation-xml",
-  "color-profile",
-  "font-face",
-  "font-face-src",
-  "font-face-uri",
-  "font-face-format",
-  "font-face-name",
-  "missing-glyph"
-]);
-class M {
-  constructor(t = {}, n = ye()) {
-    c(this, "elementPrefix");
-    c(this, "elementNameOverrides");
-    c(this, "styleRegistry");
-    c(this, "services");
-    if (t == null || typeof t != "object" || Array.isArray(t))
-      throw new TypeError("FrayRuntime options must be an object");
-    const r = t.elementNames ?? {};
-    if (r == null || typeof r != "object" || Array.isArray(r))
-      throw new TypeError("Fray elementNames must be an object");
-    const s = r.prefix === void 0 ? "fray" : r.prefix;
-    s !== null && P(s, "Fray element prefix");
-    const i = r.overrides ?? {};
-    if (i == null || typeof i != "object" || Array.isArray(i))
-      throw new TypeError("Fray element-name overrides must be an object");
-    for (const [o, a] of Object.entries(i))
-      P(o, "Fray component host name"), Z(a);
-    if (this.elementPrefix = s, this.elementNameOverrides = Object.freeze({ ...i }), this.styleRegistry = n, this.services = t.services ?? ve(), !(this.services instanceof te))
-      throw new TypeError("Fray services must be a ServiceScope");
-  }
-  resolveElementName(t, n = null) {
-    P(t, "Fray component host name");
-    const s = this.elementNameOverrides[t] ?? (this.elementPrefix == null ? n ?? t : `${this.elementPrefix}-${t}`);
-    return Z(s), s;
-  }
-  resolveHostSelector(t, n, r = null) {
-    if (typeof t != "string") throw new TypeError("Host selector must be a string");
-    return t.replaceAll("&", this.resolveElementName(n, r));
-  }
-  resolveHostCSS(t, n, r = null) {
-    if (typeof t != "string") throw new TypeError("Host CSS must be a string");
-    return t.replaceAll("&", this.resolveElementName(n, r));
-  }
-  create(t, ...n) {
-    const r = new t(...n);
-    return r._setRuntime(this), r;
-  }
-  mount(t, n, r = null) {
-    return t._setRuntime(this), t.mount(n, r), t;
-  }
-  registerStyles(t) {
-    if (t == null || typeof t.registerStyles != "function")
-      throw new TypeError("registerStyles requires a Fray component dependency");
-    return t.registerStyles(this), this;
-  }
-  injectStyles(t = globalThis.document) {
-    return this.styleRegistry.injectAll(t);
-  }
-}
-function Ze(e = {}) {
-  return new M(e);
-}
-const W = new M({}, be);
-function P(e, t) {
-  if (typeof e != "string" || !/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/.test(e))
-    throw new TypeError(`${t} must be a lowercase kebab-case name`);
-}
-function Z(e) {
-  if (P(e, "Fray element name"), !e.includes("-") || Te.has(e))
-    throw new TypeError(`Fray element name must be a non-reserved name containing a hyphen: ${e}`);
-}
-const A = Symbol.for("@sylwellsoftware/fray.Fragment"), ne = /* @__PURE__ */ new WeakSet(), Ce = /* @__PURE__ */ new Set([
-  "allowFullScreen",
-  "async",
-  "autoFocus",
-  "autoPlay",
-  "checked",
-  "controls",
-  "default",
-  "defer",
-  "disabled",
-  "formNoValidate",
-  "hidden",
-  "inert",
-  "loop",
-  "multiple",
-  "muted",
-  "noModule",
-  "noValidate",
-  "open",
-  "playsInline",
-  "readOnly",
-  "required",
-  "reversed",
-  "selected"
-]), Pe = /* @__PURE__ */ new Set([
-  "checked",
-  "defaultChecked",
-  "defaultValue",
-  "disabled",
-  "indeterminate",
-  "multiple",
-  "muted",
-  "readOnly",
-  "required",
-  "selected",
-  "selectedIndex",
-  "tabIndex",
-  "value"
-]);
-function Ye(e) {
-  I(e, "live");
-  const t = Object.freeze({ emitter: e });
-  return ne.add(t), t;
-}
-function O(e, t = null, ...n) {
-  const r = t ?? {};
-  if (typeof r != "object" || Array.isArray(r))
-    throw new TypeError("VNode props must be an object or null");
-  const {
-    children: s,
-    key: i = null,
-    ...o
-  } = r;
-  return {
-    type: e,
-    key: i,
-    props: {
-      ...o,
-      children: re([s, n])
-    }
-  };
-}
-function Ge(e, ...t) {
-  return e.reduce((n, r, s) => n + r + String(t[s] ?? ""), "");
-}
-const h = class h {
-  constructor(t = {}) {
-    c(this, "props");
-    c(this, "dom", null);
-    /** @internal */
-    c(this, "_rendered", null);
-    /** @internal */
-    c(this, "_childComponents", /* @__PURE__ */ new Set());
-    c(this, "initialized", !1);
-    c(this, "mounted", !1);
-    c(this, "destroyed", !1);
-    c(this, "updating", !1);
-    c(this, "updateRequested", !1);
-    c(this, "cleanupFunctions", /* @__PURE__ */ new Set());
-    c(this, "watched", /* @__PURE__ */ new Map());
-    c(this, "renderReadSubscriptions", /* @__PURE__ */ new Map());
-    c(this, "collectingRenderReads", null);
-    /** @internal */
-    c(this, "_runtime", W);
-    /** JSX component for this instance's runtime-configured custom host. */
-    c(this, "Host", ({
-      children: t = [],
-      ...n
-    }) => this.host(n, t));
-    if (t == null || typeof t != "object" || Array.isArray(t))
-      throw new TypeError(`${this.constructor.name} props must be an object`);
-    this.props = t;
-  }
-  static new(...t) {
-    const n = new this(...t);
-    if (!(n instanceof h))
-      throw new TypeError("Component.new() requires a Component constructor");
-    return n.mount();
-  }
-  static get baseStyles() {
-    return {};
-  }
-  static registerStyles(t = W, n = /* @__PURE__ */ new Set()) {
-    if (n.has(this)) return;
-    n.add(this);
-    const r = this.hostName ?? null, s = this.standaloneHostName ?? null;
-    this.css && t.styleRegistry.registerCSS(r == null ? this.css : t.resolveHostCSS(this.css, r, s));
-    const i = De(this.baseStyles);
-    for (const [o, a] of i)
-      t.styleRegistry.registerBaseStyle(r == null ? o : t.resolveHostSelector(o, r, s), a);
-    for (const o of this.dependencies ?? [])
-      o.registerStyles(t, n);
-  }
-  /** One-time setup hook. Constructors must not subscribe or render. */
-  initialize() {
-  }
-  render() {
-    throw new Error(`${this.constructor.name} must implement render()`);
-  }
-  /** Render this component's configured custom host element. */
-  host(t = null, ...n) {
-    const r = this.constructor, s = r.hostName;
-    if (s == null)
-      throw new Error(`${this.constructor.name} does not declare a custom host name`);
-    return O(this._runtime.resolveElementName(
-      s,
-      r.standaloneHostName
-    ), {
-      ...t,
-      "data-fray-component": s
-    }, ...n);
-  }
-  /** @internal Assign an immutable application runtime before initialization or mounting. */
-  _setRuntime(t) {
-    if (!(t instanceof M))
-      throw new TypeError("Component runtime must be a FrayRuntime");
-    if (t === this._runtime) return this;
-    if (this.initialized || this.mounted || this._rendered != null)
-      throw new Error("Cannot change a component runtime after initialization");
-    return this._runtime = t, this;
-  }
-  mount(t = null, n = null) {
-    if (this.destroyed) throw new Error("Cannot mount a destroyed component");
-    let r = !1;
-    return this.initialized || (this.validateRequiredServices(), this.initialized = !0, this.initialize()), this.mounted || (this.mounted = !0, this.update(), r = !0), t != null && (Ie(t), H(t, this._rendered, n)), r && this.afterMount(this.dom), this;
-  }
-  attachTo(t) {
-    return this.mount(t), this;
-  }
-  update(t) {
-    if (this.destroyed) return this;
-    if (!this.mounted) return this.mount();
-    if (this.updating)
-      return this.updateRequested = !0, this;
-    this.updating = !0;
-    try {
-      do {
-        this.updateRequested = !1;
-        const n = /* @__PURE__ */ new Set();
-        this.collectingRenderReads = n;
-        let r;
-        try {
-          r = R(this.render());
-        } finally {
-          this.collectingRenderReads = null;
-        }
-        this._rendered = q(this._rendered, r, this), this.dom = ae(this._rendered), this.reconcileRenderReads(n), this.afterUpdate(this.dom);
-      } while (this.updateRequested && !this.destroyed);
-    } finally {
-      this.updating = !1;
-    }
-    return this;
-  }
-  setProps(t) {
-    if (t == null || typeof t != "object" || Array.isArray(t))
-      throw new TypeError(`${this.constructor.name} props must be an object`);
-    return this.props = t, this.mounted && this.update(), this;
-  }
-  afterMount(t) {
-  }
-  afterUpdate(t) {
-  }
-  watch(...t) {
-    for (const n of t) {
-      if (n == null || typeof n.subscribe != "function")
-        throw new TypeError("watch requires emitter-like values");
-      if (this.watched.has(n)) continue;
-      const r = n.subscribe(({ event: s }) => {
-        this.mounted && !this.destroyed && this.update(s);
-      }, { emitCurrent: !1 });
-      this.watched.set(n, r), this.onCleanup(() => {
-        r(), this.watched.delete(n);
-      });
-    }
-    return this;
-  }
-  watchFutureValues(...t) {
-    return this.watch(...t);
-  }
-  /** Read an emitter during render and rerender when that dependency changes. */
-  read(t) {
-    return this.trackRenderRead(t), t.get();
-  }
-  /** Read a Glue value, fetch state, and error as one tracked render dependency. */
-  snapshot(t) {
-    return this.trackRenderRead(t), Object.freeze({
-      value: t.get(),
-      fetchState: t.getFetchState(),
-      error: t.getError()
-    });
-  }
-  onCleanup(t) {
-    if (typeof t != "function") throw new TypeError("cleanup must be a function");
-    if (this.destroyed)
-      return t(), () => {
-      };
-    this.cleanupFunctions.add(t);
-    let n = !0;
-    return () => {
-      n && (n = !1, this.cleanupFunctions.delete(t), t());
-    };
-  }
-  /** Resolve one explicitly declared application service from this component's runtime. */
-  requireService(t) {
-    if (!this.initialized)
-      throw new Error("Components may resolve services during initialize() or later");
-    const n = this.constructor;
-    if (!n.requiredServices.includes(t))
-      throw new Error(
-        `${n.name} must declare service "${t.name}" in requiredServices`
-      );
-    return this._runtime.services.require(t);
-  }
-  listen(t, n, r, s) {
-    if (t == null || typeof t.addEventListener != "function")
-      throw new TypeError("listen target must be an EventTarget");
-    const i = r;
-    return t.addEventListener(n, i, s), this.onCleanup(() => t.removeEventListener(n, i, s)), this;
-  }
-  registerChild(t) {
-    if (!(t instanceof h))
-      throw new TypeError("registerChild requires a Component");
-    return this._childComponents.add(t), t;
-  }
-  destroy() {
-    if (!this.destroyed) {
-      this.destroyed = !0, this.mounted = !1;
-      for (const t of [...this.cleanupFunctions]) t();
-      this.cleanupFunctions.clear(), this.watched.clear();
-      for (const t of this.renderReadSubscriptions.values()) t();
-      this.renderReadSubscriptions.clear(), this.collectingRenderReads = null, this._rendered && g(this._rendered, !0), this._rendered = null, this.dom = null, this._childComponents.clear(), this.onDestroy();
-    }
-  }
-  validateRequiredServices() {
-    const t = this.constructor;
-    for (const n of t.requiredServices)
-      if (!this._runtime.services.has(n))
-        throw new Error(`${t.name} requires unregistered service "${n.name}"`);
-  }
-  onDestroy() {
-  }
-  trackRenderRead(t) {
-    if (I(t, "Component.read"), this.collectingRenderReads == null)
-      throw new Error("Component.read() and snapshot() may only be called during render()");
-    this.collectingRenderReads.add(t);
-  }
-  reconcileRenderReads(t) {
-    for (const [n, r] of this.renderReadSubscriptions)
-      t.has(n) || (r(), this.renderReadSubscriptions.delete(n));
-    for (const n of t) {
-      if (this.watched.has(n) || this.renderReadSubscriptions.has(n)) continue;
-      const r = n.subscribe(({ event: s }) => {
-        this.mounted && !this.destroyed && this.update(s);
-      }, { emitCurrent: !1 });
-      this.renderReadSubscriptions.set(n, r);
-    }
-  }
-};
-c(h, "dependencies", []), c(h, "requiredServices", []), c(h, "css", ""), c(h, "hostName", null), c(h, "standaloneHostName", null);
-let m = h;
-function R(e) {
-  return Array.isArray(e) ? O(A, null, e) : e == null || typeof e == "boolean" ? O(A) : e;
-}
-function re(e) {
-  const t = [], n = (r) => {
-    if (Array.isArray(r))
-      for (const s of r) n(s);
-    else r != null && typeof r != "boolean" && t.push(r);
-  };
-  return n(e), t;
-}
-function j(e, t) {
-  if (typeof e == "string" || typeof e == "number")
-    return {
-      kind: "text",
-      key: null,
-      value: e,
-      node: document.createTextNode(String(e)),
-      owner: t
-    };
-  if (k(e)) {
-    const i = document.createComment("fray-emitter-start"), o = document.createComment("fray-emitter-end"), a = e.get();
-    if (Object.is(a, e))
-      throw new TypeError("A Fray emitter child cannot render itself");
-    const l = document.createDocumentFragment();
-    l.append(i, o);
-    const u = j(R(a), t);
-    H(l, u, o);
-    const p = {
-      kind: "emitter",
-      key: null,
-      source: e,
-      start: i,
-      end: o,
-      child: u,
-      unsubscribe: () => {
-      },
-      owner: t
-    };
-    return p.unsubscribe = e.subscribe(({ value: b }) => {
-      if (Object.is(b, e))
-        throw new TypeError("A Fray emitter child cannot render itself");
-      p.child = q(p.child, R(b), t);
-    }, { emitCurrent: !1 }), p;
-  }
-  if (e instanceof m)
-    return e._setRuntime(t._runtime), e.mount(), t.registerChild(e), {
-      kind: "component",
-      key: ce(e.props),
-      type: e.constructor,
-      instance: e,
-      prebuilt: !0,
-      props: e.props,
-      liveProps: /* @__PURE__ */ new Map(),
-      owner: t
-    };
-  if (!y(e))
-    throw new TypeError(`Invalid Fray child: ${J(e)}`);
-  const { type: n, key: r = null, props: s } = e;
-  if (n === A) {
-    const i = document.createComment("fray-fragment-start"), o = document.createComment("fray-fragment-end"), a = {
-      kind: "fragment",
-      key: r,
-      type: n,
-      start: i,
-      end: o,
-      children: [],
-      owner: t
-    }, l = document.createDocumentFragment();
-    return l.append(i, o), a.children = $(
-      l,
-      [],
-      s.children,
-      t,
-      o,
-      i
-    ), a;
-  }
-  if (typeof n == "string") {
-    const i = document.createElement(n), o = {
-      kind: "element",
-      key: r,
-      type: n,
-      node: i,
-      props: {},
-      listeners: /* @__PURE__ */ new Map(),
-      liveProps: /* @__PURE__ */ new Map(),
-      nativeBindings: /* @__PURE__ */ new Map(),
-      ref: null,
-      children: [],
-      owner: t
-    };
-    return oe(o, s), o.children = $(i, [], s.children, t), o;
-  }
-  if (ue(n)) {
-    const i = s, o = Y(i), a = new n(o);
-    a._setRuntime(t._runtime);
-    const l = {
-      kind: "component",
-      key: r,
-      type: n,
-      instance: a,
-      prebuilt: !1,
-      props: o,
-      liveProps: /* @__PURE__ */ new Map(),
-      owner: t
-    };
-    return ie(l, i), a.mount(), t.registerChild(a), l;
-  }
-  if (typeof n == "function") {
-    const i = n, o = s, a = Y(o), l = R(i(a)), u = {
-      kind: "function",
-      key: r,
-      type: i,
-      props: a,
-      sourceProps: o,
-      liveProps: /* @__PURE__ */ new Map(),
-      child: j(l, t),
-      owner: t
-    };
-    return Oe(u), u;
-  }
-  throw new TypeError(`Unsupported vnode type: ${J(n)}`);
-}
-function q(e, t, n) {
-  if (e == null) return j(t, n);
-  if (le(e, t)) return se(e, t, n);
-  const r = j(t, n), s = ae(e), i = (s == null ? void 0 : s.parentNode) ?? null;
-  return i && H(i, r, s), g(e, !0), r;
-}
-function se(e, t, n) {
-  return e.kind === "text" ? (typeof t != "string" && typeof t != "number" || Object.is(e.value, t) || (e.value = t, e.node.data = String(t)), e) : e.kind === "emitter" ? (!k(t) || e.source !== t, e) : e.kind === "component" ? (t instanceof m || y(t) && Ae(e, t.props), e) : y(t) ? e.kind === "function" ? ($e(e, t.props), e) : e.kind === "fragment" ? (e.children = $(
-    e.start.parentNode,
-    e.children,
-    t.props.children,
-    n,
-    e.end,
-    e.start
-  ), e) : (oe(e, t.props), e.children = $(
-    e.node,
-    e.children,
-    t.props.children,
-    n
-  ), e) : e;
-}
-function Y(e) {
-  return Object.fromEntries(Object.entries(e).map(([t, n]) => [
-    t,
-    T(n) ? n.emitter.get() : n
-  ]));
-}
-function ie(e, t) {
-  x(e.liveProps, t, (n, r) => {
-    e.props = { ...e.props, [n]: r }, e.instance.setProps(e.props);
-  }), e.props = V(e.liveProps, t), e.instance.setProps(e.props);
-}
-function Ae(e, t) {
-  ie(e, t);
-}
-function Oe(e) {
-  x(e.liveProps, e.sourceProps, (t, n) => {
-    e.props = { ...e.props, [t]: n }, B(e);
-  }), e.props = V(e.liveProps, e.sourceProps);
-}
-function $e(e, t) {
-  e.sourceProps = t, x(e.liveProps, t, (n, r) => {
-    e.props = { ...e.props, [n]: r }, B(e);
-  }), e.props = V(e.liveProps, t), B(e);
-}
-function B(e) {
-  const t = R(e.type(e.props));
-  e.child = q(e.child, t, e.owner);
-}
-function x(e, t, n) {
-  for (const [r, s] of e) {
-    const i = t[r];
-    T(i) && i.emitter === s.source || (s.unsubscribe(), e.delete(r));
-  }
-  for (const [r, s] of Object.entries(t)) {
-    if (!T(s) || e.has(r)) continue;
-    const i = {
-      source: s.emitter,
-      value: s.emitter.get(),
-      unsubscribe: () => {
-      }
-    };
-    i.unsubscribe = s.emitter.subscribe(({ value: o }) => {
-      e.get(r) === i && (i.value = o, n(r, o));
-    }, { emitCurrent: !1 }), e.set(r, i);
-  }
-}
-function V(e, t) {
-  return Object.fromEntries(Object.entries(t).map(([n, r]) => {
-    var s;
-    return [
-      n,
-      T(r) ? ((s = e.get(n)) == null ? void 0 : s.value) ?? r.emitter.get() : r
-    ];
-  }));
-}
-function $(e, t, n, r, s = null, i = null) {
-  if (e == null) throw new Error("Cannot patch a detached fragment range");
-  const o = re(n), a = /* @__PURE__ */ new Map(), l = [];
-  for (const f of t)
-    f.key == null ? l.push(f) : a.has(f.key) || a.set(f.key, f);
-  const u = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set(), b = [];
-  let pe = 0;
-  for (const f of o) {
-    const d = E(f);
-    if (d != null) {
-      if (u.has(d)) throw new Error(`Duplicate sibling key: ${String(d)}`);
-      u.add(d);
-    }
-    const C = d == null ? l[pe++] : a.get(d);
-    C && le(C, f) ? (p.add(C), b.push(se(C, f, r))) : b.push(j(f, r));
-  }
-  for (const f of t)
-    p.has(f) || g(f, !0);
-  let v = i ? i.nextSibling : e.firstChild;
-  for (const f of b)
-    for (const d of w(f))
-      d === v ? v = v.nextSibling : (e.insertBefore(d, v ?? s), v = d.nextSibling);
-  return b;
-}
-function oe(e, t) {
-  const { children: n, ...r } = t, s = e.props, i = /* @__PURE__ */ new Set([...Object.keys(s), ...Object.keys(r)]);
-  for (const o of ["value", "checked"])
-    if (Object.hasOwn(r, o) && Object.hasOwn(r, `bind:${o}`))
-      throw new Error(`${o} and bind:${o} cannot be used together`);
-  for (const o of i) {
-    const a = s[o], l = r[o];
-    if (qe(o))
-      ke(e, o, l);
-    else if (o === "ref")
-      a !== l && ze(e, l);
-    else if (Me(o))
-      Fe(e, o, l);
-    else if (T(l))
-      Ne(e, o, l);
-    else {
-      const u = e.liveProps.get(o);
-      u && (u.unsubscribe(), e.liveProps.delete(o));
-      const p = (u == null ? void 0 : u.value) ?? a;
-      Object.is(p, l) || S(e.node, o, p, l);
-    }
-  }
-  e.props = { ...r };
-}
-function Ne(e, t, n) {
-  const r = e.liveProps.get(t);
-  if ((r == null ? void 0 : r.source) === n.emitter) return;
-  r == null || r.unsubscribe();
-  const s = n.emitter.get();
-  S(e.node, t, (r == null ? void 0 : r.value) ?? e.props[t], s);
-  const i = {
-    source: n.emitter,
-    value: s,
-    unsubscribe: () => {
-    }
-  };
-  i.unsubscribe = n.emitter.subscribe(({ value: o }) => {
-    const a = i.value;
-    i.value = o, Object.is(a, o) || S(e.node, t, a, o);
-  }, { emitCurrent: !1 }), e.liveProps.set(t, i);
-}
-function ke(e, t, n) {
-  const r = t.slice(5), s = e.nativeBindings.get(t);
-  if (n == null) {
-    s && (s.unsubscribe(), e.node.removeEventListener(s.eventName, s.listener), e.nativeBindings.delete(t), S(e.node, r, s.value, void 0));
-    return;
-  }
-  if (xe(n, t), (s == null ? void 0 : s.source) === n) return;
-  s && (s.unsubscribe(), e.node.removeEventListener(s.eventName, s.listener)), Ve(e.node, r);
-  const i = He(e.node, r), o = n.get();
-  S(e.node, r, s == null ? void 0 : s.value, o);
-  const a = () => {
-    n.set(Reflect.get(e.node, r), `${t} changed`);
-  }, l = {
-    source: n,
-    value: o,
-    eventName: i,
-    listener: a,
-    unsubscribe: () => {
-    }
-  };
-  l.unsubscribe = n.subscribe(({ value: u }) => {
-    const p = l.value;
-    l.value = u, Object.is(p, u) || S(e.node, r, p, u);
-  }, { emitCurrent: !1 }), e.node.addEventListener(i, a), e.nativeBindings.set(t, l);
-}
-function Fe(e, t, n) {
-  const r = t.slice(2).toLowerCase(), s = e.listeners.get(t);
-  if (s && s !== n && (e.node.removeEventListener(r, s), e.listeners.delete(t)), n != null && typeof n != "function")
-    throw new TypeError(`${t} must be a function or null`);
-  if (typeof n == "function" && s !== n) {
-    const i = n;
-    e.node.addEventListener(r, i), e.listeners.set(t, i);
-  }
-}
-function ze(e, t) {
-  if (L(e.ref, null), t != null && typeof t != "function" && typeof t != "object")
-    throw new TypeError("ref must be a function, object, or null");
-  e.ref = t, L(e.ref, e.node);
-}
-function S(e, t, n, r) {
-  if (t === "class" || t === "className") {
-    F(e, "class", r);
-    return;
-  }
-  if (t === "for" || t === "htmlFor") {
-    F(e, "for", r);
-    return;
-  }
-  if (t === "dataset") {
-    _e(e, n, r);
-    return;
-  }
-  if (t === "style") {
-    Be(e, n, r);
-    return;
-  }
-  if (t === "dangerouslySetInnerHTML")
-    throw new Error("dangerouslySetInnerHTML is not supported");
-  const s = Le(t);
-  if (Ce.has(s)) {
-    const i = !!r;
-    s in e && Reflect.set(e, s, i), e.toggleAttribute(z(t), i);
-    return;
-  }
-  if (Pe.has(s) && s in e) {
-    const i = r ?? (s === "value" ? "" : !1);
-    Object.is(Reflect.get(e, s), i) || Reflect.set(e, s, i), r == null && e.removeAttribute(z(t));
-    return;
-  }
-  F(e, z(t), r);
-}
-function _e(e, t, n) {
-  const r = N(t, "dataset"), s = N(n, "dataset");
-  for (const i of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(s)])) {
-    const o = s[i];
-    o == null ? delete e.dataset[i] : e.dataset[i] = String(o);
-  }
-}
-function Be(e, t, n) {
-  if (typeof n == "string") {
-    e.style.cssText = n;
-    return;
-  }
-  const r = typeof t == "string" ? {} : N(t, "style"), s = N(n, "style");
-  typeof t == "string" && (e.style.cssText = "");
-  for (const i of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(s)])) {
-    const o = s[i];
-    i.startsWith("--") ? o == null ? e.style.removeProperty(i) : e.style.setProperty(i, String(o)) : Reflect.set(e.style, i, o == null ? "" : String(o));
-  }
-}
-function N(e, t) {
-  if (e == null) return {};
-  if (typeof e != "object" || Array.isArray(e))
-    throw new TypeError(`${t} must be an object or null`);
-  return e;
-}
-function F(e, t, n) {
-  n == null || n === !1 ? e.removeAttribute(t) : n === !0 ? e.setAttribute(t, "") : e.setAttribute(t, String(n));
-}
-function Le(e) {
-  return e === "readonly" ? "readOnly" : e === "autofocus" ? "autoFocus" : e;
-}
-function z(e) {
-  return e === "className" ? "class" : e === "htmlFor" ? "for" : /^aria[A-Z]/.test(e) || /^data[A-Z]/.test(e) ? G(e) : e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
-}
-function G(e) {
-  return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
-}
-function L(e, t) {
-  e != null && (typeof e == "function" ? e(t) : e.current = t);
-}
-function g(e, t) {
-  if (e.kind === "emitter") {
-    if (e.unsubscribe(), g(e.child, !1), t)
-      for (const n of w(e)) n.remove();
-    return;
-  }
-  if (e.kind === "component") {
-    for (const n of e.liveProps.values()) n.unsubscribe();
-    e.liveProps.clear(), e.owner._childComponents.delete(e.instance), e.instance.destroy();
-    return;
-  }
-  if (e.kind === "function") {
-    for (const n of e.liveProps.values()) n.unsubscribe();
-    e.liveProps.clear(), g(e.child, t);
-    return;
-  }
-  if (e.kind === "element") {
-    L(e.ref, null);
-    for (const [n, r] of e.listeners)
-      e.node.removeEventListener(n.slice(2).toLowerCase(), r);
-    e.listeners.clear();
-    for (const n of e.liveProps.values()) n.unsubscribe();
-    e.liveProps.clear();
-    for (const n of e.nativeBindings.values())
-      n.unsubscribe(), e.node.removeEventListener(n.eventName, n.listener);
-    e.nativeBindings.clear();
-    for (const n of e.children) g(n, !1);
-    t && e.node.remove();
-    return;
-  }
-  if (e.kind === "fragment") {
-    for (const n of e.children) g(n, !1);
-    if (t)
-      for (const n of w(e)) n.remove();
-    return;
-  }
-  t && e.node.remove();
-}
-function H(e, t, n = null) {
-  if (t != null)
-    for (const r of w(t)) e.insertBefore(r, n);
-}
-function w(e) {
-  if (e == null) return [];
-  if (e.kind === "text" || e.kind === "element") return [e.node];
-  if (e.kind === "component") return w(e.instance._rendered);
-  if (e.kind === "function") return w(e.child);
-  const t = [];
-  let n = e.start;
-  for (; n && (t.push(n), n !== e.end); )
-    n = n.nextSibling;
-  return t;
-}
-function ae(e) {
-  return w(e)[0] ?? null;
-}
-function E(e) {
-  return e instanceof m ? ce(e.props) : y(e) ? e.key : null;
-}
-function ce(e) {
-  const t = e.key;
-  return typeof t == "string" || typeof t == "number" ? t : null;
-}
-function le(e, t) {
-  return e.kind === "text" ? typeof t == "string" || typeof t == "number" : e.kind === "emitter" ? k(t) && e.source === t : e.kind === "component" ? t instanceof m ? e.instance === t : y(t) && ue(t.type) && e.type === t.type && e.key === E(t) : e.kind === "function" ? y(t) && e.type === t.type && e.key === E(t) : e.kind === "fragment" ? y(t) && t.type === A && e.key === E(t) : y(t) && typeof t.type == "string" && e.type === t.type && e.key === E(t);
-}
-function y(e) {
-  return e != null && typeof e == "object" && Object.hasOwn(e, "type");
-}
-function ue(e) {
-  return typeof e == "function" && (e === m || e.prototype instanceof m);
-}
-function Me(e) {
-  return /^on[A-Z]/.test(e);
-}
-function qe(e) {
-  return e === "bind:value" || e === "bind:checked";
-}
-function T(e) {
-  return e != null && typeof e == "object" && ne.has(e);
-}
-function k(e) {
-  return (typeof e != "object" || e == null) && typeof e != "function" ? !1 : typeof Reflect.get(e, "get") == "function" && typeof Reflect.get(e, "getFetchState") == "function" && typeof Reflect.get(e, "getError") == "function" && typeof Reflect.get(e, "subscribe") == "function";
-}
-function I(e, t) {
-  if (!k(e)) throw new TypeError(`${t} requires a readable emitter`);
-}
-function xe(e, t) {
-  if (I(e, t), typeof Reflect.get(e, "set") != "function")
-    throw new TypeError(`${t} requires a writable emitter`);
-}
-function Ve(e, t) {
-  const n = e.localName;
-  if (!(t === "checked" ? n === "input" : n === "input" || n === "textarea" || n === "select")) throw new TypeError(`bind:${t} is not supported on ${n}`);
-}
-function He(e, t) {
-  return t === "value" && e.localName !== "select" ? "input" : "change";
-}
-function Ie(e) {
-  if (e == null || typeof e != "object" && typeof e != "function" || typeof Reflect.get(e, "insertBefore") != "function")
-    throw new TypeError("Component parent must be a DOM ParentNode");
-}
-function J(e) {
-  try {
-    return String(e);
-  } catch {
-    return Object.prototype.toString.call(e);
-  }
-}
-function De(e) {
-  if (e == null) return [];
-  if (Array.isArray(e))
-    return e.map((t) => {
-      if (!Array.isArray(t) || t.length < 2 || typeof t[0] != "string")
-        throw new TypeError("Component baseStyles entries must be selector/style tuples");
-      const n = t[1];
-      if (typeof n != "string" && (!Array.isArray(n) || n.some((r) => typeof r != "string")))
-        throw new TypeError("Component base style names must be strings");
-      return [t[0], n];
-    });
-  if (typeof e != "object")
-    throw new TypeError("Component baseStyles must be an object or tuple array");
-  return Object.entries(e).map(([t, n]) => [
-    t,
-    n
-  ]);
-}
-function fe(e, t, n) {
-  const r = t == null ? {} : { ...t };
-  return n !== void 0 && (r.key = n), O(e, r);
-}
-const Je = fe, Qe = fe;
-function Xe(e) {
-  if (!(e instanceof m))
-    throw new TypeError("createPrebuiltElement requires a Component instance");
-  return e;
-}
-export {
-  m as C,
-  A as F,
-  te as S,
-  Je as a,
-  M as b,
-  Ge as c,
-  Q as d,
-  Ze as e,
-  ve as f,
-  ye as g,
-  W as h,
-  y as i,
-  fe as j,
-  Ue as k,
-  O as l,
-  Qe as m,
-  Ye as n,
-  Xe as o,
-  We as p,
-  be as s
-};
-//# sourceMappingURL=jsx-dev-runtime-CqunwZ8j.js.map