@webstudio-is/sdk-components-react 0.219.0 → 0.221.0

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,32 +1,28 @@
 import { TextIcon as t } from "@webstudio-is/icons/svg";
-import { defaultStates as o } from "@webstudio-is/sdk";
-import { div as e } from "@webstudio-is/sdk/normalize.css";
-import { props as i } 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: o,
   presetStyle: {
     div: [
-      ...e,
+      ...i,
       {
         property: "min-height",
         value: { type: "unit", unit: "em", value: 1 }
       }
     ]
-  }
-}, m = {
+  },
+  initialProps: ["tag", "id", "class"],
   props: {
-    ...i,
+    ...o,
     tag: {
       required: !0,
       control: "tag",
       type: "string",
       options: ["div", "cite", "figcaption", "span"]
     }
-  },
-  initialProps: ["tag", "id", "className"]
+  }
 };
 export {
-  n as meta,
-  m as propsMeta
+  n as meta
 };

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,10 +1,8 @@
-import { FormTextAreaIcon as e } from "@webstudio-is/icons/svg";
-import { defaultStates as r } from "@webstudio-is/sdk";
-import { textarea as o } from "@webstudio-is/sdk/normalize.css";
-import { props as t } from "./__generated__/textarea.props.js";
-const l = {
+import { textarea as e } from "@webstudio-is/sdk/normalize.css";
+import { props as r } from "./__generated__/textarea.props.js";
+const t = {
   textarea: [
-    ...o,
+    ...e,
     // resize doesn't work well while on canvas
     { property: "resize", value: { type: "keyword", value: "none" } },
     {
@@ -12,43 +10,24 @@ const l = {
       value: { type: "keyword", value: "block" }
     }
   ]
-}, n = {
-  category: "forms",
+}, l = {
   label: "Text Area",
-  description: "A multi-line text input for collecting longer string data from your users.",
-  icon: e,
-  presetStyle: l,
-  order: 4,
+  presetStyle: t,
   contentModel: {
     category: "instance",
     children: []
   },
-  states: [
-    ...r,
-    { 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" },
-  ]
-}, p = {
-  props: t,
   initialProps: [
     "id",
-    "className",
+    "class",
     "name",
     "value",
     "placeholder",
     "required",
-    "autoFocus"
-  ]
+    "autofocus"
+  ],
+  props: r
 };
 export {
-  n as meta,
-  p as propsMeta
+  l as meta
 };

package/lib/time.js

@@ -296,7 +296,8 @@ const c = [
     country: e = A,
     dateStyle: n = L,
     timeStyle: l = f,
-    datetime: s = D,
+    // native html attribute in react style
+    dateTime: s = D,
     ...a
   }, u) => {
     const S = `${I(t)}-${B(

package/lib/time.ws.js

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

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

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

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

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

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

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

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

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

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

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

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,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

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

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

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

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

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

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

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

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

package/lib/types/head-meta.ws.d.ts

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

package/lib/types/head-slot.ws.d.ts

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

package/lib/types/head-title.ws.d.ts

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

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

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

package/lib/types/html-embed.ws.d.ts

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

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

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

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,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

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

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

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

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

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

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

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

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

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

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

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/markdown-embed.ws.d.ts

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

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/option.ws.d.ts

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

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

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

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,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/rich-text-link.ws.d.ts

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

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,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

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

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

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

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

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

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

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

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

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

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

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,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

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,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/time.d.ts

@@ -4,14 +4,12 @@ type Language = (typeof languages)[number];
 type Country = (typeof countries)[number];
 type DateStyle = Intl.DateTimeFormatOptions["dateStyle"] | "none";
 type TimeStyle = Intl.DateTimeFormatOptions["timeStyle"] | "none";
-type TimeProps = {
-    datetime?: string;
+export declare const Time: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "dateTime"> & {
     language?: Language;
     country?: Country;
     dateStyle?: DateStyle;
     timeStyle?: TimeStyle;
-};
-export declare const Time: import("react").ForwardRefExoticComponent<TimeProps & import("react").RefAttributes<HTMLTimeElement>>;
+} & import("react").RefAttributes<HTMLTimeElement>>;
 export declare const __testing__: {
     parseDate: (datetimeString: string) => Date | undefined;
 };

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

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

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

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

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

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