@sylwellsoftware/fray 0.1.0-alpha.1 → 0.2.0

package/dist/{jsx-dev-runtime-CarwHDyL.js → jsx-dev-runtime-DukiDpV9.js}

@@ -16,46 +16,48 @@ const I = {
     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)",
+    "line-height": "var(--fray-line-height, 1.25)",
+    "font-size": "var(--fray-font-size, var(--ui-font-size))",
+    "min-height": "var(--fray-control-min-height, 2rem)",
+    color: "var(--fray-ui-color, var(--ui-text-color))",
+    "border-radius": "var(--fray-radius-md, var(--ui-border-radius))",
     "box-sizing": "border-box"
   },
   input: {
-    background: "var(--ui-input-bg)",
-    padding: "var(--ui-padding-v) var(--ui-padding-h)",
+    background: "var(--fray-input-background, var(--ui-input-bg))",
+    color: "var(--fray-input-color, var(--fray-ui-color, var(--ui-text-color)))",
+    padding: "var(--ui-padding-v, 0.25rem) var(--ui-padding-h, 0.5rem)",
     "pointer-events": "all",
-    border: "var(--ui-input-border)",
-    width: "var(--input-width)",
-    "box-shadow": "var(--input-shadow)",
+    border: "var(--fray-input-border, var(--ui-input-border))",
+    width: "var(--input-width, 15rem)",
+    "box-shadow": "var(--fray-input-shadow, var(--input-shadow, none))",
     "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)"
+        "border-color": "var(--fray-color-focus, var(--ui-accent-color))",
+        "box-shadow": "var(--fray-focus-ring, 0 0 0 2px 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)",
+        background: "var(--fray-input-background-disabled, var(--ui-input-bg-disabled))",
+        "border-color": "var(--fray-color-border, var(--ui-input-border-disabled))",
+        color: "var(--fray-input-color-disabled, var(--ui-input-text-color-disabled))",
         cursor: "not-allowed"
       }
     }
   },
   inputlike: {
-    background: "var(--ui-input-bg)",
-    padding: "var(--ui-padding-v) var(--ui-padding-h)",
+    background: "var(--fray-input-background, var(--ui-input-bg))",
+    color: "var(--fray-input-color, var(--fray-ui-color, var(--ui-text-color)))",
+    padding: "var(--ui-padding-v, 0.25rem) var(--ui-padding-h, 0.5rem)",
     "pointer-events": "all",
-    border: "var(--ui-input-border)",
-    "box-shadow": "var(--input-shadow)",
+    border: "var(--fray-input-border, var(--ui-input-border))",
+    "box-shadow": "var(--fray-input-shadow, var(--input-shadow, none))",
     "box-sizing": "border-box",
     "white-space": "nowrap",
-    "border-radius": "var(--ui-border-radius)"
+    "border-radius": "var(--fray-radius-md, var(--ui-border-radius))"
   },
   labeledinput: {
     display: "flex",
@@ -64,15 +66,15 @@ const I = {
     gap: ".5em"
   },
   label: {
-    color: "var(--ui-text-color)",
-    "font-size": "var(--ui-font-size)"
+    color: "var(--fray-ui-color, var(--ui-text-color))",
+    "font-size": "var(--fray-font-size, var(--ui-font-size))"
   },
   disabled: {
-    "border-color": "var(--ui-input-border-disabled)",
-    color: "var(--ui-input-text-color-disabled)"
+    "border-color": "var(--fray-color-border, var(--ui-input-border-disabled))",
+    color: "var(--fray-input-color-disabled, var(--ui-input-text-color-disabled))"
   },
   error: {
-    color: "var(--error-color)"
+    color: "var(--fray-color-error, var(--error-color))"
   },
   working: {
     display: "inline",
@@ -82,31 +84,32 @@ const I = {
     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)",
+    "background-image": "var(--fray-working-background-image)",
     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)"
+    background: "var(--fray-panel-background, var(--panel-bg))",
+    border: "var(--fray-panel-border, var(--panel-border))",
+    "border-radius": "var(--fray-panel-radius, var(--panel-radius))",
+    "box-shadow": "var(--fray-panel-shadow, var(--panel-shadow))",
+    color: "var(--fray-panel-color, var(--panel-color))"
   },
   sectionheader: {
-    "box-shadow": "var(--sectionheader-shadow)",
-    background: "var(--sectionheader-bg)",
-    color: "var(--sectionheader-color)"
+    "box-shadow": "var(--fray-section-header-shadow, var(--fray-header-shadow, var(--sectionheader-shadow)))",
+    background: "var(--fray-section-header-background, var(--fray-header-background, var(--sectionheader-bg)))",
+    color: "var(--fray-section-header-color, var(--fray-header-color, var(--sectionheader-color)))",
+    border: "var(--fray-section-header-border, var(--fray-header-border, 0 solid transparent))"
   },
   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)",
+    "line-height": "var(--fray-line-height, 1.25)",
+    "font-size": "var(--fray-font-size, var(--ui-font-size))",
+    "min-height": "var(--fray-control-min-height, 2rem)",
+    color: "var(--fray-ui-color, var(--ui-text-color))",
+    padding: "var(--ui-padding-v, 0.25rem) var(--ui-padding-h, 0.5rem)",
+    "border-radius": "var(--fray-radius-md, var(--ui-border-radius))",
     cursor: "pointer",
     "user-select": "none"
   },
@@ -116,38 +119,38 @@ const I = {
   },
   button: {
     "box-sizing": "border-box",
-    background: "var(--button-background)",
-    border: "var(--button-border)",
-    "box-shadow": "var(--button-shadow)",
-    color: "var(--button-color)",
+    background: "var(--fray-button-background, var(--button-background))",
+    border: "var(--fray-button-border, var(--button-border))",
+    "box-shadow": "var(--fray-button-shadow, var(--button-shadow))",
+    color: "var(--fray-button-color, var(--button-color))",
     cursor: "default",
     "user-select": "none",
     variants: {
       ":hover": {
-        background: "var(--button-background-hover)",
-        "box-shadow": "var(--button-shadow)"
+        background: "var(--fray-button-background-hover, var(--button-background-hover))",
+        "box-shadow": "var(--fray-button-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)"
+        border: "1px solid var(--fray-color-focus, var(--ui-accent-color))",
+        "box-shadow": "var(--fray-focus-ring, 0 0 0 2px var(--ui-accent-color-highlight))"
       },
       ":disabled": {
-        background: "var(--button-background-disabled)",
-        border: "var(--button-border-disabled)",
-        color: "var(--ui-input-text-color-disabled)",
+        background: "var(--fray-button-background-disabled, var(--button-background-disabled))",
+        border: "var(--button-border-disabled, var(--fray-button-border))",
+        color: "var(--fray-input-color-disabled, 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)"
+    background: "var(--fray-toolbar-background, var(--toolbar-bg))",
+    border: "var(--fray-toolbar-border, var(--toolbar-border))",
+    "border-radius": "var(--toolbar-radius, var(--fray-radius-md))",
+    "box-shadow": "var(--fray-toolbar-shadow, var(--toolbar-shadow))",
+    color: "var(--fray-toolbar-color, var(--toolbar-color))"
   }
 }, U = "data-fray-structural-styles";
 let fe = 1;
@@ -172,28 +175,13 @@ class J {
     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);
+      const o = i, s = this.baseStyleMap.get(o) ?? /* @__PURE__ */ new Set();
+      s.add(t.trim()), this.baseStyleMap.set(o, s);
     }
     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 {
+    return `*, *::before, *::after {
   box-sizing: border-box;
 }
 
@@ -216,12 +204,12 @@ class J {
   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))
+      const { properties: i, variants: o } = he(I[n]), s = [...r];
+      t += D(n, s, i);
+      for (const [a, l] of Object.entries(o))
         t += D(
           `${n}${a}`,
-          o.map((c) => be(c, a)),
+          s.map((c) => be(c, a)),
           l
         );
     }
@@ -241,7 +229,7 @@ class J {
   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)}"]`;
+    const n = `style[${U}="${ye(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();
@@ -271,7 +259,7 @@ function he(e) {
 }
 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(`
+  const r = Object.entries(n).map(([i, o]) => `  ${i}: ${o};`).join(`
 `);
   return `/* ${e} */
 ${t.join(`,
@@ -285,10 +273,10 @@ function be(e, t) {
   const n = e.indexOf("::");
   return n < 0 ? `${e}${t}` : `${e.slice(0, n)}${t}${e.slice(n)}`;
 }
-function me(e) {
+function ye(e) {
   return e.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
 }
-const ye = /* @__PURE__ */ new Set([
+const me = /* @__PURE__ */ new Set([
   "annotation-xml",
   "color-profile",
   "font-face",
@@ -309,16 +297,16 @@ class L {
     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))
+    i !== null && T(i, "Fray element prefix");
+    const o = r.overrides ?? {};
+    if (o == null || typeof o != "object" || Array.isArray(o))
       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;
+    for (const [s, a] of Object.entries(o))
+      T(s, "Fray component host name"), K(a);
+    this.elementPrefix = i, this.elementNameOverrides = Object.freeze({ ...o }), this.styleRegistry = n;
   }
   resolveElementName(t, n = null) {
-    k(t, "Fray component host name");
+    T(t, "Fray component host name");
     const i = this.elementNameOverrides[t] ?? (this.elementPrefix == null ? n ?? t : `${this.elementPrefix}-${t}`);
     return K(i), i;
   }
@@ -350,12 +338,12 @@ function _e(e = {}) {
   return new L(e);
 }
 const Z = new L({}, pe);
-function k(e, t) {
+function T(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))
+  if (T(e, "Fray element name"), !e.includes("-") || me.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([
@@ -408,14 +396,14 @@ function A(e, t = null, ...n) {
     throw new TypeError("VNode props must be an object or null");
   const {
     children: i,
-    key: s = null,
-    ...o
+    key: o = null,
+    ...s
   } = r;
   return {
     type: e,
-    key: s,
+    key: o,
     props: {
-      ...o,
+      ...s,
       children: X([i, n])
     }
   };
@@ -465,11 +453,11 @@ const b = class b {
     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);
+    const o = Be(this.baseStyles);
+    for (const [s, a] of o)
+      t.styleRegistry.registerBaseStyle(r == null ? s : t.resolveHostSelector(s, r, i), a);
+    for (const s of this.dependencies ?? [])
+      s.registerStyles(t, n);
   }
   /** One-time setup hook. Constructors must not subscribe or render. */
   initialize() {
@@ -583,8 +571,8 @@ const b = class b {
   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;
+    const o = r;
+    return t.addEventListener(n, o, i), this.onCleanup(() => t.removeEventListener(n, o, i)), this;
   }
   registerChild(t) {
     if (!(t instanceof b))
@@ -632,7 +620,7 @@ function X(e) {
   };
   return n(e), t;
 }
-function j(e, t) {
+function k(e, t) {
   if (typeof e == "string" || typeof e == "number")
     return {
       kind: "text",
@@ -641,29 +629,29 @@ function j(e, t) {
       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 (N(e)) {
+    const o = document.createComment("fray-emitter-start"), s = 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);
+    l.append(o, s);
+    const c = k(R(a), t);
+    q(l, c, s);
     const d = {
       kind: "emitter",
       key: null,
       source: e,
-      start: s,
-      end: o,
+      start: o,
+      end: s,
       child: c,
       unsubscribe: () => {
       },
       owner: t
     };
-    return d.unsubscribe = e.subscribe(({ value: y }) => {
-      if (Object.is(y, e))
+    return d.unsubscribe = e.subscribe(({ value: m }) => {
+      if (Object.is(m, e))
         throw new TypeError("A Fray emitter child cannot render itself");
-      d.child = _(d.child, R(y), t);
+      d.child = _(d.child, R(m), t);
     }, { emitCurrent: !1 }), d;
   }
   if (e instanceof h)
@@ -677,34 +665,34 @@ function j(e, t) {
       liveProps: /* @__PURE__ */ new Map(),
       owner: t
     };
-  if (!m(e))
+  if (!y(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 = {
+    const o = document.createComment("fray-fragment-start"), s = document.createComment("fray-fragment-end"), a = {
       kind: "fragment",
       key: r,
       type: n,
-      start: s,
-      end: o,
+      start: o,
+      end: s,
       children: [],
       owner: t
     }, l = document.createDocumentFragment();
-    return l.append(s, o), a.children = O(
+    return l.append(o, s), a.children = O(
       l,
       [],
       i.children,
       t,
-      o,
-      s
+      s,
+      o
     ), a;
   }
   if (typeof n == "string") {
-    const s = document.createElement(n), o = {
+    const o = document.createElement(n), s = {
       kind: "element",
       key: r,
       type: n,
-      node: s,
+      node: o,
       props: {},
       listeners: /* @__PURE__ */ new Map(),
       liveProps: /* @__PURE__ */ new Map(),
@@ -713,10 +701,10 @@ function j(e, t) {
       children: [],
       owner: t
     };
-    return ne(o, i), o.children = O(s, [], i.children, t), o;
+    return ne(s, i), s.children = O(o, [], i.children, t), s;
   }
-  if (oe(n)) {
-    const s = i, o = W(s), a = new n(o);
+  if (se(n)) {
+    const o = i, s = W(o), a = new n(s);
     a._setRuntime(t._runtime);
     const l = {
       kind: "component",
@@ -724,21 +712,21 @@ function j(e, t) {
       type: n,
       instance: a,
       prebuilt: !1,
-      props: o,
+      props: s,
       liveProps: /* @__PURE__ */ new Map(),
       owner: t
     };
-    return te(l, s), a.mount(), t.registerChild(a), l;
+    return te(l, o), a.mount(), t.registerChild(a), l;
   }
   if (typeof n == "function") {
-    const s = n, o = i, a = W(o), l = R(s(a)), c = {
+    const o = n, s = i, a = W(s), l = R(o(a)), c = {
       kind: "function",
       key: r,
-      type: s,
+      type: o,
       props: a,
-      sourceProps: o,
+      sourceProps: s,
       liveProps: /* @__PURE__ */ new Map(),
-      child: j(l, t),
+      child: k(l, t),
       owner: t
     };
     return Se(c), c;
@@ -746,13 +734,13 @@ function j(e, t) {
   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;
+  if (e == null) return k(t, n);
+  if (oe(e, t)) return ee(e, t, n);
+  const r = k(t, n), i = re(e), o = (i == null ? void 0 : i.parentNode) ?? null;
+  return o && q(o, 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(
+  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" ? (!N(t) || e.source !== t, e) : e.kind === "component" ? (t instanceof h || y(t) && ve(e, t.props), e) : y(t) ? e.kind === "function" ? (Ee(e, t.props), e) : e.kind === "fragment" ? (e.children = O(
     e.start.parentNode,
     e.children,
     t.props.children,
@@ -769,7 +757,7 @@ function ee(e, t, n) {
 function W(e) {
   return Object.fromEntries(Object.entries(e).map(([t, n]) => [
     t,
-    C(n) ? n.emitter.get() : n
+    j(n) ? n.emitter.get() : n
   ]));
 }
 function te(e, t) {
@@ -796,20 +784,20 @@ function z(e) {
 }
 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));
+    const o = t[r];
+    j(o) && o.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 = {
+    if (!j(i) || e.has(r)) continue;
+    const o = {
       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);
+    o.unsubscribe = i.emitter.subscribe(({ value: s }) => {
+      e.get(r) === o && (o.value = s, n(r, s));
+    }, { emitCurrent: !1 }), e.set(r, o);
   }
 }
 function V(e, t) {
@@ -817,54 +805,54 @@ function V(e, t) {
     var i;
     return [
       n,
-      C(r) ? ((i = e.get(n)) == null ? void 0 : i.value) ?? r.emitter.get() : r
+      j(r) ? ((i = e.get(n)) == null ? void 0 : i.value) ?? r.emitter.get() : r
     ];
   }));
 }
-function O(e, t, n, r, i = null, s = null) {
+function O(e, t, n, r, i = null, o = null) {
   if (e == null) throw new Error("Cannot patch a detached fragment range");
-  const o = X(n), a = /* @__PURE__ */ new Map(), l = [];
+  const s = 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 = [];
+  const c = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), m = [];
   let le = 0;
-  for (const f of o) {
+  for (const f of s) {
     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));
+    const C = p == null ? l[le++] : a.get(p);
+    C && oe(C, f) ? (d.add(C), m.push(ee(C, f, r))) : m.push(k(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)
+  let S = o ? o.nextSibling : e.firstChild;
+  for (const f of m)
     for (const p of w(f))
       p === S ? S = S.nextSibling : (e.insertBefore(p, S ?? i), S = p.nextSibling);
-  return y;
+  return m;
 }
 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);
+  const { children: n, ...r } = t, i = e.props, o = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(r)]);
+  for (const s of ["value", "checked"])
+    if (Object.hasOwn(r, s) && Object.hasOwn(r, `bind:${s}`))
+      throw new Error(`${s} and bind:${s} cannot be used together`);
+  for (const s of o) {
+    const a = i[s], l = r[s];
+    if (xe(s))
+      ke(e, s, l);
+    else if (s === "ref")
+      a !== l && Ce(e, l);
+    else if (Oe(s))
+      je(e, s, l);
+    else if (j(l))
+      Re(e, s, l);
     else {
-      const c = e.liveProps.get(o);
-      c && (c.unsubscribe(), e.liveProps.delete(o));
+      const c = e.liveProps.get(s);
+      c && (c.unsubscribe(), e.liveProps.delete(s));
       const d = (c == null ? void 0 : c.value) ?? a;
-      Object.is(d, l) || v(e.node, o, d, l);
+      Object.is(d, l) || v(e.node, s, d, l);
     }
   }
   e.props = { ...r };
@@ -875,33 +863,33 @@ function Re(e, t, n) {
   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 = {
+  const o = {
     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);
+  o.unsubscribe = n.emitter.subscribe(({ value: s }) => {
+    const a = o.value;
+    o.value = s, Object.is(a, s) || v(e.node, t, a, s);
+  }, { emitCurrent: !1 }), e.liveProps.set(t, o);
 }
-function je(e, t, n) {
+function ke(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;
+  if (Ne(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 o = $e(e.node, r), s = n.get();
+  v(e.node, r, i == null ? void 0 : i.value, s);
   const a = () => {
     n.set(Reflect.get(e.node, r), `${t} changed`);
   }, l = {
     source: n,
-    value: o,
-    eventName: s,
+    value: s,
+    eventName: o,
     listener: a,
     unsubscribe: () => {
     }
@@ -909,18 +897,18 @@ function je(e, t, n) {
   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);
+  }, { emitCurrent: !1 }), e.node.addEventListener(o, a), e.nativeBindings.set(t, l);
 }
-function Ce(e, t, n) {
+function je(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);
+    const o = n;
+    e.node.addEventListener(r, o), e.listeners.set(t, o);
   }
 }
-function Te(e, t) {
+function Ce(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);
@@ -935,7 +923,7 @@ function v(e, t, n, r) {
     return;
   }
   if (t === "dataset") {
-    ke(e, n, r);
+    Te(e, n, r);
     return;
   }
   if (t === "style") {
@@ -946,22 +934,22 @@ function v(e, t, n, r) {
     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);
+    const o = !!r;
+    i in e && Reflect.set(e, i, o), e.toggleAttribute($(t), o);
     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));
+    const o = r ?? (i === "value" ? "" : !1);
+    Object.is(Reflect.get(e, i), o) || Reflect.set(e, i, o), 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 Te(e, t, n) {
+  const r = x(t, "dataset"), i = x(n, "dataset");
+  for (const o of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(i)])) {
+    const s = i[o];
+    s == null ? delete e.dataset[o] : e.dataset[o] = String(s);
   }
 }
 function Pe(e, t, n) {
@@ -969,14 +957,14 @@ function Pe(e, t, n) {
     e.style.cssText = n;
     return;
   }
-  const r = typeof t == "string" ? {} : N(t, "style"), i = N(n, "style");
+  const r = typeof t == "string" ? {} : x(t, "style"), i = x(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));
+  for (const o of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(i)])) {
+    const s = i[o];
+    o.startsWith("--") ? s == null ? e.style.removeProperty(o) : e.style.setProperty(o, String(s)) : Reflect.set(e.style, o, s == null ? "" : String(s));
   }
 }
-function N(e, t) {
+function x(e, t) {
   if (e == null) return {};
   if (typeof e != "object" || Array.isArray(e))
     throw new TypeError(`${t} must be an object or null`);
@@ -1054,37 +1042,37 @@ function re(e) {
   return w(e)[0] ?? null;
 }
 function E(e) {
-  return e instanceof h ? ie(e.props) : m(e) ? e.key : null;
+  return e instanceof h ? ie(e.props) : y(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 oe(e, t) {
+  return e.kind === "text" ? typeof t == "string" || typeof t == "number" : e.kind === "emitter" ? N(t) && e.source === t : e.kind === "component" ? t instanceof h ? e.instance === t : y(t) && se(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 === P && e.key === E(t) : y(t) && typeof t.type == "string" && e.type === t.type && e.key === E(t);
 }
-function m(e) {
+function y(e) {
   return e != null && typeof e == "object" && Object.hasOwn(e, "type");
 }
-function oe(e) {
+function se(e) {
   return typeof e == "function" && (e === h || e.prototype instanceof h);
 }
 function Oe(e) {
   return /^on[A-Z]/.test(e);
 }
-function Ne(e) {
+function xe(e) {
   return e === "bind:value" || e === "bind:checked";
 }
-function C(e) {
+function j(e) {
   return e != null && typeof e == "object" && Q.has(e);
 }
-function x(e) {
+function N(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`);
+  if (!N(e)) throw new TypeError(`${t} requires a readable emitter`);
 }
-function xe(e, t) {
+function Ne(e, t) {
   if (H(e, t), typeof Reflect.get(e, "set") != "function")
     throw new TypeError(`${t} requires a writable emitter`);
 }
@@ -1146,10 +1134,10 @@ export {
   Z as f,
   He as g,
   A as h,
-  m as i,
+  y as i,
   ae as j,
   Ie as k,
   Me as l,
   pe as s
 };
-//# sourceMappingURL=jsx-dev-runtime-CarwHDyL.js.map
+//# sourceMappingURL=jsx-dev-runtime-DukiDpV9.js.map