@lowdefy/blocks-diff 0.0.0-experimental-20260420110710

package/dist/shared/renderers/ListRenderer.js

@@ -0,0 +1,314 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  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
+
+      http://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 React from 'react';
+import { Collapse, Descriptions, Space, Tag, Typography } from 'antd';
+import { type } from '@lowdefy/helpers';
+import ChangeTypeTag from '../ChangeTypeTag.js';
+import ValueCell from '../ValueCell.js';
+import { breadcrumbLabel, humaniseSegment, isIndex, pathLabel, singularise } from '../pathUtils.js';
+import { CHANGE_TYPES, GROUP_ROOT } from '../constants.js';
+const { Text } = Typography;
+function resolveGroupLabel(group, labels) {
+    if (!group.label) return '';
+    return pathLabel([
+        group.key
+    ], labels) || humaniseSegment(group.key);
+}
+function SummaryChips({ summary }) {
+    const chips = [];
+    if (summary.added > 0) {
+        chips.push(/*#__PURE__*/ React.createElement(Tag, {
+            key: "added",
+            color: "success",
+            style: {
+                marginInlineEnd: 0
+            }
+        }, `+${summary.added}`));
+    }
+    if (summary.removed > 0) {
+        chips.push(/*#__PURE__*/ React.createElement(Tag, {
+            key: "removed",
+            color: "error",
+            style: {
+                marginInlineEnd: 0
+            }
+        }, `−${summary.removed}`));
+    }
+    if (summary.changed > 0) {
+        chips.push(/*#__PURE__*/ React.createElement(Tag, {
+            key: "changed",
+            color: "warning",
+            style: {
+                marginInlineEnd: 0
+            }
+        }, `~${summary.changed}`));
+    }
+    if (summary.unchanged > 0) {
+        chips.push(/*#__PURE__*/ React.createElement(Tag, {
+            key: "unchanged",
+            style: {
+                marginInlineEnd: 0
+            }
+        }, `·${summary.unchanged}`));
+    }
+    if (chips.length === 0) return null;
+    return /*#__PURE__*/ React.createElement(Space, {
+        size: 4,
+        wrap: true
+    }, chips);
+}
+function ArraySummary({ summary }) {
+    const parts = [];
+    if (summary.added > 0) parts.push(`+${summary.added} added`);
+    if (summary.removed > 0) parts.push(`−${summary.removed} removed`);
+    if (summary.changed > 0) parts.push(`~${summary.changed} changed`);
+    if (parts.length === 0) return null;
+    return /*#__PURE__*/ React.createElement(Text, {
+        type: "secondary",
+        style: {
+            fontSize: '0.85em',
+            paddingInlineStart: 4
+        }
+    }, parts.join(' · '));
+}
+function partitionGroup(changes) {
+    const byItem = new Map();
+    const direct = [];
+    changes.forEach((change)=>{
+        if (change.path.length >= 2 && isIndex(change.path[1])) {
+            const key = String(change.path[1]);
+            if (!byItem.has(key)) byItem.set(key, []);
+            byItem.get(key).push(change);
+            return;
+        }
+        direct.push(change);
+    });
+    return {
+        byItem,
+        direct
+    };
+}
+function summariseSubset(changes) {
+    const summary = {
+        added: 0,
+        removed: 0,
+        changed: 0,
+        unchanged: 0,
+        hasArrayIndices: false
+    };
+    changes.forEach((change)=>{
+        if (change.type === CHANGE_TYPES.CREATE) summary.added += 1;
+        else if (change.type === CHANGE_TYPES.REMOVE) summary.removed += 1;
+        else if (change.type === CHANGE_TYPES.CHANGE) summary.changed += 1;
+        else if (change.type === CHANGE_TYPES.UNCHANGED) summary.unchanged += 1;
+        if (change.path.length > 1 && isIndex(change.path[1])) {
+            summary.hasArrayIndices = true;
+        }
+    });
+    return summary;
+}
+function buildDescriptionItems(changes, { classNames, changeTypeLabels, collapseNested, labels, inItemBlock = false }) {
+    return changes.map((change, index)=>{
+        let rowLabel;
+        if (inItemBlock && change.depth >= 4) {
+            rowLabel = breadcrumbLabel(change.path.slice(2), labels);
+        } else if (!inItemBlock && change.depth >= 3) {
+            rowLabel = change.breadcrumb;
+        } else {
+            rowLabel = change.label || change.displayPath;
+        }
+        return {
+            key: change.pathStr || `row-${index}`,
+            label: /*#__PURE__*/ React.createElement(Space, {
+                size: 8,
+                align: "center",
+                wrap: true
+            }, /*#__PURE__*/ React.createElement("span", {
+                className: classNames?.row
+            }, rowLabel), /*#__PURE__*/ React.createElement(ChangeTypeTag, {
+                type: change.type,
+                labels: changeTypeLabels,
+                className: classNames?.tag
+            })),
+            children: /*#__PURE__*/ React.createElement(ValueCell, {
+                change: change,
+                collapseNested: collapseNested
+            })
+        };
+    });
+}
+function resolveItemLabelBase(group, labels) {
+    if (type.isObject(labels) && type.isString(labels[group.key]) && labels[group.key].length > 0) {
+        return singularise(labels[group.key]);
+    }
+    return singularise(humaniseSegment(String(group.key)));
+}
+function ItemBlock({ itemKey, itemChanges, itemLabelBase, classNames, changeTypeLabels, collapseNested, labels }) {
+    const subSummary = summariseSubset(itemChanges);
+    const itemLabel = `${itemLabelBase} ${Number(itemKey) + 1}`;
+    const items = buildDescriptionItems(itemChanges, {
+        classNames,
+        changeTypeLabels,
+        collapseNested,
+        labels,
+        inItemBlock: true
+    });
+    return /*#__PURE__*/ React.createElement("div", {
+        style: {
+            paddingInlineStart: 12
+        }
+    }, /*#__PURE__*/ React.createElement(Space, {
+        size: 8,
+        align: "center",
+        style: {
+            marginBottom: 8
+        }
+    }, /*#__PURE__*/ React.createElement(Text, {
+        strong: true
+    }, itemLabel), /*#__PURE__*/ React.createElement(SummaryChips, {
+        summary: subSummary
+    })), /*#__PURE__*/ React.createElement(Descriptions, {
+        size: "small",
+        column: 1,
+        colon: false,
+        bordered: true,
+        items: items,
+        className: classNames?.group
+    }));
+}
+function GroupBody({ group, classNames, changeTypeLabels, collapseNested, labels }) {
+    const { byItem, direct } = partitionGroup(group.changes);
+    if (byItem.size === 0) {
+        const items = buildDescriptionItems(group.changes, {
+            classNames,
+            changeTypeLabels,
+            collapseNested,
+            labels
+        });
+        return /*#__PURE__*/ React.createElement(Space, {
+            direction: "vertical",
+            size: 8,
+            style: {
+                display: 'flex',
+                width: '100%'
+            }
+        }, group.summary.hasArrayIndices && /*#__PURE__*/ React.createElement(ArraySummary, {
+            summary: group.summary
+        }), /*#__PURE__*/ React.createElement(Descriptions, {
+            size: "small",
+            column: 1,
+            colon: false,
+            bordered: true,
+            items: items,
+            className: classNames?.group
+        }));
+    }
+    const sortedItems = Array.from(byItem.entries()).sort(([a], [b])=>Number(a) - Number(b));
+    const itemLabelBase = resolveItemLabelBase(group, labels);
+    const directItems = direct.length > 0 ? buildDescriptionItems(direct, {
+        classNames,
+        changeTypeLabels,
+        collapseNested,
+        labels
+    }) : null;
+    return /*#__PURE__*/ React.createElement(Space, {
+        direction: "vertical",
+        size: 8,
+        style: {
+            display: 'flex',
+            width: '100%'
+        }
+    }, directItems && /*#__PURE__*/ React.createElement(Descriptions, {
+        size: "small",
+        column: 1,
+        colon: false,
+        bordered: true,
+        items: directItems,
+        className: classNames?.group
+    }), sortedItems.map(([itemKey, itemChanges])=>/*#__PURE__*/ React.createElement(ItemBlock, {
+            key: itemKey,
+            itemKey: itemKey,
+            itemChanges: itemChanges,
+            itemLabelBase: itemLabelBase,
+            classNames: classNames,
+            changeTypeLabels: changeTypeLabels,
+            collapseNested: collapseNested,
+            labels: labels
+        })));
+}
+function ListRenderer({ model, classNames = {}, styles = {}, collapseNested = true, changeTypeLabels, labels }) {
+    const meaningful = model.groups.filter((group)=>group.changes.length > 0);
+    if (meaningful.length === 0) return null;
+    const rootGroup = meaningful.find((group)=>group.key === GROUP_ROOT);
+    const namedGroups = meaningful.filter((group)=>group.key !== GROUP_ROOT);
+    return /*#__PURE__*/ React.createElement(Space, {
+        direction: "vertical",
+        size: "middle",
+        style: {
+            display: 'flex',
+            width: '100%'
+        }
+    }, rootGroup && /*#__PURE__*/ React.createElement(GroupBody, {
+        group: rootGroup,
+        classNames: classNames,
+        changeTypeLabels: changeTypeLabels,
+        collapseNested: collapseNested,
+        labels: labels
+    }), namedGroups.length === 1 && /*#__PURE__*/ React.createElement("div", {
+        className: classNames?.group,
+        style: styles?.group
+    }, /*#__PURE__*/ React.createElement(Space, {
+        size: 8,
+        align: "center",
+        style: {
+            marginBottom: 8
+        }
+    }, /*#__PURE__*/ React.createElement(Text, {
+        strong: true
+    }, resolveGroupLabel(namedGroups[0], labels)), /*#__PURE__*/ React.createElement(SummaryChips, {
+        summary: namedGroups[0].summary
+    })), /*#__PURE__*/ React.createElement(GroupBody, {
+        group: namedGroups[0],
+        classNames: classNames,
+        changeTypeLabels: changeTypeLabels,
+        collapseNested: collapseNested,
+        labels: labels
+    })), namedGroups.length > 1 && /*#__PURE__*/ React.createElement(Collapse, {
+        size: "small",
+        defaultActiveKey: namedGroups.filter((group)=>group.summary.added + group.summary.removed + group.summary.changed > 0).map((group)=>group.key),
+        items: namedGroups.map((group)=>({
+                key: group.key,
+                label: /*#__PURE__*/ React.createElement(Space, {
+                    size: 8,
+                    align: "center",
+                    wrap: true
+                }, /*#__PURE__*/ React.createElement(Text, {
+                    strong: true
+                }, resolveGroupLabel(group, labels)), /*#__PURE__*/ React.createElement(SummaryChips, {
+                    summary: group.summary
+                })),
+                children: /*#__PURE__*/ React.createElement(GroupBody, {
+                    group: group,
+                    classNames: classNames,
+                    changeTypeLabels: changeTypeLabels,
+                    collapseNested: collapseNested,
+                    labels: labels
+                })
+            })),
+        className: classNames?.group,
+        style: styles?.group
+    }));
+}
+export default ListRenderer;

package/dist/shared/renderers/SideBySideRenderer.js

@@ -0,0 +1,193 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  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
+
+      http://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 React from 'react';
+import { Col, Descriptions, Row, Space, Typography } from 'antd';
+import { type } from '@lowdefy/helpers';
+import ValueCell from '../ValueCell.js';
+import formatValue from '../formatValue.js';
+import { CHANGE_TYPES } from '../constants.js';
+import { humaniseSegment, isIndex, singularise } from '../pathUtils.js';
+const { Text } = Typography;
+const CHANGE_STRIP_STYLE = {
+    background: 'var(--ant-color-warning-bg, rgba(250,173,20,0.1))',
+    padding: '1px 6px',
+    borderRadius: 'var(--ant-border-radius-sm, 4px)'
+};
+function partitionGroup(changes) {
+    const byItem = new Map();
+    const direct = [];
+    changes.forEach((change)=>{
+        if (change.path.length >= 2 && isIndex(change.path[1])) {
+            const key = String(change.path[1]);
+            if (!byItem.has(key)) byItem.set(key, []);
+            byItem.get(key).push(change);
+            return;
+        }
+        direct.push(change);
+    });
+    return {
+        byItem,
+        direct
+    };
+}
+function resolveItemLabelBase(group, labels) {
+    if (type.isObject(labels) && type.isString(labels[group.key]) && labels[group.key].length > 0) {
+        return singularise(labels[group.key]);
+    }
+    return singularise(humaniseSegment(String(group.key)));
+}
+function renderLeftCell(change, collapseNested) {
+    if (change.type === CHANGE_TYPES.CHANGE) {
+        return /*#__PURE__*/ React.createElement("span", {
+            style: CHANGE_STRIP_STYLE
+        }, formatValue(change.oldValue, change.formatter));
+    }
+    if (change.type === CHANGE_TYPES.CREATE) {
+        return /*#__PURE__*/ React.createElement(Text, {
+            type: "secondary"
+        }, "—");
+    }
+    if (change.type === CHANGE_TYPES.REMOVE) {
+        return /*#__PURE__*/ React.createElement(ValueCell, {
+            change: change,
+            collapseNested: collapseNested
+        });
+    }
+    return /*#__PURE__*/ React.createElement(Text, {
+        type: "secondary"
+    }, formatValue(change.oldValue, change.formatter));
+}
+function renderRightCell(change, collapseNested) {
+    if (change.type === CHANGE_TYPES.CHANGE) {
+        return /*#__PURE__*/ React.createElement("span", {
+            style: CHANGE_STRIP_STYLE
+        }, formatValue(change.newValue, change.formatter));
+    }
+    if (change.type === CHANGE_TYPES.CREATE) {
+        return /*#__PURE__*/ React.createElement(ValueCell, {
+            change: change,
+            collapseNested: collapseNested
+        });
+    }
+    if (change.type === CHANGE_TYPES.REMOVE) {
+        return /*#__PURE__*/ React.createElement(Text, {
+            type: "secondary"
+        }, "—");
+    }
+    return /*#__PURE__*/ React.createElement(Text, {
+        type: "secondary"
+    }, formatValue(change.newValue, change.formatter));
+}
+function buildSide(changes, side, collapseNested) {
+    return changes.map((change, index)=>({
+            key: `${side}-${change.pathStr || index}`,
+            label: change.breadcrumb,
+            children: side === 'left' ? renderLeftCell(change, collapseNested) : renderRightCell(change, collapseNested)
+        }));
+}
+function PairedDescriptions({ changes, classNames, collapseNested }) {
+    const leftItems = buildSide(changes, 'left', collapseNested);
+    const rightItems = buildSide(changes, 'right', collapseNested);
+    return /*#__PURE__*/ React.createElement(Row, {
+        gutter: [
+            16,
+            16
+        ]
+    }, /*#__PURE__*/ React.createElement(Col, {
+        xs: 24,
+        md: 12
+    }, /*#__PURE__*/ React.createElement(Descriptions, {
+        size: "small",
+        column: 1,
+        colon: false,
+        bordered: true,
+        items: leftItems,
+        className: classNames?.group
+    })), /*#__PURE__*/ React.createElement(Col, {
+        xs: 24,
+        md: 12
+    }, /*#__PURE__*/ React.createElement(Descriptions, {
+        size: "small",
+        column: 1,
+        colon: false,
+        bordered: true,
+        items: rightItems,
+        className: classNames?.group
+    })));
+}
+function GroupView({ group, labels, classNames, collapseNested }) {
+    const { byItem, direct } = partitionGroup(group.changes);
+    if (byItem.size === 0) {
+        return /*#__PURE__*/ React.createElement(PairedDescriptions, {
+            changes: group.changes,
+            classNames: classNames,
+            collapseNested: collapseNested
+        });
+    }
+    const itemLabelBase = resolveItemLabelBase(group, labels);
+    const sortedItems = Array.from(byItem.entries()).sort(([a], [b])=>Number(a) - Number(b));
+    return /*#__PURE__*/ React.createElement(Space, {
+        direction: "vertical",
+        size: 12,
+        style: {
+            display: 'flex',
+            width: '100%'
+        }
+    }, direct.length > 0 && /*#__PURE__*/ React.createElement(PairedDescriptions, {
+        changes: direct,
+        classNames: classNames,
+        collapseNested: collapseNested
+    }), sortedItems.map(([itemKey, itemChanges])=>{
+        const itemLabel = `${itemLabelBase} ${Number(itemKey) + 1}`;
+        return /*#__PURE__*/ React.createElement("div", {
+            key: itemKey,
+            style: {
+                paddingInlineStart: 12
+            }
+        }, /*#__PURE__*/ React.createElement(Space, {
+            size: 8,
+            align: "center",
+            style: {
+                marginBottom: 8
+            }
+        }, /*#__PURE__*/ React.createElement(Text, {
+            strong: true
+        }, itemLabel)), /*#__PURE__*/ React.createElement(PairedDescriptions, {
+            changes: itemChanges,
+            classNames: classNames,
+            collapseNested: collapseNested
+        }));
+    }));
+}
+function SideBySideRenderer({ model, labels, classNames = {}, styles = {}, collapseNested = true }) {
+    const meaningful = model.groups.filter((group)=>group.changes.length > 0);
+    if (meaningful.length === 0) return null;
+    return /*#__PURE__*/ React.createElement(Space, {
+        direction: "vertical",
+        size: "middle",
+        style: {
+            display: 'flex',
+            width: '100%',
+            ...styles?.group
+        }
+    }, meaningful.map((group)=>/*#__PURE__*/ React.createElement(GroupView, {
+            key: group.key,
+            group: group,
+            labels: labels,
+            classNames: classNames,
+            collapseNested: collapseNested
+        })));
+}
+export default SideBySideRenderer;

package/dist/shared/renderers/TimelineRenderer.js

@@ -0,0 +1,57 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  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
+
+      http://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 React from 'react';
+import { Space, Timeline, Typography } from 'antd';
+import { EditOutlined, MinusCircleOutlined, PauseCircleOutlined, PlusCircleOutlined } from '@ant-design/icons';
+import ValueCell from '../ValueCell.js';
+import { CHANGE_TYPES } from '../constants.js';
+const { Text } = Typography;
+const COLOR_MAP = {
+    [CHANGE_TYPES.CREATE]: 'green',
+    [CHANGE_TYPES.REMOVE]: 'red',
+    [CHANGE_TYPES.CHANGE]: 'blue',
+    [CHANGE_TYPES.UNCHANGED]: 'gray'
+};
+const ICON_MAP = {
+    [CHANGE_TYPES.CREATE]: /*#__PURE__*/ React.createElement(PlusCircleOutlined, null),
+    [CHANGE_TYPES.REMOVE]: /*#__PURE__*/ React.createElement(MinusCircleOutlined, null),
+    [CHANGE_TYPES.CHANGE]: /*#__PURE__*/ React.createElement(EditOutlined, null),
+    [CHANGE_TYPES.UNCHANGED]: /*#__PURE__*/ React.createElement(PauseCircleOutlined, null)
+};
+function TimelineRenderer({ model, collapseNested = true, showUnchanged = false, classNames = {}, styles = {} }) {
+    const flattened = model.groups.flatMap((group)=>group.changes);
+    const filtered = flattened.filter((change)=>showUnchanged === true || change.type !== CHANGE_TYPES.UNCHANGED);
+    if (filtered.length === 0) return null;
+    const items = filtered.map((change, index)=>({
+            key: change.pathStr || `change-${index}`,
+            color: COLOR_MAP[change.type],
+            dot: ICON_MAP[change.type],
+            children: /*#__PURE__*/ React.createElement(Space, {
+                direction: "vertical",
+                size: 2
+            }, /*#__PURE__*/ React.createElement(Text, {
+                strong: true
+            }, change.breadcrumb), /*#__PURE__*/ React.createElement(ValueCell, {
+                change: change,
+                collapseNested: collapseNested
+            }))
+        }));
+    return /*#__PURE__*/ React.createElement(Timeline, {
+        items: items,
+        className: classNames?.group,
+        style: styles?.group
+    });
+}
+export default TimelineRenderer;

package/dist/shared/serializeYaml.js

@@ -0,0 +1,74 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  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
+
+      http://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 YAML from 'yaml';
+import { type } from '@lowdefy/helpers';
+import { matchesPath } from './pathUtils.js';
+function joinPath(basePath, segment) {
+    return basePath.length === 0 ? String(segment) : `${basePath}.${segment}`;
+}
+export function filter(value, { hide, show } = {}, basePath = '') {
+    const hasHide = type.isArray(hide) && hide.length > 0;
+    const hasShow = type.isArray(show) && show.length > 0;
+    if (!hasHide && !hasShow) return value;
+    if (type.isArray(value)) {
+        const result = [];
+        value.forEach((item, index)=>{
+            const childPath = joinPath(basePath, index);
+            if (type.isArray(item) || type.isObject(item)) {
+                result.push(filter(item, {
+                    hide,
+                    show
+                }, childPath));
+                return;
+            }
+            if (hasHide && matchesPath(childPath, hide)) return;
+            if (hasShow && !matchesPath(childPath, show)) return;
+            result.push(item);
+        });
+        return result;
+    }
+    if (type.isObject(value)) {
+        const result = {};
+        Object.keys(value).forEach((key)=>{
+            const childValue = value[key];
+            const childPath = joinPath(basePath, key);
+            if (type.isArray(childValue) || type.isObject(childValue)) {
+                result[key] = filter(childValue, {
+                    hide,
+                    show
+                }, childPath);
+                return;
+            }
+            if (hasHide && matchesPath(childPath, hide)) return;
+            if (hasShow && !matchesPath(childPath, show)) return;
+            result[key] = childValue;
+        });
+        return result;
+    }
+    return value;
+}
+function serializeYaml(obj, { hide, show } = {}) {
+    if (type.isNone(obj)) return '';
+    if (!type.isArray(obj) && !type.isObject(obj)) return '';
+    const filtered = filter(obj, {
+        hide,
+        show
+    });
+    return YAML.stringify(filtered, {
+        sortMapEntries: true,
+        lineWidth: 0
+    });
+}
+export default serializeYaml;

package/dist/shared/withTheme.js

@@ -0,0 +1,40 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  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
+
+      http://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 React from 'react';
+import { ConfigProvider } from 'antd';
+import { type } from '@lowdefy/helpers';
+function withTheme(antdComponentName, BlockComponent) {
+    const Wrapped = (props)=>{
+        const { theme, ...restProperties } = props.properties;
+        // Only intercept object themes (design tokens for ConfigProvider).
+        // String themes (e.g. Menu's 'dark'/'light') pass through to the component.
+        if (!type.isObject(theme)) {
+            return /*#__PURE__*/ React.createElement(BlockComponent, props);
+        }
+        return /*#__PURE__*/ React.createElement(ConfigProvider, {
+            theme: {
+                components: {
+                    [antdComponentName]: theme
+                }
+            }
+        }, /*#__PURE__*/ React.createElement(BlockComponent, {
+            ...props,
+            properties: restProperties
+        }));
+    };
+    Wrapped.displayName = BlockComponent.displayName || BlockComponent.name;
+    return Wrapped;
+}
+export default withTheme;

package/dist/types.js

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  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
+
+      http://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 { extractBlockTypes } from '@lowdefy/block-utils';
+import * as metas from './metas.js';
+export default extractBlockTypes(metas);