@webstudio-is/sdk-components-react 0.214.0 → 0.216.0

package/lib/checkbox.ws.js

@@ -11,7 +11,6 @@ const o = {
     }
   ]
 }, d = {
-  type: "control",
   icon: e,
   presetStyle: o,
   states: [

package/lib/code-text.ws.js

@@ -30,15 +30,18 @@ const p = {
       value: { type: "rgb", r: 238, g: 238, b: 238, alpha: 1 }
     }
   ]
-}, d = {
+}, i = {
   category: "general",
-  type: "embed",
   description: "Use this component when you want to display code as text on the page.",
   icon: e,
+  contentModel: {
+    category: "instance",
+    children: []
+  },
   states: t,
   presetStyle: p,
   order: 5
-}, n = {
+}, s = {
   props: {
     ...r,
     code: {
@@ -50,6 +53,6 @@ const p = {
   initialProps: ["id", "className", "lang", "code"]
 };
 export {
-  d as meta,
-  n as propsMeta
+  i as meta,
+  s as propsMeta
 };

package/lib/head-link.ws.js

@@ -1,16 +1,14 @@
-import { ResourceIcon as e } from "@webstudio-is/icons/svg";
+import { ResourceIcon as o } from "@webstudio-is/icons/svg";
 import "@webstudio-is/sdk";
-import { props as o } from "./__generated__/head-link.props.js";
+import { props as r } from "./__generated__/head-link.props.js";
 const p = {
-  category: "hidden",
-  icon: e,
-  type: "embed",
+  icon: o,
   contentModel: {
     category: "none",
-    children: ["empty"]
+    children: []
   }
 }, c = {
-  props: o,
+  props: r,
   initialProps: ["rel", "hrefLang", "href", "type", "as"]
 };
 export {

package/lib/head-meta.ws.js

@@ -1,16 +1,14 @@
 import { WindowInfoIcon as o } from "@webstudio-is/icons/svg";
 import "@webstudio-is/sdk";
-import { props as t } from "./__generated__/head-meta.props.js";
+import { props as n } from "./__generated__/head-meta.props.js";
 const p = {
-  category: "hidden",
   icon: o,
-  type: "embed",
   contentModel: {
     category: "none",
-    children: ["empty"]
+    children: []
   }
 }, i = {
-  props: t,
+  props: n,
   initialProps: ["name", "property", "content"]
 };
 export {

package/lib/head-title.ws.js

@@ -1,18 +1,17 @@
 import { WindowTitleIcon as o } from "@webstudio-is/icons/svg";
 import "@webstudio-is/sdk";
 import { props as t } from "./__generated__/head-title.props.js";
-const c = {
-  category: "hidden",
+const p = {
   icon: o,
   type: "container",
   contentModel: {
     category: "none",
     children: ["text"]
   }
-}, i = {
+}, c = {
   props: t
 };
 export {
-  c as meta,
-  i as propsMeta
+  p as meta,
+  c as propsMeta
 };

package/lib/image.ws.js

@@ -26,13 +26,12 @@ const a = {
   ]
 }, l = {
   category: "media",
-  type: "embed",
   description: "Add an image asset to the page. Webstudio automatically converts images to WebP or AVIF format and makes them responsive for best performance.",
   icon: e,
   states: t,
   presetStyle: a,
   order: 0
-}, d = {
+}, n = {
   props: {
     ...r,
     // Automatically generated props don't have the right control.
@@ -56,5 +55,5 @@ const a = {
 };
 export {
   l as meta,
-  d as propsMeta
+  n as propsMeta
 };

package/lib/input.ws.js

@@ -12,7 +12,6 @@ const r = {
   ]
 }, c = {
   category: "forms",
-  type: "control",
   label: "Text Input",
   description: "A single-line text input for collecting string data from your users.",
   icon: e,

package/lib/option.ws.js

@@ -16,7 +16,6 @@ const l = {
   ]
 }, r = {
   category: "hidden",
-  type: "control",
   description: "An item within a drop-down menu that users can select as their chosen value.",
   icon: e,
   presetStyle: l,

package/lib/radio-button.ws.js

@@ -11,7 +11,6 @@ const a = {
     }
   ]
 }, s = {
-  type: "control",
   label: "Radio",
   icon: e,
   presetStyle: a,
@@ -26,11 +25,11 @@ const a = {
     //{ selector: ":read-only", label: "Read Only" },
     //{ selector: ":read-write", label: "Read Write" },
   ]
-}, n = {
+}, m = {
   props: r,
   initialProps: ["id", "className", "name", "value", "required", "checked"]
 };
 export {
   s as meta,
-  n as propsMeta
+  m as propsMeta
 };

package/lib/separator.ws.js

@@ -32,7 +32,6 @@ const p = {
   ]
 }, n = {
   category: "general",
-  type: "embed",
   description: "Used to visually divide sections of content, helping to improve readability and organization within a webpage.",
   icon: e,
   states: o,

package/lib/textarea.ws.js

@@ -12,14 +12,17 @@ const l = {
       value: { type: "keyword", value: "block" }
     }
   ]
-}, c = {
+}, n = {
   category: "forms",
-  type: "control",
   label: "Text Area",
   description: "A multi-line text input for collecting longer string data from your users.",
   icon: e,
   presetStyle: l,
   order: 4,
+  contentModel: {
+    category: "instance",
+    children: []
+  },
   states: [
     ...r,
     { selector: "::placeholder", label: "Placeholder" },
@@ -33,7 +36,7 @@ const l = {
     //{ selector: ":read-only", label: "Read Only" },
     //{ selector: ":read-write", label: "Read Write" },
   ]
-}, n = {
+}, p = {
   props: t,
   initialProps: [
     "id",
@@ -46,6 +49,6 @@ const l = {
   ]
 };
 export {
-  c as meta,
-  n as propsMeta
+  n as meta,
+  p as propsMeta
 };

package/lib/video.ws.js

@@ -1,9 +1,12 @@
 import { VideoIcon as o } from "@webstudio-is/icons/svg";
 import "@webstudio-is/sdk";
 import { props as t } from "./__generated__/video.props.js";
-const r = {
-  type: "control",
+const p = {
   icon: o,
+  contentModel: {
+    category: "instance",
+    children: []
+  },
   presetStyle: {
     video: [
       {
@@ -12,7 +15,7 @@ const r = {
       }
     ]
   }
-}, a = {
+}, n = {
   props: t,
   initialProps: [
     "id",
@@ -29,6 +32,6 @@ const r = {
   ]
 };
 export {
-  r as meta,
-  a as propsMeta
+  p as meta,
+  n as propsMeta
 };

package/lib/vimeo-preview-image.ws.js

@@ -1,12 +1,12 @@
 import { meta as e, propsMeta as o } from "./image.ws.js";
 import { props as r } from "./__generated__/vimeo-preview-image.props.js";
-const a = {
+const p = {
   ...e,
   category: "hidden",
   label: "Preview Image",
   contentModel: {
     category: "none",
-    children: ["empty"]
+    children: []
   }
 }, i = {
   props: {
@@ -22,6 +22,6 @@ const a = {
   initialProps: o.initialProps
 };
 export {
-  a as meta,
+  p as meta,
   i as propsMeta
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.214.0",
+  "version": "0.216.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -49,10 +49,10 @@
     "colord": "^2.9.3",
     "micromark": "^4.0.2",
     "micromark-extension-gfm-table": "^2.1.1",
-    "@webstudio-is/icons": "0.214.0",
-    "@webstudio-is/react-sdk": "0.214.0",
-    "@webstudio-is/image": "0.214.0",
-    "@webstudio-is/sdk": "0.214.0"
+    "@webstudio-is/icons": "0.216.0",
+    "@webstudio-is/image": "0.216.0",
+    "@webstudio-is/react-sdk": "0.216.0",
+    "@webstudio-is/sdk": "0.216.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
@@ -63,9 +63,9 @@
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "vitest": "^3.0.8",
-    "@webstudio-is/sdk-cli": "0.94.0",
     "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/template": "0.214.0",
+    "@webstudio-is/template": "0.216.0",
+    "@webstudio-is/sdk-cli": "0.94.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {