@webstudio-is/react-sdk 0.82.0 → 0.84.0

package/lib/types/embed-template.d.ts

@@ -2,6 +2,7 @@ import { z } from "zod";
 import { Breakpoint } from "@webstudio-is/project-build";
 import { type StyleProperty } from "@webstudio-is/css-data";
 import type { Simplify } from "type-fest";
+import type { WsComponentMeta } from "./components/component-meta";
 declare const EmbedTemplateText: z.ZodObject<{
     type: z.ZodLiteral<"text">;
     value: z.ZodString;
@@ -13,233 +14,118 @@ declare const EmbedTemplateText: z.ZodObject<{
     value: string;
 }>;
 type EmbedTemplateText = z.infer<typeof EmbedTemplateText>;
+declare const EmbedTemplateDataSource: z.ZodUnion<[z.ZodObject<{
+    type: z.ZodLiteral<"variable">;
+    initialValue: z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodArray<z.ZodString, "many">]>;
+}, "strip", z.ZodTypeAny, {
+    type: "variable";
+    initialValue: (string | number | boolean | string[]) & (string | number | boolean | string[] | undefined);
+}, {
+    type: "variable";
+    initialValue: (string | number | boolean | string[]) & (string | number | boolean | string[] | undefined);
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"expression">;
+    code: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    code: string;
+    type: "expression";
+}, {
+    code: string;
+    type: "expression";
+}>]>;
+type EmbedTemplateDataSource = z.infer<typeof EmbedTemplateDataSource>;
 declare const EmbedTemplateProp: z.ZodUnion<[z.ZodObject<{
+    type: z.ZodLiteral<"dataSource">;
+    name: z.ZodString;
+    dataSourceName: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    type: "dataSource";
+    name: string;
+    dataSourceName: string;
+}, {
+    type: "dataSource";
+    name: string;
+    dataSourceName: string;
+}>, z.ZodObject<{
     type: z.ZodLiteral<"number">;
     name: z.ZodString;
-    dataSourceRef: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"variable">;
-        name: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        name: string;
-        type: "variable";
-    }, {
-        name: string;
-        type: "variable";
-    }>, z.ZodObject<{
-        type: z.ZodLiteral<"expression">;
-        name: z.ZodString;
-        code: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        name: string;
-        code: string;
-        type: "expression";
-    }, {
-        name: string;
-        code: string;
-        type: "expression";
-    }>]>>;
     value: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     type: "number";
     value: number;
-    dataSourceRef?: {
-        name: string;
-        type: "variable";
-    } | {
-        name: string;
-        code: string;
-        type: "expression";
-    } | undefined;
-}, {
     name: string;
+}, {
     type: "number";
     value: number;
-    dataSourceRef?: {
-        name: string;
-        type: "variable";
-    } | {
-        name: string;
-        code: string;
-        type: "expression";
-    } | undefined;
+    name: string;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"string">;
     name: z.ZodString;
-    dataSourceRef: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"variable">;
-        name: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        name: string;
-        type: "variable";
-    }, {
-        name: string;
-        type: "variable";
-    }>, z.ZodObject<{
-        type: z.ZodLiteral<"expression">;
-        name: z.ZodString;
-        code: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        name: string;
-        code: string;
-        type: "expression";
-    }, {
-        name: string;
-        code: string;
-        type: "expression";
-    }>]>>;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     type: "string";
     value: string;
-    dataSourceRef?: {
-        name: string;
-        type: "variable";
-    } | {
-        name: string;
-        code: string;
-        type: "expression";
-    } | undefined;
-}, {
     name: string;
+}, {
     type: "string";
     value: string;
-    dataSourceRef?: {
-        name: string;
-        type: "variable";
-    } | {
-        name: string;
-        code: string;
-        type: "expression";
-    } | undefined;
+    name: string;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"boolean">;
     name: z.ZodString;
-    dataSourceRef: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"variable">;
-        name: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        name: string;
-        type: "variable";
-    }, {
-        name: string;
-        type: "variable";
-    }>, z.ZodObject<{
-        type: z.ZodLiteral<"expression">;
-        name: z.ZodString;
-        code: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        name: string;
-        code: string;
-        type: "expression";
-    }, {
-        name: string;
-        code: string;
-        type: "expression";
-    }>]>>;
     value: z.ZodBoolean;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     type: "boolean";
     value: boolean;
-    dataSourceRef?: {
-        name: string;
-        type: "variable";
-    } | {
-        name: string;
-        code: string;
-        type: "expression";
-    } | undefined;
-}, {
     name: string;
+}, {
     type: "boolean";
     value: boolean;
-    dataSourceRef?: {
-        name: string;
-        type: "variable";
-    } | {
-        name: string;
-        code: string;
-        type: "expression";
-    } | undefined;
+    name: string;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"string[]">;
     name: z.ZodString;
-    dataSourceRef: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"variable">;
-        name: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        name: string;
-        type: "variable";
-    }, {
-        name: string;
-        type: "variable";
-    }>, z.ZodObject<{
-        type: z.ZodLiteral<"expression">;
-        name: z.ZodString;
-        code: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        name: string;
-        code: string;
-        type: "expression";
-    }, {
-        name: string;
-        code: string;
-        type: "expression";
-    }>]>>;
     value: z.ZodArray<z.ZodString, "many">;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     type: "string[]";
     value: string[];
-    dataSourceRef?: {
-        name: string;
-        type: "variable";
-    } | {
-        name: string;
-        code: string;
-        type: "expression";
-    } | undefined;
-}, {
     name: string;
+}, {
     type: "string[]";
     value: string[];
-    dataSourceRef?: {
-        name: string;
-        type: "variable";
-    } | {
-        name: string;
-        code: string;
-        type: "expression";
-    } | undefined;
+    name: string;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"action">;
     name: z.ZodString;
     value: z.ZodArray<z.ZodObject<{
         type: z.ZodLiteral<"execute">;
+        args: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
         code: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         code: string;
         type: "execute";
+        args?: string[] | undefined;
     }, {
         code: string;
         type: "execute";
+        args?: string[] | undefined;
     }>, "many">;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     type: "action";
     value: {
         code: string;
         type: "execute";
+        args?: string[] | undefined;
     }[];
-}, {
     name: string;
+}, {
     type: "action";
     value: {
         code: string;
         type: "execute";
+        args?: string[] | undefined;
     }[];
+    name: string;
 }>]>;
 type EmbedTemplateProp = z.infer<typeof EmbedTemplateProp>;
 declare const EmbedTemplateStyleDeclRaw: z.ZodObject<{
@@ -2289,6 +2175,7 @@ export type EmbedTemplateInstance = {
     type: "instance";
     component: string;
     label?: string;
+    dataSources?: Record<string, EmbedTemplateDataSource>;
     props?: EmbedTemplateProp[];
     styles?: EmbedTemplateStyleDecl[];
     children: Array<EmbedTemplateInstance | EmbedTemplateText>;
@@ -2330,35 +2217,34 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
         label?: string | undefined;
     }[];
     props: ({
-        name: string;
         type: "number";
         value: number;
         id: string;
+        name: string;
         instanceId: string;
         required?: boolean | undefined;
     } | {
-        name: string;
         type: "string";
         value: string;
         id: string;
+        name: string;
         instanceId: string;
         required?: boolean | undefined;
     } | {
-        name: string;
         type: "boolean";
         value: boolean;
         id: string;
+        name: string;
         instanceId: string;
         required?: boolean | undefined;
     } | {
-        name: string;
         type: "asset";
         value: string;
         id: string;
+        name: string;
         instanceId: string;
         required?: boolean | undefined;
     } | {
-        name: string;
         type: "page";
         value: (string | {
             instanceId: string;
@@ -2368,35 +2254,36 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
             pageId: string;
         } | undefined);
         id: string;
+        name: string;
         instanceId: string;
         required?: boolean | undefined;
     } | {
-        name: string;
         type: "string[]";
         value: string[];
         id: string;
+        name: string;
         instanceId: string;
         required?: boolean | undefined;
     } | {
-        name: string;
         type: "dataSource";
         value: string;
         id: string;
+        name: string;
         instanceId: string;
         required?: boolean | undefined;
     } | {
-        name: string;
         type: "action";
         value: {
             code: string;
             type: "execute";
+            args: string[];
         }[];
         id: string;
+        name: string;
         instanceId: string;
         required?: boolean | undefined;
     })[];
     dataSources: ({
-        name: string;
         type: "variable";
         value: {
             type: "number";
@@ -2412,12 +2299,13 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
             value: string[];
         };
         id: string;
+        name: string;
         scopeInstanceId?: string | undefined;
     } | {
-        name: string;
         code: string;
         type: "expression";
         id: string;
+        name: string;
         scopeInstanceId?: string | undefined;
     })[];
     styleSourceSelections: {
@@ -2425,9 +2313,9 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
         instanceId: string;
     }[];
     styleSources: ({
-        name: string;
         type: "token";
         id: string;
+        name: string;
     } | {
         type: "local";
         id: string;
@@ -2645,8 +2533,243 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
         styleSourceId: string;
         breakpointId: string;
         state?: string | undefined;
-        property: "filter" | "float" | "fontFamily" | "width" | "height" | "clip" | "top" | "right" | `--${string}` | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "printColorAdjust" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "hyphenateCharacter" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
+        property: "filter" | "float" | "page" | "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
     }[];
 };
 export type EmbedTemplateData = ReturnType<typeof generateDataFromEmbedTemplate>;
+export declare const namespaceMeta: (meta: WsComponentMeta, namespace: string, components: Set<EmbedTemplateInstance["component"]>) => {
+    type: "embed" | "control" | "container" | "rich-text-child";
+    label: string;
+    order?: number | undefined;
+    template?: ({
+        type: "text";
+        value: string;
+    } | EmbedTemplateInstance)[] | undefined;
+    description?: string | undefined;
+    category?: "text" | "hidden" | "general" | "media" | "forms" | "radix" | undefined;
+    requiredAncestors?: string[] | undefined;
+    invalidAncestors?: string[] | undefined;
+    indexWithinAncestor?: string | undefined;
+    stylable?: boolean | undefined;
+    detachable?: boolean | undefined;
+    icon: string;
+    states?: {
+        label: string;
+        selector: string;
+        category?: "states" | "component-states" | undefined;
+    }[] | undefined;
+    presetStyle?: Partial<Record<import("html-tags").htmlTags, {
+        value: {
+            type: "unit";
+            value: number;
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+        } | {
+            type: "keyword";
+            value: string;
+        } | {
+            type: "unparsed";
+            value: string;
+            hidden?: boolean | undefined;
+        } | {
+            type: "fontFamily";
+            value: string[];
+        } | {
+            type: "rgb";
+            alpha: number;
+            r: number;
+            g: number;
+            b: number;
+        } | {
+            type: "image";
+            value: {
+                type: "asset";
+                value: string;
+            } | {
+                type: "url";
+                url: string;
+            };
+            hidden?: boolean | undefined;
+        } | {
+            type: "invalid";
+            value: string;
+        } | {
+            type: "unset";
+            value: "";
+        } | {
+            type: "tuple";
+            value: ({
+                type: "unit";
+                value: number;
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            } | {
+                type: "keyword";
+                value: string;
+            } | {
+                type: "unparsed";
+                value: string;
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
+            })[];
+            hidden?: boolean | undefined;
+        } | {
+            type: "layers";
+            value: ({
+                type: "unit";
+                value: number;
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            } | {
+                type: "keyword";
+                value: string;
+            } | {
+                type: "unparsed";
+                value: string;
+                hidden?: boolean | undefined;
+            } | {
+                type: "image";
+                value: {
+                    type: "asset";
+                    value: string;
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                hidden?: boolean | undefined;
+            } | {
+                type: "invalid";
+                value: string;
+            } | {
+                type: "tuple";
+                value: ({
+                    type: "unit";
+                    value: number;
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                } | {
+                    type: "keyword";
+                    value: string;
+                } | {
+                    type: "unparsed";
+                    value: string;
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
+                })[];
+                hidden?: boolean | undefined;
+            })[];
+        } | {
+            type: "var";
+            value: string;
+            fallbacks: ({
+                type: "unit";
+                value: number;
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            } | {
+                type: "keyword";
+                value: string;
+            } | {
+                type: "unparsed";
+                value: string;
+                hidden?: boolean | undefined;
+            } | {
+                type: "fontFamily";
+                value: string[];
+            } | {
+                type: "rgb";
+                alpha: number;
+                r: number;
+                g: number;
+                b: number;
+            } | {
+                type: "image";
+                value: {
+                    type: "asset";
+                    value: string;
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                hidden?: boolean | undefined;
+            } | {
+                type: "tuple";
+                value: ({
+                    type: "unit";
+                    value: number;
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                } | {
+                    type: "keyword";
+                    value: string;
+                } | {
+                    type: "unparsed";
+                    value: string;
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    alpha: number;
+                    r: number;
+                    g: number;
+                    b: number;
+                })[];
+                hidden?: boolean | undefined;
+            } | {
+                type: "layers";
+                value: ({
+                    type: "unit";
+                    value: number;
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                } | {
+                    type: "keyword";
+                    value: string;
+                } | {
+                    type: "unparsed";
+                    value: string;
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "image";
+                    value: {
+                        type: "asset";
+                        value: string;
+                    } | {
+                        type: "url";
+                        url: string;
+                    };
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "invalid";
+                    value: string;
+                } | {
+                    type: "tuple";
+                    value: ({
+                        type: "unit";
+                        value: number;
+                        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    } | {
+                        type: "keyword";
+                        value: string;
+                    } | {
+                        type: "unparsed";
+                        value: string;
+                        hidden?: boolean | undefined;
+                    } | {
+                        type: "rgb";
+                        alpha: number;
+                        r: number;
+                        g: number;
+                        b: number;
+                    })[];
+                    hidden?: boolean | undefined;
+                })[];
+            })[];
+        };
+        state?: string | undefined;
+        property: StyleProperty;
+    }[]>> | undefined;
+};
 export {};