@webstudio-is/react-sdk 0.59.0 → 0.61.0

package/lib/cjs/embed-template.js

@@ -0,0 +1,160 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var embed_template_exports = {};
+__export(embed_template_exports, {
+  EmbedTemplateInstance: () => EmbedTemplateInstance,
+  EmbedTemplateStyleDecl: () => EmbedTemplateStyleDecl,
+  WsEmbedTemplate: () => WsEmbedTemplate,
+  generateDataFromEmbedTemplate: () => generateDataFromEmbedTemplate
+});
+module.exports = __toCommonJS(embed_template_exports);
+var import_zod = require("zod");
+var import_nanoid = require("nanoid");
+var import_css_data = require("@webstudio-is/css-data");
+const EmbedTemplateText = import_zod.z.object({
+  type: import_zod.z.literal("text"),
+  value: import_zod.z.string()
+});
+const EmbedTemplateProp = import_zod.z.union([
+  import_zod.z.object({
+    type: import_zod.z.literal("number"),
+    name: import_zod.z.string(),
+    value: import_zod.z.number()
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("string"),
+    name: import_zod.z.string(),
+    value: import_zod.z.string()
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("boolean"),
+    name: import_zod.z.string(),
+    value: import_zod.z.boolean()
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("string[]"),
+    name: import_zod.z.string(),
+    value: import_zod.z.array(import_zod.z.string())
+  })
+]);
+const EmbedTemplateStyleDecl = import_zod.z.object({
+  state: import_zod.z.optional(import_zod.z.string()),
+  property: import_zod.z.string(),
+  value: import_css_data.StyleValue
+});
+const EmbedTemplateInstance = import_zod.z.lazy(
+  () => import_zod.z.object({
+    type: import_zod.z.literal("instance"),
+    component: import_zod.z.string(),
+    props: import_zod.z.optional(import_zod.z.array(EmbedTemplateProp)),
+    styles: import_zod.z.optional(import_zod.z.array(EmbedTemplateStyleDecl)),
+    children: WsEmbedTemplate
+  })
+);
+const WsEmbedTemplate = import_zod.z.lazy(
+  () => import_zod.z.array(import_zod.z.union([EmbedTemplateInstance, EmbedTemplateText]))
+);
+const createInstancesFromTemplate = (treeTemplate, instances, props, styleSourceSelections, styleSources, styles, defaultBreakpointId) => {
+  const parentChildren = [];
+  for (const item of treeTemplate) {
+    if (item.type === "instance") {
+      const instanceId = (0, import_nanoid.nanoid)();
+      if (item.props) {
+        for (const prop of item.props) {
+          props.push({
+            id: (0, import_nanoid.nanoid)(),
+            instanceId,
+            ...prop
+          });
+        }
+      }
+      if (item.styles) {
+        const styleSourceId = (0, import_nanoid.nanoid)();
+        styleSources.push({
+          type: "local",
+          id: styleSourceId
+        });
+        styleSourceSelections.push({
+          instanceId,
+          values: [styleSourceId]
+        });
+        for (const styleDecl of item.styles) {
+          styles.push({
+            breakpointId: defaultBreakpointId,
+            styleSourceId,
+            state: styleDecl.state,
+            property: styleDecl.property,
+            value: styleDecl.value
+          });
+        }
+      }
+      const instance = {
+        type: "instance",
+        id: instanceId,
+        component: item.component,
+        children: []
+      };
+      instances.push(instance);
+      instance.children = createInstancesFromTemplate(
+        item.children,
+        instances,
+        props,
+        styleSourceSelections,
+        styleSources,
+        styles,
+        defaultBreakpointId
+      );
+      parentChildren.push({
+        type: "id",
+        value: instanceId
+      });
+    }
+    if (item.type === "text") {
+      parentChildren.push({
+        type: "text",
+        value: item.value
+      });
+    }
+  }
+  return parentChildren;
+};
+const generateDataFromEmbedTemplate = (treeTemplate, defaultBreakpointId) => {
+  const instances = [];
+  const props = [];
+  const styleSourceSelections = [];
+  const styleSources = [];
+  const styles = [];
+  const children = createInstancesFromTemplate(
+    treeTemplate,
+    instances,
+    props,
+    styleSourceSelections,
+    styleSources,
+    styles,
+    defaultBreakpointId
+  );
+  return {
+    children,
+    instances,
+    props,
+    styleSourceSelections,
+    styleSources,
+    styles
+  };
+};

package/lib/cjs/index.js

@@ -34,3 +34,4 @@ __reExport(src_exports, require("./components/components"), module.exports);
 __reExport(src_exports, require("./components/components-utils"), module.exports);
 var import_custom_components = require("./app/custom-components");
 var import_component_meta = require("./components/component-meta");
+__reExport(src_exports, require("./embed-template"), module.exports);

package/lib/components/__generated__/blockquote.props.js

@@ -16,6 +16,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -24,6 +25,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -36,11 +38,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/body.props.js

@@ -15,6 +15,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -23,6 +24,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -35,11 +37,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/bold.props.js

@@ -15,6 +15,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -23,6 +24,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -35,11 +37,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/box.props.js

@@ -15,6 +15,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -23,6 +24,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -35,11 +37,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/button.props.js

@@ -3,7 +3,6 @@ const props = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  autoFocus: { required: false, control: "boolean", type: "boolean" },
   disabled: { required: false, control: "boolean", type: "boolean" },
   formAction: { required: false, control: "text", type: "string" },
   formEncType: { required: false, control: "text", type: "string" },
@@ -32,6 +31,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -40,6 +40,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -52,11 +53,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/code.props.js

@@ -16,6 +16,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -24,6 +25,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -36,11 +38,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/form.props.js

@@ -23,6 +23,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -31,6 +32,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -43,11 +45,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/heading.props.js

@@ -15,6 +15,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -23,6 +24,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -35,11 +37,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/image.props.js

@@ -56,6 +56,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -64,6 +65,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -76,11 +78,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/input.props.js

@@ -7,10 +7,14 @@ const props = {
   accept: { required: false, control: "text", type: "string" },
   alt: { required: false, control: "text", type: "string" },
   autoComplete: { required: false, control: "text", type: "string" },
-  autoFocus: { required: false, control: "boolean", type: "boolean" },
   capture: { required: false, control: "text", type: "string" },
   checked: { required: false, control: "boolean", type: "boolean" },
-  crossOrigin: { required: false, control: "text", type: "string" },
+  crossOrigin: {
+    required: false,
+    control: "radio",
+    type: "string",
+    options: ["", "anonymous", "use-credentials"]
+  },
   disabled: { required: false, control: "boolean", type: "boolean" },
   enterKeyHint: {
     required: false,
@@ -54,6 +58,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -62,6 +67,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
   translate: {
@@ -73,11 +79,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/italic.props.js

@@ -15,6 +15,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -23,6 +24,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -35,11 +37,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/link-block.props.js

@@ -13,7 +13,6 @@ const props = {
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
-  rel: { required: false, control: "text", type: "string" },
   type: { required: false, control: "text", type: "string" },
   referrerPolicy: {
     required: false,
@@ -44,6 +43,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -52,6 +52,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -64,11 +65,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/link.props.js

@@ -13,7 +13,6 @@ const props = {
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
-  rel: { required: false, control: "text", type: "string" },
   type: { required: false, control: "text", type: "string" },
   referrerPolicy: {
     required: false,
@@ -44,6 +43,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -52,6 +52,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -64,11 +65,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },

package/lib/components/__generated__/list-item.props.js

@@ -16,6 +16,7 @@ const props = {
     type: "boolean"
   },
   accessKey: { required: false, control: "text", type: "string" },
+  autoFocus: { required: false, control: "boolean", type: "boolean" },
   className: { required: false, control: "text", type: "string" },
   contentEditable: { required: false, control: "text", type: "string" },
   contextMenu: { required: false, control: "text", type: "string" },
@@ -24,6 +25,7 @@ const props = {
   hidden: { required: false, control: "boolean", type: "boolean" },
   id: { required: false, control: "text", type: "string" },
   lang: { required: false, control: "text", type: "string" },
+  nonce: { required: false, control: "text", type: "string" },
   placeholder: { required: false, control: "text", type: "string" },
   spellCheck: { required: false, control: "boolean", type: "boolean" },
   tabIndex: { required: false, control: "number", type: "number" },
@@ -36,11 +38,14 @@ const props = {
   radioGroup: { required: false, control: "text", type: "string" },
   role: { required: false, control: "text", type: "string" },
   about: { required: false, control: "text", type: "string" },
+  content: { required: false, control: "text", type: "string" },
   datatype: { required: false, control: "text", type: "string" },
   inlist: { required: false, control: "text", type: "string" },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
+  rel: { required: false, control: "text", type: "string" },
   resource: { required: false, control: "text", type: "string" },
+  rev: { required: false, control: "text", type: "string" },
   typeof: { required: false, control: "text", type: "string" },
   vocab: { required: false, control: "text", type: "string" },
   autoCapitalize: { required: false, control: "text", type: "string" },