@webstudio-is/react-sdk 0.5.0 → 0.5.1

package/lib/components/form.props.json

@@ -623,7 +623,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["yes", "no"]
+        "options": [
+            "yes",
+            "no"
+        ]
     },
     "radioGroup": {
         "defaultValue": null,
@@ -1116,7 +1119,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["on", "off"]
+        "options": [
+            "on",
+            "off"
+        ]
     },
     "inputMode": {
         "defaultValue": null,
@@ -1279,7 +1285,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["list", "none", "inline", "both"]
+        "options": [
+            "list",
+            "none",
+            "inline",
+            "both"
+        ]
     },
     "aria-busy": {
         "defaultValue": null,
@@ -1543,7 +1554,14 @@
         "control": {
             "type": "select"
         },
-        "options": ["link", "none", "copy", "execute", "move", "popup"]
+        "options": [
+            "link",
+            "none",
+            "copy",
+            "execute",
+            "move",
+            "popup"
+        ]
     },
     "aria-errormessage": {
         "defaultValue": null,
@@ -1820,7 +1838,11 @@
         "control": {
             "type": "radio"
         },
-        "options": ["off", "assertive", "polite"]
+        "options": [
+            "off",
+            "assertive",
+            "polite"
+        ]
     },
     "aria-modal": {
         "defaultValue": null,
@@ -1918,7 +1940,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["horizontal", "vertical"]
+        "options": [
+            "horizontal",
+            "vertical"
+        ]
     },
     "aria-owns": {
         "defaultValue": null,
@@ -2287,7 +2312,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["none", "ascending", "descending", "other"]
+        "options": [
+            "none",
+            "ascending",
+            "descending",
+            "other"
+        ]
     },
     "aria-valuemax": {
         "defaultValue": null,

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

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

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

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

package/lib/components/form.ws.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const icons_1 = require("@webstudio-is/icons");
+const form_1 = require("./form");
+const defaultStyle = {
+    minHeight: {
+        type: "unit",
+        unit: "px",
+        value: 20,
+    },
+    boxSizing: {
+        type: "keyword",
+        value: "border-box",
+    },
+};
+const meta = {
+    Icon: icons_1.FormIcon,
+    Component: form_1.Form,
+    defaultStyle,
+    canAcceptChildren: true,
+    isContentEditable: false,
+    isInlineOnly: false,
+    isListed: true,
+    label: "Form",
+};
+exports.default = meta;

package/lib/components/heading.d.ts

@@ -1,8 +1,8 @@
-import React, { type ComponentProps } from "react";
+import { type ComponentProps } from "react";
 declare const defaultTag = "h1";
 declare type Props = ComponentProps<typeof defaultTag> & {
     tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 };
-export declare const Heading: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.HTMLAttributes<HTMLHeadingElement> | "tag"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading: import("react").ForwardRefExoticComponent<Pick<Props, "key" | "tag" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & import("react").RefAttributes<HTMLHeadingElement>>;
 export {};
 //# sourceMappingURL=heading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,UAAU,OAAO,CAAC;AAExB,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC/C,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,OAAO,wJAInB,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,UAAU,OAAO,CAAC;AAExB,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC/C,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,OAAO,sLAInB,CAAC"}

package/lib/components/heading.js

@@ -3,10 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heading = void 0;
 const react_1 = require("react");
 const defaultTag = "h1";
-exports.Heading = (0, react_1.forwardRef)(({ tag, ...props }, ref) => {
+exports.Heading = (0, react_1.forwardRef)(({ tag = defaultTag, ...props }, ref) => {
     return (0, react_1.createElement)(tag, { ...props, ref });
 });
-exports.Heading.defaultProps = {
-    tag: "h1",
-};
 exports.Heading.displayName = "Heading";

package/lib/components/heading.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,
@@ -2241,6 +2271,13 @@
         "control": {
             "type": "select"
         },
-        "options": ["h1", "h2", "h3", "h4", "h5", "h6"]
+        "options": [
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6"
+        ]
     }
 }

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

@@ -2,9 +2,9 @@ import React from "react";
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
 declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
     tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLHeadingElement> | "tag"> & React.RefAttributes<HTMLHeadingElement>>>;
+}, "key" | "tag" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>>;
 export default _default;
 export declare const Heading: ComponentStory<React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
     tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLHeadingElement> | "tag"> & React.RefAttributes<HTMLHeadingElement>>>;
+}, "key" | "tag" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>>;
 //# sourceMappingURL=heading.stories.d.ts.map

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

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

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

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

package/lib/components/heading.ws.js

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

package/lib/components/index.d.ts

@@ -1,11 +1,12 @@
-export * from "./box";
-export * from "./text-block";
-export * from "./heading";
-export * from "./paragraph";
-export * from "./link";
-export * from "./bold";
-export * from "./italic";
-export * from "./button";
-export * from "./input";
-export * from "./form";
+export { default as Body } from "./body.ws";
+export { default as Box } from "./box.ws";
+export { default as TextBlock } from "./text-block.ws";
+export { default as Heading } from "./heading.ws";
+export { default as Paragraph } from "./paragraph.ws";
+export { default as Link } from "./link.ws";
+export { default as Bold } from "./bold.ws";
+export { default as Italic } from "./italic.ws";
+export { default as Button } from "./button.ws";
+export { default as Input } from "./input.ws";
+export { default as Form } from "./form.ws";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/index.js

@@ -1,26 +1,28 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./box"), exports);
-__exportStar(require("./text-block"), exports);
-__exportStar(require("./heading"), exports);
-__exportStar(require("./paragraph"), exports);
-__exportStar(require("./link"), exports);
-__exportStar(require("./bold"), exports);
-__exportStar(require("./italic"), exports);
-__exportStar(require("./button"), exports);
-__exportStar(require("./input"), exports);
-__exportStar(require("./form"), exports);
+exports.Form = exports.Input = exports.Button = exports.Italic = exports.Bold = exports.Link = exports.Paragraph = exports.Heading = exports.TextBlock = exports.Box = exports.Body = void 0;
+var body_ws_1 = require("./body.ws");
+Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return __importDefault(body_ws_1).default; } });
+var box_ws_1 = require("./box.ws");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return __importDefault(box_ws_1).default; } });
+var text_block_ws_1 = require("./text-block.ws");
+Object.defineProperty(exports, "TextBlock", { enumerable: true, get: function () { return __importDefault(text_block_ws_1).default; } });
+var heading_ws_1 = require("./heading.ws");
+Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return __importDefault(heading_ws_1).default; } });
+var paragraph_ws_1 = require("./paragraph.ws");
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return __importDefault(paragraph_ws_1).default; } });
+var link_ws_1 = require("./link.ws");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(link_ws_1).default; } });
+var bold_ws_1 = require("./bold.ws");
+Object.defineProperty(exports, "Bold", { enumerable: true, get: function () { return __importDefault(bold_ws_1).default; } });
+var italic_ws_1 = require("./italic.ws");
+Object.defineProperty(exports, "Italic", { enumerable: true, get: function () { return __importDefault(italic_ws_1).default; } });
+var button_ws_1 = require("./button.ws");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_ws_1).default; } });
+var input_ws_1 = require("./input.ws");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(input_ws_1).default; } });
+var form_ws_1 = require("./form.ws");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return __importDefault(form_ws_1).default; } });

package/lib/components/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/lib/components/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/components/index.test.ts"],"names":[],"mappings":""}

package/lib/components/index.test.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const components = __importStar(require("./index"));
+const component_type_1 = require("./component-type");
+test.each(Object.entries(components))("validating meta definition of %s", (name, component) => {
+    if (name === "default") {
+        return;
+    }
+    component_type_1.WsComponentMetaSchema.parse(component);
+});

package/lib/components/input.props.json

@@ -330,7 +330,15 @@
         "control": {
             "type": "select"
         },
-        "options": ["enter", "done", "go", "next", "previous", "search", "send"]
+        "options": [
+            "enter",
+            "done",
+            "go",
+            "next",
+            "previous",
+            "search",
+            "send"
+        ]
     },
     "formAction": {
         "defaultValue": null,
@@ -1198,7 +1206,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["yes", "no"]
+        "options": [
+            "yes",
+            "no"
+        ]
     },
     "radioGroup": {
         "defaultValue": null,
@@ -1691,7 +1702,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["on", "off"]
+        "options": [
+            "on",
+            "off"
+        ]
     },
     "inputMode": {
         "defaultValue": null,
@@ -1854,7 +1868,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["list", "none", "inline", "both"]
+        "options": [
+            "list",
+            "none",
+            "inline",
+            "both"
+        ]
     },
     "aria-busy": {
         "defaultValue": null,
@@ -2118,7 +2137,14 @@
         "control": {
             "type": "select"
         },
-        "options": ["link", "none", "copy", "execute", "move", "popup"]
+        "options": [
+            "link",
+            "none",
+            "copy",
+            "execute",
+            "move",
+            "popup"
+        ]
     },
     "aria-errormessage": {
         "defaultValue": null,
@@ -2395,7 +2421,11 @@
         "control": {
             "type": "radio"
         },
-        "options": ["off", "assertive", "polite"]
+        "options": [
+            "off",
+            "assertive",
+            "polite"
+        ]
     },
     "aria-modal": {
         "defaultValue": null,
@@ -2493,7 +2523,10 @@
         "control": {
             "type": "radio"
         },
-        "options": ["horizontal", "vertical"]
+        "options": [
+            "horizontal",
+            "vertical"
+        ]
     },
     "aria-owns": {
         "defaultValue": null,
@@ -2862,7 +2895,12 @@
         "control": {
             "type": "radio"
         },
-        "options": ["none", "ascending", "descending", "other"]
+        "options": [
+            "none",
+            "ascending",
+            "descending",
+            "other"
+        ]
     },
     "aria-valuemax": {
         "defaultValue": null,

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

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

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

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

package/lib/components/input.ws.js

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

package/lib/components/italic.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,