@vertz/ui 0.2.19 → 0.2.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/ui",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "type": "module",
   "license": "MIT",
   "description": "Vertz UI framework — signals, components, JSX runtime",
@@ -56,6 +56,10 @@
       "types": "./dist/src/auth/public.d.ts",
       "import": "./dist/src/auth/public.js"
     },
+    "./components": {
+      "types": "./dist/src/components/index.d.ts",
+      "import": "./dist/src/components/index.js"
+    },
     "./reactivity.json": "./reactivity.json"
   },
   "files": [
@@ -69,11 +73,11 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@vertz/fetch": "^0.2.18"
+    "@vertz/fetch": "^0.2.20"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/schema": "^0.2.18",
+    "@vertz/schema": "^0.2.20",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"

package/dist/shared/chunk-mgfrrrjq.js

@@ -1,384 +0,0 @@
-import {
-  SVG_NS,
-  isSVGTag,
-  normalizeSVGAttr
-} from "./chunk-prj7nm08.js";
-import {
-  getAdapter,
-  isRenderNode
-} from "./chunk-afawz764.js";
-import {
-  domEffect
-} from "./chunk-4fwcwxn6.js";
-
-// src/hydrate/hydration-context.ts
-var isHydrating = false;
-var currentNode = null;
-var cursorStack = [];
-var hydrationRoot = null;
-var claimedNodes = null;
-function isDebug() {
-  if (typeof process !== "undefined" && true) {
-    return true;
-  }
-  return typeof globalThis !== "undefined" && globalThis.__VERTZ_HYDRATION_DEBUG__ === true;
-}
-function startHydration(root) {
-  if (isHydrating) {
-    throw new Error("[hydrate] startHydration() called while hydration is already active. " + "Concurrent hydration is not supported.");
-  }
-  isHydrating = true;
-  currentNode = root.firstChild;
-  cursorStack.length = 0;
-  if (isDebug()) {
-    hydrationRoot = root;
-    claimedNodes = new WeakSet;
-  }
-}
-function endHydration() {
-  if (isDebug()) {
-    if (currentNode) {
-      console.debug("[hydrate] Hydration ended with unclaimed nodes remaining. " + "This may indicate SSR/client tree mismatch or browser extension nodes.");
-    }
-    if (cursorStack.length > 0) {
-      console.debug(`[hydrate] Hydration ended with unbalanced cursor stack (depth: ${cursorStack.length}). ` + "Check that __enterChildren/__exitChildren calls are paired.");
-    }
-  }
-  if (hydrationRoot && claimedNodes) {
-    const unclaimed = findUnclaimedNodes(hydrationRoot, claimedNodes);
-    if (unclaimed.length > 0) {
-      console.warn(`[hydrate] ${unclaimed.length} SSR node(s) not claimed during hydration:
-` + unclaimed.map((n) => `  - ${describeNode(n)}`).join(`
-`));
-    }
-  }
-  hydrationRoot = null;
-  claimedNodes = null;
-  isHydrating = false;
-  currentNode = null;
-  cursorStack.length = 0;
-}
-function getIsHydrating() {
-  return isHydrating;
-}
-function pauseHydration() {
-  isHydrating = false;
-}
-function resumeHydration() {
-  isHydrating = true;
-}
-function claimElement(tag) {
-  const upperTag = tag.toUpperCase();
-  while (currentNode) {
-    if (currentNode.nodeType === Node.ELEMENT_NODE) {
-      const el = currentNode;
-      if (el.tagName === upperTag) {
-        if (isDebug()) {
-          const id = el.id ? `#${el.id}` : "";
-          const cls = el.className ? `.${el.className.split(" ")[0]}` : "";
-          console.debug(`[hydrate] claimElement(<${tag}${id}${cls}>) ✓ depth=${cursorStack.length}`);
-        }
-        if (claimedNodes)
-          claimedNodes.add(el);
-        currentNode = el.nextSibling;
-        return el;
-      }
-      if (isDebug()) {
-        console.debug(`[hydrate] Skipping non-matching node: <${el.tagName.toLowerCase()}> (expected <${tag}>)`);
-      }
-    }
-    currentNode = currentNode.nextSibling;
-  }
-  if (isDebug()) {
-    console.warn(`[hydrate] Expected <${tag}> but no matching SSR node found. Creating new element.`);
-  }
-  return null;
-}
-function claimText() {
-  while (currentNode) {
-    if (currentNode.nodeType === Node.TEXT_NODE) {
-      const text = currentNode;
-      if (isDebug()) {
-        const preview = text.data.length > 30 ? text.data.slice(0, 30) + "..." : text.data;
-        console.debug(`[hydrate] claimText("${preview}") ✓ depth=${cursorStack.length}`);
-      }
-      if (claimedNodes)
-        claimedNodes.add(text);
-      currentNode = text.nextSibling;
-      return text;
-    }
-    if (currentNode.nodeType === Node.ELEMENT_NODE) {
-      break;
-    }
-    currentNode = currentNode.nextSibling;
-  }
-  if (isDebug()) {
-    console.warn("[hydrate] Expected text node but no matching SSR node found.");
-  }
-  return null;
-}
-function claimComment() {
-  while (currentNode) {
-    if (currentNode.nodeType === Node.COMMENT_NODE) {
-      const comment = currentNode;
-      if (claimedNodes)
-        claimedNodes.add(comment);
-      currentNode = comment.nextSibling;
-      return comment;
-    }
-    currentNode = currentNode.nextSibling;
-  }
-  if (isDebug()) {
-    console.warn("[hydrate] Expected comment node but no matching SSR node found.");
-  }
-  return null;
-}
-function enterChildren(el) {
-  cursorStack.push(currentNode);
-  currentNode = el.firstChild;
-}
-function exitChildren() {
-  if (cursorStack.length === 0) {
-    if (isDebug()) {
-      console.warn("[hydrate] exitChildren() called with empty stack. " + "This likely means __exitChildren was called without a matching __enterChildren.");
-    }
-    currentNode = null;
-    return;
-  }
-  currentNode = cursorStack.pop() ?? null;
-}
-function findUnclaimedNodes(root, claimed) {
-  const unclaimed = [];
-  function walk(node) {
-    let child = node.firstChild;
-    while (child) {
-      if (child.nodeType === Node.ELEMENT_NODE) {
-        const el = child;
-        if (el.tagName.includes("-")) {
-          child = child.nextSibling;
-          continue;
-        }
-      }
-      if (child.nodeType === Node.ELEMENT_NODE && claimed.has(child) && child.tagName === "SPAN" && child.style.display === "contents") {
-        child = child.nextSibling;
-        continue;
-      }
-      if (!claimed.has(child)) {
-        if (child.nodeType === Node.ELEMENT_NODE || child.nodeType === Node.TEXT_NODE || child.nodeType === Node.COMMENT_NODE) {
-          unclaimed.push(child);
-        }
-      }
-      if (child.nodeType === Node.ELEMENT_NODE) {
-        walk(child);
-      }
-      child = child.nextSibling;
-    }
-  }
-  walk(root);
-  return unclaimed;
-}
-function describeNode(node) {
-  if (node.nodeType === Node.ELEMENT_NODE) {
-    const el = node;
-    const id = el.id ? `#${el.id}` : "";
-    const cls = el.className ? `.${String(el.className).split(" ")[0]}` : "";
-    return `<${el.tagName.toLowerCase()}${id}${cls}>`;
-  }
-  if (node.nodeType === Node.TEXT_NODE) {
-    const data = node.data;
-    const preview = data.length > 20 ? data.slice(0, 20) + "..." : data;
-    return `text("${preview}")`;
-  }
-  if (node.nodeType === Node.COMMENT_NODE) {
-    return `<!-- ${node.data} -->`;
-  }
-  return `[node type=${node.nodeType}]`;
-}
-
-// src/dom/element.ts
-var MAX_THUNK_DEPTH = 100;
-function resolveAndAppend(parent, value, depth = 0) {
-  if (depth >= MAX_THUNK_DEPTH) {
-    throw new Error("resolveAndAppend: max recursion depth exceeded — possible circular thunk");
-  }
-  if (value == null || typeof value === "boolean") {
-    return;
-  }
-  if (typeof value === "function") {
-    resolveAndAppend(parent, value(), depth + 1);
-    return;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) {
-      resolveAndAppend(parent, item, depth);
-    }
-    return;
-  }
-  if (isRenderNode(value)) {
-    parent.appendChild(value);
-    return;
-  }
-  const text = typeof value === "string" ? value : String(value);
-  parent.appendChild(getAdapter().createTextNode(text));
-}
-function __text(fn) {
-  if (getIsHydrating()) {
-    const claimed = claimText();
-    if (claimed) {
-      const node2 = claimed;
-      node2.dispose = domEffect(() => {
-        node2.data = fn();
-      });
-      return node2;
-    }
-  }
-  const node = getAdapter().createTextNode("");
-  node.dispose = domEffect(() => {
-    node.data = fn();
-  });
-  return node;
-}
-function __child(fn) {
-  let wrapper;
-  if (getIsHydrating()) {
-    const claimed = claimElement("span");
-    if (claimed) {
-      wrapper = claimed;
-      while (wrapper.firstChild) {
-        wrapper.removeChild(wrapper.firstChild);
-      }
-      pauseHydration();
-      try {
-        wrapper.dispose = domEffect(() => {
-          const value = fn();
-          if (isRenderNode(value) && wrapper.childNodes.length === 1 && wrapper.firstChild === value) {
-            return;
-          }
-          if (!isRenderNode(value) && value != null && typeof value !== "boolean" && wrapper.childNodes.length === 1 && wrapper.firstChild.nodeType === 3) {
-            const text = typeof value === "string" ? value : String(value);
-            wrapper.firstChild.data = text;
-            return;
-          }
-          while (wrapper.firstChild) {
-            wrapper.removeChild(wrapper.firstChild);
-          }
-          resolveAndAppend(wrapper, value);
-        });
-      } finally {
-        resumeHydration();
-      }
-      return wrapper;
-    }
-  }
-  wrapper = getAdapter().createElement("span");
-  wrapper.style.display = "contents";
-  wrapper.dispose = domEffect(() => {
-    const value = fn();
-    if (isRenderNode(value) && wrapper.childNodes.length === 1 && wrapper.firstChild === value) {
-      return;
-    }
-    if (!isRenderNode(value) && value != null && typeof value !== "boolean" && typeof value !== "function" && wrapper.childNodes.length === 1 && wrapper.firstChild.nodeType === 3) {
-      const text = typeof value === "string" ? value : String(value);
-      wrapper.firstChild.data = text;
-      return;
-    }
-    while (wrapper.firstChild) {
-      wrapper.removeChild(wrapper.firstChild);
-    }
-    resolveAndAppend(wrapper, value);
-  });
-  return wrapper;
-}
-function resolveAndInsert(parent, value, depth = 0) {
-  if (depth >= MAX_THUNK_DEPTH) {
-    throw new Error("__insert: max recursion depth exceeded — possible circular thunk");
-  }
-  if (value == null || typeof value === "boolean") {
-    return;
-  }
-  if (typeof value === "function") {
-    resolveAndInsert(parent, value(), depth + 1);
-    return;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) {
-      resolveAndInsert(parent, item, depth);
-    }
-    return;
-  }
-  insertLeaf(parent, value);
-}
-function insertLeaf(parent, value) {
-  if (getIsHydrating()) {
-    if (isRenderNode(value)) {
-      return;
-    }
-    claimText();
-    return;
-  }
-  if (isRenderNode(value)) {
-    parent.appendChild(value);
-    return;
-  }
-  const text = typeof value === "string" ? value : String(value);
-  parent.appendChild(getAdapter().createTextNode(text));
-}
-function __insert(parent, value) {
-  if (value == null || typeof value === "boolean") {
-    return;
-  }
-  resolveAndInsert(parent, value);
-}
-function __element(tag, props) {
-  if (getIsHydrating()) {
-    const claimed = claimElement(tag);
-    if (claimed) {
-      if (props && typeof process !== "undefined" && true) {
-        for (const [key, value] of Object.entries(props)) {
-          if (key === "role" || key.startsWith("aria-")) {
-            const actual = claimed.getAttribute(key);
-            if (actual !== value) {
-              console.warn(`[hydrate] ARIA mismatch on <${tag}>: ${key}="${actual}" (expected "${value}")`);
-            }
-          }
-        }
-      }
-      return claimed;
-    }
-  }
-  const adapter = getAdapter();
-  const svg = isSVGTag(tag);
-  const el = svg ? adapter.createElementNS(SVG_NS, tag) : adapter.createElement(tag);
-  if (props) {
-    for (const [key, value] of Object.entries(props)) {
-      const attrName = svg ? normalizeSVGAttr(key) : key;
-      el.setAttribute(attrName, value);
-    }
-  }
-  return el;
-}
-function __append(parent, child) {
-  if (getIsHydrating())
-    return;
-  parent.appendChild(child);
-}
-function __staticText(text) {
-  if (getIsHydrating()) {
-    const claimed = claimText();
-    if (claimed)
-      return claimed;
-  }
-  return getAdapter().createTextNode(text);
-}
-function __enterChildren(el) {
-  if (getIsHydrating()) {
-    enterChildren(el);
-  }
-}
-function __exitChildren() {
-  if (getIsHydrating()) {
-    exitChildren();
-  }
-}
-
-export { startHydration, endHydration, getIsHydrating, claimElement, claimText, claimComment, enterChildren, exitChildren, __text, __child, __insert, __element, __append, __staticText, __enterChildren, __exitChildren };