@copilotkit/a2ui-renderer 1.51.4 → 1.51.5-next.1

package/dist/react-renderer/components/interactive/CheckBox.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect, useId, memo } from "react";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent";
-import { classMapToString, stylesToObject } from "../../lib/utils";
-/**
- * CheckBox component - a boolean toggle with a label.
- *
- * Supports two-way data binding for the checked state.
- */
-export const CheckBox = memo(function CheckBox({ node, surfaceId, }) {
-    const { theme, resolveString, resolveBoolean, setValue, getValue } = useA2UIComponent(node, surfaceId);
-    const props = node.properties;
-    const id = useId();
-    const label = resolveString(props.label);
-    const valuePath = props.value?.path;
-    const initialChecked = resolveBoolean(props.value) ?? false;
-    const [checked, setChecked] = useState(initialChecked);
-    // Sync with external data model changes (path binding)
-    useEffect(() => {
-        if (valuePath) {
-            const externalValue = getValue(valuePath);
-            if (externalValue !== null && Boolean(externalValue) !== checked) {
-                setChecked(Boolean(externalValue));
-            }
-        }
-    }, [valuePath, getValue]); // eslint-disable-line react-hooks/exhaustive-deps
-    // Sync when literal value changes from props (server-driven updates via surfaceUpdate)
-    useEffect(() => {
-        if (props.value?.literalBoolean !== undefined) {
-            setChecked(props.value.literalBoolean);
-        }
-    }, [props.value?.literalBoolean]);
-    const handleChange = useCallback((e) => {
-        const newValue = e.target.checked;
-        setChecked(newValue);
-        // Two-way binding: update data model
-        if (valuePath) {
-            setValue(valuePath, newValue);
-        }
-    }, [valuePath, setValue]);
-    // Structure mirrors Lit's CheckBox component:
-    //   <div class="a2ui-checkbox">  ← :host equivalent
-    //     <section class="...">      ← internal element
-    //       <input>...</input>
-    //       <label>...</label>
-    //     </section>
-    //   </div>
-    // Apply --weight CSS variable on root div (:host equivalent) for flex layouts
-    const hostStyle = node.weight !== undefined
-        ? { "--weight": node.weight }
-        : {};
-    return (_jsx("div", { className: "a2ui-checkbox", style: hostStyle, children: _jsxs("section", { className: classMapToString(theme.components.CheckBox.container), style: stylesToObject(theme.additionalStyles?.CheckBox), children: [_jsx("input", { type: "checkbox", id: id, checked: checked, onChange: handleChange, className: classMapToString(theme.components.CheckBox.element) }), label && (_jsx("label", { htmlFor: id, className: classMapToString(theme.components.CheckBox.label), children: label }))] }) }));
-});
-export default CheckBox;
-//# sourceMappingURL=CheckBox.js.map

package/dist/react-renderer/components/interactive/CheckBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/CheckBox.tsx"],"names":[],"mappings":"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"}

package/dist/react-renderer/components/interactive/DateTimeInput.d.ts

@@ -1,10 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { A2UIComponentProps } from "../../types";
-/**
- * DateTimeInput component - a date and/or time picker.
- *
- * Supports enabling date, time, or both. Uses native HTML5 date/time inputs.
- */
-export declare const DateTimeInput: import("react").NamedExoticComponent<A2UIComponentProps<Types.DateTimeInputNode>>;
-export default DateTimeInput;
-//# sourceMappingURL=DateTimeInput.d.ts.map

package/dist/react-renderer/components/interactive/DateTimeInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/DateTimeInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItD;;;;GAIG;AACH,eAAO,MAAM,aAAa,mFA+FxB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/react-renderer/components/interactive/DateTimeInput.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect, useId, memo } from "react";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent";
-import { classMapToString, stylesToObject } from "../../lib/utils";
-/**
- * DateTimeInput component - a date and/or time picker.
- *
- * Supports enabling date, time, or both. Uses native HTML5 date/time inputs.
- */
-export const DateTimeInput = memo(function DateTimeInput({ node, surfaceId, }) {
-    const { theme, resolveString, setValue, getValue } = useA2UIComponent(node, surfaceId);
-    const props = node.properties;
-    const id = useId();
-    const valuePath = props.value?.path;
-    const initialValue = resolveString(props.value) ?? "";
-    const enableDate = props.enableDate ?? true;
-    const enableTime = props.enableTime ?? false;
-    const [value, setLocalValue] = useState(initialValue);
-    // Sync with external data model changes
-    useEffect(() => {
-        if (valuePath) {
-            const externalValue = getValue(valuePath);
-            if (externalValue !== null && String(externalValue) !== value) {
-                setLocalValue(String(externalValue));
-            }
-        }
-    }, [valuePath, getValue]); // eslint-disable-line react-hooks/exhaustive-deps
-    const handleChange = useCallback((e) => {
-        const newValue = e.target.value;
-        setLocalValue(newValue);
-        // Two-way binding: update data model
-        if (valuePath) {
-            setValue(valuePath, newValue);
-        }
-    }, [valuePath, setValue]);
-    // Determine input type based on enableDate and enableTime
-    let inputType = "date";
-    if (enableDate && enableTime) {
-        inputType = "datetime-local";
-    }
-    else if (enableTime && !enableDate) {
-        inputType = "time";
-    }
-    // Get placeholder text to match Lit renderer
-    const getPlaceholderText = () => {
-        if (enableDate && enableTime) {
-            return "Date & Time";
-        }
-        else if (enableTime) {
-            return "Time";
-        }
-        return "Date";
-    };
-    // Structure mirrors Lit's DateTimeInput component:
-    //   <div class="a2ui-datetime-input">  ← :host equivalent
-    //     <section class="...">            ← container theme classes
-    //       <label>                        ← label
-    //       <input>                        ← input element
-    //     </section>
-    //   </div>
-    // Apply --weight CSS variable on root div (:host equivalent) for flex layouts
-    const hostStyle = node.weight !== undefined
-        ? { "--weight": node.weight }
-        : {};
-    return (_jsx("div", { className: "a2ui-datetime-input", style: hostStyle, children: _jsxs("section", { className: classMapToString(theme.components.DateTimeInput.container), children: [_jsx("label", { htmlFor: id, className: classMapToString(theme.components.DateTimeInput.label), children: getPlaceholderText() }), _jsx("input", { type: inputType, id: id, value: value, onChange: handleChange, className: classMapToString(theme.components.DateTimeInput.element), style: stylesToObject(theme.additionalStyles?.DateTimeInput) })] }) }));
-});
-export default DateTimeInput;
-//# sourceMappingURL=DateTimeInput.js.map

package/dist/react-renderer/components/interactive/DateTimeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeInput.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/DateTimeInput.tsx"],"names":[],"mappings":"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"}

package/dist/react-renderer/components/interactive/MultipleChoice.d.ts

@@ -1,11 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { A2UIComponentProps } from "../../types";
-/**
- * MultipleChoice component - a selection component using a dropdown.
- *
- * Renders a <select> element with options, matching the Lit renderer's behavior.
- * Supports two-way data binding for the selected value.
- */
-export declare const MultipleChoice: import("react").NamedExoticComponent<A2UIComponentProps<Types.MultipleChoiceNode>>;
-export default MultipleChoice;
-//# sourceMappingURL=MultipleChoice.d.ts.map

package/dist/react-renderer/components/interactive/MultipleChoice.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleChoice.d.ts","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/MultipleChoice.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItD;;;;;GAKG;AACH,eAAO,MAAM,cAAc,oFAyEzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/react-renderer/components/interactive/MultipleChoice.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useId, memo } from "react";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent";
-import { classMapToString, stylesToObject } from "../../lib/utils";
-/**
- * MultipleChoice component - a selection component using a dropdown.
- *
- * Renders a <select> element with options, matching the Lit renderer's behavior.
- * Supports two-way data binding for the selected value.
- */
-export const MultipleChoice = memo(function MultipleChoice({ node, surfaceId, }) {
-    const { theme, resolveString, setValue } = useA2UIComponent(node, surfaceId);
-    const props = node.properties;
-    const id = useId();
-    const options = props.options ?? [];
-    const selectionsPath = props.selections?.path;
-    // Access description from props (Lit component supports it)
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const description = resolveString(props.description) ?? "Select an item";
-    const handleChange = useCallback((e) => {
-        // Two-way binding: update data model with array (matches Lit behavior)
-        if (selectionsPath) {
-            setValue(selectionsPath, [e.target.value]);
-        }
-    }, [selectionsPath, setValue]);
-    // Apply --weight CSS variable on root div (:host equivalent) for flex layouts
-    const hostStyle = node.weight !== undefined
-        ? { "--weight": node.weight }
-        : {};
-    // Structure mirrors Lit's MultipleChoice component:
-    //   <div class="a2ui-multiplechoice">  ← :host equivalent
-    //     <section class="...">            ← container theme classes
-    //       <label>...</label>             ← description label
-    //       <select>...</select>           ← dropdown element
-    //     </section>
-    //   </div>
-    return (_jsx("div", { className: "a2ui-multiplechoice", style: hostStyle, children: _jsxs("section", { className: classMapToString(theme.components.MultipleChoice.container), children: [_jsx("label", { htmlFor: id, className: classMapToString(theme.components.MultipleChoice.label), children: description }), _jsx("select", { name: "data", id: id, className: classMapToString(theme.components.MultipleChoice.element), style: stylesToObject(theme.additionalStyles?.MultipleChoice), onChange: handleChange, children: options.map((option) => {
-                        const label = resolveString(option.label);
-                        return (_jsx("option", { value: option.value, children: label }, option.value));
-                    }) })] }) }));
-});
-export default MultipleChoice;
-//# sourceMappingURL=MultipleChoice.js.map

package/dist/react-renderer/components/interactive/MultipleChoice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleChoice.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/MultipleChoice.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,cAAc,CAAC,EACzD,IAAI,EACJ,SAAS,GACoC;IAC7C,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7E,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;IAC9B,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,MAAM,OAAO,GACV,KAAK,CAAC,OAGH,IAAI,EAAE,CAAC;IACb,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC;IAE9C,4DAA4D;IAC5D,8DAA8D;IAC9D,MAAM,WAAW,GACf,aAAa,CAAE,KAAa,CAAC,WAAW,CAAC,IAAI,gBAAgB,CAAC;IAEhE,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAuC,EAAE,EAAE;QAC1C,uEAAuE;QACvE,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,CAAC;IAEF,8EAA8E;IAC9E,MAAM,SAAS,GACb,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,EAA0B;QACtD,CAAC,CAAC,EAAE,CAAC;IAET,oDAAoD;IACpD,0DAA0D;IAC1D,iEAAiE;IACjE,2DAA2D;IAC3D,0DAA0D;IAC1D,iBAAiB;IACjB,WAAW;IACX,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,SAAS,YACnD,mBACE,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,CAAC,aAEtE,gBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,YAEjE,WAAW,GACN,EACR,iBACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,OAAO,CAAC,EACpE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,EAC7D,QAAQ,EAAE,YAAY,YAErB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACtB,MAAM,KAAK,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC1C,OAAO,CACL,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,KAAK,IADK,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC;oBACJ,CAAC,CAAC,GACK,IACD,GACN,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/react-renderer/components/interactive/Slider.d.ts

@@ -1,10 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { A2UIComponentProps } from "../../types";
-/**
- * Slider component - a numeric value selector with a range.
- *
- * Supports two-way data binding for the value.
- */
-export declare const Slider: import("react").NamedExoticComponent<A2UIComponentProps<Types.SliderNode>>;
-export default Slider;
-//# sourceMappingURL=Slider.d.ts.map

package/dist/react-renderer/components/interactive/Slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItD;;;;GAIG;AACH,eAAO,MAAM,MAAM,4EA6FjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/react-renderer/components/interactive/Slider.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect, useId, memo } from "react";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent";
-import { classMapToString, stylesToObject } from "../../lib/utils";
-/**
- * Slider component - a numeric value selector with a range.
- *
- * Supports two-way data binding for the value.
- */
-export const Slider = memo(function Slider({ node, surfaceId, }) {
-    const { theme, resolveNumber, resolveString, setValue, getValue } = useA2UIComponent(node, surfaceId);
-    const props = node.properties;
-    const id = useId();
-    const valuePath = props.value?.path;
-    const initialValue = resolveNumber(props.value) ?? 0;
-    // Match Lit's default values (minValue=0, maxValue=0)
-    const minValue = props.minValue ?? 0;
-    const maxValue = props.maxValue ?? 0;
-    const [value, setLocalValue] = useState(initialValue);
-    // Sync with external data model changes (path binding)
-    useEffect(() => {
-        if (valuePath) {
-            const externalValue = getValue(valuePath);
-            if (externalValue !== null && Number(externalValue) !== value) {
-                setLocalValue(Number(externalValue));
-            }
-        }
-    }, [valuePath, getValue]); // eslint-disable-line react-hooks/exhaustive-deps
-    // Sync when literal value changes from props (server-driven updates via surfaceUpdate)
-    useEffect(() => {
-        if (props.value?.literalNumber !== undefined) {
-            setLocalValue(props.value.literalNumber);
-        }
-    }, [props.value?.literalNumber]);
-    const handleChange = useCallback((e) => {
-        const newValue = Number(e.target.value);
-        setLocalValue(newValue);
-        // Two-way binding: update data model
-        if (valuePath) {
-            setValue(valuePath, newValue);
-        }
-    }, [valuePath, setValue]);
-    // Access label from props if it exists (Lit component supports it but type doesn't define it)
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const labelValue = props.label;
-    const label = labelValue ? resolveString(labelValue) : "";
-    // Structure mirrors Lit's Slider component:
-    //   <div class="a2ui-slider">    ← :host equivalent
-    //     <section class="...">      ← internal element
-    //       <label>...</label>
-    //       <input>...</input>
-    //       <span>value</span>
-    //     </section>
-    //   </div>
-    // Apply --weight CSS variable on root div (:host equivalent) for flex layouts
-    const hostStyle = node.weight !== undefined
-        ? { "--weight": node.weight }
-        : {};
-    return (_jsx("div", { className: "a2ui-slider", style: hostStyle, children: _jsxs("section", { className: classMapToString(theme.components.Slider.container), children: [_jsx("label", { htmlFor: id, className: classMapToString(theme.components.Slider.label), children: label }), _jsx("input", { type: "range", id: id, name: "data", value: value, min: minValue, max: maxValue, onChange: handleChange, className: classMapToString(theme.components.Slider.element), style: stylesToObject(theme.additionalStyles?.Slider) }), _jsx("span", { className: classMapToString(theme.components.Slider.label), children: value })] }) }));
-});
-export default Slider;
-//# sourceMappingURL=Slider.js.map

package/dist/react-renderer/components/interactive/Slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/Slider.tsx"],"names":[],"mappings":"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"}

package/dist/react-renderer/components/interactive/TextField.d.ts

@@ -1,10 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { A2UIComponentProps } from "../../types";
-/**
- * TextField component - an input field for text entry.
- *
- * Supports various input types and two-way data binding.
- */
-export declare const TextField: import("react").NamedExoticComponent<A2UIComponentProps<Types.TextFieldNode>>;
-export default TextField;
-//# sourceMappingURL=TextField.d.ts.map

package/dist/react-renderer/components/interactive/TextField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAMtD;;;;GAIG;AACH,eAAO,MAAM,SAAS,+EAuGpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/react-renderer/components/interactive/TextField.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect, useId, memo } from "react";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent";
-import { classMapToString, stylesToObject } from "../../lib/utils";
-/**
- * TextField component - an input field for text entry.
- *
- * Supports various input types and two-way data binding.
- */
-export const TextField = memo(function TextField({ node, surfaceId, }) {
-    const { theme, resolveString, setValue, getValue } = useA2UIComponent(node, surfaceId);
-    const props = node.properties;
-    const id = useId();
-    const label = resolveString(props.label);
-    const textPath = props.text?.path;
-    const initialValue = resolveString(props.text) ?? "";
-    const fieldType = props.type;
-    const validationRegexp = props.validationRegexp;
-    const [value, setLocalValue] = useState(initialValue);
-    // Validation state tracked for potential future use (e.g., error styling)
-    const [_isValid, setIsValid] = useState(true);
-    // Sync with external data model changes
-    useEffect(() => {
-        if (textPath) {
-            const externalValue = getValue(textPath);
-            if (externalValue !== null && String(externalValue) !== value) {
-                setLocalValue(String(externalValue));
-            }
-        }
-    }, [textPath, getValue]); // eslint-disable-line react-hooks/exhaustive-deps
-    const handleChange = useCallback((e) => {
-        const newValue = e.target.value;
-        setLocalValue(newValue);
-        // Validate if pattern provided
-        if (validationRegexp) {
-            setIsValid(new RegExp(validationRegexp).test(newValue));
-        }
-        // Two-way binding: update data model
-        if (textPath) {
-            setValue(textPath, newValue);
-        }
-    }, [validationRegexp, textPath, setValue]);
-    const inputType = fieldType === "number" ? "number" : fieldType === "date" ? "date" : "text";
-    const isTextArea = fieldType === "longText";
-    // Structure mirrors Lit's TextField component:
-    //   <div class="a2ui-textfield">  ← :host equivalent
-    //     <section class="...">       ← container with theme classes
-    //       <label>...</label>
-    //       <input>...</input>
-    //     </section>
-    //   </div>
-    // Apply --weight CSS variable on root div (:host equivalent) for flex layouts
-    const hostStyle = node.weight !== undefined
-        ? { "--weight": node.weight }
-        : {};
-    return (_jsx("div", { className: "a2ui-textfield", style: hostStyle, children: _jsxs("section", { className: classMapToString(theme.components.TextField.container), children: [label && (_jsx("label", { htmlFor: id, className: classMapToString(theme.components.TextField.label), children: label })), isTextArea ? (_jsx("textarea", { id: id, value: value, onChange: handleChange, placeholder: "Please enter a value", className: classMapToString(theme.components.TextField.element), style: stylesToObject(theme.additionalStyles?.TextField) })) : (_jsx("input", { type: inputType, id: id, value: value, onChange: handleChange, placeholder: "Please enter a value", className: classMapToString(theme.components.TextField.element), style: stylesToObject(theme.additionalStyles?.TextField) }))] }) }));
-});
-export default TextField;
-//# sourceMappingURL=TextField.js.map

package/dist/react-renderer/components/interactive/TextField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/TextField.tsx"],"names":[],"mappings":"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"}

package/dist/react-renderer/components/interactive/index.d.ts

@@ -1,7 +0,0 @@
-export { Button } from "./Button";
-export { TextField } from "./TextField";
-export { CheckBox } from "./CheckBox";
-export { Slider } from "./Slider";
-export { DateTimeInput } from "./DateTimeInput";
-export { MultipleChoice } from "./MultipleChoice";
-//# sourceMappingURL=index.d.ts.map

package/dist/react-renderer/components/interactive/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/react-renderer/components/interactive/index.js

@@ -1,7 +0,0 @@
-export { Button } from "./Button";
-export { TextField } from "./TextField";
-export { CheckBox } from "./CheckBox";
-export { Slider } from "./Slider";
-export { DateTimeInput } from "./DateTimeInput";
-export { MultipleChoice } from "./MultipleChoice";
-//# sourceMappingURL=index.js.map

package/dist/react-renderer/components/interactive/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/interactive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/react-renderer/components/layout/Card.d.ts

@@ -1,17 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { A2UIComponentProps } from "../../types";
-/**
- * Card component - a container that visually groups content.
- *
- * Structure mirrors Lit's Card component:
- *   <div class="a2ui-card">      ← :host equivalent
- *     <section class="...">      ← theme classes (border, padding, background)
- *       {children}               ← ::slotted(*) equivalent
- *     </section>
- *   </div>
- *
- * All styles come from componentSpecificStyles CSS, no inline styles needed.
- */
-export declare const Card: import("react").NamedExoticComponent<A2UIComponentProps<Types.CardNode>>;
-export default Card;
-//# sourceMappingURL=Card.d.ts.map

package/dist/react-renderer/components/layout/Card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/react-renderer/components/layout/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKtD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,0EA2Cf,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/react-renderer/components/layout/Card.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent";
-import { classMapToString, stylesToObject } from "../../lib/utils";
-import { ComponentNode } from "../../core/ComponentNode";
-/**
- * Card component - a container that visually groups content.
- *
- * Structure mirrors Lit's Card component:
- *   <div class="a2ui-card">      ← :host equivalent
- *     <section class="...">      ← theme classes (border, padding, background)
- *       {children}               ← ::slotted(*) equivalent
- *     </section>
- *   </div>
- *
- * All styles come from componentSpecificStyles CSS, no inline styles needed.
- */
-export const Card = memo(function Card({ node, surfaceId, }) {
-    const { theme } = useA2UIComponent(node, surfaceId);
-    const props = node.properties;
-    // Card can have either a single child or multiple children
-    const rawChildren = props.children ?? (props.child ? [props.child] : []);
-    const children = Array.isArray(rawChildren) ? rawChildren : [];
-    // Apply --weight CSS variable on root div (:host equivalent) for flex layouts
-    const hostStyle = node.weight !== undefined
-        ? { "--weight": node.weight }
-        : {};
-    return (_jsx("div", { className: "a2ui-card", style: hostStyle, children: _jsx("section", { className: classMapToString(theme.components.Card), style: stylesToObject(theme.additionalStyles?.Card), children: children.map((child, index) => {
-                const childId = typeof child === "object" && child !== null && "id" in child
-                    ? child.id
-                    : `child-${index}`;
-                const childNode = typeof child === "object" && child !== null && "type" in child
-                    ? child
-                    : null;
-                return (_jsx(ComponentNode, { node: childNode, surfaceId: surfaceId }, childId));
-            }) }) }));
-});
-export default Card;
-//# sourceMappingURL=Card.js.map

package/dist/react-renderer/components/layout/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/layout/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAG7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,EACrC,IAAI,EACJ,SAAS,GAC0B;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;IAE9B,2DAA2D;IAC3D,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,8EAA8E;IAC9E,MAAM,SAAS,GACb,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,EAA0B;QACtD,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,SAAS,YACzC,kBACE,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAClD,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,gBAAgB,EAAE,IAAI,CAAC,YAElD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC7B,MAAM,OAAO,GACX,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,IAAI,KAAK;oBAC1D,CAAC,CAAE,KAAgC,CAAC,EAAE;oBACtC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC;gBACvB,MAAM,SAAS,GACb,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,IAAI,KAAK;oBAC5D,CAAC,CAAE,KAAgC;oBACnC,CAAC,CAAC,IAAI,CAAC;gBACX,OAAO,CACL,KAAC,aAAa,IAEZ,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,SAAS,IAFf,OAAO,CAGZ,CACH,CAAC;YACJ,CAAC,CAAC,GACM,GACN,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/react-renderer/components/layout/Column.d.ts

@@ -1,10 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { A2UIComponentProps } from "../../types";
-/**
- * Column component - arranges children vertically using flexbox.
- *
- * Supports distribution (justify-content) and alignment (align-items) properties.
- */
-export declare const Column: import("react").NamedExoticComponent<A2UIComponentProps<Types.ColumnNode>>;
-export default Column;
-//# sourceMappingURL=Column.d.ts.map

package/dist/react-renderer/components/layout/Column.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../src/react-renderer/components/layout/Column.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKtD;;;;GAIG;AACH,eAAO,MAAM,MAAM,4EAkDjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/react-renderer/components/layout/Column.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent";
-import { classMapToString, stylesToObject } from "../../lib/utils";
-import { ComponentNode } from "../../core/ComponentNode";
-/**
- * Column component - arranges children vertically using flexbox.
- *
- * Supports distribution (justify-content) and alignment (align-items) properties.
- */
-export const Column = memo(function Column({ node, surfaceId, }) {
-    const { theme } = useA2UIComponent(node, surfaceId);
-    const props = node.properties;
-    // Match Lit's default values
-    const alignment = props.alignment ?? "stretch";
-    const distribution = props.distribution ?? "start";
-    const children = Array.isArray(props.children) ? props.children : [];
-    // Apply --weight CSS variable on root div (:host equivalent) for flex layouts
-    const hostStyle = node.weight !== undefined
-        ? { "--weight": node.weight }
-        : {};
-    return (_jsx("div", { className: "a2ui-column", "data-alignment": alignment, "data-distribution": distribution, style: hostStyle, children: _jsx("section", { className: classMapToString(theme.components.Column), style: stylesToObject(theme.additionalStyles?.Column), children: children.map((child, index) => {
-                const childId = typeof child === "object" && child !== null && "id" in child
-                    ? child.id
-                    : `child-${index}`;
-                const childNode = typeof child === "object" && child !== null && "type" in child
-                    ? child
-                    : null;
-                return (_jsx(ComponentNode, { node: childNode, surfaceId: surfaceId }, childId));
-            }) }) }));
-});
-export default Column;
-//# sourceMappingURL=Column.js.map

package/dist/react-renderer/components/layout/Column.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/layout/Column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAG7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,MAAM,CAAC,EACzC,IAAI,EACJ,SAAS,GAC4B;IACrC,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;IAE9B,6BAA6B;IAC7B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,OAAO,CAAC;IAEnD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,8EAA8E;IAC9E,MAAM,SAAS,GACb,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,EAA0B;QACtD,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,cACE,SAAS,EAAC,aAAa,oBACP,SAAS,uBACN,YAAY,EAC/B,KAAK,EAAE,SAAS,YAEhB,kBACE,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EACpD,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,YAEpD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC7B,MAAM,OAAO,GACX,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,IAAI,KAAK;oBAC1D,CAAC,CAAE,KAAgC,CAAC,EAAE;oBACtC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC;gBACvB,MAAM,SAAS,GACb,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,IAAI,KAAK;oBAC5D,CAAC,CAAE,KAAgC;oBACnC,CAAC,CAAC,IAAI,CAAC;gBACX,OAAO,CACL,KAAC,aAAa,IAEZ,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,SAAS,IAFf,OAAO,CAGZ,CACH,CAAC;YACJ,CAAC,CAAC,GACM,GACN,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/react-renderer/components/layout/List.d.ts

@@ -1,10 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { A2UIComponentProps } from "../../types";
-/**
- * List component - renders a scrollable list of items.
- *
- * Supports direction (vertical/horizontal) properties.
- */
-export declare const List: import("react").NamedExoticComponent<A2UIComponentProps<Types.ListNode>>;
-export default List;
-//# sourceMappingURL=List.d.ts.map

package/dist/react-renderer/components/layout/List.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/react-renderer/components/layout/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKtD;;;;GAIG;AACH,eAAO,MAAM,IAAI,0EA4Cf,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/react-renderer/components/layout/List.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent";
-import { classMapToString, stylesToObject } from "../../lib/utils";
-import { ComponentNode } from "../../core/ComponentNode";
-/**
- * List component - renders a scrollable list of items.
- *
- * Supports direction (vertical/horizontal) properties.
- */
-export const List = memo(function List({ node, surfaceId, }) {
-    const { theme } = useA2UIComponent(node, surfaceId);
-    const props = node.properties;
-    // Match Lit's default value
-    const direction = props.direction ?? "vertical";
-    const children = Array.isArray(props.children) ? props.children : [];
-    // Apply --weight CSS variable on root div (:host equivalent) for flex layouts
-    const hostStyle = node.weight !== undefined
-        ? { "--weight": node.weight }
-        : {};
-    return (_jsx("div", { className: "a2ui-list", "data-direction": direction, style: hostStyle, children: _jsx("section", { className: classMapToString(theme.components.List), style: stylesToObject(theme.additionalStyles?.List), children: children.map((child, index) => {
-                const childId = typeof child === "object" && child !== null && "id" in child
-                    ? child.id
-                    : `child-${index}`;
-                const childNode = typeof child === "object" && child !== null && "type" in child
-                    ? child
-                    : null;
-                return (_jsx(ComponentNode, { node: childNode, surfaceId: surfaceId }, childId));
-            }) }) }));
-});
-export default List;
-//# sourceMappingURL=List.js.map

package/dist/react-renderer/components/layout/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/react-renderer/components/layout/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAG7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,EACrC,IAAI,EACJ,SAAS,GAC0B;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;IAE9B,4BAA4B;IAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,UAAU,CAAC;IAEhD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,8EAA8E;IAC9E,MAAM,SAAS,GACb,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,EAA0B;QACtD,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,oBAAiB,SAAS,EAAE,KAAK,EAAE,SAAS,YACpE,kBACE,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAClD,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,gBAAgB,EAAE,IAAI,CAAC,YAElD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC7B,MAAM,OAAO,GACX,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,IAAI,KAAK;oBAC1D,CAAC,CAAE,KAAgC,CAAC,EAAE;oBACtC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC;gBACvB,MAAM,SAAS,GACb,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,IAAI,KAAK;oBAC5D,CAAC,CAAE,KAAgC;oBACnC,CAAC,CAAC,IAAI,CAAC;gBACX,OAAO,CACL,KAAC,aAAa,IAEZ,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,SAAS,IAFf,OAAO,CAGZ,CACH,CAAC;YACJ,CAAC,CAAC,GACM,GACN,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/react-renderer/components/layout/Modal.d.ts

@@ -1,15 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { A2UIComponentProps } from "../../types";
-/**
- * Modal component - displays content in a dialog overlay.
- *
- * Matches Lit's rendering approach:
- * - When closed: renders section with entry point child
- * - When open: renders dialog with content child (entry point is replaced)
- *
- * The dialog is rendered in place (no portal) so it stays inside .a2ui-surface
- * and CSS selectors work correctly. showModal() handles the top-layer overlay.
- */
-export declare const Modal: import("react").NamedExoticComponent<A2UIComponentProps<Types.ModalNode>>;
-export default Modal;
-//# sourceMappingURL=Modal.d.ts.map