@webstudio-is/react-sdk 0.57.0 → 0.58.0

package/lib/app/custom-components/shared/remix-link.js

@@ -6,7 +6,11 @@ const wrapLinkComponent = (BaseLink) => {
   const Component = forwardRef((props, ref) => {
     const href = usePropUrl(getInstanceIdFromComponentProps(props), "href");
     if (href?.type === "page") {
-      return /* @__PURE__ */ jsx(RemixLink, { ...props, to: href.page.path, ref });
+      let to = href.page.path;
+      if (href.hash !== void 0) {
+        to += `#${href.hash}`;
+      }
+      return /* @__PURE__ */ jsx(RemixLink, { ...props, to, ref });
     }
     return /* @__PURE__ */ jsx(BaseLink, { ...props, ref });
   });

package/lib/cjs/app/custom-components/shared/remix-link.js

@@ -29,7 +29,11 @@ const wrapLinkComponent = (BaseLink) => {
   const Component = (0, import_react2.forwardRef)((props, ref) => {
     const href = (0, import_props.usePropUrl)((0, import_props.getInstanceIdFromComponentProps)(props), "href");
     if (href?.type === "page") {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Link, { ...props, to: href.page.path, ref });
+      let to = href.page.path;
+      if (href.hash !== void 0) {
+        to += `#${href.hash}`;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Link, { ...props, to, ref });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseLink, { ...props, ref });
   });

package/lib/cjs/components/link.js

@@ -30,10 +30,13 @@ const defaultTag = "a";
 const Link = (0, import_react.forwardRef)((props, ref) => {
   const href = (0, import_props.usePropUrl)((0, import_props.getInstanceIdFromComponentProps)(props), "href");
   const { assetBaseUrl } = (0, import_params.getParams)();
-  let url;
+  let url = "#";
   switch (href?.type) {
     case "page":
       url = href.page.path;
+      if (href.hash !== void 0) {
+        url += `#${href.hash}`;
+      }
       break;
     case "asset":
       url = `${assetBaseUrl}${href.asset.name}`;

package/lib/cjs/props.js

@@ -50,7 +50,7 @@ const useInstanceProps = (instanceId) => {
   const instancePropsObject = {};
   if (instanceProps) {
     for (const prop of instanceProps) {
-      if (prop.type !== "asset") {
+      if (prop.type !== "asset" && prop.type !== "page") {
         instancePropsObject[prop.name] = prop.value;
       }
     }
@@ -93,8 +93,22 @@ const resolveUrlProp = (instanceId, name, {
       continue;
     }
     if (prop.type === "page") {
-      const page = pages.get(prop.value);
-      return page && { type: "page", page };
+      if (typeof prop.value === "string") {
+        const page2 = pages.get(prop.value);
+        return page2 && { type: "page", page: page2 };
+      }
+      const { instanceId: instanceId2, pageId } = prop.value;
+      const page = pages.get(pageId);
+      if (page === void 0) {
+        return;
+      }
+      const idProp = props.get(instanceId2)?.find((prop2) => prop2.name === "id");
+      return {
+        type: "page",
+        page,
+        instanceId: instanceId2,
+        hash: idProp === void 0 || idProp.type !== "string" ? void 0 : idProp.value
+      };
     }
     if (prop.type === "string") {
       for (const page of pages.values()) {
@@ -113,14 +127,14 @@ const resolveUrlProp = (instanceId, name, {
 };
 const usePropUrl = (instanceId, name) => {
   const { propsByInstanceIdStore, pagesStore, assetsStore } = (0, import_react.useContext)(import_context.ReactSdkContext);
-  const pageStore = (0, import_react.useMemo)(
+  const store = (0, import_react.useMemo)(
     () => (0, import_nanostores.computed)(
       [propsByInstanceIdStore, pagesStore, assetsStore],
       (props, pages, assets) => resolveUrlProp(instanceId, name, { props, pages, assets })
     ),
     [propsByInstanceIdStore, pagesStore, assetsStore, instanceId, name]
   );
-  return (0, import_react2.useStore)(pageStore);
+  return (0, import_react2.useStore)(store);
 };
 const getInstanceIdFromComponentProps = (props) => {
   return props[import_webstudio_component.idAttribute];

package/lib/components/link.js

@@ -6,10 +6,13 @@ const defaultTag = "a";
 const Link = forwardRef((props, ref) => {
   const href = usePropUrl(getInstanceIdFromComponentProps(props), "href");
   const { assetBaseUrl } = getParams();
-  let url;
+  let url = "#";
   switch (href?.type) {
     case "page":
       url = href.page.path;
+      if (href.hash !== void 0) {
+        url += `#${href.hash}`;
+      }
       break;
     case "asset":
       url = `${assetBaseUrl}${href.asset.name}`;

package/lib/props.js

@@ -22,7 +22,7 @@ const useInstanceProps = (instanceId) => {
   const instancePropsObject = {};
   if (instanceProps) {
     for (const prop of instanceProps) {
-      if (prop.type !== "asset") {
+      if (prop.type !== "asset" && prop.type !== "page") {
         instancePropsObject[prop.name] = prop.value;
       }
     }
@@ -65,8 +65,22 @@ const resolveUrlProp = (instanceId, name, {
       continue;
     }
     if (prop.type === "page") {
-      const page = pages.get(prop.value);
-      return page && { type: "page", page };
+      if (typeof prop.value === "string") {
+        const page2 = pages.get(prop.value);
+        return page2 && { type: "page", page: page2 };
+      }
+      const { instanceId: instanceId2, pageId } = prop.value;
+      const page = pages.get(pageId);
+      if (page === void 0) {
+        return;
+      }
+      const idProp = props.get(instanceId2)?.find((prop2) => prop2.name === "id");
+      return {
+        type: "page",
+        page,
+        instanceId: instanceId2,
+        hash: idProp === void 0 || idProp.type !== "string" ? void 0 : idProp.value
+      };
     }
     if (prop.type === "string") {
       for (const page of pages.values()) {
@@ -85,14 +99,14 @@ const resolveUrlProp = (instanceId, name, {
 };
 const usePropUrl = (instanceId, name) => {
   const { propsByInstanceIdStore, pagesStore, assetsStore } = useContext(ReactSdkContext);
-  const pageStore = useMemo(
+  const store = useMemo(
     () => computed(
       [propsByInstanceIdStore, pagesStore, assetsStore],
       (props, pages, assets) => resolveUrlProp(instanceId, name, { props, pages, assets })
     ),
     [propsByInstanceIdStore, pagesStore, assetsStore, instanceId, name]
   );
-  return useStore(pageStore);
+  return useStore(store);
 };
 const getInstanceIdFromComponentProps = (props) => {
   return props[idAttribute];

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Image: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    quality?: number | undefined;
+    optimize?: boolean | undefined;
+    loader: import("@webstudio-is/image").ImageLoader;
+}, "ref"> & import("react").RefAttributes<HTMLImageElement>, "ref"> & 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<Omit<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+        quality?: number | undefined;
+        optimize?: boolean | undefined;
+        loader: import("@webstudio-is/image").ImageLoader;
+    }, "ref"> & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    Link: import("react").ForwardRefExoticComponent<Omit<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;
+    }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    RichTextLink: import("react").ForwardRefExoticComponent<Omit<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;
+    }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    LinkBlock: import("react").ForwardRefExoticComponent<Omit<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;
+    }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export declare const customComponentPropsMetas: Record<string, WsComponentPropsMeta>;
+export declare const customComponentMetas: {};

package/lib/types/app/custom-components/link-block.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const LinkBlock: import("react").ForwardRefExoticComponent<Omit<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;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<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;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/app/custom-components/rich-text-link.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const RichTextLink: import("react").ForwardRefExoticComponent<Omit<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;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/app/custom-components/shared/remix-link.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const wrapLinkComponent: (BaseLink: import("react").ForwardRefExoticComponent<Omit<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;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>) => import("react").ForwardRefExoticComponent<Omit<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;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/app/handle-request.server.d.ts

@@ -0,0 +1,2 @@
+import type { EntryContext } from "@remix-run/node";
+export declare const handleRequest: (request: Request, responseStatusCode: number, responseHeaders: Headers, remixContext: EntryContext) => Response;

package/lib/types/app/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./root";
+export * from "./handle-request.server";
+export * from "./params";

package/lib/types/app/params.d.ts

@@ -0,0 +1,6 @@
+export type Params = {
+    resizeOrigin?: string;
+    assetBaseUrl: string;
+};
+export declare const getParams: () => Params;
+export declare const setParams: (newParams: undefined | Params) => void;

package/lib/types/app/root.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Outlet as DefaultOutlet } from "@remix-run/react";
+/**
+ * We are using Outlet prop from index layout when user renders site from a subdomain.
+ */
+export declare const Root: ({ Outlet, }: {
+    Outlet: typeof DefaultOutlet;
+}) => JSX.Element;

package/lib/types/components/__generated__/blockquote.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/body.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/bold.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/box.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/button.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/code.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/form.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/fragment.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/heading.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/image.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/input.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/italic.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/link-block.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/link.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/list-item.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/list.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/paragraph.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/rich-text-link.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/separator.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/slot.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/span.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/subscript.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/superscript.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/text-block.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "blockquote";
+export declare const Blockquote: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import("react").RefAttributes<HTMLQuoteElement>>;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import("react").RefAttributes<HTMLQuoteElement>>>;
+export default _default;
+export declare const Blockquote: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import("react").RefAttributes<HTMLQuoteElement>>>;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "body";
+export declare const Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref"> & import("react").RefAttributes<HTMLBodyElement>>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Body as BodyPrimitive } from "./body";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref"> & import("react").RefAttributes<HTMLBodyElement>>>;
+export default _default;
+export declare const Body: ComponentStory<typeof BodyPrimitive>;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "b";
+export declare const Bold: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+export default _default;
+export declare const Bold: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>>;

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

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

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

@@ -0,0 +1,7 @@
+import { type ComponentProps } from "react";
+declare const defaultTag = "div";
+type Props = ComponentProps<typeof defaultTag> & {
+    tag?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure";
+};
+export declare const Box: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    tag?: "div" | "address" | "article" | "aside" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export default _default;
+export declare const Box: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    tag?: "div" | "address" | "article" | "aside" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;

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

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

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

@@ -0,0 +1,7 @@
+import { type ComponentProps } from "react";
+export declare const defaultTag = "button";
+type ButtonProps = ComponentProps<typeof defaultTag> & {
+    innerText?: string;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    innerText?: string | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const Button: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    innerText?: string | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;

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

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

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

@@ -0,0 +1,9 @@
+import { type ComponentProps } from "react";
+export declare const defaultTag = "code";
+export declare const displayVarNamespace: `code-display-${number}`;
+type Props = Omit<ComponentProps<typeof defaultTag>, "inline"> & {
+    inline?: boolean;
+    meta?: string;
+};
+export declare const Code: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "inline"> & {
+    inline?: boolean | undefined;
+    meta?: string | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+export default _default;
+export declare const Code: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "inline"> & {
+    inline?: boolean | undefined;
+    meta?: string | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;

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

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