@plasmicapp/react-web 0.2.201 → 0.2.202

package/dist/render/PlasmicHead/index.d.ts

@@ -1,37 +1,37 @@
-import * as React from "react";
-export declare const PlasmicHeadContext: React.Context<React.ComponentType<any> | undefined>;
-type PlasmicHeadProps = {
-    title?: string;
-    description?: string;
-    image?: string;
-    canonical?: string;
-};
-export declare function PlasmicHead(props: PlasmicHeadProps): JSX.Element | null;
-export declare const plasmicHeadMeta: {
-    name: string;
-    displayName: string;
-    description: string;
-    importName: string;
-    importPath: string;
-    isRepeatable: boolean;
-    styleSections: boolean;
-    props: {
-        title: {
-            type: string;
-            displayName: string;
-        };
-        description: {
-            type: string;
-            displayName: string;
-        };
-        image: {
-            type: string;
-            displayName: string;
-        };
-        canonical: {
-            type: string;
-            displayName: string;
-        };
-    };
-};
-export {};
+import * as React from "react";
+export declare const PlasmicHeadContext: React.Context<React.ComponentType<any> | undefined>;
+type PlasmicHeadProps = {
+    title?: string;
+    description?: string;
+    image?: string;
+    canonical?: string;
+};
+export declare function PlasmicHead(props: PlasmicHeadProps): JSX.Element | null;
+export declare const plasmicHeadMeta: {
+    name: string;
+    displayName: string;
+    description: string;
+    importName: string;
+    importPath: string;
+    isRepeatable: boolean;
+    styleSections: boolean;
+    props: {
+        title: {
+            type: string;
+            displayName: string;
+        };
+        description: {
+            type: string;
+            displayName: string;
+        };
+        image: {
+            type: string;
+            displayName: string;
+        };
+        canonical: {
+            type: string;
+            displayName: string;
+        };
+    };
+};
+export {};

package/dist/render/PlasmicIcon.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
-export declare function PlasmicIcon(props: React.ComponentProps<"svg"> & {
-    PlasmicIconType: React.ComponentType;
-}): JSX.Element;
+import * as React from "react";
+export declare function PlasmicIcon(props: React.ComponentProps<"svg"> & {
+    PlasmicIconType: React.ComponentType;
+}): JSX.Element;

package/dist/render/PlasmicImg/index.d.ts

@@ -1,81 +1,81 @@
-/**
- * Responsive `<img/>` replacement, based on `next/image`
- */
-import React from "react";
-export interface ImageLoader {
-    supportsUrl: (url: string) => boolean;
-    transformUrl: (opts: {
-        src: string;
-        width?: number;
-        quality?: number;
-        format?: "webp";
-    }) => string;
-}
-type ImgTagProps = Omit<React.ComponentProps<"img">, "src" | "srcSet" | "ref" | "style">;
-export interface PlasmicImgProps extends ImgTagProps {
-    /**
-     * Either an object with the src string, and its full width and height,
-     * or just a src string with unknown intrinsic dimensions.
-     */
-    src?: string | {
-        src: string | {
-            src: string;
-            height: number;
-            width: number;
-            blurDataURL?: string;
-        };
-        fullHeight: number;
-        fullWidth: number;
-        aspectRatio?: number;
-    };
-    /**
-     * className applied to the wrapper element if one is used.
-     */
-    className?: string;
-    /**
-     * css width
-     */
-    displayWidth?: number | string;
-    /**
-     * css height
-     */
-    displayHeight?: number | string;
-    /**
-     * css min-width
-     */
-    displayMinWidth?: number | string;
-    /**
-     * css min-height
-     */
-    displayMinHeight?: number | string;
-    /**
-     * css max-width
-     */
-    displayMaxWidth?: number | string;
-    /**
-     * css max-height
-     */
-    displayMaxHeight?: number | string;
-    /**
-     * For variable quality formats like jpg, the quality from 0 to 100
-     */
-    quality?: number;
-    /**
-     * ImageLoader to use for loading different dimensions of the image.
-     * If none specified, will not attempt to load different dimensions.
-     */
-    loader?: "plasmic" | ImageLoader;
-    /**
-     * Style applied to the wrapper element. objectFit and objectPosition
-     * rules are applied to the img element.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Ref for the img element.  The normal <PlasmicImg ref={...} />
-     * prop gives the root element instead, which may be the img element
-     * or a wrapper element
-     */
-    imgRef?: React.Ref<HTMLImageElement>;
-}
-export declare const PlasmicImg: React.ForwardRefExoticComponent<PlasmicImgProps & React.RefAttributes<HTMLElement>>;
-export {};
+/**
+ * Responsive `<img/>` replacement, based on `next/image`
+ */
+import React from "react";
+export interface ImageLoader {
+    supportsUrl: (url: string) => boolean;
+    transformUrl: (opts: {
+        src: string;
+        width?: number;
+        quality?: number;
+        format?: "webp";
+    }) => string;
+}
+type ImgTagProps = Omit<React.ComponentProps<"img">, "src" | "srcSet" | "ref" | "style">;
+export interface PlasmicImgProps extends ImgTagProps {
+    /**
+     * Either an object with the src string, and its full width and height,
+     * or just a src string with unknown intrinsic dimensions.
+     */
+    src?: string | {
+        src: string | {
+            src: string;
+            height: number;
+            width: number;
+            blurDataURL?: string;
+        };
+        fullHeight: number;
+        fullWidth: number;
+        aspectRatio?: number;
+    };
+    /**
+     * className applied to the wrapper element if one is used.
+     */
+    className?: string;
+    /**
+     * css width
+     */
+    displayWidth?: number | string;
+    /**
+     * css height
+     */
+    displayHeight?: number | string;
+    /**
+     * css min-width
+     */
+    displayMinWidth?: number | string;
+    /**
+     * css min-height
+     */
+    displayMinHeight?: number | string;
+    /**
+     * css max-width
+     */
+    displayMaxWidth?: number | string;
+    /**
+     * css max-height
+     */
+    displayMaxHeight?: number | string;
+    /**
+     * For variable quality formats like jpg, the quality from 0 to 100
+     */
+    quality?: number;
+    /**
+     * ImageLoader to use for loading different dimensions of the image.
+     * If none specified, will not attempt to load different dimensions.
+     */
+    loader?: "plasmic" | ImageLoader;
+    /**
+     * Style applied to the wrapper element. objectFit and objectPosition
+     * rules are applied to the img element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Ref for the img element.  The normal <PlasmicImg ref={...} />
+     * prop gives the root element instead, which may be the img element
+     * or a wrapper element
+     */
+    imgRef?: React.Ref<HTMLImageElement>;
+}
+export declare const PlasmicImg: React.ForwardRefExoticComponent<PlasmicImgProps & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/render/PlasmicLink.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
-export declare const PlasmicLink: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<any>>;
+import React from "react";
+export declare const PlasmicLink: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<any>>;

package/dist/render/PlasmicSlot.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-export declare function PlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(props: React.ComponentProps<T> & {
-    as?: T;
-    defaultContents?: React.ReactNode;
-    value?: React.ReactNode;
-}): JSX.Element | null;
-export declare function renderPlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(opts: {
-    as?: T;
-    defaultContents?: React.ReactNode;
-    value?: React.ReactNode;
-}): JSX.Element | null;
+import * as React from "react";
+export declare function PlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(props: React.ComponentProps<T> & {
+    as?: T;
+    defaultContents?: React.ReactNode;
+    value?: React.ReactNode;
+}): JSX.Element | null;
+export declare function renderPlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(opts: {
+    as?: T;
+    defaultContents?: React.ReactNode;
+    value?: React.ReactNode;
+}): JSX.Element | null;

package/dist/render/Stack.d.ts

@@ -1,51 +1,51 @@
-import * as React from "react";
-export declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
-    as?: T | undefined;
-    hasGap?: boolean | undefined;
-} & React.ComponentProps<T>) => React.ReactElement) & {
-    div: React.FC<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    a: React.FC<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    button: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h1: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h2: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h3: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h4: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h5: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h6: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    label: React.FC<React.ClassAttributes<HTMLLabelElement> & React.LabelHTMLAttributes<HTMLLabelElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    form: React.FC<React.ClassAttributes<HTMLFormElement> & React.FormHTMLAttributes<HTMLFormElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    section: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    head: React.FC<React.ClassAttributes<HTMLHeadElement> & React.HTMLAttributes<HTMLHeadElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    main: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    nav: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-};
+import * as React from "react";
+export declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
+    as?: T | undefined;
+    hasGap?: boolean | undefined;
+} & React.ComponentProps<T>) => React.ReactElement) & {
+    div: React.FC<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    a: React.FC<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    button: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h1: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h2: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h3: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h4: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h5: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h6: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    label: React.FC<React.ClassAttributes<HTMLLabelElement> & React.LabelHTMLAttributes<HTMLLabelElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    form: React.FC<React.ClassAttributes<HTMLFormElement> & React.FormHTMLAttributes<HTMLFormElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    section: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    head: React.FC<React.ClassAttributes<HTMLHeadElement> & React.HTMLAttributes<HTMLHeadElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    main: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    nav: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+};

package/dist/render/elements.d.ts

@@ -1,74 +1,74 @@
-import * as React from "react";
-import { $State } from "../states";
-interface Variants {
-    [vg: string]: any;
-}
-export type MultiChoiceArg<M extends string> = M | M[] | {
-    [v in M]?: boolean;
-};
-export type SingleChoiceArg<M extends string> = M;
-export type SingleBooleanChoiceArg<M extends string> = M | boolean;
-interface OverrideTwiddle {
-    wrapChildren?: (children: React.ReactNode) => React.ReactNode;
-    wrap?: (node: React.ReactNode) => React.ReactNode;
-}
-export type DefaultOverride<C extends React.ElementType> = {
-    type: "default";
-    props?: Partial<React.ComponentProps<C>>;
-} & OverrideTwiddle;
-export type AsOverride<C extends React.ElementType> = {
-    type: "as";
-    as: C;
-    props?: Partial<React.ComponentProps<C>>;
-} & OverrideTwiddle;
-export type RenderOverride<C extends React.ElementType> = {
-    type: "render";
-    render: (props: React.ComponentProps<C>, Comp: C) => React.ReactNode;
-    props?: Partial<React.ComponentProps<C>>;
-} & OverrideTwiddle;
-export type Override<DefaultElementType extends React.ElementType> = DefaultOverride<DefaultElementType> | AsOverride<any> | RenderOverride<DefaultElementType>;
-export type Overrides = Record<string, Flex<any>>;
-export type Args = Record<string, any>;
-export type Flex<DefaultElementType extends React.ElementType> = (Omit<DefaultOverride<DefaultElementType>, "type"> & {
-    as?: never;
-    render?: never;
-}) | Omit<AsOverride<any>, "type"> | (Omit<RenderOverride<DefaultElementType>, "type"> & {
-    as?: never;
-}) | React.ReactChild | null | undefined | (Partial<React.ComponentProps<DefaultElementType>> & {
-    wrap?: never;
-    wrapChildren?: never;
-    props?: never;
-    as?: never;
-    render?: never;
-}) | ((props: React.ComponentProps<DefaultElementType>) => React.ReactNode);
-export declare function hasVariant<V extends Variants>(variants: V | undefined, groupName: keyof V, variant: string): any;
-export declare function wrapFlexContainerChildren(children: React.ReactNode, hasGap: boolean): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement> | null;
-export declare function createPlasmicElementProxy<DefaultElementType extends React.ElementType>(defaultElement: DefaultElementType, props: Partial<React.ComponentProps<DefaultElementType>>, ...children: React.ReactNode[]): React.ReactNode;
-export declare function makeFragment(...children: React.ReactNode[]): React.FunctionComponentElement<{
-    children?: React.ReactNode;
-}>;
-export declare const UNSET: unique symbol;
-export declare function wrapWithClassName(element: React.ReactNode, className: string): React.DetailedReactHTMLElement<{
-    key: React.Key | undefined;
-    className: string;
-    style: {
-        display: "grid";
-    };
-}, HTMLElement>;
-export declare function mergeVariantsWithStates(variants: Variants, $state: $State, linkedStates: {
-    variantGroup: string;
-    statePath: (string | number)[];
-}[]): Variants;
-export declare function deriveRenderOpts(props: Record<string, any>, config: {
-    name: string;
-    descendantNames: string[];
-    internalVariantPropNames: string[];
-    internalArgPropNames: string[];
-}): {
-    variants: Partial<Partial<Record<string, any>>>;
-    args: Partial<Partial<Record<string, any>>>;
-    overrides: Partial<Partial<Record<string, any>>>;
-};
-export {};
+import * as React from "react";
+import { $State } from "../states";
+interface Variants {
+    [vg: string]: any;
+}
+export type MultiChoiceArg<M extends string> = M | M[] | {
+    [v in M]?: boolean;
+};
+export type SingleChoiceArg<M extends string> = M;
+export type SingleBooleanChoiceArg<M extends string> = M | boolean;
+interface OverrideTwiddle {
+    wrapChildren?: (children: React.ReactNode) => React.ReactNode;
+    wrap?: (node: React.ReactNode) => React.ReactNode;
+}
+export type DefaultOverride<C extends React.ElementType> = {
+    type: "default";
+    props?: Partial<React.ComponentProps<C>>;
+} & OverrideTwiddle;
+export type AsOverride<C extends React.ElementType> = {
+    type: "as";
+    as: C;
+    props?: Partial<React.ComponentProps<C>>;
+} & OverrideTwiddle;
+export type RenderOverride<C extends React.ElementType> = {
+    type: "render";
+    render: (props: React.ComponentProps<C>, Comp: C) => React.ReactNode;
+    props?: Partial<React.ComponentProps<C>>;
+} & OverrideTwiddle;
+export type Override<DefaultElementType extends React.ElementType> = DefaultOverride<DefaultElementType> | AsOverride<any> | RenderOverride<DefaultElementType>;
+export type Overrides = Record<string, Flex<any>>;
+export type Args = Record<string, any>;
+export type Flex<DefaultElementType extends React.ElementType> = (Omit<DefaultOverride<DefaultElementType>, "type"> & {
+    as?: never;
+    render?: never;
+}) | Omit<AsOverride<any>, "type"> | (Omit<RenderOverride<DefaultElementType>, "type"> & {
+    as?: never;
+}) | React.ReactChild | null | undefined | (Partial<React.ComponentProps<DefaultElementType>> & {
+    wrap?: never;
+    wrapChildren?: never;
+    props?: never;
+    as?: never;
+    render?: never;
+}) | ((props: React.ComponentProps<DefaultElementType>) => React.ReactNode);
+export declare function hasVariant<V extends Variants>(variants: V | undefined, groupName: keyof V, variant: string): any;
+export declare function wrapFlexContainerChildren(children: React.ReactNode, hasGap: boolean): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement> | null;
+export declare function createPlasmicElementProxy<DefaultElementType extends React.ElementType>(defaultElement: DefaultElementType, props: Partial<React.ComponentProps<DefaultElementType>>, ...children: React.ReactNode[]): React.ReactNode;
+export declare function makeFragment(...children: React.ReactNode[]): React.FunctionComponentElement<{
+    children?: React.ReactNode;
+}>;
+export declare const UNSET: unique symbol;
+export declare function wrapWithClassName(element: React.ReactNode, className: string): React.DetailedReactHTMLElement<{
+    key: React.Key | undefined;
+    className: string;
+    style: {
+        display: "grid";
+    };
+}, HTMLElement>;
+export declare function mergeVariantsWithStates(variants: Variants, $state: $State, linkedStates: {
+    variantGroup: string;
+    statePath: (string | number)[];
+}[]): Variants;
+export declare function deriveRenderOpts(props: Record<string, any>, config: {
+    name: string;
+    descendantNames: string[];
+    internalVariantPropNames: string[];
+    internalArgPropNames: string[];
+}): {
+    variants: Partial<Partial<Record<string, any>>>;
+    args: Partial<Partial<Record<string, any>>>;
+    overrides: Partial<Partial<Record<string, any>>>;
+};
+export {};

package/dist/render/global-variants.d.ts

@@ -1 +1 @@
-export declare function ensureGlobalVariants<T extends Record<string, any>>(globalVariantValues: T): T;
+export declare function ensureGlobalVariants<T extends Record<string, any>>(globalVariantValues: T): T;

package/dist/render/screen-variants.d.ts

@@ -1,5 +1,5 @@
-type Queries = {
-    [name: string]: string;
-};
-export declare function createUseScreenVariants(isMulti: boolean, screenQueries: Queries): () => string | string[] | undefined;
-export {};
+type Queries = {
+    [name: string]: string;
+};
+export declare function createUseScreenVariants(isMulti: boolean, screenQueries: Queries): () => string | string[] | undefined;
+export {};

package/dist/render/ssr.d.ts

@@ -1,21 +1,21 @@
-import { PlasmicDataSourceContextValue } from "@plasmicapp/data-sources-context";
-import { useIsSSR as useAriaIsSSR } from "@react-aria/ssr";
-import * as React from "react";
-import { PlasmicTranslator } from "./translation";
-export { PlasmicDataSourceContextProvider, useCurrentUser, } from "@plasmicapp/data-sources-context";
-export interface PlasmicRootContextValue {
-    platform?: "nextjs" | "gatsby";
-}
-export interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
-    platform?: "nextjs" | "gatsby";
-    children?: React.ReactNode;
-    translator?: PlasmicTranslator;
-    Head?: React.ComponentType<any>;
-}
-export declare function PlasmicRootProvider(props: PlasmicRootProviderProps): JSX.Element;
-export declare const useIsSSR: typeof useAriaIsSSR;
-export declare function useHasPlasmicRoot(): boolean;
-/**
- * Warns the user if PlasmicRootProvider is not used
- */
-export declare function useEnsureSSRProvider(): void;
+import { PlasmicDataSourceContextValue } from "@plasmicapp/data-sources-context";
+import { useIsSSR as useAriaIsSSR } from "@react-aria/ssr";
+import * as React from "react";
+import { PlasmicTranslator } from "./translation";
+export { PlasmicDataSourceContextProvider, useCurrentUser, } from "@plasmicapp/data-sources-context";
+export interface PlasmicRootContextValue {
+    platform?: "nextjs" | "gatsby";
+}
+export interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
+    platform?: "nextjs" | "gatsby";
+    children?: React.ReactNode;
+    translator?: PlasmicTranslator;
+    Head?: React.ComponentType<any>;
+}
+export declare function PlasmicRootProvider(props: PlasmicRootProviderProps): JSX.Element;
+export declare const useIsSSR: typeof useAriaIsSSR;
+export declare function useHasPlasmicRoot(): boolean;
+/**
+ * Warns the user if PlasmicRootProvider is not used
+ */
+export declare function useEnsureSSRProvider(): void;

package/dist/render/translation.d.ts

@@ -1,19 +1,19 @@
-import React from "react";
-export type PlasmicTranslator = (str: string, opts?: {
-    components?: {
-        [key: string]: React.ReactElement;
-    };
-}) => React.ReactNode;
-export declare const PlasmicTranslatorContext: React.Context<PlasmicTranslator | undefined>;
-export interface TransProps {
-    transKey?: string;
-    children?: React.ReactNode;
-}
-export declare function genTranslatableString(elt: React.ReactNode): {
-    str: string;
-    components: {
-        [key: string]: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    };
-    componentsCount: number;
-};
-export declare function Trans({ transKey, children }: TransProps): React.ReactNode;
+import React from "react";
+export type PlasmicTranslator = (str: string, opts?: {
+    components?: {
+        [key: string]: React.ReactElement;
+    };
+}) => React.ReactNode;
+export declare const PlasmicTranslatorContext: React.Context<PlasmicTranslator | undefined>;
+export interface TransProps {
+    transKey?: string;
+    children?: React.ReactNode;
+}
+export declare function genTranslatableString(elt: React.ReactNode): {
+    str: string;
+    components: {
+        [key: string]: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    };
+    componentsCount: number;
+};
+export declare function Trans({ transKey, children }: TransProps): React.ReactNode;