@vertz/ui 0.2.31 → 0.2.33

package/README.md

@@ -160,9 +160,7 @@ import { query } from '@vertz/ui';
 function UserProfile() {
   let userId = 1;
 
-  const { data, loading } = query(() =>
-    fetch(`/api/users/${userId}`).then((r) => r.json())
-  );
+  const { data, loading } = query(() => fetch(`/api/users/${userId}`).then((r) => r.json()));
 
   return (
     <div>
@@ -316,10 +314,12 @@ const createUser = Object.assign(
     const res = await fetch('/api/users', { method: 'POST', body: JSON.stringify(body) });
     return res.json() as Promise<{ id: string }>;
   },
-  { url: '/api/users', method: 'POST' }
+  { url: '/api/users', method: 'POST' },
 );
 
-const userSchema = { /* validation schema */ };
+const userSchema = {
+  /* validation schema */
+};
 
 function CreateUser() {
   const f = form(createUser, {
@@ -442,9 +442,7 @@ function ProjectToolbar() {
     <div>
       {deleteCheck.allowed && <button onClick={handleDelete}>Delete</button>}
       {deleteCheck.reason === 'plan_required' && <span>Upgrade to unlock</span>}
-      {deleteCheck.meta?.limit && (
-        <span>{deleteCheck.meta.limit.remaining} uses left</span>
-      )}
+      {deleteCheck.meta?.limit && <span>{deleteCheck.meta.limit.remaining} uses left</span>}
     </div>
   );
 }
@@ -471,9 +469,7 @@ function App() {
 
   return (
     <AccessContext.Provider value={accessValue}>
-      <AccessGate fallback={() => <Spinner />}>
-        {() => <Router />}
-      </AccessGate>
+      <AccessGate fallback={() => <Spinner />}>{() => <Router />}</AccessGate>
     </AccessContext.Provider>
   );
 }
@@ -497,7 +493,7 @@ function Logger() {
 
   watch(
     () => count,
-    (value) => console.log('count changed to', value)
+    (value) => console.log('count changed to', value),
   );
 
   return <button onClick={() => count++}>Increment</button>;
@@ -545,23 +541,23 @@ unmount();
 
 ### Query Helpers
 
-| Export | Description |
-|---|---|
-| `findByTestId(id)` | Find element by `data-testid` — throws if not found |
-| `findByText(text)` | Find element by text content — throws if not found |
-| `queryByTestId(id)` | Find element by `data-testid` — returns `null` if not found |
-| `queryByText(text)` | Find element by text content — returns `null` if not found |
-| `waitFor(fn, options?)` | Retry an assertion until it passes |
+| Export                  | Description                                                 |
+| ----------------------- | ----------------------------------------------------------- |
+| `findByTestId(id)`      | Find element by `data-testid` — throws if not found         |
+| `findByText(text)`      | Find element by text content — throws if not found          |
+| `queryByTestId(id)`     | Find element by `data-testid` — returns `null` if not found |
+| `queryByText(text)`     | Find element by text content — returns `null` if not found  |
+| `waitFor(fn, options?)` | Retry an assertion until it passes                          |
 
 ### Interaction Helpers
 
-| Export | Description |
-|---|---|
-| `click(el)` | Simulate a click event |
-| `type(el, text)` | Simulate typing into an input |
-| `press(key)` | Simulate a key press |
-| `fillForm(form, values)` | Fill multiple form fields |
-| `submitForm(form)` | Submit a form |
+| Export                   | Description                   |
+| ------------------------ | ----------------------------- |
+| `click(el)`              | Simulate a click event        |
+| `type(el, text)`         | Simulate typing into an input |
+| `press(key)`             | Simulate a key press          |
+| `fillForm(form, values)` | Fill multiple form fields     |
+| `submitForm(form)`       | Submit a form                 |
 
 ### Route Testing
 
@@ -573,7 +569,7 @@ const { component, router, navigate } = await createTestRouter(
     '/': { component: () => <Home /> },
     '/about': { component: () => <About /> },
   },
-  { initialPath: '/' }
+  { initialPath: '/' },
 );
 
 await navigate('/about');
@@ -638,93 +634,93 @@ onMount(() => {
 
 ### Lifecycle
 
-| Export | Description |
-|---|---|
+| Export    | Description                                                           |
+| --------- | --------------------------------------------------------------------- |
 | `onMount` | Run code once when a component mounts (return a function for cleanup) |
-| `watch` | Watch a dependency and run a callback on change |
+| `watch`   | Watch a dependency and run a callback on change                       |
 
 ### Components
 
-| Export | Description |
-|---|---|
+| Export          | Description                               |
+| --------------- | ----------------------------------------- |
 | `createContext` | Create a context for dependency injection |
-| `useContext` | Read a context value |
-| `children` | Access resolved children |
-| `ref` | Create a ref for DOM element access |
-| `ErrorBoundary` | Catch errors in a component tree |
-| `Suspense` | Show fallback while async content loads |
+| `useContext`    | Read a context value                      |
+| `children`      | Access resolved children                  |
+| `ref`           | Create a ref for DOM element access       |
+| `ErrorBoundary` | Catch errors in a component tree          |
+| `Suspense`      | Show fallback while async content loads   |
 
 ### Mounting
 
-| Export | Description |
-|---|---|
+| Export  | Description                   |
+| ------- | ----------------------------- |
 | `mount` | Mount an app to a DOM element |
 
 ### CSS (`@vertz/ui/css`)
 
-| Export | Description |
-|---|---|
-| `css` | Create scoped styles |
-| `variants` | Create typed variant styles |
-| `s` | Inline dynamic styles |
-| `defineTheme` | Define a theme |
-| `compileTheme` | Compile a theme to CSS |
-| `ThemeProvider` | Provide a theme to descendants |
-| `globalCss` | Inject global CSS |
-| `font` | Declare a font family descriptor |
-| `compileFonts` | Compile font descriptors into CSS, vars, and preload tags |
+| Export          | Description                                               |
+| --------------- | --------------------------------------------------------- |
+| `css`           | Create scoped styles                                      |
+| `variants`      | Create typed variant styles                               |
+| `s`             | Inline dynamic styles                                     |
+| `defineTheme`   | Define a theme                                            |
+| `compileTheme`  | Compile a theme to CSS                                    |
+| `ThemeProvider` | Provide a theme to descendants                            |
+| `globalCss`     | Inject global CSS                                         |
+| `font`          | Declare a font family descriptor                          |
+| `compileFonts`  | Compile font descriptors into CSS, vars, and preload tags |
 
 ### Forms
 
-| Export | Description |
-|---|---|
-| `form` | Create a form bound to an SDK method |
-| `formDataToObject` | Convert FormData to a plain object |
-| `validate` | Run schema validation |
+| Export             | Description                          |
+| ------------------ | ------------------------------------ |
+| `form`             | Create a form bound to an SDK method |
+| `formDataToObject` | Convert FormData to a plain object   |
+| `validate`         | Run schema validation                |
 
 ### Data
 
-| Export | Description |
-|---|---|
+| Export  | Description            |
+| ------- | ---------------------- |
 | `query` | Reactive data fetching |
 
 ### Routing (`@vertz/ui/router`)
 
-| Export | Description |
-|---|---|
-| `defineRoutes` | Define route configuration |
-| `createRouter` | Create a router instance |
-| `createLink` | Create a `<Link>` component |
-| `createOutlet` | Create a route outlet |
+| Export              | Description                 |
+| ------------------- | --------------------------- |
+| `defineRoutes`      | Define route configuration  |
+| `createRouter`      | Create a router instance    |
+| `createLink`        | Create a `<Link>` component |
+| `createOutlet`      | Create a route outlet       |
 | `parseSearchParams` | Parse URL search parameters |
-| `useSearchParams` | Reactive search parameters |
+| `useSearchParams`   | Reactive search parameters  |
 
 ### Auth (`@vertz/ui/auth`)
 
-| Export | Description |
-|---|---|
-| `AccessContext` | Context for access set data |
-| `can` | Check if the user has an entitlement |
-| `AccessGate` | Gate rendering until access set loads |
-| `createAccessProvider` | Bootstrap access context from SSR data |
-| `useAccessContext` | Read the access context (throws without provider) |
+| Export                 | Description                                       |
+| ---------------------- | ------------------------------------------------- |
+| `AccessContext`        | Context for access set data                       |
+| `can`                  | Check if the user has an entitlement              |
+| `AccessGate`           | Gate rendering until access set loads             |
+| `createAccessProvider` | Bootstrap access context from SSR data            |
+| `useAccessContext`     | Read the access context (throws without provider) |
 
 ### Testing (`@vertz/ui/test`)
 
-| Export | Description |
-|---|---|
-| `renderTest` | Mount a component for testing |
-| `findByTestId` | Find element by `data-testid` (throws) |
-| `findByText` | Find element by text content (throws) |
-| `queryByTestId` | Find element by `data-testid` (nullable) |
-| `queryByText` | Find element by text content (nullable) |
-| `waitFor` | Retry an assertion until it passes |
-| `click` | Simulate a click |
-| `type` | Simulate typing |
-| `press` | Simulate a key press |
-| `fillForm` | Fill multiple form fields |
-| `submitForm` | Submit a form |
-| `createTestRouter` | Create a router for testing |
+| Export             | Description                              |
+| ------------------ | ---------------------------------------- |
+| `renderTest`       | Mount a component for testing            |
+| `findByTestId`     | Find element by `data-testid` (throws)   |
+| `findByText`       | Find element by text content (throws)    |
+| `queryByTestId`    | Find element by `data-testid` (nullable) |
+| `queryByText`      | Find element by text content (nullable)  |
+| `waitFor`          | Retry an assertion until it passes       |
+| `click`            | Simulate a click                         |
+| `type`             | Simulate typing                          |
+| `press`            | Simulate a key press                     |
+| `fillForm`         | Fill multiple form fields                |
+| `submitForm`       | Submit a form                            |
+| `createTestRouter` | Create a router for testing              |
 
 ---
 

package/dist/shared/{chunk-1j59xzqm.js → chunk-dh32wkrv.js}

@@ -139,14 +139,27 @@ function __child(fn) {
       const managed2 = [];
       const childCleanups2 = { value: [] };
       let sibling = anchor2.nextSibling;
+      let depth = 0;
       while (sibling) {
         const next = sibling.nextSibling;
-        if (sibling.nodeType === 8 && sibling.data.trim() === "/child") {
-          sibling.parentNode?.removeChild(sibling);
-          break;
-        }
-        if (sibling.nodeType === 8 && sibling.data.trim() === "child") {
-          break;
+        if (sibling.nodeType === 8) {
+          const data = sibling.data.trim();
+          if (data === "/child") {
+            if (depth > 0) {
+              depth--;
+              sibling.parentNode?.removeChild(sibling);
+              sibling = next;
+              continue;
+            }
+            sibling.parentNode?.removeChild(sibling);
+            break;
+          }
+          if (data === "child") {
+            depth++;
+            sibling.parentNode?.removeChild(sibling);
+            sibling = next;
+            continue;
+          }
         }
         sibling.parentNode?.removeChild(sibling);
         sibling = next;

package/dist/shared/{chunk-5vcnmqck.js → chunk-gz7rj5tv.js}

@@ -844,6 +844,8 @@ function query(source, options = {}) {
       return result.data;
     }, { ...options, key: source._key, _entityMeta: entityMeta2 });
   }
+  let unsubscribeBus;
+  let unregisterFromRegistry;
   const thunk = source;
   const {
     initialData,
@@ -1144,8 +1146,6 @@ function query(source, options = {}) {
     getInflight().delete(key);
     refetchTrigger.value = refetchTrigger.peek() + 1;
   }
-  let unsubscribeBus;
-  let unregisterFromRegistry;
   let disposeFn;
   let isFirst = true;
   disposeFn = lifecycleEffect(() => {
@@ -1295,7 +1295,7 @@ function query(source, options = {}) {
       startFetch(promise, key);
     }
   });
-  function dispose() {
+  const dispose = () => {
     if (referencedKeys.size > 0) {
       const store = getEntityStore();
       for (const key of referencedKeys) {
@@ -1319,7 +1319,7 @@ function query(source, options = {}) {
       getInflight().delete(key);
     }
     inflightKeys.clear();
-  }
+  };
   function createClearData(meta) {
     return () => {
       untrack(() => {

package/dist/shared/{chunk-5xm1w16j.js → chunk-jt34jcfg.js}

@@ -11,7 +11,7 @@ import {
   __enterChildren,
   __exitChildren,
   __staticText
-} from "./chunk-1j59xzqm.js";
+} from "./chunk-dh32wkrv.js";
 import {
   RouterContext
 } from "./chunk-9p84cvet.js";

package/dist/shared/{chunk-n824qrvk.js → chunk-xyg724n1.js}

@@ -1,6 +1,6 @@
 import {
   injectCSS
-} from "./chunk-pwmjtxpn.js";
+} from "./chunk-zkh9sysw.js";
 import {
   createContext
 } from "./chunk-1yd6jfw5.js";

package/dist/shared/{chunk-pwmjtxpn.js → chunk-zkh9sysw.js}

@@ -4,7 +4,7 @@ import {
   __element,
   __enterChildren,
   __exitChildren
-} from "./chunk-1j59xzqm.js";
+} from "./chunk-dh32wkrv.js";
 import {
   getSSRContext
 } from "./chunk-1yd6jfw5.js";

package/dist/src/css/public.js

@@ -8,8 +8,8 @@ import {
   globalCss,
   s,
   variants
-} from "../../shared/chunk-pwmjtxpn.js";
-import"../../shared/chunk-1j59xzqm.js";
+} from "../../shared/chunk-zkh9sysw.js";
+import"../../shared/chunk-dh32wkrv.js";
 import"../../shared/chunk-h1fsr8kv.js";
 import"../../shared/chunk-1yd6jfw5.js";
 export {

package/dist/src/index.js

@@ -25,7 +25,7 @@ import {
   slideOutToTop,
   zoomIn,
   zoomOut
-} from "../shared/chunk-n824qrvk.js";
+} from "../shared/chunk-xyg724n1.js";
 import {
   ErrorBoundary,
   Link,
@@ -36,7 +36,7 @@ import {
   getCurrentErrorHandler,
   parseSearchParams,
   useSearchParams
-} from "../shared/chunk-5xm1w16j.js";
+} from "../shared/chunk-jt34jcfg.js";
 import {
   beginDeferringMounts,
   discardDeferredMounts,
@@ -66,7 +66,7 @@ import {
   query,
   registerRelationSchema,
   resetRelationSchemas_TEST_ONLY
-} from "../shared/chunk-5vcnmqck.js";
+} from "../shared/chunk-gz7rj5tv.js";
 import"../shared/chunk-jrtrk5z4.js";
 import {
   ThemeProvider,
@@ -83,7 +83,7 @@ import {
   resolveChildren,
   s,
   variants
-} from "../shared/chunk-pwmjtxpn.js";
+} from "../shared/chunk-zkh9sysw.js";
 import {
   RENDER_NODE_BRAND,
   __append,
@@ -96,7 +96,7 @@ import {
   getAdapter,
   isRenderNode,
   setAdapter
-} from "../shared/chunk-1j59xzqm.js";
+} from "../shared/chunk-dh32wkrv.js";
 import"../shared/chunk-h1fsr8kv.js";
 import {
   RouterContext,

package/dist/src/internals.js

@@ -3,7 +3,7 @@ import {
   deserializeProps,
   onAnimationsComplete,
   resolveComponent
-} from "../shared/chunk-n824qrvk.js";
+} from "../shared/chunk-xyg724n1.js";
 import {
   __discardMountFrame,
   __flushMountFrame,
@@ -20,7 +20,7 @@ import {
   MemoryCache,
   QueryEnvelopeStore,
   deriveKey
-} from "../shared/chunk-5vcnmqck.js";
+} from "../shared/chunk-gz7rj5tv.js";
 import"../shared/chunk-jrtrk5z4.js";
 import {
   ALIGNMENT_MAP,
@@ -41,7 +41,7 @@ import {
   SIZE_KEYWORDS,
   SPACING_SCALE,
   compileTheme
-} from "../shared/chunk-pwmjtxpn.js";
+} from "../shared/chunk-zkh9sysw.js";
 import {
   RENDER_NODE_BRAND,
   __append,
@@ -60,7 +60,7 @@ import {
   getAdapter,
   isRenderNode,
   setAdapter
-} from "../shared/chunk-1j59xzqm.js";
+} from "../shared/chunk-dh32wkrv.js";
 import {
   SVG_NS,
   normalizeSVGAttr,

package/dist/src/query/public.js

@@ -1,6 +1,6 @@
 import {
   query
-} from "../../shared/chunk-5vcnmqck.js";
+} from "../../shared/chunk-gz7rj5tv.js";
 import"../../shared/chunk-jrtrk5z4.js";
 import"../../shared/chunk-pv0apt9z.js";
 import"../../shared/chunk-sjypbv24.js";

package/dist/src/router/public.js

@@ -6,7 +6,7 @@ import {
   createLink,
   parseSearchParams,
   useSearchParams
-} from "../../shared/chunk-5xm1w16j.js";
+} from "../../shared/chunk-jt34jcfg.js";
 import"../../shared/chunk-mntc8w0g.js";
 import {
   createRouter
@@ -15,7 +15,7 @@ import {
   defineRoutes
 } from "../../shared/chunk-ah86rm07.js";
 import"../../shared/chunk-jrtrk5z4.js";
-import"../../shared/chunk-1j59xzqm.js";
+import"../../shared/chunk-dh32wkrv.js";
 import"../../shared/chunk-h1fsr8kv.js";
 import {
   RouterContext,

package/package.json

@@ -1,18 +1,21 @@
 {
   "name": "@vertz/ui",
-  "version": "0.2.31",
-  "type": "module",
-  "license": "MIT",
+  "version": "0.2.33",
   "description": "Vertz UI framework — signals, components, JSX runtime",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/vertz-dev/vertz.git",
     "directory": "packages/ui"
   },
-  "publishConfig": {
-    "access": "public",
-    "provenance": true
-  },
+  "files": [
+    "dist",
+    "reactivity.json"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "dist/shared/*.js"
+  ],
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
   "exports": {
@@ -62,10 +65,10 @@
     },
     "./reactivity.json": "./reactivity.json"
   },
-  "files": [
-    "dist",
-    "reactivity.json"
-  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
   "scripts": {
     "build": "bunup",
     "test": "bun test",
@@ -74,19 +77,16 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@vertz/fetch": "^0.2.30"
+    "@vertz/fetch": "^0.2.31"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/schema": "^0.2.30",
+    "@vertz/schema": "^0.2.31",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"
   },
   "engines": {
     "node": ">=22"
-  },
-  "sideEffects": [
-    "dist/shared/*.js"
-  ]
+  }
 }