@lynx-js/genui 0.0.2 → 0.0.3

package/openui/README.md

@@ -9,7 +9,9 @@ This package includes:
 - `createOpenUiLibrary`: factory that builds an OpenUI `Library` instance
   with built-in components, fully customizable via options.
 - `defineComponent`: define custom components with Zod-validated props.
-- `OpenUiRenderer`: ReactLynx component that renders a parsed OpenUI tree.
+- `OpenUiRenderer`: ReactLynx component that parses and renders OpenUI Lang
+  v0.5 responses, including `$variables`, `Query()`, `Mutation()`, and
+  `Action([@...])` steps.
 - `createParser` / `createStreamingParser`: parse OpenUI DSL text
   (functional notation) into a renderable AST.
 - `catalog/*`: built-in component renderers (Stack, Card, CardHeader,
@@ -34,48 +36,28 @@ pnpm add @lynx-js/genui
 
 ## Quick Start
 
-1. Create a library and get its JSON Schema.
-2. Create a streaming parser from the schema.
-3. Feed OpenUI DSL text (chunks or full) into the parser.
-4. Render the parse result with `<OpenUiRenderer>`.
+1. Create a library.
+2. Pass raw OpenUI Lang text to `<OpenUiRenderer response={...}>`.
+3. Handle actions from `@ToAssistant()` / `@OpenUrl()` with `onAction`.
 
 ```tsx
-import {
-  createOpenUiLibrary,
-  createStreamingParser,
-  OpenUiRenderer,
-} from '@lynx-js/genui/openui';
-import type { ParseResult } from '@lynx-js/genui/openui';
-import { useEffect, useMemo, useState } from '@lynx-js/react';
-
-const library = createOpenUiLibrary();
-const schema = library.toJSONSchema();
-
-export function App() {
-  const [result, setResult] = useState<ParseResult | null>(null);
-
-  useEffect(() => {
-    const parser = createStreamingParser(schema);
+import { createOpenUiLibrary, OpenUiRenderer } from '@lynx-js/genui/openui';
+import { useMemo } from '@lynx-js/react';
 
-    // OpenUI DSL uses functional notation:
-    const rawText = `
+const rawText = `
 root = Stack([header, card], "column", "l", "center")
 header = TextContent("Hello OpenUI", "large-heavy")
 card = Card([content, btn], "card")
 content = TextContent("Welcome to OpenUI")
 btn = Buttons([Button("Get Started", Action([@ToAssistant("clicked")]), "primary")])
-    `.trim();
+`.trim();
 
-    // Feed the entire text (or stream it chunk by chunk)
-    const parsed = parser.push(rawText);
-    setResult(parsed);
-  }, []);
-
-  if (!result?.root) return null;
+export function App() {
+  const library = useMemo(() => createOpenUiLibrary(), []);
 
   return (
     <OpenUiRenderer
-      result={result}
+      response={rawText}
       library={library}
       onAction={(event) => {
         console.log('Action:', event.humanFriendlyMessage);
@@ -91,28 +73,21 @@ For real-time streaming scenarios (e.g., LLM output), feed chunks
 incrementally:
 
 ```tsx
-import {
-  createOpenUiLibrary,
-  createStreamingParser,
-  OpenUiRenderer,
-} from '@lynx-js/genui/openui';
-import type { ParseResult } from '@lynx-js/genui/openui';
-import { useEffect, useMemo, useRef, useState } from '@lynx-js/react';
+import { createOpenUiLibrary, OpenUiRenderer } from '@lynx-js/genui/openui';
+import { useEffect, useMemo, useState } from '@lynx-js/react';
 
 const CHUNK_SIZE = 8;
 const STREAM_DELAY_MS = 30;
 
 export function StreamingApp({ rawText }: { rawText: string }) {
   const library = useMemo(() => createOpenUiLibrary(), []);
-  const [result, setResult] = useState<ParseResult | null>(null);
+  const [response, setResponse] = useState('');
   const [isStreaming, setIsStreaming] = useState(false);
 
   useEffect(() => {
     let cancelled = false;
     setIsStreaming(true);
-
-    const schema = library.toJSONSchema();
-    const parser = createStreamingParser(schema);
+    setResponse('');
     let offset = 0;
 
     const tick = () => {
@@ -122,7 +97,7 @@ export function StreamingApp({ rawText }: { rawText: string }) {
       }
       const chunk = rawText.slice(offset, offset + CHUNK_SIZE);
       offset += CHUNK_SIZE;
-      setResult(parser.push(chunk));
+      setResponse((prev) => prev + chunk);
       setTimeout(tick, STREAM_DELAY_MS);
     };
 
@@ -132,11 +107,9 @@ export function StreamingApp({ rawText }: { rawText: string }) {
     };
   }, [library, rawText]);
 
-  if (!result?.root) return null;
-
   return (
     <OpenUiRenderer
-      result={result}
+      response={response}
       library={library}
       isStreaming={isStreaming}
     />
@@ -144,6 +117,37 @@ export function StreamingApp({ rawText }: { rawText: string }) {
 }
 ```
 
+## v0.5 Runtime
+
+Use the `response` renderer entry point for v0.5 features:
+
+```tsx
+const ui = `
+$title = ""
+data = Query("list_items", { search: $title }, { rows: [] })
+save = Mutation("save_item", { title: $title })
+root = Stack([
+  TextContent("Rows: " + @Count(data.rows)),
+  Button("Save", Action([@Run(save), @Run(data), @Reset($title)]))
+])
+`.trim();
+
+<OpenUiRenderer
+  response={ui}
+  library={library}
+  toolProvider={{
+    list_items: async (args) => ({ rows: [] }),
+    save_item: async (args) => ({ ok: true }),
+  }}
+  onStateUpdate={(state) => persist(state)}
+  initialState={{ $title: 'Draft' }}
+/>;
+```
+
+`OpenUiRenderer` still accepts `result={parseResult}` for legacy/static
+callers, but `Query()`, `Mutation()`, `$variables`, and runtime expression
+evaluation require the raw `response` path.
+
 ## Customizing the Library
 
 `createOpenUiLibrary` accepts an optional `CreateOpenUiLibraryOptions`

package/openui/dist/catalog/Action/{index.js → index.jsx}

@@ -20,4 +20,4 @@ export const actionPropSchema = z.union([
     legacyActionSchema,
 ]);
 tagSchemaId(actionPropSchema, 'ActionExpression');
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.jsx.map

package/openui/dist/catalog/Action/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Action/index.tsx"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAY3B,MAAM,gBAAgB,GAAG,CAAC,CAAC,WAAW,CAAC;IACrC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;CACjB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC;IAChC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC;IAClC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC3B,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE;IAChD,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC1B,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC;IACtC,gBAAgB;IAChB,kBAAkB;CACnB,CAAC,CAAC;AACH,WAAW,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC"}

package/openui/dist/catalog/Button/index.d.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod/v4';
-export declare const Button: import("../../core/library.js").DefinedComponent<z.ZodObject<{
+export declare const Button: import("../../core/library.jsx").DefinedComponent<z.ZodObject<{
     label: z.ZodString;
-    action: z.ZodUnion<readonly [z.ZodObject<{
+    action: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
         steps: z.ZodArray<z.ZodObject<{
             type: z.ZodString;
         }, z.core.$loose>>;
@@ -10,7 +10,7 @@ export declare const Button: import("../../core/library.js").DefinedComponent<z.
         params: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
         url: z.ZodOptional<z.ZodString>;
         context: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>]>;
+    }, z.core.$strip>]>>;
     variant: z.ZodOptional<z.ZodEnum<{
         primary: "primary";
         secondary: "secondary";
@@ -27,10 +27,10 @@ export declare const Button: import("../../core/library.js").DefinedComponent<z.
         large: "large";
     }>>;
 }, z.core.$strip>>;
-export declare const Buttons: import("../../core/library.js").DefinedComponent<z.ZodObject<{
+export declare const Buttons: import("../../core/library.jsx").DefinedComponent<z.ZodObject<{
     buttons: z.ZodArray<z.core.$ZodType<import("@openuidev/lang-core").SubComponentOf<{
         label: string;
-        action: {
+        action?: {
             steps: {
                 [x: string]: unknown;
                 type: string;
@@ -40,13 +40,13 @@ export declare const Buttons: import("../../core/library.js").DefinedComponent<z
             params?: Record<string, any> | undefined;
             url?: string | undefined;
             context?: string | undefined;
-        };
+        } | undefined;
         variant?: "primary" | "secondary" | "tertiary" | undefined;
         type?: "normal" | "destructive" | undefined;
         size?: "extra-small" | "small" | "medium" | "large" | undefined;
     }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-core").SubComponentOf<{
         label: string;
-        action: {
+        action?: {
             steps: {
                 [x: string]: unknown;
                 type: string;
@@ -56,7 +56,7 @@ export declare const Buttons: import("../../core/library.js").DefinedComponent<z
             params?: Record<string, any> | undefined;
             url?: string | undefined;
             context?: string | undefined;
-        };
+        } | undefined;
         variant?: "primary" | "secondary" | "tertiary" | undefined;
         type?: "normal" | "destructive" | undefined;
         size?: "extra-small" | "small" | "medium" | "large" | undefined;

package/openui/dist/catalog/Button/{index.js → index.jsx}

@@ -1,19 +1,18 @@
-import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
 // Copyright 2026 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-import { BuiltinActionType } from '@openuidev/lang-core';
+import { ACTION_STEPS, BuiltinActionType } from '@openuidev/lang-core';
 import { z } from 'zod/v4';
-import { useFormName, useIsStreaming, useTriggerAction, } from '../../core/context.js';
+import { useFormName, useIsStreaming, useTriggerAction, } from '../../core/context.jsx';
 import { useFormValidation } from '../../core/hooks/index.js';
-import { defineComponent } from '../../core/library.js';
-import { actionPropSchema } from '../Action/index.js';
+import { defineComponent } from '../../core/library.jsx';
+import { actionPropSchema } from '../Action/index.jsx';
 import { asArray } from '../utils.js';
 const CONTINUE_CONVERSATION_ACTION = String(BuiltinActionType.ContinueConversation);
 const OPEN_URL_ACTION = String(BuiltinActionType.OpenUrl);
 const buttonPropsSchema = z.object({
     label: z.string(),
-    action: actionPropSchema,
+    action: actionPropSchema.optional(),
     variant: z.enum(['primary', 'secondary', 'tertiary']).optional(),
     type: z.enum(['normal', 'destructive']).optional(),
     size: z.enum(['extra-small', 'small', 'medium', 'large']).optional(),
@@ -36,11 +35,22 @@ function ButtonRenderer({ props }) {
     const onTap = () => {
         const legacyAction = action && !('steps' in action) ? action : undefined;
         const actionType = legacyAction?.type ?? CONTINUE_CONVERSATION_ACTION;
-        if (formValidation && variant === 'primary'
-            && actionType === CONTINUE_CONVERSATION_ACTION) {
-            const valid = formValidation.validateForm();
-            if (!valid)
-                return;
+        if (formValidation && variant === 'primary') {
+            if (action && 'steps' in action) {
+                const needsValidation = action.steps.some((step) => step.type === ACTION_STEPS.ToAssistant
+                    || (step.type === ACTION_STEPS.Run && step.refType === 'mutation'));
+                if (needsValidation && !formValidation.validateForm())
+                    return;
+            }
+            else if (actionType === CONTINUE_CONVERSATION_ACTION) {
+                const valid = formValidation.validateForm();
+                if (!valid)
+                    return;
+            }
+        }
+        if (action && 'steps' in action) {
+            void triggerAction(label, formName, action);
+            return;
         }
         const actionParams = actionType === OPEN_URL_ACTION
             ? { url: legacyAction?.url }
@@ -53,7 +63,9 @@ function ButtonRenderer({ props }) {
             params: actionParams,
         });
     };
-    return (_jsx("view", { className: className, ...(isStreaming ? {} : ({ bindtap: onTap })), children: _jsx("text", { className: 'OpenUIButtonText', children: label }) }));
+    return (<view className={className} {...(isStreaming ? {} : ({ bindtap: onTap }))}>
+      <text className='OpenUIButtonText'>{label}</text>
+    </view>);
 }
 export const Button = defineComponent({
     name: 'Button',
@@ -62,7 +74,9 @@ export const Button = defineComponent({
     component: ButtonRenderer,
 });
 function ButtonsRenderer({ props, renderNode }) {
-    return (_jsx("view", { className: 'OpenUIButtonGroup', children: renderNode(asArray(props.buttons)) }));
+    return (<view className='OpenUIButtonGroup'>
+      {renderNode(asArray(props.buttons))}
+    </view>);
 }
 export const Buttons = defineComponent({
     name: 'Buttons',
@@ -72,4 +86,4 @@ export const Buttons = defineComponent({
     description: 'Button group',
     component: ButtonsRenderer,
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.jsx.map

package/openui/dist/catalog/Button/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Button/index.tsx"],"names":[],"mappings":"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"}

package/openui/dist/catalog/Card/index.d.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod/v4';
-export declare const Card: import("../../core/library.js").DefinedComponent<z.ZodObject<{
+export declare const Card: import("../../core/library.jsx").DefinedComponent<z.ZodObject<{
     children: z.ZodArray<z.ZodAny>;
     variant: z.ZodOptional<z.ZodEnum<{
         card: "card";

package/openui/dist/catalog/Card/{index.js → index.jsx}

@@ -1,9 +1,8 @@
-import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
 // Copyright 2026 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 import { z } from 'zod/v4';
-import { defineComponent } from '../../core/library.js';
+import { defineComponent } from '../../core/library.jsx';
 import { GAP_CLASS, asArray } from '../utils.js';
 function getAlignClass(align) {
     switch (align) {
@@ -63,7 +62,9 @@ export const Card = defineComponent({
         ]
             .filter(Boolean)
             .join(' ');
-        return (_jsx("view", { className: `OpenUICard ${variantClass} ${layoutClassName}`, children: renderNode(asArray(props.children)) }));
+        return (<view className={`OpenUICard ${variantClass} ${layoutClassName}`}>
+        {renderNode(asArray(props.children))}
+      </view>);
     },
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.jsx.map

package/openui/dist/catalog/Card/{index.js.map → index.jsx.map}

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Card/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Card/index.tsx"],"names":[],"mappings":"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"}

package/openui/dist/catalog/CardHeader/index.d.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod/v4';
-export declare const CardHeader: import("../../core/library.js").DefinedComponent<z.ZodObject<{
+export declare const CardHeader: import("../../core/library.jsx").DefinedComponent<z.ZodObject<{
     title: z.ZodString;
     subtitle: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>>;

package/openui/dist/catalog/CardHeader/index.jsx

@@ -0,0 +1,20 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { z } from 'zod/v4';
+import { defineComponent } from '../../core/library.jsx';
+export const CardHeader = defineComponent({
+    name: 'CardHeader',
+    props: z.object({
+        title: z.string(),
+        subtitle: z.string().optional(),
+    }),
+    description: 'Card header with title and optional subtitle.',
+    component: ({ props }) => (<view className='OpenUICardHeader'>
+      <text className='OpenUICardHeaderTitle'>{props.title}</text>
+      {props.subtitle
+            ? <text className='OpenUICardHeaderSubtitle'>{props.subtitle}</text>
+            : null}
+    </view>),
+});
+//# sourceMappingURL=index.jsx.map

package/openui/dist/catalog/CardHeader/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/CardHeader/index.tsx"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;QACd,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;QACjB,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;KAChC,CAAC;IACF,WAAW,EAAE,+CAA+C;IAC5D,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAChC;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,CAC3D;MAAA,CAAC,KAAK,CAAC,QAAQ;YACb,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;YACpE,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR;CACF,CAAC,CAAC"}

package/openui/dist/catalog/CheckBox/index.d.ts

@@ -0,0 +1,16 @@
+import { z } from 'zod/v4';
+export declare const CheckBox: import("../../core/library.jsx").DefinedComponent<z.ZodObject<{
+    label: z.ZodString;
+    value: z.ZodOptional<z.ZodBoolean>;
+    action: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+        steps: z.ZodArray<z.ZodObject<{
+            type: z.ZodString;
+        }, z.core.$loose>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodOptional<z.ZodString>;
+        params: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        url: z.ZodOptional<z.ZodString>;
+        context: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>]>>;
+    name: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>>;

package/openui/dist/catalog/CheckBox/index.jsx

@@ -0,0 +1,82 @@
+import { BuiltinActionType } from '@openuidev/lang-core';
+import { z } from 'zod/v4';
+import { Checkbox, CheckboxIndicator } from '@lynx-js/lynx-ui';
+import { useEffect, useRef, useState } from '@lynx-js/react';
+import { useFormName, useGetFieldValue, useSetDefaultValue, useSetFieldValue, useTriggerAction, } from '../../core/context.jsx';
+import { defineComponent } from '../../core/library.jsx';
+import { actionPropSchema } from '../Action/index.jsx';
+const CONTINUE_CONVERSATION_ACTION = String(BuiltinActionType.ContinueConversation);
+const OPEN_URL_ACTION = String(BuiltinActionType.OpenUrl);
+export const CheckBox = defineComponent({
+    name: 'CheckBox',
+    props: z.object({
+        label: z.string(),
+        value: z.boolean().optional(),
+        action: actionPropSchema.optional(),
+        name: z.string().optional(),
+    }),
+    description: 'Toggleable checkbox. Visual state updates locally on tap; the action fires for the LLM to persist the change.',
+    component: ({ props }) => {
+        const triggerAction = useTriggerAction();
+        const formName = useFormName();
+        const getFieldValue = useGetFieldValue();
+        const setFieldValue = useSetFieldValue();
+        const [checked, setChecked] = useState(props.value === true);
+        const dirtyRef = useRef(false);
+        const existingValue = props.name
+            ? getFieldValue(formName, props.name)
+            : undefined;
+        useSetDefaultValue({
+            ...(formName ? { formName } : {}),
+            componentType: 'CheckBox',
+            name: props.name ?? '',
+            existingValue,
+            defaultValue: props.name && props.value !== undefined
+                ? props.value === true
+                : undefined,
+        });
+        useEffect(() => {
+            if (!dirtyRef.current) {
+                const next = props.value === true;
+                setChecked(next);
+                if (props.name && props.value !== undefined) {
+                    setFieldValue(formName, 'CheckBox', props.name, next, false);
+                }
+            }
+        }, [formName, props.name, props.value, setFieldValue]);
+        const onChange = (next) => {
+            dirtyRef.current = true;
+            setChecked(next);
+            if (props.name) {
+                setFieldValue(formName, 'CheckBox', props.name, next, true);
+            }
+            if (!props.action)
+                return;
+            if ('steps' in props.action) {
+                void triggerAction(props.label, formName, props.action);
+                return;
+            }
+            const legacyAction = props.action;
+            const actionType = legacyAction?.type ?? CONTINUE_CONVERSATION_ACTION;
+            const actionParams = actionType === OPEN_URL_ACTION
+                ? { url: legacyAction?.url }
+                : {
+                    ...(legacyAction?.params ?? {}),
+                    ...(legacyAction?.context ? { context: legacyAction.context } : {}),
+                };
+            void triggerAction(props.label, formName, {
+                type: actionType,
+                params: actionParams,
+            });
+        };
+        return (<view className='OpenUICheckBoxRow'>
+        <Checkbox checked={checked} onChange={onChange} className='OpenUICheckBoxInput'>
+          <CheckboxIndicator>
+            <text>✓</text>
+          </CheckboxIndicator>
+        </Checkbox>
+        <text className='OpenUICheckBoxLabel'>{props.label}</text>
+      </view>);
+    },
+});
+//# sourceMappingURL=index.jsx.map

package/openui/dist/catalog/CheckBox/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/CheckBox/index.tsx"],"names":[],"mappings":"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"}

package/openui/dist/catalog/Icon/index.d.ts

@@ -0,0 +1,44 @@
+import { z } from 'zod/v4';
+export declare const Icon: import("../../core/library.jsx").DefinedComponent<z.ZodObject<{
+    name: z.ZodEnum<{
+        search: "search";
+        account_circle: "account_circle";
+        add: "add";
+        arrow_back: "arrow_back";
+        arrow_forward: "arrow_forward";
+        camera: "camera";
+        check: "check";
+        close: "close";
+        delete: "delete";
+        edit: "edit";
+        error: "error";
+        favorite: "favorite";
+        help: "help";
+        home: "home";
+        info: "info";
+        location_on: "location_on";
+        lock: "lock";
+        mail: "mail";
+        menu: "menu";
+        more_vert: "more_vert";
+        pause: "pause";
+        person: "person";
+        play_arrow: "play_arrow";
+        refresh: "refresh";
+        send: "send";
+        settings: "settings";
+        share: "share";
+        star: "star";
+        warning: "warning";
+    }>;
+    size: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        md: "md";
+        lg: "lg";
+    }>>;
+    color: z.ZodOptional<z.ZodEnum<{
+        primary: "primary";
+        muted: "muted";
+        inherit: "inherit";
+    }>>;
+}, z.core.$strip>>;

package/openui/dist/catalog/Icon/index.jsx

@@ -0,0 +1,66 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { z } from 'zod/v4';
+import { defineComponent } from '../../core/library.jsx';
+const ICON_NAMES = [
+    'account_circle',
+    'add',
+    'arrow_back',
+    'arrow_forward',
+    'camera',
+    'check',
+    'close',
+    'delete',
+    'edit',
+    'error',
+    'favorite',
+    'help',
+    'home',
+    'info',
+    'location_on',
+    'lock',
+    'mail',
+    'menu',
+    'more_vert',
+    'pause',
+    'person',
+    'play_arrow',
+    'refresh',
+    'search',
+    'send',
+    'settings',
+    'share',
+    'star',
+    'warning',
+];
+function toMaterialName(name) {
+    return name.replace(/[A-Z]/g, (m) => `_${m.toLowerCase()}`);
+}
+export const Icon = defineComponent({
+    name: 'Icon',
+    props: z.object({
+        name: z.enum(ICON_NAMES),
+        size: z.enum(['sm', 'md', 'lg']).optional(),
+        color: z.enum(['primary', 'muted', 'inherit']).optional(),
+    }),
+    description: 'Material icon. Font is bundled in renderer.css.',
+    component: ({ props }) => {
+        const size = props.size ?? 'md';
+        const color = props.color ?? 'inherit';
+        const sizeClass = size === 'sm'
+            ? 'OpenUIIconSm'
+            : (size === 'lg'
+                ? 'OpenUIIconLg'
+                : 'OpenUIIconMd');
+        const colorClass = color === 'primary'
+            ? 'OpenUIIconColorPrimary'
+            : (color === 'muted'
+                ? 'OpenUIIconColorMuted'
+                : 'OpenUIIconColorInherit');
+        return (<text className={`OpenUIIcon ${sizeClass} ${colorClass}`}>
+        {toMaterialName(props.name)}
+      </text>);
+    },
+});
+//# sourceMappingURL=index.jsx.map

package/openui/dist/catalog/Icon/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Icon/index.tsx"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,UAAU,GAAG;IACjB,gBAAgB;IAChB,KAAK;IACL,YAAY;IACZ,eAAe;IACf,QAAQ;IACR,OAAO;IACP,OAAO;IACP,QAAQ;IACR,MAAM;IACN,OAAO;IACP,UAAU;IACV,MAAM;IACN,MAAM;IACN,MAAM;IACN,aAAa;IACb,MAAM;IACN,MAAM;IACN,MAAM;IACN,WAAW;IACX,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,MAAM;IACN,UAAU;IACV,OAAO;IACP,MAAM;IACN,SAAS;CACD,CAAC;AAEX,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;QACd,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QACxB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;QAC3C,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE;KAC1D,CAAC;IACF,WAAW,EAAE,iDAAiD;IAC9D,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACvB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC;QAChC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC;QACvC,MAAM,SAAS,GAAG,IAAI,KAAK,IAAI;YAC7B,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI;gBACd,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,cAAc,CAAC,CAAC;QACtB,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS;YACpC,CAAC,CAAC,wBAAwB;YAC1B,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO;gBAClB,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,wBAAwB,CAAC,CAAC;QAChC,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,cAAc,SAAS,IAAI,UAAU,EAAE,CAAC,CACvD;QAAA,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAC7B;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/openui/dist/catalog/Image/index.d.ts

@@ -0,0 +1,19 @@
+import { z } from 'zod/v4';
+export declare const Image: import("../../core/library.jsx").DefinedComponent<z.ZodObject<{
+    url: z.ZodString;
+    fit: z.ZodOptional<z.ZodEnum<{
+        fill: "fill";
+        none: "none";
+        contain: "contain";
+        cover: "cover";
+        "scale-down": "scale-down";
+    }>>;
+    variant: z.ZodOptional<z.ZodEnum<{
+        icon: "icon";
+        avatar: "avatar";
+        smallFeature: "smallFeature";
+        mediumFeature: "mediumFeature";
+        largeFeature: "largeFeature";
+        header: "header";
+    }>>;
+}, z.core.$strip>>;