@webstudio-is/react-sdk 0.50.0 → 0.52.0

package/lib/css/normalize.js

@@ -0,0 +1,338 @@
+import { borders } from "./presets";
+const boxSizing = {
+  type: "keyword",
+  value: "border-box"
+};
+const baseStyle = {
+  boxSizing,
+  ...borders
+};
+const div = baseStyle;
+const address = baseStyle;
+const article = baseStyle;
+const aside = baseStyle;
+const figure = baseStyle;
+const footer = baseStyle;
+const header = baseStyle;
+const main = baseStyle;
+const nav = baseStyle;
+const section = baseStyle;
+const form = baseStyle;
+const h1 = baseStyle;
+const h2 = baseStyle;
+const h3 = baseStyle;
+const h4 = baseStyle;
+const h5 = baseStyle;
+const h6 = baseStyle;
+const i = baseStyle;
+const img = baseStyle;
+const a = baseStyle;
+const li = baseStyle;
+const ul = baseStyle;
+const ol = baseStyle;
+const p = baseStyle;
+const span = baseStyle;
+const html = {
+  /* 1 */
+  lineHeight: {
+    type: "unit",
+    value: 1.15,
+    unit: "number"
+  },
+  /* 2 */
+  textSizeAdjust: {
+    type: "unit",
+    value: 100,
+    unit: "%"
+  },
+  /* 3 */
+  tabSize: {
+    type: "unit",
+    value: 4,
+    unit: "number"
+  },
+  boxSizing,
+  ...borders
+};
+const body = {
+  /* 1 */
+  marginTop: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  marginRight: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  marginBottom: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  marginLeft: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  /* 2 */
+  fontFamily: {
+    type: "keyword",
+    value: `system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'`
+  },
+  boxSizing,
+  ...borders
+};
+const hr = {
+  /* 1 */
+  height: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  /* 2 */
+  color: { type: "keyword", value: "inherit" },
+  boxSizing,
+  ...borders
+};
+const b = {
+  fontWeight: {
+    type: "keyword",
+    value: "bolder"
+  },
+  boxSizing,
+  ...borders
+};
+const strong = b;
+const code = {
+  /* 1 */
+  fontFamily: {
+    type: "keyword",
+    value: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace`
+  },
+  /* 2 */
+  fontSize: {
+    type: "unit",
+    value: 1,
+    unit: "em"
+  },
+  boxSizing,
+  ...borders
+};
+const kbd = code;
+const samp = code;
+const pre = code;
+const small = {
+  fontSize: {
+    type: "unit",
+    value: 80,
+    unit: "%"
+  },
+  boxSizing,
+  ...borders
+};
+const subSupBase = {
+  fontSize: {
+    type: "unit",
+    value: 75,
+    unit: "%"
+  },
+  lineHeight: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  position: {
+    type: "keyword",
+    value: "relative"
+  },
+  verticalAlign: {
+    type: "keyword",
+    value: "baseline"
+  },
+  boxSizing,
+  ...borders
+};
+const sub = {
+  ...subSupBase,
+  bottom: {
+    type: "unit",
+    value: -0.25,
+    unit: "em"
+  }
+};
+const sup = {
+  ...subSupBase,
+  top: {
+    type: "unit",
+    value: -0.5,
+    unit: "em"
+  }
+};
+const table = {
+  /* 1 */
+  textIndent: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  ...borders,
+  /* 2 */
+  borderTopColor: {
+    type: "keyword",
+    value: "inherit"
+  },
+  borderRightColor: {
+    type: "keyword",
+    value: "inherit"
+  },
+  borderBottomColor: {
+    type: "keyword",
+    value: "inherit"
+  },
+  borderLeftColor: {
+    type: "keyword",
+    value: "inherit"
+  },
+  boxSizing
+};
+const buttonBase = {
+  /* 1 */
+  fontFamily: {
+    type: "keyword",
+    value: "inherit"
+  },
+  fontSize: {
+    type: "unit",
+    value: 100,
+    unit: "%"
+  },
+  lineHeight: {
+    type: "unit",
+    value: 1.15,
+    unit: "number"
+  },
+  /* 2 */
+  marginTop: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  marginRight: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  marginBottom: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  marginLeft: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  boxSizing,
+  ...borders
+};
+const input = buttonBase;
+const optgroup = buttonBase;
+const textarea = buttonBase;
+const button = {
+  ...buttonBase,
+  textTransform: {
+    type: "keyword",
+    value: "none"
+  }
+};
+const select = button;
+const legend = {
+  paddingTop: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  paddingRight: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  paddingBottom: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  paddingLeft: {
+    type: "unit",
+    value: 0,
+    unit: "number"
+  },
+  boxSizing,
+  ...borders
+};
+const progress = {
+  verticalAlign: {
+    type: "keyword",
+    value: "baseline"
+  },
+  boxSizing,
+  ...borders
+};
+const summary = {
+  display: {
+    type: "keyword",
+    value: "list-item"
+  },
+  boxSizing,
+  ...borders
+};
+export {
+  a,
+  address,
+  article,
+  aside,
+  b,
+  body,
+  button,
+  code,
+  div,
+  figure,
+  footer,
+  form,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  header,
+  hr,
+  html,
+  i,
+  img,
+  input,
+  kbd,
+  legend,
+  li,
+  main,
+  nav,
+  ol,
+  optgroup,
+  p,
+  pre,
+  progress,
+  samp,
+  section,
+  select,
+  small,
+  span,
+  strong,
+  sub,
+  summary,
+  sup,
+  table,
+  textarea,
+  ul
+};

package/lib/css/presets.js

@@ -0,0 +1,41 @@
+const borders = {
+  borderTopColor: {
+    type: "keyword",
+    value: "currentColor"
+  },
+  borderRightColor: {
+    type: "keyword",
+    value: "currentColor"
+  },
+  borderBottomColor: {
+    type: "keyword",
+    value: "currentColor"
+  },
+  borderLeftColor: {
+    type: "keyword",
+    value: "currentColor"
+  },
+  borderTopWidth: {
+    type: "unit",
+    value: 1,
+    unit: "px"
+  },
+  borderRightWidth: {
+    type: "unit",
+    value: 1,
+    unit: "px"
+  },
+  borderBottomWidth: {
+    type: "unit",
+    value: 1,
+    unit: "px"
+  },
+  borderLeftWidth: {
+    type: "unit",
+    value: 1,
+    unit: "px"
+  }
+};
+export {
+  borders
+};

package/lib/css/style-rules.js

@@ -0,0 +1,42 @@
+const getStyleRules = (styles, styleSourceSelections) => {
+  if (styles === void 0 || styleSourceSelections === void 0) {
+    return [];
+  }
+  const stylesByStyleSourceId = /* @__PURE__ */ new Map();
+  for (const styleDecl of styles.values()) {
+    const { styleSourceId } = styleDecl;
+    let styleSourceStyles = stylesByStyleSourceId.get(styleSourceId);
+    if (styleSourceStyles === void 0) {
+      styleSourceStyles = [];
+      stylesByStyleSourceId.set(styleSourceId, styleSourceStyles);
+    }
+    styleSourceStyles.push(styleDecl);
+  }
+  const styleRules = [];
+  for (const { instanceId, values } of styleSourceSelections.values()) {
+    const styleRuleByBreakpointId = /* @__PURE__ */ new Map();
+    for (const styleSourceId of values) {
+      const styleSourceStyles = stylesByStyleSourceId.get(styleSourceId);
+      if (styleSourceStyles === void 0) {
+        continue;
+      }
+      for (const { breakpointId, property, value } of styleSourceStyles) {
+        let styleRule = styleRuleByBreakpointId.get(breakpointId);
+        if (styleRule === void 0) {
+          styleRule = {
+            instanceId,
+            breakpointId,
+            style: {}
+          };
+          styleRuleByBreakpointId.set(breakpointId, styleRule);
+        }
+        styleRule.style[property] = value;
+      }
+    }
+    styleRules.push(...styleRuleByBreakpointId.values());
+  }
+  return styleRules;
+};
+export {
+  getStyleRules
+};

package/lib/props.js

@@ -2,6 +2,7 @@ import { useContext, useMemo } from "react";
 import { computed } from "nanostores";
 import { useStore } from "@nanostores/react";
 import { ReactSdkContext } from "./context";
+import { idAttribute } from "./tree/webstudio-component";
 const getPropsByInstanceId = (props) => {
   const propsByInstanceId = /* @__PURE__ */ new Map();
   for (const prop of props.values()) {
@@ -36,7 +37,7 @@ const usePropAsset = (instanceId, name) => {
       (propsByInstanceId, assets) => {
         const instanceProps = propsByInstanceId.get(instanceId);
         if (instanceProps === void 0) {
-          return void 0;
+          return;
         }
         for (const prop of instanceProps) {
           if (prop.type === "asset" && prop.name === name) {
@@ -50,8 +51,48 @@ const usePropAsset = (instanceId, name) => {
   const asset = useStore(assetStore);
   return asset;
 };
+const resolveUrlProp = (instanceId, name, propsByInstanceId, pages) => {
+  const instanceProps = propsByInstanceId.get(instanceId);
+  if (instanceProps === void 0) {
+    return;
+  }
+  for (const prop of instanceProps) {
+    if (prop.name !== name) {
+      continue;
+    }
+    if (prop.type === "page") {
+      return pages.get(prop.value);
+    }
+    if (prop.type === "string") {
+      for (const page of pages.values()) {
+        if (page.path === prop.value) {
+          return page;
+        }
+      }
+      return prop.value;
+    }
+    return;
+  }
+};
+const usePropUrl = (instanceId, name) => {
+  const { propsByInstanceIdStore, pagesStore } = useContext(ReactSdkContext);
+  const pageStore = useMemo(
+    () => computed(
+      [propsByInstanceIdStore, pagesStore],
+      (propsByInstanceId, pages) => resolveUrlProp(instanceId, name, propsByInstanceId, pages)
+    ),
+    [propsByInstanceIdStore, pagesStore, instanceId, name]
+  );
+  return useStore(pageStore);
+};
+const getInstanceIdFromComponentProps = (props) => {
+  return props[idAttribute];
+};
 export {
+  getInstanceIdFromComponentProps,
   getPropsByInstanceId,
+  resolveUrlProp,
   useInstanceProps,
-  usePropAsset
+  usePropAsset,
+  usePropUrl
 };

package/lib/pubsub/create.js

@@ -1,13 +1,14 @@
-import mitt from "mitt";
+import { createNanoEvents } from "nanoevents";
 import { useCallback, useEffect, useRef } from "react";
+import { batchUpdate } from "./raf-queue";
 const createPubsub = () => {
-  const emitter = mitt();
+  const emitter = createNanoEvents();
   if (typeof window === "object") {
     window.addEventListener(
       "message",
       (event) => {
         if (typeof event.data?.type === "string") {
-          emitter.emit(event.data.type, event.data.payload);
+          batchUpdate(() => emitter.emit(event.data.type, event.data.payload));
         }
       },
       false
@@ -44,31 +45,11 @@ const createPubsub = () => {
      */
     useSubscribe(type, onAction) {
       useEffect(() => {
-        emitter.on(type, onAction);
-        return () => {
-          emitter.off(type, onAction);
-        };
+        return emitter.on(type, onAction);
       }, [type, onAction]);
     },
-    useSubscribeAll(onAction) {
-      useEffect(() => {
-        emitter.on("*", onAction);
-        return () => {
-          emitter.off("*", onAction);
-        };
-      }, [onAction]);
-    },
     subscribe(type, onAction) {
-      emitter.on(type, onAction);
-      return () => {
-        emitter.off(type, onAction);
-      };
-    },
-    subscribeAll(onAction) {
-      emitter.on("*", onAction);
-      return () => {
-        emitter.off("*", onAction);
-      };
+      return emitter.on(type, onAction);
     }
   };
 };

package/lib/pubsub/raf-queue.js

@@ -0,0 +1,25 @@
+import { unstable_batchedUpdates as batchedUpdates } from "react-dom";
+let handle;
+let updateQueue = [];
+const processUpdates = (updates) => {
+  batchedUpdates(() => {
+    for (const update of updates) {
+      update();
+    }
+  });
+};
+const batchUpdate = (update) => {
+  updateQueue.push(update);
+  if (handle !== void 0) {
+    return;
+  }
+  handle = requestAnimationFrame(() => {
+    const updates = updateQueue;
+    updateQueue = [];
+    handle = void 0;
+    processUpdates(updates);
+  });
+};
+export {
+  batchUpdate
+};

package/lib/tree/create-elements-tree.js

@@ -8,6 +8,7 @@ const createElementsTree = ({
   instance,
   propsByInstanceIdStore,
   assetsStore,
+  pagesStore,
   Component,
   getComponent
 }) => {
@@ -32,7 +33,13 @@ const createElementsTree = ({
     ],
     getComponent
   });
-  return /* @__PURE__ */ jsx(ReactSdkContext.Provider, { value: { propsByInstanceIdStore, assetsStore }, children: root });
+  return /* @__PURE__ */ jsx(
+    ReactSdkContext.Provider,
+    {
+      value: { propsByInstanceIdStore, assetsStore, pagesStore },
+      children: root
+    }
+  );
 };
 const createInstanceChildrenElements = ({
   instanceSelector,

package/lib/tree/root.js

@@ -52,6 +52,7 @@ const InstanceRoot = ({
       getPropsByInstanceId(new Map(data.build.props))
     ),
     assetsStore: atom(new Map(data.assets.map((asset) => [asset.id, asset]))),
+    pagesStore: atom(new Map(data.pages.map((page) => [page.id, page]))),
     Component: Component ?? WebstudioComponent,
     getComponent
   });

package/lib/tree/webstudio-component.js

@@ -18,6 +18,7 @@ const renderWebstudioComponentChildren = (children) => {
 };
 const WebstudioComponent = ({
   instance,
+  instanceSelector,
   children,
   getComponent,
   ...rest

package/lib/types/app/custom-components/image.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Image: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    quality?: number | undefined;
+    optimize?: boolean | undefined;
+    loader: import("@webstudio-is/image").ImageLoader;
+}, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement> | "quality" | "loader" | "optimize"> & import("react").RefAttributes<HTMLImageElement>, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement> | "quality" | "loader" | "optimize"> & import("react").RefAttributes<HTMLImageElement>>;

package/lib/types/app/custom-components/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import type { WsComponentPropsMeta } from "../../components/component-meta";
+export declare const customComponents: {
+    Image: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+        quality?: number | undefined;
+        optimize?: boolean | undefined;
+        loader: import("@webstudio-is/image").ImageLoader;
+    }, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement> | "quality" | "loader" | "optimize"> & import("react").RefAttributes<HTMLImageElement>, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement> | "quality" | "loader" | "optimize"> & import("react").RefAttributes<HTMLImageElement>>;
+    Link: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
+        href?: string | undefined;
+        target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+        prefetch?: "none" | "intent" | "render" | undefined;
+    }, "type" | "style" | "id" | "title" | "children" | "hidden" | "color" | "translate" | "property" | "placeholder" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "target" | "download" | "hrefLang" | "media" | "ping" | "rel" | "referrerPolicy" | "prefetch"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    RichTextLink: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
+        href?: string | undefined;
+        target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+        prefetch?: "none" | "intent" | "render" | undefined;
+    }, "type" | "style" | "id" | "title" | "children" | "hidden" | "color" | "translate" | "property" | "placeholder" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "target" | "download" | "hrefLang" | "media" | "ping" | "rel" | "referrerPolicy" | "prefetch"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    LinkBlock: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
+        href?: string | undefined;
+        target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+        prefetch?: "none" | "intent" | "render" | undefined;
+    }, "type" | "style" | "id" | "title" | "children" | "hidden" | "color" | "translate" | "property" | "placeholder" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "target" | "download" | "hrefLang" | "media" | "ping" | "rel" | "referrerPolicy" | "prefetch"> & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export declare const customComponentPropsMetas: Record<string, WsComponentPropsMeta>;
+export declare const customComponentMetas: {};