@webstudio-is/react-sdk 0.5.0 → 0.5.1

package/lib/components/body.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Body as BodyPrimitive } from "./body";
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "key" | keyof React.HTMLAttributes<HTMLBodyElement>> & React.RefAttributes<HTMLBodyElement>>>;
+export default _default;
+export declare const Body: ComponentStory<typeof BodyPrimitive>;
+//# sourceMappingURL=body.stories.d.ts.map

package/lib/components/body.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.stories.d.ts","sourceRoot":"","sources":["../../src/components/body.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;;AAG/C,wBAIyC;AAEzC,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,OAAO,aAAa,CAErD,CAAC"}

package/lib/components/body.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Body = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const body_1 = require("./body");
+const body_props_json_1 = __importDefault(require("./body.props.json"));
+exports.default = {
+    title: "Components/Body",
+    component: body_1.Body,
+    argTypes: body_props_json_1.default,
+};
+const Body = (args) => ((0, jsx_runtime_1.jsx)(body_1.Body, { ...args }));
+exports.Body = Body;

package/lib/components/body.ws.d.ts

@@ -0,0 +1,5 @@
+import type { WsComponentMeta } from "./component-type";
+import { Body } from "./body";
+declare const meta: WsComponentMeta<typeof Body>;
+export default meta;
+//# sourceMappingURL=body.ws.d.ts.map

package/lib/components/body.ws.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.ws.d.ts","sourceRoot":"","sources":["../../src/components/body.ws.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAoD9B,QAAA,MAAM,IAAI,EAAE,eAAe,CAAC,OAAO,IAAI,CAStC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/body.ws.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const icons_1 = require("@webstudio-is/icons");
+const body_1 = require("./body");
+const defaultStyle = {
+    marginTop: {
+        type: "unit",
+        unit: "px",
+        value: 0,
+    },
+    marginRight: {
+        type: "unit",
+        unit: "px",
+        value: 0,
+    },
+    marginBottom: {
+        type: "unit",
+        unit: "px",
+        value: 0,
+    },
+    marginLeft: {
+        type: "unit",
+        unit: "px",
+        value: 0,
+    },
+    minHeight: {
+        type: "unit",
+        unit: "%",
+        value: 100,
+    },
+    backgroundColor: {
+        type: "keyword",
+        value: "white",
+    },
+    fontFamily: {
+        type: "keyword",
+        value: "Arial",
+    },
+    fontSize: {
+        type: "unit",
+        unit: "px",
+        value: 14,
+    },
+    lineHeight: {
+        type: "unit",
+        unit: "number",
+        value: 1.5,
+    },
+    color: {
+        type: "keyword",
+        value: "#232323",
+    },
+};
+const meta = {
+    Icon: icons_1.BodyIcon,
+    Component: body_1.Body,
+    canAcceptChildren: true,
+    isContentEditable: false,
+    label: "Body",
+    isInlineOnly: false,
+    isListed: false,
+    defaultStyle,
+};
+exports.default = meta;

package/lib/components/bold.props.json

@@ -447,7 +447,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["yes", "no"]
+        "options": [
+            "yes",
+            "no"
+        ]
     },
     "radioGroup": {
         "defaultValue": null,
@@ -940,7 +943,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["on", "off"]
+        "options": [
+            "on",
+            "off"
+        ]
     },
     "inputMode": {
         "defaultValue": null,
@@ -1103,7 +1109,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["list", "none", "inline", "both"]
+        "options": [
+            "list",
+            "none",
+            "inline",
+            "both"
+        ]
     },
     "aria-busy": {
         "defaultValue": null,
@@ -1367,7 +1378,14 @@
         "control": {
             "type": "select"
         },
-        "options": ["link", "none", "copy", "execute", "move", "popup"]
+        "options": [
+            "link",
+            "none",
+            "copy",
+            "execute",
+            "move",
+            "popup"
+        ]
     },
     "aria-errormessage": {
         "defaultValue": null,
@@ -1644,7 +1662,11 @@
         "control": {
             "type": "radio"
         },
-        "options": ["off", "assertive", "polite"]
+        "options": [
+            "off",
+            "assertive",
+            "polite"
+        ]
     },
     "aria-modal": {
         "defaultValue": null,
@@ -1742,7 +1764,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["horizontal", "vertical"]
+        "options": [
+            "horizontal",
+            "vertical"
+        ]
     },
     "aria-owns": {
         "defaultValue": null,
@@ -2111,7 +2136,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["none", "ascending", "descending", "other"]
+        "options": [
+            "none",
+            "ascending",
+            "descending",
+            "other"
+        ]
     },
     "aria-valuemax": {
         "defaultValue": null,

package/lib/components/bold.ws.d.ts

@@ -0,0 +1,5 @@
+import type { WsComponentMeta } from "./component-type";
+import { Bold } from "./bold";
+declare const meta: WsComponentMeta<typeof Bold>;
+export default meta;
+//# sourceMappingURL=bold.ws.d.ts.map

package/lib/components/bold.ws.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bold.ws.d.ts","sourceRoot":"","sources":["../../src/components/bold.ws.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,eAAe,CAAC,OAAO,IAAI,CAQtC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/bold.ws.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const icons_1 = require("@webstudio-is/icons");
+const bold_1 = require("./bold");
+const meta = {
+    Icon: icons_1.FontBoldIcon,
+    Component: bold_1.Bold,
+    canAcceptChildren: false,
+    isContentEditable: false,
+    label: "Bold Text",
+    isInlineOnly: true,
+    isListed: false,
+};
+exports.default = meta;

package/lib/components/box.d.ts

@@ -1,3 +1,8 @@
-import React from "react";
-export declare const Box: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+import { type ComponentProps } from "react";
+declare const defaultTag = "div";
+declare type Props = ComponentProps<typeof defaultTag> & {
+    tag?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure";
+};
+export declare const Box: import("react").ForwardRefExoticComponent<Pick<Props, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "tag"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=box.d.ts.map

package/lib/components/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../src/components/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,eAAO,MAAM,GAAG,gNAG+B,CAAC"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../src/components/box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,UAAU,QAAQ,CAAC;AAGzB,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC/C,GAAG,CAAC,EACA,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,QAAQ,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,GAAG,8KAIf,CAAC"}

package/lib/components/box.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const defaultTag = "div";
-exports.Box = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("div", { ...props, ref: ref }));
+exports.Box = (0, react_1.forwardRef)(({ tag = defaultTag, ...props }, ref) => {
+    return (0, react_1.createElement)(tag, { ...props, ref });
+});
 exports.Box.displayName = "Box";

package/lib/components/box.props.json

@@ -447,7 +447,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["yes", "no"]
+        "options": [
+            "yes",
+            "no"
+        ]
     },
     "radioGroup": {
         "defaultValue": null,
@@ -940,7 +943,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["on", "off"]
+        "options": [
+            "on",
+            "off"
+        ]
     },
     "inputMode": {
         "defaultValue": null,
@@ -1103,7 +1109,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["list", "none", "inline", "both"]
+        "options": [
+            "list",
+            "none",
+            "inline",
+            "both"
+        ]
     },
     "aria-busy": {
         "defaultValue": null,
@@ -1367,7 +1378,14 @@
         "control": {
             "type": "select"
         },
-        "options": ["link", "none", "copy", "execute", "move", "popup"]
+        "options": [
+            "link",
+            "none",
+            "copy",
+            "execute",
+            "move",
+            "popup"
+        ]
     },
     "aria-errormessage": {
         "defaultValue": null,
@@ -1644,7 +1662,11 @@
         "control": {
             "type": "radio"
         },
-        "options": ["off", "assertive", "polite"]
+        "options": [
+            "off",
+            "assertive",
+            "polite"
+        ]
     },
     "aria-modal": {
         "defaultValue": null,
@@ -1742,7 +1764,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["horizontal", "vertical"]
+        "options": [
+            "horizontal",
+            "vertical"
+        ]
     },
     "aria-owns": {
         "defaultValue": null,
@@ -2111,7 +2136,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["none", "ascending", "descending", "other"]
+        "options": [
+            "none",
+            "ascending",
+            "descending",
+            "other"
+        ]
     },
     "aria-valuemax": {
         "defaultValue": null,
@@ -2200,5 +2230,70 @@
         "control": {
             "type": "text"
         }
+    },
+    "tag": {
+        "defaultValue": {
+            "value": "div"
+        },
+        "description": "",
+        "name": "tag",
+        "declarations": [
+            {
+                "fileName": "src/components/box.tsx",
+                "name": "TypeLiteral"
+            }
+        ],
+        "required": false,
+        "type": {
+            "name": "enum",
+            "raw": "\"div\" | \"address\" | \"article\" | \"aside\" | \"figure\" | \"footer\" | \"header\" | \"main\" | \"nav\" | \"section\"",
+            "value": [
+                {
+                    "value": "\"div\""
+                },
+                {
+                    "value": "\"address\""
+                },
+                {
+                    "value": "\"article\""
+                },
+                {
+                    "value": "\"aside\""
+                },
+                {
+                    "value": "\"figure\""
+                },
+                {
+                    "value": "\"footer\""
+                },
+                {
+                    "value": "\"header\""
+                },
+                {
+                    "value": "\"main\""
+                },
+                {
+                    "value": "\"nav\""
+                },
+                {
+                    "value": "\"section\""
+                }
+            ]
+        },
+        "control": {
+            "type": "select"
+        },
+        "options": [
+            "div",
+            "address",
+            "article",
+            "aside",
+            "figure",
+            "footer",
+            "header",
+            "main",
+            "nav",
+            "section"
+        ]
     }
 }

package/lib/components/box.stories.d.ts

@@ -1,6 +1,10 @@
 import React from "react";
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>>;
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    tag?: "address" | "article" | "aside" | "div" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "tag"> & React.RefAttributes<HTMLDivElement>>>;
 export default _default;
-export declare const Box: ComponentStory<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>>;
+export declare const Box: ComponentStory<React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    tag?: "address" | "article" | "aside" | "div" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "tag"> & React.RefAttributes<HTMLDivElement>>>;
 //# sourceMappingURL=box.stories.d.ts.map

package/lib/components/box.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.stories.d.ts","sourceRoot":"","sources":["../../src/components/box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAItE,wBAIwC;AASxC,eAAO,MAAM,GAAG,gOAAoB,CAAC"}
+{"version":3,"file":"box.stories.d.ts","sourceRoot":"","sources":["../../src/components/box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AAItE,wBAIwC;AASxC,eAAO,MAAM,GAAG;;sGAAoB,CAAC"}

package/lib/components/box.ws.d.ts

@@ -0,0 +1,5 @@
+import type { WsComponentMeta } from "./component-type";
+import { Box } from "./box";
+declare const meta: WsComponentMeta<typeof Box>;
+export default meta;
+//# sourceMappingURL=box.ws.d.ts.map

package/lib/components/box.ws.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.ws.d.ts","sourceRoot":"","sources":["../../src/components/box.ws.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAS5B,QAAA,MAAM,IAAI,EAAE,eAAe,CAAC,OAAO,GAAG,CASrC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/box.ws.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const icons_1 = require("@webstudio-is/icons");
+const box_1 = require("./box");
+const defaultStyle = {
+    boxSizing: {
+        type: "keyword",
+        value: "border-box",
+    },
+};
+const meta = {
+    Icon: icons_1.SquareIcon,
+    Component: box_1.Box,
+    defaultStyle,
+    canAcceptChildren: true,
+    isContentEditable: false,
+    isInlineOnly: false,
+    isListed: true,
+    label: "Box",
+};
+exports.default = meta;

package/lib/components/button.d.ts

@@ -1,6 +1,3 @@
-import React, { type ComponentProps } from "react";
-declare const defaultTag = "button";
-export declare type ButtonProps = ComponentProps<typeof defaultTag>;
+import React from "react";
 export declare const Button: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;
-export {};
 //# sourceMappingURL=button.d.ts.map

package/lib/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhF,QAAA,MAAM,UAAU,WAAW,CAAC;AAE5B,oBAAY,WAAW,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,eAAO,MAAM,MAAM,wOAElB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAMhF,eAAO,MAAM,MAAM,wOAElB,CAAC"}

package/lib/components/button.props.json

@@ -298,7 +298,11 @@
         "control": {
             "type": "radio"
         },
-        "options": ["button", "submit", "reset"]
+        "options": [
+            "button",
+            "submit",
+            "reset"
+        ]
     },
     "value": {
         "defaultValue": null,
@@ -704,7 +708,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["yes", "no"]
+        "options": [
+            "yes",
+            "no"
+        ]
     },
     "radioGroup": {
         "defaultValue": null,
@@ -1197,7 +1204,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["on", "off"]
+        "options": [
+            "on",
+            "off"
+        ]
     },
     "inputMode": {
         "defaultValue": null,
@@ -1360,7 +1370,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["list", "none", "inline", "both"]
+        "options": [
+            "list",
+            "none",
+            "inline",
+            "both"
+        ]
     },
     "aria-busy": {
         "defaultValue": null,
@@ -1624,7 +1639,14 @@
         "control": {
             "type": "select"
         },
-        "options": ["link", "none", "copy", "execute", "move", "popup"]
+        "options": [
+            "link",
+            "none",
+            "copy",
+            "execute",
+            "move",
+            "popup"
+        ]
     },
     "aria-errormessage": {
         "defaultValue": null,
@@ -1901,7 +1923,11 @@
         "control": {
             "type": "radio"
         },
-        "options": ["off", "assertive", "polite"]
+        "options": [
+            "off",
+            "assertive",
+            "polite"
+        ]
     },
     "aria-modal": {
         "defaultValue": null,
@@ -1999,7 +2025,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["horizontal", "vertical"]
+        "options": [
+            "horizontal",
+            "vertical"
+        ]
     },
     "aria-owns": {
         "defaultValue": null,
@@ -2368,7 +2397,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["none", "ascending", "descending", "other"]
+        "options": [
+            "none",
+            "ascending",
+            "descending",
+            "other"
+        ]
     },
     "aria-valuemax": {
         "defaultValue": null,

package/lib/components/button.ws.d.ts

@@ -0,0 +1,5 @@
+import type { WsComponentMeta } from "./component-type";
+import { Button } from "./button";
+declare const meta: WsComponentMeta<typeof Button>;
+export default meta;
+//# sourceMappingURL=button.ws.d.ts.map

package/lib/components/button.ws.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.ws.d.ts","sourceRoot":"","sources":["../../src/components/button.ws.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,eAAe,CAAC,OAAO,MAAM,CASxC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/button.ws.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const icons_1 = require("@webstudio-is/icons");
+const button_1 = require("./button");
+const meta = {
+    Icon: icons_1.ButtonIcon,
+    Component: button_1.Button,
+    canAcceptChildren: false,
+    isContentEditable: true,
+    isInlineOnly: false,
+    isListed: true,
+    label: "Button",
+    children: ["Button text you can edit"],
+};
+exports.default = meta;

package/lib/components/component-type.d.ts

@@ -0,0 +1,17 @@
+import type { Style } from "../css";
+import { z } from "zod";
+import React from "react";
+import { IconProps } from "@webstudio-is/icons";
+export declare type WsComponentMeta<ComponentType> = {
+    Component: ComponentType;
+    Icon: React.FunctionComponent<IconProps>;
+    defaultStyle?: Style;
+    canAcceptChildren: boolean;
+    isContentEditable: boolean;
+    isInlineOnly: boolean;
+    isListed: boolean;
+    label: string;
+    children?: Array<string>;
+};
+export declare const WsComponentMetaSchema: z.ZodType<WsComponentMeta<unknown>, z.ZodTypeDef, WsComponentMeta<unknown>>;
+//# sourceMappingURL=component-type.d.ts.map

package/lib/components/component-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-type.d.ts","sourceRoot":"","sources":["../../src/components/component-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,oBAAY,eAAe,CAAC,aAAa,IAAI;IAC3C,SAAS,EAAE,aAAa,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAG3B,iBAAiB,EAAE,OAAO,CAAC;IAE3B,YAAY,EAAE,OAAO,CAAC;IAEtB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,6EAoCM,CAAC"}

package/lib/components/component-type.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WsComponentMetaSchema = void 0;
+const zod_1 = require("zod");
+exports.WsComponentMetaSchema = zod_1.z.lazy(() => zod_1.z
+    .object({
+    Component: zod_1.z.any(),
+    Icon: zod_1.z.any(),
+    defaultStyle: zod_1.z.optional(zod_1.z.any()),
+    canAcceptChildren: zod_1.z.boolean(),
+    isContentEditable: zod_1.z.boolean(),
+    isInlineOnly: zod_1.z.boolean(),
+    isListed: zod_1.z.boolean(),
+    label: zod_1.z.string(),
+    children: zod_1.z.optional(zod_1.z.array(zod_1.z.string())),
+})
+    // We need these restrictions because of the limitation of the current drag&drop implementation.
+    // Its position detection logic will be confused if drop target has `string` children.
+    .refine((val) => val.isContentEditable === false || val.canAcceptChildren === false, {
+    message: "Content editable componetns are not allowed to accept children via drag&drop, because they may have `string` children",
+    path: ["canAcceptChildren"],
+})
+    .refine((val) => val.canAcceptChildren === false ||
+    val.children === undefined ||
+    val.children.every((child) => typeof child !== "string"), {
+    message: "Components that can accept children via drag&drop are not allowed to have `string` children",
+    path: ["children"],
+}));