@lynx-js/genui 0.0.1-rc.0

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

@@ -0,0 +1,35 @@
+import type { GenericComponentProps } from '../../store/types.js';
+import '../../../styles/catalog/Button.css';
+/**
+ * @a2uiCatalog Button
+ */
+export interface ButtonProps extends GenericComponentProps {
+    child: string;
+    variant?: 'primary' | 'borderless';
+    isValid?: boolean;
+    /** v0.9 actions should use the `event` wrapper for server-dispatched clicks. */
+    action: {
+        event: {
+            name: string;
+            /** Context is a JSON object map in v0.9. */
+            context?: Record<string, unknown>;
+        };
+    } | {
+        functionCall: {
+            call: string;
+            args: Record<string, unknown>;
+            returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+        };
+    };
+    checks?: Array<{
+        condition: boolean | {
+            path: string;
+        } | {
+            call: string;
+            args: Record<string, unknown>;
+            returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+        };
+        message: string;
+    }>;
+}
+export declare function Button(props: ButtonProps): import('@lynx-js/react').ReactNode;

package/a2ui/dist/catalog/Button/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } 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 { A2UIRenderer } from '../../react/A2UIRenderer.js';
+import { useChecks } from '../../react/useChecks.js';
+import '../../../styles/catalog/Button.css';
+export function Button(props) {
+    const { action, child, id, isValid = true, surface, sendAction, variant = 'primary', dataContextPath, } = props;
+    const checks = props.checks;
+    const { ok, firstFailureMessage } = useChecks({
+        checks,
+        componentId: id ?? '',
+        surface,
+        dataContextPath,
+    });
+    // The button is interactive only when both gates pass: `isValid` (the
+    // agent's imperative "disabled" signal) and `ok` (the data-driven result
+    // of evaluating the `checks` array).
+    const enabled = isValid && ok;
+    const handleClick = () => {
+        if (enabled && action) {
+            void sendAction?.(action);
+        }
+    };
+    const childResource = child
+        ? surface.resources.get(child)
+        : undefined;
+    return (_jsxs(_Fragment, { children: [_jsx("view", { className: `button button-${variant}${isValid ? '' : ' button-disabled'}${ok ? '' : ' button-invalid'}`, bindtap: enabled ? handleClick : undefined, children: childResource
+                    ? _jsx(A2UIRenderer, { resource: childResource })
+                    : _jsx("text", { className: 'button-fallback', children: "Button" }) }), !ok && firstFailureMessage
+                ? _jsx("text", { className: 'button-error', children: firstFailureMessage })
+                : null] }));
+}
+//# sourceMappingURL=index.js.map

package/a2ui/dist/catalog/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Button/index.tsx"],"names":[],"mappings":";AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAIrD,OAAO,oCAAoC,CAAC;AA+C5C,MAAM,UAAU,MAAM,CACpB,KAAkB;IAElB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,EAAE,EACF,OAAO,GAAG,IAAI,EACd,OAAO,EACP,UAAU,EACV,OAAO,GAAG,SAAS,EACnB,eAAe,GAChB,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiC,CAAC;IACvD,MAAM,EAAE,EAAE,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;QAC5C,MAAM;QACN,WAAW,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO;QACP,eAAe;KAChB,CAAC,CAAC;IAEH,sEAAsE;IACtE,yEAAyE;IACzE,qCAAqC;IACrC,MAAM,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;IAE9B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;YACtB,KAAK,UAAU,EAAE,CAAC,MAAiC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK;QACzB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC9B,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,8BACE,eACE,SAAS,EAAE,iBAAiB,OAAO,GACjC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBACjB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,EAChC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAEzC,aAAa;oBACZ,CAAC,CAAC,KAAC,YAAY,IAAC,QAAQ,EAAE,aAAa,GAAI;oBAC3C,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,uBAAc,GAC9C,EACN,CAAC,EAAE,IAAI,mBAAmB;gBACzB,CAAC,CAAC,eAAM,SAAS,EAAC,cAAc,YAAE,mBAAmB,GAAQ;gBAC7D,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC"}

package/a2ui/dist/catalog/Card/catalog.json

@@ -0,0 +1,24 @@
+{
+  "Card": {
+    "properties": {
+      "child": {
+        "type": "string"
+      },
+      "variant": {
+        "type": "string",
+        "enum": [
+          "elevated",
+          "outlined",
+          "filled",
+          "ghost"
+        ]
+      },
+      "weight": {
+        "type": "number"
+      }
+    },
+    "required": [
+      "child"
+    ]
+  }
+}

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

@@ -0,0 +1,11 @@
+import type { GenericComponentProps } from '../../store/types.js';
+import '../../../styles/catalog/Card.css';
+/**
+ * @a2uiCatalog Card
+ */
+export interface CardProps extends GenericComponentProps {
+    child: string;
+    variant?: 'elevated' | 'outlined' | 'filled' | 'ghost';
+    weight?: number;
+}
+export declare function Card(props: CardProps): import('@lynx-js/react').ReactNode;

package/a2ui/dist/catalog/Card/index.js

@@ -0,0 +1,19 @@
+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 { NodeRenderer } from '../../react/A2UIRenderer.js';
+import '../../../styles/catalog/Card.css';
+export function Card(props) {
+    const { child: childId, surface, dataContextPath } = props;
+    const childComponent = surface.components.get(childId);
+    const childWithContext = childComponent && dataContextPath
+        ? { ...childComponent, dataContextPath }
+        : childComponent;
+    const variant = props.variant ?? 'elevated';
+    const weightClass = typeof props.weight === 'number'
+        ? 'card-weighted'
+        : '';
+    return (_jsx("view", { className: `card card-${variant} ${weightClass}`.trim(), children: childWithContext && (_jsx(NodeRenderer, { component: childWithContext, surface: surface })) }));
+}
+//# sourceMappingURL=index.js.map

package/a2ui/dist/catalog/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Card/index.tsx"],"names":[],"mappings":";AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,kCAAkC,CAAC;AAW1C,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,cAAc,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACvD,MAAM,gBAAgB,GAAG,cAAc,IAAI,eAAe;QACxD,CAAC,CAAC,EAAE,GAAG,cAAc,EAAE,eAAe,EAAE;QACxC,CAAC,CAAC,cAAc,CAAC;IACnB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,UAAU,CAAC;IAC5C,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ;QAClD,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,eAAM,SAAS,EAAE,aAAa,OAAO,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,YAC1D,gBAAgB,IAAI,CACnB,KAAC,YAAY,IAAC,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAI,CAChE,GACI,CACR,CAAC;AACJ,CAAC"}

package/a2ui/dist/catalog/CheckBox/catalog.json

@@ -0,0 +1,170 @@
+{
+  "CheckBox": {
+    "properties": {
+      "label": {
+        "oneOf": [
+          {
+            "type": "string"
+          },
+          {
+            "type": "object",
+            "properties": {
+              "path": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "path"
+            ],
+            "additionalProperties": false
+          },
+          {
+            "type": "object",
+            "properties": {
+              "call": {
+                "type": "string"
+              },
+              "args": {
+                "type": "object",
+                "additionalProperties": true
+              },
+              "returnType": {
+                "type": "string",
+                "enum": [
+                  "string",
+                  "number",
+                  "boolean",
+                  "object",
+                  "array",
+                  "any",
+                  "void"
+                ]
+              }
+            },
+            "required": [
+              "call",
+              "args"
+            ],
+            "additionalProperties": false
+          }
+        ]
+      },
+      "value": {
+        "oneOf": [
+          {
+            "type": "boolean"
+          },
+          {
+            "type": "object",
+            "properties": {
+              "path": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "path"
+            ],
+            "additionalProperties": false
+          },
+          {
+            "type": "object",
+            "properties": {
+              "call": {
+                "type": "string"
+              },
+              "args": {
+                "type": "object",
+                "additionalProperties": true
+              },
+              "returnType": {
+                "type": "string",
+                "enum": [
+                  "string",
+                  "number",
+                  "boolean",
+                  "object",
+                  "array",
+                  "any",
+                  "void"
+                ]
+              }
+            },
+            "required": [
+              "call",
+              "args"
+            ],
+            "additionalProperties": false
+          }
+        ]
+      },
+      "checks": {
+        "type": "array",
+        "items": {
+          "type": "object",
+          "properties": {
+            "condition": {
+              "oneOf": [
+                {
+                  "type": "boolean"
+                },
+                {
+                  "type": "object",
+                  "properties": {
+                    "path": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "path"
+                  ],
+                  "additionalProperties": false
+                },
+                {
+                  "type": "object",
+                  "properties": {
+                    "call": {
+                      "type": "string"
+                    },
+                    "args": {
+                      "type": "object",
+                      "additionalProperties": true
+                    },
+                    "returnType": {
+                      "type": "string",
+                      "enum": [
+                        "string",
+                        "number",
+                        "boolean",
+                        "object",
+                        "array",
+                        "any",
+                        "void"
+                      ]
+                    }
+                  },
+                  "required": [
+                    "call",
+                    "args"
+                  ],
+                  "additionalProperties": false
+                }
+              ]
+            },
+            "message": {
+              "type": "string"
+            }
+          },
+          "required": [
+            "condition",
+            "message"
+          ],
+          "additionalProperties": false
+        }
+      }
+    },
+    "required": [
+      "label",
+      "value"
+    ]
+  }
+}

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

@@ -0,0 +1,32 @@
+import type { GenericComponentProps } from '../../store/types.js';
+import '../../../styles/catalog/CheckBox.css';
+/**
+ * @a2uiCatalog CheckBox
+ */
+export interface CheckBoxProps extends GenericComponentProps {
+    label: string | {
+        path: string;
+    } | {
+        call: string;
+        args: Record<string, unknown>;
+        returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+    };
+    value: boolean | {
+        path: string;
+    } | {
+        call: string;
+        args: Record<string, unknown>;
+        returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+    };
+    checks?: Array<{
+        condition: boolean | {
+            path: string;
+        } | {
+            call: string;
+            args: Record<string, unknown>;
+            returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+        };
+        message: string;
+    }>;
+}
+export declare function CheckBox(props: CheckBoxProps): import('@lynx-js/react').ReactNode;

package/a2ui/dist/catalog/CheckBox/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 { useChecks } from '../../react/useChecks.js';
+import '../../../styles/catalog/CheckBox.css';
+export function CheckBox(props) {
+    const { id, label = 'CheckBox', value, setValue, surface, dataContextPath, } = props;
+    const checks = props.checks;
+    const { ok, firstFailureMessage } = useChecks({
+        checks,
+        componentId: id ?? '',
+        surface,
+        dataContextPath,
+    });
+    const handleChange = () => {
+        setValue?.('value', !value);
+    };
+    return (_jsxs("view", { className: `checkbox-row${ok ? '' : ' checkbox-row-invalid'}`, bindtap: handleChange, children: [_jsx("view", { className: `checkbox-input ${value ? 'checkbox-input-checked' : ''}`
+                    .trim(), children: !!value && _jsx("text", { children: "\u2713" }) }), _jsx("text", { className: 'checkbox-label', children: label }), !ok && firstFailureMessage
+                ? _jsx("text", { className: 'checkbox-error', children: firstFailureMessage })
+                : null] }, id));
+}
+//# sourceMappingURL=index.js.map

package/a2ui/dist/catalog/CheckBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/CheckBox/index.tsx"],"names":[],"mappings":";AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAIrD,OAAO,sCAAsC,CAAC;AA+C9C,MAAM,UAAU,QAAQ,CACtB,KAAoB;IAEpB,MAAM,EACJ,EAAE,EACF,KAAK,GAAG,UAAU,EAClB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,eAAe,GAChB,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiC,CAAC;IAEvD,MAAM,EAAE,EAAE,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;QAC5C,MAAM;QACN,WAAW,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO;QACP,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,gBAEE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE,EAC7D,OAAO,EAAE,YAAY,aAErB,eACE,SAAS,EAAE,kBAAkB,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE;qBACjE,IAAI,EAAE,YAER,CAAC,CAAC,KAAK,IAAI,oCAAc,GACrB,EACP,eAAM,SAAS,EAAC,gBAAgB,YAAE,KAAe,GAAQ,EACxD,CAAC,EAAE,IAAI,mBAAmB;gBACzB,CAAC,CAAC,eAAM,SAAS,EAAC,gBAAgB,YAAE,mBAAmB,GAAQ;gBAC/D,CAAC,CAAC,IAAI,KAbH,EAAE,CAcF,CACR,CAAC;AACJ,CAAC"}

package/a2ui/dist/catalog/Column/catalog.json

@@ -0,0 +1,57 @@
+{
+  "Column": {
+    "properties": {
+      "children": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          {
+            "type": "object",
+            "properties": {
+              "componentId": {
+                "type": "string"
+              },
+              "path": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "componentId",
+              "path"
+            ],
+            "additionalProperties": false
+          }
+        ],
+        "description": "Static child IDs array or template object."
+      },
+      "align": {
+        "type": "string",
+        "enum": [
+          "start",
+          "center",
+          "end",
+          "stretch"
+        ]
+      },
+      "justify": {
+        "type": "string",
+        "enum": [
+          "start",
+          "center",
+          "end",
+          "stretch",
+          "spaceBetween",
+          "spaceAround",
+          "spaceEvenly"
+        ]
+      }
+    },
+    "required": [
+      "children"
+    ]
+  }
+}

package/a2ui/dist/catalog/Column/index.d.ts

@@ -0,0 +1,15 @@
+import type { GenericComponentProps } from '../../store/types.js';
+import '../../../styles/catalog/Column.css';
+/**
+ * @a2uiCatalog Column
+ */
+export interface ColumnProps extends GenericComponentProps {
+    /** Static child IDs array or template object. */
+    children: string[] | {
+        componentId: string;
+        path: string;
+    };
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'stretch' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly';
+}
+export declare function Column(props: ColumnProps): import('@lynx-js/react').ReactNode;

package/a2ui/dist/catalog/Column/index.js

@@ -0,0 +1,55 @@
+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 { useMemo } from '@lynx-js/react';
+import { NodeRenderer } from '../../react/A2UIRenderer.js';
+import { useDataBinding } from '../../react/useDataBinding.js';
+import '../../../styles/catalog/Column.css';
+const buildChild = (surface, childId, dataContextPath, childPath, key = childId) => {
+    const child = surface.components.get(childId);
+    if (!child)
+        return null;
+    let childWithContext = child;
+    if (childPath) {
+        childWithContext = { ...child, dataContextPath: childPath };
+    }
+    else if (dataContextPath) {
+        childWithContext = { ...child, dataContextPath };
+    }
+    return {
+        key,
+        component: childWithContext,
+    };
+};
+export function Column(props) {
+    const { children, surface, dataContextPath, justify = 'start', align = 'stretch', } = props;
+    const isDynamic = children && !Array.isArray(children)
+        && typeof children === 'object';
+    const template = isDynamic
+        ? children
+        : undefined;
+    const [columnData, , fullPath] = useDataBinding(template ? { path: template.path } : undefined, surface, dataContextPath, []);
+    const childList = useMemo(() => {
+        if (Array.isArray(children)) {
+            return children.map((childId) => buildChild(surface, childId, dataContextPath));
+        }
+        return (Array.isArray(columnData) ? columnData : []).map((item, index) => {
+            const key = item && typeof item === 'object' && 'key' in item
+                ? String(item['key'])
+                : `${index}`;
+            const itemPath = `${fullPath}/${index}`;
+            return buildChild(surface, template?.componentId ?? '', dataContextPath, itemPath, key);
+        });
+    }, [children, surface, dataContextPath, columnData, fullPath, template]);
+    return (_jsx("view", { className: `column alignment-${align} distribution-${justify}`, children: childList.map((item) => {
+            if (!item)
+                return null;
+            const weight = item.component.weight;
+            if (typeof weight === 'number' && weight > 0) {
+                return (_jsx("view", { className: `column-weighted-item column-weighted-item-${weight}`, style: { flex: `${weight} ${weight} 0`, minHeight: 0 }, children: _jsx(NodeRenderer, { component: item.component, surface: surface }) }, item.key));
+            }
+            return (_jsx(NodeRenderer, { component: item.component, surface: surface }, item.key));
+        }) }));
+}
+//# sourceMappingURL=index.js.map

package/a2ui/dist/catalog/Column/index.js.map

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

package/a2ui/dist/catalog/Divider/catalog.json

@@ -0,0 +1,14 @@
+{
+  "Divider": {
+    "properties": {
+      "axis": {
+        "type": "string",
+        "enum": [
+          "horizontal",
+          "vertical"
+        ]
+      }
+    },
+    "required": []
+  }
+}

package/a2ui/dist/catalog/Divider/index.d.ts

@@ -0,0 +1,9 @@
+import type { GenericComponentProps } from '../../store/types.js';
+import '../../../styles/catalog/Divider.css';
+/**
+ * @a2uiCatalog Divider
+ */
+export interface DividerProps extends GenericComponentProps {
+    axis?: 'horizontal' | 'vertical';
+}
+export declare function Divider(props: DividerProps): import('@lynx-js/react').ReactNode;

package/a2ui/dist/catalog/Divider/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
+import '../../../styles/catalog/Divider.css';
+export function Divider(props) {
+    const id = props.id;
+    const axis = props.axis ?? 'horizontal';
+    return _jsx("view", { className: `divider divider-${axis}` }, id);
+}
+//# sourceMappingURL=index.js.map

package/a2ui/dist/catalog/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Divider/index.tsx"],"names":[],"mappings":";AAKA,OAAO,qCAAqC,CAAC;AAS7C,MAAM,UAAU,OAAO,CACrB,KAAmB;IAEnB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,IAAI,GAAG,KAAK,CAAC,IAA0B,IAAI,YAAY,CAAC;IAC9D,OAAO,eAAe,SAAS,EAAE,mBAAmB,IAAI,EAAE,IAAxC,EAAE,CAA0C,CAAC;AACjE,CAAC"}

package/a2ui/dist/catalog/Icon/catalog.json

@@ -0,0 +1,45 @@
+{
+  "Icon": {
+    "properties": {
+      "name": {
+        "oneOf": [
+          {
+            "type": "string"
+          },
+          {
+            "type": "object",
+            "properties": {
+              "path": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "path"
+            ],
+            "additionalProperties": false
+          }
+        ],
+        "description": "Material icon name (camelCase or snake_case), e.g. \"info\", \"skipNext\", \"play_arrow\"."
+      },
+      "size": {
+        "type": "string",
+        "enum": [
+          "sm",
+          "md",
+          "lg"
+        ]
+      },
+      "color": {
+        "type": "string",
+        "enum": [
+          "primary",
+          "muted",
+          "inherit"
+        ]
+      }
+    },
+    "required": [
+      "name"
+    ]
+  }
+}

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

@@ -0,0 +1,14 @@
+import type { GenericComponentProps } from '../../store/types.js';
+import '../../../styles/catalog/Icon.css';
+/**
+ * @a2uiCatalog Icon
+ */
+export interface IconProps extends GenericComponentProps {
+    /** Material icon name (camelCase or snake_case), e.g. "info", "skipNext", "play_arrow". */
+    name: string | {
+        path: string;
+    };
+    size?: 'sm' | 'md' | 'lg';
+    color?: 'primary' | 'muted' | 'inherit';
+}
+export declare function Icon(props: IconProps): import('@lynx-js/react').ReactNode;

package/a2ui/dist/catalog/Icon/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
+import '../../../styles/catalog/Icon.css';
+function toMaterialName(name) {
+    return name.replace(/[A-Z]/g, (m) => `_${m.toLowerCase()}`);
+}
+export function Icon(props) {
+    const { id, name, size = 'md', color = 'inherit' } = props;
+    const iconName = typeof name === 'string' ? toMaterialName(name) : '';
+    return (_jsx("text", { className: `a2ui-icon a2ui-icon-${size} a2ui-icon-color-${color}`, children: iconName }, id));
+}
+//# sourceMappingURL=index.js.map

package/a2ui/dist/catalog/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Icon/index.tsx"],"names":[],"mappings":";AAKA,OAAO,kCAAkC,CAAC;AAE1C,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;AAYD,MAAM,UAAU,IAAI,CAClB,KAAgB;IAEhB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,CACL,eAEE,SAAS,EAAE,uBAAuB,IAAI,oBAAoB,KAAK,EAAE,YAEhE,QAAQ,IAHJ,EAAE,CAIF,CACR,CAAC;AACJ,CAAC"}