@btst/stack 1.10.0 → 1.11.0

package/dist/packages/ui/src/lib/ui-builder/store/layer-utils.cjs

@@ -14,7 +14,7 @@ const visitLayer = (layer, parentLayer, visitor) => {
   return updatedLayer;
 };
 const countLayers = (layers) => {
-  if (typeof layers === "string") {
+  if (typeof layers === "string" || !Array.isArray(layers)) {
     return 0;
   }
   return layers.reduce((count, layer) => {
@@ -244,7 +244,7 @@ const createComponentLayer = (layerType, componentRegistry, options = {}) => {
   const schema = componentDef.schema;
   const defaultProps = "shape" in schema && schema.shape ? schemaUtils.getDefaultProps(schema) : {};
   const defaultChildrenRaw = componentDef.defaultChildren;
-  const defaultChildren = typeof defaultChildrenRaw === "string" ? defaultChildrenRaw : defaultChildrenRaw?.map((child) => duplicateWithNewIdsAndName(child, false)) || [];
+  const defaultChildren = typeof defaultChildrenRaw === "string" ? defaultChildrenRaw : Array.isArray(defaultChildrenRaw) ? defaultChildrenRaw.map((child) => duplicateWithNewIdsAndName(child, false)) : defaultChildrenRaw ?? [];
   const initialProps = Object.entries(defaultProps).reduce((acc, [key, propDef]) => {
     if (key !== "children") {
       acc[key] = propDef;
@@ -274,11 +274,12 @@ const moveLayer = (layers, sourceLayerId, targetParentId, targetPosition) => {
   const findLayerAndParent = (layers2, parentId = null) => {
     for (let i = 0; i < layers2.length; i++) {
       const layer = layers2[i];
+      if (!layer) continue;
       if (layer.id === sourceLayerId) {
         layerToMove = layer;
         return true;
       }
-      if (hasLayerChildren(layer)) {
+      if (hasLayerChildren(layer) && layer.children) {
         if (findLayerAndParent(layer.children, layer.id)) {
           return true;
         }

package/dist/packages/ui/src/lib/ui-builder/store/layer-utils.mjs

@@ -12,7 +12,7 @@ const visitLayer = (layer, parentLayer, visitor) => {
   return updatedLayer;
 };
 const countLayers = (layers) => {
-  if (typeof layers === "string") {
+  if (typeof layers === "string" || !Array.isArray(layers)) {
     return 0;
   }
   return layers.reduce((count, layer) => {
@@ -242,7 +242,7 @@ const createComponentLayer = (layerType, componentRegistry, options = {}) => {
   const schema = componentDef.schema;
   const defaultProps = "shape" in schema && schema.shape ? getDefaultProps(schema) : {};
   const defaultChildrenRaw = componentDef.defaultChildren;
-  const defaultChildren = typeof defaultChildrenRaw === "string" ? defaultChildrenRaw : defaultChildrenRaw?.map((child) => duplicateWithNewIdsAndName(child, false)) || [];
+  const defaultChildren = typeof defaultChildrenRaw === "string" ? defaultChildrenRaw : Array.isArray(defaultChildrenRaw) ? defaultChildrenRaw.map((child) => duplicateWithNewIdsAndName(child, false)) : defaultChildrenRaw ?? [];
   const initialProps = Object.entries(defaultProps).reduce((acc, [key, propDef]) => {
     if (key !== "children") {
       acc[key] = propDef;
@@ -272,11 +272,12 @@ const moveLayer = (layers, sourceLayerId, targetParentId, targetPosition) => {
   const findLayerAndParent = (layers2, parentId = null) => {
     for (let i = 0; i < layers2.length; i++) {
       const layer = layers2[i];
+      if (!layer) continue;
       if (layer.id === sourceLayerId) {
         layerToMove = layer;
         return true;
       }
-      if (hasLayerChildren(layer)) {
+      if (hasLayerChildren(layer) && layer.children) {
         if (findLayerAndParent(layer.children, layer.id)) {
           return true;
         }

package/dist/packages/ui/src/lib/ui-builder/utils/variable-resolver.cjs

@@ -7,6 +7,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 const React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+function resolveChildrenVariableReference(children, variables, variableValues) {
+  if (types.isVariableReference(children)) {
+    const variable = variables.find((v) => v.id === children.__variableRef);
+    if (variable) {
+      const resolvedValue = variableValues?.[variable.id] ?? variable.defaultValue;
+      return String(resolvedValue);
+    }
+    return "";
+  }
+  return children;
+}
 function resolveVariableReferences(props, variables, variableValues) {
   const resolved = {};
   for (const [key, value] of Object.entries(props)) {
@@ -27,4 +38,5 @@ function resolveVariableReferences(props, variables, variableValues) {
 }
 
 exports.isVariableReference = types.isVariableReference;
+exports.resolveChildrenVariableReference = resolveChildrenVariableReference;
 exports.resolveVariableReferences = resolveVariableReferences;

package/dist/packages/ui/src/lib/ui-builder/utils/variable-resolver.mjs

@@ -1,6 +1,17 @@
 import React__default from 'react';
 import { isVariableReference } from '../../../components/ui-builder/types.mjs';
 
+function resolveChildrenVariableReference(children, variables, variableValues) {
+  if (isVariableReference(children)) {
+    const variable = variables.find((v) => v.id === children.__variableRef);
+    if (variable) {
+      const resolvedValue = variableValues?.[variable.id] ?? variable.defaultValue;
+      return String(resolvedValue);
+    }
+    return "";
+  }
+  return children;
+}
 function resolveVariableReferences(props, variables, variableValues) {
   const resolved = {};
   for (const [key, value] of Object.entries(props)) {
@@ -20,4 +31,4 @@ function resolveVariableReferences(props, variables, variableValues) {
   return resolved;
 }
 
-export { isVariableReference, resolveVariableReferences };
+export { isVariableReference, resolveChildrenVariableReference, resolveVariableReferences };

package/dist/plugins/ui-builder/client/components/index.d.cts

@@ -1,5 +1,5 @@
 import { ComponentType, ReactNode } from 'react';
-import { a as ComponentRegistry, P as PropValue } from '../../../../shared/stack.CqfZWfjJ.cjs';
+import { a as ComponentRegistry, P as PropValue } from '../../../../shared/stack.BdJFrdyt.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'zod';
 import '../../../../shared/stack.8nldKomx.cjs';

package/dist/plugins/ui-builder/client/components/index.d.mts

@@ -1,5 +1,5 @@
 import { ComponentType, ReactNode } from 'react';
-import { a as ComponentRegistry, P as PropValue } from '../../../../shared/stack.e1FN86dE.mjs';
+import { a as ComponentRegistry, P as PropValue } from '../../../../shared/stack.ChVuHi5e.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'zod';
 import '../../../../shared/stack.8nldKomx.mjs';

package/dist/plugins/ui-builder/client/components/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, ReactNode } from 'react';
-import { a as ComponentRegistry, P as PropValue } from '../../../../shared/stack.MMntCVZZ.js';
+import { a as ComponentRegistry, P as PropValue } from '../../../../shared/stack.EhM4pmtN.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'zod';
 import '../../../../shared/stack.8nldKomx.js';

package/dist/plugins/ui-builder/client/hooks/index.d.cts

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedUIBuilderPage } from '../../../../shared/stack.BSM2cgoq.cjs';
-import { C as ComponentLayer, V as Variable } from '../../../../shared/stack.CqfZWfjJ.cjs';
+import { S as SerializedUIBuilderPage } from '../../../../shared/stack.BYysGdHl.cjs';
+import { C as ComponentLayer, V as Variable } from '../../../../shared/stack.BdJFrdyt.cjs';
 import 'zod';
 import 'react';
 import '../../../../shared/stack.8nldKomx.cjs';

package/dist/plugins/ui-builder/client/hooks/index.d.mts

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedUIBuilderPage } from '../../../../shared/stack.CLtOoAqF.mjs';
-import { C as ComponentLayer, V as Variable } from '../../../../shared/stack.e1FN86dE.mjs';
+import { S as SerializedUIBuilderPage } from '../../../../shared/stack.DYCFcnkL.mjs';
+import { C as ComponentLayer, V as Variable } from '../../../../shared/stack.ChVuHi5e.mjs';
 import 'zod';
 import 'react';
 import '../../../../shared/stack.8nldKomx.mjs';

package/dist/plugins/ui-builder/client/hooks/index.d.ts

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedUIBuilderPage } from '../../../../shared/stack.BD1m-4yB.js';
-import { C as ComponentLayer, V as Variable } from '../../../../shared/stack.MMntCVZZ.js';
+import { S as SerializedUIBuilderPage } from '../../../../shared/stack.kFbDspnF.js';
+import { C as ComponentLayer, V as Variable } from '../../../../shared/stack.EhM4pmtN.js';
 import 'zod';
 import 'react';
 import '../../../../shared/stack.8nldKomx.js';

package/dist/plugins/ui-builder/client/index.d.cts

@@ -1,16 +1,16 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
 import * as react from 'react';
-import { ComponentType } from 'react';
+import react__default, { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { c as UIBuilderClientHooks } from '../../../shared/stack.BSM2cgoq.cjs';
-import { a as ComponentRegistry, F as FieldConfigFunction, C as ComponentLayer } from '../../../shared/stack.CqfZWfjJ.cjs';
-import { F as FieldConfigItem } from '../../../shared/stack.8nldKomx.cjs';
+import { c as UIBuilderClientHooks } from '../../../shared/stack.BYysGdHl.cjs';
+import { a as ComponentRegistry, F as FieldConfigFunction, C as ComponentLayer } from '../../../shared/stack.BdJFrdyt.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { F as FieldConfigItem, A as AutoFormInputComponentProps } from '../../../shared/stack.8nldKomx.cjs';
 export { PageBuilderPage, PageListPage, PageRenderer, PageRendererProps, SuspensePageRenderer } from './components/index.cjs';
 export { CreateUIBuilderPageInput, UpdateUIBuilderPageInput, UseUIBuilderPagesOptions, UseUIBuilderPagesResult, useCreateUIBuilderPage, useDeleteUIBuilderPage, useSuspenseUIBuilderPage, useSuspenseUIBuilderPageBySlug, useSuspenseUIBuilderPages, useUIBuilderPage, useUIBuilderPageBySlug, useUIBuilderPages, useUpdateUIBuilderPage } from './hooks/index.cjs';
 import 'zod';
 import 'react-hook-form';
-import 'react/jsx-runtime';
 
 /**
  * Configuration for UI Builder client plugin
@@ -202,8 +202,18 @@ declare function createComponentRegistry(components: ComponentRegistry): Compone
 declare const classNameFieldOverrides: FieldConfigFunction;
 declare const childrenFieldOverrides: FieldConfigFunction;
 declare const iconNameFieldOverrides: FieldConfigFunction;
-declare const childrenAsTextareaFieldOverrides: FieldConfigFunction;
-declare const childrenAsTipTapFieldOverrides: FieldConfigFunction;
+declare const childrenAsTextareaFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
+    renderParent: (({ children }: {
+        children: react__default.ReactNode;
+    }) => react_jsx_runtime.JSX.Element) | undefined;
+    fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
+};
+declare const childrenAsTipTapFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
+    renderParent: (({ children }: {
+        children: react__default.ReactNode;
+    }) => react_jsx_runtime.JSX.Element) | undefined;
+    fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
+};
 declare const commonFieldOverrides: (allowBinding?: boolean) => Record<string, FieldConfigFunction> | {
     className: (layer: ComponentLayer) => FieldConfigItem;
     children: (layer: ComponentLayer) => FieldConfigItem;

package/dist/plugins/ui-builder/client/index.d.mts

@@ -1,16 +1,16 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
 import * as react from 'react';
-import { ComponentType } from 'react';
+import react__default, { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { c as UIBuilderClientHooks } from '../../../shared/stack.CLtOoAqF.mjs';
-import { a as ComponentRegistry, F as FieldConfigFunction, C as ComponentLayer } from '../../../shared/stack.e1FN86dE.mjs';
-import { F as FieldConfigItem } from '../../../shared/stack.8nldKomx.mjs';
+import { c as UIBuilderClientHooks } from '../../../shared/stack.DYCFcnkL.mjs';
+import { a as ComponentRegistry, F as FieldConfigFunction, C as ComponentLayer } from '../../../shared/stack.ChVuHi5e.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { F as FieldConfigItem, A as AutoFormInputComponentProps } from '../../../shared/stack.8nldKomx.mjs';
 export { PageBuilderPage, PageListPage, PageRenderer, PageRendererProps, SuspensePageRenderer } from './components/index.mjs';
 export { CreateUIBuilderPageInput, UpdateUIBuilderPageInput, UseUIBuilderPagesOptions, UseUIBuilderPagesResult, useCreateUIBuilderPage, useDeleteUIBuilderPage, useSuspenseUIBuilderPage, useSuspenseUIBuilderPageBySlug, useSuspenseUIBuilderPages, useUIBuilderPage, useUIBuilderPageBySlug, useUIBuilderPages, useUpdateUIBuilderPage } from './hooks/index.mjs';
 import 'zod';
 import 'react-hook-form';
-import 'react/jsx-runtime';
 
 /**
  * Configuration for UI Builder client plugin
@@ -202,8 +202,18 @@ declare function createComponentRegistry(components: ComponentRegistry): Compone
 declare const classNameFieldOverrides: FieldConfigFunction;
 declare const childrenFieldOverrides: FieldConfigFunction;
 declare const iconNameFieldOverrides: FieldConfigFunction;
-declare const childrenAsTextareaFieldOverrides: FieldConfigFunction;
-declare const childrenAsTipTapFieldOverrides: FieldConfigFunction;
+declare const childrenAsTextareaFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
+    renderParent: (({ children }: {
+        children: react__default.ReactNode;
+    }) => react_jsx_runtime.JSX.Element) | undefined;
+    fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
+};
+declare const childrenAsTipTapFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
+    renderParent: (({ children }: {
+        children: react__default.ReactNode;
+    }) => react_jsx_runtime.JSX.Element) | undefined;
+    fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
+};
 declare const commonFieldOverrides: (allowBinding?: boolean) => Record<string, FieldConfigFunction> | {
     className: (layer: ComponentLayer) => FieldConfigItem;
     children: (layer: ComponentLayer) => FieldConfigItem;

package/dist/plugins/ui-builder/client/index.d.ts

@@ -1,16 +1,16 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
 import * as react from 'react';
-import { ComponentType } from 'react';
+import react__default, { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { c as UIBuilderClientHooks } from '../../../shared/stack.BD1m-4yB.js';
-import { a as ComponentRegistry, F as FieldConfigFunction, C as ComponentLayer } from '../../../shared/stack.MMntCVZZ.js';
-import { F as FieldConfigItem } from '../../../shared/stack.8nldKomx.js';
+import { c as UIBuilderClientHooks } from '../../../shared/stack.kFbDspnF.js';
+import { a as ComponentRegistry, F as FieldConfigFunction, C as ComponentLayer } from '../../../shared/stack.EhM4pmtN.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { F as FieldConfigItem, A as AutoFormInputComponentProps } from '../../../shared/stack.8nldKomx.js';
 export { PageBuilderPage, PageListPage, PageRenderer, PageRendererProps, SuspensePageRenderer } from './components/index.js';
 export { CreateUIBuilderPageInput, UpdateUIBuilderPageInput, UseUIBuilderPagesOptions, UseUIBuilderPagesResult, useCreateUIBuilderPage, useDeleteUIBuilderPage, useSuspenseUIBuilderPage, useSuspenseUIBuilderPageBySlug, useSuspenseUIBuilderPages, useUIBuilderPage, useUIBuilderPageBySlug, useUIBuilderPages, useUpdateUIBuilderPage } from './hooks/index.js';
 import 'zod';
 import 'react-hook-form';
-import 'react/jsx-runtime';
 
 /**
  * Configuration for UI Builder client plugin
@@ -202,8 +202,18 @@ declare function createComponentRegistry(components: ComponentRegistry): Compone
 declare const classNameFieldOverrides: FieldConfigFunction;
 declare const childrenFieldOverrides: FieldConfigFunction;
 declare const iconNameFieldOverrides: FieldConfigFunction;
-declare const childrenAsTextareaFieldOverrides: FieldConfigFunction;
-declare const childrenAsTipTapFieldOverrides: FieldConfigFunction;
+declare const childrenAsTextareaFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
+    renderParent: (({ children }: {
+        children: react__default.ReactNode;
+    }) => react_jsx_runtime.JSX.Element) | undefined;
+    fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
+};
+declare const childrenAsTipTapFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
+    renderParent: (({ children }: {
+        children: react__default.ReactNode;
+    }) => react_jsx_runtime.JSX.Element) | undefined;
+    fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
+};
 declare const commonFieldOverrides: (allowBinding?: boolean) => Record<string, FieldConfigFunction> | {
     className: (layer: ComponentLayer) => FieldConfigItem;
     children: (layer: ComponentLayer) => FieldConfigItem;

package/dist/plugins/ui-builder/index.d.cts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import { C as ContentTypeConfig } from '../../shared/stack.BsXokfNh.cjs';
-export { L as LoaderContext, b as PaginatedUIBuilderPages, P as ParsedUIBuilderPage, S as SerializedUIBuilderPage, c as UIBuilderClientHooks, a as UIBuilderPage, U as UIBuilderPageData } from '../../shared/stack.BSM2cgoq.cjs';
-export { C as ComponentLayer, a as ComponentRegistry, R as RegistryEntry, V as Variable } from '../../shared/stack.CqfZWfjJ.cjs';
+export { L as LoaderContext, b as PaginatedUIBuilderPages, P as ParsedUIBuilderPage, S as SerializedUIBuilderPage, c as UIBuilderClientHooks, a as UIBuilderPage, U as UIBuilderPageData } from '../../shared/stack.BYysGdHl.cjs';
+export { C as ComponentLayer, a as ComponentRegistry, R as RegistryEntry, V as Variable } from '../../shared/stack.BdJFrdyt.cjs';
 import 'react';
 import '../../shared/stack.8nldKomx.cjs';
 import 'react-hook-form';

package/dist/plugins/ui-builder/index.d.mts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import { C as ContentTypeConfig } from '../../shared/stack.BsXokfNh.mjs';
-export { L as LoaderContext, b as PaginatedUIBuilderPages, P as ParsedUIBuilderPage, S as SerializedUIBuilderPage, c as UIBuilderClientHooks, a as UIBuilderPage, U as UIBuilderPageData } from '../../shared/stack.CLtOoAqF.mjs';
-export { C as ComponentLayer, a as ComponentRegistry, R as RegistryEntry, V as Variable } from '../../shared/stack.e1FN86dE.mjs';
+export { L as LoaderContext, b as PaginatedUIBuilderPages, P as ParsedUIBuilderPage, S as SerializedUIBuilderPage, c as UIBuilderClientHooks, a as UIBuilderPage, U as UIBuilderPageData } from '../../shared/stack.DYCFcnkL.mjs';
+export { C as ComponentLayer, a as ComponentRegistry, R as RegistryEntry, V as Variable } from '../../shared/stack.ChVuHi5e.mjs';
 import 'react';
 import '../../shared/stack.8nldKomx.mjs';
 import 'react-hook-form';

package/dist/plugins/ui-builder/index.d.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import { C as ContentTypeConfig } from '../../shared/stack.BsXokfNh.js';
-export { L as LoaderContext, b as PaginatedUIBuilderPages, P as ParsedUIBuilderPage, S as SerializedUIBuilderPage, c as UIBuilderClientHooks, a as UIBuilderPage, U as UIBuilderPageData } from '../../shared/stack.BD1m-4yB.js';
-export { C as ComponentLayer, a as ComponentRegistry, R as RegistryEntry, V as Variable } from '../../shared/stack.MMntCVZZ.js';
+export { L as LoaderContext, b as PaginatedUIBuilderPages, P as ParsedUIBuilderPage, S as SerializedUIBuilderPage, c as UIBuilderClientHooks, a as UIBuilderPage, U as UIBuilderPageData } from '../../shared/stack.kFbDspnF.js';
+export { C as ComponentLayer, a as ComponentRegistry, R as RegistryEntry, V as Variable } from '../../shared/stack.EhM4pmtN.js';
 import 'react';
 import '../../shared/stack.8nldKomx.js';
 import 'react-hook-form';

package/dist/shared/{stack.BSM2cgoq.d.cts → stack.BYysGdHl.d.cts}

@@ -1,4 +1,4 @@
-import { C as ComponentLayer, V as Variable } from './stack.CqfZWfjJ.cjs';
+import { C as ComponentLayer, V as Variable } from './stack.BdJFrdyt.cjs';
 
 /**
  * UI Builder Page data structure

package/dist/shared/{stack.CqfZWfjJ.d.cts → stack.BdJFrdyt.d.cts}

@@ -9,7 +9,7 @@ interface ComponentLayer<TProps extends Record<string, PropValue> = Record<strin
     name?: string;
     type: string;
     props: ComponentProps<TProps>;
-    children: ComponentLayer[] | string;
+    children: ComponentLayer[] | string | VariableReference;
 }
 type VariableValueType = 'string' | 'number' | 'boolean';
 type VariableValue<T extends VariableValueType> = T extends 'string' ? string : T extends 'number' ? number : T extends 'boolean' ? boolean : never;
@@ -32,9 +32,15 @@ interface RegistryEntry<T extends ComponentType<any>> {
     schema: ZodObject<any> | ZodSchema<any>;
     from?: string;
     isFromDefaultExport?: boolean;
-    defaultChildren?: ComponentLayer[] | string;
+    defaultChildren?: ComponentLayer[] | string | VariableReference;
     defaultVariableBindings?: DefaultVariableBinding[];
     fieldOverrides?: Record<string, FieldConfigFunction>;
+    /**
+     * If defined, this component can only be added as a child of the specified parent types.
+     * Used to filter component options in the add popover and validate drag-and-drop.
+     * Example: TabsTrigger has childOf: ["TabsList"]
+     */
+    childOf?: string[];
 }
 type FieldConfigFunction = (layer: ComponentLayer, allowVariableBinding?: boolean) => FieldConfigItem;
 type ComponentRegistry = Record<string, RegistryEntry<ComponentType<any>>>;

package/dist/shared/{stack.e1FN86dE.d.mts → stack.ChVuHi5e.d.mts}

@@ -9,7 +9,7 @@ interface ComponentLayer<TProps extends Record<string, PropValue> = Record<strin
     name?: string;
     type: string;
     props: ComponentProps<TProps>;
-    children: ComponentLayer[] | string;
+    children: ComponentLayer[] | string | VariableReference;
 }
 type VariableValueType = 'string' | 'number' | 'boolean';
 type VariableValue<T extends VariableValueType> = T extends 'string' ? string : T extends 'number' ? number : T extends 'boolean' ? boolean : never;
@@ -32,9 +32,15 @@ interface RegistryEntry<T extends ComponentType<any>> {
     schema: ZodObject<any> | ZodSchema<any>;
     from?: string;
     isFromDefaultExport?: boolean;
-    defaultChildren?: ComponentLayer[] | string;
+    defaultChildren?: ComponentLayer[] | string | VariableReference;
     defaultVariableBindings?: DefaultVariableBinding[];
     fieldOverrides?: Record<string, FieldConfigFunction>;
+    /**
+     * If defined, this component can only be added as a child of the specified parent types.
+     * Used to filter component options in the add popover and validate drag-and-drop.
+     * Example: TabsTrigger has childOf: ["TabsList"]
+     */
+    childOf?: string[];
 }
 type FieldConfigFunction = (layer: ComponentLayer, allowVariableBinding?: boolean) => FieldConfigItem;
 type ComponentRegistry = Record<string, RegistryEntry<ComponentType<any>>>;

package/dist/shared/{stack.CLtOoAqF.d.mts → stack.DYCFcnkL.d.mts}

@@ -1,4 +1,4 @@
-import { C as ComponentLayer, V as Variable } from './stack.e1FN86dE.mjs';
+import { C as ComponentLayer, V as Variable } from './stack.ChVuHi5e.mjs';
 
 /**
  * UI Builder Page data structure

package/dist/shared/{stack.MMntCVZZ.d.ts → stack.EhM4pmtN.d.ts}

@@ -9,7 +9,7 @@ interface ComponentLayer<TProps extends Record<string, PropValue> = Record<strin
     name?: string;
     type: string;
     props: ComponentProps<TProps>;
-    children: ComponentLayer[] | string;
+    children: ComponentLayer[] | string | VariableReference;
 }
 type VariableValueType = 'string' | 'number' | 'boolean';
 type VariableValue<T extends VariableValueType> = T extends 'string' ? string : T extends 'number' ? number : T extends 'boolean' ? boolean : never;
@@ -32,9 +32,15 @@ interface RegistryEntry<T extends ComponentType<any>> {
     schema: ZodObject<any> | ZodSchema<any>;
     from?: string;
     isFromDefaultExport?: boolean;
-    defaultChildren?: ComponentLayer[] | string;
+    defaultChildren?: ComponentLayer[] | string | VariableReference;
     defaultVariableBindings?: DefaultVariableBinding[];
     fieldOverrides?: Record<string, FieldConfigFunction>;
+    /**
+     * If defined, this component can only be added as a child of the specified parent types.
+     * Used to filter component options in the add popover and validate drag-and-drop.
+     * Example: TabsTrigger has childOf: ["TabsList"]
+     */
+    childOf?: string[];
 }
 type FieldConfigFunction = (layer: ComponentLayer, allowVariableBinding?: boolean) => FieldConfigItem;
 type ComponentRegistry = Record<string, RegistryEntry<ComponentType<any>>>;

package/dist/shared/{stack.BD1m-4yB.d.ts → stack.kFbDspnF.d.ts}

@@ -1,4 +1,4 @@
-import { C as ComponentLayer, V as Variable } from './stack.MMntCVZZ.js';
+import { C as ComponentLayer, V as Variable } from './stack.EhM4pmtN.js';
 
 /**
  * UI Builder Page data structure

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@btst/stack",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "A composable, plugin-based library for building full-stack applications.",
   "repository": {
     "type": "git",