@datalayer/agent-runtimes 1.0.1 → 1.0.3

package/lib/renderers/a2ui/components/interactive/CheckBox.d.ts

@@ -1,9 +0,0 @@
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface CheckBoxProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'CheckBox';
-    };
-}
-export declare function CheckBox({ node, surfaceId }: CheckBoxProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/renderers/a2ui/components/interactive/CheckBox.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-import { useMemo, useCallback, useId } from 'react';
-import { useDataBinding } from '../../hooks/useDataBinding.js';
-import { useTheme } from '../../context/ThemeContext.js';
-import { cn, classMapToString } from '../../lib/utils.js';
-export function CheckBox({ node, surfaceId }) {
-    const theme = useTheme();
-    const id = useId();
-    const { resolveString, resolveBoolean, setValue } = useDataBinding(node, surfaceId);
-    const properties = node.properties;
-    const label = resolveString(properties.label ?? null);
-    const checked = resolveBoolean(properties.value ?? null) ?? false;
-    const valuePath = properties.value?.path;
-    const containerClasses = useMemo(() => {
-        return classMapToString(theme.components.CheckBox.container);
-    }, [theme]);
-    const elementClasses = useMemo(() => {
-        return classMapToString(theme.components.CheckBox.element);
-    }, [theme]);
-    const labelClasses = useMemo(() => {
-        return classMapToString(theme.components.CheckBox.label);
-    }, [theme]);
-    const handleChange = useCallback((e) => {
-        if (valuePath) {
-            setValue(valuePath, e.target.checked);
-        }
-    }, [valuePath, setValue]);
-    return (_jsxs("div", { className: cn(containerClasses), children: [_jsx("input", { type: "checkbox", id: id, checked: checked, onChange: handleChange, className: cn(elementClasses) }), label && (_jsx("label", { htmlFor: id, className: cn(labelClasses), children: label }))] }));
-}

package/lib/renderers/a2ui/components/interactive/DateTimeInput.d.ts

@@ -1,9 +0,0 @@
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface DateTimeInputProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'DateTimeInput';
-    };
-}
-export declare function DateTimeInput({ node, surfaceId }: DateTimeInputProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/renderers/a2ui/components/interactive/DateTimeInput.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-import { useMemo, useCallback, useId, useState } from 'react';
-import { useDataBinding } from '../../hooks/useDataBinding.js';
-import { useTheme } from '../../context/ThemeContext.js';
-import { cn, classMapToString } from '../../lib/utils.js';
-export function DateTimeInput({ node, surfaceId }) {
-    const theme = useTheme();
-    const id = useId();
-    const { resolveString, setValue } = useDataBinding(node, surfaceId);
-    const properties = node.properties;
-    const label = resolveString(properties.label ?? null);
-    const initialValue = resolveString(properties.value ?? null) ?? '';
-    const enableDate = properties.enableDate ?? true;
-    const enableTime = properties.enableTime ?? false;
-    const valuePath = properties.value?.path;
-    const [value, setLocalValue] = useState(initialValue);
-    const containerClasses = useMemo(() => {
-        return classMapToString(theme.components.DateTimeInput.container);
-    }, [theme]);
-    const elementClasses = useMemo(() => {
-        return classMapToString(theme.components.DateTimeInput.element);
-    }, [theme]);
-    const labelClasses = useMemo(() => {
-        return classMapToString(theme.components.DateTimeInput.label);
-    }, [theme]);
-    const inputType = useMemo(() => {
-        if (enableDate && enableTime) {
-            return 'datetime-local';
-        }
-        if (enableTime) {
-            return 'time';
-        }
-        return 'date';
-    }, [enableDate, enableTime]);
-    const handleChange = useCallback((e) => {
-        const newValue = e.target.value;
-        setLocalValue(newValue);
-        if (valuePath) {
-            setValue(valuePath, newValue);
-        }
-    }, [valuePath, setValue]);
-    return (_jsxs("div", { className: cn(containerClasses), children: [label && (_jsx("label", { htmlFor: id, className: cn(labelClasses), children: label })), _jsx("input", { type: inputType, id: id, value: value, onChange: handleChange, className: cn(elementClasses) })] }));
-}

package/lib/renderers/a2ui/components/interactive/MultipleChoice.d.ts

@@ -1,9 +0,0 @@
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface MultipleChoiceProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'MultipleChoice';
-    };
-}
-export declare function MultipleChoice({ node, surfaceId }: MultipleChoiceProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/renderers/a2ui/components/interactive/MultipleChoice.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-import { useMemo, useCallback, useId, useState } from 'react';
-import { useDataBinding } from '../../hooks/useDataBinding.js';
-import { useTheme } from '../../context/ThemeContext.js';
-import { cn, classMapToString } from '../../lib/utils.js';
-export function MultipleChoice({ node, surfaceId }) {
-    const theme = useTheme();
-    const id = useId();
-    const { resolveString, setValue, getValue } = useDataBinding(node, surfaceId);
-    const properties = node.properties;
-    const label = resolveString(properties.label ?? null);
-    const options = properties.options ?? [];
-    const selectionsPath = properties.selections?.path;
-    const maxAllowedSelections = properties.maxAllowedSelections ?? 1;
-    const currentSelections = useMemo(() => {
-        if (!selectionsPath)
-            return [];
-        const data = getValue(selectionsPath);
-        if (Array.isArray(data))
-            return data;
-        if (typeof data === 'string')
-            return [data];
-        return [];
-    }, [selectionsPath, getValue]);
-    const [selections, setSelections] = useState(currentSelections);
-    const containerClasses = useMemo(() => {
-        return classMapToString(theme.components.MultipleChoice.container);
-    }, [theme]);
-    const elementClasses = useMemo(() => {
-        return classMapToString(theme.components.MultipleChoice.element);
-    }, [theme]);
-    const labelClasses = useMemo(() => {
-        return classMapToString(theme.components.MultipleChoice.label);
-    }, [theme]);
-    const isMultiple = maxAllowedSelections > 1;
-    const handleChange = useCallback((e) => {
-        let newSelections;
-        if (isMultiple) {
-            const selectedOptions = Array.from(e.target.selectedOptions, opt => opt.value);
-            newSelections = selectedOptions.slice(0, maxAllowedSelections);
-        }
-        else {
-            newSelections = [e.target.value];
-        }
-        setSelections(newSelections);
-        if (selectionsPath) {
-            setValue(selectionsPath, isMultiple ? newSelections : newSelections[0]);
-        }
-    }, [isMultiple, maxAllowedSelections, selectionsPath, setValue]);
-    return (_jsxs("div", { className: cn(containerClasses), children: [label && (_jsx("label", { htmlFor: id, className: cn(labelClasses), children: label })), _jsx("select", { id: id, multiple: isMultiple, value: isMultiple ? selections : (selections[0] ?? ''), onChange: handleChange, className: cn(elementClasses), children: options.map((option, index) => {
-                    const labelText = resolveString(option.label ?? null);
-                    return (_jsx("option", { value: option.value ?? labelText ?? '', children: labelText ?? option.value ?? `Option ${index + 1}` }, index));
-                }) })] }));
-}

package/lib/renderers/a2ui/components/interactive/Slider.d.ts

@@ -1,9 +0,0 @@
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface SliderProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'Slider';
-    };
-}
-export declare function Slider({ node, surfaceId }: SliderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/renderers/a2ui/components/interactive/Slider.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-import { useMemo, useCallback, useId, useState } from 'react';
-import { useDataBinding } from '../../hooks/useDataBinding.js';
-import { useTheme } from '../../context/ThemeContext.js';
-import { cn, classMapToString } from '../../lib/utils.js';
-export function Slider({ node, surfaceId }) {
-    const theme = useTheme();
-    const id = useId();
-    const { resolveString, resolveNumber, setValue } = useDataBinding(node, surfaceId);
-    const properties = node.properties;
-    const label = resolveString(properties.label ?? null);
-    const initialValue = resolveNumber(properties.value ?? null) ?? 0;
-    const minValue = properties.minValue ?? 0;
-    const maxValue = properties.maxValue ?? 100;
-    const valuePath = properties.value?.path;
-    const [value, setLocalValue] = useState(initialValue);
-    const containerClasses = useMemo(() => {
-        return classMapToString(theme.components.Slider.container);
-    }, [theme]);
-    const elementClasses = useMemo(() => {
-        return classMapToString(theme.components.Slider.element);
-    }, [theme]);
-    const labelClasses = useMemo(() => {
-        return classMapToString(theme.components.Slider.label);
-    }, [theme]);
-    const handleChange = useCallback((e) => {
-        const newValue = parseFloat(e.target.value);
-        setLocalValue(newValue);
-        if (valuePath) {
-            setValue(valuePath, newValue);
-        }
-    }, [valuePath, setValue]);
-    return (_jsxs("div", { className: cn(containerClasses), children: [label && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { htmlFor: id, className: cn(labelClasses), children: label }), _jsx("span", { className: "text-sm text-muted-foreground", children: value })] })), _jsx("input", { type: "range", id: id, min: minValue, max: maxValue, value: value, onChange: handleChange, className: cn(elementClasses) })] }));
-}

package/lib/renderers/a2ui/components/interactive/TextField.d.ts

@@ -1,9 +0,0 @@
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface TextFieldProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'TextField';
-    };
-}
-export declare function TextField({ node, surfaceId }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/renderers/a2ui/components/interactive/TextField.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-import { useMemo, useCallback, useId, useState } from 'react';
-import { useDataBinding } from '../../hooks/useDataBinding.js';
-import { useTheme } from '../../context/ThemeContext.js';
-import { cn, classMapToString } from '../../lib/utils.js';
-export function TextField({ node, surfaceId }) {
-    const theme = useTheme();
-    const id = useId();
-    const { resolveString, setValue } = useDataBinding(node, surfaceId);
-    const properties = node.properties;
-    const label = resolveString(properties.label ?? null);
-    const initialValue = resolveString(properties.text ?? null) ?? '';
-    const placeholder = resolveString(properties.placeholder ?? null) ?? undefined;
-    const textFieldType = properties.textFieldType ?? 'shortText';
-    const validationRegexp = properties.validationRegexp;
-    const textPath = properties.text?.path;
-    const [value, setLocalValue] = useState(initialValue);
-    const [isValid, setIsValid] = useState(true);
-    const containerClasses = useMemo(() => {
-        return classMapToString(theme.components.TextField.container);
-    }, [theme]);
-    const elementClasses = useMemo(() => {
-        return classMapToString(theme.components.TextField.element);
-    }, [theme]);
-    const labelClasses = useMemo(() => {
-        return classMapToString(theme.components.TextField.label);
-    }, [theme]);
-    const inputType = useMemo(() => {
-        switch (textFieldType) {
-            case 'number':
-                return 'number';
-            case 'obscured':
-                return 'password';
-            case 'date':
-                return 'date';
-            default:
-                return 'text';
-        }
-    }, [textFieldType]);
-    const handleChange = useCallback((e) => {
-        const newValue = e.target.value;
-        setLocalValue(newValue);
-        if (validationRegexp) {
-            const regex = new RegExp(validationRegexp);
-            setIsValid(regex.test(newValue));
-        }
-        if (textPath) {
-            setValue(textPath, newValue);
-        }
-    }, [validationRegexp, textPath, setValue]);
-    const isTextArea = textFieldType === 'longText';
-    return (_jsxs("div", { className: cn(containerClasses), children: [label && (_jsx("label", { htmlFor: id, className: cn(labelClasses), children: label })), isTextArea ? (_jsx("textarea", { id: id, value: value, placeholder: placeholder, onChange: handleChange, className: cn(elementClasses, 'min-h-[80px] resize-y', !isValid && 'border-destructive') })) : (_jsx("input", { type: inputType, id: id, value: value, placeholder: placeholder, onChange: handleChange, className: cn(elementClasses, !isValid && 'border-destructive') }))] }));
-}

package/lib/renderers/a2ui/components/interactive/index.d.ts

@@ -1,6 +0,0 @@
-export { Button } from './Button.js';
-export { CheckBox } from './CheckBox.js';
-export { TextField } from './TextField.js';
-export { DateTimeInput } from './DateTimeInput.js';
-export { MultipleChoice } from './MultipleChoice.js';
-export { Slider } from './Slider.js';

package/lib/renderers/a2ui/components/interactive/index.js

@@ -1,25 +0,0 @@
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-export { Button } from './Button.js';
-export { CheckBox } from './CheckBox.js';
-export { TextField } from './TextField.js';
-export { DateTimeInput } from './DateTimeInput.js';
-export { MultipleChoice } from './MultipleChoice.js';
-export { Slider } from './Slider.js';

package/lib/renderers/a2ui/components/layout/Card.d.ts

@@ -1,11 +0,0 @@
-import { type ReactNode } from 'react';
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface CardProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'Card';
-    };
-    children?: ReactNode;
-}
-export declare function Card({ children }: CardProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/renderers/a2ui/components/layout/Card.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-import { useMemo } from 'react';
-import { useTheme } from '../../context/ThemeContext.js';
-import { cn, classMapToString } from '../../lib/utils.js';
-export function Card({ children }) {
-    const theme = useTheme();
-    const themeClasses = useMemo(() => {
-        return classMapToString(theme.components.Card);
-    }, [theme]);
-    return _jsx("div", { className: cn(themeClasses), children: children });
-}

package/lib/renderers/a2ui/components/layout/Column.d.ts

@@ -1,11 +0,0 @@
-import { type ReactNode } from 'react';
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface ColumnProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'Column';
-    };
-    children?: ReactNode;
-}
-export declare function Column({ node, children }: ColumnProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/renderers/a2ui/components/layout/Column.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-import { useMemo } from 'react';
-import { useTheme } from '../../context/ThemeContext.js';
-import { cn, classMapToString } from '../../lib/utils.js';
-export function Column({ node, children }) {
-    const theme = useTheme();
-    const properties = node.properties;
-    const alignment = properties.alignment ?? 'stretch';
-    const distribution = properties.distribution ?? 'start';
-    const themeClasses = useMemo(() => {
-        return classMapToString(theme.components.Column);
-    }, [theme]);
-    const alignmentClass = useMemo(() => {
-        switch (alignment) {
-            case 'start':
-                return 'items-start';
-            case 'center':
-                return 'items-center';
-            case 'end':
-                return 'items-end';
-            case 'stretch':
-                return 'items-stretch';
-            default:
-                return 'items-stretch';
-        }
-    }, [alignment]);
-    const distributionClass = useMemo(() => {
-        switch (distribution) {
-            case 'start':
-                return 'justify-start';
-            case 'center':
-                return 'justify-center';
-            case 'end':
-                return 'justify-end';
-            case 'spaceBetween':
-                return 'justify-between';
-            case 'spaceAround':
-                return 'justify-around';
-            case 'spaceEvenly':
-                return 'justify-evenly';
-            default:
-                return 'justify-start';
-        }
-    }, [distribution]);
-    return (_jsx("div", { className: cn(themeClasses, alignmentClass, distributionClass), children: children }));
-}

package/lib/renderers/a2ui/components/layout/List.d.ts

@@ -1,11 +0,0 @@
-import { type ReactNode } from 'react';
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface ListProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'List';
-    };
-    children?: ReactNode;
-}
-export declare function List({ node, children }: ListProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/renderers/a2ui/components/layout/List.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-import { useMemo } from 'react';
-import { useTheme } from '../../context/ThemeContext.js';
-import { cn, classMapToString } from '../../lib/utils.js';
-export function List({ node, children }) {
-    const theme = useTheme();
-    const properties = node.properties;
-    const direction = properties.direction ?? 'vertical';
-    const alignment = properties.alignment ?? 'stretch';
-    const themeClasses = useMemo(() => {
-        return classMapToString(theme.components.List);
-    }, [theme]);
-    const directionClass = useMemo(() => {
-        return direction === 'horizontal' ? 'flex-row' : 'flex-col';
-    }, [direction]);
-    const alignmentClass = useMemo(() => {
-        switch (alignment) {
-            case 'start':
-                return 'items-start';
-            case 'center':
-                return 'items-center';
-            case 'end':
-                return 'items-end';
-            case 'stretch':
-                return 'items-stretch';
-            default:
-                return 'items-stretch';
-        }
-    }, [alignment]);
-    const overflowClass = useMemo(() => {
-        return direction === 'horizontal'
-            ? 'overflow-x-auto overflow-y-hidden'
-            : 'overflow-y-auto overflow-x-hidden';
-    }, [direction]);
-    return (_jsx("div", { className: cn(themeClasses, directionClass, alignmentClass, overflowClass), children: children }));
-}

package/lib/renderers/a2ui/components/layout/Modal.d.ts

@@ -1,11 +0,0 @@
-import { type ReactNode } from 'react';
-import { Types } from '@a2ui/lit/0.8';
-import type { A2UIComponentProps } from '../../types/index.js';
-interface ModalProps extends A2UIComponentProps {
-    node: Types.AnyComponentNode & {
-        type: 'Modal';
-    };
-    renderChild?: (node: Types.AnyComponentNode) => ReactNode;
-}
-export declare function Modal({ node, renderChild }: ModalProps): import("react/jsx-runtime").JSX.Element;
-export {};