@arcanejs/toolkit 6.0.1 → 7.0.0

package/README.md

@@ -2,18 +2,162 @@
 
 [![NPM Version](https://img.shields.io/npm/v/%40arcanejs%2Ftoolkit)](https://www.npmjs.com/package/@arcanejs/toolkit)
 
-This package provides the core functionality behind the ArcaneJS framework,
-allowing you to quickly build single-process Node.js apps with
-real-time interactive control panels that are exposed as web pages.
+Core server/runtime package for ArcaneJS control panels.
 
-This library provides a tree-like API for creating & updating control panels,
-and responding to user input.
+`@arcanejs/toolkit` provides:
 
-We highly-recommend that rather than integrating with this library directly,
-you make use of the
-[`@arcanejs/react-toolkit`](https://www.npmjs.com/package/@arcanejs/react-toolkit)
-library, that allows you to compose your control panels using server-side react.
+- A server-side component tree (`Group`, `Button`, `Switch`, etc.)
+- HTTP + WebSocket transport for syncing state to browsers
+- Per-connection tree sync (`tree-full` + `tree-diff`)
+- Routing for fire-and-forget messages and request/response calls
 
-For more details,
-please see the main documentation on our GitHub repository:
-[github.com/ArcaneWizards/arcanejs](https://github.com/ArcaneWizards/arcanejs#arcanejs)
+Most users should pair this with [`@arcanejs/react-toolkit`](https://www.npmjs.com/package/@arcanejs/react-toolkit), but this package can also be used directly.
+
+## Install
+
+```bash
+npm install @arcanejs/toolkit
+```
+
+If you use the default Arcane frontend renderer, install React peers:
+
+```bash
+npm install react@^19.2.0 react-dom@^19.2.0
+```
+
+## Quick Start (Without React)
+
+```ts
+import { Toolkit, Group, Button, Label } from '@arcanejs/toolkit';
+
+const toolkit = new Toolkit({
+  title: 'My Control Panel',
+  path: '/',
+});
+
+toolkit.start({
+  mode: 'automatic',
+  port: 3000,
+});
+
+const root = new Group({ direction: 'vertical', title: 'Controls' });
+const status = new Label({ text: 'Idle' });
+const trigger = new Button({
+  text: 'Run',
+  onClick: async () => {
+    status.setText('Running...');
+    await doWork();
+    status.setText('Done');
+  },
+});
+
+root.appendChildren(status, trigger);
+toolkit.setRoot(root);
+```
+
+## Public API
+
+### Top-level exports
+
+- `Toolkit`
+- Components: `Button`, `Group`, `GroupHeader`, `Label`, `Rect`, `SliderButton`, `Switch`, `Tab`, `Tabs`, `TextInput`, `Timeline`
+- Types: `ToolkitOptions`, `ToolkitConnection`, `ToolkitRenderContext`, `ToolkitServerListenerOptions`, `ToolkitServerListener`, `AnyComponent`
+
+### Subpath exports
+
+- `@arcanejs/toolkit/components/*`: component classes and types
+- `@arcanejs/toolkit/components/base`: `Base`, `BaseParent`, `EventEmitter`, related types
+- `@arcanejs/toolkit/frontend`: browser entrypoint helpers (`startArcaneFrontend`)
+- `@arcanejs/toolkit/util`: utility exports like `HUE_GRADIENT` and `IDMap`
+
+`startArcaneFrontend(...)` supports:
+
+- `renderers`: frontend component renderer list
+- `themeRootProps?: React.HTMLAttributes<HTMLDivElement>` (root theme container props)
+- `loadingState?: () => ReactNode` (custom render output while waiting for initial websocket metadata/tree sync)
+
+Theme switching is handled by Arcane via root classes (`theme-auto`, `theme-dark`, `theme-light`). Theme customization is CSS-only by overriding Arcane CSS variables in your entrypoint stylesheet.
+
+## Toolkit Lifecycle
+
+`Toolkit.start(...)` supports three modes:
+
+- `automatic`: creates internal HTTP + WebSocket server on a port
+- `express`: attaches websocket handling + route mounting to existing Express/HTTP server
+- `manual`: gives direct access to `Server` for custom integration
+
+`Toolkit.listen(...)` is also available when you want direct lifecycle control and a closable listener handle.
+
+## Toolkit Options
+
+`new Toolkit(options)` supports:
+
+- `title?: string`: page title
+- `path: string` (default: `/`): route prefix where Arcane UI is served
+- `log?: Logger`: optional logger (`debug`, `info`, `warn`, `error`)
+- `entrypointJsFile?: string`: custom frontend bundle path for custom namespaces/components. ArcaneJS expects a same-basename stylesheet (`.css`) to exist for this entrypoint so styles can be served automatically. Source maps (`.js.map`, `.css.map`) are optional and exposed when present.
+- `materialIconsFontFile?: string`: explicit path to `material-symbols-outlined.woff2` when auto-resolution is not possible
+- `additionalFiles?: Record<string, () => Promise<{ contentType: string; content: Buffer }>>`: additional static files served from the toolkit path. Keys are relative request paths (for example `styles/app.css` -> `/your-path/styles/app.css`), and must not start with `/`.
+- `htmlPage?: (context) => string | Promise<string>`: custom HTML renderer for the root route. Context includes:
+  - `coreAssets`: URLs for built-in toolkit static assets (`materialSymbolsOutlined`, `entrypointJs`, `entrypointJsMap`, `entrypointCss`, `entrypointCssMap`)
+  - `assetUrls`: URL mapping for all static assets by relative path (core + `additionalFiles`)
+  - `title`, `path`
+- `clockSync?: false | { pingIntervalMs: number }`: optional browser/server clock synchronization. When enabled via object options, frontend stage context exposes `timeDifferenceMs` and `lastPingMs`.
+
+Important constraint:
+
+- `path` must start and end with `/` (for example: `/`, `/control/`)
+
+## Building Custom Frontend Entrypoints
+
+When using `entrypointJsFile`, build your browser bundle with
+[`@arcanejs/build-utils`](https://www.npmjs.com/package/@arcanejs/build-utils):
+
+```bash
+arcane-build-frontend \
+  --entry src/frontend.tsx \
+  --outfile dist/custom-entrypoint.js \
+  --sourcemap
+```
+
+Import `@arcanejs/toolkit-frontend/styles/core.css` in the entrypoint so Arcane
+core styles are included in the emitted `.css` sidecar.
+
+## Events and Connections
+
+`Toolkit` emits:
+
+- `new-connection`: when a browser connects
+- `closed-connection`: when a browser disconnects
+
+Use `toolkit.getConnections()` to inspect active connections. Each connection has a stable `uuid`.
+
+## Component Notes
+
+Core components are stateful server objects. Notable interaction behavior:
+
+- `Button` uses request/response call flow (`press` action)
+- `Switch` and `SliderButton` support controlled and uncontrolled usage
+- `TextInput` updates value from browser messages
+- `Group` supports editable titles and collapsible defaults (`open`, `closed`, `auto`)
+- `Tabs` only accepts `Tab` children
+
+## Architectural Constraints
+
+- Single-process architecture by design
+- No built-in authentication/authorization
+- `Toolkit.setRoot(...)` can only be called once
+- Tree updates are throttled internally and rendered per active connection
+
+## Related Packages
+
+- [`@arcanejs/react-toolkit`](https://www.npmjs.com/package/@arcanejs/react-toolkit): React renderer for composing server-side component trees
+- [`@arcanejs/toolkit-frontend`](https://www.npmjs.com/package/@arcanejs/toolkit-frontend): browser renderer components and stage context
+- [`@arcanejs/protocol`](https://www.npmjs.com/package/@arcanejs/protocol): wire protocol types
+- [`@arcanejs/diff`](https://www.npmjs.com/package/@arcanejs/diff): JSON diff/patch engine
+
+## Examples
+
+- React examples: <https://github.com/ArcaneWizards/arcanejs/tree/main/examples/react>
+- Core API examples (no React renderer): <https://github.com/ArcaneWizards/arcanejs/tree/main/examples/core>
+- Custom namespace end-to-end example: <https://github.com/ArcaneWizards/arcanejs/tree/main/examples/custom-components>

package/dist/backend/components/base.d.mts

@@ -1,7 +1,7 @@
 import '@arcanejs/protocol';
 import '../../id-map-DxQ3_gyA.mjs';
 import '@arcanejs/protocol/logging';
-export { A as AnyComponent, f as Base, g as BaseParent, E as EventEmitter, L as Listenable, P as Parent } from '../../toolkit-CohVRj6u.mjs';
+export { A as AnyComponent, m as Base, n as BaseParent, E as EventEmitter, L as Listenable, P as Parent } from '../../toolkit-BPqxbDbk.mjs';
 import 'lodash';
 import 'http';
 import 'express';

package/dist/backend/components/base.d.ts

@@ -1,7 +1,7 @@
 import '@arcanejs/protocol';
 import '../../id-map-DxQ3_gyA.js';
 import '@arcanejs/protocol/logging';
-export { A as AnyComponent, f as Base, g as BaseParent, E as EventEmitter, L as Listenable, P as Parent } from '../../toolkit-C_2Y8N9R.js';
+export { A as AnyComponent, m as Base, n as BaseParent, E as EventEmitter, L as Listenable, P as Parent } from '../../toolkit-Bglbv3ix.js';
 import 'lodash';
 import 'http';
 import 'express';

package/dist/backend/components/button.d.mts

@@ -1,6 +1,6 @@
 import '@arcanejs/protocol/core';
 import '../../id-map-DxQ3_gyA.mjs';
-export { B as Button, i as ButtonMode, h as Events, I as InternalProps, j as Props } from '../../toolkit-CohVRj6u.mjs';
+export { B as Button, p as ButtonMode, o as Events, I as InternalProps, q as Props } from '../../toolkit-BPqxbDbk.mjs';
 import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

package/dist/backend/components/button.d.ts

@@ -1,6 +1,6 @@
 import '@arcanejs/protocol/core';
 import '../../id-map-DxQ3_gyA.js';
-export { B as Button, i as ButtonMode, h as Events, I as InternalProps, j as Props } from '../../toolkit-C_2Y8N9R.js';
+export { B as Button, p as ButtonMode, o as Events, I as InternalProps, q as Props } from '../../toolkit-Bglbv3ix.js';
 import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

package/dist/backend/components/button.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk4OCRZD4Fjs = require('../../chunk-4OCRZD4F.js');
+var _chunk4AGKM5NTjs = require('../../chunk-4AGKM5NT.js');
 require('../../chunk-WN3GXVUE.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.Button = _chunk4OCRZD4Fjs.Button;
+exports.Button = _chunk4AGKM5NTjs.Button;

package/dist/backend/components/button.mjs

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../../chunk-LK6MGXYC.mjs";
+} from "../../chunk-7MQHRTBE.mjs";
 import "../../chunk-GONHNB6V.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {

package/dist/backend/components/group.d.mts

@@ -1,7 +1,7 @@
 import '@arcanejs/protocol/core';
 import '@arcanejs/protocol/styles';
 import '../../id-map-DxQ3_gyA.mjs';
-export { k as Events, G as Group, e as GroupHeader, l as InternalProps, m as Props } from '../../toolkit-CohVRj6u.mjs';
+export { r as Events, G as Group, l as GroupHeader, s as InternalProps, t as Props } from '../../toolkit-BPqxbDbk.mjs';
 import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

package/dist/backend/components/group.d.ts

@@ -1,7 +1,7 @@
 import '@arcanejs/protocol/core';
 import '@arcanejs/protocol/styles';
 import '../../id-map-DxQ3_gyA.js';
-export { k as Events, G as Group, e as GroupHeader, l as InternalProps, m as Props } from '../../toolkit-C_2Y8N9R.js';
+export { r as Events, G as Group, l as GroupHeader, s as InternalProps, t as Props } from '../../toolkit-Bglbv3ix.js';
 import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

package/dist/backend/components/group.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk7JIC2XBCjs = require('../../chunk-7JIC2XBC.js');
+var _chunkXSKWLJOQjs = require('../../chunk-XSKWLJOQ.js');
 require('../../chunk-WN3GXVUE.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
 
-exports.Group = _chunk7JIC2XBCjs.Group; exports.GroupHeader = _chunk7JIC2XBCjs.GroupHeader;
+exports.Group = _chunkXSKWLJOQjs.Group; exports.GroupHeader = _chunkXSKWLJOQjs.GroupHeader;

package/dist/backend/components/group.mjs

@@ -1,7 +1,7 @@
 import {
   Group,
   GroupHeader
-} from "../../chunk-E6FGU7DA.mjs";
+} from "../../chunk-TULW7CRV.mjs";
 import "../../chunk-GONHNB6V.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {

package/dist/backend/components/label.d.mts

@@ -1,7 +1,7 @@
 import * as proto from '@arcanejs/protocol/core';
 import { LabelComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { f as Base } from '../../toolkit-CohVRj6u.mjs';
+import { m as Base, b as ToolkitRenderContext } from '../../toolkit-BPqxbDbk.mjs';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';
@@ -22,7 +22,7 @@ type Props = InternalProps;
 declare class Label extends Base<proto.CoreNamespace, proto.LabelComponent, InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.LabelComponent;
+    getProtoInfo(idMap: IDMap, _context: ToolkitRenderContext): proto.LabelComponent;
     setText(text: string): Label;
 }
 

package/dist/backend/components/label.d.ts

@@ -1,7 +1,7 @@
 import * as proto from '@arcanejs/protocol/core';
 import { LabelComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { f as Base } from '../../toolkit-C_2Y8N9R.js';
+import { m as Base, b as ToolkitRenderContext } from '../../toolkit-Bglbv3ix.js';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';
@@ -22,7 +22,7 @@ type Props = InternalProps;
 declare class Label extends Base<proto.CoreNamespace, proto.LabelComponent, InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.LabelComponent;
+    getProtoInfo(idMap: IDMap, _context: ToolkitRenderContext): proto.LabelComponent;
     setText(text: string): Label;
 }
 

package/dist/backend/components/label.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3GTEUTFTjs = require('../../chunk-3GTEUTFT.js');
+var _chunkTF7N4O5Gjs = require('../../chunk-TF7N4O5G.js');
 require('../../chunk-WN3GXVUE.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.Label = _chunk3GTEUTFTjs.Label;
+exports.Label = _chunkTF7N4O5Gjs.Label;

package/dist/backend/components/label.mjs

@@ -1,6 +1,6 @@
 import {
   Label
-} from "../../chunk-UQWCTVMC.mjs";
+} from "../../chunk-JHWFQLLE.mjs";
 import "../../chunk-GONHNB6V.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {

package/dist/backend/components/rect.d.mts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { f as Base } from '../../toolkit-CohVRj6u.mjs';
+import { m as Base, b as ToolkitRenderContext } from '../../toolkit-BPqxbDbk.mjs';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';
@@ -19,7 +19,7 @@ type Props = Partial<InternalProps>;
 declare class Rect extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.CoreComponent;
+    getProtoInfo(idMap: IDMap, _context: ToolkitRenderContext): proto.CoreComponent;
     setColor(color: string): Rect;
 }
 

package/dist/backend/components/rect.d.ts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { f as Base } from '../../toolkit-C_2Y8N9R.js';
+import { m as Base, b as ToolkitRenderContext } from '../../toolkit-Bglbv3ix.js';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';
@@ -19,7 +19,7 @@ type Props = Partial<InternalProps>;
 declare class Rect extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.CoreComponent;
+    getProtoInfo(idMap: IDMap, _context: ToolkitRenderContext): proto.CoreComponent;
     setColor(color: string): Rect;
 }
 

package/dist/backend/components/rect.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQAH2OSHRjs = require('../../chunk-QAH2OSHR.js');
+var _chunk5B65Q7RLjs = require('../../chunk-5B65Q7RL.js');
 require('../../chunk-WN3GXVUE.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.Rect = _chunkQAH2OSHRjs.Rect;
+exports.Rect = _chunk5B65Q7RLjs.Rect;

package/dist/backend/components/rect.mjs

@@ -1,6 +1,6 @@
 import {
   Rect
-} from "../../chunk-6ELB27LK.mjs";
+} from "../../chunk-RJLYYTZ6.mjs";
 import "../../chunk-GONHNB6V.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {

package/dist/backend/components/slider-button.d.mts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-CohVRj6u.mjs';
+import { a as ToolkitConnection, m as Base, L as Listenable, b as ToolkitRenderContext } from '../../toolkit-BPqxbDbk.mjs';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';
@@ -31,7 +31,7 @@ declare class SliderButton extends Base<proto.CoreNamespace, proto.CoreComponent
     addListener: <T extends "change">(type: T, listener: Events[T]) => void;
     removeListener: <T extends "change">(type: T, listener: Events[T]) => void;
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.CoreComponent;
+    getProtoInfo(idMap: IDMap, _context: ToolkitRenderContext): proto.CoreComponent;
     /** @hidden */
     handleMessage(message: AnyClientComponentMessage, connection: ToolkitConnection): void;
     setValue(value: number): void;

package/dist/backend/components/slider-button.d.ts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-C_2Y8N9R.js';
+import { a as ToolkitConnection, m as Base, L as Listenable, b as ToolkitRenderContext } from '../../toolkit-Bglbv3ix.js';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';
@@ -31,7 +31,7 @@ declare class SliderButton extends Base<proto.CoreNamespace, proto.CoreComponent
     addListener: <T extends "change">(type: T, listener: Events[T]) => void;
     removeListener: <T extends "change">(type: T, listener: Events[T]) => void;
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.CoreComponent;
+    getProtoInfo(idMap: IDMap, _context: ToolkitRenderContext): proto.CoreComponent;
     /** @hidden */
     handleMessage(message: AnyClientComponentMessage, connection: ToolkitConnection): void;
     setValue(value: number): void;

package/dist/backend/components/slider-button.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNL3W4M7Jjs = require('../../chunk-NL3W4M7J.js');
+var _chunkCVY55KARjs = require('../../chunk-CVY55KAR.js');
 require('../../chunk-WN3GXVUE.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.SliderButton = _chunkNL3W4M7Jjs.SliderButton;
+exports.SliderButton = _chunkCVY55KARjs.SliderButton;

package/dist/backend/components/slider-button.mjs

@@ -1,6 +1,6 @@
 import {
   SliderButton
-} from "../../chunk-QB2WPBWV.mjs";
+} from "../../chunk-K6V55JTG.mjs";
 import "../../chunk-GONHNB6V.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {

package/dist/backend/components/switch.d.mts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-CohVRj6u.mjs';
+import { a as ToolkitConnection, m as Base, L as Listenable, b as ToolkitRenderContext } from '../../toolkit-BPqxbDbk.mjs';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';
@@ -30,7 +30,7 @@ declare class Switch extends Base<proto.CoreNamespace, proto.CoreComponent, Inte
     addListener: <T extends "change">(type: T, listener: Events[T]) => void;
     removeListener: <T extends "change">(type: T, listener: Events[T]) => void;
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.CoreComponent;
+    getProtoInfo(idMap: IDMap, _context: ToolkitRenderContext): proto.CoreComponent;
     /** @hidden */
     handleMessage(message: AnyClientComponentMessage, connection: ToolkitConnection): void;
     setValue(state: 'on' | 'off'): void;

package/dist/backend/components/switch.d.ts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-C_2Y8N9R.js';
+import { a as ToolkitConnection, m as Base, L as Listenable, b as ToolkitRenderContext } from '../../toolkit-Bglbv3ix.js';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';
@@ -30,7 +30,7 @@ declare class Switch extends Base<proto.CoreNamespace, proto.CoreComponent, Inte
     addListener: <T extends "change">(type: T, listener: Events[T]) => void;
     removeListener: <T extends "change">(type: T, listener: Events[T]) => void;
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.CoreComponent;
+    getProtoInfo(idMap: IDMap, _context: ToolkitRenderContext): proto.CoreComponent;
     /** @hidden */
     handleMessage(message: AnyClientComponentMessage, connection: ToolkitConnection): void;
     setValue(state: 'on' | 'off'): void;

package/dist/backend/components/switch.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk53EOA4UEjs = require('../../chunk-53EOA4UE.js');
+var _chunk2K4UT5QBjs = require('../../chunk-2K4UT5QB.js');
 require('../../chunk-WN3GXVUE.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.Switch = _chunk53EOA4UEjs.Switch;
+exports.Switch = _chunk2K4UT5QBjs.Switch;

package/dist/backend/components/switch.mjs

@@ -1,6 +1,6 @@
 import {
   Switch
-} from "../../chunk-PG5EAV5X.mjs";
+} from "../../chunk-MHSAHTVN.mjs";
 import "../../chunk-GONHNB6V.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {

package/dist/backend/components/tabs.d.mts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { g as BaseParent, A as AnyComponent } from '../../toolkit-CohVRj6u.mjs';
+import { n as BaseParent, A as AnyComponent, b as ToolkitRenderContext } from '../../toolkit-BPqxbDbk.mjs';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';
@@ -20,7 +20,7 @@ type TabProps = InternalTabProps;
 declare class Tab extends BaseParent<proto.CoreNamespace, proto.CoreComponent, InternalTabProps> {
     validateChildren: (children: AnyComponent[]) => void;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => proto.TabComponent;
+    getProtoInfo: (idMap: IDMap, context: ToolkitRenderContext) => proto.TabComponent;
 }
 type InternalTabsProps = Record<never, never>;
 type TabsProps = InternalTabsProps;
@@ -30,7 +30,7 @@ declare class Tabs extends BaseParent<proto.CoreNamespace, proto.CoreComponent,
     addTabs(...tabs: TabDefinition[]): void;
     addTab<C extends AnyComponent>(name: string, component: C): C;
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.TabsComponent;
+    getProtoInfo(idMap: IDMap, context: ToolkitRenderContext): proto.TabsComponent;
 }
 
 export { Tab, type TabProps, Tabs, type TabsProps };

package/dist/backend/components/tabs.d.ts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { g as BaseParent, A as AnyComponent } from '../../toolkit-C_2Y8N9R.js';
+import { n as BaseParent, A as AnyComponent, b as ToolkitRenderContext } from '../../toolkit-Bglbv3ix.js';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';
@@ -20,7 +20,7 @@ type TabProps = InternalTabProps;
 declare class Tab extends BaseParent<proto.CoreNamespace, proto.CoreComponent, InternalTabProps> {
     validateChildren: (children: AnyComponent[]) => void;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => proto.TabComponent;
+    getProtoInfo: (idMap: IDMap, context: ToolkitRenderContext) => proto.TabComponent;
 }
 type InternalTabsProps = Record<never, never>;
 type TabsProps = InternalTabsProps;
@@ -30,7 +30,7 @@ declare class Tabs extends BaseParent<proto.CoreNamespace, proto.CoreComponent,
     addTabs(...tabs: TabDefinition[]): void;
     addTab<C extends AnyComponent>(name: string, component: C): C;
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.TabsComponent;
+    getProtoInfo(idMap: IDMap, context: ToolkitRenderContext): proto.TabsComponent;
 }
 
 export { Tab, type TabProps, Tabs, type TabsProps };

package/dist/backend/components/tabs.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkU6FSQBQ3js = require('../../chunk-U6FSQBQ3.js');
+var _chunkA3RWE7HZjs = require('../../chunk-A3RWE7HZ.js');
 require('../../chunk-WN3GXVUE.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
 
-exports.Tab = _chunkU6FSQBQ3js.Tab; exports.Tabs = _chunkU6FSQBQ3js.Tabs;
+exports.Tab = _chunkA3RWE7HZjs.Tab; exports.Tabs = _chunkA3RWE7HZjs.Tabs;

package/dist/backend/components/tabs.mjs

@@ -1,7 +1,7 @@
 import {
   Tab,
   Tabs
-} from "../../chunk-KMEDXCBI.mjs";
+} from "../../chunk-R5OA7LLZ.mjs";
 import "../../chunk-GONHNB6V.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {

package/dist/backend/components/text-input.d.mts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-CohVRj6u.mjs';
+import { a as ToolkitConnection, m as Base, L as Listenable, b as ToolkitRenderContext } from '../../toolkit-BPqxbDbk.mjs';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';
@@ -24,7 +24,7 @@ declare class TextInput extends Base<proto.CoreNamespace, proto.CoreComponent, I
     addListener: <T extends "change">(type: T, listener: Events[T]) => void;
     removeListener: <T extends "change">(type: T, listener: Events[T]) => void;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => proto.CoreComponent;
+    getProtoInfo: (idMap: IDMap, _context: ToolkitRenderContext) => proto.CoreComponent;
     /** @hidden */
     handleMessage: (message: AnyClientComponentMessage, connection: ToolkitConnection) => void;
     getValue: () => string | null;

package/dist/backend/components/text-input.d.ts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-C_2Y8N9R.js';
+import { a as ToolkitConnection, m as Base, L as Listenable, b as ToolkitRenderContext } from '../../toolkit-Bglbv3ix.js';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';
@@ -24,7 +24,7 @@ declare class TextInput extends Base<proto.CoreNamespace, proto.CoreComponent, I
     addListener: <T extends "change">(type: T, listener: Events[T]) => void;
     removeListener: <T extends "change">(type: T, listener: Events[T]) => void;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => proto.CoreComponent;
+    getProtoInfo: (idMap: IDMap, _context: ToolkitRenderContext) => proto.CoreComponent;
     /** @hidden */
     handleMessage: (message: AnyClientComponentMessage, connection: ToolkitConnection) => void;
     getValue: () => string | null;

package/dist/backend/components/text-input.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHTCWMJUAjs = require('../../chunk-HTCWMJUA.js');
+var _chunkIV3AE3CWjs = require('../../chunk-IV3AE3CW.js');
 require('../../chunk-WN3GXVUE.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.TextInput = _chunkHTCWMJUAjs.TextInput;
+exports.TextInput = _chunkIV3AE3CWjs.TextInput;