@plasmicapp/react-web 0.2.397 → 0.2.398

package/dist/all.d.ts

@@ -12542,6 +12542,191 @@ declare function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T>;
 type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
 type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React__default.ComponentProps<T>["ref"], string>;
 
+declare type HeadMetadata = {
+    title?: string;
+    description?: string;
+    image?: string;
+    canonical?: string;
+};
+
+declare function PlasmicHead(props: HeadMetadata): React$1.JSX.Element | null;
+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;
+        };
+    };
+};
+
+declare function PlasmicIcon(props: React$1.ComponentProps<"svg"> & {
+    PlasmicIconType: React$1.ComponentType;
+}): React$1.JSX.Element;
+
+/**
+ * Responsive `<img/>` replacement, based on `next/image`
+ */
+
+interface ImageLoader {
+    supportsUrl: (url: string) => boolean;
+    transformUrl: (opts: {
+        src: string;
+        width?: number;
+        quality?: number;
+        format?: "webp";
+    }) => string;
+}
+type ImgTagProps = Omit<React__default.ComponentProps<"img">, "src" | "srcSet" | "ref" | "style">;
+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__default.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__default.Ref<HTMLImageElement>;
+}
+declare const PlasmicImg: React__default.ForwardRefExoticComponent<PlasmicImgProps & React__default.RefAttributes<HTMLElement>>;
+
+declare const PlasmicLink: React__default.ForwardRefExoticComponent<Omit<any, "ref"> & React__default.RefAttributes<any>>;
+
+declare function PlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(props: React$1.ComponentProps<T> & {
+    as?: T;
+    defaultContents?: React$1.ReactNode;
+    value?: React$1.ReactNode;
+}): React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | null;
+declare function renderPlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(opts: {
+    as?: T;
+    defaultContents?: React$1.ReactNode;
+    value?: React$1.ReactNode;
+}): React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | null;
+
+declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
+    as?: T | undefined;
+    hasGap?: boolean | undefined;
+} & React$1.ComponentProps<T>) => React$1.ReactElement) & {
+    div: React$1.FC<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    a: React$1.FC<React$1.ClassAttributes<HTMLAnchorElement> & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    button: React$1.FC<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h1: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h2: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h3: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h4: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h5: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h6: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    label: React$1.FC<React$1.ClassAttributes<HTMLLabelElement> & React$1.LabelHTMLAttributes<HTMLLabelElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    form: React$1.FC<React$1.ClassAttributes<HTMLFormElement> & React$1.FormHTMLAttributes<HTMLFormElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    section: React$1.FC<React$1.ClassAttributes<HTMLElement> & React$1.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    head: React$1.FC<React$1.ClassAttributes<HTMLHeadElement> & React$1.HTMLAttributes<HTMLHeadElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    main: React$1.FC<React$1.ClassAttributes<HTMLElement> & React$1.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    nav: React$1.FC<React$1.ClassAttributes<HTMLElement> & React$1.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+};
+
 // Type definitions for dlv 1.1
 // Project: https://github.com/developit/dlv#readme
 // Definitions by: Ryan Sonshine <https://github.com/ryansonshine>
@@ -12656,7 +12841,7 @@ type Flex<DefaultElementType extends React$1.ElementType> = (Omit<DefaultOverrid
     as?: never;
     render?: never;
 }) | ((props: React$1.ComponentProps<DefaultElementType>) => React$1.ReactNode);
-declare function hasVariant<V extends Variants>(variants: V | undefined, groupName: keyof V, variant: string): any;
+declare function hasVariant<V extends Variants>(variants: V | undefined, groupName: keyof V, variant: string): boolean;
 declare function createPlasmicElementProxy<DefaultElementType extends React$1.ElementType>(defaultElement: DefaultElementType, props: Partial<React$1.ComponentProps<DefaultElementType>>, ...children: React$1.ReactNode[]): React$1.ReactNode;
 declare function makeFragment(...children: React$1.ReactNode[]): React$1.FunctionComponentElement<{
     children?: React$1.ReactNode;
@@ -12683,141 +12868,55 @@ declare function deriveRenderOpts(props: Record<string, any>, config: {
     overrides: Partial<Partial<Record<string, any>>>;
 };
 
-declare function ensureGlobalVariants<T extends Record<string, any>>(globalVariantValues: T): T;
-
-declare type HeadMetadata = {
-    title?: string;
-    description?: string;
-    image?: string;
-    canonical?: string;
-};
-
-declare function PlasmicHead(props: HeadMetadata): React$1.JSX.Element | null;
-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;
-        };
-    };
+type GlobalVariants = {
+    [gv: string]: string | undefined;
 };
-
-declare function PlasmicIcon(props: React$1.ComponentProps<"svg"> & {
-    PlasmicIconType: React$1.ComponentType;
-}): React$1.JSX.Element;
-
+type UseGlobalVariants = () => GlobalVariants;
 /**
- * Responsive `<img/>` replacement, based on `next/image`
+ * Usage:
+ * ```
+ * // plasmic.ts
+ * import { usePlatform } from "./PlasmicGlobalVariant__Platform";
+ * import { useTheme } from "./PlasmicGlobalVariant__Theme";
+ *
+ * export const useGlobalVariants = createUseGlobalVariants({
+ *   platform: usePlatform,
+ *   theme: useTheme,
+ * });
+ *
+ * // PlasmicComponent.tsx
+ * import { useGlobalVariants } from "./plasmic_project";
+ *
+ * export function PlasmicComponent() {
+ *   // ...
+ *   const globalVariants = useGlobalVariants();
+ *   // ...
+ * }
+ * ```
  */
-
-interface ImageLoader {
-    supportsUrl: (url: string) => boolean;
-    transformUrl: (opts: {
-        src: string;
-        width?: number;
-        quality?: number;
-        format?: "webp";
-    }) => string;
-}
-type ImgTagProps = Omit<React__default.ComponentProps<"img">, "src" | "srcSet" | "ref" | "style">;
-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__default.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__default.Ref<HTMLImageElement>;
-}
-declare const PlasmicImg: React__default.ForwardRefExoticComponent<PlasmicImgProps & React__default.RefAttributes<HTMLElement>>;
-
-declare const PlasmicLink: React__default.ForwardRefExoticComponent<Omit<any, "ref"> & React__default.RefAttributes<any>>;
-
-declare function PlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(props: React$1.ComponentProps<T> & {
-    as?: T;
-    defaultContents?: React$1.ReactNode;
-    value?: React$1.ReactNode;
-}): React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | null;
-declare function renderPlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(opts: {
-    as?: T;
-    defaultContents?: React$1.ReactNode;
-    value?: React$1.ReactNode;
-}): React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | null;
+declare function createUseGlobalVariants<T extends {
+    [gv: string]: () => string | undefined;
+}>(globalVariantHooks: T): UseGlobalVariants;
+/**
+ * @deprecated - new generated code should use `useGlobalVariants` instead
+ *
+ * Usage:
+ * ```
+ * // PlasmicComponent.tsx
+ * import { useTheme } from "./PlasmicGlobalVariant__Theme";
+ * import { usePlatform } from "./PlasmicGlobalVariant__Platform";
+ *
+ * export function PlasmicComponent() {
+ *   // ...
+ *   const globalVariants = ensureGlobalVariants({
+ *     platform: usePlatform(),
+ *     theme: useTheme(),
+ *   });
+ *   // ...
+ * }
+ * ```
+ */
+declare function ensureGlobalVariants<T extends GlobalVariants>(globalVariants: T): GlobalVariants;
 
 type Queries = {
     [name: string]: string;
@@ -12874,56 +12973,117 @@ interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
 declare function PlasmicRootProvider(props: PlasmicRootProviderProps): React$1.JSX.Element;
 declare const useIsSSR: typeof useIsSSR$1;
 
-declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
-    as?: T | undefined;
-    hasGap?: boolean | undefined;
-} & React$1.ComponentProps<T>) => React$1.ReactElement) & {
-    div: React$1.FC<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    a: React$1.FC<React$1.ClassAttributes<HTMLAnchorElement> & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    button: React$1.FC<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h1: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h2: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h3: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h4: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h5: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h6: React$1.FC<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    label: React$1.FC<React$1.ClassAttributes<HTMLLabelElement> & React$1.LabelHTMLAttributes<HTMLLabelElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    form: React$1.FC<React$1.ClassAttributes<HTMLFormElement> & React$1.FormHTMLAttributes<HTMLFormElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    section: React$1.FC<React$1.ClassAttributes<HTMLElement> & React$1.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    head: React$1.FC<React$1.ClassAttributes<HTMLHeadElement> & React$1.HTMLAttributes<HTMLHeadElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    main: React$1.FC<React$1.ClassAttributes<HTMLElement> & React$1.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    nav: React$1.FC<React$1.ClassAttributes<HTMLElement> & React$1.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-};
+type ClassName = string;
+/**
+ * All style token data for this project.
+ *
+ * Usage:
+ *
+ * ```
+ * // PlasmicStyleTokensProvider.ts
+ * import { usePlatform } from "./PlasmicGlobalVariant__Platform";
+ * import { useTheme } from "./PlasmicGlobalVariant__Theme";
+ * import projectcss from "./plasmic.module.css";
+ *
+ * const projectStyleTokenData: ProjectStyleTokenData = {
+ *   base: projectcss.plasmic_tokens,
+ *   varianted: [
+ *     {
+ *       className: projectcss.global_platform_windows,
+ *       groupName: "platform",
+ *       variant: "windows"
+ *     },
+ *     {
+ *       className: projectcss.global_platform_osx,
+ *       groupName: "platform",
+ *       variant: "osx"
+ *     },
+ *     {
+ *       className: projectcss.global_theme_light,
+ *       groupName: "theme",
+ *       variant: "light"
+ *     },
+ *     {
+ *       className: projectcss.global_theme_dark,
+ *       groupName: "theme",
+ *       variant: "dark"
+ *     },
+ *   ],
+ * };
+ * ```
+ */
+interface ProjectStyleTokenData {
+    base: ClassName;
+    varianted: {
+        className: ClassName;
+        groupName: string;
+        variant: string;
+    }[];
+}
+type UseStyleTokens = () => ClassName[];
+/**
+ * Returns style tokens. If the context is not available, falls back to the
+ * current project's styles.
+ *
+ * Usage:
+ * ```
+ * // PlasmicStyleTokensProvider.ts
+ * export const useStyleTokens = createUseStyleTokens(
+ *   projectStyleTokenData,
+ *   useGlobalVariants,
+ * );
+ *
+ * // PlasmicPage.tsx
+ * import { useStyleTokens } from "./plasmic_project";
+ *
+ * export function PlasmicPage() {
+ *   const styleTokensClassNames = useStyleTokens();
+ *   return (
+ *     <div className={classNames(
+ *         projectcss.all,
+ *         projectcss.root_reset,
+ *         projectcss.plasmic_default_styles,
+ *         projectcss.plasmic_mixins,
+ *         styleTokensClassNames,
+ *     )}>
+ *       <h1 className={projectcss.all}>
+ *         Hello, world!
+ *       </h1>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function createUseStyleTokens(tokenData: ProjectStyleTokenData, useGlobalVariants: UseGlobalVariants): UseStyleTokens;
+/**
+ * Creates a StyleTokens context provider for a given project, which includes
+ * its tokens, overrides, and all tokens from its dependencies.
+ *
+ * Usage:
+ * ```
+ * // PlasmicStyleTokensProvider.ts
+ * export const StyleTokensProvider = createStyleTokensProvider(
+ *   projectStyleTokenData,
+ *   useGlobalVariants,
+ * );
+ *
+ * // Page.tsx
+ * import { StyleTokensProvider } from "./plasmic_project";
+ *
+ * export default function Page() {
+ *   return (
+ *     <PlatformContext.Provider value="osx">
+ *       <ThemeContext.Provider value="dark">
+ *         <StyleTokensProvider>
+ *           <PlasmicPage />
+ *         </StyleTokensProvider>
+ *       </ThemeContext.Provider>
+ *     </PlatformContext.Provider>
+ *   );
+ * }
+ * ```
+ */
+declare function createStyleTokensProvider(tokenData: ProjectStyleTokenData, useGlobalVariants: UseGlobalVariants): React__default.ComponentType<React__default.PropsWithChildren>;
 
 declare const usePlasmicTranslator: typeof usePlasmicTranslator$1;
 interface TransProps {
@@ -14500,4 +14660,4 @@ interface TriggeredOverlayContextValue {
 }
 declare const TriggeredOverlayContext: React$1.Context<TriggeredOverlayContextValue | undefined>;
 
-export { $State, $StateSpec, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, InitFunc, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, PlasmicTranslator, PlumeButtonProps, PlumeTextInputProps, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateOnMutateForSpec, generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, dlv as get, getCurrentInitialValue, getDataProps, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, initializeCodeComponentStates, initializePlasmicStates, is$StateProxy, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, resetToInitialValue, set, setPlumeStrictMode, useButton, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, usePlasmicTranslator, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, withPlasmicPageGuard, wrapWithClassName };
+export { $State, $StateSpec, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, InitFunc, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, PlasmicTranslator, PlumeButtonProps, PlumeTextInputProps, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createStyleTokensProvider, createUseGlobalVariants, createUseScreenVariants, createUseStyleTokens, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateOnMutateForSpec, generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, dlv as get, getCurrentInitialValue, getDataProps, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, initializeCodeComponentStates, initializePlasmicStates, is$StateProxy, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, resetToInitialValue, set, setPlumeStrictMode, useButton, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, usePlasmicTranslator, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, withPlasmicPageGuard, wrapWithClassName };

package/dist/index-common.d.ts

@@ -2,16 +2,17 @@ export { PlasmicTranslator } from "@plasmicapp/host";
 export { PlasmicPageGuard, withPlasmicPageGuard, } from "./auth/PlasmicPageGuard";
 export { omit, pick } from "./common";
 export { HTMLElementRefOf, StrictProps } from "./react-utils";
-export { Flex, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, createPlasmicElementProxy, deriveRenderOpts, hasVariant, makeFragment, mergeVariantsWithStates, wrapWithClassName, } from "./render/elements";
-export { ensureGlobalVariants } from "./render/global-variants";
 export { PlasmicHead, plasmicHeadMeta } from "./render/PlasmicHead";
 export { PlasmicIcon } from "./render/PlasmicIcon";
 export { PlasmicImg } from "./render/PlasmicImg";
 export { PlasmicLink } from "./render/PlasmicLink";
 export { PlasmicSlot, renderPlasmicSlot } from "./render/PlasmicSlot";
+export { Stack } from "./render/Stack";
+export { Flex, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, createPlasmicElementProxy, deriveRenderOpts, hasVariant, makeFragment, mergeVariantsWithStates, wrapWithClassName, } from "./render/elements";
+export { createUseGlobalVariants, ensureGlobalVariants, } from "./render/global-variants";
 export { createUseScreenVariants } from "./render/screen-variants";
 export { PlasmicDataSourceContextProvider, PlasmicRootProvider, useCurrentUser, useIsSSR, } from "./render/ssr";
-export { Stack } from "./render/Stack";
+export { createStyleTokensProvider, createUseStyleTokens, } from "./render/style-tokens";
 export { Trans, genTranslatableString, usePlasmicTranslator, } from "./render/translation";
 export { useTrigger } from "./render/triggers";
 export * from "./states";