@webstudio-is/sdk 0.218.0 → 0.219.0

package/lib/index.js

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
 // src/schema/assets.ts
 import { z } from "zod";
 import { FontFormat, FontMeta } from "@webstudio-is/fonts";
@@ -911,10 +917,109 @@ import {
   PaintBrushIcon,
   SettingsIcon,
   AddTemplateInstanceIcon,
-  HtmlElementIcon
+  BoxIcon
 } from "@webstudio-is/icons/svg";
 
 // src/__generated__/normalize.css.ts
+var normalize_css_exports = {};
+__export(normalize_css_exports, {
+  a: () => a,
+  address: () => address,
+  article: () => article,
+  aside: () => aside,
+  b: () => b,
+  body: () => body,
+  button: () => button,
+  checkbox: () => checkbox,
+  code: () => code,
+  div: () => div,
+  figure: () => figure,
+  footer: () => footer,
+  form: () => form,
+  h1: () => h1,
+  h2: () => h2,
+  h3: () => h3,
+  h4: () => h4,
+  h5: () => h5,
+  h6: () => h6,
+  header: () => header,
+  hr: () => hr,
+  html: () => html,
+  i: () => i,
+  img: () => img,
+  input: () => input,
+  kbd: () => kbd,
+  label: () => label,
+  legend: () => legend,
+  li: () => li,
+  main: () => main,
+  nav: () => nav,
+  ol: () => ol,
+  optgroup: () => optgroup,
+  p: () => p,
+  pre: () => pre,
+  progress: () => progress,
+  radio: () => radio,
+  samp: () => samp,
+  section: () => section,
+  select: () => select,
+  small: () => small,
+  span: () => span,
+  strong: () => strong,
+  sub: () => sub,
+  summary: () => summary,
+  sup: () => sup,
+  table: () => table,
+  textarea: () => textarea,
+  time: () => time,
+  ul: () => ul
+});
+var div = [
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "outline-width", value: { type: "unit", unit: "px", value: 1 } }
+];
+var address = div;
+var article = div;
+var aside = div;
+var figure = div;
+var footer = div;
+var header = div;
+var main = div;
+var nav = div;
+var section = div;
+var form = div;
+var label = div;
+var time = div;
+var h1 = div;
+var h2 = div;
+var h3 = div;
+var h4 = div;
+var h5 = div;
+var h6 = div;
+var i = div;
+var img = div;
+var a = div;
+var li = div;
+var ul = div;
+var ol = div;
+var p = div;
+var span = div;
 var html = [
   { property: "display", value: { type: "keyword", value: "grid" } },
   { property: "min-height", value: { type: "unit", unit: "%", value: 100 } },
@@ -932,6 +1037,602 @@ var html = [
     value: { type: "keyword", value: "preserve" }
   }
 ];
+var body = [
+  { property: "margin-top", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "margin-right",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-bottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-left",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var hr = [
+  { property: "height", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "color", value: { type: "keyword", value: "inherit" } },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var b = [
+  {
+    property: "font-weight",
+    value: { type: "unit", unit: "number", value: 700 }
+  },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var strong = b;
+var code = [
+  {
+    property: "font-family",
+    value: {
+      type: "fontFamily",
+      value: [
+        "ui-monospace",
+        "SFMono-Regular",
+        "Consolas",
+        "Liberation Mono",
+        "Menlo",
+        "monospace"
+      ]
+    }
+  },
+  { property: "font-size", value: { type: "unit", unit: "em", value: 1 } },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var kbd = code;
+var samp = code;
+var pre = code;
+var small = [
+  { property: "font-size", value: { type: "unit", unit: "%", value: 80 } },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var sub = [
+  { property: "font-size", value: { type: "unit", unit: "%", value: 75 } },
+  {
+    property: "line-height",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "position", value: { type: "keyword", value: "relative" } },
+  { property: "vertical-align", value: { type: "keyword", value: "baseline" } },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "bottom", value: { type: "unit", unit: "em", value: -0.25 } }
+];
+var sup = [
+  { property: "font-size", value: { type: "unit", unit: "%", value: 75 } },
+  {
+    property: "line-height",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "position", value: { type: "keyword", value: "relative" } },
+  { property: "vertical-align", value: { type: "keyword", value: "baseline" } },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "top", value: { type: "unit", unit: "em", value: -0.5 } }
+];
+var table = [
+  {
+    property: "text-indent",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-top-color",
+    value: { type: "keyword", value: "inherit" }
+  },
+  {
+    property: "border-right-color",
+    value: { type: "keyword", value: "inherit" }
+  },
+  {
+    property: "border-bottom-color",
+    value: { type: "keyword", value: "inherit" }
+  },
+  {
+    property: "border-left-color",
+    value: { type: "keyword", value: "inherit" }
+  },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
+];
+var input = [
+  { property: "font-family", value: { type: "keyword", value: "inherit" } },
+  { property: "font-size", value: { type: "unit", unit: "%", value: 100 } },
+  {
+    property: "line-height",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  { property: "margin-top", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "margin-right",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-bottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-left",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "border-top-style", value: { type: "keyword", value: "solid" } },
+  {
+    property: "border-right-style",
+    value: { type: "keyword", value: "solid" }
+  },
+  {
+    property: "border-bottom-style",
+    value: { type: "keyword", value: "solid" }
+  },
+  { property: "border-left-style", value: { type: "keyword", value: "solid" } }
+];
+var textarea = input;
+var optgroup = [
+  { property: "font-family", value: { type: "keyword", value: "inherit" } },
+  { property: "font-size", value: { type: "unit", unit: "%", value: 100 } },
+  {
+    property: "line-height",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  { property: "margin-top", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "margin-right",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-bottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-left",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var radio = [
+  { property: "font-family", value: { type: "keyword", value: "inherit" } },
+  { property: "font-size", value: { type: "unit", unit: "%", value: 100 } },
+  {
+    property: "line-height",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  { property: "margin-top", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "margin-right",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-bottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-left",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "border-top-style", value: { type: "keyword", value: "none" } },
+  { property: "border-right-style", value: { type: "keyword", value: "none" } },
+  {
+    property: "border-bottom-style",
+    value: { type: "keyword", value: "none" }
+  },
+  { property: "border-left-style", value: { type: "keyword", value: "none" } }
+];
+var checkbox = radio;
+var button = [
+  { property: "font-family", value: { type: "keyword", value: "inherit" } },
+  { property: "font-size", value: { type: "unit", unit: "%", value: 100 } },
+  {
+    property: "line-height",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  { property: "margin-top", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "margin-right",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-bottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "margin-left",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "border-top-style", value: { type: "keyword", value: "solid" } },
+  {
+    property: "border-right-style",
+    value: { type: "keyword", value: "solid" }
+  },
+  {
+    property: "border-bottom-style",
+    value: { type: "keyword", value: "solid" }
+  },
+  { property: "border-left-style", value: { type: "keyword", value: "solid" } },
+  { property: "text-transform", value: { type: "keyword", value: "none" } }
+];
+var select = button;
+var legend = [
+  {
+    property: "padding-top",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "padding-right",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "padding-bottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "padding-left",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var progress = [
+  { property: "vertical-align", value: { type: "keyword", value: "baseline" } },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var summary = [
+  { property: "display", value: { type: "keyword", value: "list-item" } },
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
+  {
+    property: "border-top-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-right-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-bottom-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "border-left-width",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+
+// src/runtime.ts
+var tagProperty = "data-ws-tag";
+
+// src/__generated__/tags.ts
+var tags = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "bdi",
+  "bdo",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "label",
+  "legend",
+  "li",
+  "main",
+  "map",
+  "mark",
+  "menu",
+  "meter",
+  "nav",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "search",
+  "section",
+  "select",
+  "slot",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr"
+];
 
 // src/core-metas.ts
 var rootComponent = "ws:root";
@@ -948,10 +1649,19 @@ var rootPropsMeta = {
 var elementComponent = "ws:element";
 var elementMeta = {
   label: "Element",
-  icon: HtmlElementIcon
+  icon: BoxIcon,
+  // convert [object Module] to [object Object] to enable structured cloning
+  presetStyle: { ...normalize_css_exports }
 };
 var elementPropsMeta = {
-  props: {}
+  props: {
+    [tagProperty]: {
+      type: "string",
+      control: "tag",
+      required: true,
+      options: tags
+    }
+  }
 };
 var portalComponent = "Slot";
 var collectionComponent = "ws:collection";
@@ -1600,26 +2310,26 @@ var generateResources = ({
 `;
     generatedRequest += `    headers: [
 `;
-    for (const header of resource.headers) {
+    for (const header2 of resource.headers) {
       const value = generateExpression({
-        expression: header.value,
+        expression: header2.value,
         dataSources,
         usedDataSources,
         scope
       });
-      generatedRequest += `      { name: "${header.name}", value: ${value} },
+      generatedRequest += `      { name: "${header2.name}", value: ${value} },
 `;
     }
     generatedRequest += `    ],
 `;
     if (resource.body !== void 0 && resource.body.length > 0) {
-      const body = generateExpression({
+      const body2 = generateExpression({
         expression: resource.body,
         dataSources,
         usedDataSources,
         scope
       });
-      generatedRequest += `    body: ${body},
+      generatedRequest += `    body: ${body2},
 `;
     }
     generatedRequest += `  }
@@ -2189,6 +2899,7 @@ export {
   scrollAnimationSchema,
   stateCategories,
   systemParameter,
+  tags,
   transpileExpression,
   viewAnimationSchema
 };