@webstudio-is/sdk-components-react 0.220.0 → 0.222.0

package/lib/radio-button.ws.js

@@ -1,33 +1,21 @@
 import { RadioCheckedIcon as e } from "@webstudio-is/icons/svg";
-import { defaultStates as t } from "@webstudio-is/sdk";
-import { radio as o } from "@webstudio-is/sdk/normalize.css";
-import { props as r } from "./__generated__/radio-button.props.js";
-const i = {
+import { radio as i } from "@webstudio-is/sdk/normalize.css";
+import { props as o } from "./__generated__/radio-button.props.js";
+const r = {
   input: [
-    ...o,
+    ...i,
     {
       property: "margin-right",
       value: { type: "unit", unit: "em", value: 0.5 }
     }
   ]
-}, s = {
+}, m = {
   label: "Radio",
   icon: e,
-  presetStyle: i,
-  states: [
-    ...t,
-    { selector: ":checked", label: "Checked" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" }
-    // Additional states will go into submenu
-    //{ selector: ":disabled", label: "Disabled" },
-    //{ selector: ":enabled", label: "Enabled" },
-    //{ selector: ":read-only", label: "Read Only" },
-    //{ selector: ":read-write", label: "Read Write" },
-  ],
+  presetStyle: r,
   initialProps: ["id", "class", "name", "value", "required", "checked"],
-  props: r
+  props: o
 };
 export {
-  s as meta
+  m as meta
 };

package/lib/select.js

@@ -1,19 +1,32 @@
-import { jsx as c } from "react/jsx-runtime";
-import "@webstudio-is/react-sdk/runtime";
-import { forwardRef as r } from "react";
-const s = r(({ value: o, defaultValue: t, ...e }, n) => /* @__PURE__ */ c("select", { ...e, defaultValue: o ?? t, ref: n }));
-s.displayName = "Select";
-const l = {
-  onNavigatorUnselect: (o, t) => {
-    for (const e of t.instancePath)
-      e.component === "Option" && o.setMemoryProp(e, "selected", void 0);
+import { forwardRef as r, useContext as s, createElement as i } from "react";
+import { ReactSdkContext as l } from "@webstudio-is/react-sdk/runtime";
+const p = r(
+  ({ value: o, defaultValue: n, ...e }, t) => {
+    const { renderer: c } = s(l), a = c === "canvas" ? String(o ?? n) : void 0;
+    return /* @__PURE__ */ i(
+      "select",
+      {
+        ...e,
+        key: a,
+        defaultValue: o ?? n,
+        ref: t
+      }
+    );
+  }
+);
+p.displayName = "Select";
+const S = {
+  onNavigatorUnselect: (o, n) => {
+    for (const e of n.instancePath)
+      (e.component === "Select" || e.tag === "select") && o.setMemoryProp(e, "value", void 0);
   },
-  onNavigatorSelect: (o, t) => {
-    for (const e of t.instancePath)
-      e.component === "Option" && o.setMemoryProp(e, "selected", !0);
+  onNavigatorSelect: (o, n) => {
+    let e;
+    for (const t of n.instancePath)
+      (t.component === "Option" || t.tag === "option") && (e = o.getPropValue(t, "value")), (t.component === "Select" || t.tag === "select") && o.setMemoryProp(t, "value", e);
   }
 };
 export {
-  s as Select,
-  l as hooksSelect
+  p as Select,
+  S as hooksSelect
 };

package/lib/select.ws.js

@@ -1,24 +1,15 @@
-import { defaultStates as e } from "@webstudio-is/sdk";
-import { select as l } from "@webstudio-is/sdk/normalize.css";
+import { select as e } from "@webstudio-is/sdk/normalize.css";
 import { props as t } from "./__generated__/select.props.js";
 const o = {
   select: [
-    ...l,
+    ...e,
     {
       property: "display",
       value: { type: "keyword", value: "block" }
     }
   ]
-}, s = {
+}, p = {
   presetStyle: o,
-  states: [
-    ...e,
-    { selector: "::placeholder", label: "Placeholder" },
-    { selector: ":valid", label: "Valid" },
-    { selector: ":invalid", label: "Invalid" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" }
-  ],
   initialProps: [
     "id",
     "class",
@@ -31,5 +22,5 @@ const o = {
   props: t
 };
 export {
-  s as meta
+  p as meta
 };

package/lib/separator.ws.js

@@ -1,9 +1,8 @@
-import { defaultStates as e } from "@webstudio-is/sdk";
-import { hr as r } from "@webstudio-is/sdk/normalize.css";
-import { props as o } from "./__generated__/separator.props.js";
-const t = {
+import { hr as e } from "@webstudio-is/sdk/normalize.css";
+import { props as r } from "./__generated__/separator.props.js";
+const o = {
   hr: [
-    ...r,
+    ...e,
     {
       property: "height",
       value: { type: "keyword", value: "1px" }
@@ -30,13 +29,9 @@ const t = {
     }
   ]
 }, y = {
-  category: "general",
-  description: "Used to visually divide sections of content, helping to improve readability and organization within a webpage.",
-  states: e,
-  presetStyle: t,
-  order: 3,
+  presetStyle: o,
   initialProps: ["id", "class"],
-  props: o
+  props: r
 };
 export {
   y as meta

package/lib/slot.ws.js

@@ -3,7 +3,7 @@ const o = {
   category: "general",
   description: "Slot is a container for content that you want to reference across the project. Changes made to a Slot's children will be reflected in all other instances of that Slot.",
   icon: t,
-  order: 5
+  order: 4
 };
 export {
   o as meta

package/lib/span.ws.js

@@ -1,15 +1,13 @@
-import { PaintBrushIcon as t } from "@webstudio-is/icons/svg";
-import { defaultStates as o } from "@webstudio-is/sdk";
+import { PaintBrushIcon as o } from "@webstudio-is/icons/svg";
 import { span as r } from "@webstudio-is/sdk/normalize.css";
-import { props as s } from "./__generated__/span.props.js";
-const m = {
+import { props as t } from "./__generated__/span.props.js";
+const e = {
   label: "Text",
-  icon: t,
-  states: o,
+  icon: o,
   presetStyle: { span: r },
   initialProps: ["id", "class"],
-  props: s
+  props: t
 };
 export {
-  m as meta
+  e as meta
 };

package/lib/subscript.ws.js

@@ -1,13 +1,11 @@
-import { defaultStates as t } from "@webstudio-is/sdk";
-import { sub as r } from "@webstudio-is/sdk/normalize.css";
-import { props as s } from "./__generated__/subscript.props.js";
-const i = {
+import { sub as t } from "@webstudio-is/sdk/normalize.css";
+import { props as r } from "./__generated__/subscript.props.js";
+const s = {
   label: "Subscript Text",
-  states: t,
-  presetStyle: { sub: r },
+  presetStyle: { sub: t },
   initialProps: ["id", "class"],
-  props: s
+  props: r
 };
 export {
-  i as meta
+  s as meta
 };

package/lib/superscript.ws.js

@@ -1,13 +1,11 @@
-import { defaultStates as t } from "@webstudio-is/sdk";
-import { sup as r } from "@webstudio-is/sdk/normalize.css";
-import { props as e } from "./__generated__/superscript.props.js";
-const i = {
+import { sup as p } from "@webstudio-is/sdk/normalize.css";
+import { props as r } from "./__generated__/superscript.props.js";
+const o = {
   label: "Superscript Text",
-  states: t,
-  presetStyle: { sup: r },
+  presetStyle: { sup: p },
   initialProps: ["id", "class"],
-  props: e
+  props: r
 };
 export {
-  i as meta
+  o as meta
 };

package/lib/templates.js

@@ -1,38 +1,14 @@
-import { meta as o } from "./content-embed.template.js";
-import { meta as m } from "./markdown-embed.template.js";
-import { meta as s } from "./text.template.js";
-import { meta as p } from "./heading.template.js";
-import { meta as n } from "./paragraph.template.js";
-import { meta as i } from "./link.template.js";
-import { meta as u } from "./button.template.js";
-import { meta as l } from "./webhook-form.template.js";
-import { meta as c } from "./blockquote.template.js";
-import { meta as g } from "./list.template.js";
-import { meta as C } from "./list-item.template.js";
-import { meta as H } from "./label.template.js";
-import { meta as T } from "./radio-button.template.js";
-import { meta as w } from "./checkbox.template.js";
-import { meta as I } from "./vimeo.template.js";
-import { meta as P } from "./youtube.template.js";
-import { meta as V } from "./select.template.js";
-import { meta as j } from "./head-slot.template.js";
+import { meta as m } from "./content-embed.template.js";
+import { meta as a } from "./markdown-embed.template.js";
+import { meta as f } from "./webhook-form.template.js";
+import { meta as s } from "./vimeo.template.js";
+import { meta as d } from "./youtube.template.js";
+import { meta as n } from "./head-slot.template.js";
 export {
-  c as Blockquote,
-  u as Button,
-  w as Checkbox,
-  o as ContentEmbed,
-  l as Form,
-  j as HeadSlot,
-  p as Heading,
-  H as Label,
-  i as Link,
-  g as List,
-  C as ListItem,
-  m as MarkdownEmbed,
-  n as Paragraph,
-  T as RadioButton,
-  V as Select,
-  s as Text,
-  I as Vimeo,
-  P as YouTube
+  m as ContentEmbed,
+  f as Form,
+  n as HeadSlot,
+  a as MarkdownEmbed,
+  s as Vimeo,
+  d as YouTube
 };

package/lib/text.ws.js

@@ -1,13 +1,11 @@
 import { TextIcon as t } from "@webstudio-is/icons/svg";
-import { defaultStates as i } from "@webstudio-is/sdk";
-import { div as o } from "@webstudio-is/sdk/normalize.css";
-import { props as e } from "./__generated__/text.props.js";
+import { div as i } from "@webstudio-is/sdk/normalize.css";
+import { props as o } from "./__generated__/text.props.js";
 const n = {
   icon: t,
-  states: i,
   presetStyle: {
     div: [
-      ...o,
+      ...i,
       {
         property: "min-height",
         value: { type: "unit", unit: "em", value: 1 }
@@ -16,7 +14,7 @@ const n = {
   },
   initialProps: ["tag", "id", "class"],
   props: {
-    ...e,
+    ...o,
     tag: {
       required: !0,
       control: "tag",

package/lib/textarea.js

@@ -1,7 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-const f = d(({ children: i, value: e, defaultValue: r, ...a }, t) => /* @__PURE__ */ o("textarea", { ...a, defaultValue: e ?? r, ref: t }));
-f.displayName = "Textarea";
+import { forwardRef as c, useContext as m, createElement as s } from "react";
+import { ReactSdkContext as x } from "@webstudio-is/react-sdk/runtime";
+const d = c(({ value: e, defaultValue: t, ...r }, a) => {
+  const { renderer: o } = m(x), n = o === "canvas" ? String(e ?? t) : void 0;
+  return /* @__PURE__ */ s(
+    "textarea",
+    {
+      ...r,
+      key: n,
+      defaultValue: e ?? t,
+      ref: a
+    }
+  );
+});
+d.displayName = "Textarea";
 export {
-  f as Textarea
+  d as Textarea
 };

package/lib/textarea.ws.js

@@ -1,9 +1,8 @@
-import { defaultStates as e } from "@webstudio-is/sdk";
-import { textarea as l } from "@webstudio-is/sdk/normalize.css";
+import { textarea as e } from "@webstudio-is/sdk/normalize.css";
 import { props as r } from "./__generated__/textarea.props.js";
 const t = {
   textarea: [
-    ...l,
+    ...e,
     // resize doesn't work well while on canvas
     { property: "resize", value: { type: "keyword", value: "none" } },
     {
@@ -11,29 +10,13 @@ const t = {
       value: { type: "keyword", value: "block" }
     }
   ]
-}, s = {
-  category: "forms",
+}, l = {
   label: "Text Area",
-  description: "A multi-line text input for collecting longer string data from your users.",
   presetStyle: t,
-  order: 4,
   contentModel: {
     category: "instance",
     children: []
   },
-  states: [
-    ...e,
-    { selector: "::placeholder", label: "Placeholder" },
-    { selector: ":valid", label: "Valid" },
-    { selector: ":invalid", label: "Invalid" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" }
-    // Additional states will go into submenu
-    //{ selector: ":disabled", label: "Disabled" },
-    //{ selector: ":enabled", label: "Enabled" },
-    //{ selector: ":read-only", label: "Read Only" },
-    //{ selector: ":read-write", label: "Read Write" },
-  ],
   initialProps: [
     "id",
     "class",
@@ -46,5 +29,5 @@ const t = {
   props: r
 };
 export {
-  s as meta
+  l as meta
 };

package/lib/time.ws.js

@@ -1,20 +1,18 @@
-import { defaultStates as t } from "@webstudio-is/sdk";
 import { time as e } from "@webstudio-is/sdk/normalize.css";
-import { props as a } from "./__generated__/time.props.js";
-const n = {
+import { props as t } from "./__generated__/time.props.js";
+const r = {
   category: "localization",
   description: "Converts machine-readable date and time to a human-readable format.",
   contentModel: {
     category: "instance",
     children: []
   },
-  states: t,
   presetStyle: {
     time: e
   },
   initialProps: ["datetime", "language", "country", "dateStyle", "timeStyle"],
-  props: a
+  props: t
 };
 export {
-  n as meta
+  r as meta
 };

package/lib/types/blockquote.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/body.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/bold.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/box.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/button.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/checkbox.d.ts

@@ -1,4 +1,4 @@
 export declare const defaultTag = "input";
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "type"> & {
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "value"> & {
     value?: string;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/lib/types/checkbox.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/code-text.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

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

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

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

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/image.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/input.d.ts

@@ -1,4 +1 @@
-export declare const defaultTag = "input";
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
-    type?: "color" | "date" | "datetime-local" | "email" | "hidden" | "month" | "number" | "password" | "range" | "search" | "tel" | "text" | "time" | "url" | "week";
-}, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/italic.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/label.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/link.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/list-item.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/list.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/markdown-embed.d.ts

@@ -1,7 +1,7 @@
-type MarkdownEmbedProps = {
+import { type ComponentProps } from "react";
+type MarkdownEmbedProps = ComponentProps<"div"> & {
     code: string;
-    className?: string;
     children?: never;
 };
-export declare const MarkdownEmbed: import("react").ForwardRefExoticComponent<MarkdownEmbedProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MarkdownEmbed: import("react").ForwardRefExoticComponent<Omit<MarkdownEmbedProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/lib/types/option.d.ts

@@ -1,2 +1 @@
-export declare const defaultTag = "option";
 export declare const Option: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & import("react").RefAttributes<HTMLOptionElement>>;

package/lib/types/paragraph.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/radio-button.d.ts

@@ -1,4 +1,4 @@
 export declare const defaultTag = "input";
-export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "type"> & {
+export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "value"> & {
     value?: string;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/lib/types/radio-button.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/select.d.ts

@@ -1,4 +1,3 @@
 import { type Hook } from "@webstudio-is/react-sdk/runtime";
-export declare const defaultTag = "select";
 export declare const Select: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
 export declare const hooksSelect: Hook;

package/lib/types/select.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/separator.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/span.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/subscript.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/superscript.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/templates.d.ts

@@ -1,18 +1,6 @@
 export { meta as ContentEmbed } from "./content-embed.template";
 export { meta as MarkdownEmbed } from "./markdown-embed.template";
-export { meta as Text } from "./text.template";
-export { meta as Heading } from "./heading.template";
-export { meta as Paragraph } from "./paragraph.template";
-export { meta as Link } from "./link.template";
-export { meta as Button } from "./button.template";
 export { meta as Form } from "./webhook-form.template";
-export { meta as Blockquote } from "./blockquote.template";
-export { meta as List } from "./list.template";
-export { meta as ListItem } from "./list-item.template";
-export { meta as Label } from "./label.template";
-export { meta as RadioButton } from "./radio-button.template";
-export { meta as Checkbox } from "./checkbox.template";
 export { meta as Vimeo } from "./vimeo.template";
 export { meta as YouTube } from "./youtube.template";
-export { meta as Select } from "./select.template";
 export { meta as HeadSlot } from "./head-slot.template";

package/lib/types/text.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/textarea.d.ts

@@ -1,2 +1 @@
-export declare const defaultTag = "textarea";
 export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/lib/types/textarea.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/time.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;

package/lib/types/vimeo-play-button.ws.d.ts

@@ -1,2 +1,2 @@
-import { type WsComponentMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;