@webstudio-is/react-sdk 0.62.0 → 0.63.0

package/lib/components/code.ws.js

@@ -1,4 +1,7 @@
 import { CodeIcon } from "@webstudio-is/icons";
+import {
+  defaultStates
+} from "./component-meta";
 import { displayVarNamespace } from "./code";
 import { props } from "./__generated__/code.props";
 import { code } from "../css/normalize";
@@ -32,6 +35,7 @@ const meta = {
   type: "rich-text",
   label: "Code",
   Icon: CodeIcon,
+  states: defaultStates,
   presetStyle,
   children: [{ type: "text", value: "Code you can edit" }]
 };

package/lib/components/component-meta.js

@@ -11,10 +11,19 @@ const componentCategories = [
   "media",
   "forms"
 ];
+const stateCategories = ["states", "component-states"];
 const ComponentState = z.object({
+  category: z.enum(stateCategories).optional(),
   selector: z.string(),
   label: z.string()
 });
+const defaultStates = [
+  { selector: ":hover", label: "Hover" },
+  { selector: ":active", label: "Active" },
+  { selector: ":focus", label: "Focus" },
+  { selector: ":focus-visible", label: "Focus Visible" },
+  { selector: ":focus-within", label: "Focus Within" }
+];
 const WsComponentMeta = z.object({
   category: z.enum(componentCategories).optional(),
   // container - can accept other components with dnd
@@ -38,5 +47,7 @@ const WsComponentMeta = z.object({
 });
 export {
   ComponentState,
-  componentCategories
+  componentCategories,
+  defaultStates,
+  stateCategories
 };

package/lib/components/form.ws.js

@@ -1,5 +1,8 @@
 import { FormIcon } from "@webstudio-is/icons";
 import { form } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/form.props";
 const presetStyle = {
   form: [
@@ -12,6 +15,7 @@ const meta = {
   type: "container",
   label: "Form",
   Icon: FormIcon,
+  states: defaultStates,
   presetStyle,
   children: [
     {

package/lib/components/heading.ws.js

@@ -1,5 +1,8 @@
 import { HeadingIcon } from "@webstudio-is/icons";
 import { h1, h2, h3, h4, h5, h6 } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/heading.props";
 const presetStyle = {
   h1,
@@ -15,6 +18,7 @@ const meta = {
   label: "Heading",
   Icon: HeadingIcon,
   children: [{ type: "text", value: "Heading you can edit" }],
+  states: defaultStates,
   presetStyle
 };
 const propsMeta = {

package/lib/components/image.ws.js

@@ -1,5 +1,8 @@
 import { ImageIcon } from "@webstudio-is/icons";
 import { img } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/image.props";
 const presetStyle = {
   img: [
@@ -22,6 +25,7 @@ const meta = {
   type: "embed",
   label: "Image",
   Icon: ImageIcon,
+  states: defaultStates,
   presetStyle
 };
 const propsMeta = {

package/lib/components/input.ws.js

@@ -1,5 +1,8 @@
 import { FormTextFieldIcon } from "@webstudio-is/icons";
 import { input } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/input.props";
 const presetStyle = {
   input
@@ -11,6 +14,7 @@ const meta = {
   Icon: FormTextFieldIcon,
   presetStyle,
   states: [
+    ...defaultStates,
     { selector: "::placeholder", label: "Placeholder" },
     { selector: ":valid", label: "Valid" },
     { selector: ":invalid", label: "Invalid" },

package/lib/components/italic.ws.js

@@ -1,4 +1,7 @@
 import { TextItalicIcon } from "@webstudio-is/icons";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/italic.props";
 import { i } from "../css/normalize";
 const presetStyle = {
@@ -14,6 +17,7 @@ const meta = {
   type: "rich-text-child",
   label: "Italic Text",
   Icon: TextItalicIcon,
+  states: defaultStates,
   presetStyle
 };
 const propsMeta = {

package/lib/components/label.ws.js

@@ -1,4 +1,7 @@
 import { TextBlockIcon } from "@webstudio-is/icons";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/label.props";
 import { label } from "../css/normalize";
 const presetStyle = {
@@ -12,6 +15,7 @@ const meta = {
   type: "rich-text",
   label: "Input Label",
   Icon: TextBlockIcon,
+  states: defaultStates,
   presetStyle,
   children: [{ type: "text", value: "Form Label" }]
 };

package/lib/components/link.ws.js

@@ -1,5 +1,8 @@
 import { LinkIcon } from "@webstudio-is/icons";
 import { a } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/link.props";
 const presetStyle = {
   a: [
@@ -20,7 +23,18 @@ const meta = {
   label: "Link Text",
   Icon: LinkIcon,
   presetStyle,
-  states: [{ selector: "[aria-current=page]", label: "Current page" }],
+  states: [
+    ...defaultStates,
+    {
+      selector: ":visited",
+      label: "Visited"
+    },
+    {
+      category: "component-states",
+      selector: "[aria-current=page]",
+      label: "Current page"
+    }
+  ],
   children: [{ type: "text", value: "Link text you can edit" }]
 };
 const propsMeta = {

package/lib/components/list-item.ws.js

@@ -1,5 +1,8 @@
 import { ListItemIcon } from "@webstudio-is/icons";
 import { li } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/list-item.props";
 const presetStyle = {
   li
@@ -11,6 +14,7 @@ const meta = {
   label: "List Item",
   Icon: ListItemIcon,
   children: [{ type: "text", value: "List Item you can edit" }],
+  states: defaultStates,
   presetStyle
 };
 const propsMeta = {

package/lib/components/list.ws.js

@@ -1,4 +1,7 @@
 import { ListIcon } from "@webstudio-is/icons";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/list.props";
 import { ol, ul } from "../css/normalize";
 const presetStyle = {
@@ -38,6 +41,7 @@ const meta = {
   type: "container",
   label: "List",
   Icon: ListIcon,
+  states: defaultStates,
   presetStyle,
   children: []
 };

package/lib/components/paragraph.ws.js

@@ -1,5 +1,8 @@
 import { TextAlignLeftIcon } from "@webstudio-is/icons";
 import { p } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/paragraph.props";
 const presetStyle = {
   p
@@ -10,6 +13,7 @@ const meta = {
   label: "Paragraph",
   Icon: TextAlignLeftIcon,
   children: [{ type: "text", value: "Pragraph you can edit" }],
+  states: defaultStates,
   presetStyle
 };
 const propsMeta = {

package/lib/components/radio-button-field.ws.js

@@ -1,4 +1,7 @@
 import { RadioCheckedIcon } from "@webstudio-is/icons";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/radio-button-field.props";
 import { label } from "../css/normalize";
 const presetStyle = {
@@ -12,6 +15,7 @@ const meta = {
   type: "container",
   label: "Radio Button Field",
   Icon: RadioCheckedIcon,
+  states: defaultStates,
   presetStyle,
   children: [
     { type: "instance", component: "RadioButton", props: [], children: [] },

package/lib/components/radio-button.ws.js

@@ -1,4 +1,7 @@
 import { RadioCheckedIcon } from "@webstudio-is/icons";
+import {
+  defaultStates
+} from "./component-meta";
 import { input } from "../css/normalize";
 import { props } from "./__generated__/radio-button.props";
 const presetStyle = {
@@ -16,6 +19,7 @@ const meta = {
   Icon: RadioCheckedIcon,
   presetStyle,
   states: [
+    ...defaultStates,
     { selector: ":checked", label: "Checked" },
     { selector: ":required", label: "Required" },
     { selector: ":optional", label: "Optional" },

package/lib/components/separator.ws.js

@@ -1,4 +1,7 @@
 import { DashIcon } from "@webstudio-is/icons";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/separator.props";
 import { hr } from "../css/normalize";
 const presetStyle = {
@@ -35,6 +38,7 @@ const meta = {
   type: "embed",
   label: "Separator",
   Icon: DashIcon,
+  states: defaultStates,
   presetStyle,
   children: []
 };

package/lib/components/span.ws.js

@@ -1,5 +1,8 @@
 import { PaintBrushIcon } from "@webstudio-is/icons";
 import { span } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/span.props";
 const presetStyle = {
   span
@@ -8,6 +11,7 @@ const meta = {
   type: "rich-text-child",
   label: "Styled Text",
   Icon: PaintBrushIcon,
+  states: defaultStates,
   presetStyle
 };
 const propsMeta = {

package/lib/components/subscript.ws.js

@@ -1,5 +1,8 @@
 import { SubscriptIcon } from "@webstudio-is/icons";
 import { sub } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/subscript.props";
 const presetStyle = {
   sub
@@ -8,6 +11,7 @@ const meta = {
   type: "rich-text-child",
   label: "Subscript Text",
   Icon: SubscriptIcon,
+  states: defaultStates,
   presetStyle
 };
 const propsMeta = {

package/lib/components/superscript.ws.js

@@ -1,5 +1,8 @@
 import { SuperscriptIcon } from "@webstudio-is/icons";
 import { sup } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/superscript.props";
 const presetStyle = {
   sup
@@ -8,6 +11,7 @@ const meta = {
   type: "rich-text-child",
   label: "Superscript Text",
   Icon: SuperscriptIcon,
+  states: defaultStates,
   presetStyle
 };
 const propsMeta = {

package/lib/components/text-block.ws.js

@@ -1,4 +1,7 @@
 import { TextBlockIcon } from "@webstudio-is/icons";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/text-block.props";
 import { div } from "../css/normalize";
 const presetStyle = {
@@ -15,6 +18,7 @@ const meta = {
   type: "rich-text",
   label: "Text Block",
   Icon: TextBlockIcon,
+  states: defaultStates,
   presetStyle,
   children: [{ type: "text", value: "Block of text you can edit" }]
 };

package/lib/components/textarea.ws.js

@@ -1,5 +1,8 @@
 import { FormTextAreaIcon } from "@webstudio-is/icons";
 import { textarea } from "../css/normalize";
+import {
+  defaultStates
+} from "./component-meta";
 import { props } from "./__generated__/textarea.props";
 const presetStyle = {
   textarea: [
@@ -15,6 +18,7 @@ const meta = {
   Icon: FormTextAreaIcon,
   presetStyle,
   states: [
+    ...defaultStates,
     { selector: "::placeholder", label: "Placeholder" },
     { selector: ":valid", label: "Valid" },
     { selector: ":invalid", label: "Invalid" },

package/lib/css/normalize.js

@@ -1,4 +1,4 @@
-import { borders } from "./presets";
+import { borders, linkColors } from "./presets";
 const boxSizing = {
   property: "boxSizing",
   value: { type: "keyword", value: "border-box" }
@@ -24,7 +24,7 @@ const h5 = baseStyle;
 const h6 = baseStyle;
 const i = baseStyle;
 const img = baseStyle;
-const a = baseStyle;
+const a = [boxSizing, ...borders, ...linkColors];
 const li = baseStyle;
 const ul = baseStyle;
 const ol = baseStyle;

package/lib/css/presets.js

@@ -16,6 +16,24 @@ const borders = [
     value: { type: "unit", value: 1, unit: "px" }
   }
 ];
+const linkColors = [
+  {
+    property: "color",
+    value: { type: "rgb", r: 0, g: 0, b: 238, alpha: 1 }
+  },
+  {
+    state: ":active",
+    property: "color",
+    // chrome and safari use rgb(255, 0, 0)
+    value: { type: "rgb", r: 238, g: 0, b: 0, alpha: 1 }
+  },
+  {
+    state: ":visited",
+    property: "color",
+    value: { type: "rgb", r: 85, g: 26, b: 139, alpha: 1 }
+  }
+];
 export {
-  borders
+  borders,
+  linkColors
 };

package/lib/index.js

@@ -11,12 +11,14 @@ import {
   customComponentPropsMetas
 } from "./app/custom-components";
 import {
-  componentCategories
+  componentCategories,
+  stateCategories
 } from "./components/component-meta";
 export * from "./embed-template";
 export {
   componentCategories,
   customComponentMetas,
   customComponentPropsMetas,
-  customComponents
+  customComponents,
+  stateCategories
 };

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/components/checkbox-field.ws.d.ts

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/components/code.ws.d.ts

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/components/component-meta.d.ts

@@ -581,17 +581,22 @@ declare const WsComponentPropsMeta: z.ZodObject<{
 }>;
 export type WsComponentPropsMeta = z.infer<typeof WsComponentPropsMeta>;
 export declare const componentCategories: readonly ["general", "typography", "media", "forms"];
+export declare const stateCategories: readonly ["states", "component-states"];
 export declare const ComponentState: z.ZodObject<{
+    category: z.ZodOptional<z.ZodEnum<["states", "component-states"]>>;
     selector: z.ZodString;
     label: z.ZodString;
 }, "strip", z.ZodTypeAny, {
+    category?: "states" | "component-states" | undefined;
     label: string;
     selector: string;
 }, {
+    category?: "states" | "component-states" | undefined;
     label: string;
     selector: string;
 }>;
 export type ComponentState = z.infer<typeof ComponentState>;
+export declare const defaultStates: ComponentState[];
 declare const WsComponentMeta: z.ZodObject<{
     category: z.ZodOptional<z.ZodEnum<["general", "typography", "media", "forms"]>>;
     type: z.ZodEnum<["container", "control", "embed", "rich-text", "rich-text-child"]>;
@@ -600,12 +605,15 @@ declare const WsComponentMeta: z.ZodObject<{
     Icon: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>;
     presetStyle: z.ZodOptional<z.ZodAny>;
     states: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        category: z.ZodOptional<z.ZodEnum<["states", "component-states"]>>;
         selector: z.ZodString;
         label: z.ZodString;
     }, "strip", z.ZodTypeAny, {
+        category?: "states" | "component-states" | undefined;
         label: string;
         selector: string;
     }, {
+        category?: "states" | "component-states" | undefined;
         label: string;
         selector: string;
     }>, "many">>;
@@ -624,13 +632,14 @@ declare const WsComponentMeta: z.ZodObject<{
         type: "text";
         value: string;
     } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
-    category?: "media" | "general" | "typography" | "forms" | undefined;
-    acceptedParents?: string[] | undefined;
-    presetStyle?: any;
     states?: {
+        category?: "states" | "component-states" | undefined;
         label: string;
         selector: string;
     }[] | undefined;
+    category?: "media" | "general" | "typography" | "forms" | undefined;
+    acceptedParents?: string[] | undefined;
+    presetStyle?: any;
     type: "embed" | "control" | "container" | "rich-text" | "rich-text-child";
     label: string;
     Icon: (...args: unknown[]) => unknown;
@@ -639,13 +648,14 @@ declare const WsComponentMeta: z.ZodObject<{
         type: "text";
         value: string;
     } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
-    category?: "media" | "general" | "typography" | "forms" | undefined;
-    acceptedParents?: string[] | undefined;
-    presetStyle?: any;
     states?: {
+        category?: "states" | "component-states" | undefined;
         label: string;
         selector: string;
     }[] | undefined;
+    category?: "media" | "general" | "typography" | "forms" | undefined;
+    acceptedParents?: string[] | undefined;
+    presetStyle?: any;
     type: "embed" | "control" | "container" | "rich-text" | "rich-text-child";
     label: string;
     Icon: (...args: unknown[]) => unknown;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,3 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;