├── .gitignore
├── src
    ├── db
    │   ├── index.ts
    │   ├── types.ts
    │   └── instance.ts
    ├── pubsub
    │   ├── index.ts
    │   ├── publish.ts
    │   └── subscribe.ts
    ├── stitches
    │   ├── index.ts
    │   ├── critical-css.tsx
    │   ├── css.ts
    │   ├── to-css.ts
    │   └── to-css.test.ts
    ├── tree
    │   ├── index.ts
    │   ├── root.ts
    │   ├── create-elements-tree.tsx
    │   └── wrapper-component.tsx
    ├── prisma.server.ts
    ├── user-props
    │   ├── index.ts
    │   ├── schema.ts
    │   ├── types.ts
    │   ├── all-user-props.ts
    │   └── use-user-props.ts
    ├── css
    │   ├── index.ts
    │   ├── breakpoints.ts
    │   ├── units.ts
    │   ├── types.ts
    │   ├── schema.ts
    │   ├── get-browser-style.ts
    │   └── categories.ts
    ├── index.ts
    ├── components
    │   ├── index.ts
    │   ├── bold.tsx
    │   ├── box.tsx
    │   ├── form.tsx
    │   ├── italic.tsx
    │   ├── heading.tsx
    │   ├── paragraph.tsx
    │   ├── text-block.tsx
    │   ├── link.tsx
    │   ├── input.tsx
    │   ├── button.tsx
    │   ├── form.stories.tsx
    │   ├── input.stories.tsx
    │   ├── meta.ts
    │   ├── link.stories.tsx
    │   ├── bold.stories.tsx
    │   ├── button.stories.tsx
    │   ├── box.stories.tsx
    │   ├── italic.stories.tsx
    │   ├── heading.stories.tsx
    │   ├── text-block.stories.tsx
    │   ├── paragraph.stories.tsx
    │   ├── bold.props.json
    │   └── box.props.json
    └── arg-types
    │   └── utils.ts
├── .storybook
    ├── preview.js
    └── main.js
├── jest.config.js
├── README.md
├── tsconfig.json
├── .github
    └── workflow
    │   └── main.yml
├── LICENSE
├── prisma
    └── schema.prisma
├── bin
    ├── generate-arg-types.ts
    └── mdn-data.ts
└── package.json


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .DS_Store
3 | yarn-error.log
4 | lib
5 | generated


--------------------------------------------------------------------------------
/src/db/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./types";
2 | export * from "./instance";
3 | 


--------------------------------------------------------------------------------
/src/pubsub/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./publish";
2 | export * from "./subscribe";
3 | 


--------------------------------------------------------------------------------
/src/stitches/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./to-css";
2 | export * from "./css";
3 | export * from "./critical-css";
4 | 


--------------------------------------------------------------------------------
/src/tree/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./create-elements-tree";
2 | export * from "./root";
3 | export * from "./wrapper-component";
4 | 


--------------------------------------------------------------------------------
/src/prisma.server.ts:
--------------------------------------------------------------------------------
1 | export { PrismaClient, Prisma } from "@prisma/client";
2 | export { PrismaClientKnownRequestError } from "@prisma/client/runtime";
3 | 


--------------------------------------------------------------------------------
/src/user-props/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./all-user-props";
2 | export * from "./use-user-props";
3 | export * from "./types";
4 | export * from "./schema";
5 | 


--------------------------------------------------------------------------------
/.storybook/preview.js:
--------------------------------------------------------------------------------
1 | export const parameters = {
2 |   actions: { argTypesRegex: "^on[A-Z].*" },
3 |   controls: {
4 |     matchers: {
5 |       color: /(background|color)$/i,
6 |       date: /Date$/,
7 |     },
8 |   },
9 | }


--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   testEnvironment: "node",
 3 |   testMatch: ["<rootDir>/src/**/*.test.ts"],
 4 |   transform: {
 5 |     "^.+\\.tsx?$": "esbuild-jest",
 6 |   },
 7 |   moduleNameMapper: {
 8 |     "^~/(.*)$": "<rootDir>/src/$1",
 9 |   },
10 | };
11 | 


--------------------------------------------------------------------------------
/src/css/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./properties";
2 | export * from "./units";
3 | export * from "./types";
4 | export * from "./get-browser-style";
5 | export * from "./categories";
6 | export * from "./keyword-values";
7 | export * from "./breakpoints";
8 | export * from "./schema";
9 | 


--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./css";
2 | export * from "./tree";
3 | export * from "./stitches";
4 | export * as components from "./components";
5 | export * as componentsMeta from "./components/meta";
6 | export * from "./user-props";
7 | export * from "./pubsub";
8 | export * from "./db";
9 | 


--------------------------------------------------------------------------------
/src/user-props/schema.ts:
--------------------------------------------------------------------------------
 1 | import { z } from "zod";
 2 | 
 3 | export const UserPropSchema = z.object({
 4 |   id: z.string(),
 5 |   prop: z.string(),
 6 |   value: z.union([z.string(), z.boolean()]),
 7 |   required: z.optional(z.boolean()),
 8 | });
 9 | 
10 | export const UserPropsSchema = z.array(UserPropSchema);
11 | 


--------------------------------------------------------------------------------
/src/components/index.ts:
--------------------------------------------------------------------------------
 1 | export * from "./box";
 2 | export * from "./text-block";
 3 | export * from "./heading";
 4 | export * from "./paragraph";
 5 | export * from "./link";
 6 | export * from "./bold";
 7 | export * from "./italic";
 8 | export * from "./button";
 9 | export * from "./input";
10 | export * from "./form";
11 | 


--------------------------------------------------------------------------------
/.storybook/main.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   "stories": [
 3 |     "../src/**/*.stories.mdx",
 4 |     "../src/**/*.stories.@(js|jsx|ts|tsx)"
 5 |   ],
 6 |   "addons": [
 7 |     "@storybook/addon-links",
 8 |     "@storybook/addon-essentials",
 9 |     "@storybook/addon-interactions"
10 |   ],
11 |   "framework": "@storybook/react"
12 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Webstudio SDK
2 | 
3 | Webstudio SDK is a TypeScript API that lets you use your Webstudio site or some components in your custom codebase or just render a complete Remix Document.
4 | It is currently under development, but feel free to play with the the current [landing site](https://github.com/webstudio-is/webstudio-landing)
5 | 


--------------------------------------------------------------------------------
/src/components/bold.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "b";
 4 | 
 5 | export const Bold = forwardRef<
 6 |   ElementRef<typeof defaultTag>,
 7 |   ComponentProps<typeof defaultTag>
 8 | >((props, ref) => <b {...props} ref={ref} />);
 9 | 
10 | Bold.displayName = "Bold";
11 | 


--------------------------------------------------------------------------------
/src/components/box.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "div";
 4 | 
 5 | export const Box = forwardRef<
 6 |   ElementRef<typeof defaultTag>,
 7 |   ComponentProps<typeof defaultTag>
 8 | >((props, ref) => <div {...props} ref={ref} />);
 9 | 
10 | Box.displayName = "Box";
11 | 


--------------------------------------------------------------------------------
/src/components/form.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "form";
 4 | 
 5 | export const Form = forwardRef<
 6 |   ElementRef<typeof defaultTag>,
 7 |   ComponentProps<typeof defaultTag>
 8 | >((props, ref) => <form {...props} ref={ref} />);
 9 | 
10 | Form.displayName = "Form";
11 | 


--------------------------------------------------------------------------------
/src/components/italic.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "i";
 4 | 
 5 | export const Italic = forwardRef<
 6 |   ElementRef<typeof defaultTag>,
 7 |   ComponentProps<typeof defaultTag>
 8 | >((props, ref) => <i {...props} ref={ref} />);
 9 | 
10 | Italic.displayName = "Italic";
11 | 


--------------------------------------------------------------------------------
/src/components/heading.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "h1";
 4 | 
 5 | export const Heading = forwardRef<
 6 |   ElementRef<typeof defaultTag>,
 7 |   ComponentProps<typeof defaultTag>
 8 | >((props, ref) => <h1 {...props} ref={ref} />);
 9 | 
10 | Heading.displayName = "Heading";
11 | 


--------------------------------------------------------------------------------
/src/components/paragraph.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "p";
 4 | 
 5 | export const Paragraph = forwardRef<
 6 |   ElementRef<typeof defaultTag>,
 7 |   ComponentProps<typeof defaultTag>
 8 | >((props, ref) => <p {...props} ref={ref} />);
 9 | 
10 | Paragraph.displayName = "Paragraph";
11 | 


--------------------------------------------------------------------------------
/src/components/text-block.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "div";
 4 | 
 5 | export const TextBlock = forwardRef<
 6 |   ElementRef<typeof defaultTag>,
 7 |   ComponentProps<typeof defaultTag>
 8 | >((props, ref) => <div {...props} ref={ref} />);
 9 | 
10 | TextBlock.displayName = "TextBlock";
11 | 


--------------------------------------------------------------------------------
/src/css/breakpoints.ts:
--------------------------------------------------------------------------------
 1 | import { type Breakpoint } from "./types";
 2 | 
 3 | export type BaseBreakpoint = Pick<Breakpoint, "label" | "minWidth">;
 4 | 
 5 | export const initialBreakpoints: Array<BaseBreakpoint> = [
 6 |   { label: "Mobile", minWidth: 360 },
 7 |   { label: "Tablet", minWidth: 768 },
 8 |   { label: "Laptop", minWidth: 1024 },
 9 |   { label: "Desktop", minWidth: 1280 },
10 | ];
11 | 


--------------------------------------------------------------------------------
/src/components/link.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "a";
 4 | 
 5 | export type LinkProps = Omit<ComponentProps<typeof defaultTag>, "href"> & {
 6 |     href?: string;
 7 | }
 8 | 
 9 | export const Link = forwardRef<
10 |   ElementRef<typeof defaultTag>,
11 |     LinkProps
12 | >(({href = '', ...props}, ref) => <a {...props} href={href} ref={ref} />);
13 | 
14 | Link.displayName = "Link";
15 | 


--------------------------------------------------------------------------------
/src/components/input.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "input";
 4 | 
 5 | export const Input = forwardRef<
 6 |   ElementRef<typeof defaultTag>,
 7 |   ComponentProps<typeof defaultTag>
 8 | // Make sure children are not passed down to an input, because this will result in error.
 9 | >(({ children: _children, ...props }, ref) => <input {...props} ref={ref} />);
10 | 
11 | Input.displayName = "Input";
12 | 


--------------------------------------------------------------------------------
/src/css/units.ts:
--------------------------------------------------------------------------------
 1 | // This file was generated by yarn mdn-data
 2 | export const units = [
 3 |   "ch",
 4 |   "cm",
 5 |   "deg",
 6 |   "dpcm",
 7 |   "dpi",
 8 |   "dppx",
 9 |   "em",
10 |   "ex",
11 |   "fr",
12 |   "grad",
13 |   "Hz",
14 |   "in",
15 |   "kHz",
16 |   "mm",
17 |   "ms",
18 |   "pc",
19 |   "pt",
20 |   "px",
21 |   "Q",
22 |   "rad",
23 |   "rem",
24 |   "s",
25 |   "turn",
26 |   "vh",
27 |   "vmax",
28 |   "vmin",
29 |   "vw",
30 |   "x",
31 |   "%"
32 | ] as const;


--------------------------------------------------------------------------------
/src/components/button.tsx:
--------------------------------------------------------------------------------
 1 | import React, { forwardRef, type ElementRef, type ComponentProps } from "react";
 2 | 
 3 | const defaultTag = "button";
 4 | 
 5 | export type ButtonProps = ComponentProps<typeof defaultTag>
 6 | 
 7 | export const Button = forwardRef<
 8 |   ElementRef<typeof defaultTag>,
 9 |   ButtonProps
10 | >((props, ref) => <button {...props} ref={ref} />);
11 | 
12 | Button.defaultProps = {
13 |     type: "submit", // Match the platform default
14 | }
15 | Button.displayName = "Button";
16 | 


--------------------------------------------------------------------------------
/src/db/types.ts:
--------------------------------------------------------------------------------
 1 | import type {
 2 |   InstanceProps as DbInstanceProps,
 3 |   Project,
 4 |   User,
 5 |   Breakpoints,
 6 | } from "@prisma/client";
 7 | import type { UserProp } from "../user-props";
 8 | import type { Instance } from "./instance";
 9 | 
10 | export type Tree = {
11 |   id: string;
12 |   root: Instance;
13 | };
14 | 
15 | export type InstanceProps = Omit<DbInstanceProps, "props"> & {
16 |   props: Array<UserProp>;
17 | };
18 | 
19 | export type { DbInstanceProps, Project, User, Breakpoints };
20 | 


--------------------------------------------------------------------------------
/src/user-props/types.ts:
--------------------------------------------------------------------------------
 1 | import { z } from "zod";
 2 | import type { InstanceProps, Instance } from "../db";
 3 | import { UserPropSchema } from "./schema";
 4 | 
 5 | export type UserProp = z.infer<typeof UserPropSchema>;
 6 | 
 7 | export type UserPropsUpdates = {
 8 |   treeId: InstanceProps["treeId"];
 9 |   propsId: InstanceProps["id"];
10 |   instanceId: Instance["id"];
11 |   updates: Array<UserProp>;
12 | };
13 | 
14 | export type DeleteProp = {
15 |   instanceId: Instance["id"];
16 |   propId: UserProp["id"];
17 | };
18 | 


--------------------------------------------------------------------------------
/src/stitches/critical-css.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { getCssText as getCssTextDefault } from "./css";
 3 | 
 4 | const criticalCssMarker = "__critical-css__";
 5 | 
 6 | export const CriticalCss = (): JSX.Element | null =>
 7 |   typeof document === "undefined" ? <>{criticalCssMarker}</> : null;
 8 | 
 9 | export const insertCriticalCss = (
10 |   markup: string,
11 |   getCssText: typeof getCssTextDefault = getCssTextDefault
12 | ): string => {
13 |   return markup.replace(criticalCssMarker, `<style>${getCssText()}</style>`);
14 | };
15 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "include": ["./src/**/*.ts", "./src/**/*.tsx"],
 3 |   "compilerOptions": {
 4 |     "lib": ["DOM", "DOM.Iterable", "ES2019"],
 5 |     "isolatedModules": true,
 6 |     "module": "commonjs",
 7 |     "esModuleInterop": true,
 8 |     "jsx": "react-jsx",
 9 |     "moduleResolution": "node",
10 |     "resolveJsonModule": true,
11 |     "target": "ES2019",
12 |     "strict": true,
13 |     "baseUrl": ".",
14 |     "paths": {
15 |       "~/*": ["./src/*"]
16 |     },
17 |     "declaration": true,
18 |     "outDir": "./lib"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/src/components/form.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { Form as FormPrimitive } from "./form";
 4 | import argTypes from "./form.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/Form",
 8 |   component: FormPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof FormPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof FormPrimitive> = (args) => (
13 |   <FormPrimitive {...args} />
14 | );
15 | 
16 | export const Form = Template.bind({});
17 | Form.args = {};
18 | 


--------------------------------------------------------------------------------
/src/components/input.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { Input as InputPrimitive } from "./input";
 4 | import argTypes from "./input.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/Input",
 8 |   component: InputPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof InputPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof InputPrimitive> = (args) => (
13 |   <InputPrimitive {...args} />
14 | );
15 | 
16 | export const Input = Template.bind({});
17 | Input.args = {};
18 | 


--------------------------------------------------------------------------------
/src/components/meta.ts:
--------------------------------------------------------------------------------
 1 | export { default as Button } from "./button.stories";
 2 | export { default as Bold } from "./bold.stories";
 3 | export { default as Box } from "./box.stories";
 4 | export { default as Form } from "./form.stories";
 5 | export { default as Heading } from "./heading.stories";
 6 | export { default as Input } from "./input.stories";
 7 | export { default as Italic } from "./italic.stories";
 8 | export { default as Link } from "./link.stories";
 9 | export { default as Paragraph } from "./paragraph.stories";
10 | export { default as TextBlock } from "./text-block.stories";
11 | 


--------------------------------------------------------------------------------
/src/components/link.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { Link as LinkPrimitive } from "./link";
 4 | import argTypes from "./link.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/Link",
 8 |   component: LinkPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof LinkPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof LinkPrimitive> = (args) => (
13 |   <LinkPrimitive {...args} />
14 | );
15 | 
16 | export const Link = Template.bind({});
17 | Link.args = {
18 |   children: "Link",
19 | };
20 | 


--------------------------------------------------------------------------------
/src/components/bold.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { Bold as BoldPrimitive } from "./bold";
 4 | import argTypes from "./bold.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/Bold",
 8 |   component: BoldPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof BoldPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof BoldPrimitive> = (args) => (
13 |   <BoldPrimitive {...args} />
14 | );
15 | 
16 | export const Bold = Template.bind({});
17 | Bold.args = {
18 |   children: "some bold text",
19 | };
20 | 


--------------------------------------------------------------------------------
/src/components/button.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentMeta, ComponentStory } from "@storybook/react";
 3 | import { Button as ButtonPrimitive } from "./button";
 4 | import argTypes from "./button.props.json";
 5 | 
 6 | export default {
 7 |   title: "Components/Button",
 8 |   component: ButtonPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof ButtonPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof ButtonPrimitive> = (args) => (
13 |   <ButtonPrimitive {...args} />
14 | );
15 | 
16 | export const Button = Template.bind({});
17 | 
18 | Button.args = {
19 |   children: "Test",
20 | };
21 | 


--------------------------------------------------------------------------------
/src/components/box.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { Box as BoxPrimitive } from "./box";
 4 | import argTypes from "./box.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/Box",
 8 |   component: BoxPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof BoxPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof BoxPrimitive> = (args) => (
13 |   <BoxPrimitive
14 |     {...args}
15 |     style={{ minHeight: 20, outline: "1px solid black" }}
16 |   />
17 | );
18 | 
19 | export const Box = Template.bind({});
20 | Box.args = {};
21 | 


--------------------------------------------------------------------------------
/src/components/italic.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { Italic as ItalicPrimitive } from "./italic";
 4 | import argTypes from "./italic.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/Italic",
 8 |   component: ItalicPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof ItalicPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof ItalicPrimitive> = (args) => (
13 |   <ItalicPrimitive {...args} />
14 | );
15 | 
16 | export const Italic = Template.bind({});
17 | Italic.args = {
18 |   children: "some italic text",
19 | };
20 | 


--------------------------------------------------------------------------------
/src/components/heading.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { Heading as HeadingPrimitive } from "./heading";
 4 | import argTypes from "./heading.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/Heading",
 8 |   component: HeadingPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof HeadingPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof HeadingPrimitive> = (args) => (
13 |   <HeadingPrimitive {...args} />
14 | );
15 | 
16 | export const Heading = Template.bind({});
17 | Heading.args = {
18 |   children: "Heading",
19 | };
20 | 


--------------------------------------------------------------------------------
/src/components/text-block.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { TextBlock as TextBlockPrimitive } from "./text-block";
 4 | import argTypes from "./text-block.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/TextBlock",
 8 |   component: TextBlockPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof TextBlockPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof TextBlockPrimitive> = (args) => (
13 |   <TextBlockPrimitive {...args} />
14 | );
15 | 
16 | export const TextBlock = Template.bind({});
17 | TextBlock.args = {
18 |   children: "text",
19 | };
20 | 


--------------------------------------------------------------------------------
/src/components/paragraph.stories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import type { ComponentStory, ComponentMeta } from "@storybook/react";
 3 | import { Paragraph as ParagraphPrimitive } from "./paragraph";
 4 | import argTypes from "./paragraph.props.json"
 5 | 
 6 | export default {
 7 |   title: "Components/Paragraph",
 8 |   component: ParagraphPrimitive,
 9 |   argTypes,
10 | } as ComponentMeta<typeof ParagraphPrimitive>;
11 | 
12 | const Template: ComponentStory<typeof ParagraphPrimitive> = (args) => (
13 |   <ParagraphPrimitive {...args} />
14 | );
15 | 
16 | export const Paragraph = Template.bind({});
17 | Paragraph.args = {
18 |   children: "paragraph",
19 | };
20 | 


--------------------------------------------------------------------------------
/src/db/instance.ts:
--------------------------------------------------------------------------------
 1 | import { z } from "zod";
 2 | import * as components from "../components";
 3 | import { type CssRule, CssRuleSchema } from "../css";
 4 | 
 5 | export type Instance = {
 6 |   id: string;
 7 |   component: keyof typeof components;
 8 |   children: Array<Instance | string>;
 9 |   cssRules: Array<CssRule>;
10 | };
11 | 
12 | export const InstanceSchema = z.lazy(
13 |   () =>
14 |     z.object({
15 |       id: z.string(),
16 |       component: z.string(),
17 |       children: z.array(z.union([InstanceSchema, z.string()])),
18 |       cssRules: z.array(CssRuleSchema),
19 |     })
20 |   // @todo can't figure out how to make component to be z.enum(Object.keys(components))
21 | ) as z.ZodType<Instance>;
22 | 


--------------------------------------------------------------------------------
/src/css/types.ts:
--------------------------------------------------------------------------------
 1 | import { z } from "zod";
 2 | import { properties } from "./properties";
 3 | import {
 4 |   BreakpointSchema,
 5 |   CssRuleSchema,
 6 |   StyleValueSchema,
 7 |   UnitSchema,
 8 | } from "./schema";
 9 | 
10 | type Properties = typeof properties;
11 | 
12 | export type StyleProperty = keyof Properties;
13 | 
14 | export type AppliesTo = Properties[StyleProperty]["appliesTo"];
15 | 
16 | export type Style = {
17 |   [property in StyleProperty]?: StyleValue;
18 | };
19 | 
20 | export type CssRule = z.infer<typeof CssRuleSchema>;
21 | 
22 | export type Unit = z.infer<typeof UnitSchema>;
23 | 
24 | export type StyleValue = z.infer<typeof StyleValueSchema>;
25 | 
26 | export type Breakpoint = z.infer<typeof BreakpointSchema>;
27 | 


--------------------------------------------------------------------------------
/.github/workflow/main.yml:
--------------------------------------------------------------------------------
 1 | name: Main workflow
 2 | on: [push]
 3 | jobs:
 4 |   checks:
 5 |     runs-on: ${{ matrix.os }}
 6 |     strategy:
 7 |       matrix:
 8 |         node: ["14.x", "16.x"]
 9 |         os: [ubuntu-latest]
10 |     steps:
11 |       - name: Checkout repo
12 |         uses: actions/checkout@v2
13 | 
14 |       # - name: Install deps and build (with cache)
15 |       #   uses: bahmutov/npm-install@v1
16 |       - run: yarn install
17 | 
18 |       - name: Next.js cache
19 |         uses: actions/cache@v2
20 |         with:
21 |           path: ${{ github.workspace }}/.next/cache
22 |           key: ${{ runner.os }}-${{ runner.node }}-${{ hashFiles('**/yarn.lock') }}-nextjs
23 | 
24 |       - run: yarn typecheck
25 |       - run: yarn test
26 |       - run: yarn build
27 | 


--------------------------------------------------------------------------------
/src/user-props/all-user-props.ts:
--------------------------------------------------------------------------------
 1 | import { useMemo } from "react";
 2 | import { createValueContainer, useValue } from "react-nano-state";
 3 | import type { InstanceProps, Instance } from "../db";
 4 | 
 5 | export type AllUserProps = { [id: Instance["id"]]: InstanceProps };
 6 | 
 7 | export const allUserPropsContainer = createValueContainer<AllUserProps>({});
 8 | 
 9 | export const useAllUserProps = (initialUserProps?: Array<InstanceProps>) => {
10 |   useMemo(() => {
11 |     if (initialUserProps === undefined) return;
12 |     const propsMap: AllUserProps = {};
13 |     for (const props of initialUserProps) {
14 |       propsMap[props.instanceId] = props;
15 |     }
16 |     //We don't need to trigger rerender when setting the initial value
17 |     allUserPropsContainer.value = propsMap;
18 |   }, []);
19 |   return useValue(allUserPropsContainer);
20 | };
21 | 


--------------------------------------------------------------------------------
/src/stitches/css.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStitches,
 3 |   globalCss,
 4 |   type CreateStitches,
 5 |   type CSS,
 6 |   css as createCss,
 7 | } from "@stitches/core";
 8 | import type {Breakpoint} from "../css";
 9 | 
10 | let media = {};
11 | 
12 | // @todo needs fixing
13 | let stitches: any;
14 | 
15 | export const getCachedConfig = () => {
16 |   if (stitches === undefined) {
17 |     stitches = createStitches({ media });
18 |   }
19 |   return stitches;
20 | };
21 | 
22 | export const css: typeof createCss = (...args) => {
23 |   return getCachedConfig().css(...args);
24 | };
25 | 
26 | export { globalCss };
27 | export { type CSS };
28 | 
29 | export const getCssText = (): string => {
30 |   return getCachedConfig().getCssText();
31 | };
32 | 
33 | export const setBreakpoints = (breakpoints: Array<Breakpoint>) => {
34 |   const nextMedia: Record<string, string> = {};
35 |   for (const breakpoint of breakpoints) {
36 |     nextMedia[breakpoint.id] = `(min-width: ${breakpoint.minWidth}px)`;
37 |   }
38 |   media = nextMedia;
39 |   stitches = undefined;
40 | };
41 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 Webstudio
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/tree/root.ts:
--------------------------------------------------------------------------------
 1 | import { useAllUserProps } from "../user-props/";
 2 | import type { Tree, InstanceProps } from "../db";
 3 | import type {Breakpoint} from '../css'
 4 | import { globalCss, setBreakpoints } from "../stitches";
 5 | import { createElementsTree } from "./create-elements-tree";
 6 | import {
 7 |   WrapperComponent,
 8 |   type WrapperComponentProps,
 9 | } from "./wrapper-component";
10 | 
11 | export type Data = {
12 |   tree: Tree | null;
13 |   breakpoints: Array<Breakpoint>;
14 |   props: Array<InstanceProps>;
15 | };
16 | 
17 | export const globalStyles = globalCss({
18 |   body: {
19 |     margin: 0,
20 |   },
21 | });
22 | 
23 | type RootProps = {
24 |   data: Data;
25 |   Component?: (props: WrapperComponentProps) => JSX.Element;
26 | };
27 | 
28 | export const Root = ({ data, Component }: RootProps): JSX.Element | null => {
29 |   if (data.tree === null) {
30 |     throw new Error("Tree is null");
31 |   }
32 |   setBreakpoints(data.breakpoints);
33 |   globalStyles();
34 |   useAllUserProps(data.props);
35 |   return createElementsTree({
36 |     instance: data.tree.root,
37 |     breakpoints: data.breakpoints,
38 |     Component: Component ?? WrapperComponent,
39 |   });
40 | };
41 | 


--------------------------------------------------------------------------------
/src/css/schema.ts:
--------------------------------------------------------------------------------
 1 | import { z } from "zod";
 2 | import { units } from "./units";
 3 | 
 4 | export const UnitSchema = z.union([z.enum(units), z.literal("number")]);
 5 | 
 6 | const UnitValueSchema = z.object({
 7 |   type: z.literal("unit"),
 8 |   unit: UnitSchema,
 9 |   value: z.number(),
10 | });
11 | 
12 | const KeywordValueSchema = z.object({
13 |   type: z.literal("keyword"),
14 |   // @todo use exact type
15 |   value: z.string(),
16 | });
17 | 
18 | // We want to be able to render the invalid value
19 | // and show it is invalid visually, without saving it to the db
20 | const InvalidValueSchema = z.object({
21 |   type: z.literal("invalid"),
22 |   value: z.string(),
23 | });
24 | 
25 | export const StyleValueSchema = z.union([
26 |   UnitValueSchema,
27 |   KeywordValueSchema,
28 |   InvalidValueSchema,
29 | ]);
30 | 
31 | export const StyleSchema = z.record(z.string(), StyleValueSchema);
32 | 
33 | export const CssRuleSchema = z.object({
34 |   style: StyleSchema,
35 |   breakpoint: z.string(),
36 | });
37 | 
38 | export const BreakpointSchema = z.object({
39 |   id: z.string(),
40 |   label: z.string(),
41 |   minWidth: z.number(),
42 | });
43 | 
44 | export const BreakpointsSchema = z.array(BreakpointSchema);
45 | 


--------------------------------------------------------------------------------
/src/user-props/use-user-props.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useMemo, useState } from "react";
 2 | import { type Instance } from "../db";
 3 | import { type UserProp } from "./types";
 4 | import { useAllUserProps } from "./all-user-props";
 5 | 
 6 | type UserProps = { [prop: UserProp["prop"]]: UserProp["value"] };
 7 | 
 8 | /**
 9 |  * User props mapped in prop:value format,
10 |  * up to date with props panel.
11 |  */
12 | export const useUserProps = (instanceId: Instance["id"]) => {
13 |   const [allUserProps, setAllUserProps] = useAllUserProps();
14 |   const propsData = allUserProps[instanceId];
15 |   const initialUserProps = useMemo(() => {
16 |     if (propsData === undefined) return {};
17 |     return propsData.props.reduce((props, { prop, value }) => {
18 |       props[prop] = value;
19 |       return props;
20 |     }, {} as UserProps); 
21 |   }, [propsData]);
22 | 
23 |   const [props, setProps] = useState<UserProps>(initialUserProps);
24 | 
25 |   useEffect(() => {
26 |     if (propsData == undefined) return;
27 |     const nextProps: UserProps = {};
28 |     for (const prop of propsData.props) {
29 |       nextProps[prop.prop] = prop.value;
30 |     }
31 |     setProps(nextProps);
32 |   }, [propsData]);
33 | 
34 |   return props;
35 | };
36 | 


--------------------------------------------------------------------------------
/src/pubsub/publish.ts:
--------------------------------------------------------------------------------
 1 | import { useRef, useCallback, MutableRefObject } from "react";
 2 | 
 3 | type Action<Type, Payload> = {
 4 |   type: Type;
 5 |   payload?: Payload;
 6 | };
 7 | 
 8 | export type Publish = <Type, Payload = undefined>(
 9 |   action: Action<Type, Payload>
10 | ) => void;
11 | 
12 | type UsePublish = [Publish, MutableRefObject<HTMLIFrameElement | null>];
13 | 
14 | /**
15 |  * To publish a postMessage event on the iframe and parent window from the parent window.
16 |  */
17 | export const usePublish = (): UsePublish => {
18 |   const iframeRef = useRef<HTMLIFrameElement>(null);
19 |   const publishCallback: Publish = useCallback(
20 |     (action) => {
21 |       const element = iframeRef.current;
22 |       if (element?.contentWindow == null) return;
23 |       element.contentWindow.postMessage(action, "*");
24 |       window.postMessage(action, "*");
25 |     },
26 |     [iframeRef]
27 |   );
28 |   return [publishCallback, iframeRef];
29 | };
30 | 
31 | /**
32 |  * To publish a postMessage event on the current window and parent window from the iframe.
33 |  */
34 | export const publish = <Type extends string, Payload = undefined>(
35 |   action: Action<Type, Payload>
36 | ) => {
37 |   window.parent.postMessage(action, "*");
38 |   window.postMessage(action, "*");
39 | };
40 | 


--------------------------------------------------------------------------------
/src/pubsub/subscribe.ts:
--------------------------------------------------------------------------------
 1 | import mitt from "mitt";
 2 | import { useEffect } from "react";
 3 | 
 4 | // @todo do we want to have a central map of all events/data?
 5 | // Pro - you can't use a wrong event with a wrong data
 6 | // Contra - if we have hundreds of events, this list will become a central thing to change,
 7 | // may result in maintenance downsides and merge conflicts, because it will have to import each data type
 8 | type Events = Record<string, any>;
 9 | 
10 | export const emitter = mitt<Events>();
11 | 
12 | if (typeof window === "object") {
13 |   window.addEventListener(
14 |     "message",
15 |     (event: MessageEvent) => {
16 |       // @todo this has no type safety built in, could be anything from any source.
17 |       // we could potentially maintain a list of valid event types, but see prior contra points.
18 |       if (typeof event.data?.type === "string") {
19 |         emitter.emit(event.data.type, event.data.payload);
20 |       }
21 |     },
22 |     false
23 |   );
24 | }
25 | 
26 | /**
27 |  * To subscribe a message event on the current window.
28 |  */
29 | export const useSubscribe = <Type extends string, Payload = undefined>(
30 |   type: Type,
31 |   onAction: (payload: Payload) => void
32 | ) => {
33 |   useEffect(() => {
34 |     emitter.on(type, onAction);
35 |     return () => {
36 |       emitter.off(type, onAction);
37 |     };
38 |   }, [type, onAction]);
39 | };
40 | 


--------------------------------------------------------------------------------
/src/css/get-browser-style.ts:
--------------------------------------------------------------------------------
 1 | import type { Style, StyleProperty, StyleValue, Unit } from "./types";
 2 | import { properties } from "./properties";
 3 | import { units } from "./units";
 4 | 
 5 | const unitRegex = new RegExp(`${units.join("|")}`);
 6 | 
 7 | // @todo use a parser
 8 | const parseValue = (property: StyleProperty, value: string): StyleValue => {
 9 |   const number = parseFloat(value);
10 |   const parsedUnit = unitRegex.exec(value);
11 |   if (value === "rgba(0, 0, 0, 0)") value = "transparent";
12 |   if (isNaN(number) || parsedUnit === null) {
13 |     return {
14 |       type: "keyword",
15 |       value,
16 |     };
17 |   }
18 | 
19 |   if (number === 0) {
20 |     return properties[property].initial;
21 |   }
22 | 
23 |   return {
24 |     type: "unit",
25 |     unit: parsedUnit[0] as Unit,
26 |     value: number,
27 |   };
28 | };
29 | 
30 | export const getBrowserStyle = (element?: Element): Style => {
31 |   const browserStyle: Style = {};
32 |   if (element === undefined) return browserStyle;
33 |   let knownProperty: StyleProperty;
34 |   const computedStyle = getComputedStyle(element);
35 |   for (knownProperty in properties) {
36 |     if (knownProperty in computedStyle === false) continue;
37 |     // @ts-ignore Typescript doesn't know we can access CSSStyleDeclaration properties by keys
38 |     const computedValue = computedStyle[knownProperty];
39 |     browserStyle[knownProperty] = parseValue(knownProperty, computedValue);
40 |   }
41 |   return browserStyle;
42 | };
43 | 


--------------------------------------------------------------------------------
/prisma/schema.prisma:
--------------------------------------------------------------------------------
 1 | // This is your Prisma schema file,
 2 | // learn more about it in the docs: https://pris.ly/d/prisma-schema
 3 | 
 4 | generator client {
 5 |   provider = "prisma-client-js"
 6 | }
 7 | 
 8 | datasource db {
 9 |   provider = "postgres"
10 |   url      = env("DATABASE_URL")
11 | }
12 | 
13 | model Team {
14 |   id    String @id @default(uuid())
15 |   users User[]
16 | 
17 | }
18 | 
19 | model User {
20 |   id        String    @id @default(uuid())
21 |   email     String?   @unique
22 |   provider  String?
23 |   image     String?
24 |   username  String?
25 |   createdAt DateTime  @default(now())
26 |   Team      Team?     @relation(fields: [teamId], references: [id])
27 |   teamId    String?
28 |   projects  Project[]
29 | }
30 | 
31 | model Project {
32 |   id                String  @id @default(uuid())
33 |   title             String
34 |   domain            String  @unique
35 |   prodTreeId        String? // exists when published
36 |   devTreeId         String
37 |   prodTreeIdHistory String  @default("[]")
38 |   User              User?   @relation(fields: [userId], references: [id])
39 |   userId            String?
40 | }
41 | 
42 | model Tree {
43 |   id   String @id @default(uuid())
44 |   root String
45 | }
46 | 
47 | model InstanceProps {
48 |   id         String @id @default(uuid())
49 |   instanceId String
50 |   treeId     String
51 |   props      String @default("[]")
52 | }
53 | 
54 | model Breakpoints {
55 |   treeId String @id @default(uuid())
56 |   values String @default("[]")
57 | }
58 | 


--------------------------------------------------------------------------------
/src/stitches/to-css.ts:
--------------------------------------------------------------------------------
 1 | import type { CSS } from "./css";
 2 | import type { StyleProperty, StyleValue, CssRule, Breakpoint } from "../css";
 3 | 
 4 | export const toValue = (value: StyleValue): string => {
 5 |   if (value.type === "unit") {
 6 |     return value.value + (value.unit === "number" ? "" : value.unit);
 7 |   }
 8 |   return value.value;
 9 | };
10 | 
11 | /**
12 |  * Convert instance cssRules to a stitches CSS object.
13 |  */
14 | export const toCss = (
15 |   cssRules: Array<CssRule>,
16 |   breakpoints: Array<Breakpoint>
17 | ): CSS => {
18 |   const css: CSS = {};
19 | 
20 |   const breakpointsMap: Record<Breakpoint["id"], number> = {};
21 |   for (const breakpoint of breakpoints) {
22 |     breakpointsMap[breakpoint.id] = breakpoint.minWidth;
23 |   }
24 | 
25 |   const sortedCssRules = [...cssRules].sort((ruleA, ruleB) => {
26 |     // If a rule references a breakpoint that was not found in breakpoints,
27 |     // we must have removed the breakpoint and now we fall back to 0.
28 |     const maxWidthA = breakpointsMap[ruleA.breakpoint] ?? 0;
29 |     const maxWidthB = breakpointsMap[ruleB.breakpoint] ?? 0;
30 |     return maxWidthA - maxWidthB;
31 |   });
32 | 
33 |   for (const cssRule of sortedCssRules) {
34 |     const style: CSS = {};
35 |     for (const property in cssRule.style) {
36 |       const value = cssRule.style[property as StyleProperty];
37 |       if (value === undefined) continue;
38 |       style[property] = toValue(value);
39 |     }
40 | 
41 |     if (cssRule.breakpoint in breakpointsMap) {
42 |       css["@" + cssRule.breakpoint] = style;
43 |       continue;
44 |     }
45 | 
46 |     Object.assign(css, style);
47 |   }
48 |   return css;
49 | };
50 | 


--------------------------------------------------------------------------------
/src/tree/create-elements-tree.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { toCss } from "../stitches";
 3 | import type { Instance } from "../db";
 4 | import type {Breakpoint} from '../css'
 5 | import { type WrapperComponentProps } from "./wrapper-component";
 6 | 
 7 | export type ChildrenUpdates = Array<
 8 |   | string
 9 |   // Updates an instance child
10 |   | { id: Instance["id"]; text: string }
11 |   // Creates a new child instance
12 |   | {
13 |       id: Instance["id"];
14 |       text: string;
15 |       component: Instance["component"];
16 |       createInstance: true;
17 |     }
18 | >;
19 | 
20 | export type OnChangeChildren = (change: {
21 |   instanceId: Instance["id"];
22 |   updates: ChildrenUpdates;
23 | }) => void;
24 | 
25 | export const createElementsTree = ({
26 |   instance,
27 |   breakpoints,
28 |   Component,
29 |   onChangeChildren,
30 | }: {
31 |   instance: Instance;
32 |   breakpoints: Array<Breakpoint>;
33 |   Component: (props: WrapperComponentProps) => JSX.Element;
34 |   onChangeChildren?: OnChangeChildren;
35 | }): JSX.Element => {
36 |   const children: Array<string | JSX.Element> = [];
37 | 
38 |   for (const child of instance.children) {
39 |     const element =
40 |       typeof child === "string"
41 |         ? child
42 |         : createElementsTree({
43 |             instance: child,
44 |             breakpoints,
45 |             Component,
46 |             onChangeChildren,
47 |           });
48 |     children.push(element);
49 |   }
50 | 
51 |   const props = {
52 |     instance,
53 |     children,
54 |     css: toCss(instance.cssRules, breakpoints),
55 |     key: instance.id,
56 |     onChangeChildren,
57 |   };
58 | 
59 |   return <Component {...props} />;
60 | };
61 | 


--------------------------------------------------------------------------------
/src/stitches/to-css.test.ts:
--------------------------------------------------------------------------------
 1 | import { type CssRule, initialBreakpoints, type Breakpoint } from "../css";
 2 | import { toCss } from "./to-css";
 3 | 
 4 | const breakpoints: Array<Breakpoint> = initialBreakpoints.map(
 5 |   (breakpoint, index) => ({
 6 |     ...breakpoint,
 7 |     id: String(index),
 8 |     projectId: "projectId",
 9 |   })
10 | );
11 | 
12 | describe("Convert WS CSS rules to stitches", () => {
13 |   test("basic", () => {
14 |     const cssRules: Array<CssRule> = [
15 |       {
16 |         style: {
17 |           color: {
18 |             type: "keyword",
19 |             value: "red",
20 |           },
21 |         },
22 |         breakpoint: "0",
23 |       },
24 |     ];
25 |     const stitchesCss = toCss(cssRules, breakpoints);
26 |     expect(stitchesCss).toEqual({
27 |       "@0": {
28 |         color: "red",
29 |       },
30 |     });
31 |   });
32 | 
33 |   test("sort order based on maxWidth in breakpoints", () => {
34 |     const cssRules: Array<CssRule> = [
35 |       {
36 |         style: {
37 |           color: {
38 |             type: "keyword",
39 |             value: "green",
40 |           },
41 |         },
42 |         breakpoint: "2",
43 |       },
44 | 
45 |       {
46 |         style: {
47 |           color: {
48 |             type: "keyword",
49 |             value: "blue",
50 |           },
51 |         },
52 |         breakpoint: "0",
53 |       },
54 |       {
55 |         style: {
56 |           color: {
57 |             type: "keyword",
58 |             value: "red",
59 |           },
60 |         },
61 |         breakpoint: "1",
62 |       },
63 |     ];
64 | 
65 |     const stitchesCss = toCss(cssRules, breakpoints);
66 |     expect(Object.keys(stitchesCss)).toStrictEqual(["@0", "@1", "@2"]);
67 |   });
68 | });
69 | 


--------------------------------------------------------------------------------
/bin/generate-arg-types.ts:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node --experimental-loader esbuild-node-loader
 2 | 
 3 | import path from "path";
 4 | import docgen from "react-docgen-typescript";
 5 | import fg from "fast-glob"
 6 | import fs from "fs-extra"
 7 | import {propsToArgTypes} from "../src/arg-types/utils";
 8 | 
 9 | const options = {
10 |     shouldExtractLiteralValuesFromEnum: true,
11 |     shouldRemoveUndefinedFromOptional: true,
12 | }
13 | 
14 | const componentsGlobString = process.argv.pop();
15 | const tsConfigPath = path.resolve(process.cwd(), "./tsconfig.json");
16 | 
17 | if (typeof componentsGlobString === "undefined") {
18 |     throw new Error("Please provide glob patterns (space separated) as arguments to match your components");
19 | }
20 | 
21 | // Search for components
22 | const globs = componentsGlobString.split(" ");
23 | const componentFiles = fg.sync(globs);
24 | 
25 | console.log(`Resolved tscofig.json at ${tsConfigPath}\n`);
26 | console.log(`Glob patterns used: \n${globs.join('\n')}\n`)
27 | console.log(`Found files to process: \n${componentFiles.join('\n')}\n`)
28 | 
29 | if (componentFiles.length === 0) {
30 |     throw new Error("No component files found");
31 | }
32 | 
33 | // Create a parser with using your typescript config
34 | const tsConfigParser = docgen.withCustomConfig(tsConfigPath, options);
35 | 
36 | // For each component file generate argTypes based on the propTypes
37 | componentFiles.forEach(filePath => {
38 |     const jsonPath = filePath.replace('.tsx', '.props.json')
39 |     const res = tsConfigParser.parse(filePath)
40 |     const argTypes = propsToArgTypes(res[0].props)
41 |     fs.ensureFileSync(jsonPath)
42 |     fs.writeJsonSync(jsonPath, argTypes, {spaces: 2})
43 |     console.log(`Done generating argTypes for ${jsonPath}`)
44 | })
45 | 


--------------------------------------------------------------------------------
/src/tree/wrapper-component.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useMemo, Fragment } from "react";
 2 | import type { Instance } from "../db";
 3 | import * as components from "../components";
 4 | import { useUserProps } from "../user-props/use-user-props";
 5 | import { type CSS, css as createCss } from "../stitches";
 6 | import type { OnChangeChildren } from "./create-elements-tree";
 7 | 
 8 | const renderText = (text: string): Array<JSX.Element> => {
 9 |   const lines = text.split("\n");
10 |   return lines.map((line, index) => (
11 |     <Fragment key={index}>
12 |       {line}
13 |       {index < lines.length - 1 ? <br /> : null}
14 |     </Fragment>
15 |   ));
16 | };
17 | 
18 | export const renderWrapperComponentChildren = (
19 |   children: Array<JSX.Element | string> | undefined
20 | ): Array<JSX.Element | string | Array<JSX.Element | string>> | undefined => {
21 |   // Some elements like input can't have children
22 |   // @todo needs to be made impossible to drag element into input
23 |   if (children === undefined || children.length === 0) return;
24 |   return children.map((child) => {
25 |     return typeof child === "string" ? renderText(child) : child;
26 |   });
27 | };
28 | 
29 | export type WrapperComponentProps = {
30 |   instance: Instance;
31 |   css: CSS;
32 |   children: Array<JSX.Element | string>;
33 |   onChangeChildren?: OnChangeChildren;
34 | };
35 | 
36 | export const WrapperComponent = ({
37 |   instance,
38 |   css,
39 |   onChangeChildren, // prevent it from passing to primitives
40 |   children,
41 |   ...rest
42 | }: WrapperComponentProps) => {
43 |   const className = useMemo(() => createCss(css)(), [css]);
44 |   const Component = components[instance.component];
45 |   const userProps = useUserProps(instance.id);
46 |   return (
47 |     <Component {...userProps} {...rest} id={instance.id} className={className}>
48 |       {renderWrapperComponentChildren(children)}
49 |     </Component>
50 |   );
51 | };
52 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@webstudio-is/sdk",
 3 |   "version": "0.5.0",
 4 |   "description": "Webstudio JavaScript / TypeScript API",
 5 |   "author": "Webstudio <github@webstudio.is>",
 6 |   "repository": "git@github.com:webstudio-is/webstudio-sdk.git",
 7 |   "homepage": "https://webstudio.is",
 8 |   "scripts": {
 9 |     "build": "yarn build:mdn-data && yarn build:args && yarn build:prisma && yarn build:lib",
10 |     "build:mdn-data": "./bin/mdn-data.ts ./src/css",
11 |     "build:args": "./bin/generate-arg-types.ts './src/components/*.tsx !./src/**/*.stories.tsx'",
12 |     "build:prisma": "prisma format && prisma generate",
13 |     "typecheck": "tsc --noEmit",
14 |     "build:lib": "rm -fr lib && tsc",
15 |     "postinstall": "prisma generate",
16 |     "test": "jest",
17 |     "checks": "yarn typecheck && yarn test",
18 |     "prepublishOnly": "yarn typecheck && yarn build",
19 |     "storybook:run": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
20 |     "storybook:build": "NODE_OPTIONS=--openssl-legacy-provider build-storybook"
21 |   },
22 |   "devDependencies": {
23 |     "@babel/core": "^7.17.12",
24 |     "@remix-run/react": "^1.2.3",
25 |     "@remix-run/server-runtime": "^1.2.3",
26 |     "@storybook/addon-actions": "^6.5.6",
27 |     "@storybook/addon-essentials": "^6.5.6",
28 |     "@storybook/addon-interactions": "^6.5.6",
29 |     "@storybook/addon-links": "^6.5.6",
30 |     "@storybook/builder-webpack4": "^6.5.6",
31 |     "@storybook/manager-webpack4": "^6.5.6",
32 |     "@storybook/react": "^6.5.6",
33 |     "@storybook/testing-library": "^0.0.11",
34 |     "@types/css-tree": "^1.0.7",
35 |     "@types/fs-extra": "^9.0.13",
36 |     "@types/jest": "^27.4.1",
37 |     "@types/node": "^17.0.21",
38 |     "babel-loader": "^8.2.5",
39 |     "camelcase": "^6.3.0",
40 |     "css-tree": "^2.1.0",
41 |     "esbuild": "^0.14.25",
42 |     "esbuild-jest": "^0.5.0",
43 |     "esbuild-node-externals": "^1.4.1",
44 |     "esbuild-node-loader": "^0.8.0",
45 |     "jest": "^27.5.1",
46 |     "mdn-data": "2.0.23",
47 |     "react": "^17.0.2",
48 |     "react-docgen-typescript": "^2.2.2",
49 |     "react-dom": "^17.0.2",
50 |     "typescript": "^4.6.2"
51 |   },
52 |   "peerDependencies": {
53 |     "@remix-run/react": "^1.2.3",
54 |     "@remix-run/server-runtime": "^1.2.3",
55 |     "@storybook/react": "^6.5.6",
56 |     "react": "^17.0.2",
57 |     "react-dom": "^17.0.2"
58 |   },
59 |   "dependencies": {
60 |     "@prisma/client": "^3.10.0",
61 |     "@stitches/core": "^1.2.7",
62 |     "immer": "^9.0.12",
63 |     "mitt": "^3.0.0",
64 |     "prisma": "^3.10.0",
65 |     "react-nano-state": "^0.4.0",
66 |     "zod": "^3.17.3"
67 |   },
68 |   "main": "lib/index.js",
69 |   "types": "lib/index.d.ts",
70 |   "files": [
71 |     "README.md",
72 |     "lib/*",
73 |     "!*.test.*",
74 |     "prisma/*"
75 |   ],
76 |   "license": "MIT",
77 |   "private": false
78 | }
79 | 


--------------------------------------------------------------------------------
/src/arg-types/utils.ts:
--------------------------------------------------------------------------------
 1 | import type {ArgTypes} from "@storybook/csf"
 2 | import {PropItem} from "react-docgen-typescript";
 3 | 
 4 | export type FilterPredicate = (prop: PropItem) => boolean
 5 | 
 6 | const validAttributes = (prop: PropItem) => {
 7 |     if (prop.parent) {
 8 |         // Pass *HTML (both ButtonHTMLAttributes and HTMLAttributes), Aria, and SVG attributes through
 9 |         const matcher = /.?(HTML|SVG|Aria)Attributes/;
10 |         // TODO: Add a test for this
11 |         return prop.parent.name.match(matcher);
12 |     }
13 |     // Always allow component's own props
14 |     return true
15 | }
16 | 
17 | export const propsToArgTypes = (props: Record<string, PropItem>, filter?: FilterPredicate): ArgTypes => {
18 |     const filterFn = filter ?? validAttributes
19 |     const entries = Object.entries(props);
20 |     return entries
21 |         .reduce((result, current) => {
22 |             const [propName, prop] = current
23 | 
24 |             // Filter out props
25 |             if (!filterFn(prop)) {
26 |                 return result
27 |             }
28 | 
29 |             const control = mapControlForType(prop)
30 |             result[propName] = {...prop, ...control}
31 |             return result
32 |         }, {} as ArgTypes);
33 | }
34 | 
35 | const matchers = {
36 |     color: new RegExp('(background|color)', 'i'),
37 |     date: /Date$/
38 | }
39 | 
40 | export const mapControlForType = (propItem: PropItem): any => {
41 |     const {type, name} = propItem;
42 |     if (!type) {
43 |         return undefined;
44 |     }
45 | 
46 |     // args that end with background or color e.g. iconColor
47 |     if (matchers.color && matchers.color.test(name)) {
48 |         const controlType = propItem.type.name;
49 | 
50 |         if (controlType === 'string') {
51 |             return { control: { type: 'color' }, defaultValue: propItem.defaultValue?.value };
52 |         }
53 |     }
54 | 
55 |     // args that end with date e.g. purchaseDate
56 |     if (matchers.date && matchers.date.test(name)) {
57 |         return { control: { type: 'date' } };
58 |     }
59 | 
60 |     switch (type?.name) {
61 |         case 'array':
62 |             return {control: {type: 'object'}};
63 |         case 'boolean':
64 |         case 'Booleanish':
65 |             return {control: {type: 'boolean'}};
66 |         case 'string':
67 |             return {control: {type: 'text'}};
68 |         case 'number':
69 |             return {control: {type: 'number'}};
70 |         case 'enum': {
71 |             const {value} = type;
72 |             // Remove additional quotes from enum values
73 |             // @ts-expect-error Original type has `any` type
74 |             const values = value.map(val => val.value.replace(/^\"(.+)\"$/, '$1') );
75 |             return {control: {type: values?.length <= 5 ? 'radio' : 'select'}, options: values};
76 |         }
77 |         case 'function':
78 |         case 'symbol':
79 |             return null
80 |         default:
81 |             return {control: {type: 'text'}};
82 |     }
83 | };
84 | 


--------------------------------------------------------------------------------
/src/css/categories.ts:
--------------------------------------------------------------------------------
  1 | import type { StyleProperty } from "./types";
  2 | 
  3 | const layout = [
  4 |   "display",
  5 |   // Flex
  6 |   "flexDirection",
  7 |   "flexWrap",
  8 |   // Flex or grid
  9 |   "alignItems",
 10 |   "justifyContent",
 11 |   // Grid
 12 |   "placeContent",
 13 |   "justifyItems",
 14 |   "alignContent",
 15 |   "rowGap",
 16 |   "columnGap",
 17 |   "gridAutoFlow",
 18 |   "gridAutoRows",
 19 |   "gridAutoColumns",
 20 |   "gridTemplateColumns",
 21 |   "gridTemplateRows",
 22 |   "gridTemplateAreas",
 23 | ] as const;
 24 | 
 25 | const flexChild = [
 26 |   "flexShrink",
 27 |   "flexGrow",
 28 |   "flexBasis",
 29 |   "alignSelf",
 30 |   "order",
 31 | ] as const;
 32 | 
 33 | const gridChild = [
 34 |   "gridRowEnd",
 35 |   "gridRowStart",
 36 |   "gridColumnStart",
 37 |   "gridColumnEnd",
 38 |   "alignSelf",
 39 |   "justifySelf",
 40 |   "order",
 41 | ] as const;
 42 | 
 43 | const spacing = [
 44 |   "marginTop",
 45 |   "marginRight",
 46 |   "marginBottom",
 47 |   "marginLeft",
 48 |   "paddingTop",
 49 |   "paddingRight",
 50 |   "paddingBottom",
 51 |   "paddingLeft",
 52 | ] as const;
 53 | 
 54 | const size = [
 55 |   "width",
 56 |   "height",
 57 |   "minWidth",
 58 |   "minHeight",
 59 |   "maxWidth",
 60 |   "maxHeight",
 61 |   "overflow",
 62 |   "objectFit",
 63 | ] as const;
 64 | 
 65 | const position = [
 66 |   "position",
 67 |   "top",
 68 |   "right",
 69 |   "bottom",
 70 |   "left",
 71 |   "zIndex",
 72 |   "float",
 73 |   "clear",
 74 | ] as const;
 75 | 
 76 | const typography = [
 77 |   "fontFamily",
 78 |   "fontWeight",
 79 |   "fontSize",
 80 |   "lineHeight",
 81 |   "color",
 82 |   "textAlign",
 83 |   "fontStyle",
 84 |   "textDecorationColor",
 85 |   "textDecorationLine",
 86 |   "textDecorationStyle",
 87 | 
 88 |   "letterSpacing",
 89 |   "textIndent",
 90 | 
 91 |   "columnCount",
 92 |   "columnGap",
 93 |   "columnRuleStyle",
 94 |   "columnRuleWidth",
 95 |   "columnRuleColor",
 96 | 
 97 |   "textTransform",
 98 |   "direction",
 99 |   "whiteSpace",
100 |   "textShadow",
101 | 
102 |   // More
103 |   "fontSizeAdjust",
104 |   "fontStretch",
105 |   "fontVariant",
106 |   "textAlignLast",
107 |   "textJustify",
108 |   "textOverflow",
109 |   "textSizeAdjust",
110 |   "verticalAlign",
111 |   "wordSpacing",
112 |   "wordBreak",
113 |   "wordWrap",
114 | ] as const;
115 | 
116 | const backgrounds = [
117 |   "backgroundAttachment",
118 |   "backgroundClip",
119 |   "backgroundColor",
120 |   "backgroundImage",
121 |   "backgroundOrigin",
122 |   "backgroundPositionX",
123 |   "backgroundPositionY",
124 |   "backgroundRepeat",
125 |   "backgroundSize",
126 | ] as const;
127 | 
128 | const borders = [
129 |   "borderTopLeftRadius",
130 |   "borderTopRightRadius",
131 |   "borderBottomLeftRadius",
132 |   "borderBottomRightRadius",
133 | 
134 |   "borderTopStyle",
135 |   "borderRightStyle",
136 |   "borderBottomStyle",
137 |   "borderLeftStyle",
138 | 
139 |   "borderTopColor",
140 |   "borderRightColor",
141 |   "borderBottomColor",
142 |   "borderLeftColor",
143 | 
144 |   "borderTopWidth",
145 |   "borderRightWidth",
146 |   "borderBottomWidth",
147 |   "borderLeftWidth",
148 | 
149 |   // More
150 |   "borderImageSlice",
151 |   "borderImageWidth",
152 |   "borderImageOutset",
153 |   "borderImageRepeat",
154 |   "borderImageSource",
155 | ] as const;
156 | 
157 | const effects = [
158 |   "mixBlendMode",
159 |   "opacity",
160 |   "outlineColor",
161 |   "outlineOffset",
162 |   "outlineStyle",
163 |   "outlineWidth",
164 |   "boxShadow",
165 |   "transform",
166 |   "filter",
167 |   "backdropFilter",
168 |   "cursor",
169 |   // More
170 |   "animationDelay",
171 |   "animationDirection",
172 |   "animationDuration",
173 |   "animationFillMode",
174 |   "animationIterationCount",
175 |   "animationName",
176 |   "animationPlayState",
177 |   "animationTimingFunction",
178 |   "transitionDelay",
179 |   "transitionDuration",
180 |   "transitionProperty",
181 |   "transitionTimingFunction",
182 | ] as const;
183 | 
184 | const other = [
185 |   "resize",
186 |   "clip",
187 |   "visibility",
188 |   "boxSizing",
189 |   "content",
190 |   "quotes",
191 |   "counterReset",
192 |   "counterIncrement",
193 |   "inlineSize",
194 |   "blockSize",
195 |   "minInlineSize",
196 |   "minBlockSize",
197 |   "maxInlineSize",
198 |   "maxBlockSize",
199 |   "userSelect",
200 |   "pointerEvents",
201 | ] as const;
202 | 
203 | export const categories = {
204 |   layout: {
205 |     label: "Layout",
206 |     properties: layout,
207 |     moreFrom: "",
208 |   },
209 |   flexChild: {
210 |     label: "Flex Child",
211 |     properties: flexChild,
212 |     moreFrom: "",
213 |   },
214 |   gridChild: {
215 |     label: "Grid Child",
216 |     properties: gridChild,
217 |     moreFrom: "",
218 |   },
219 |   spacing: { label: "Spacing", properties: spacing, moreFrom: "" },
220 |   size: { label: "Size", properties: size, moreFrom: "" },
221 |   position: { label: "Position", properties: position, moreFrom: "" },
222 |   typography: {
223 |     label: "Typography",
224 |     properties: typography,
225 |     moreFrom: "fontSizeAdjust",
226 |   },
227 |   backgrounds: { label: "Backgrounds", properties: backgrounds, moreFrom: "" },
228 |   borders: {
229 |     label: "Borders",
230 |     properties: borders,
231 |     moreFrom: "borderImageSlice",
232 |   },
233 |   effects: {
234 |     label: "Effects",
235 |     properties: effects,
236 |     moreFrom: "animationDelay",
237 |   },
238 |   other: { label: "Other", properties: other, moreFrom: "" },
239 | };
240 | 
241 | export const propertyCategoryMap = {} as {
242 |   [property in StyleProperty]: Category;
243 | };
244 | 
245 | let category: Category;
246 | for (category in categories) {
247 |   for (const property of categories[category].properties) {
248 |     // We are widening the type here
249 |     propertyCategoryMap[property as StyleProperty] = category;
250 |   }
251 | }
252 | 
253 | export type Category = keyof typeof categories;
254 | 


--------------------------------------------------------------------------------
/bin/mdn-data.ts:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env node --experimental-loader esbuild-node-loader
  2 | 
  3 | import { definitionSyntax, type DSNode } from "css-tree";
  4 | import properties from "mdn-data/css/properties.json";
  5 | import units from "mdn-data/css/units.json";
  6 | import syntaxes from "mdn-data/css/syntaxes.json";
  7 | import type { StyleValue } from "../src/css";
  8 | import { popularityIndex } from "./popularity-index";
  9 | 
 10 | import camelCase from "camelcase";
 11 | import * as fs from "fs";
 12 | import * as path from "path";
 13 | 
 14 | type Property = keyof typeof properties;
 15 | type Value = typeof properties[Property] & { alsoAppliesTo?: Array<string> };
 16 | 
 17 | const inheritValue = {
 18 |   type: "keyword",
 19 |   value: "inherit",
 20 | } as const;
 21 | 
 22 | const autoValue = {
 23 |   type: "keyword",
 24 |   value: "auto",
 25 | } as const;
 26 | 
 27 | // Normalize browser dependant properties.
 28 | const normalizedValues = {
 29 |   "font-family": inheritValue,
 30 |   "font-size": inheritValue,
 31 |   "line-height": inheritValue,
 32 |   color: inheritValue,
 33 |   // https://github.com/mdn/data/issues/554
 34 |   // @todo remove once fixed in mdn data
 35 |   appearance: {
 36 |     type: "keyword",
 37 |     value: "none",
 38 |   },
 39 |   // https://github.com/mdn/data/issues/555
 40 |   // @todo remove once fixed
 41 |   "background-position-x": {
 42 |     type: "unit",
 43 |     value: 0,
 44 |     unit: "%",
 45 |   },
 46 |   // https://github.com/mdn/data/issues/555
 47 |   // @todo remove once fixed
 48 |   "background-position-y": {
 49 |     type: "unit",
 50 |     value: 0,
 51 |     unit: "%",
 52 |   },
 53 |   // https://github.com/mdn/data/issues/556
 54 |   // @todo remove once fixed
 55 |   "background-size": autoValue,
 56 |   "text-size-adjust": autoValue,
 57 | } as const;
 58 | 
 59 | type FilteredProperties = { [property in Property]: Value };
 60 | 
 61 | const filteredProperties: FilteredProperties = (() => {
 62 |   // A list of properties we don't want to show
 63 |   const ignoreProperties = [
 64 |     "all",
 65 |     "-webkit-line-clamp",
 66 |     "--*",
 67 |     "background-position",
 68 |   ];
 69 |   let property: Property;
 70 |   const result = {} as FilteredProperties;
 71 |   for (property in properties) {
 72 |     const config = properties[property];
 73 |     const isSupportedStatus =
 74 |       config.status === "standard" || config.status === "experimental";
 75 |     if (
 76 |       isSupportedStatus === false ||
 77 |       // Skipping the complex values, since we want to use the expanded once.
 78 |       Array.isArray(config.initial) ||
 79 |       ignoreProperties.includes(property) === true
 80 |     ) {
 81 |       continue;
 82 |     }
 83 |     result[property as Property] = config;
 84 |   }
 85 |   return result;
 86 | })();
 87 | 
 88 | const propertiesData: {
 89 |   // It's string because we camel-cased it
 90 |   [property: string]: {
 91 |     inherited: boolean;
 92 |     initial: StyleValue;
 93 |     popularity: number;
 94 |     appliesTo: string;
 95 |   };
 96 | } = {};
 97 | 
 98 | let property: Property;
 99 | 
100 | for (property in filteredProperties) {
101 |   const config = filteredProperties[property];
102 |   let initial: StyleValue;
103 | 
104 |   // Our default values hardcoded because no single standard
105 |   if (property in normalizedValues) {
106 |     initial = normalizedValues[property as keyof typeof normalizedValues];
107 |   } else {
108 |     // @todo use css-tree instead of this custom logic which is likely wrong
109 |     // Complex initial values like "50% 50% 0" can't be parsed to a number
110 |     const number =
111 |       typeof config.initial === "string"
112 |         ? config.initial.includes(" ")
113 |           ? NaN
114 |           : parseFloat(config.initial)
115 |         : NaN;
116 | 
117 |     if (isNaN(number) && typeof config.initial === "string") {
118 |       initial = {
119 |         type: "keyword",
120 |         value: config.initial,
121 |       };
122 |     } else {
123 |       initial = {
124 |         type: "unit",
125 |         unit: "px",
126 |         value: number,
127 |       };
128 |     }
129 |   }
130 | 
131 |   propertiesData[camelCase(property)] = {
132 |     inherited: config.inherited,
133 |     initial,
134 |     popularity:
135 |       popularityIndex.find((data) => data.property === property)
136 |         ?.dayPercentage || 0,
137 |     appliesTo: config.appliesto,
138 |   };
139 | }
140 | 
141 | const targetDir = path.join(process.cwd(), process.argv.pop() as string);
142 | 
143 | const writeToFile = (fileName: string, constant: string, data: unknown) => {
144 |   const autogeneratedHint = "// This file was generated by yarn mdn-data\n";
145 |   const content =
146 |     autogeneratedHint +
147 |     `export const ${constant} = ` +
148 |     JSON.stringify(data, null, 2) +
149 |     " as const;";
150 | 
151 |   fs.writeFileSync(path.join(targetDir, fileName), content, "utf8");
152 | };
153 | 
154 | const keywordValues = (() => {
155 |   const result: { [prop: string]: Array<string> } = {};
156 |   let property: Property;
157 |   const parsedSyntaxes = new Map();
158 | 
159 |   const getKeywords = (node: DSNode): Set<string> => {
160 |     let keywords: Set<string> = new Set();
161 |     if (node.type === "Type" || (node.type === "Property" && node.name)) {
162 |       const syntax =
163 |         syntaxes[node.name as keyof typeof syntaxes]?.syntax ||
164 |         properties[node.name as Property]?.syntax;
165 | 
166 |       // When there is syntax - there are keyword references
167 |       if (syntax) {
168 |         if (parsedSyntaxes.has(syntax)) return parsedSyntaxes.get(syntax);
169 |         const ast = definitionSyntax.parse(syntax);
170 |         definitionSyntax.walk(ast, (node) => {
171 |           keywords = new Set([...keywords, ...getKeywords(node)]);
172 |           parsedSyntaxes.set(syntax, keywords);
173 |         });
174 |       }
175 |       return keywords;
176 |     }
177 | 
178 |     if (node.type === "Keyword" && node.name) {
179 |       keywords.add(node.name);
180 |     }
181 | 
182 |     return keywords;
183 |   };
184 | 
185 |   for (property in filteredProperties) {
186 |     // if (property !== "flex-basis") continue;
187 |     const ast = definitionSyntax.parse(filteredProperties[property].syntax);
188 |     definitionSyntax.walk(ast, (node) => {
189 |       const keywords = getKeywords(node);
190 |       const camelCasedProperty = camelCase(property);
191 |       if (keywords.size !== 0) {
192 |         result[camelCasedProperty] = Array.from(
193 |           new Set([...(result[camelCasedProperty] || []), ...keywords])
194 |         );
195 |       }
196 |     });
197 |   }
198 | 
199 |   return result;
200 | })();
201 | 
202 | writeToFile("properties.ts", "properties", propertiesData);
203 | // @todo % is somehow not in the units list
204 | // https://github.com/mdn/data/issues/553
205 | writeToFile("units.ts", "units", [...Object.keys(units), "%"]);
206 | writeToFile("keyword-values.ts", "keywordValues", keywordValues);
207 | 


--------------------------------------------------------------------------------
/src/components/bold.props.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "slot": {
   3 |     "defaultValue": null,
   4 |     "description": "",
   5 |     "name": "slot",
   6 |     "parent": {
   7 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
   8 |       "name": "HTMLAttributes"
   9 |     },
  10 |     "declarations": [
  11 |       {
  12 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  13 |         "name": "HTMLAttributes"
  14 |       }
  15 |     ],
  16 |     "required": false,
  17 |     "type": {
  18 |       "name": "string"
  19 |     },
  20 |     "control": {
  21 |       "type": "text"
  22 |     }
  23 |   },
  24 |   "style": {
  25 |     "defaultValue": null,
  26 |     "description": "",
  27 |     "name": "style",
  28 |     "parent": {
  29 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  30 |       "name": "HTMLAttributes"
  31 |     },
  32 |     "declarations": [
  33 |       {
  34 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  35 |         "name": "HTMLAttributes"
  36 |       }
  37 |     ],
  38 |     "required": false,
  39 |     "type": {
  40 |       "name": "CSSProperties"
  41 |     },
  42 |     "control": {
  43 |       "type": "text"
  44 |     }
  45 |   },
  46 |   "title": {
  47 |     "defaultValue": null,
  48 |     "description": "",
  49 |     "name": "title",
  50 |     "parent": {
  51 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  52 |       "name": "HTMLAttributes"
  53 |     },
  54 |     "declarations": [
  55 |       {
  56 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  57 |         "name": "HTMLAttributes"
  58 |       }
  59 |     ],
  60 |     "required": false,
  61 |     "type": {
  62 |       "name": "string"
  63 |     },
  64 |     "control": {
  65 |       "type": "text"
  66 |     }
  67 |   },
  68 |   "defaultChecked": {
  69 |     "defaultValue": null,
  70 |     "description": "",
  71 |     "name": "defaultChecked",
  72 |     "parent": {
  73 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  74 |       "name": "HTMLAttributes"
  75 |     },
  76 |     "declarations": [
  77 |       {
  78 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  79 |         "name": "HTMLAttributes"
  80 |       }
  81 |     ],
  82 |     "required": false,
  83 |     "type": {
  84 |       "name": "boolean"
  85 |     },
  86 |     "control": {
  87 |       "type": "boolean"
  88 |     }
  89 |   },
  90 |   "defaultValue": {
  91 |     "defaultValue": null,
  92 |     "description": "",
  93 |     "name": "defaultValue",
  94 |     "parent": {
  95 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  96 |       "name": "HTMLAttributes"
  97 |     },
  98 |     "declarations": [
  99 |       {
 100 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 101 |         "name": "HTMLAttributes"
 102 |       }
 103 |     ],
 104 |     "required": false,
 105 |     "type": {
 106 |       "name": "string | number | readonly string[]"
 107 |     },
 108 |     "control": {
 109 |       "type": "text"
 110 |     }
 111 |   },
 112 |   "suppressContentEditableWarning": {
 113 |     "defaultValue": null,
 114 |     "description": "",
 115 |     "name": "suppressContentEditableWarning",
 116 |     "parent": {
 117 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 118 |       "name": "HTMLAttributes"
 119 |     },
 120 |     "declarations": [
 121 |       {
 122 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 123 |         "name": "HTMLAttributes"
 124 |       }
 125 |     ],
 126 |     "required": false,
 127 |     "type": {
 128 |       "name": "boolean"
 129 |     },
 130 |     "control": {
 131 |       "type": "boolean"
 132 |     }
 133 |   },
 134 |   "suppressHydrationWarning": {
 135 |     "defaultValue": null,
 136 |     "description": "",
 137 |     "name": "suppressHydrationWarning",
 138 |     "parent": {
 139 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 140 |       "name": "HTMLAttributes"
 141 |     },
 142 |     "declarations": [
 143 |       {
 144 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 145 |         "name": "HTMLAttributes"
 146 |       }
 147 |     ],
 148 |     "required": false,
 149 |     "type": {
 150 |       "name": "boolean"
 151 |     },
 152 |     "control": {
 153 |       "type": "boolean"
 154 |     }
 155 |   },
 156 |   "accessKey": {
 157 |     "defaultValue": null,
 158 |     "description": "",
 159 |     "name": "accessKey",
 160 |     "parent": {
 161 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 162 |       "name": "HTMLAttributes"
 163 |     },
 164 |     "declarations": [
 165 |       {
 166 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 167 |         "name": "HTMLAttributes"
 168 |       }
 169 |     ],
 170 |     "required": false,
 171 |     "type": {
 172 |       "name": "string"
 173 |     },
 174 |     "control": {
 175 |       "type": "text"
 176 |     }
 177 |   },
 178 |   "className": {
 179 |     "defaultValue": null,
 180 |     "description": "",
 181 |     "name": "className",
 182 |     "parent": {
 183 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 184 |       "name": "HTMLAttributes"
 185 |     },
 186 |     "declarations": [
 187 |       {
 188 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 189 |         "name": "HTMLAttributes"
 190 |       }
 191 |     ],
 192 |     "required": false,
 193 |     "type": {
 194 |       "name": "string"
 195 |     },
 196 |     "control": {
 197 |       "type": "text"
 198 |     }
 199 |   },
 200 |   "contentEditable": {
 201 |     "defaultValue": null,
 202 |     "description": "",
 203 |     "name": "contentEditable",
 204 |     "parent": {
 205 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 206 |       "name": "HTMLAttributes"
 207 |     },
 208 |     "declarations": [
 209 |       {
 210 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 211 |         "name": "HTMLAttributes"
 212 |       }
 213 |     ],
 214 |     "required": false,
 215 |     "type": {
 216 |       "name": "Booleanish | \"inherit\""
 217 |     },
 218 |     "control": {
 219 |       "type": "text"
 220 |     }
 221 |   },
 222 |   "contextMenu": {
 223 |     "defaultValue": null,
 224 |     "description": "",
 225 |     "name": "contextMenu",
 226 |     "parent": {
 227 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 228 |       "name": "HTMLAttributes"
 229 |     },
 230 |     "declarations": [
 231 |       {
 232 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 233 |         "name": "HTMLAttributes"
 234 |       }
 235 |     ],
 236 |     "required": false,
 237 |     "type": {
 238 |       "name": "string"
 239 |     },
 240 |     "control": {
 241 |       "type": "text"
 242 |     }
 243 |   },
 244 |   "dir": {
 245 |     "defaultValue": null,
 246 |     "description": "",
 247 |     "name": "dir",
 248 |     "parent": {
 249 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 250 |       "name": "HTMLAttributes"
 251 |     },
 252 |     "declarations": [
 253 |       {
 254 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 255 |         "name": "HTMLAttributes"
 256 |       }
 257 |     ],
 258 |     "required": false,
 259 |     "type": {
 260 |       "name": "string"
 261 |     },
 262 |     "control": {
 263 |       "type": "text"
 264 |     }
 265 |   },
 266 |   "draggable": {
 267 |     "defaultValue": null,
 268 |     "description": "",
 269 |     "name": "draggable",
 270 |     "parent": {
 271 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 272 |       "name": "HTMLAttributes"
 273 |     },
 274 |     "declarations": [
 275 |       {
 276 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 277 |         "name": "HTMLAttributes"
 278 |       }
 279 |     ],
 280 |     "required": false,
 281 |     "type": {
 282 |       "name": "Booleanish"
 283 |     },
 284 |     "control": {
 285 |       "type": "boolean"
 286 |     }
 287 |   },
 288 |   "hidden": {
 289 |     "defaultValue": null,
 290 |     "description": "",
 291 |     "name": "hidden",
 292 |     "parent": {
 293 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 294 |       "name": "HTMLAttributes"
 295 |     },
 296 |     "declarations": [
 297 |       {
 298 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 299 |         "name": "HTMLAttributes"
 300 |       }
 301 |     ],
 302 |     "required": false,
 303 |     "type": {
 304 |       "name": "boolean"
 305 |     },
 306 |     "control": {
 307 |       "type": "boolean"
 308 |     }
 309 |   },
 310 |   "id": {
 311 |     "defaultValue": null,
 312 |     "description": "",
 313 |     "name": "id",
 314 |     "parent": {
 315 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 316 |       "name": "HTMLAttributes"
 317 |     },
 318 |     "declarations": [
 319 |       {
 320 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 321 |         "name": "HTMLAttributes"
 322 |       }
 323 |     ],
 324 |     "required": false,
 325 |     "type": {
 326 |       "name": "string"
 327 |     },
 328 |     "control": {
 329 |       "type": "text"
 330 |     }
 331 |   },
 332 |   "lang": {
 333 |     "defaultValue": null,
 334 |     "description": "",
 335 |     "name": "lang",
 336 |     "parent": {
 337 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 338 |       "name": "HTMLAttributes"
 339 |     },
 340 |     "declarations": [
 341 |       {
 342 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 343 |         "name": "HTMLAttributes"
 344 |       }
 345 |     ],
 346 |     "required": false,
 347 |     "type": {
 348 |       "name": "string"
 349 |     },
 350 |     "control": {
 351 |       "type": "text"
 352 |     }
 353 |   },
 354 |   "placeholder": {
 355 |     "defaultValue": null,
 356 |     "description": "",
 357 |     "name": "placeholder",
 358 |     "parent": {
 359 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 360 |       "name": "HTMLAttributes"
 361 |     },
 362 |     "declarations": [
 363 |       {
 364 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 365 |         "name": "HTMLAttributes"
 366 |       }
 367 |     ],
 368 |     "required": false,
 369 |     "type": {
 370 |       "name": "string"
 371 |     },
 372 |     "control": {
 373 |       "type": "text"
 374 |     }
 375 |   },
 376 |   "spellCheck": {
 377 |     "defaultValue": null,
 378 |     "description": "",
 379 |     "name": "spellCheck",
 380 |     "parent": {
 381 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 382 |       "name": "HTMLAttributes"
 383 |     },
 384 |     "declarations": [
 385 |       {
 386 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 387 |         "name": "HTMLAttributes"
 388 |       }
 389 |     ],
 390 |     "required": false,
 391 |     "type": {
 392 |       "name": "Booleanish"
 393 |     },
 394 |     "control": {
 395 |       "type": "boolean"
 396 |     }
 397 |   },
 398 |   "tabIndex": {
 399 |     "defaultValue": null,
 400 |     "description": "",
 401 |     "name": "tabIndex",
 402 |     "parent": {
 403 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 404 |       "name": "HTMLAttributes"
 405 |     },
 406 |     "declarations": [
 407 |       {
 408 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 409 |         "name": "HTMLAttributes"
 410 |       }
 411 |     ],
 412 |     "required": false,
 413 |     "type": {
 414 |       "name": "number"
 415 |     },
 416 |     "control": {
 417 |       "type": "number"
 418 |     }
 419 |   },
 420 |   "translate": {
 421 |     "defaultValue": null,
 422 |     "description": "",
 423 |     "name": "translate",
 424 |     "parent": {
 425 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 426 |       "name": "HTMLAttributes"
 427 |     },
 428 |     "declarations": [
 429 |       {
 430 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 431 |         "name": "HTMLAttributes"
 432 |       }
 433 |     ],
 434 |     "required": false,
 435 |     "type": {
 436 |       "name": "enum",
 437 |       "raw": "\"yes\" | \"no\"",
 438 |       "value": [
 439 |         {
 440 |           "value": "\"yes\""
 441 |         },
 442 |         {
 443 |           "value": "\"no\""
 444 |         }
 445 |       ]
 446 |     },
 447 |     "control": {
 448 |       "type": "radio"
 449 |     },
 450 |     "options": [
 451 |       "yes",
 452 |       "no"
 453 |     ]
 454 |   },
 455 |   "radioGroup": {
 456 |     "defaultValue": null,
 457 |     "description": "",
 458 |     "name": "radioGroup",
 459 |     "parent": {
 460 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 461 |       "name": "HTMLAttributes"
 462 |     },
 463 |     "declarations": [
 464 |       {
 465 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 466 |         "name": "HTMLAttributes"
 467 |       }
 468 |     ],
 469 |     "required": false,
 470 |     "type": {
 471 |       "name": "string"
 472 |     },
 473 |     "control": {
 474 |       "type": "text"
 475 |     }
 476 |   },
 477 |   "role": {
 478 |     "defaultValue": null,
 479 |     "description": "",
 480 |     "name": "role",
 481 |     "parent": {
 482 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 483 |       "name": "HTMLAttributes"
 484 |     },
 485 |     "declarations": [
 486 |       {
 487 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 488 |         "name": "HTMLAttributes"
 489 |       }
 490 |     ],
 491 |     "required": false,
 492 |     "type": {
 493 |       "name": "AriaRole"
 494 |     },
 495 |     "control": {
 496 |       "type": "text"
 497 |     }
 498 |   },
 499 |   "about": {
 500 |     "defaultValue": null,
 501 |     "description": "",
 502 |     "name": "about",
 503 |     "parent": {
 504 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 505 |       "name": "HTMLAttributes"
 506 |     },
 507 |     "declarations": [
 508 |       {
 509 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 510 |         "name": "HTMLAttributes"
 511 |       }
 512 |     ],
 513 |     "required": false,
 514 |     "type": {
 515 |       "name": "string"
 516 |     },
 517 |     "control": {
 518 |       "type": "text"
 519 |     }
 520 |   },
 521 |   "datatype": {
 522 |     "defaultValue": null,
 523 |     "description": "",
 524 |     "name": "datatype",
 525 |     "parent": {
 526 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 527 |       "name": "HTMLAttributes"
 528 |     },
 529 |     "declarations": [
 530 |       {
 531 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 532 |         "name": "HTMLAttributes"
 533 |       }
 534 |     ],
 535 |     "required": false,
 536 |     "type": {
 537 |       "name": "string"
 538 |     },
 539 |     "control": {
 540 |       "type": "text"
 541 |     }
 542 |   },
 543 |   "inlist": {
 544 |     "defaultValue": null,
 545 |     "description": "",
 546 |     "name": "inlist",
 547 |     "parent": {
 548 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 549 |       "name": "HTMLAttributes"
 550 |     },
 551 |     "declarations": [
 552 |       {
 553 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 554 |         "name": "HTMLAttributes"
 555 |       }
 556 |     ],
 557 |     "required": false,
 558 |     "type": {
 559 |       "name": "any"
 560 |     },
 561 |     "control": {
 562 |       "type": "text"
 563 |     }
 564 |   },
 565 |   "prefix": {
 566 |     "defaultValue": null,
 567 |     "description": "",
 568 |     "name": "prefix",
 569 |     "parent": {
 570 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 571 |       "name": "HTMLAttributes"
 572 |     },
 573 |     "declarations": [
 574 |       {
 575 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 576 |         "name": "HTMLAttributes"
 577 |       }
 578 |     ],
 579 |     "required": false,
 580 |     "type": {
 581 |       "name": "string"
 582 |     },
 583 |     "control": {
 584 |       "type": "text"
 585 |     }
 586 |   },
 587 |   "property": {
 588 |     "defaultValue": null,
 589 |     "description": "",
 590 |     "name": "property",
 591 |     "parent": {
 592 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 593 |       "name": "HTMLAttributes"
 594 |     },
 595 |     "declarations": [
 596 |       {
 597 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 598 |         "name": "HTMLAttributes"
 599 |       }
 600 |     ],
 601 |     "required": false,
 602 |     "type": {
 603 |       "name": "string"
 604 |     },
 605 |     "control": {
 606 |       "type": "text"
 607 |     }
 608 |   },
 609 |   "resource": {
 610 |     "defaultValue": null,
 611 |     "description": "",
 612 |     "name": "resource",
 613 |     "parent": {
 614 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 615 |       "name": "HTMLAttributes"
 616 |     },
 617 |     "declarations": [
 618 |       {
 619 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 620 |         "name": "HTMLAttributes"
 621 |       }
 622 |     ],
 623 |     "required": false,
 624 |     "type": {
 625 |       "name": "string"
 626 |     },
 627 |     "control": {
 628 |       "type": "text"
 629 |     }
 630 |   },
 631 |   "typeof": {
 632 |     "defaultValue": null,
 633 |     "description": "",
 634 |     "name": "typeof",
 635 |     "parent": {
 636 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 637 |       "name": "HTMLAttributes"
 638 |     },
 639 |     "declarations": [
 640 |       {
 641 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 642 |         "name": "HTMLAttributes"
 643 |       }
 644 |     ],
 645 |     "required": false,
 646 |     "type": {
 647 |       "name": "string"
 648 |     },
 649 |     "control": {
 650 |       "type": "text"
 651 |     }
 652 |   },
 653 |   "vocab": {
 654 |     "defaultValue": null,
 655 |     "description": "",
 656 |     "name": "vocab",
 657 |     "parent": {
 658 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 659 |       "name": "HTMLAttributes"
 660 |     },
 661 |     "declarations": [
 662 |       {
 663 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 664 |         "name": "HTMLAttributes"
 665 |       }
 666 |     ],
 667 |     "required": false,
 668 |     "type": {
 669 |       "name": "string"
 670 |     },
 671 |     "control": {
 672 |       "type": "text"
 673 |     }
 674 |   },
 675 |   "autoCapitalize": {
 676 |     "defaultValue": null,
 677 |     "description": "",
 678 |     "name": "autoCapitalize",
 679 |     "parent": {
 680 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 681 |       "name": "HTMLAttributes"
 682 |     },
 683 |     "declarations": [
 684 |       {
 685 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 686 |         "name": "HTMLAttributes"
 687 |       }
 688 |     ],
 689 |     "required": false,
 690 |     "type": {
 691 |       "name": "string"
 692 |     },
 693 |     "control": {
 694 |       "type": "text"
 695 |     }
 696 |   },
 697 |   "autoCorrect": {
 698 |     "defaultValue": null,
 699 |     "description": "",
 700 |     "name": "autoCorrect",
 701 |     "parent": {
 702 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 703 |       "name": "HTMLAttributes"
 704 |     },
 705 |     "declarations": [
 706 |       {
 707 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 708 |         "name": "HTMLAttributes"
 709 |       }
 710 |     ],
 711 |     "required": false,
 712 |     "type": {
 713 |       "name": "string"
 714 |     },
 715 |     "control": {
 716 |       "type": "text"
 717 |     }
 718 |   },
 719 |   "autoSave": {
 720 |     "defaultValue": null,
 721 |     "description": "",
 722 |     "name": "autoSave",
 723 |     "parent": {
 724 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 725 |       "name": "HTMLAttributes"
 726 |     },
 727 |     "declarations": [
 728 |       {
 729 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 730 |         "name": "HTMLAttributes"
 731 |       }
 732 |     ],
 733 |     "required": false,
 734 |     "type": {
 735 |       "name": "string"
 736 |     },
 737 |     "control": {
 738 |       "type": "text"
 739 |     }
 740 |   },
 741 |   "color": {
 742 |     "description": "",
 743 |     "name": "color",
 744 |     "parent": {
 745 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 746 |       "name": "HTMLAttributes"
 747 |     },
 748 |     "declarations": [
 749 |       {
 750 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 751 |         "name": "HTMLAttributes"
 752 |       }
 753 |     ],
 754 |     "required": false,
 755 |     "type": {
 756 |       "name": "string"
 757 |     },
 758 |     "control": {
 759 |       "type": "color"
 760 |     }
 761 |   },
 762 |   "itemProp": {
 763 |     "defaultValue": null,
 764 |     "description": "",
 765 |     "name": "itemProp",
 766 |     "parent": {
 767 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 768 |       "name": "HTMLAttributes"
 769 |     },
 770 |     "declarations": [
 771 |       {
 772 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 773 |         "name": "HTMLAttributes"
 774 |       }
 775 |     ],
 776 |     "required": false,
 777 |     "type": {
 778 |       "name": "string"
 779 |     },
 780 |     "control": {
 781 |       "type": "text"
 782 |     }
 783 |   },
 784 |   "itemScope": {
 785 |     "defaultValue": null,
 786 |     "description": "",
 787 |     "name": "itemScope",
 788 |     "parent": {
 789 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 790 |       "name": "HTMLAttributes"
 791 |     },
 792 |     "declarations": [
 793 |       {
 794 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 795 |         "name": "HTMLAttributes"
 796 |       }
 797 |     ],
 798 |     "required": false,
 799 |     "type": {
 800 |       "name": "boolean"
 801 |     },
 802 |     "control": {
 803 |       "type": "boolean"
 804 |     }
 805 |   },
 806 |   "itemType": {
 807 |     "defaultValue": null,
 808 |     "description": "",
 809 |     "name": "itemType",
 810 |     "parent": {
 811 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 812 |       "name": "HTMLAttributes"
 813 |     },
 814 |     "declarations": [
 815 |       {
 816 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 817 |         "name": "HTMLAttributes"
 818 |       }
 819 |     ],
 820 |     "required": false,
 821 |     "type": {
 822 |       "name": "string"
 823 |     },
 824 |     "control": {
 825 |       "type": "text"
 826 |     }
 827 |   },
 828 |   "itemID": {
 829 |     "defaultValue": null,
 830 |     "description": "",
 831 |     "name": "itemID",
 832 |     "parent": {
 833 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 834 |       "name": "HTMLAttributes"
 835 |     },
 836 |     "declarations": [
 837 |       {
 838 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 839 |         "name": "HTMLAttributes"
 840 |       }
 841 |     ],
 842 |     "required": false,
 843 |     "type": {
 844 |       "name": "string"
 845 |     },
 846 |     "control": {
 847 |       "type": "text"
 848 |     }
 849 |   },
 850 |   "itemRef": {
 851 |     "defaultValue": null,
 852 |     "description": "",
 853 |     "name": "itemRef",
 854 |     "parent": {
 855 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 856 |       "name": "HTMLAttributes"
 857 |     },
 858 |     "declarations": [
 859 |       {
 860 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 861 |         "name": "HTMLAttributes"
 862 |       }
 863 |     ],
 864 |     "required": false,
 865 |     "type": {
 866 |       "name": "string"
 867 |     },
 868 |     "control": {
 869 |       "type": "text"
 870 |     }
 871 |   },
 872 |   "results": {
 873 |     "defaultValue": null,
 874 |     "description": "",
 875 |     "name": "results",
 876 |     "parent": {
 877 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 878 |       "name": "HTMLAttributes"
 879 |     },
 880 |     "declarations": [
 881 |       {
 882 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 883 |         "name": "HTMLAttributes"
 884 |       }
 885 |     ],
 886 |     "required": false,
 887 |     "type": {
 888 |       "name": "number"
 889 |     },
 890 |     "control": {
 891 |       "type": "number"
 892 |     }
 893 |   },
 894 |   "security": {
 895 |     "defaultValue": null,
 896 |     "description": "",
 897 |     "name": "security",
 898 |     "parent": {
 899 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 900 |       "name": "HTMLAttributes"
 901 |     },
 902 |     "declarations": [
 903 |       {
 904 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 905 |         "name": "HTMLAttributes"
 906 |       }
 907 |     ],
 908 |     "required": false,
 909 |     "type": {
 910 |       "name": "string"
 911 |     },
 912 |     "control": {
 913 |       "type": "text"
 914 |     }
 915 |   },
 916 |   "unselectable": {
 917 |     "defaultValue": null,
 918 |     "description": "",
 919 |     "name": "unselectable",
 920 |     "parent": {
 921 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 922 |       "name": "HTMLAttributes"
 923 |     },
 924 |     "declarations": [
 925 |       {
 926 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 927 |         "name": "HTMLAttributes"
 928 |       }
 929 |     ],
 930 |     "required": false,
 931 |     "type": {
 932 |       "name": "enum",
 933 |       "raw": "\"on\" | \"off\"",
 934 |       "value": [
 935 |         {
 936 |           "value": "\"on\""
 937 |         },
 938 |         {
 939 |           "value": "\"off\""
 940 |         }
 941 |       ]
 942 |     },
 943 |     "control": {
 944 |       "type": "radio"
 945 |     },
 946 |     "options": [
 947 |       "on",
 948 |       "off"
 949 |     ]
 950 |   },
 951 |   "inputMode": {
 952 |     "defaultValue": null,
 953 |     "description": "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
 954 |     "name": "inputMode",
 955 |     "parent": {
 956 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 957 |       "name": "HTMLAttributes"
 958 |     },
 959 |     "declarations": [
 960 |       {
 961 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 962 |         "name": "HTMLAttributes"
 963 |       }
 964 |     ],
 965 |     "required": false,
 966 |     "type": {
 967 |       "name": "enum",
 968 |       "raw": "\"text\" | \"none\" | \"search\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
 969 |       "value": [
 970 |         {
 971 |           "value": "\"text\""
 972 |         },
 973 |         {
 974 |           "value": "\"none\""
 975 |         },
 976 |         {
 977 |           "value": "\"search\""
 978 |         },
 979 |         {
 980 |           "value": "\"tel\""
 981 |         },
 982 |         {
 983 |           "value": "\"url\""
 984 |         },
 985 |         {
 986 |           "value": "\"email\""
 987 |         },
 988 |         {
 989 |           "value": "\"numeric\""
 990 |         },
 991 |         {
 992 |           "value": "\"decimal\""
 993 |         }
 994 |       ]
 995 |     },
 996 |     "control": {
 997 |       "type": "select"
 998 |     },
 999 |     "options": [
1000 |       "text",
1001 |       "none",
1002 |       "search",
1003 |       "tel",
1004 |       "url",
1005 |       "email",
1006 |       "numeric",
1007 |       "decimal"
1008 |     ]
1009 |   },
1010 |   "is": {
1011 |     "defaultValue": null,
1012 |     "description": "Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",
1013 |     "name": "is",
1014 |     "parent": {
1015 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1016 |       "name": "HTMLAttributes"
1017 |     },
1018 |     "declarations": [
1019 |       {
1020 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1021 |         "name": "HTMLAttributes"
1022 |       }
1023 |     ],
1024 |     "required": false,
1025 |     "type": {
1026 |       "name": "string"
1027 |     },
1028 |     "control": {
1029 |       "type": "text"
1030 |     }
1031 |   },
1032 |   "aria-activedescendant": {
1033 |     "defaultValue": null,
1034 |     "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
1035 |     "name": "aria-activedescendant",
1036 |     "parent": {
1037 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1038 |       "name": "AriaAttributes"
1039 |     },
1040 |     "declarations": [
1041 |       {
1042 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1043 |         "name": "AriaAttributes"
1044 |       }
1045 |     ],
1046 |     "required": false,
1047 |     "type": {
1048 |       "name": "string"
1049 |     },
1050 |     "control": {
1051 |       "type": "text"
1052 |     }
1053 |   },
1054 |   "aria-atomic": {
1055 |     "defaultValue": null,
1056 |     "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",
1057 |     "name": "aria-atomic",
1058 |     "parent": {
1059 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1060 |       "name": "AriaAttributes"
1061 |     },
1062 |     "declarations": [
1063 |       {
1064 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1065 |         "name": "AriaAttributes"
1066 |       }
1067 |     ],
1068 |     "required": false,
1069 |     "type": {
1070 |       "name": "Booleanish"
1071 |     },
1072 |     "control": {
1073 |       "type": "boolean"
1074 |     }
1075 |   },
1076 |   "aria-autocomplete": {
1077 |     "defaultValue": null,
1078 |     "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",
1079 |     "name": "aria-autocomplete",
1080 |     "parent": {
1081 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1082 |       "name": "AriaAttributes"
1083 |     },
1084 |     "declarations": [
1085 |       {
1086 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1087 |         "name": "AriaAttributes"
1088 |       }
1089 |     ],
1090 |     "required": false,
1091 |     "type": {
1092 |       "name": "enum",
1093 |       "raw": "\"list\" | \"none\" | \"inline\" | \"both\"",
1094 |       "value": [
1095 |         {
1096 |           "value": "\"list\""
1097 |         },
1098 |         {
1099 |           "value": "\"none\""
1100 |         },
1101 |         {
1102 |           "value": "\"inline\""
1103 |         },
1104 |         {
1105 |           "value": "\"both\""
1106 |         }
1107 |       ]
1108 |     },
1109 |     "control": {
1110 |       "type": "radio"
1111 |     },
1112 |     "options": [
1113 |       "list",
1114 |       "none",
1115 |       "inline",
1116 |       "both"
1117 |     ]
1118 |   },
1119 |   "aria-busy": {
1120 |     "defaultValue": null,
1121 |     "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
1122 |     "name": "aria-busy",
1123 |     "parent": {
1124 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1125 |       "name": "AriaAttributes"
1126 |     },
1127 |     "declarations": [
1128 |       {
1129 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1130 |         "name": "AriaAttributes"
1131 |       }
1132 |     ],
1133 |     "required": false,
1134 |     "type": {
1135 |       "name": "Booleanish"
1136 |     },
1137 |     "control": {
1138 |       "type": "boolean"
1139 |     }
1140 |   },
1141 |   "aria-checked": {
1142 |     "defaultValue": null,
1143 |     "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.",
1144 |     "name": "aria-checked",
1145 |     "parent": {
1146 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1147 |       "name": "AriaAttributes"
1148 |     },
1149 |     "declarations": [
1150 |       {
1151 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1152 |         "name": "AriaAttributes"
1153 |       }
1154 |     ],
1155 |     "required": false,
1156 |     "type": {
1157 |       "name": "boolean | \"true\" | \"false\" | \"mixed\""
1158 |     },
1159 |     "control": {
1160 |       "type": "text"
1161 |     }
1162 |   },
1163 |   "aria-colcount": {
1164 |     "defaultValue": null,
1165 |     "description": "Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",
1166 |     "name": "aria-colcount",
1167 |     "parent": {
1168 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1169 |       "name": "AriaAttributes"
1170 |     },
1171 |     "declarations": [
1172 |       {
1173 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1174 |         "name": "AriaAttributes"
1175 |       }
1176 |     ],
1177 |     "required": false,
1178 |     "type": {
1179 |       "name": "number"
1180 |     },
1181 |     "control": {
1182 |       "type": "number"
1183 |     }
1184 |   },
1185 |   "aria-colindex": {
1186 |     "defaultValue": null,
1187 |     "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",
1188 |     "name": "aria-colindex",
1189 |     "parent": {
1190 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1191 |       "name": "AriaAttributes"
1192 |     },
1193 |     "declarations": [
1194 |       {
1195 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1196 |         "name": "AriaAttributes"
1197 |       }
1198 |     ],
1199 |     "required": false,
1200 |     "type": {
1201 |       "name": "number"
1202 |     },
1203 |     "control": {
1204 |       "type": "number"
1205 |     }
1206 |   },
1207 |   "aria-colspan": {
1208 |     "defaultValue": null,
1209 |     "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
1210 |     "name": "aria-colspan",
1211 |     "parent": {
1212 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1213 |       "name": "AriaAttributes"
1214 |     },
1215 |     "declarations": [
1216 |       {
1217 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1218 |         "name": "AriaAttributes"
1219 |       }
1220 |     ],
1221 |     "required": false,
1222 |     "type": {
1223 |       "name": "number"
1224 |     },
1225 |     "control": {
1226 |       "type": "number"
1227 |     }
1228 |   },
1229 |   "aria-controls": {
1230 |     "defaultValue": null,
1231 |     "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",
1232 |     "name": "aria-controls",
1233 |     "parent": {
1234 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1235 |       "name": "AriaAttributes"
1236 |     },
1237 |     "declarations": [
1238 |       {
1239 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1240 |         "name": "AriaAttributes"
1241 |       }
1242 |     ],
1243 |     "required": false,
1244 |     "type": {
1245 |       "name": "string"
1246 |     },
1247 |     "control": {
1248 |       "type": "text"
1249 |     }
1250 |   },
1251 |   "aria-current": {
1252 |     "defaultValue": null,
1253 |     "description": "Indicates the element that represents the current item within a container or set of related elements.",
1254 |     "name": "aria-current",
1255 |     "parent": {
1256 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1257 |       "name": "AriaAttributes"
1258 |     },
1259 |     "declarations": [
1260 |       {
1261 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1262 |         "name": "AriaAttributes"
1263 |       }
1264 |     ],
1265 |     "required": false,
1266 |     "type": {
1267 |       "name": "boolean | \"time\" | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\""
1268 |     },
1269 |     "control": {
1270 |       "type": "text"
1271 |     }
1272 |   },
1273 |   "aria-describedby": {
1274 |     "defaultValue": null,
1275 |     "description": "Identifies the element (or elements) that describes the object.\n@see aria-labelledby",
1276 |     "name": "aria-describedby",
1277 |     "parent": {
1278 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1279 |       "name": "AriaAttributes"
1280 |     },
1281 |     "declarations": [
1282 |       {
1283 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1284 |         "name": "AriaAttributes"
1285 |       }
1286 |     ],
1287 |     "required": false,
1288 |     "type": {
1289 |       "name": "string"
1290 |     },
1291 |     "control": {
1292 |       "type": "text"
1293 |     }
1294 |   },
1295 |   "aria-details": {
1296 |     "defaultValue": null,
1297 |     "description": "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
1298 |     "name": "aria-details",
1299 |     "parent": {
1300 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1301 |       "name": "AriaAttributes"
1302 |     },
1303 |     "declarations": [
1304 |       {
1305 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1306 |         "name": "AriaAttributes"
1307 |       }
1308 |     ],
1309 |     "required": false,
1310 |     "type": {
1311 |       "name": "string"
1312 |     },
1313 |     "control": {
1314 |       "type": "text"
1315 |     }
1316 |   },
1317 |   "aria-disabled": {
1318 |     "defaultValue": null,
1319 |     "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",
1320 |     "name": "aria-disabled",
1321 |     "parent": {
1322 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1323 |       "name": "AriaAttributes"
1324 |     },
1325 |     "declarations": [
1326 |       {
1327 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1328 |         "name": "AriaAttributes"
1329 |       }
1330 |     ],
1331 |     "required": false,
1332 |     "type": {
1333 |       "name": "Booleanish"
1334 |     },
1335 |     "control": {
1336 |       "type": "boolean"
1337 |     }
1338 |   },
1339 |   "aria-dropeffect": {
1340 |     "defaultValue": null,
1341 |     "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",
1342 |     "name": "aria-dropeffect",
1343 |     "parent": {
1344 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1345 |       "name": "AriaAttributes"
1346 |     },
1347 |     "declarations": [
1348 |       {
1349 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1350 |         "name": "AriaAttributes"
1351 |       }
1352 |     ],
1353 |     "required": false,
1354 |     "type": {
1355 |       "name": "enum",
1356 |       "raw": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
1357 |       "value": [
1358 |         {
1359 |           "value": "\"link\""
1360 |         },
1361 |         {
1362 |           "value": "\"none\""
1363 |         },
1364 |         {
1365 |           "value": "\"copy\""
1366 |         },
1367 |         {
1368 |           "value": "\"execute\""
1369 |         },
1370 |         {
1371 |           "value": "\"move\""
1372 |         },
1373 |         {
1374 |           "value": "\"popup\""
1375 |         }
1376 |       ]
1377 |     },
1378 |     "control": {
1379 |       "type": "select"
1380 |     },
1381 |     "options": [
1382 |       "link",
1383 |       "none",
1384 |       "copy",
1385 |       "execute",
1386 |       "move",
1387 |       "popup"
1388 |     ]
1389 |   },
1390 |   "aria-errormessage": {
1391 |     "defaultValue": null,
1392 |     "description": "Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",
1393 |     "name": "aria-errormessage",
1394 |     "parent": {
1395 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1396 |       "name": "AriaAttributes"
1397 |     },
1398 |     "declarations": [
1399 |       {
1400 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1401 |         "name": "AriaAttributes"
1402 |       }
1403 |     ],
1404 |     "required": false,
1405 |     "type": {
1406 |       "name": "string"
1407 |     },
1408 |     "control": {
1409 |       "type": "text"
1410 |     }
1411 |   },
1412 |   "aria-expanded": {
1413 |     "defaultValue": null,
1414 |     "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",
1415 |     "name": "aria-expanded",
1416 |     "parent": {
1417 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1418 |       "name": "AriaAttributes"
1419 |     },
1420 |     "declarations": [
1421 |       {
1422 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1423 |         "name": "AriaAttributes"
1424 |       }
1425 |     ],
1426 |     "required": false,
1427 |     "type": {
1428 |       "name": "Booleanish"
1429 |     },
1430 |     "control": {
1431 |       "type": "boolean"
1432 |     }
1433 |   },
1434 |   "aria-flowto": {
1435 |     "defaultValue": null,
1436 |     "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",
1437 |     "name": "aria-flowto",
1438 |     "parent": {
1439 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1440 |       "name": "AriaAttributes"
1441 |     },
1442 |     "declarations": [
1443 |       {
1444 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1445 |         "name": "AriaAttributes"
1446 |       }
1447 |     ],
1448 |     "required": false,
1449 |     "type": {
1450 |       "name": "string"
1451 |     },
1452 |     "control": {
1453 |       "type": "text"
1454 |     }
1455 |   },
1456 |   "aria-grabbed": {
1457 |     "defaultValue": null,
1458 |     "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1",
1459 |     "name": "aria-grabbed",
1460 |     "parent": {
1461 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1462 |       "name": "AriaAttributes"
1463 |     },
1464 |     "declarations": [
1465 |       {
1466 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1467 |         "name": "AriaAttributes"
1468 |       }
1469 |     ],
1470 |     "required": false,
1471 |     "type": {
1472 |       "name": "Booleanish"
1473 |     },
1474 |     "control": {
1475 |       "type": "boolean"
1476 |     }
1477 |   },
1478 |   "aria-haspopup": {
1479 |     "defaultValue": null,
1480 |     "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",
1481 |     "name": "aria-haspopup",
1482 |     "parent": {
1483 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1484 |       "name": "AriaAttributes"
1485 |     },
1486 |     "declarations": [
1487 |       {
1488 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1489 |         "name": "AriaAttributes"
1490 |       }
1491 |     ],
1492 |     "required": false,
1493 |     "type": {
1494 |       "name": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"grid\" | \"listbox\" | \"tree\""
1495 |     },
1496 |     "control": {
1497 |       "type": "text"
1498 |     }
1499 |   },
1500 |   "aria-hidden": {
1501 |     "defaultValue": null,
1502 |     "description": "Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",
1503 |     "name": "aria-hidden",
1504 |     "parent": {
1505 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1506 |       "name": "AriaAttributes"
1507 |     },
1508 |     "declarations": [
1509 |       {
1510 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1511 |         "name": "AriaAttributes"
1512 |       }
1513 |     ],
1514 |     "required": false,
1515 |     "type": {
1516 |       "name": "Booleanish"
1517 |     },
1518 |     "control": {
1519 |       "type": "boolean"
1520 |     }
1521 |   },
1522 |   "aria-invalid": {
1523 |     "defaultValue": null,
1524 |     "description": "Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",
1525 |     "name": "aria-invalid",
1526 |     "parent": {
1527 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1528 |       "name": "AriaAttributes"
1529 |     },
1530 |     "declarations": [
1531 |       {
1532 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1533 |         "name": "AriaAttributes"
1534 |       }
1535 |     ],
1536 |     "required": false,
1537 |     "type": {
1538 |       "name": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\""
1539 |     },
1540 |     "control": {
1541 |       "type": "text"
1542 |     }
1543 |   },
1544 |   "aria-keyshortcuts": {
1545 |     "defaultValue": null,
1546 |     "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",
1547 |     "name": "aria-keyshortcuts",
1548 |     "parent": {
1549 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1550 |       "name": "AriaAttributes"
1551 |     },
1552 |     "declarations": [
1553 |       {
1554 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1555 |         "name": "AriaAttributes"
1556 |       }
1557 |     ],
1558 |     "required": false,
1559 |     "type": {
1560 |       "name": "string"
1561 |     },
1562 |     "control": {
1563 |       "type": "text"
1564 |     }
1565 |   },
1566 |   "aria-label": {
1567 |     "defaultValue": null,
1568 |     "description": "Defines a string value that labels the current element.\n@see aria-labelledby.",
1569 |     "name": "aria-label",
1570 |     "parent": {
1571 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1572 |       "name": "AriaAttributes"
1573 |     },
1574 |     "declarations": [
1575 |       {
1576 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1577 |         "name": "AriaAttributes"
1578 |       }
1579 |     ],
1580 |     "required": false,
1581 |     "type": {
1582 |       "name": "string"
1583 |     },
1584 |     "control": {
1585 |       "type": "text"
1586 |     }
1587 |   },
1588 |   "aria-labelledby": {
1589 |     "defaultValue": null,
1590 |     "description": "Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",
1591 |     "name": "aria-labelledby",
1592 |     "parent": {
1593 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1594 |       "name": "AriaAttributes"
1595 |     },
1596 |     "declarations": [
1597 |       {
1598 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1599 |         "name": "AriaAttributes"
1600 |       }
1601 |     ],
1602 |     "required": false,
1603 |     "type": {
1604 |       "name": "string"
1605 |     },
1606 |     "control": {
1607 |       "type": "text"
1608 |     }
1609 |   },
1610 |   "aria-level": {
1611 |     "defaultValue": null,
1612 |     "description": "Defines the hierarchical level of an element within a structure.",
1613 |     "name": "aria-level",
1614 |     "parent": {
1615 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1616 |       "name": "AriaAttributes"
1617 |     },
1618 |     "declarations": [
1619 |       {
1620 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1621 |         "name": "AriaAttributes"
1622 |       }
1623 |     ],
1624 |     "required": false,
1625 |     "type": {
1626 |       "name": "number"
1627 |     },
1628 |     "control": {
1629 |       "type": "number"
1630 |     }
1631 |   },
1632 |   "aria-live": {
1633 |     "defaultValue": null,
1634 |     "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",
1635 |     "name": "aria-live",
1636 |     "parent": {
1637 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1638 |       "name": "AriaAttributes"
1639 |     },
1640 |     "declarations": [
1641 |       {
1642 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1643 |         "name": "AriaAttributes"
1644 |       }
1645 |     ],
1646 |     "required": false,
1647 |     "type": {
1648 |       "name": "enum",
1649 |       "raw": "\"off\" | \"assertive\" | \"polite\"",
1650 |       "value": [
1651 |         {
1652 |           "value": "\"off\""
1653 |         },
1654 |         {
1655 |           "value": "\"assertive\""
1656 |         },
1657 |         {
1658 |           "value": "\"polite\""
1659 |         }
1660 |       ]
1661 |     },
1662 |     "control": {
1663 |       "type": "radio"
1664 |     },
1665 |     "options": [
1666 |       "off",
1667 |       "assertive",
1668 |       "polite"
1669 |     ]
1670 |   },
1671 |   "aria-modal": {
1672 |     "defaultValue": null,
1673 |     "description": "Indicates whether an element is modal when displayed.",
1674 |     "name": "aria-modal",
1675 |     "parent": {
1676 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1677 |       "name": "AriaAttributes"
1678 |     },
1679 |     "declarations": [
1680 |       {
1681 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1682 |         "name": "AriaAttributes"
1683 |       }
1684 |     ],
1685 |     "required": false,
1686 |     "type": {
1687 |       "name": "Booleanish"
1688 |     },
1689 |     "control": {
1690 |       "type": "boolean"
1691 |     }
1692 |   },
1693 |   "aria-multiline": {
1694 |     "defaultValue": null,
1695 |     "description": "Indicates whether a text box accepts multiple lines of input or only a single line.",
1696 |     "name": "aria-multiline",
1697 |     "parent": {
1698 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1699 |       "name": "AriaAttributes"
1700 |     },
1701 |     "declarations": [
1702 |       {
1703 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1704 |         "name": "AriaAttributes"
1705 |       }
1706 |     ],
1707 |     "required": false,
1708 |     "type": {
1709 |       "name": "Booleanish"
1710 |     },
1711 |     "control": {
1712 |       "type": "boolean"
1713 |     }
1714 |   },
1715 |   "aria-multiselectable": {
1716 |     "defaultValue": null,
1717 |     "description": "Indicates that the user may select more than one item from the current selectable descendants.",
1718 |     "name": "aria-multiselectable",
1719 |     "parent": {
1720 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1721 |       "name": "AriaAttributes"
1722 |     },
1723 |     "declarations": [
1724 |       {
1725 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1726 |         "name": "AriaAttributes"
1727 |       }
1728 |     ],
1729 |     "required": false,
1730 |     "type": {
1731 |       "name": "Booleanish"
1732 |     },
1733 |     "control": {
1734 |       "type": "boolean"
1735 |     }
1736 |   },
1737 |   "aria-orientation": {
1738 |     "defaultValue": null,
1739 |     "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",
1740 |     "name": "aria-orientation",
1741 |     "parent": {
1742 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1743 |       "name": "AriaAttributes"
1744 |     },
1745 |     "declarations": [
1746 |       {
1747 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1748 |         "name": "AriaAttributes"
1749 |       }
1750 |     ],
1751 |     "required": false,
1752 |     "type": {
1753 |       "name": "enum",
1754 |       "raw": "\"horizontal\" | \"vertical\"",
1755 |       "value": [
1756 |         {
1757 |           "value": "\"horizontal\""
1758 |         },
1759 |         {
1760 |           "value": "\"vertical\""
1761 |         }
1762 |       ]
1763 |     },
1764 |     "control": {
1765 |       "type": "radio"
1766 |     },
1767 |     "options": [
1768 |       "horizontal",
1769 |       "vertical"
1770 |     ]
1771 |   },
1772 |   "aria-owns": {
1773 |     "defaultValue": null,
1774 |     "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",
1775 |     "name": "aria-owns",
1776 |     "parent": {
1777 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1778 |       "name": "AriaAttributes"
1779 |     },
1780 |     "declarations": [
1781 |       {
1782 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1783 |         "name": "AriaAttributes"
1784 |       }
1785 |     ],
1786 |     "required": false,
1787 |     "type": {
1788 |       "name": "string"
1789 |     },
1790 |     "control": {
1791 |       "type": "text"
1792 |     }
1793 |   },
1794 |   "aria-placeholder": {
1795 |     "defaultValue": null,
1796 |     "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",
1797 |     "name": "aria-placeholder",
1798 |     "parent": {
1799 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1800 |       "name": "AriaAttributes"
1801 |     },
1802 |     "declarations": [
1803 |       {
1804 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1805 |         "name": "AriaAttributes"
1806 |       }
1807 |     ],
1808 |     "required": false,
1809 |     "type": {
1810 |       "name": "string"
1811 |     },
1812 |     "control": {
1813 |       "type": "text"
1814 |     }
1815 |   },
1816 |   "aria-posinset": {
1817 |     "defaultValue": null,
1818 |     "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",
1819 |     "name": "aria-posinset",
1820 |     "parent": {
1821 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1822 |       "name": "AriaAttributes"
1823 |     },
1824 |     "declarations": [
1825 |       {
1826 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1827 |         "name": "AriaAttributes"
1828 |       }
1829 |     ],
1830 |     "required": false,
1831 |     "type": {
1832 |       "name": "number"
1833 |     },
1834 |     "control": {
1835 |       "type": "number"
1836 |     }
1837 |   },
1838 |   "aria-pressed": {
1839 |     "defaultValue": null,
1840 |     "description": "Indicates the current \"pressed\" state of toggle buttons.\n@see aria-checked\n@see aria-selected.",
1841 |     "name": "aria-pressed",
1842 |     "parent": {
1843 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1844 |       "name": "AriaAttributes"
1845 |     },
1846 |     "declarations": [
1847 |       {
1848 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1849 |         "name": "AriaAttributes"
1850 |       }
1851 |     ],
1852 |     "required": false,
1853 |     "type": {
1854 |       "name": "boolean | \"true\" | \"false\" | \"mixed\""
1855 |     },
1856 |     "control": {
1857 |       "type": "text"
1858 |     }
1859 |   },
1860 |   "aria-readonly": {
1861 |     "defaultValue": null,
1862 |     "description": "Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",
1863 |     "name": "aria-readonly",
1864 |     "parent": {
1865 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1866 |       "name": "AriaAttributes"
1867 |     },
1868 |     "declarations": [
1869 |       {
1870 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1871 |         "name": "AriaAttributes"
1872 |       }
1873 |     ],
1874 |     "required": false,
1875 |     "type": {
1876 |       "name": "Booleanish"
1877 |     },
1878 |     "control": {
1879 |       "type": "boolean"
1880 |     }
1881 |   },
1882 |   "aria-relevant": {
1883 |     "defaultValue": null,
1884 |     "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",
1885 |     "name": "aria-relevant",
1886 |     "parent": {
1887 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1888 |       "name": "AriaAttributes"
1889 |     },
1890 |     "declarations": [
1891 |       {
1892 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1893 |         "name": "AriaAttributes"
1894 |       }
1895 |     ],
1896 |     "required": false,
1897 |     "type": {
1898 |       "name": "enum",
1899 |       "raw": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
1900 |       "value": [
1901 |         {
1902 |           "value": "\"text\""
1903 |         },
1904 |         {
1905 |           "value": "\"additions\""
1906 |         },
1907 |         {
1908 |           "value": "\"additions removals\""
1909 |         },
1910 |         {
1911 |           "value": "\"additions text\""
1912 |         },
1913 |         {
1914 |           "value": "\"all\""
1915 |         },
1916 |         {
1917 |           "value": "\"removals\""
1918 |         },
1919 |         {
1920 |           "value": "\"removals additions\""
1921 |         },
1922 |         {
1923 |           "value": "\"removals text\""
1924 |         },
1925 |         {
1926 |           "value": "\"text additions\""
1927 |         },
1928 |         {
1929 |           "value": "\"text removals\""
1930 |         }
1931 |       ]
1932 |     },
1933 |     "control": {
1934 |       "type": "select"
1935 |     },
1936 |     "options": [
1937 |       "text",
1938 |       "additions",
1939 |       "additions removals",
1940 |       "additions text",
1941 |       "all",
1942 |       "removals",
1943 |       "removals additions",
1944 |       "removals text",
1945 |       "text additions",
1946 |       "text removals"
1947 |     ]
1948 |   },
1949 |   "aria-required": {
1950 |     "defaultValue": null,
1951 |     "description": "Indicates that user input is required on the element before a form may be submitted.",
1952 |     "name": "aria-required",
1953 |     "parent": {
1954 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1955 |       "name": "AriaAttributes"
1956 |     },
1957 |     "declarations": [
1958 |       {
1959 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1960 |         "name": "AriaAttributes"
1961 |       }
1962 |     ],
1963 |     "required": false,
1964 |     "type": {
1965 |       "name": "Booleanish"
1966 |     },
1967 |     "control": {
1968 |       "type": "boolean"
1969 |     }
1970 |   },
1971 |   "aria-roledescription": {
1972 |     "defaultValue": null,
1973 |     "description": "Defines a human-readable, author-localized description for the role of an element.",
1974 |     "name": "aria-roledescription",
1975 |     "parent": {
1976 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1977 |       "name": "AriaAttributes"
1978 |     },
1979 |     "declarations": [
1980 |       {
1981 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1982 |         "name": "AriaAttributes"
1983 |       }
1984 |     ],
1985 |     "required": false,
1986 |     "type": {
1987 |       "name": "string"
1988 |     },
1989 |     "control": {
1990 |       "type": "text"
1991 |     }
1992 |   },
1993 |   "aria-rowcount": {
1994 |     "defaultValue": null,
1995 |     "description": "Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",
1996 |     "name": "aria-rowcount",
1997 |     "parent": {
1998 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1999 |       "name": "AriaAttributes"
2000 |     },
2001 |     "declarations": [
2002 |       {
2003 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2004 |         "name": "AriaAttributes"
2005 |       }
2006 |     ],
2007 |     "required": false,
2008 |     "type": {
2009 |       "name": "number"
2010 |     },
2011 |     "control": {
2012 |       "type": "number"
2013 |     }
2014 |   },
2015 |   "aria-rowindex": {
2016 |     "defaultValue": null,
2017 |     "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",
2018 |     "name": "aria-rowindex",
2019 |     "parent": {
2020 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2021 |       "name": "AriaAttributes"
2022 |     },
2023 |     "declarations": [
2024 |       {
2025 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2026 |         "name": "AriaAttributes"
2027 |       }
2028 |     ],
2029 |     "required": false,
2030 |     "type": {
2031 |       "name": "number"
2032 |     },
2033 |     "control": {
2034 |       "type": "number"
2035 |     }
2036 |   },
2037 |   "aria-rowspan": {
2038 |     "defaultValue": null,
2039 |     "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
2040 |     "name": "aria-rowspan",
2041 |     "parent": {
2042 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2043 |       "name": "AriaAttributes"
2044 |     },
2045 |     "declarations": [
2046 |       {
2047 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2048 |         "name": "AriaAttributes"
2049 |       }
2050 |     ],
2051 |     "required": false,
2052 |     "type": {
2053 |       "name": "number"
2054 |     },
2055 |     "control": {
2056 |       "type": "number"
2057 |     }
2058 |   },
2059 |   "aria-selected": {
2060 |     "defaultValue": null,
2061 |     "description": "Indicates the current \"selected\" state of various widgets.\n@see aria-checked\n@see aria-pressed.",
2062 |     "name": "aria-selected",
2063 |     "parent": {
2064 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2065 |       "name": "AriaAttributes"
2066 |     },
2067 |     "declarations": [
2068 |       {
2069 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2070 |         "name": "AriaAttributes"
2071 |       }
2072 |     ],
2073 |     "required": false,
2074 |     "type": {
2075 |       "name": "Booleanish"
2076 |     },
2077 |     "control": {
2078 |       "type": "boolean"
2079 |     }
2080 |   },
2081 |   "aria-setsize": {
2082 |     "defaultValue": null,
2083 |     "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",
2084 |     "name": "aria-setsize",
2085 |     "parent": {
2086 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2087 |       "name": "AriaAttributes"
2088 |     },
2089 |     "declarations": [
2090 |       {
2091 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2092 |         "name": "AriaAttributes"
2093 |       }
2094 |     ],
2095 |     "required": false,
2096 |     "type": {
2097 |       "name": "number"
2098 |     },
2099 |     "control": {
2100 |       "type": "number"
2101 |     }
2102 |   },
2103 |   "aria-sort": {
2104 |     "defaultValue": null,
2105 |     "description": "Indicates if items in a table or grid are sorted in ascending or descending order.",
2106 |     "name": "aria-sort",
2107 |     "parent": {
2108 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2109 |       "name": "AriaAttributes"
2110 |     },
2111 |     "declarations": [
2112 |       {
2113 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2114 |         "name": "AriaAttributes"
2115 |       }
2116 |     ],
2117 |     "required": false,
2118 |     "type": {
2119 |       "name": "enum",
2120 |       "raw": "\"none\" | \"ascending\" | \"descending\" | \"other\"",
2121 |       "value": [
2122 |         {
2123 |           "value": "\"none\""
2124 |         },
2125 |         {
2126 |           "value": "\"ascending\""
2127 |         },
2128 |         {
2129 |           "value": "\"descending\""
2130 |         },
2131 |         {
2132 |           "value": "\"other\""
2133 |         }
2134 |       ]
2135 |     },
2136 |     "control": {
2137 |       "type": "radio"
2138 |     },
2139 |     "options": [
2140 |       "none",
2141 |       "ascending",
2142 |       "descending",
2143 |       "other"
2144 |     ]
2145 |   },
2146 |   "aria-valuemax": {
2147 |     "defaultValue": null,
2148 |     "description": "Defines the maximum allowed value for a range widget.",
2149 |     "name": "aria-valuemax",
2150 |     "parent": {
2151 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2152 |       "name": "AriaAttributes"
2153 |     },
2154 |     "declarations": [
2155 |       {
2156 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2157 |         "name": "AriaAttributes"
2158 |       }
2159 |     ],
2160 |     "required": false,
2161 |     "type": {
2162 |       "name": "number"
2163 |     },
2164 |     "control": {
2165 |       "type": "number"
2166 |     }
2167 |   },
2168 |   "aria-valuemin": {
2169 |     "defaultValue": null,
2170 |     "description": "Defines the minimum allowed value for a range widget.",
2171 |     "name": "aria-valuemin",
2172 |     "parent": {
2173 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2174 |       "name": "AriaAttributes"
2175 |     },
2176 |     "declarations": [
2177 |       {
2178 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2179 |         "name": "AriaAttributes"
2180 |       }
2181 |     ],
2182 |     "required": false,
2183 |     "type": {
2184 |       "name": "number"
2185 |     },
2186 |     "control": {
2187 |       "type": "number"
2188 |     }
2189 |   },
2190 |   "aria-valuenow": {
2191 |     "defaultValue": null,
2192 |     "description": "Defines the current value for a range widget.\n@see aria-valuetext.",
2193 |     "name": "aria-valuenow",
2194 |     "parent": {
2195 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2196 |       "name": "AriaAttributes"
2197 |     },
2198 |     "declarations": [
2199 |       {
2200 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2201 |         "name": "AriaAttributes"
2202 |       }
2203 |     ],
2204 |     "required": false,
2205 |     "type": {
2206 |       "name": "number"
2207 |     },
2208 |     "control": {
2209 |       "type": "number"
2210 |     }
2211 |   },
2212 |   "aria-valuetext": {
2213 |     "defaultValue": null,
2214 |     "description": "Defines the human readable text alternative of aria-valuenow for a range widget.",
2215 |     "name": "aria-valuetext",
2216 |     "parent": {
2217 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2218 |       "name": "AriaAttributes"
2219 |     },
2220 |     "declarations": [
2221 |       {
2222 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2223 |         "name": "AriaAttributes"
2224 |       }
2225 |     ],
2226 |     "required": false,
2227 |     "type": {
2228 |       "name": "string"
2229 |     },
2230 |     "control": {
2231 |       "type": "text"
2232 |     }
2233 |   }
2234 | }
2235 | 


--------------------------------------------------------------------------------
/src/components/box.props.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "slot": {
   3 |     "defaultValue": null,
   4 |     "description": "",
   5 |     "name": "slot",
   6 |     "parent": {
   7 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
   8 |       "name": "HTMLAttributes"
   9 |     },
  10 |     "declarations": [
  11 |       {
  12 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  13 |         "name": "HTMLAttributes"
  14 |       }
  15 |     ],
  16 |     "required": false,
  17 |     "type": {
  18 |       "name": "string"
  19 |     },
  20 |     "control": {
  21 |       "type": "text"
  22 |     }
  23 |   },
  24 |   "style": {
  25 |     "defaultValue": null,
  26 |     "description": "",
  27 |     "name": "style",
  28 |     "parent": {
  29 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  30 |       "name": "HTMLAttributes"
  31 |     },
  32 |     "declarations": [
  33 |       {
  34 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  35 |         "name": "HTMLAttributes"
  36 |       }
  37 |     ],
  38 |     "required": false,
  39 |     "type": {
  40 |       "name": "CSSProperties"
  41 |     },
  42 |     "control": {
  43 |       "type": "text"
  44 |     }
  45 |   },
  46 |   "title": {
  47 |     "defaultValue": null,
  48 |     "description": "",
  49 |     "name": "title",
  50 |     "parent": {
  51 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  52 |       "name": "HTMLAttributes"
  53 |     },
  54 |     "declarations": [
  55 |       {
  56 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  57 |         "name": "HTMLAttributes"
  58 |       }
  59 |     ],
  60 |     "required": false,
  61 |     "type": {
  62 |       "name": "string"
  63 |     },
  64 |     "control": {
  65 |       "type": "text"
  66 |     }
  67 |   },
  68 |   "defaultChecked": {
  69 |     "defaultValue": null,
  70 |     "description": "",
  71 |     "name": "defaultChecked",
  72 |     "parent": {
  73 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  74 |       "name": "HTMLAttributes"
  75 |     },
  76 |     "declarations": [
  77 |       {
  78 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  79 |         "name": "HTMLAttributes"
  80 |       }
  81 |     ],
  82 |     "required": false,
  83 |     "type": {
  84 |       "name": "boolean"
  85 |     },
  86 |     "control": {
  87 |       "type": "boolean"
  88 |     }
  89 |   },
  90 |   "defaultValue": {
  91 |     "defaultValue": null,
  92 |     "description": "",
  93 |     "name": "defaultValue",
  94 |     "parent": {
  95 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
  96 |       "name": "HTMLAttributes"
  97 |     },
  98 |     "declarations": [
  99 |       {
 100 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 101 |         "name": "HTMLAttributes"
 102 |       }
 103 |     ],
 104 |     "required": false,
 105 |     "type": {
 106 |       "name": "string | number | readonly string[]"
 107 |     },
 108 |     "control": {
 109 |       "type": "text"
 110 |     }
 111 |   },
 112 |   "suppressContentEditableWarning": {
 113 |     "defaultValue": null,
 114 |     "description": "",
 115 |     "name": "suppressContentEditableWarning",
 116 |     "parent": {
 117 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 118 |       "name": "HTMLAttributes"
 119 |     },
 120 |     "declarations": [
 121 |       {
 122 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 123 |         "name": "HTMLAttributes"
 124 |       }
 125 |     ],
 126 |     "required": false,
 127 |     "type": {
 128 |       "name": "boolean"
 129 |     },
 130 |     "control": {
 131 |       "type": "boolean"
 132 |     }
 133 |   },
 134 |   "suppressHydrationWarning": {
 135 |     "defaultValue": null,
 136 |     "description": "",
 137 |     "name": "suppressHydrationWarning",
 138 |     "parent": {
 139 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 140 |       "name": "HTMLAttributes"
 141 |     },
 142 |     "declarations": [
 143 |       {
 144 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 145 |         "name": "HTMLAttributes"
 146 |       }
 147 |     ],
 148 |     "required": false,
 149 |     "type": {
 150 |       "name": "boolean"
 151 |     },
 152 |     "control": {
 153 |       "type": "boolean"
 154 |     }
 155 |   },
 156 |   "accessKey": {
 157 |     "defaultValue": null,
 158 |     "description": "",
 159 |     "name": "accessKey",
 160 |     "parent": {
 161 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 162 |       "name": "HTMLAttributes"
 163 |     },
 164 |     "declarations": [
 165 |       {
 166 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 167 |         "name": "HTMLAttributes"
 168 |       }
 169 |     ],
 170 |     "required": false,
 171 |     "type": {
 172 |       "name": "string"
 173 |     },
 174 |     "control": {
 175 |       "type": "text"
 176 |     }
 177 |   },
 178 |   "className": {
 179 |     "defaultValue": null,
 180 |     "description": "",
 181 |     "name": "className",
 182 |     "parent": {
 183 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 184 |       "name": "HTMLAttributes"
 185 |     },
 186 |     "declarations": [
 187 |       {
 188 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 189 |         "name": "HTMLAttributes"
 190 |       }
 191 |     ],
 192 |     "required": false,
 193 |     "type": {
 194 |       "name": "string"
 195 |     },
 196 |     "control": {
 197 |       "type": "text"
 198 |     }
 199 |   },
 200 |   "contentEditable": {
 201 |     "defaultValue": null,
 202 |     "description": "",
 203 |     "name": "contentEditable",
 204 |     "parent": {
 205 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 206 |       "name": "HTMLAttributes"
 207 |     },
 208 |     "declarations": [
 209 |       {
 210 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 211 |         "name": "HTMLAttributes"
 212 |       }
 213 |     ],
 214 |     "required": false,
 215 |     "type": {
 216 |       "name": "Booleanish | \"inherit\""
 217 |     },
 218 |     "control": {
 219 |       "type": "text"
 220 |     }
 221 |   },
 222 |   "contextMenu": {
 223 |     "defaultValue": null,
 224 |     "description": "",
 225 |     "name": "contextMenu",
 226 |     "parent": {
 227 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 228 |       "name": "HTMLAttributes"
 229 |     },
 230 |     "declarations": [
 231 |       {
 232 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 233 |         "name": "HTMLAttributes"
 234 |       }
 235 |     ],
 236 |     "required": false,
 237 |     "type": {
 238 |       "name": "string"
 239 |     },
 240 |     "control": {
 241 |       "type": "text"
 242 |     }
 243 |   },
 244 |   "dir": {
 245 |     "defaultValue": null,
 246 |     "description": "",
 247 |     "name": "dir",
 248 |     "parent": {
 249 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 250 |       "name": "HTMLAttributes"
 251 |     },
 252 |     "declarations": [
 253 |       {
 254 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 255 |         "name": "HTMLAttributes"
 256 |       }
 257 |     ],
 258 |     "required": false,
 259 |     "type": {
 260 |       "name": "string"
 261 |     },
 262 |     "control": {
 263 |       "type": "text"
 264 |     }
 265 |   },
 266 |   "draggable": {
 267 |     "defaultValue": null,
 268 |     "description": "",
 269 |     "name": "draggable",
 270 |     "parent": {
 271 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 272 |       "name": "HTMLAttributes"
 273 |     },
 274 |     "declarations": [
 275 |       {
 276 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 277 |         "name": "HTMLAttributes"
 278 |       }
 279 |     ],
 280 |     "required": false,
 281 |     "type": {
 282 |       "name": "Booleanish"
 283 |     },
 284 |     "control": {
 285 |       "type": "boolean"
 286 |     }
 287 |   },
 288 |   "hidden": {
 289 |     "defaultValue": null,
 290 |     "description": "",
 291 |     "name": "hidden",
 292 |     "parent": {
 293 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 294 |       "name": "HTMLAttributes"
 295 |     },
 296 |     "declarations": [
 297 |       {
 298 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 299 |         "name": "HTMLAttributes"
 300 |       }
 301 |     ],
 302 |     "required": false,
 303 |     "type": {
 304 |       "name": "boolean"
 305 |     },
 306 |     "control": {
 307 |       "type": "boolean"
 308 |     }
 309 |   },
 310 |   "id": {
 311 |     "defaultValue": null,
 312 |     "description": "",
 313 |     "name": "id",
 314 |     "parent": {
 315 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 316 |       "name": "HTMLAttributes"
 317 |     },
 318 |     "declarations": [
 319 |       {
 320 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 321 |         "name": "HTMLAttributes"
 322 |       }
 323 |     ],
 324 |     "required": false,
 325 |     "type": {
 326 |       "name": "string"
 327 |     },
 328 |     "control": {
 329 |       "type": "text"
 330 |     }
 331 |   },
 332 |   "lang": {
 333 |     "defaultValue": null,
 334 |     "description": "",
 335 |     "name": "lang",
 336 |     "parent": {
 337 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 338 |       "name": "HTMLAttributes"
 339 |     },
 340 |     "declarations": [
 341 |       {
 342 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 343 |         "name": "HTMLAttributes"
 344 |       }
 345 |     ],
 346 |     "required": false,
 347 |     "type": {
 348 |       "name": "string"
 349 |     },
 350 |     "control": {
 351 |       "type": "text"
 352 |     }
 353 |   },
 354 |   "placeholder": {
 355 |     "defaultValue": null,
 356 |     "description": "",
 357 |     "name": "placeholder",
 358 |     "parent": {
 359 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 360 |       "name": "HTMLAttributes"
 361 |     },
 362 |     "declarations": [
 363 |       {
 364 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 365 |         "name": "HTMLAttributes"
 366 |       }
 367 |     ],
 368 |     "required": false,
 369 |     "type": {
 370 |       "name": "string"
 371 |     },
 372 |     "control": {
 373 |       "type": "text"
 374 |     }
 375 |   },
 376 |   "spellCheck": {
 377 |     "defaultValue": null,
 378 |     "description": "",
 379 |     "name": "spellCheck",
 380 |     "parent": {
 381 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 382 |       "name": "HTMLAttributes"
 383 |     },
 384 |     "declarations": [
 385 |       {
 386 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 387 |         "name": "HTMLAttributes"
 388 |       }
 389 |     ],
 390 |     "required": false,
 391 |     "type": {
 392 |       "name": "Booleanish"
 393 |     },
 394 |     "control": {
 395 |       "type": "boolean"
 396 |     }
 397 |   },
 398 |   "tabIndex": {
 399 |     "defaultValue": null,
 400 |     "description": "",
 401 |     "name": "tabIndex",
 402 |     "parent": {
 403 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 404 |       "name": "HTMLAttributes"
 405 |     },
 406 |     "declarations": [
 407 |       {
 408 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 409 |         "name": "HTMLAttributes"
 410 |       }
 411 |     ],
 412 |     "required": false,
 413 |     "type": {
 414 |       "name": "number"
 415 |     },
 416 |     "control": {
 417 |       "type": "number"
 418 |     }
 419 |   },
 420 |   "translate": {
 421 |     "defaultValue": null,
 422 |     "description": "",
 423 |     "name": "translate",
 424 |     "parent": {
 425 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 426 |       "name": "HTMLAttributes"
 427 |     },
 428 |     "declarations": [
 429 |       {
 430 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 431 |         "name": "HTMLAttributes"
 432 |       }
 433 |     ],
 434 |     "required": false,
 435 |     "type": {
 436 |       "name": "enum",
 437 |       "raw": "\"yes\" | \"no\"",
 438 |       "value": [
 439 |         {
 440 |           "value": "\"yes\""
 441 |         },
 442 |         {
 443 |           "value": "\"no\""
 444 |         }
 445 |       ]
 446 |     },
 447 |     "control": {
 448 |       "type": "radio"
 449 |     },
 450 |     "options": [
 451 |       "yes",
 452 |       "no"
 453 |     ]
 454 |   },
 455 |   "radioGroup": {
 456 |     "defaultValue": null,
 457 |     "description": "",
 458 |     "name": "radioGroup",
 459 |     "parent": {
 460 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 461 |       "name": "HTMLAttributes"
 462 |     },
 463 |     "declarations": [
 464 |       {
 465 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 466 |         "name": "HTMLAttributes"
 467 |       }
 468 |     ],
 469 |     "required": false,
 470 |     "type": {
 471 |       "name": "string"
 472 |     },
 473 |     "control": {
 474 |       "type": "text"
 475 |     }
 476 |   },
 477 |   "role": {
 478 |     "defaultValue": null,
 479 |     "description": "",
 480 |     "name": "role",
 481 |     "parent": {
 482 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 483 |       "name": "HTMLAttributes"
 484 |     },
 485 |     "declarations": [
 486 |       {
 487 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 488 |         "name": "HTMLAttributes"
 489 |       }
 490 |     ],
 491 |     "required": false,
 492 |     "type": {
 493 |       "name": "AriaRole"
 494 |     },
 495 |     "control": {
 496 |       "type": "text"
 497 |     }
 498 |   },
 499 |   "about": {
 500 |     "defaultValue": null,
 501 |     "description": "",
 502 |     "name": "about",
 503 |     "parent": {
 504 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 505 |       "name": "HTMLAttributes"
 506 |     },
 507 |     "declarations": [
 508 |       {
 509 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 510 |         "name": "HTMLAttributes"
 511 |       }
 512 |     ],
 513 |     "required": false,
 514 |     "type": {
 515 |       "name": "string"
 516 |     },
 517 |     "control": {
 518 |       "type": "text"
 519 |     }
 520 |   },
 521 |   "datatype": {
 522 |     "defaultValue": null,
 523 |     "description": "",
 524 |     "name": "datatype",
 525 |     "parent": {
 526 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 527 |       "name": "HTMLAttributes"
 528 |     },
 529 |     "declarations": [
 530 |       {
 531 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 532 |         "name": "HTMLAttributes"
 533 |       }
 534 |     ],
 535 |     "required": false,
 536 |     "type": {
 537 |       "name": "string"
 538 |     },
 539 |     "control": {
 540 |       "type": "text"
 541 |     }
 542 |   },
 543 |   "inlist": {
 544 |     "defaultValue": null,
 545 |     "description": "",
 546 |     "name": "inlist",
 547 |     "parent": {
 548 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 549 |       "name": "HTMLAttributes"
 550 |     },
 551 |     "declarations": [
 552 |       {
 553 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 554 |         "name": "HTMLAttributes"
 555 |       }
 556 |     ],
 557 |     "required": false,
 558 |     "type": {
 559 |       "name": "any"
 560 |     },
 561 |     "control": {
 562 |       "type": "text"
 563 |     }
 564 |   },
 565 |   "prefix": {
 566 |     "defaultValue": null,
 567 |     "description": "",
 568 |     "name": "prefix",
 569 |     "parent": {
 570 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 571 |       "name": "HTMLAttributes"
 572 |     },
 573 |     "declarations": [
 574 |       {
 575 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 576 |         "name": "HTMLAttributes"
 577 |       }
 578 |     ],
 579 |     "required": false,
 580 |     "type": {
 581 |       "name": "string"
 582 |     },
 583 |     "control": {
 584 |       "type": "text"
 585 |     }
 586 |   },
 587 |   "property": {
 588 |     "defaultValue": null,
 589 |     "description": "",
 590 |     "name": "property",
 591 |     "parent": {
 592 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 593 |       "name": "HTMLAttributes"
 594 |     },
 595 |     "declarations": [
 596 |       {
 597 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 598 |         "name": "HTMLAttributes"
 599 |       }
 600 |     ],
 601 |     "required": false,
 602 |     "type": {
 603 |       "name": "string"
 604 |     },
 605 |     "control": {
 606 |       "type": "text"
 607 |     }
 608 |   },
 609 |   "resource": {
 610 |     "defaultValue": null,
 611 |     "description": "",
 612 |     "name": "resource",
 613 |     "parent": {
 614 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 615 |       "name": "HTMLAttributes"
 616 |     },
 617 |     "declarations": [
 618 |       {
 619 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 620 |         "name": "HTMLAttributes"
 621 |       }
 622 |     ],
 623 |     "required": false,
 624 |     "type": {
 625 |       "name": "string"
 626 |     },
 627 |     "control": {
 628 |       "type": "text"
 629 |     }
 630 |   },
 631 |   "typeof": {
 632 |     "defaultValue": null,
 633 |     "description": "",
 634 |     "name": "typeof",
 635 |     "parent": {
 636 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 637 |       "name": "HTMLAttributes"
 638 |     },
 639 |     "declarations": [
 640 |       {
 641 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 642 |         "name": "HTMLAttributes"
 643 |       }
 644 |     ],
 645 |     "required": false,
 646 |     "type": {
 647 |       "name": "string"
 648 |     },
 649 |     "control": {
 650 |       "type": "text"
 651 |     }
 652 |   },
 653 |   "vocab": {
 654 |     "defaultValue": null,
 655 |     "description": "",
 656 |     "name": "vocab",
 657 |     "parent": {
 658 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 659 |       "name": "HTMLAttributes"
 660 |     },
 661 |     "declarations": [
 662 |       {
 663 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 664 |         "name": "HTMLAttributes"
 665 |       }
 666 |     ],
 667 |     "required": false,
 668 |     "type": {
 669 |       "name": "string"
 670 |     },
 671 |     "control": {
 672 |       "type": "text"
 673 |     }
 674 |   },
 675 |   "autoCapitalize": {
 676 |     "defaultValue": null,
 677 |     "description": "",
 678 |     "name": "autoCapitalize",
 679 |     "parent": {
 680 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 681 |       "name": "HTMLAttributes"
 682 |     },
 683 |     "declarations": [
 684 |       {
 685 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 686 |         "name": "HTMLAttributes"
 687 |       }
 688 |     ],
 689 |     "required": false,
 690 |     "type": {
 691 |       "name": "string"
 692 |     },
 693 |     "control": {
 694 |       "type": "text"
 695 |     }
 696 |   },
 697 |   "autoCorrect": {
 698 |     "defaultValue": null,
 699 |     "description": "",
 700 |     "name": "autoCorrect",
 701 |     "parent": {
 702 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 703 |       "name": "HTMLAttributes"
 704 |     },
 705 |     "declarations": [
 706 |       {
 707 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 708 |         "name": "HTMLAttributes"
 709 |       }
 710 |     ],
 711 |     "required": false,
 712 |     "type": {
 713 |       "name": "string"
 714 |     },
 715 |     "control": {
 716 |       "type": "text"
 717 |     }
 718 |   },
 719 |   "autoSave": {
 720 |     "defaultValue": null,
 721 |     "description": "",
 722 |     "name": "autoSave",
 723 |     "parent": {
 724 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 725 |       "name": "HTMLAttributes"
 726 |     },
 727 |     "declarations": [
 728 |       {
 729 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 730 |         "name": "HTMLAttributes"
 731 |       }
 732 |     ],
 733 |     "required": false,
 734 |     "type": {
 735 |       "name": "string"
 736 |     },
 737 |     "control": {
 738 |       "type": "text"
 739 |     }
 740 |   },
 741 |   "color": {
 742 |     "description": "",
 743 |     "name": "color",
 744 |     "parent": {
 745 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 746 |       "name": "HTMLAttributes"
 747 |     },
 748 |     "declarations": [
 749 |       {
 750 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 751 |         "name": "HTMLAttributes"
 752 |       }
 753 |     ],
 754 |     "required": false,
 755 |     "type": {
 756 |       "name": "string"
 757 |     },
 758 |     "control": {
 759 |       "type": "color"
 760 |     }
 761 |   },
 762 |   "itemProp": {
 763 |     "defaultValue": null,
 764 |     "description": "",
 765 |     "name": "itemProp",
 766 |     "parent": {
 767 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 768 |       "name": "HTMLAttributes"
 769 |     },
 770 |     "declarations": [
 771 |       {
 772 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 773 |         "name": "HTMLAttributes"
 774 |       }
 775 |     ],
 776 |     "required": false,
 777 |     "type": {
 778 |       "name": "string"
 779 |     },
 780 |     "control": {
 781 |       "type": "text"
 782 |     }
 783 |   },
 784 |   "itemScope": {
 785 |     "defaultValue": null,
 786 |     "description": "",
 787 |     "name": "itemScope",
 788 |     "parent": {
 789 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 790 |       "name": "HTMLAttributes"
 791 |     },
 792 |     "declarations": [
 793 |       {
 794 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 795 |         "name": "HTMLAttributes"
 796 |       }
 797 |     ],
 798 |     "required": false,
 799 |     "type": {
 800 |       "name": "boolean"
 801 |     },
 802 |     "control": {
 803 |       "type": "boolean"
 804 |     }
 805 |   },
 806 |   "itemType": {
 807 |     "defaultValue": null,
 808 |     "description": "",
 809 |     "name": "itemType",
 810 |     "parent": {
 811 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 812 |       "name": "HTMLAttributes"
 813 |     },
 814 |     "declarations": [
 815 |       {
 816 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 817 |         "name": "HTMLAttributes"
 818 |       }
 819 |     ],
 820 |     "required": false,
 821 |     "type": {
 822 |       "name": "string"
 823 |     },
 824 |     "control": {
 825 |       "type": "text"
 826 |     }
 827 |   },
 828 |   "itemID": {
 829 |     "defaultValue": null,
 830 |     "description": "",
 831 |     "name": "itemID",
 832 |     "parent": {
 833 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 834 |       "name": "HTMLAttributes"
 835 |     },
 836 |     "declarations": [
 837 |       {
 838 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 839 |         "name": "HTMLAttributes"
 840 |       }
 841 |     ],
 842 |     "required": false,
 843 |     "type": {
 844 |       "name": "string"
 845 |     },
 846 |     "control": {
 847 |       "type": "text"
 848 |     }
 849 |   },
 850 |   "itemRef": {
 851 |     "defaultValue": null,
 852 |     "description": "",
 853 |     "name": "itemRef",
 854 |     "parent": {
 855 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 856 |       "name": "HTMLAttributes"
 857 |     },
 858 |     "declarations": [
 859 |       {
 860 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 861 |         "name": "HTMLAttributes"
 862 |       }
 863 |     ],
 864 |     "required": false,
 865 |     "type": {
 866 |       "name": "string"
 867 |     },
 868 |     "control": {
 869 |       "type": "text"
 870 |     }
 871 |   },
 872 |   "results": {
 873 |     "defaultValue": null,
 874 |     "description": "",
 875 |     "name": "results",
 876 |     "parent": {
 877 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 878 |       "name": "HTMLAttributes"
 879 |     },
 880 |     "declarations": [
 881 |       {
 882 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 883 |         "name": "HTMLAttributes"
 884 |       }
 885 |     ],
 886 |     "required": false,
 887 |     "type": {
 888 |       "name": "number"
 889 |     },
 890 |     "control": {
 891 |       "type": "number"
 892 |     }
 893 |   },
 894 |   "security": {
 895 |     "defaultValue": null,
 896 |     "description": "",
 897 |     "name": "security",
 898 |     "parent": {
 899 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 900 |       "name": "HTMLAttributes"
 901 |     },
 902 |     "declarations": [
 903 |       {
 904 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 905 |         "name": "HTMLAttributes"
 906 |       }
 907 |     ],
 908 |     "required": false,
 909 |     "type": {
 910 |       "name": "string"
 911 |     },
 912 |     "control": {
 913 |       "type": "text"
 914 |     }
 915 |   },
 916 |   "unselectable": {
 917 |     "defaultValue": null,
 918 |     "description": "",
 919 |     "name": "unselectable",
 920 |     "parent": {
 921 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 922 |       "name": "HTMLAttributes"
 923 |     },
 924 |     "declarations": [
 925 |       {
 926 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 927 |         "name": "HTMLAttributes"
 928 |       }
 929 |     ],
 930 |     "required": false,
 931 |     "type": {
 932 |       "name": "enum",
 933 |       "raw": "\"on\" | \"off\"",
 934 |       "value": [
 935 |         {
 936 |           "value": "\"on\""
 937 |         },
 938 |         {
 939 |           "value": "\"off\""
 940 |         }
 941 |       ]
 942 |     },
 943 |     "control": {
 944 |       "type": "radio"
 945 |     },
 946 |     "options": [
 947 |       "on",
 948 |       "off"
 949 |     ]
 950 |   },
 951 |   "inputMode": {
 952 |     "defaultValue": null,
 953 |     "description": "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
 954 |     "name": "inputMode",
 955 |     "parent": {
 956 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 957 |       "name": "HTMLAttributes"
 958 |     },
 959 |     "declarations": [
 960 |       {
 961 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
 962 |         "name": "HTMLAttributes"
 963 |       }
 964 |     ],
 965 |     "required": false,
 966 |     "type": {
 967 |       "name": "enum",
 968 |       "raw": "\"text\" | \"none\" | \"search\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
 969 |       "value": [
 970 |         {
 971 |           "value": "\"text\""
 972 |         },
 973 |         {
 974 |           "value": "\"none\""
 975 |         },
 976 |         {
 977 |           "value": "\"search\""
 978 |         },
 979 |         {
 980 |           "value": "\"tel\""
 981 |         },
 982 |         {
 983 |           "value": "\"url\""
 984 |         },
 985 |         {
 986 |           "value": "\"email\""
 987 |         },
 988 |         {
 989 |           "value": "\"numeric\""
 990 |         },
 991 |         {
 992 |           "value": "\"decimal\""
 993 |         }
 994 |       ]
 995 |     },
 996 |     "control": {
 997 |       "type": "select"
 998 |     },
 999 |     "options": [
1000 |       "text",
1001 |       "none",
1002 |       "search",
1003 |       "tel",
1004 |       "url",
1005 |       "email",
1006 |       "numeric",
1007 |       "decimal"
1008 |     ]
1009 |   },
1010 |   "is": {
1011 |     "defaultValue": null,
1012 |     "description": "Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",
1013 |     "name": "is",
1014 |     "parent": {
1015 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1016 |       "name": "HTMLAttributes"
1017 |     },
1018 |     "declarations": [
1019 |       {
1020 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1021 |         "name": "HTMLAttributes"
1022 |       }
1023 |     ],
1024 |     "required": false,
1025 |     "type": {
1026 |       "name": "string"
1027 |     },
1028 |     "control": {
1029 |       "type": "text"
1030 |     }
1031 |   },
1032 |   "aria-activedescendant": {
1033 |     "defaultValue": null,
1034 |     "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
1035 |     "name": "aria-activedescendant",
1036 |     "parent": {
1037 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1038 |       "name": "AriaAttributes"
1039 |     },
1040 |     "declarations": [
1041 |       {
1042 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1043 |         "name": "AriaAttributes"
1044 |       }
1045 |     ],
1046 |     "required": false,
1047 |     "type": {
1048 |       "name": "string"
1049 |     },
1050 |     "control": {
1051 |       "type": "text"
1052 |     }
1053 |   },
1054 |   "aria-atomic": {
1055 |     "defaultValue": null,
1056 |     "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",
1057 |     "name": "aria-atomic",
1058 |     "parent": {
1059 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1060 |       "name": "AriaAttributes"
1061 |     },
1062 |     "declarations": [
1063 |       {
1064 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1065 |         "name": "AriaAttributes"
1066 |       }
1067 |     ],
1068 |     "required": false,
1069 |     "type": {
1070 |       "name": "Booleanish"
1071 |     },
1072 |     "control": {
1073 |       "type": "boolean"
1074 |     }
1075 |   },
1076 |   "aria-autocomplete": {
1077 |     "defaultValue": null,
1078 |     "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",
1079 |     "name": "aria-autocomplete",
1080 |     "parent": {
1081 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1082 |       "name": "AriaAttributes"
1083 |     },
1084 |     "declarations": [
1085 |       {
1086 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1087 |         "name": "AriaAttributes"
1088 |       }
1089 |     ],
1090 |     "required": false,
1091 |     "type": {
1092 |       "name": "enum",
1093 |       "raw": "\"list\" | \"none\" | \"inline\" | \"both\"",
1094 |       "value": [
1095 |         {
1096 |           "value": "\"list\""
1097 |         },
1098 |         {
1099 |           "value": "\"none\""
1100 |         },
1101 |         {
1102 |           "value": "\"inline\""
1103 |         },
1104 |         {
1105 |           "value": "\"both\""
1106 |         }
1107 |       ]
1108 |     },
1109 |     "control": {
1110 |       "type": "radio"
1111 |     },
1112 |     "options": [
1113 |       "list",
1114 |       "none",
1115 |       "inline",
1116 |       "both"
1117 |     ]
1118 |   },
1119 |   "aria-busy": {
1120 |     "defaultValue": null,
1121 |     "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
1122 |     "name": "aria-busy",
1123 |     "parent": {
1124 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1125 |       "name": "AriaAttributes"
1126 |     },
1127 |     "declarations": [
1128 |       {
1129 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1130 |         "name": "AriaAttributes"
1131 |       }
1132 |     ],
1133 |     "required": false,
1134 |     "type": {
1135 |       "name": "Booleanish"
1136 |     },
1137 |     "control": {
1138 |       "type": "boolean"
1139 |     }
1140 |   },
1141 |   "aria-checked": {
1142 |     "defaultValue": null,
1143 |     "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.",
1144 |     "name": "aria-checked",
1145 |     "parent": {
1146 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1147 |       "name": "AriaAttributes"
1148 |     },
1149 |     "declarations": [
1150 |       {
1151 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1152 |         "name": "AriaAttributes"
1153 |       }
1154 |     ],
1155 |     "required": false,
1156 |     "type": {
1157 |       "name": "boolean | \"true\" | \"false\" | \"mixed\""
1158 |     },
1159 |     "control": {
1160 |       "type": "text"
1161 |     }
1162 |   },
1163 |   "aria-colcount": {
1164 |     "defaultValue": null,
1165 |     "description": "Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",
1166 |     "name": "aria-colcount",
1167 |     "parent": {
1168 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1169 |       "name": "AriaAttributes"
1170 |     },
1171 |     "declarations": [
1172 |       {
1173 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1174 |         "name": "AriaAttributes"
1175 |       }
1176 |     ],
1177 |     "required": false,
1178 |     "type": {
1179 |       "name": "number"
1180 |     },
1181 |     "control": {
1182 |       "type": "number"
1183 |     }
1184 |   },
1185 |   "aria-colindex": {
1186 |     "defaultValue": null,
1187 |     "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",
1188 |     "name": "aria-colindex",
1189 |     "parent": {
1190 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1191 |       "name": "AriaAttributes"
1192 |     },
1193 |     "declarations": [
1194 |       {
1195 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1196 |         "name": "AriaAttributes"
1197 |       }
1198 |     ],
1199 |     "required": false,
1200 |     "type": {
1201 |       "name": "number"
1202 |     },
1203 |     "control": {
1204 |       "type": "number"
1205 |     }
1206 |   },
1207 |   "aria-colspan": {
1208 |     "defaultValue": null,
1209 |     "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
1210 |     "name": "aria-colspan",
1211 |     "parent": {
1212 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1213 |       "name": "AriaAttributes"
1214 |     },
1215 |     "declarations": [
1216 |       {
1217 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1218 |         "name": "AriaAttributes"
1219 |       }
1220 |     ],
1221 |     "required": false,
1222 |     "type": {
1223 |       "name": "number"
1224 |     },
1225 |     "control": {
1226 |       "type": "number"
1227 |     }
1228 |   },
1229 |   "aria-controls": {
1230 |     "defaultValue": null,
1231 |     "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",
1232 |     "name": "aria-controls",
1233 |     "parent": {
1234 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1235 |       "name": "AriaAttributes"
1236 |     },
1237 |     "declarations": [
1238 |       {
1239 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1240 |         "name": "AriaAttributes"
1241 |       }
1242 |     ],
1243 |     "required": false,
1244 |     "type": {
1245 |       "name": "string"
1246 |     },
1247 |     "control": {
1248 |       "type": "text"
1249 |     }
1250 |   },
1251 |   "aria-current": {
1252 |     "defaultValue": null,
1253 |     "description": "Indicates the element that represents the current item within a container or set of related elements.",
1254 |     "name": "aria-current",
1255 |     "parent": {
1256 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1257 |       "name": "AriaAttributes"
1258 |     },
1259 |     "declarations": [
1260 |       {
1261 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1262 |         "name": "AriaAttributes"
1263 |       }
1264 |     ],
1265 |     "required": false,
1266 |     "type": {
1267 |       "name": "boolean | \"time\" | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\""
1268 |     },
1269 |     "control": {
1270 |       "type": "text"
1271 |     }
1272 |   },
1273 |   "aria-describedby": {
1274 |     "defaultValue": null,
1275 |     "description": "Identifies the element (or elements) that describes the object.\n@see aria-labelledby",
1276 |     "name": "aria-describedby",
1277 |     "parent": {
1278 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1279 |       "name": "AriaAttributes"
1280 |     },
1281 |     "declarations": [
1282 |       {
1283 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1284 |         "name": "AriaAttributes"
1285 |       }
1286 |     ],
1287 |     "required": false,
1288 |     "type": {
1289 |       "name": "string"
1290 |     },
1291 |     "control": {
1292 |       "type": "text"
1293 |     }
1294 |   },
1295 |   "aria-details": {
1296 |     "defaultValue": null,
1297 |     "description": "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
1298 |     "name": "aria-details",
1299 |     "parent": {
1300 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1301 |       "name": "AriaAttributes"
1302 |     },
1303 |     "declarations": [
1304 |       {
1305 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1306 |         "name": "AriaAttributes"
1307 |       }
1308 |     ],
1309 |     "required": false,
1310 |     "type": {
1311 |       "name": "string"
1312 |     },
1313 |     "control": {
1314 |       "type": "text"
1315 |     }
1316 |   },
1317 |   "aria-disabled": {
1318 |     "defaultValue": null,
1319 |     "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",
1320 |     "name": "aria-disabled",
1321 |     "parent": {
1322 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1323 |       "name": "AriaAttributes"
1324 |     },
1325 |     "declarations": [
1326 |       {
1327 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1328 |         "name": "AriaAttributes"
1329 |       }
1330 |     ],
1331 |     "required": false,
1332 |     "type": {
1333 |       "name": "Booleanish"
1334 |     },
1335 |     "control": {
1336 |       "type": "boolean"
1337 |     }
1338 |   },
1339 |   "aria-dropeffect": {
1340 |     "defaultValue": null,
1341 |     "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",
1342 |     "name": "aria-dropeffect",
1343 |     "parent": {
1344 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1345 |       "name": "AriaAttributes"
1346 |     },
1347 |     "declarations": [
1348 |       {
1349 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1350 |         "name": "AriaAttributes"
1351 |       }
1352 |     ],
1353 |     "required": false,
1354 |     "type": {
1355 |       "name": "enum",
1356 |       "raw": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
1357 |       "value": [
1358 |         {
1359 |           "value": "\"link\""
1360 |         },
1361 |         {
1362 |           "value": "\"none\""
1363 |         },
1364 |         {
1365 |           "value": "\"copy\""
1366 |         },
1367 |         {
1368 |           "value": "\"execute\""
1369 |         },
1370 |         {
1371 |           "value": "\"move\""
1372 |         },
1373 |         {
1374 |           "value": "\"popup\""
1375 |         }
1376 |       ]
1377 |     },
1378 |     "control": {
1379 |       "type": "select"
1380 |     },
1381 |     "options": [
1382 |       "link",
1383 |       "none",
1384 |       "copy",
1385 |       "execute",
1386 |       "move",
1387 |       "popup"
1388 |     ]
1389 |   },
1390 |   "aria-errormessage": {
1391 |     "defaultValue": null,
1392 |     "description": "Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",
1393 |     "name": "aria-errormessage",
1394 |     "parent": {
1395 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1396 |       "name": "AriaAttributes"
1397 |     },
1398 |     "declarations": [
1399 |       {
1400 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1401 |         "name": "AriaAttributes"
1402 |       }
1403 |     ],
1404 |     "required": false,
1405 |     "type": {
1406 |       "name": "string"
1407 |     },
1408 |     "control": {
1409 |       "type": "text"
1410 |     }
1411 |   },
1412 |   "aria-expanded": {
1413 |     "defaultValue": null,
1414 |     "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",
1415 |     "name": "aria-expanded",
1416 |     "parent": {
1417 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1418 |       "name": "AriaAttributes"
1419 |     },
1420 |     "declarations": [
1421 |       {
1422 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1423 |         "name": "AriaAttributes"
1424 |       }
1425 |     ],
1426 |     "required": false,
1427 |     "type": {
1428 |       "name": "Booleanish"
1429 |     },
1430 |     "control": {
1431 |       "type": "boolean"
1432 |     }
1433 |   },
1434 |   "aria-flowto": {
1435 |     "defaultValue": null,
1436 |     "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",
1437 |     "name": "aria-flowto",
1438 |     "parent": {
1439 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1440 |       "name": "AriaAttributes"
1441 |     },
1442 |     "declarations": [
1443 |       {
1444 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1445 |         "name": "AriaAttributes"
1446 |       }
1447 |     ],
1448 |     "required": false,
1449 |     "type": {
1450 |       "name": "string"
1451 |     },
1452 |     "control": {
1453 |       "type": "text"
1454 |     }
1455 |   },
1456 |   "aria-grabbed": {
1457 |     "defaultValue": null,
1458 |     "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1",
1459 |     "name": "aria-grabbed",
1460 |     "parent": {
1461 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1462 |       "name": "AriaAttributes"
1463 |     },
1464 |     "declarations": [
1465 |       {
1466 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1467 |         "name": "AriaAttributes"
1468 |       }
1469 |     ],
1470 |     "required": false,
1471 |     "type": {
1472 |       "name": "Booleanish"
1473 |     },
1474 |     "control": {
1475 |       "type": "boolean"
1476 |     }
1477 |   },
1478 |   "aria-haspopup": {
1479 |     "defaultValue": null,
1480 |     "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",
1481 |     "name": "aria-haspopup",
1482 |     "parent": {
1483 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1484 |       "name": "AriaAttributes"
1485 |     },
1486 |     "declarations": [
1487 |       {
1488 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1489 |         "name": "AriaAttributes"
1490 |       }
1491 |     ],
1492 |     "required": false,
1493 |     "type": {
1494 |       "name": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"grid\" | \"listbox\" | \"tree\""
1495 |     },
1496 |     "control": {
1497 |       "type": "text"
1498 |     }
1499 |   },
1500 |   "aria-hidden": {
1501 |     "defaultValue": null,
1502 |     "description": "Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",
1503 |     "name": "aria-hidden",
1504 |     "parent": {
1505 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1506 |       "name": "AriaAttributes"
1507 |     },
1508 |     "declarations": [
1509 |       {
1510 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1511 |         "name": "AriaAttributes"
1512 |       }
1513 |     ],
1514 |     "required": false,
1515 |     "type": {
1516 |       "name": "Booleanish"
1517 |     },
1518 |     "control": {
1519 |       "type": "boolean"
1520 |     }
1521 |   },
1522 |   "aria-invalid": {
1523 |     "defaultValue": null,
1524 |     "description": "Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",
1525 |     "name": "aria-invalid",
1526 |     "parent": {
1527 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1528 |       "name": "AriaAttributes"
1529 |     },
1530 |     "declarations": [
1531 |       {
1532 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1533 |         "name": "AriaAttributes"
1534 |       }
1535 |     ],
1536 |     "required": false,
1537 |     "type": {
1538 |       "name": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\""
1539 |     },
1540 |     "control": {
1541 |       "type": "text"
1542 |     }
1543 |   },
1544 |   "aria-keyshortcuts": {
1545 |     "defaultValue": null,
1546 |     "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",
1547 |     "name": "aria-keyshortcuts",
1548 |     "parent": {
1549 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1550 |       "name": "AriaAttributes"
1551 |     },
1552 |     "declarations": [
1553 |       {
1554 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1555 |         "name": "AriaAttributes"
1556 |       }
1557 |     ],
1558 |     "required": false,
1559 |     "type": {
1560 |       "name": "string"
1561 |     },
1562 |     "control": {
1563 |       "type": "text"
1564 |     }
1565 |   },
1566 |   "aria-label": {
1567 |     "defaultValue": null,
1568 |     "description": "Defines a string value that labels the current element.\n@see aria-labelledby.",
1569 |     "name": "aria-label",
1570 |     "parent": {
1571 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1572 |       "name": "AriaAttributes"
1573 |     },
1574 |     "declarations": [
1575 |       {
1576 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1577 |         "name": "AriaAttributes"
1578 |       }
1579 |     ],
1580 |     "required": false,
1581 |     "type": {
1582 |       "name": "string"
1583 |     },
1584 |     "control": {
1585 |       "type": "text"
1586 |     }
1587 |   },
1588 |   "aria-labelledby": {
1589 |     "defaultValue": null,
1590 |     "description": "Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",
1591 |     "name": "aria-labelledby",
1592 |     "parent": {
1593 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1594 |       "name": "AriaAttributes"
1595 |     },
1596 |     "declarations": [
1597 |       {
1598 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1599 |         "name": "AriaAttributes"
1600 |       }
1601 |     ],
1602 |     "required": false,
1603 |     "type": {
1604 |       "name": "string"
1605 |     },
1606 |     "control": {
1607 |       "type": "text"
1608 |     }
1609 |   },
1610 |   "aria-level": {
1611 |     "defaultValue": null,
1612 |     "description": "Defines the hierarchical level of an element within a structure.",
1613 |     "name": "aria-level",
1614 |     "parent": {
1615 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1616 |       "name": "AriaAttributes"
1617 |     },
1618 |     "declarations": [
1619 |       {
1620 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1621 |         "name": "AriaAttributes"
1622 |       }
1623 |     ],
1624 |     "required": false,
1625 |     "type": {
1626 |       "name": "number"
1627 |     },
1628 |     "control": {
1629 |       "type": "number"
1630 |     }
1631 |   },
1632 |   "aria-live": {
1633 |     "defaultValue": null,
1634 |     "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",
1635 |     "name": "aria-live",
1636 |     "parent": {
1637 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1638 |       "name": "AriaAttributes"
1639 |     },
1640 |     "declarations": [
1641 |       {
1642 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1643 |         "name": "AriaAttributes"
1644 |       }
1645 |     ],
1646 |     "required": false,
1647 |     "type": {
1648 |       "name": "enum",
1649 |       "raw": "\"off\" | \"assertive\" | \"polite\"",
1650 |       "value": [
1651 |         {
1652 |           "value": "\"off\""
1653 |         },
1654 |         {
1655 |           "value": "\"assertive\""
1656 |         },
1657 |         {
1658 |           "value": "\"polite\""
1659 |         }
1660 |       ]
1661 |     },
1662 |     "control": {
1663 |       "type": "radio"
1664 |     },
1665 |     "options": [
1666 |       "off",
1667 |       "assertive",
1668 |       "polite"
1669 |     ]
1670 |   },
1671 |   "aria-modal": {
1672 |     "defaultValue": null,
1673 |     "description": "Indicates whether an element is modal when displayed.",
1674 |     "name": "aria-modal",
1675 |     "parent": {
1676 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1677 |       "name": "AriaAttributes"
1678 |     },
1679 |     "declarations": [
1680 |       {
1681 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1682 |         "name": "AriaAttributes"
1683 |       }
1684 |     ],
1685 |     "required": false,
1686 |     "type": {
1687 |       "name": "Booleanish"
1688 |     },
1689 |     "control": {
1690 |       "type": "boolean"
1691 |     }
1692 |   },
1693 |   "aria-multiline": {
1694 |     "defaultValue": null,
1695 |     "description": "Indicates whether a text box accepts multiple lines of input or only a single line.",
1696 |     "name": "aria-multiline",
1697 |     "parent": {
1698 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1699 |       "name": "AriaAttributes"
1700 |     },
1701 |     "declarations": [
1702 |       {
1703 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1704 |         "name": "AriaAttributes"
1705 |       }
1706 |     ],
1707 |     "required": false,
1708 |     "type": {
1709 |       "name": "Booleanish"
1710 |     },
1711 |     "control": {
1712 |       "type": "boolean"
1713 |     }
1714 |   },
1715 |   "aria-multiselectable": {
1716 |     "defaultValue": null,
1717 |     "description": "Indicates that the user may select more than one item from the current selectable descendants.",
1718 |     "name": "aria-multiselectable",
1719 |     "parent": {
1720 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1721 |       "name": "AriaAttributes"
1722 |     },
1723 |     "declarations": [
1724 |       {
1725 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1726 |         "name": "AriaAttributes"
1727 |       }
1728 |     ],
1729 |     "required": false,
1730 |     "type": {
1731 |       "name": "Booleanish"
1732 |     },
1733 |     "control": {
1734 |       "type": "boolean"
1735 |     }
1736 |   },
1737 |   "aria-orientation": {
1738 |     "defaultValue": null,
1739 |     "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",
1740 |     "name": "aria-orientation",
1741 |     "parent": {
1742 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1743 |       "name": "AriaAttributes"
1744 |     },
1745 |     "declarations": [
1746 |       {
1747 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1748 |         "name": "AriaAttributes"
1749 |       }
1750 |     ],
1751 |     "required": false,
1752 |     "type": {
1753 |       "name": "enum",
1754 |       "raw": "\"horizontal\" | \"vertical\"",
1755 |       "value": [
1756 |         {
1757 |           "value": "\"horizontal\""
1758 |         },
1759 |         {
1760 |           "value": "\"vertical\""
1761 |         }
1762 |       ]
1763 |     },
1764 |     "control": {
1765 |       "type": "radio"
1766 |     },
1767 |     "options": [
1768 |       "horizontal",
1769 |       "vertical"
1770 |     ]
1771 |   },
1772 |   "aria-owns": {
1773 |     "defaultValue": null,
1774 |     "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",
1775 |     "name": "aria-owns",
1776 |     "parent": {
1777 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1778 |       "name": "AriaAttributes"
1779 |     },
1780 |     "declarations": [
1781 |       {
1782 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1783 |         "name": "AriaAttributes"
1784 |       }
1785 |     ],
1786 |     "required": false,
1787 |     "type": {
1788 |       "name": "string"
1789 |     },
1790 |     "control": {
1791 |       "type": "text"
1792 |     }
1793 |   },
1794 |   "aria-placeholder": {
1795 |     "defaultValue": null,
1796 |     "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",
1797 |     "name": "aria-placeholder",
1798 |     "parent": {
1799 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1800 |       "name": "AriaAttributes"
1801 |     },
1802 |     "declarations": [
1803 |       {
1804 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1805 |         "name": "AriaAttributes"
1806 |       }
1807 |     ],
1808 |     "required": false,
1809 |     "type": {
1810 |       "name": "string"
1811 |     },
1812 |     "control": {
1813 |       "type": "text"
1814 |     }
1815 |   },
1816 |   "aria-posinset": {
1817 |     "defaultValue": null,
1818 |     "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",
1819 |     "name": "aria-posinset",
1820 |     "parent": {
1821 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1822 |       "name": "AriaAttributes"
1823 |     },
1824 |     "declarations": [
1825 |       {
1826 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1827 |         "name": "AriaAttributes"
1828 |       }
1829 |     ],
1830 |     "required": false,
1831 |     "type": {
1832 |       "name": "number"
1833 |     },
1834 |     "control": {
1835 |       "type": "number"
1836 |     }
1837 |   },
1838 |   "aria-pressed": {
1839 |     "defaultValue": null,
1840 |     "description": "Indicates the current \"pressed\" state of toggle buttons.\n@see aria-checked\n@see aria-selected.",
1841 |     "name": "aria-pressed",
1842 |     "parent": {
1843 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1844 |       "name": "AriaAttributes"
1845 |     },
1846 |     "declarations": [
1847 |       {
1848 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1849 |         "name": "AriaAttributes"
1850 |       }
1851 |     ],
1852 |     "required": false,
1853 |     "type": {
1854 |       "name": "boolean | \"true\" | \"false\" | \"mixed\""
1855 |     },
1856 |     "control": {
1857 |       "type": "text"
1858 |     }
1859 |   },
1860 |   "aria-readonly": {
1861 |     "defaultValue": null,
1862 |     "description": "Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",
1863 |     "name": "aria-readonly",
1864 |     "parent": {
1865 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1866 |       "name": "AriaAttributes"
1867 |     },
1868 |     "declarations": [
1869 |       {
1870 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1871 |         "name": "AriaAttributes"
1872 |       }
1873 |     ],
1874 |     "required": false,
1875 |     "type": {
1876 |       "name": "Booleanish"
1877 |     },
1878 |     "control": {
1879 |       "type": "boolean"
1880 |     }
1881 |   },
1882 |   "aria-relevant": {
1883 |     "defaultValue": null,
1884 |     "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",
1885 |     "name": "aria-relevant",
1886 |     "parent": {
1887 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1888 |       "name": "AriaAttributes"
1889 |     },
1890 |     "declarations": [
1891 |       {
1892 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1893 |         "name": "AriaAttributes"
1894 |       }
1895 |     ],
1896 |     "required": false,
1897 |     "type": {
1898 |       "name": "enum",
1899 |       "raw": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
1900 |       "value": [
1901 |         {
1902 |           "value": "\"text\""
1903 |         },
1904 |         {
1905 |           "value": "\"additions\""
1906 |         },
1907 |         {
1908 |           "value": "\"additions removals\""
1909 |         },
1910 |         {
1911 |           "value": "\"additions text\""
1912 |         },
1913 |         {
1914 |           "value": "\"all\""
1915 |         },
1916 |         {
1917 |           "value": "\"removals\""
1918 |         },
1919 |         {
1920 |           "value": "\"removals additions\""
1921 |         },
1922 |         {
1923 |           "value": "\"removals text\""
1924 |         },
1925 |         {
1926 |           "value": "\"text additions\""
1927 |         },
1928 |         {
1929 |           "value": "\"text removals\""
1930 |         }
1931 |       ]
1932 |     },
1933 |     "control": {
1934 |       "type": "select"
1935 |     },
1936 |     "options": [
1937 |       "text",
1938 |       "additions",
1939 |       "additions removals",
1940 |       "additions text",
1941 |       "all",
1942 |       "removals",
1943 |       "removals additions",
1944 |       "removals text",
1945 |       "text additions",
1946 |       "text removals"
1947 |     ]
1948 |   },
1949 |   "aria-required": {
1950 |     "defaultValue": null,
1951 |     "description": "Indicates that user input is required on the element before a form may be submitted.",
1952 |     "name": "aria-required",
1953 |     "parent": {
1954 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1955 |       "name": "AriaAttributes"
1956 |     },
1957 |     "declarations": [
1958 |       {
1959 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1960 |         "name": "AriaAttributes"
1961 |       }
1962 |     ],
1963 |     "required": false,
1964 |     "type": {
1965 |       "name": "Booleanish"
1966 |     },
1967 |     "control": {
1968 |       "type": "boolean"
1969 |     }
1970 |   },
1971 |   "aria-roledescription": {
1972 |     "defaultValue": null,
1973 |     "description": "Defines a human-readable, author-localized description for the role of an element.",
1974 |     "name": "aria-roledescription",
1975 |     "parent": {
1976 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1977 |       "name": "AriaAttributes"
1978 |     },
1979 |     "declarations": [
1980 |       {
1981 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1982 |         "name": "AriaAttributes"
1983 |       }
1984 |     ],
1985 |     "required": false,
1986 |     "type": {
1987 |       "name": "string"
1988 |     },
1989 |     "control": {
1990 |       "type": "text"
1991 |     }
1992 |   },
1993 |   "aria-rowcount": {
1994 |     "defaultValue": null,
1995 |     "description": "Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",
1996 |     "name": "aria-rowcount",
1997 |     "parent": {
1998 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
1999 |       "name": "AriaAttributes"
2000 |     },
2001 |     "declarations": [
2002 |       {
2003 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2004 |         "name": "AriaAttributes"
2005 |       }
2006 |     ],
2007 |     "required": false,
2008 |     "type": {
2009 |       "name": "number"
2010 |     },
2011 |     "control": {
2012 |       "type": "number"
2013 |     }
2014 |   },
2015 |   "aria-rowindex": {
2016 |     "defaultValue": null,
2017 |     "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",
2018 |     "name": "aria-rowindex",
2019 |     "parent": {
2020 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2021 |       "name": "AriaAttributes"
2022 |     },
2023 |     "declarations": [
2024 |       {
2025 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2026 |         "name": "AriaAttributes"
2027 |       }
2028 |     ],
2029 |     "required": false,
2030 |     "type": {
2031 |       "name": "number"
2032 |     },
2033 |     "control": {
2034 |       "type": "number"
2035 |     }
2036 |   },
2037 |   "aria-rowspan": {
2038 |     "defaultValue": null,
2039 |     "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
2040 |     "name": "aria-rowspan",
2041 |     "parent": {
2042 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2043 |       "name": "AriaAttributes"
2044 |     },
2045 |     "declarations": [
2046 |       {
2047 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2048 |         "name": "AriaAttributes"
2049 |       }
2050 |     ],
2051 |     "required": false,
2052 |     "type": {
2053 |       "name": "number"
2054 |     },
2055 |     "control": {
2056 |       "type": "number"
2057 |     }
2058 |   },
2059 |   "aria-selected": {
2060 |     "defaultValue": null,
2061 |     "description": "Indicates the current \"selected\" state of various widgets.\n@see aria-checked\n@see aria-pressed.",
2062 |     "name": "aria-selected",
2063 |     "parent": {
2064 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2065 |       "name": "AriaAttributes"
2066 |     },
2067 |     "declarations": [
2068 |       {
2069 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2070 |         "name": "AriaAttributes"
2071 |       }
2072 |     ],
2073 |     "required": false,
2074 |     "type": {
2075 |       "name": "Booleanish"
2076 |     },
2077 |     "control": {
2078 |       "type": "boolean"
2079 |     }
2080 |   },
2081 |   "aria-setsize": {
2082 |     "defaultValue": null,
2083 |     "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",
2084 |     "name": "aria-setsize",
2085 |     "parent": {
2086 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2087 |       "name": "AriaAttributes"
2088 |     },
2089 |     "declarations": [
2090 |       {
2091 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2092 |         "name": "AriaAttributes"
2093 |       }
2094 |     ],
2095 |     "required": false,
2096 |     "type": {
2097 |       "name": "number"
2098 |     },
2099 |     "control": {
2100 |       "type": "number"
2101 |     }
2102 |   },
2103 |   "aria-sort": {
2104 |     "defaultValue": null,
2105 |     "description": "Indicates if items in a table or grid are sorted in ascending or descending order.",
2106 |     "name": "aria-sort",
2107 |     "parent": {
2108 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2109 |       "name": "AriaAttributes"
2110 |     },
2111 |     "declarations": [
2112 |       {
2113 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2114 |         "name": "AriaAttributes"
2115 |       }
2116 |     ],
2117 |     "required": false,
2118 |     "type": {
2119 |       "name": "enum",
2120 |       "raw": "\"none\" | \"ascending\" | \"descending\" | \"other\"",
2121 |       "value": [
2122 |         {
2123 |           "value": "\"none\""
2124 |         },
2125 |         {
2126 |           "value": "\"ascending\""
2127 |         },
2128 |         {
2129 |           "value": "\"descending\""
2130 |         },
2131 |         {
2132 |           "value": "\"other\""
2133 |         }
2134 |       ]
2135 |     },
2136 |     "control": {
2137 |       "type": "radio"
2138 |     },
2139 |     "options": [
2140 |       "none",
2141 |       "ascending",
2142 |       "descending",
2143 |       "other"
2144 |     ]
2145 |   },
2146 |   "aria-valuemax": {
2147 |     "defaultValue": null,
2148 |     "description": "Defines the maximum allowed value for a range widget.",
2149 |     "name": "aria-valuemax",
2150 |     "parent": {
2151 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2152 |       "name": "AriaAttributes"
2153 |     },
2154 |     "declarations": [
2155 |       {
2156 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2157 |         "name": "AriaAttributes"
2158 |       }
2159 |     ],
2160 |     "required": false,
2161 |     "type": {
2162 |       "name": "number"
2163 |     },
2164 |     "control": {
2165 |       "type": "number"
2166 |     }
2167 |   },
2168 |   "aria-valuemin": {
2169 |     "defaultValue": null,
2170 |     "description": "Defines the minimum allowed value for a range widget.",
2171 |     "name": "aria-valuemin",
2172 |     "parent": {
2173 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2174 |       "name": "AriaAttributes"
2175 |     },
2176 |     "declarations": [
2177 |       {
2178 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2179 |         "name": "AriaAttributes"
2180 |       }
2181 |     ],
2182 |     "required": false,
2183 |     "type": {
2184 |       "name": "number"
2185 |     },
2186 |     "control": {
2187 |       "type": "number"
2188 |     }
2189 |   },
2190 |   "aria-valuenow": {
2191 |     "defaultValue": null,
2192 |     "description": "Defines the current value for a range widget.\n@see aria-valuetext.",
2193 |     "name": "aria-valuenow",
2194 |     "parent": {
2195 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2196 |       "name": "AriaAttributes"
2197 |     },
2198 |     "declarations": [
2199 |       {
2200 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2201 |         "name": "AriaAttributes"
2202 |       }
2203 |     ],
2204 |     "required": false,
2205 |     "type": {
2206 |       "name": "number"
2207 |     },
2208 |     "control": {
2209 |       "type": "number"
2210 |     }
2211 |   },
2212 |   "aria-valuetext": {
2213 |     "defaultValue": null,
2214 |     "description": "Defines the human readable text alternative of aria-valuenow for a range widget.",
2215 |     "name": "aria-valuetext",
2216 |     "parent": {
2217 |       "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2218 |       "name": "AriaAttributes"
2219 |     },
2220 |     "declarations": [
2221 |       {
2222 |         "fileName": "webstudio-sdk/node_modules/@types/react/index.d.ts",
2223 |         "name": "AriaAttributes"
2224 |       }
2225 |     ],
2226 |     "required": false,
2227 |     "type": {
2228 |       "name": "string"
2229 |     },
2230 |     "control": {
2231 |       "type": "text"
2232 |     }
2233 |   }
2234 | }
2235 | 


--------------------------------------------------------------------------------