@sigx/runtime-terminal 0.1.4 → 0.1.6

package/README.md

@@ -5,13 +5,13 @@ Terminal UI components for the Sigx runtime (demo/experimental).
 ## Components
 
 - `Button` - a focusable, clickable control.
-- `Input` - a focusable text input with two-way `sync` binding via `value`.
+- `Input` - a focusable text input with two-way `model` binding.
 - `ProgressBar` - a read-only progress indicator.
-- `Checkbox` - a focusable checkbox with two-way `sync` binding via `value`.
+- `Checkbox` - a focusable checkbox with two-way `model` binding.
 
 ## `Checkbox` Usage
 
-The `Checkbox` component uses two-way `sync` binding. That means you can write:
+The `Checkbox` component uses two-way `model` binding. That means you can write:
 
 ```tsx
 /** @jsxImportSource @sigx/terminal */
@@ -20,21 +20,21 @@ import { signal, renderTerminal, Checkbox } from '@sigx/terminal';
 const state = signal({ enabled: true });
 
 renderTerminal(
-    <Checkbox sync={() => state.enabled} label="Enabled" />,
+    <Checkbox model={() => state.enabled} label="Enabled" />,
     { clearConsole: true }
 );
 ```
 
-When the user presses Space or Enter while the `Checkbox` is focused, it will emit `update:value` and `change` events in addition to toggling the visual state.
+When the user presses Space or Enter while the `Checkbox` is focused, it will emit `update:modelValue` and `change` events in addition to toggling the visual state.
 
 Props:
 
-- `value` (sync) - boolean - current value (two-way binding via `sync`).
+- `modelValue` (model) - boolean - current value (two-way binding via `model`).
 - `label` - string - optional label to display.
 - `autofocus` - boolean - focus on mount.
 - `disabled` - boolean - disable interaction.
 
 Events:
 
-- `update:value` - emitted when the value changes (used by `sync`).
+- `update:modelValue` - emitted when the value changes (used by `model`).
 - `change` - emitted with the new value when toggled.

package/dist/components/Checkbox.d.ts

@@ -1,8 +1,11 @@
 /** @jsxImportSource @sigx/runtime-core */
 import { type DefineEvent } from '@sigx/runtime-core';
 export declare const Checkbox: import("@sigx/runtime-core").ComponentFactory<{
-    value?: boolean | undefined;
-} & DefineEvent<"update:value", boolean> & {
+    model?: import("@sigx/runtime-core").Model<boolean> | undefined;
+    __modelBindings?: {
+        model: boolean;
+    } | undefined;
+} & DefineEvent<"update:modelValue", boolean> & {
     label?: string | undefined;
 } & {
     autofocus?: boolean | undefined;

package/dist/components/Input.d.ts

@@ -1,8 +1,11 @@
 /** @jsxImportSource @sigx/runtime-core */
 import { type DefineEvent } from '@sigx/runtime-core';
 export declare const Input: import("@sigx/runtime-core").ComponentFactory<{
-    value?: string | undefined;
-} & DefineEvent<"update:value", string> & {
+    model?: import("@sigx/runtime-core").Model<string> | undefined;
+    __modelBindings?: {
+        model: string;
+    } | undefined;
+} & DefineEvent<"update:modelValue", string> & {
     placeholder?: string | undefined;
 } & {
     autofocus?: boolean | undefined;

package/dist/components/Select.d.ts

@@ -6,12 +6,17 @@ export interface SelectOption<T = string> {
     description?: string;
 }
 export declare const Select: import("@sigx/runtime-core").ComponentFactory<{
-    value?: string | undefined;
-} & DefineEvent<"update:value", string> & {
+    model?: import("@sigx/runtime-core").Model<string> | undefined;
+    __modelBindings?: {
+        model: string;
+    } | undefined;
+} & DefineEvent<"update:modelValue", string> & {
     options: SelectOption<string>[];
 } & {
     label?: string | undefined;
 } & {
     autofocus?: boolean | undefined;
+} & {
+    showDescription?: boolean | undefined;
 } & DefineEvent<"change", string> & DefineEvent<"submit", string>, void, {}>;
 export default Select;

package/dist/index.d.ts

@@ -13,9 +13,7 @@ export interface TerminalNode {
     children: TerminalNode[];
     parentNode?: TerminalNode | null;
 }
-export declare const render: (element: import("@sigx/runtime-core").JSXElement, container: TerminalNode, appContext?: import("@sigx/runtime-core").AppContext) => void, createApp: (rootComponent: any) => {
-    mount(selectorOrContainer: string | TerminalNode): void;
-};
+export declare const render: import("@sigx/runtime-core").RootRenderFunction<TerminalNode, TerminalNode>;
 export declare function renderNodeToLines(node: TerminalNode): string[];
 type KeyHandler = (key: string) => void;
 export declare function onKey(handler: KeyHandler): () => boolean;