@arcanejs/toolkit 0.5.0 → 1.0.0

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

@@ -1,14 +1,8 @@
-import * as proto from '@arcanejs/protocol';
+import { BaseComponentProto, AnyClientComponentMessage } from '@arcanejs/protocol';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
 import { Logger } from '@arcanejs/protocol/logging';
 
-interface Component {
-    getProtoInfo(idMap: IDMap): proto.Component;
-    handleMessage(message: proto.ClientComponentMessage): void;
-    routeMessage(idMap: IDMap, message: proto.ClientComponentMessage): void;
-    setParent(parent: Parent | null): void;
-}
-declare abstract class Base<Props> implements Component {
+declare abstract class Base<Namespace extends string, Proto extends BaseComponentProto<Namespace>, Props> {
     /** @hidden */
     private parent;
     /** @hidden */
@@ -18,8 +12,12 @@ declare abstract class Base<Props> implements Component {
     /** @hidden */
     private _onPropsUpdated;
     constructor(defaultProps: Props, props?: Partial<Props>, options?: {
-        onPropsUpdated?: () => void;
+        onPropsUpdated?: (oldProps: Props) => void;
     });
+    /**
+     * Call if
+     */
+    triggerInitialPropsUpdate: () => void;
     log: () => Logger | null;
     get props(): Props;
     set props(props: Partial<Props>);
@@ -30,37 +28,38 @@ declare abstract class Base<Props> implements Component {
     /** @hidden */
     updateTree(): void;
     /** @hidden */
-    abstract getProtoInfo(idMap: IDMap): proto.Component;
+    abstract getProtoInfo(idMap: IDMap): Proto;
     /** @hidden */
-    handleMessage(_message: proto.ClientComponentMessage): void;
-    routeMessage(_idMap: IDMap, _message: proto.ClientComponentMessage): void;
+    handleMessage(_message: AnyClientComponentMessage): void;
+    routeMessage(_idMap: IDMap, _message: AnyClientComponentMessage): void;
 }
+type AnyComponent = Base<string, BaseComponentProto<string>, any>;
 /** @hidden */
 interface Parent {
     updateTree(): void;
-    removeChild(component: Component): void;
+    removeChild(component: AnyComponent): void;
     log(): Logger | null;
 }
-declare abstract class BaseParent<T> extends Base<T> implements Parent {
+declare abstract class BaseParent<Namespace extends string, Proto extends BaseComponentProto<Namespace>, T> extends Base<Namespace, Proto, T> implements Parent {
     /** @hidden */
     private children;
-    abstract validateChildren(children: Component[]): void;
-    appendChildren: <CS extends Component[]>(...children: CS) => CS;
-    appendChild: <C extends Component>(child: C) => C;
-    removeChild: (component: Component) => void;
+    abstract validateChildren(children: AnyComponent[]): void;
+    appendChildren: <CS extends AnyComponent[]>(...children: CS) => CS;
+    appendChild: <C extends AnyComponent>(child: C) => C;
+    removeChild: (component: AnyComponent) => void;
     removeAllChildren: () => void;
     /**
      * Return all children components that messages need to be routed to
      */
-    getChildren: () => readonly Component[];
+    getChildren: () => readonly AnyComponent[];
     /**
      * TODO: we can do this better, right now it broadcasts the message to all
      * components of the tree
      *
      * @hidden
      */
-    routeMessage(idMap: IDMap, message: proto.ClientComponentMessage): void;
-    insertBefore(child: Component, beforeChild: Component): void;
+    routeMessage(idMap: IDMap, message: AnyClientComponentMessage): void;
+    insertBefore(child: AnyComponent, beforeChild: AnyComponent): void;
 }
 interface Listenable<Map extends Record<string, (...args: any[]) => void>> {
     addListener<T extends keyof Map>(type: T, listener: Map[T]): void;
@@ -71,6 +70,10 @@ declare class EventEmitter<Map extends Record<string, (...args: any[]) => void>>
     addListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
     removeListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
     emit: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<unknown>;
+    /**
+     * Process prop changes to update listeners
+     */
+    processPropChanges: <Mapping extends Record<string, keyof Map>, Props extends { [key in keyof Mapping]?: Map[Mapping[key]] | null | undefined; }>(mapping: Mapping, oldProps: Props, newProps: Props) => void;
 }
 
-export { Base, BaseParent, type Component, EventEmitter, type Listenable, type Parent };
+export { type AnyComponent, Base, BaseParent, EventEmitter, type Listenable, type Parent };

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

@@ -1,14 +1,8 @@
-import * as proto from '@arcanejs/protocol';
+import { BaseComponentProto, AnyClientComponentMessage } from '@arcanejs/protocol';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
 import { Logger } from '@arcanejs/protocol/logging';
 
-interface Component {
-    getProtoInfo(idMap: IDMap): proto.Component;
-    handleMessage(message: proto.ClientComponentMessage): void;
-    routeMessage(idMap: IDMap, message: proto.ClientComponentMessage): void;
-    setParent(parent: Parent | null): void;
-}
-declare abstract class Base<Props> implements Component {
+declare abstract class Base<Namespace extends string, Proto extends BaseComponentProto<Namespace>, Props> {
     /** @hidden */
     private parent;
     /** @hidden */
@@ -18,8 +12,12 @@ declare abstract class Base<Props> implements Component {
     /** @hidden */
     private _onPropsUpdated;
     constructor(defaultProps: Props, props?: Partial<Props>, options?: {
-        onPropsUpdated?: () => void;
+        onPropsUpdated?: (oldProps: Props) => void;
     });
+    /**
+     * Call if
+     */
+    triggerInitialPropsUpdate: () => void;
     log: () => Logger | null;
     get props(): Props;
     set props(props: Partial<Props>);
@@ -30,37 +28,38 @@ declare abstract class Base<Props> implements Component {
     /** @hidden */
     updateTree(): void;
     /** @hidden */
-    abstract getProtoInfo(idMap: IDMap): proto.Component;
+    abstract getProtoInfo(idMap: IDMap): Proto;
     /** @hidden */
-    handleMessage(_message: proto.ClientComponentMessage): void;
-    routeMessage(_idMap: IDMap, _message: proto.ClientComponentMessage): void;
+    handleMessage(_message: AnyClientComponentMessage): void;
+    routeMessage(_idMap: IDMap, _message: AnyClientComponentMessage): void;
 }
+type AnyComponent = Base<string, BaseComponentProto<string>, any>;
 /** @hidden */
 interface Parent {
     updateTree(): void;
-    removeChild(component: Component): void;
+    removeChild(component: AnyComponent): void;
     log(): Logger | null;
 }
-declare abstract class BaseParent<T> extends Base<T> implements Parent {
+declare abstract class BaseParent<Namespace extends string, Proto extends BaseComponentProto<Namespace>, T> extends Base<Namespace, Proto, T> implements Parent {
     /** @hidden */
     private children;
-    abstract validateChildren(children: Component[]): void;
-    appendChildren: <CS extends Component[]>(...children: CS) => CS;
-    appendChild: <C extends Component>(child: C) => C;
-    removeChild: (component: Component) => void;
+    abstract validateChildren(children: AnyComponent[]): void;
+    appendChildren: <CS extends AnyComponent[]>(...children: CS) => CS;
+    appendChild: <C extends AnyComponent>(child: C) => C;
+    removeChild: (component: AnyComponent) => void;
     removeAllChildren: () => void;
     /**
      * Return all children components that messages need to be routed to
      */
-    getChildren: () => readonly Component[];
+    getChildren: () => readonly AnyComponent[];
     /**
      * TODO: we can do this better, right now it broadcasts the message to all
      * components of the tree
      *
      * @hidden
      */
-    routeMessage(idMap: IDMap, message: proto.ClientComponentMessage): void;
-    insertBefore(child: Component, beforeChild: Component): void;
+    routeMessage(idMap: IDMap, message: AnyClientComponentMessage): void;
+    insertBefore(child: AnyComponent, beforeChild: AnyComponent): void;
 }
 interface Listenable<Map extends Record<string, (...args: any[]) => void>> {
     addListener<T extends keyof Map>(type: T, listener: Map[T]): void;
@@ -71,6 +70,10 @@ declare class EventEmitter<Map extends Record<string, (...args: any[]) => void>>
     addListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
     removeListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
     emit: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<unknown>;
+    /**
+     * Process prop changes to update listeners
+     */
+    processPropChanges: <Mapping extends Record<string, keyof Map>, Props extends { [key in keyof Mapping]?: Map[Mapping[key]] | null | undefined; }>(mapping: Mapping, oldProps: Props, newProps: Props) => void;
 }
 
-export { Base, BaseParent, type Component, EventEmitter, type Listenable, type Parent };
+export { type AnyComponent, Base, BaseParent, EventEmitter, type Listenable, type Parent };

package/dist/backend/components/base.js

@@ -2,10 +2,10 @@
 
 
 
-var _chunkCFO5PSSKjs = require('../../chunk-CFO5PSSK.js');
+var _chunkADH7RZG5js = require('../../chunk-ADH7RZG5.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
 
 
-exports.Base = _chunkCFO5PSSKjs.Base; exports.BaseParent = _chunkCFO5PSSKjs.BaseParent; exports.EventEmitter = _chunkCFO5PSSKjs.EventEmitter;
+exports.Base = _chunkADH7RZG5js.Base; exports.BaseParent = _chunkADH7RZG5js.BaseParent; exports.EventEmitter = _chunkADH7RZG5js.EventEmitter;

package/dist/backend/components/base.mjs

@@ -2,7 +2,7 @@ import {
   Base,
   BaseParent,
   EventEmitter
-} from "../../chunk-PW7QVLLF.mjs";
+} from "../../chunk-7SZA6JUN.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {
   Base,

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

@@ -1,6 +1,7 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
 import { Base, Listenable } from './base.mjs';
+import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type Events = {
@@ -12,9 +13,10 @@ type InternalProps = {
     icon: string | null;
     mode: ButtonMode;
     error: string | null;
+    onClick?: Events['click'] | null;
 };
 type Props = Partial<InternalProps>;
-declare class Button extends Base<InternalProps> implements Listenable<Events> {
+declare class Button extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps> implements Listenable<Events> {
     /** @hidden */
     private readonly events;
     constructor(props?: Props);
@@ -26,7 +28,7 @@ declare class Button extends Base<InternalProps> implements Listenable<Events> {
     /** @hidden */
     getProtoInfo: (idMap: IDMap) => proto.ButtonComponent;
     /** @hidden */
-    handleMessage: (message: proto.ClientComponentMessage) => void;
+    handleMessage: (message: AnyClientComponentMessage) => void;
 }
 
 export { Button, type ButtonMode, type Events, type InternalProps, type Props };

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

@@ -1,6 +1,7 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
 import { Base, Listenable } from './base.js';
+import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type Events = {
@@ -12,9 +13,10 @@ type InternalProps = {
     icon: string | null;
     mode: ButtonMode;
     error: string | null;
+    onClick?: Events['click'] | null;
 };
 type Props = Partial<InternalProps>;
-declare class Button extends Base<InternalProps> implements Listenable<Events> {
+declare class Button extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps> implements Listenable<Events> {
     /** @hidden */
     private readonly events;
     constructor(props?: Props);
@@ -26,7 +28,7 @@ declare class Button extends Base<InternalProps> implements Listenable<Events> {
     /** @hidden */
     getProtoInfo: (idMap: IDMap) => proto.ButtonComponent;
     /** @hidden */
-    handleMessage: (message: proto.ClientComponentMessage) => void;
+    handleMessage: (message: AnyClientComponentMessage) => void;
 }
 
 export { Button, type ButtonMode, type Events, type InternalProps, type Props };

package/dist/backend/components/button.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk4X3QY5EPjs = require('../../chunk-4X3QY5EP.js');
-require('../../chunk-CFO5PSSK.js');
+var _chunkZLJECS4Hjs = require('../../chunk-ZLJECS4H.js');
+require('../../chunk-ADH7RZG5.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.Button = _chunk4X3QY5EPjs.Button;
+exports.Button = _chunkZLJECS4Hjs.Button;

package/dist/backend/components/button.mjs

@@ -1,7 +1,7 @@
 import {
   Button
-} from "../../chunk-G5QXW2L3.mjs";
-import "../../chunk-PW7QVLLF.mjs";
+} from "../../chunk-EFNFSHV3.mjs";
+import "../../chunk-7SZA6JUN.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {
   Button

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

@@ -1,8 +1,9 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { GroupComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
 import { BaseParent, Listenable } from './base.mjs';
 import { Button } from './button.mjs';
+import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type Label = (proto.GroupComponent['labels'] & Array<unknown>)[number];
@@ -16,9 +17,10 @@ type Events = {
 type InternalProps = GroupComponentStyle & GroupOptions & {
     title: string | null;
     labels: Label[] | null;
+    onTitleChanged?: Events['title-changed'];
 };
 type Props = Partial<InternalProps>;
-declare class GroupHeader extends BaseParent<Record<never, never>> {
+declare class GroupHeader extends BaseParent<proto.CoreNamespace, proto.CoreComponent, Record<never, never>> {
     validateChildren: () => void;
     /** @hidden */
     getProtoInfo: (idMap: IDMap) => proto.GroupHeaderComponent;
@@ -30,7 +32,7 @@ declare class GroupHeader extends BaseParent<Record<never, never>> {
  *
  * ![](media://images/group_screenshot.png)
  */
-declare class Group extends BaseParent<InternalProps> implements Listenable<Events> {
+declare class Group extends BaseParent<proto.CoreNamespace, proto.GroupComponent, Props> implements Listenable<Events> {
     /** @hidden */
     private readonly events;
     constructor(props?: Props);
@@ -47,7 +49,7 @@ declare class Group extends BaseParent<InternalProps> implements Listenable<Even
     /** @hidden */
     getProtoInfo: (idMap: IDMap) => proto.GroupComponent;
     /** @hidden */
-    handleMessage: (message: proto.ClientComponentMessage) => void;
+    handleMessage: (message: AnyClientComponentMessage) => void;
 }
 
 export { type Events, Group, GroupHeader, type InternalProps, type Props };

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

@@ -1,8 +1,9 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { GroupComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
 import { BaseParent, Listenable } from './base.js';
 import { Button } from './button.js';
+import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type Label = (proto.GroupComponent['labels'] & Array<unknown>)[number];
@@ -16,9 +17,10 @@ type Events = {
 type InternalProps = GroupComponentStyle & GroupOptions & {
     title: string | null;
     labels: Label[] | null;
+    onTitleChanged?: Events['title-changed'];
 };
 type Props = Partial<InternalProps>;
-declare class GroupHeader extends BaseParent<Record<never, never>> {
+declare class GroupHeader extends BaseParent<proto.CoreNamespace, proto.CoreComponent, Record<never, never>> {
     validateChildren: () => void;
     /** @hidden */
     getProtoInfo: (idMap: IDMap) => proto.GroupHeaderComponent;
@@ -30,7 +32,7 @@ declare class GroupHeader extends BaseParent<Record<never, never>> {
  *
  * ![](media://images/group_screenshot.png)
  */
-declare class Group extends BaseParent<InternalProps> implements Listenable<Events> {
+declare class Group extends BaseParent<proto.CoreNamespace, proto.GroupComponent, Props> implements Listenable<Events> {
     /** @hidden */
     private readonly events;
     constructor(props?: Props);
@@ -47,7 +49,7 @@ declare class Group extends BaseParent<InternalProps> implements Listenable<Even
     /** @hidden */
     getProtoInfo: (idMap: IDMap) => proto.GroupComponent;
     /** @hidden */
-    handleMessage: (message: proto.ClientComponentMessage) => void;
+    handleMessage: (message: AnyClientComponentMessage) => void;
 }
 
 export { type Events, Group, GroupHeader, type InternalProps, type Props };

package/dist/backend/components/group.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk4HHKW7VAjs = require('../../chunk-4HHKW7VA.js');
-require('../../chunk-CFO5PSSK.js');
+var _chunkTOPIQUBZjs = require('../../chunk-TOPIQUBZ.js');
+require('../../chunk-ADH7RZG5.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
 
-exports.Group = _chunk4HHKW7VAjs.Group; exports.GroupHeader = _chunk4HHKW7VAjs.GroupHeader;
+exports.Group = _chunkTOPIQUBZjs.Group; exports.GroupHeader = _chunkTOPIQUBZjs.GroupHeader;

package/dist/backend/components/group.mjs

@@ -1,8 +1,8 @@
 import {
   Group,
   GroupHeader
-} from "../../chunk-KBPQZJKE.mjs";
-import "../../chunk-PW7QVLLF.mjs";
+} from "../../chunk-5TGGF5UJ.mjs";
+import "../../chunk-7SZA6JUN.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {
   Group,

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

@@ -1,7 +1,8 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { LabelComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
 import { Base } from './base.mjs';
+import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type InternalProps = LabelComponentStyle & {
@@ -14,10 +15,10 @@ type Props = InternalProps;
  *
  * ![](media://images/label_screenshot.png)
  */
-declare class Label extends Base<InternalProps> {
+declare class Label extends Base<proto.CoreNamespace, proto.LabelComponent, InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.Component;
+    getProtoInfo(idMap: IDMap): proto.LabelComponent;
     setText(text: string): Label;
 }
 

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

@@ -1,7 +1,8 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { LabelComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
 import { Base } from './base.js';
+import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type InternalProps = LabelComponentStyle & {
@@ -14,10 +15,10 @@ type Props = InternalProps;
  *
  * ![](media://images/label_screenshot.png)
  */
-declare class Label extends Base<InternalProps> {
+declare class Label extends Base<proto.CoreNamespace, proto.LabelComponent, InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.Component;
+    getProtoInfo(idMap: IDMap): 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 _chunkFLRGYURVjs = require('../../chunk-FLRGYURV.js');
-require('../../chunk-CFO5PSSK.js');
+var _chunkV5T44HCMjs = require('../../chunk-V5T44HCM.js');
+require('../../chunk-ADH7RZG5.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.Label = _chunkFLRGYURVjs.Label;
+exports.Label = _chunkV5T44HCMjs.Label;

package/dist/backend/components/label.mjs

@@ -1,7 +1,7 @@
 import {
   Label
-} from "../../chunk-JOW3XRQI.mjs";
-import "../../chunk-PW7QVLLF.mjs";
+} from "../../chunk-OAPIVG6M.mjs";
+import "../../chunk-7SZA6JUN.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {
   Label

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

@@ -1,6 +1,7 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
 import { Base } from './base.mjs';
+import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type InternalProps = Pick<proto.RectComponent, 'color' | 'grow'>;
@@ -10,10 +11,10 @@ type Props = Partial<InternalProps>;
  * certain states, or represent the color of certain lights or fixtures,
  * or perhaps colors used in a chase.
  */
-declare class Rect extends Base<InternalProps> {
+declare class Rect extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.Component;
+    getProtoInfo(idMap: IDMap): proto.CoreComponent;
     setColor(color: string): Rect;
 }
 

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

@@ -1,6 +1,7 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
 import { Base } from './base.js';
+import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type InternalProps = Pick<proto.RectComponent, 'color' | 'grow'>;
@@ -10,10 +11,10 @@ type Props = Partial<InternalProps>;
  * certain states, or represent the color of certain lights or fixtures,
  * or perhaps colors used in a chase.
  */
-declare class Rect extends Base<InternalProps> {
+declare class Rect extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): proto.Component;
+    getProtoInfo(idMap: IDMap): 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 _chunkIQ4SDDYPjs = require('../../chunk-IQ4SDDYP.js');
-require('../../chunk-CFO5PSSK.js');
+var _chunk5JPYL5IUjs = require('../../chunk-5JPYL5IU.js');
+require('../../chunk-ADH7RZG5.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.Rect = _chunkIQ4SDDYPjs.Rect;
+exports.Rect = _chunk5JPYL5IUjs.Rect;

package/dist/backend/components/rect.mjs

@@ -1,7 +1,7 @@
 import {
   Rect
-} from "../../chunk-ESMRIWOM.mjs";
-import "../../chunk-PW7QVLLF.mjs";
+} from "../../chunk-BDBRQJSI.mjs";
+import "../../chunk-7SZA6JUN.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {
   Rect

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

@@ -1,6 +1,7 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
 import { Base, Listenable } from './base.mjs';
+import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type Events = {
@@ -9,10 +10,11 @@ type Events = {
 type InternalProps = Pick<proto.SliderButtonComponent, 'min' | 'max' | 'step' | 'gradient' | 'grow'> & {
     value?: number;
     defaultValue?: number;
+    onChange?: Events['change'];
 };
 type RequiredProps = 'value';
 type Props = Pick<InternalProps, RequiredProps> & Partial<Omit<InternalProps, RequiredProps>>;
-declare class SliderButton extends Base<InternalProps> implements Listenable<Events> {
+declare class SliderButton extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps> implements Listenable<Events> {
     /** @hidden */
     private readonly events;
     /**
@@ -24,9 +26,9 @@ declare class SliderButton extends Base<InternalProps> implements Listenable<Eve
     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.Component;
+    getProtoInfo(idMap: IDMap): proto.CoreComponent;
     /** @hidden */
-    handleMessage(message: proto.ClientComponentMessage): void;
+    handleMessage(message: AnyClientComponentMessage): void;
     setValue(value: number): void;
     private sanitizeNumber;
     private onPropsUpdated;

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

@@ -1,6 +1,7 @@
-import * as proto from '@arcanejs/protocol';
+import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
 import { Base, Listenable } from './base.js';
+import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 
 type Events = {
@@ -9,10 +10,11 @@ type Events = {
 type InternalProps = Pick<proto.SliderButtonComponent, 'min' | 'max' | 'step' | 'gradient' | 'grow'> & {
     value?: number;
     defaultValue?: number;
+    onChange?: Events['change'];
 };
 type RequiredProps = 'value';
 type Props = Pick<InternalProps, RequiredProps> & Partial<Omit<InternalProps, RequiredProps>>;
-declare class SliderButton extends Base<InternalProps> implements Listenable<Events> {
+declare class SliderButton extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps> implements Listenable<Events> {
     /** @hidden */
     private readonly events;
     /**
@@ -24,9 +26,9 @@ declare class SliderButton extends Base<InternalProps> implements Listenable<Eve
     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.Component;
+    getProtoInfo(idMap: IDMap): proto.CoreComponent;
     /** @hidden */
-    handleMessage(message: proto.ClientComponentMessage): void;
+    handleMessage(message: AnyClientComponentMessage): void;
     setValue(value: number): void;
     private sanitizeNumber;
     private onPropsUpdated;

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

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk53DEDXHGjs = require('../../chunk-53DEDXHG.js');
-require('../../chunk-CFO5PSSK.js');
+var _chunkSIXWXDZWjs = require('../../chunk-SIXWXDZW.js');
+require('../../chunk-ADH7RZG5.js');
 require('../../chunk-3RG5ZIWI.js');
 
 
-exports.SliderButton = _chunk53DEDXHGjs.SliderButton;
+exports.SliderButton = _chunkSIXWXDZWjs.SliderButton;

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

@@ -1,7 +1,7 @@
 import {
   SliderButton
-} from "../../chunk-SN2XKRYX.mjs";
-import "../../chunk-PW7QVLLF.mjs";
+} from "../../chunk-IBIEYR3L.mjs";
+import "../../chunk-7SZA6JUN.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {
   SliderButton