@webstudio-is/react-sdk 0.60.0 → 0.61.0

package/lib/types/components/component-meta.d.ts

@@ -1,9 +1,9 @@
 import { z } from "zod";
 import type { FunctionComponent } from "react";
 import type { IconProps } from "@webstudio-is/icons";
-import type { Style } from "@webstudio-is/css-data";
 import type { htmlTags as HtmlTags } from "html-tags";
-type PresetStyle = Partial<Record<HtmlTags, Style>>;
+import { EmbedTemplateStyleDecl } from "../embed-template";
+export type PresetStyle<Tag extends HtmlTags = HtmlTags> = Partial<Record<Tag, EmbedTemplateStyleDecl[]>>;
 declare const WsComponentPropsMeta: z.ZodObject<{
     props: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
         control: z.ZodLiteral<"number">;
@@ -608,9 +608,21 @@ declare const WsComponentMeta: z.ZodObject<{
         label: string;
         selector: string;
     }>, "many">>;
-    children: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+    children: z.ZodOptional<z.ZodLazy<z.ZodArray<z.ZodUnion<[z.ZodType<import("../embed-template").EmbedTemplateInstance, z.ZodTypeDef, import("../embed-template").EmbedTemplateInstance>, z.ZodObject<{
+        type: z.ZodLiteral<"text">;
+        value: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "text";
+        value: string;
+    }, {
+        type: "text";
+        value: string;
+    }>]>, "many">>>;
 }, "strip", z.ZodTypeAny, {
-    children?: string[] | undefined;
+    children?: ({
+        type: "text";
+        value: string;
+    } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
     category?: "media" | "general" | "typography" | "forms" | undefined;
     presetStyle?: any;
     states?: {
@@ -621,7 +633,10 @@ declare const WsComponentMeta: z.ZodObject<{
     label: string;
     Icon: (...args: unknown[]) => unknown;
 }, {
-    children?: string[] | undefined;
+    children?: ({
+        type: "text";
+        value: string;
+    } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
     category?: "media" | "general" | "typography" | "forms" | undefined;
     presetStyle?: any;
     states?: {

package/lib/types/components/components-utils.d.ts

@@ -16,7 +16,7 @@ export declare const getComponent: (name: string) => undefined | (typeof compone
 export declare const createGetComponent: (comps: Partial<typeof components>) => (name: string) => import("react").ForwardRefExoticComponent<{
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref"> & import("react").RefAttributes<HTMLBodyElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    tag?: "div" | "address" | "article" | "aside" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
+    tag?: "address" | "article" | "aside" | "div" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
     tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLHeadingElement>> | import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {