@arcanejs/react-toolkit 0.7.0 → 0.8.1

package/dist/colors.js

@@ -2,7 +2,8 @@
 
 
 
-var _chunkRKOUSLUWjs = require('./chunk-RKOUSLUW.js');
+var _chunkQ54JXYCVjs = require('./chunk-Q54JXYCV.js');
+require('./chunk-RT2VSMJL.js');
 
 // src/colors.tsx
 var _react = require('react');
@@ -55,10 +56,10 @@ var HslColorPicker = ({
     },
     [onChange]
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRKOUSLUWjs.Group, { ...DEFAULT_GROUP_PROPS, ...groupProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKOUSLUWjs.Rect, { color: `hsl(${hue}deg ${saturation}% ${lightness}% / ${alpha})` }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkQ54JXYCVjs.Group, { ...DEFAULT_GROUP_PROPS, ...groupProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ54JXYCVjs.Rect, { color: `hsl(${hue}deg ${saturation}% ${lightness}% / ${alpha})` }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRKOUSLUWjs.SliderButton,
+      _chunkQ54JXYCVjs.SliderButton,
       {
         value: hue,
         onChange: setHue,
@@ -70,7 +71,7 @@ var HslColorPicker = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRKOUSLUWjs.SliderButton,
+      _chunkQ54JXYCVjs.SliderButton,
       {
         value: saturation,
         onChange: setSat,
@@ -86,7 +87,7 @@ var HslColorPicker = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRKOUSLUWjs.SliderButton,
+      _chunkQ54JXYCVjs.SliderButton,
       {
         value: lightness,
         onChange: setLightness,
@@ -102,7 +103,7 @@ var HslColorPicker = ({
       }
     ),
     showAlpha && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRKOUSLUWjs.SliderButton,
+      _chunkQ54JXYCVjs.SliderButton,
       {
         value: alpha,
         onChange: setAlpha,

package/dist/colors.mjs

@@ -2,7 +2,8 @@ import {
   Group,
   Rect,
   SliderButton
-} from "./chunk-HVMRFXJ2.mjs";
+} from "./chunk-CAHNLXTY.mjs";
+import "./chunk-TOGR56FN.mjs";
 
 // src/colors.tsx
 import { useCallback } from "react";

package/dist/index.d.mts

@@ -1,32 +1,109 @@
+import * as _arcanejs_protocol_core from '@arcanejs/protocol/core';
+import * as _arcanejs_protocol_styles from '@arcanejs/protocol/styles';
+import * as _arcanejs_toolkit_components_group from '@arcanejs/toolkit/components/group';
+import { Props } from '@arcanejs/toolkit/components/group';
+import * as _arcanejs_toolkit_components_button from '@arcanejs/toolkit/components/button';
+import React__default from 'react';
 import * as ld from '@arcanejs/toolkit';
-import { Group as Group$1, GroupHeader as GroupHeader$1, Props } from '@arcanejs/toolkit/components/group';
-import { L as LightDeskIntrinsicElements } from './types-D0Wa4a4d.mjs';
-import * as React from 'react';
-import { Button as Button$1 } from '@arcanejs/toolkit/components/button';
-import { Label as Label$1 } from '@arcanejs/toolkit/components/label';
-import { Rect as Rect$1 } from '@arcanejs/toolkit/components/rect';
-import { SliderButton as SliderButton$1 } from '@arcanejs/toolkit/components/slider-button';
-import { Switch as Switch$1 } from '@arcanejs/toolkit/components/switch';
-import { Tab as Tab$1, Tabs as Tabs$1 } from '@arcanejs/toolkit/components/tabs';
-import { Timeline as Timeline$1 } from '@arcanejs/toolkit/components/timeline';
-import { TextInput as TextInput$1 } from '@arcanejs/toolkit/components/text-input';
+import { Button as Button$1, Group as Group$1, GroupHeader as GroupHeader$1, Label as Label$1, Rect as Rect$1, SliderButton as SliderButton$1, Switch as Switch$1, Tab as Tab$1, Tabs as Tabs$1, TextInput as TextInput$1, Timeline as Timeline$1 } from '@arcanejs/toolkit';
+import { AnyComponent, BaseParent, Base } from '@arcanejs/toolkit/components/base';
 
-type ComponentWithRef<T, P> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-declare const Button: ComponentWithRef<Button$1, LightDeskIntrinsicElements['button']>;
-declare const Group: ComponentWithRef<Group$1, LightDeskIntrinsicElements['group']>;
-declare const GroupHeader: ComponentWithRef<GroupHeader$1, LightDeskIntrinsicElements['group-header']>;
-declare const Label: ComponentWithRef<Label$1, LightDeskIntrinsicElements['label']>;
-declare const Rect: ComponentWithRef<Rect$1, LightDeskIntrinsicElements['rect']>;
-declare const SliderButton: ComponentWithRef<SliderButton$1, LightDeskIntrinsicElements['slider-button']>;
-declare const Switch: ComponentWithRef<Switch$1, LightDeskIntrinsicElements['switch']>;
-declare const Tab: ComponentWithRef<Tab$1, LightDeskIntrinsicElements['tab']>;
-declare const Tabs: ComponentWithRef<Tabs$1, LightDeskIntrinsicElements['tabs']>;
-declare const TextInput: ComponentWithRef<TextInput$1, LightDeskIntrinsicElements['text-input']>;
-declare const Timeline: ComponentWithRef<Timeline$1, LightDeskIntrinsicElements['timeline']>;
+type ComponentClass = new (...args: any[]) => AnyComponent;
+type ComponentsDefinition = {
+    [key: string]: ComponentClass;
+};
+type Child = JSX.Element | null | undefined | false | string;
+type Children = Child | Child[];
+type PropsOfComponent<T extends ComponentClass> = T extends new (props?: infer P) => BaseParent<any, any, any> ? Partial<P & {
+    children: Children;
+}> : T extends new (props: infer P) => BaseParent<any, any, any> ? P & {
+    children?: Children;
+} : T extends new (props?: infer P) => Base<any, any, any> ? Partial<P> : T extends new (props: infer P) => Base<any, any, any> ? P : never;
+type InstanceType<T extends ComponentClass> = T extends new (...args: any[]) => infer R ? R : never;
+type Creators<D extends ComponentsDefinition> = {
+    [K in keyof D]: (props: {
+        [key: string]: any;
+    }) => AnyComponent;
+};
+type ComponentFunctionForComponent<T extends ComponentClass> = React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<PropsOfComponent<T>> & React__default.RefAttributes<InstanceType<T>>>;
+type ComponentFunctions<D extends ComponentsDefinition> = {
+    [K in keyof D]: ComponentFunctionForComponent<D[K]>;
+};
+type PreparedComponents<D extends ComponentsDefinition> = {
+    _namespace: string;
+    _creators: Creators<D>;
+} & ComponentFunctions<D>;
+declare const prepareComponents: <D extends ComponentsDefinition>(namespace: string, defn: D) => PreparedComponents<D>;
 
+declare const CoreComponents: PreparedComponents<{
+    Button: typeof Button$1;
+    Group: typeof Group$1;
+    GroupHeader: typeof GroupHeader$1;
+    Label: typeof Label$1;
+    Rect: typeof Rect$1;
+    SliderButton: typeof SliderButton$1;
+    Switch: typeof Switch$1;
+    Tab: typeof Tab$1;
+    Tabs: typeof Tabs$1;
+    TextInput: typeof TextInput$1;
+    Timeline: typeof Timeline$1;
+}>;
+
+type ReactToolkitConfig = {
+    componentNamespaces: Array<PreparedComponents<any>>;
+};
 declare const ToolkitRenderer: {
-    renderGroup: (component: JSX.Element, container: ld.Group) => void;
-    render: (component: JSX.Element, container: ld.Toolkit, rootGroupProps?: Props) => void;
+    renderGroup: (component: JSX.Element, container: ld.Group, config?: ReactToolkitConfig) => void;
+    render: (component: JSX.Element, container: ld.Toolkit, rootGroupProps?: Props, config?: ReactToolkitConfig) => void;
 };
 
-export { Button, Group, GroupHeader, Label, LightDeskIntrinsicElements, Rect, SliderButton, Switch, Tab, Tabs, TextInput, Timeline, ToolkitRenderer };
+declare const Button: React__default.ForwardRefExoticComponent<Partial<Partial<_arcanejs_toolkit_components_button.InternalProps>> & React__default.RefAttributes<ld.Button>>;
+declare const Group: React__default.ForwardRefExoticComponent<Partial<Partial<_arcanejs_toolkit_components_group.InternalProps> & {
+    children: (string | false | JSX.Element | null | undefined) | (string | false | JSX.Element | null | undefined)[];
+}> & React__default.RefAttributes<ld.Group>>;
+declare const GroupHeader: React__default.ForwardRefExoticComponent<Record<never, never> & {
+    children?: (string | false | JSX.Element | null | undefined) | (string | false | JSX.Element | null | undefined)[];
+} & React__default.RefAttributes<ld.GroupHeader>>;
+declare const Label: React__default.ForwardRefExoticComponent<Partial<_arcanejs_protocol_styles.LabelComponentStyle & {
+    text: string | null;
+}> & React__default.RefAttributes<ld.Label>>;
+declare const Rect: React__default.ForwardRefExoticComponent<Partial<Partial<{
+    color: string;
+    grow?: boolean | undefined;
+}>> & React__default.RefAttributes<ld.Rect>>;
+declare const SliderButton: React__default.ForwardRefExoticComponent<Partial<Pick<Pick<_arcanejs_protocol_core.SliderButtonComponent, "grow" | "min" | "max" | "step" | "gradient"> & {
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+    onChange?: ((value: number) => void | Promise<void>) | undefined;
+}, "value"> & Partial<Omit<Pick<_arcanejs_protocol_core.SliderButtonComponent, "grow" | "min" | "max" | "step" | "gradient"> & {
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+    onChange?: ((value: number) => void | Promise<void>) | undefined;
+}, "value">>> & React__default.RefAttributes<ld.SliderButton>>;
+declare const Switch: React__default.ForwardRefExoticComponent<Partial<Partial<{
+    value?: "on" | "off" | undefined;
+    defaultValue?: "on" | "off" | undefined;
+    onChange?: ((state: "on" | "off") => void | Promise<void>) | undefined;
+}>> & React__default.RefAttributes<ld.Switch>>;
+declare const Tab: React__default.ForwardRefExoticComponent<{
+    name: string;
+} & {
+    children?: (string | false | JSX.Element | null | undefined) | (string | false | JSX.Element | null | undefined)[];
+} & React__default.RefAttributes<ld.Tab>>;
+declare const Tabs: React__default.ForwardRefExoticComponent<Partial<{} & {
+    children: (string | false | JSX.Element | null | undefined) | (string | false | JSX.Element | null | undefined)[];
+}> & React__default.RefAttributes<ld.Tabs>>;
+declare const TextInput: React__default.ForwardRefExoticComponent<Partial<Partial<{
+    value: string | null;
+    onChange?: ((value: string) => void | Promise<void>) | undefined;
+}>> & React__default.RefAttributes<ld.TextInput>>;
+declare const Timeline: React__default.ForwardRefExoticComponent<Partial<Partial<{
+    state: _arcanejs_protocol_core.TimelineState;
+    title: string | null;
+    subtitles: string[] | null;
+    source: {
+        name: string;
+    } | null | undefined;
+}>> & React__default.RefAttributes<ld.Timeline>>;
+
+export { Button, CoreComponents, Group, GroupHeader, Label, Rect, SliderButton, Switch, Tab, Tabs, TextInput, Timeline, ToolkitRenderer, prepareComponents };

package/dist/index.d.ts

@@ -1,32 +1,109 @@
+import * as _arcanejs_protocol_core from '@arcanejs/protocol/core';
+import * as _arcanejs_protocol_styles from '@arcanejs/protocol/styles';
+import * as _arcanejs_toolkit_components_group from '@arcanejs/toolkit/components/group';
+import { Props } from '@arcanejs/toolkit/components/group';
+import * as _arcanejs_toolkit_components_button from '@arcanejs/toolkit/components/button';
+import React__default from 'react';
 import * as ld from '@arcanejs/toolkit';
-import { Group as Group$1, GroupHeader as GroupHeader$1, Props } from '@arcanejs/toolkit/components/group';
-import { L as LightDeskIntrinsicElements } from './types-D0Wa4a4d.js';
-import * as React from 'react';
-import { Button as Button$1 } from '@arcanejs/toolkit/components/button';
-import { Label as Label$1 } from '@arcanejs/toolkit/components/label';
-import { Rect as Rect$1 } from '@arcanejs/toolkit/components/rect';
-import { SliderButton as SliderButton$1 } from '@arcanejs/toolkit/components/slider-button';
-import { Switch as Switch$1 } from '@arcanejs/toolkit/components/switch';
-import { Tab as Tab$1, Tabs as Tabs$1 } from '@arcanejs/toolkit/components/tabs';
-import { Timeline as Timeline$1 } from '@arcanejs/toolkit/components/timeline';
-import { TextInput as TextInput$1 } from '@arcanejs/toolkit/components/text-input';
+import { Button as Button$1, Group as Group$1, GroupHeader as GroupHeader$1, Label as Label$1, Rect as Rect$1, SliderButton as SliderButton$1, Switch as Switch$1, Tab as Tab$1, Tabs as Tabs$1, TextInput as TextInput$1, Timeline as Timeline$1 } from '@arcanejs/toolkit';
+import { AnyComponent, BaseParent, Base } from '@arcanejs/toolkit/components/base';
 
-type ComponentWithRef<T, P> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-declare const Button: ComponentWithRef<Button$1, LightDeskIntrinsicElements['button']>;
-declare const Group: ComponentWithRef<Group$1, LightDeskIntrinsicElements['group']>;
-declare const GroupHeader: ComponentWithRef<GroupHeader$1, LightDeskIntrinsicElements['group-header']>;
-declare const Label: ComponentWithRef<Label$1, LightDeskIntrinsicElements['label']>;
-declare const Rect: ComponentWithRef<Rect$1, LightDeskIntrinsicElements['rect']>;
-declare const SliderButton: ComponentWithRef<SliderButton$1, LightDeskIntrinsicElements['slider-button']>;
-declare const Switch: ComponentWithRef<Switch$1, LightDeskIntrinsicElements['switch']>;
-declare const Tab: ComponentWithRef<Tab$1, LightDeskIntrinsicElements['tab']>;
-declare const Tabs: ComponentWithRef<Tabs$1, LightDeskIntrinsicElements['tabs']>;
-declare const TextInput: ComponentWithRef<TextInput$1, LightDeskIntrinsicElements['text-input']>;
-declare const Timeline: ComponentWithRef<Timeline$1, LightDeskIntrinsicElements['timeline']>;
+type ComponentClass = new (...args: any[]) => AnyComponent;
+type ComponentsDefinition = {
+    [key: string]: ComponentClass;
+};
+type Child = JSX.Element | null | undefined | false | string;
+type Children = Child | Child[];
+type PropsOfComponent<T extends ComponentClass> = T extends new (props?: infer P) => BaseParent<any, any, any> ? Partial<P & {
+    children: Children;
+}> : T extends new (props: infer P) => BaseParent<any, any, any> ? P & {
+    children?: Children;
+} : T extends new (props?: infer P) => Base<any, any, any> ? Partial<P> : T extends new (props: infer P) => Base<any, any, any> ? P : never;
+type InstanceType<T extends ComponentClass> = T extends new (...args: any[]) => infer R ? R : never;
+type Creators<D extends ComponentsDefinition> = {
+    [K in keyof D]: (props: {
+        [key: string]: any;
+    }) => AnyComponent;
+};
+type ComponentFunctionForComponent<T extends ComponentClass> = React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<PropsOfComponent<T>> & React__default.RefAttributes<InstanceType<T>>>;
+type ComponentFunctions<D extends ComponentsDefinition> = {
+    [K in keyof D]: ComponentFunctionForComponent<D[K]>;
+};
+type PreparedComponents<D extends ComponentsDefinition> = {
+    _namespace: string;
+    _creators: Creators<D>;
+} & ComponentFunctions<D>;
+declare const prepareComponents: <D extends ComponentsDefinition>(namespace: string, defn: D) => PreparedComponents<D>;
 
+declare const CoreComponents: PreparedComponents<{
+    Button: typeof Button$1;
+    Group: typeof Group$1;
+    GroupHeader: typeof GroupHeader$1;
+    Label: typeof Label$1;
+    Rect: typeof Rect$1;
+    SliderButton: typeof SliderButton$1;
+    Switch: typeof Switch$1;
+    Tab: typeof Tab$1;
+    Tabs: typeof Tabs$1;
+    TextInput: typeof TextInput$1;
+    Timeline: typeof Timeline$1;
+}>;
+
+type ReactToolkitConfig = {
+    componentNamespaces: Array<PreparedComponents<any>>;
+};
 declare const ToolkitRenderer: {
-    renderGroup: (component: JSX.Element, container: ld.Group) => void;
-    render: (component: JSX.Element, container: ld.Toolkit, rootGroupProps?: Props) => void;
+    renderGroup: (component: JSX.Element, container: ld.Group, config?: ReactToolkitConfig) => void;
+    render: (component: JSX.Element, container: ld.Toolkit, rootGroupProps?: Props, config?: ReactToolkitConfig) => void;
 };
 
-export { Button, Group, GroupHeader, Label, LightDeskIntrinsicElements, Rect, SliderButton, Switch, Tab, Tabs, TextInput, Timeline, ToolkitRenderer };
+declare const Button: React__default.ForwardRefExoticComponent<Partial<Partial<_arcanejs_toolkit_components_button.InternalProps>> & React__default.RefAttributes<ld.Button>>;
+declare const Group: React__default.ForwardRefExoticComponent<Partial<Partial<_arcanejs_toolkit_components_group.InternalProps> & {
+    children: (string | false | JSX.Element | null | undefined) | (string | false | JSX.Element | null | undefined)[];
+}> & React__default.RefAttributes<ld.Group>>;
+declare const GroupHeader: React__default.ForwardRefExoticComponent<Record<never, never> & {
+    children?: (string | false | JSX.Element | null | undefined) | (string | false | JSX.Element | null | undefined)[];
+} & React__default.RefAttributes<ld.GroupHeader>>;
+declare const Label: React__default.ForwardRefExoticComponent<Partial<_arcanejs_protocol_styles.LabelComponentStyle & {
+    text: string | null;
+}> & React__default.RefAttributes<ld.Label>>;
+declare const Rect: React__default.ForwardRefExoticComponent<Partial<Partial<{
+    color: string;
+    grow?: boolean | undefined;
+}>> & React__default.RefAttributes<ld.Rect>>;
+declare const SliderButton: React__default.ForwardRefExoticComponent<Partial<Pick<Pick<_arcanejs_protocol_core.SliderButtonComponent, "grow" | "min" | "max" | "step" | "gradient"> & {
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+    onChange?: ((value: number) => void | Promise<void>) | undefined;
+}, "value"> & Partial<Omit<Pick<_arcanejs_protocol_core.SliderButtonComponent, "grow" | "min" | "max" | "step" | "gradient"> & {
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+    onChange?: ((value: number) => void | Promise<void>) | undefined;
+}, "value">>> & React__default.RefAttributes<ld.SliderButton>>;
+declare const Switch: React__default.ForwardRefExoticComponent<Partial<Partial<{
+    value?: "on" | "off" | undefined;
+    defaultValue?: "on" | "off" | undefined;
+    onChange?: ((state: "on" | "off") => void | Promise<void>) | undefined;
+}>> & React__default.RefAttributes<ld.Switch>>;
+declare const Tab: React__default.ForwardRefExoticComponent<{
+    name: string;
+} & {
+    children?: (string | false | JSX.Element | null | undefined) | (string | false | JSX.Element | null | undefined)[];
+} & React__default.RefAttributes<ld.Tab>>;
+declare const Tabs: React__default.ForwardRefExoticComponent<Partial<{} & {
+    children: (string | false | JSX.Element | null | undefined) | (string | false | JSX.Element | null | undefined)[];
+}> & React__default.RefAttributes<ld.Tabs>>;
+declare const TextInput: React__default.ForwardRefExoticComponent<Partial<Partial<{
+    value: string | null;
+    onChange?: ((value: string) => void | Promise<void>) | undefined;
+}>> & React__default.RefAttributes<ld.TextInput>>;
+declare const Timeline: React__default.ForwardRefExoticComponent<Partial<Partial<{
+    state: _arcanejs_protocol_core.TimelineState;
+    title: string | null;
+    subtitles: string[] | null;
+    source: {
+        name: string;
+    } | null | undefined;
+}>> & React__default.RefAttributes<ld.Timeline>>;
+
+export { Button, CoreComponents, Group, GroupHeader, Label, Rect, SliderButton, Switch, Tab, Tabs, TextInput, Timeline, ToolkitRenderer, prepareComponents };

package/dist/index.js

@@ -1,225 +1,33 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-
-
-
-
-
-
-
-
-
-
-var _chunkRKOUSLUWjs = require('./chunk-RKOUSLUW.js');
-
-
-var _chunkRT2VSMJLjs = require('./chunk-RT2VSMJL.js');
-
-// src/index.tsx
-var _reactreconciler = require('react-reconciler'); var _reactreconciler2 = _interopRequireDefault(_reactreconciler);
-var _constants = require('react-reconciler/constants');
-var _toolkit = require('@arcanejs/toolkit'); var ld = _interopRequireWildcard(_toolkit);
-var _base = require('@arcanejs/toolkit/components/base');
-var _jsxruntime = require('react/jsx-runtime');
-var isType = (targetType, type, _props) => targetType === type;
-var canSetProps = (instance) => instance instanceof _base.Base;
-var updateListener = (eventName, property, instance, prevProps, nextProps) => {
-  const prev = prevProps[property];
-  const next = nextProps[property];
-  if (prev !== next) {
-    prev && instance.removeListener(eventName, prev);
-    next && instance.addListener(eventName, next);
-  }
-};
-var updateListeners = (type, instance, prevProps, nextProps) => {
-  if (isType("button", type, prevProps) && isType("button", type, nextProps)) {
-    if (instance instanceof ld.Button) {
-      updateListener("click", "onClick", instance, prevProps, nextProps);
-    }
-  } else if (isType("group", type, prevProps) && isType("group", type, nextProps)) {
-    if (instance instanceof ld.Group) {
-      updateListener(
-        "title-changed",
-        "onTitleChanged",
-        instance,
-        prevProps,
-        nextProps
-      );
-    }
-  } else if (isType("slider-button", type, prevProps) && isType("slider-button", type, nextProps)) {
-    if (instance instanceof ld.SliderButton) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  } else if (isType("switch", type, prevProps) && isType("switch", type, nextProps)) {
-    if (instance instanceof ld.Switch) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  } else if (isType("text-input", type, prevProps) && isType("text-input", type, nextProps)) {
-    if (instance instanceof ld.TextInput) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  }
-};
-var hostConfig = {
-  supportsMutation: true,
-  supportsPersistence: false,
-  noTimeout: -1,
-  isPrimaryRenderer: true,
-  supportsHydration: false,
-  afterActiveInstanceBlur: () => null,
-  appendChild: (parentInstance, child) => {
-    if (parentInstance instanceof _base.BaseParent) {
-      parentInstance.appendChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  appendInitialChild: (parentInstance, child) => {
-    if (parentInstance instanceof _base.BaseParent) {
-      parentInstance.appendChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  appendChildToContainer(container, child) {
-    container.appendChild(child);
-  },
-  beforeActiveInstanceBlur: () => null,
-  cancelTimeout: (id) => clearTimeout(id),
-  clearContainer: (container) => container.removeAllChildren(),
-  commitMount: () => {
-    throw new Error(`Unexpected call to commitMount()`);
-  },
-  commitUpdate(instance, updatePayload, type, prevProps, nextProps, _internalHandle) {
-    if (canSetProps(instance)) {
-      instance.setProps(updatePayload);
-      updateListeners(type, instance, prevProps, nextProps);
-    } else {
-      throw new Error(`Unexpected Instance: ${instance}`);
-    }
-  },
-  commitTextUpdate: (textInstance, _oldText, newText) => textInstance.setText(newText),
-  createInstance: (type, props) => {
-    let instance = null;
-    if (isType("button", type, props)) {
-      instance = new ld.Button(props);
-    } else if (isType("group", type, props)) {
-      instance = new ld.Group(props);
-    } else if (isType("group-header", type, props)) {
-      instance = new ld.GroupHeader(props);
-    } else if (isType("label", type, props)) {
-      instance = new ld.Label(props);
-    } else if (isType("rect", type, props)) {
-      instance = new ld.Rect(props);
-    } else if (isType("slider-button", type, props)) {
-      instance = new ld.SliderButton(props);
-    } else if (isType("switch", type, props)) {
-      instance = new ld.Switch(props);
-    } else if (isType("tab", type, props)) {
-      instance = new ld.Tab(props);
-    } else if (isType("tabs", type, props)) {
-      instance = new ld.Tabs(props);
-    } else if (isType("text-input", type, props)) {
-      instance = new ld.TextInput(props);
-    } else if (isType("timeline", type, props)) {
-      instance = new ld.Timeline(props);
-    }
-    if (instance) {
-      updateListeners(type, instance, {}, props);
-      return instance;
-    } else {
-      throw new Error(`Not implemented type: ${type}`);
-    }
-  },
-  createTextInstance: (text) => new ld.Label({ text }),
-  detachDeletedInstance: () => null,
-  getChildHostContext: (parentHostContext) => parentHostContext,
-  getCurrentEventPriority: () => _constants.DefaultEventPriority,
-  getInstanceFromNode: () => {
-    throw new Error("Not yet implemented.");
-  },
-  getInstanceFromScope: () => {
-    throw new Error("Not yet implemented.");
-  },
-  getPublicInstance: (instance) => instance,
-  getRootHostContext: () => null,
-  insertBefore: (parentInstance, child, beforeChild) => {
-    if (parentInstance instanceof _base.BaseParent) {
-      parentInstance.insertBefore(child, beforeChild);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  insertInContainerBefore: (container, child, beforeChild) => container.insertBefore(child, beforeChild),
-  finalizeInitialChildren: () => false,
-  prepareForCommit: () => null,
-  preparePortalMount: () => null,
-  prepareScopeUpdate: () => null,
-  prepareUpdate: (_instance, _type, _oldProps, newProps, _rootContainer, _hostContext) => {
-    const updates = {};
-    for (const [key, val] of Object.entries(newProps)) {
-      if (key !== "children") {
-        updates[key] = val;
-      }
-    }
-    if (Object.keys(updates).length) {
-      return updates;
-    } else {
-      return null;
-    }
-  },
-  removeChild(parentInstance, child) {
-    if (parentInstance instanceof _base.BaseParent) {
-      parentInstance.removeChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  removeChildFromContainer: (container, child) => container.removeChild(child),
-  resetAfterCommit: () => null,
-  resetTextContent: () => {
-    throw new Error(`Unexpected call to resetTextContent()`);
-  },
-  scheduleTimeout: (fn, delay) => setTimeout(fn, delay),
-  shouldSetTextContent: () => false,
-  // Not-implemented
-  hideInstance: () => {
-    console.log("Not-implemented: hideInstance");
-  },
-  hideTextInstance: () => {
-    console.log("Not-implemented: hideTextInstance");
-  },
-  unhideInstance: () => {
-    console.log("Not-implemented: unhideInstance");
-  },
-  unhideTextInstance: () => {
-    console.log("Not-implemented: unhideTextInstance");
-  }
-};
-var reconciler = _reactreconciler2.default.call(void 0, hostConfig);
-var ToolkitRenderer = {
-  renderGroup: (component, container) => {
-    const root = reconciler.createContainer(container, 0, false, null);
-    const componentWithContexts = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRT2VSMJLjs.LoggerContext.Provider, { value: container.log, children: component });
-    reconciler.updateContainer(componentWithContexts, root, null);
-  },
-  render: (component, container, rootGroupProps) => {
-    const group = new ld.Group({ direction: "vertical", ...rootGroupProps });
-    container.setRoot(group);
-    ToolkitRenderer.renderGroup(component, group);
-  }
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.Button = _chunkRKOUSLUWjs.Button; exports.Group = _chunkRKOUSLUWjs.Group; exports.GroupHeader = _chunkRKOUSLUWjs.GroupHeader; exports.Label = _chunkRKOUSLUWjs.Label; exports.Rect = _chunkRKOUSLUWjs.Rect; exports.SliderButton = _chunkRKOUSLUWjs.SliderButton; exports.Switch = _chunkRKOUSLUWjs.Switch; exports.Tab = _chunkRKOUSLUWjs.Tab; exports.Tabs = _chunkRKOUSLUWjs.Tabs; exports.TextInput = _chunkRKOUSLUWjs.TextInput; exports.Timeline = _chunkRKOUSLUWjs.Timeline; exports.ToolkitRenderer = ToolkitRenderer;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkQ54JXYCVjs = require('./chunk-Q54JXYCV.js');
+require('./chunk-RT2VSMJL.js');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Button = _chunkQ54JXYCVjs.Button; exports.CoreComponents = _chunkQ54JXYCVjs.CoreComponents; exports.Group = _chunkQ54JXYCVjs.Group; exports.GroupHeader = _chunkQ54JXYCVjs.GroupHeader; exports.Label = _chunkQ54JXYCVjs.Label; exports.Rect = _chunkQ54JXYCVjs.Rect; exports.SliderButton = _chunkQ54JXYCVjs.SliderButton; exports.Switch = _chunkQ54JXYCVjs.Switch; exports.Tab = _chunkQ54JXYCVjs.Tab; exports.Tabs = _chunkQ54JXYCVjs.Tabs; exports.TextInput = _chunkQ54JXYCVjs.TextInput; exports.Timeline = _chunkQ54JXYCVjs.Timeline; exports.ToolkitRenderer = _chunkQ54JXYCVjs.ToolkitRenderer; exports.prepareComponents = _chunkQ54JXYCVjs.prepareComponents;