@sylwellsoftware/fray 0.1.0-alpha.1

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

@@ -0,0 +1,1155 @@
+var ue = Object.defineProperty;
+var ce = (e, t, n) => t in e ? ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var u = (e, t, n) => ce(e, typeof t != "symbol" ? t + "" : t, n);
+const I = {
+  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",
+    "line-height": "1.25",
+    "font-size": "var(--ui-font-size)",
+    "min-height": "calc(var(--ui-font-size) + var(--ui-padding) + var(--ui-padding))",
+    color: "var(--ui-text-color)",
+    "border-radius": "var(--ui-border-radius)",
+    "box-sizing": "border-box"
+  },
+  input: {
+    background: "var(--ui-input-bg)",
+    padding: "var(--ui-padding-v) var(--ui-padding-h)",
+    "pointer-events": "all",
+    border: "var(--ui-input-border)",
+    width: "var(--input-width)",
+    "box-shadow": "var(--input-shadow)",
+    "box-sizing": "border-box",
+    "white-space": "nowrap",
+    variants: {
+      ":focus-visible": {
+        outline: "2px solid transparent",
+        "outline-offset": "1px",
+        "border-color": "var(--ui-accent-color)",
+        "box-shadow": "0 0 0 1px var(--ui-accent-color-highlight)"
+      },
+      ":disabled": {
+        background: "var(--ui-input-bg-disabled)",
+        "border-color": "var(--ui-input-border-disabled)",
+        color: "var(--ui-input-text-color-disabled)",
+        cursor: "not-allowed"
+      }
+    }
+  },
+  inputlike: {
+    background: "var(--ui-input-bg)",
+    padding: "var(--ui-padding-v) var(--ui-padding-h)",
+    "pointer-events": "all",
+    border: "var(--ui-input-border)",
+    "box-shadow": "var(--input-shadow)",
+    "box-sizing": "border-box",
+    "white-space": "nowrap",
+    "border-radius": "var(--ui-border-radius)"
+  },
+  labeledinput: {
+    display: "flex",
+    "flex-flow": "row nowrap",
+    "align-items": "center",
+    gap: ".5em"
+  },
+  label: {
+    color: "var(--ui-text-color)",
+    "font-size": "var(--ui-font-size)"
+  },
+  disabled: {
+    "border-color": "var(--ui-input-border-disabled)",
+    color: "var(--ui-input-text-color-disabled)"
+  },
+  error: {
+    color: "var(--error-color)"
+  },
+  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": "linear-gradient(-45deg, #0001 25%,  #fff1 25%, #fff1 50%, #0001 50%, #0001 75%, #fff1 75%, #fff1)",
+    border: "0 solid transparent",
+    "border-radius": "inherit",
+    "box-sizing": "border-box"
+  },
+  panel: {
+    background: "var(--panel-bg)",
+    border: "var(--panel-border)",
+    "border-radius": "var(--panel-radius)",
+    "box-shadow": "var(--panel-shadow)",
+    color: "var(--panel-color)"
+  },
+  sectionheader: {
+    "box-shadow": "var(--sectionheader-shadow)",
+    background: "var(--sectionheader-bg)",
+    color: "var(--sectionheader-color)"
+  },
+  uiline: {
+    "box-sizing": "border-box",
+    "line-height": "1.25",
+    "font-size": "var(--ui-font-size)",
+    "min-height": "calc(var(--ui-font-size) + var(--ui-padding) + var(--ui-padding))",
+    color: "var(--ui-text-color)",
+    padding: "var(--ui-padding-v) var(--ui-padding-h)",
+    "border-radius": "var(--ui-border-radius)",
+    cursor: "pointer",
+    "user-select": "none"
+  },
+  noselect: {
+    "user-select": "var(--noselect-user-select)",
+    cursor: "var(--noselect-cursor)"
+  },
+  button: {
+    "box-sizing": "border-box",
+    background: "var(--button-background)",
+    border: "var(--button-border)",
+    "box-shadow": "var(--button-shadow)",
+    color: "var(--button-color)",
+    cursor: "default",
+    "user-select": "none",
+    variants: {
+      ":hover": {
+        background: "var(--button-background-hover)",
+        "box-shadow": "var(--button-shadow)"
+      },
+      ":focus-visible": {
+        outline: "2px solid transparent",
+        "outline-offset": "1px",
+        border: "1px solid var(--ui-accent-color)",
+        "box-shadow": "0 0 0 1px var(--ui-accent-color-highlight)"
+      },
+      ":disabled": {
+        background: "var(--button-background-disabled)",
+        border: "var(--button-border-disabled)",
+        color: "var(--ui-input-text-color-disabled)",
+        cursor: "not-allowed",
+        "pointer-events": "none"
+      }
+    }
+  },
+  toolbar: {
+    background: "var(--toolbar-bg)",
+    border: "var(--toolbar-border)",
+    "border-radius": "var(--toolbar-radius)",
+    "box-shadow": "var(--toolbar-shadow)",
+    color: "var(--toolbar-color)"
+  }
+}, U = "data-fray-structural-styles";
+let fe = 1;
+class J {
+  constructor(t = `runtime-${fe++}`) {
+    u(this, "id");
+    u(this, "cssFragments", /* @__PURE__ */ new Set());
+    u(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 i of r) {
+      if (!Object.hasOwn(I, i))
+        throw new Error(`Unknown Fray base style: ${String(i)}`);
+      const s = i, o = this.baseStyleMap.get(s) ?? /* @__PURE__ */ new Set();
+      o.add(t.trim()), this.baseStyleMap.set(s, o);
+    }
+    return this;
+  }
+  generateRootCSS() {
+    return `:root {
+  --base-font-size: 14px;
+  --ui-font-size: var(--base-font-size);
+  --ui-padding: 0.375rem;
+  --ui-padding-h: 0.375rem;
+  --ui-padding-v: 0;
+  --ui-border-radius: 0.25rem;
+  --input-width: 15rem;
+  --spacing-small: 0.5rem;
+  --spacing-medium: 1rem;
+  --panel-padding: 0.75rem;
+  --noselect-user-select: none;
+  --noselect-cursor: default;
+}
+
+*, *::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: i, variants: s } = he(I[n]), o = [...r];
+      t += D(n, o, i);
+      for (const [a, l] of Object.entries(s))
+        t += D(
+          `${n}${a}`,
+          o.map((c) => be(c, 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[${U}="${me(this.id)}"]`;
+    let r = t.head.querySelector(n);
+    r == null && (r = t.createElement("style"), r.setAttribute(U, this.id), t.head.prepend(r));
+    const i = this.generateCSS();
+    return r.textContent !== i && (r.textContent = i), r;
+  }
+  reset() {
+    this.cssFragments.clear(), this.baseStyleMap.clear();
+  }
+}
+function de() {
+  return new J();
+}
+const pe = new J("");
+function he(e) {
+  const t = {};
+  let n = {};
+  for (const [r, i] of Object.entries(e))
+    if (r === "variants") {
+      if (typeof i != "object")
+        throw new TypeError("Base style variants must be declaration maps");
+      n = i;
+    } else if (typeof i == "string")
+      t[r] = i;
+    else
+      throw new TypeError(`Base style property ${r} must be a string`);
+  return { properties: t, variants: n };
+}
+function D(e, t, n) {
+  if (t.length === 0 || Object.keys(n).length === 0) return "";
+  const r = Object.entries(n).map(([i, s]) => `  ${i}: ${s};`).join(`
+`);
+  return `/* ${e} */
+${t.join(`,
+`)} {
+${r}
+}
+
+`;
+}
+function be(e, t) {
+  const n = e.indexOf("::");
+  return n < 0 ? `${e}${t}` : `${e.slice(0, n)}${t}${e.slice(n)}`;
+}
+function me(e) {
+  return e.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
+}
+const ye = /* @__PURE__ */ new Set([
+  "annotation-xml",
+  "color-profile",
+  "font-face",
+  "font-face-src",
+  "font-face-uri",
+  "font-face-format",
+  "font-face-name",
+  "missing-glyph"
+]);
+class L {
+  constructor(t = {}, n = de()) {
+    u(this, "elementPrefix");
+    u(this, "elementNameOverrides");
+    u(this, "styleRegistry");
+    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 i = r.prefix === void 0 ? "fray" : r.prefix;
+    i !== null && k(i, "Fray element prefix");
+    const s = r.overrides ?? {};
+    if (s == null || typeof s != "object" || Array.isArray(s))
+      throw new TypeError("Fray element-name overrides must be an object");
+    for (const [o, a] of Object.entries(s))
+      k(o, "Fray component host name"), K(a);
+    this.elementPrefix = i, this.elementNameOverrides = Object.freeze({ ...s }), this.styleRegistry = n;
+  }
+  resolveElementName(t, n = null) {
+    k(t, "Fray component host name");
+    const i = this.elementNameOverrides[t] ?? (this.elementPrefix == null ? n ?? t : `${this.elementPrefix}-${t}`);
+    return K(i), i;
+  }
+  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 _e(e = {}) {
+  return new L(e);
+}
+const Z = new L({}, pe);
+function k(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 K(e) {
+  if (k(e, "Fray element name"), !e.includes("-") || ye.has(e))
+    throw new TypeError(`Fray element name must be a non-reserved name containing a hyphen: ${e}`);
+}
+const P = Symbol.for("@sylwellsoftware/fray.Fragment"), Q = /* @__PURE__ */ new WeakSet(), ge = /* @__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"
+]), we = /* @__PURE__ */ new Set([
+  "checked",
+  "defaultChecked",
+  "defaultValue",
+  "disabled",
+  "indeterminate",
+  "multiple",
+  "muted",
+  "readOnly",
+  "required",
+  "selected",
+  "selectedIndex",
+  "tabIndex",
+  "value"
+]);
+function Me(e) {
+  H(e, "live");
+  const t = Object.freeze({ emitter: e });
+  return Q.add(t), t;
+}
+function A(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: i,
+    key: s = null,
+    ...o
+  } = r;
+  return {
+    type: e,
+    key: s,
+    props: {
+      ...o,
+      children: X([i, n])
+    }
+  };
+}
+function Ve(e, ...t) {
+  return e.reduce((n, r, i) => n + r + String(t[i] ?? ""), "");
+}
+const b = class b {
+  constructor(t = {}) {
+    u(this, "props");
+    u(this, "dom", null);
+    /** @internal */
+    u(this, "_rendered", null);
+    /** @internal */
+    u(this, "_childComponents", /* @__PURE__ */ new Set());
+    u(this, "initialized", !1);
+    u(this, "mounted", !1);
+    u(this, "destroyed", !1);
+    u(this, "updating", !1);
+    u(this, "updateRequested", !1);
+    u(this, "cleanupFunctions", /* @__PURE__ */ new Set());
+    u(this, "watched", /* @__PURE__ */ new Map());
+    u(this, "renderReadSubscriptions", /* @__PURE__ */ new Map());
+    u(this, "collectingRenderReads", null);
+    /** @internal */
+    u(this, "_runtime", Z);
+    /** JSX component for this instance's runtime-configured custom host. */
+    u(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 b))
+      throw new TypeError("Component.new() requires a Component constructor");
+    return n.mount();
+  }
+  static get baseStyles() {
+    return {};
+  }
+  static registerStyles(t = Z, n = /* @__PURE__ */ new Set()) {
+    if (n.has(this)) return;
+    n.add(this);
+    const r = this.hostName ?? null, i = this.standaloneHostName ?? null;
+    this.css && t.styleRegistry.registerCSS(r == null ? this.css : t.resolveHostCSS(this.css, r, i));
+    const s = Be(this.baseStyles);
+    for (const [o, a] of s)
+      t.styleRegistry.registerBaseStyle(r == null ? o : t.resolveHostSelector(o, r, i), 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, i = r.hostName;
+    if (i == null)
+      throw new Error(`${this.constructor.name} does not declare a custom host name`);
+    return A(this._runtime.resolveElementName(
+      i,
+      r.standaloneHostName
+    ), {
+      ...t,
+      "data-fray-component": i
+    }, ...n);
+  }
+  /** @internal Assign an immutable application runtime before initialization or mounting. */
+  _setRuntime(t) {
+    if (!(t instanceof L))
+      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.initialized = !0, this.initialize()), this.mounted || (this.mounted = !0, this.update(), r = !0), t != null && (ze(t), q(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 = _(this._rendered, r, this), this.dom = re(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: i }) => {
+        this.mounted && !this.destroyed && this.update(i);
+      }, { 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());
+    };
+  }
+  listen(t, n, r, i) {
+    if (t == null || typeof t.addEventListener != "function")
+      throw new TypeError("listen target must be an EventTarget");
+    const s = r;
+    return t.addEventListener(n, s, i), this.onCleanup(() => t.removeEventListener(n, s, i)), this;
+  }
+  registerChild(t) {
+    if (!(t instanceof b))
+      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();
+    }
+  }
+  onDestroy() {
+  }
+  trackRenderRead(t) {
+    if (H(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: i }) => {
+        this.mounted && !this.destroyed && this.update(i);
+      }, { emitCurrent: !1 });
+      this.renderReadSubscriptions.set(n, r);
+    }
+  }
+};
+u(b, "dependencies", []), u(b, "css", ""), u(b, "hostName", null), u(b, "standaloneHostName", null);
+let h = b;
+function R(e) {
+  return Array.isArray(e) ? A(P, null, e) : e == null || typeof e == "boolean" ? A(P) : e;
+}
+function X(e) {
+  const t = [], n = (r) => {
+    if (Array.isArray(r))
+      for (const i of r) n(i);
+    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 (x(e)) {
+    const s = 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(s, o);
+    const c = j(R(a), t);
+    q(l, c, o);
+    const d = {
+      kind: "emitter",
+      key: null,
+      source: e,
+      start: s,
+      end: o,
+      child: c,
+      unsubscribe: () => {
+      },
+      owner: t
+    };
+    return d.unsubscribe = e.subscribe(({ value: y }) => {
+      if (Object.is(y, e))
+        throw new TypeError("A Fray emitter child cannot render itself");
+      d.child = _(d.child, R(y), t);
+    }, { emitCurrent: !1 }), d;
+  }
+  if (e instanceof h)
+    return e._setRuntime(t._runtime), e.mount(), t.registerChild(e), {
+      kind: "component",
+      key: ie(e.props),
+      type: e.constructor,
+      instance: e,
+      prebuilt: !0,
+      props: e.props,
+      liveProps: /* @__PURE__ */ new Map(),
+      owner: t
+    };
+  if (!m(e))
+    throw new TypeError(`Invalid Fray child: ${G(e)}`);
+  const { type: n, key: r = null, props: i } = e;
+  if (n === P) {
+    const s = document.createComment("fray-fragment-start"), o = document.createComment("fray-fragment-end"), a = {
+      kind: "fragment",
+      key: r,
+      type: n,
+      start: s,
+      end: o,
+      children: [],
+      owner: t
+    }, l = document.createDocumentFragment();
+    return l.append(s, o), a.children = O(
+      l,
+      [],
+      i.children,
+      t,
+      o,
+      s
+    ), a;
+  }
+  if (typeof n == "string") {
+    const s = document.createElement(n), o = {
+      kind: "element",
+      key: r,
+      type: n,
+      node: s,
+      props: {},
+      listeners: /* @__PURE__ */ new Map(),
+      liveProps: /* @__PURE__ */ new Map(),
+      nativeBindings: /* @__PURE__ */ new Map(),
+      ref: null,
+      children: [],
+      owner: t
+    };
+    return ne(o, i), o.children = O(s, [], i.children, t), o;
+  }
+  if (oe(n)) {
+    const s = i, o = W(s), 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 te(l, s), a.mount(), t.registerChild(a), l;
+  }
+  if (typeof n == "function") {
+    const s = n, o = i, a = W(o), l = R(s(a)), c = {
+      kind: "function",
+      key: r,
+      type: s,
+      props: a,
+      sourceProps: o,
+      liveProps: /* @__PURE__ */ new Map(),
+      child: j(l, t),
+      owner: t
+    };
+    return Se(c), c;
+  }
+  throw new TypeError(`Unsupported vnode type: ${G(n)}`);
+}
+function _(e, t, n) {
+  if (e == null) return j(t, n);
+  if (se(e, t)) return ee(e, t, n);
+  const r = j(t, n), i = re(e), s = (i == null ? void 0 : i.parentNode) ?? null;
+  return s && q(s, r, i), g(e, !0), r;
+}
+function ee(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" ? (!x(t) || e.source !== t, e) : e.kind === "component" ? (t instanceof h || m(t) && ve(e, t.props), e) : m(t) ? e.kind === "function" ? (Ee(e, t.props), e) : e.kind === "fragment" ? (e.children = O(
+    e.start.parentNode,
+    e.children,
+    t.props.children,
+    n,
+    e.end,
+    e.start
+  ), e) : (ne(e, t.props), e.children = O(
+    e.node,
+    e.children,
+    t.props.children,
+    n
+  ), e) : e;
+}
+function W(e) {
+  return Object.fromEntries(Object.entries(e).map(([t, n]) => [
+    t,
+    C(n) ? n.emitter.get() : n
+  ]));
+}
+function te(e, t) {
+  M(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 ve(e, t) {
+  te(e, t);
+}
+function Se(e) {
+  M(e.liveProps, e.sourceProps, (t, n) => {
+    e.props = { ...e.props, [t]: n }, z(e);
+  }), e.props = V(e.liveProps, e.sourceProps);
+}
+function Ee(e, t) {
+  e.sourceProps = t, M(e.liveProps, t, (n, r) => {
+    e.props = { ...e.props, [n]: r }, z(e);
+  }), e.props = V(e.liveProps, t), z(e);
+}
+function z(e) {
+  const t = R(e.type(e.props));
+  e.child = _(e.child, t, e.owner);
+}
+function M(e, t, n) {
+  for (const [r, i] of e) {
+    const s = t[r];
+    C(s) && s.emitter === i.source || (i.unsubscribe(), e.delete(r));
+  }
+  for (const [r, i] of Object.entries(t)) {
+    if (!C(i) || e.has(r)) continue;
+    const s = {
+      source: i.emitter,
+      value: i.emitter.get(),
+      unsubscribe: () => {
+      }
+    };
+    s.unsubscribe = i.emitter.subscribe(({ value: o }) => {
+      e.get(r) === s && (s.value = o, n(r, o));
+    }, { emitCurrent: !1 }), e.set(r, s);
+  }
+}
+function V(e, t) {
+  return Object.fromEntries(Object.entries(t).map(([n, r]) => {
+    var i;
+    return [
+      n,
+      C(r) ? ((i = e.get(n)) == null ? void 0 : i.value) ?? r.emitter.get() : r
+    ];
+  }));
+}
+function O(e, t, n, r, i = null, s = null) {
+  if (e == null) throw new Error("Cannot patch a detached fragment range");
+  const o = X(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 c = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), y = [];
+  let le = 0;
+  for (const f of o) {
+    const p = E(f);
+    if (p != null) {
+      if (c.has(p)) throw new Error(`Duplicate sibling key: ${String(p)}`);
+      c.add(p);
+    }
+    const T = p == null ? l[le++] : a.get(p);
+    T && se(T, f) ? (d.add(T), y.push(ee(T, f, r))) : y.push(j(f, r));
+  }
+  for (const f of t)
+    d.has(f) || g(f, !0);
+  let S = s ? s.nextSibling : e.firstChild;
+  for (const f of y)
+    for (const p of w(f))
+      p === S ? S = S.nextSibling : (e.insertBefore(p, S ?? i), S = p.nextSibling);
+  return y;
+}
+function ne(e, t) {
+  const { children: n, ...r } = t, i = e.props, s = /* @__PURE__ */ new Set([...Object.keys(i), ...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 s) {
+    const a = i[o], l = r[o];
+    if (Ne(o))
+      je(e, o, l);
+    else if (o === "ref")
+      a !== l && Te(e, l);
+    else if (Oe(o))
+      Ce(e, o, l);
+    else if (C(l))
+      Re(e, o, l);
+    else {
+      const c = e.liveProps.get(o);
+      c && (c.unsubscribe(), e.liveProps.delete(o));
+      const d = (c == null ? void 0 : c.value) ?? a;
+      Object.is(d, l) || v(e.node, o, d, l);
+    }
+  }
+  e.props = { ...r };
+}
+function Re(e, t, n) {
+  const r = e.liveProps.get(t);
+  if ((r == null ? void 0 : r.source) === n.emitter) return;
+  r == null || r.unsubscribe();
+  const i = n.emitter.get();
+  v(e.node, t, (r == null ? void 0 : r.value) ?? e.props[t], i);
+  const s = {
+    source: n.emitter,
+    value: i,
+    unsubscribe: () => {
+    }
+  };
+  s.unsubscribe = n.emitter.subscribe(({ value: o }) => {
+    const a = s.value;
+    s.value = o, Object.is(a, o) || v(e.node, t, a, o);
+  }, { emitCurrent: !1 }), e.liveProps.set(t, s);
+}
+function je(e, t, n) {
+  const r = t.slice(5), i = e.nativeBindings.get(t);
+  if (n == null) {
+    i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener), e.nativeBindings.delete(t), v(e.node, r, i.value, void 0));
+    return;
+  }
+  if (xe(n, t), (i == null ? void 0 : i.source) === n) return;
+  i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener)), Fe(e.node, r);
+  const s = $e(e.node, r), o = n.get();
+  v(e.node, r, i == null ? void 0 : i.value, o);
+  const a = () => {
+    n.set(Reflect.get(e.node, r), `${t} changed`);
+  }, l = {
+    source: n,
+    value: o,
+    eventName: s,
+    listener: a,
+    unsubscribe: () => {
+    }
+  };
+  l.unsubscribe = n.subscribe(({ value: c }) => {
+    const d = l.value;
+    l.value = c, Object.is(d, c) || v(e.node, r, d, c);
+  }, { emitCurrent: !1 }), e.node.addEventListener(s, a), e.nativeBindings.set(t, l);
+}
+function Ce(e, t, n) {
+  const r = t.slice(2).toLowerCase(), i = e.listeners.get(t);
+  if (i && i !== n && (e.node.removeEventListener(r, i), e.listeners.delete(t)), n != null && typeof n != "function")
+    throw new TypeError(`${t} must be a function or null`);
+  if (typeof n == "function" && i !== n) {
+    const s = n;
+    e.node.addEventListener(r, s), e.listeners.set(t, s);
+  }
+}
+function Te(e, t) {
+  if (B(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, B(e.ref, e.node);
+}
+function v(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") {
+    ke(e, n, r);
+    return;
+  }
+  if (t === "style") {
+    Pe(e, n, r);
+    return;
+  }
+  if (t === "dangerouslySetInnerHTML")
+    throw new Error("dangerouslySetInnerHTML is not supported");
+  const i = Ae(t);
+  if (ge.has(i)) {
+    const s = !!r;
+    i in e && Reflect.set(e, i, s), e.toggleAttribute($(t), s);
+    return;
+  }
+  if (we.has(i) && i in e) {
+    const s = r ?? (i === "value" ? "" : !1);
+    Object.is(Reflect.get(e, i), s) || Reflect.set(e, i, s), r == null && e.removeAttribute($(t));
+    return;
+  }
+  F(e, $(t), r);
+}
+function ke(e, t, n) {
+  const r = N(t, "dataset"), i = N(n, "dataset");
+  for (const s of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(i)])) {
+    const o = i[s];
+    o == null ? delete e.dataset[s] : e.dataset[s] = String(o);
+  }
+}
+function Pe(e, t, n) {
+  if (typeof n == "string") {
+    e.style.cssText = n;
+    return;
+  }
+  const r = typeof t == "string" ? {} : N(t, "style"), i = N(n, "style");
+  typeof t == "string" && (e.style.cssText = "");
+  for (const s of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(i)])) {
+    const o = i[s];
+    s.startsWith("--") ? o == null ? e.style.removeProperty(s) : e.style.setProperty(s, String(o)) : Reflect.set(e.style, s, 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 Ae(e) {
+  return e === "readonly" ? "readOnly" : e === "autofocus" ? "autoFocus" : e;
+}
+function $(e) {
+  return e === "className" ? "class" : e === "htmlFor" ? "for" : /^aria[A-Z]/.test(e) || /^data[A-Z]/.test(e) ? Y(e) : e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+}
+function Y(e) {
+  return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+}
+function B(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") {
+    B(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 q(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 re(e) {
+  return w(e)[0] ?? null;
+}
+function E(e) {
+  return e instanceof h ? ie(e.props) : m(e) ? e.key : null;
+}
+function ie(e) {
+  const t = e.key;
+  return typeof t == "string" || typeof t == "number" ? t : null;
+}
+function se(e, t) {
+  return e.kind === "text" ? typeof t == "string" || typeof t == "number" : e.kind === "emitter" ? x(t) && e.source === t : e.kind === "component" ? t instanceof h ? e.instance === t : m(t) && oe(t.type) && e.type === t.type && e.key === E(t) : e.kind === "function" ? m(t) && e.type === t.type && e.key === E(t) : e.kind === "fragment" ? m(t) && t.type === P && e.key === E(t) : m(t) && typeof t.type == "string" && e.type === t.type && e.key === E(t);
+}
+function m(e) {
+  return e != null && typeof e == "object" && Object.hasOwn(e, "type");
+}
+function oe(e) {
+  return typeof e == "function" && (e === h || e.prototype instanceof h);
+}
+function Oe(e) {
+  return /^on[A-Z]/.test(e);
+}
+function Ne(e) {
+  return e === "bind:value" || e === "bind:checked";
+}
+function C(e) {
+  return e != null && typeof e == "object" && Q.has(e);
+}
+function x(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 H(e, t) {
+  if (!x(e)) throw new TypeError(`${t} requires a readable emitter`);
+}
+function xe(e, t) {
+  if (H(e, t), typeof Reflect.get(e, "set") != "function")
+    throw new TypeError(`${t} requires a writable emitter`);
+}
+function Fe(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 $e(e, t) {
+  return t === "value" && e.localName !== "select" ? "input" : "change";
+}
+function ze(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 G(e) {
+  try {
+    return String(e);
+  } catch {
+    return Object.prototype.toString.call(e);
+  }
+}
+function Be(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 ae(e, t, n) {
+  const r = t == null ? {} : { ...t };
+  return n !== void 0 && (r.key = n), A(e, r);
+}
+const qe = ae, He = ae;
+function Ie(e) {
+  if (!(e instanceof h))
+    throw new TypeError("createPrebuiltElement requires a Component instance");
+  return e;
+}
+export {
+  h as C,
+  P as F,
+  J as S,
+  qe as a,
+  L as b,
+  Ve as c,
+  _e as d,
+  de as e,
+  Z as f,
+  He as g,
+  A as h,
+  m as i,
+  ae as j,
+  Ie as k,
+  Me as l,
+  pe as s
+};
+//# sourceMappingURL=jsx-dev-runtime-CarwHDyL.js.map