@plasmicapp/react-web 0.2.201 → 0.2.202

package/dist/all.d.ts

@@ -18,62 +18,62 @@ type Argument = Value | Mapping | Argument[];
 
 declare function classNames$1(...args: Argument[]): string;
 
-interface PlasmicPageGuardProps {
-    appId: string;
-    authorizeEndpoint: string;
-    minRole?: string;
-    canTriggerLogin: boolean;
-    children: React__default.ReactNode;
-}
-declare function PlasmicPageGuard(props: PlasmicPageGuardProps): JSX.Element | null;
+interface PlasmicPageGuardProps {
+    appId: string;
+    authorizeEndpoint: string;
+    minRole?: string;
+    canTriggerLogin: boolean;
+    children: React__default.ReactNode;
+}
+declare function PlasmicPageGuard(props: PlasmicPageGuardProps): JSX.Element | null;
 declare function withPlasmicPageGuard<P extends object>(WrappedComponent: React__default.ComponentType<P>, options: Omit<PlasmicPageGuardProps, "children">): React__default.FC<P>;
 
-declare function pick<T extends {}>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
+declare function pick<T extends {}>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
 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 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>;
 
 // Type definitions for dlv 1.1
 
 declare function dlv(object: object, key: string | Array<string | number>, defaultValue?: any): any;
 
-type InitFuncEnv = {
-    $props: Record<string, any>;
-    $state: Record<string, any>;
-    $queries?: Record<string, any>;
-    $ctx?: Record<string, any>;
-};
-type DollarStateEnv = Omit<InitFuncEnv, "$state">;
-type NoUndefinedField<T> = {
-    [P in keyof T]-?: T[P];
-};
-type InitFunc<T> = (env: NoUndefinedField<InitFuncEnv>) => T;
-type ObjectPath = (string | number)[];
-interface $StateSpec<T> {
-    path: string;
-    initFunc?: InitFunc<T>;
-    initVal?: T;
-    type: "private" | "readonly" | "writable";
-    valueProp?: string;
-    onChangeProp?: string;
-    isImmutable?: boolean;
-    variableType: "text" | "number" | "boolean" | "array" | "object" | "variant";
-    initFuncHash?: string;
-}
-interface $State {
-    [key: string]: any;
-    registerInitFunc?: (path: string, f: InitFunc<any>, repetitonIndex?: number[], overrideEnv?: DollarStateEnv) => any;
-}
-interface Internal$StateSpec<T> extends $StateSpec<T> {
-    isRepeated: boolean;
-    pathObj: (string | symbol)[];
+type InitFuncEnv = {
+    $props: Record<string, any>;
+    $state: Record<string, any>;
+    $queries?: Record<string, any>;
+    $ctx?: Record<string, any>;
+};
+type DollarStateEnv = Omit<InitFuncEnv, "$state">;
+type NoUndefinedField<T> = {
+    [P in keyof T]-?: T[P];
+};
+type InitFunc<T> = (env: NoUndefinedField<InitFuncEnv>) => T;
+type ObjectPath = (string | number)[];
+interface $StateSpec<T> {
+    path: string;
+    initFunc?: InitFunc<T>;
+    initVal?: T;
+    type: "private" | "readonly" | "writable";
+    valueProp?: string;
+    onChangeProp?: string;
+    isImmutable?: boolean;
+    variableType: "text" | "number" | "boolean" | "array" | "object" | "variant";
+    initFuncHash?: string;
+}
+interface $State {
+    [key: string]: any;
+    registerInitFunc?: (path: string, f: InitFunc<any>, repetitonIndex?: number[], overrideEnv?: DollarStateEnv) => any;
+}
+interface Internal$StateSpec<T> extends $StateSpec<T> {
+    isRepeated: boolean;
+    pathObj: (string | symbol)[];
 }
 
-declare global {
-    interface Window {
-        __PlasmicHostVersion: string;
-    }
+declare global {
+    interface Window {
+        __PlasmicHostVersion: string;
+    }
 }
 
 interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
@@ -10878,1249 +10878,1250 @@ declare namespace DataType {
   type VisualBox = "border-box" | "content-box" | "padding-box";
 }
 
-declare type CSSProperties = Properties<string | number> & {
-    layout?: "vbox" | "hbox" | "box" | "page-section";
-};
-declare type ContainerTags = "a" | "address" | "article" | "aside" | "blockquote" | "button" | "code" | "dd" | "div" | "dl" | "dt" | "form" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "label" | "li" | "main" | "nav" | "ol" | "p" | "pre" | "section" | "span" | "ul";
-declare type CommonAttrKeys = "title" | "tabIndex" | "className" | "id" | "aria-label" | "aria-hidden" | "aria-labelledby" | "aria-describedby" | "role";
-declare type PictureAttrKeys = "alt" | "loading" | CommonAttrKeys;
-declare type LinkAttrKeys = "href" | "target" | CommonAttrKeys;
-declare type TextAreaAttrKeys = "disabled" | "value" | "cols" | "rows" | "placeholder" | CommonAttrKeys;
-declare type InputAttrKeys = "disabled" | "value" | "defaultValue" | "name" | "autoComplete" | "checked" | "placeholder" | CommonAttrKeys;
-declare type ButtonAttrKeys = "disabled" | CommonAttrKeys;
-declare type Attrs<Keys extends string> = Partial<Record<Keys, string>>;
-interface PictureElement {
-    type: "img";
-    src: string;
-    styles?: CSSProperties;
-    attrs?: Attrs<PictureAttrKeys>;
-}
-declare type ImageElement = PictureElement;
-interface LinkTextElement {
-    type: "text";
-    tag: "a";
-    value: string;
-    styles?: CSSProperties;
-    attrs?: Attrs<LinkAttrKeys>;
-}
-interface ButtonTextElement {
-    type: "text";
-    tag: "button";
-    value: string;
-    styles?: CSSProperties;
-    attrs?: Attrs<ButtonAttrKeys>;
-}
-interface GenericTextElement {
-    type: "text";
-    /**
-     * Default: "div"
-     */
-    tag?: Exclude<ContainerTags, "a" | "button">;
-    value: string;
-    styles?: CSSProperties;
-    attrs?: Attrs<CommonAttrKeys>;
-}
-declare type TextElement = string | LinkTextElement | ButtonTextElement | GenericTextElement;
-interface LinkContainerElement {
-    type: "box" | "vbox" | "hbox";
-    tag: "a";
-    children?: PlasmicElement | PlasmicElement[];
-    styles?: CSSProperties;
-    attrs?: Attrs<LinkAttrKeys>;
-}
-interface ButtonContainerElement {
-    type: "box" | "vbox" | "hbox";
-    tag: "button";
-    children?: PlasmicElement | PlasmicElement[];
-    styles?: CSSProperties;
-    attrs?: Attrs<ButtonAttrKeys>;
-}
-interface GenericContainerElement {
-    type: "box" | "vbox" | "hbox" | "page-section";
-    /**
-     * Default: "div"
-     */
-    tag?: Exclude<ContainerTags, "a" | "button">;
-    children?: PlasmicElement | PlasmicElement[];
-    styles?: CSSProperties;
-    attrs?: Attrs<CommonAttrKeys>;
-}
-declare type ContainerElement = LinkContainerElement | ButtonContainerElement | GenericContainerElement;
-interface ButtonElement {
-    type: "button";
-    value: string;
-    styles?: CSSProperties;
-    attrs?: Attrs<ButtonAttrKeys>;
-}
-interface InputElement {
-    type: "input" | "password";
-    styles?: CSSProperties;
-    attrs?: Attrs<InputAttrKeys>;
-}
-interface TextAreaElement {
-    type: "textarea";
-    styles?: CSSProperties;
-    attrs?: Attrs<TextAreaAttrKeys>;
-}
-declare type TextInputElement = InputElement | TextAreaElement;
-interface JsonElement {
-    type: "json";
-    value: any;
-}
-interface DefaultComponentElement<P> {
-    type: "default-component";
-    kind: "button" | "text-input";
-    props?: {
-        [prop in keyof Partial<P>]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
-    } & {
-        [prop: string]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
-    };
-    styles?: CSSProperties;
-}
-interface CodeComponentElement<P> {
-    type: "component";
-    /**
-     * The registered component name
-     */
-    name: string;
-    styles?: CSSProperties;
-    props?: {
-        [prop in keyof Partial<P>]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
-    } & {
-        [prop: string]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
-    };
-}
-declare type PlasmicElement = ImageElement | TextElement | ContainerElement | ButtonElement | TextInputElement | CodeComponentElement<{}> | DefaultComponentElement<{}>;
-
-interface CanvasComponentProps<Data = any> {
-    /**
-     * This prop is only provided within the canvas of Plasmic Studio.
-     * Allows the component to set data to be consumed by the props' controls.
-     */
-    setControlContextData?: (data: Data) => void;
-}
-declare type InferDataType<P> = P extends CanvasComponentProps<infer Data> ? Data : any;
-declare type ControlExtras = {
-    path: (string | number)[];
-};
-/**
- * Context that we pass back to control functions.
- */
-declare type ControlContext<P> = [
-/**
- * props
- */
-P, 
-/**
- * `contextData` can be `null` if the prop controls are rendering before
- * the component instance itself (it will re-render once the component
- * calls `setControlContextData`)
- */
-InferDataType<P> | null, 
-/**
- * Extra information for the control to use
- */
-ControlExtras];
-/**
- * Config option that takes the context (e.g., props) of the component instance
- * to dynamically set its value.
- */
-declare type ContextDependentConfig<P, R> = (...args: ControlContext<P>) => R;
-interface PropTypeBase<P> {
-    displayName?: string;
-    description?: string;
-    helpText?: string;
-    /**
-     * If the user has chosen to use a dynamic expression for this prop, provide
-     * a hint as to the expected values that the expression should evaluate to.
-     * This hint will be displayed alongside the code editor.  You may use
-     * markdown in the text here.
-     */
-    exprHint?: string;
-    /**
-     * Function for whether this prop should be hidden in the right panel,
-     * given the current props for this component
-     */
-    hidden?: ContextDependentConfig<P, boolean>;
-    readOnly?: boolean | ContextDependentConfig<P, boolean>;
-    /**
-     * If true, will hide the prop in a collapsed section; good for props that
-     * should not usually be used.
-     */
-    advanced?: boolean;
-    /**
-     * If true, does not allow the user to use a dynamic expression for this prop
-     */
-    disableDynamicValue?: boolean;
-    /**
-     * If set to true, the component will be remounted when the prop value is updated.
-     * (This behavior only appliees to canvas)
-     */
-    forceRemount?: boolean;
-}
-declare type DefaultValueOrExpr<P, T> = {
-    defaultExpr?: undefined;
-    defaultExprHint?: undefined;
-    defaultValue?: T;
-    defaultValueHint?: T | ContextDependentConfig<P, T | undefined>;
-} | {
-    defaultValue?: undefined;
-    defaultValueHint?: undefined;
-    defaultExpr?: string;
-    defaultExprHint?: string;
-};
-declare type StringTypeBase<P> = PropTypeBase<P> & DefaultValueOrExpr<P, string>;
-declare type StringType<P> = "string" | (({
-    type: "string";
-    control?: "default" | "large";
-} | {
-    type: "code";
-    lang: "css" | "html" | "javascript" | "json";
-} | {
-    type: "richText";
-} | {
-    type: "color";
-    /**
-     * If specified, and the user picks a color token in the Studio, then
-     * the value passed in as prop is a css variable reference, like
-     * `var(--TOKEN_ID)`, instead of the resolved hex value of the token.
-     * You should take care in using this in the proper css context --
-     * the css token is only defined if you are rendering under some
-     * Plasmic component in the DOM tree, which is usually the case,
-     * unless you are using a React portal.
-     */
-    keepCssVar?: boolean;
-} | {
-    type: "class";
-    /**
-     * Additional css selectors that can change how this style should look.
-     * Some examples:
-     *
-     * * `:hover` -- on hover
-     * * `[data-something="blah"] -- when the element with this class has
-     *   an html attribute "data-something=blah"
-     * * :component[data-something="blah"] :self -- when the root of the
-     *   component has an html attribute "data-something=blah". Note that
-     *   the non-standard `:component` selector is used to select the
-     *   component root, and the non-standard `:self` selector is used
-     *   to select the element that this class is attached to.
-     */
-    selectors?: {
-        /**
-         * A css selector, like `:hover` or `[data-something="blah"]`.
-         */
-        selector: string;
-        /**
-         * An optional human-friendly label for the selector, so the studio user
-         * knows what this selector means.
-         */
-        label?: string;
-    }[];
-    /**
-     * If specified, then only shows these style sections for styling this class
-     */
-    styleSections?: StyleSection[];
-} | {
-    type: "themeResetClass";
-    /**
-     * Normally, theme reset class will only target Plasmic-generated tags
-     * with the default tag styles. If you also want to target non-Plasmic-generated
-     * tags (say, rendered by your code components, or fetched as an HTML blob
-     * from somewhere), then specify `true` here.
-     */
-    targetAllTags?: boolean;
-} | {
-    type: "cardPicker";
-    modalTitle?: React.ReactNode | ContextDependentConfig<P, React.ReactNode>;
-    options: {
-        value: string;
-        label?: string;
-        imgUrl: string;
-        footer?: React.ReactNode;
-    }[] | ContextDependentConfig<P, {
-        value: string;
-        label?: string;
-        imgUrl: string;
-        footer?: React.ReactNode;
-    }[]>;
-    showInput?: boolean | ContextDependentConfig<P, boolean>;
-    onSearch?: ContextDependentConfig<P, ((value: string) => void) | undefined>;
-}) & StringTypeBase<P>);
-declare type BooleanType<P> = "boolean" | ({
-    type: "boolean";
-} & DefaultValueOrExpr<P, boolean> & PropTypeBase<P>);
-declare type GraphQLValue = {
-    query: string;
-    variables?: Record<string, any>;
-};
-declare type GraphQLType<P> = {
-    type: "code";
-    lang: "graphql";
-    endpoint: string | ContextDependentConfig<P, string>;
-    method?: string | ContextDependentConfig<P, string>;
-    headers?: object | ContextDependentConfig<P, object>;
-} & DefaultValueOrExpr<P, GraphQLValue> & PropTypeBase<P>;
-declare type NumberTypeBase<P> = PropTypeBase<P> & DefaultValueOrExpr<P, number> & {
-    type: "number";
-};
-declare type NumberType<P> = "number" | (({
-    control?: "default";
-    min?: number | ContextDependentConfig<P, number>;
-    max?: number | ContextDependentConfig<P, number>;
-} | {
-    control: "slider";
-    min: number | ContextDependentConfig<P, number>;
-    max: number | ContextDependentConfig<P, number>;
-    step?: number | ContextDependentConfig<P, number>;
-}) & NumberTypeBase<P>);
-/**
- * Expects defaultValue to be a JSON-compatible value
- */
-declare type JSONLikeType<P> = "object" | ({
-    type: "object";
-    fields?: {
-        [p: string]: PropType$1<P>;
-    };
-    /**
-     * Optional function that generates a name for this item in the array
-     */
-    nameFunc?: (item: any, ...args: ControlContext<P>) => string | undefined;
-} & DefaultValueOrExpr<P, any> & PropTypeBase<P>) | ({
-    type: "array";
-    itemType?: {
-        type: "object";
-        fields: {
-            [p: string]: PropType$1<P>;
-        };
-        /**
-         * Optional function that generates a name for this item in the array
-         */
-        nameFunc?: (item: any, ...args: ControlContext<P>) => string | undefined;
-    };
-    /**
-     * Optional function that determines whether the user can delete a given item.
-     */
-    unstable__canDelete?: (item: any, ...args: ControlContext<P>) => boolean;
-    /**
-     * Specify how to let Plasmic know how to update its own internal representation of the data when the value has
-     * changed, or when issuing a minimalValue or shownValue that is different.
-     *
-     * Important to specify this if you are expecting any nested expression values in this data type!
-     */
-    unstable__keyFunc?: (item: any) => any;
-    /**
-     * Specify what would be the tentative new value that is set if the user makes any changes.
-     *
-     * Useful for field mappings.
-     *
-     * For instance, consider a Table where we have a `fields` prop:
-     *
-     * - Initially, the value is undefined. But if the user makes any changes, we would want to save an array of at
-     *   least three items (corresponding to, say, three columns inferred from a schema).
-     *
-     * - Let's say there are 5 columns in the value. The data schema changes, removing a column and adding two new
-     *   ones. Now we would want a different minimal value, containing 6 items.
-     */
-    unstable__minimalValue?: ContextDependentConfig<P, any>;
-} & DefaultValueOrExpr<P, any[]> & PropTypeBase<P>) | ({
-    type: "dataSource";
-    dataSource: "airtable" | "cms";
-} & PropTypeBase<P>);
-declare type DataPickerValueType = string | number | (string | number)[];
-declare type DataPickerType<P> = ({
-    type: "dataSelector";
-    data: Record<string, any> | ContextDependentConfig<P, Record<string, any>>;
-    alwaysShowValuePathAsLabel?: boolean;
-} & DefaultValueOrExpr<P, DataPickerValueType> & PropTypeBase<P>) | ({
-    type: "exprEditor";
-    data: Record<string, any> | ContextDependentConfig<P, Record<string, any>>;
-} & DefaultValueOrExpr<P, DataPickerValueType> & PropTypeBase<P>);
-declare type FormValidationRulesType<P> = {
-    type: "formValidationRules";
-} & DefaultValueOrExpr<P, any> & PropTypeBase<P>;
-declare type EventHandlerType<P> = {
-    type: "eventHandler";
-    argTypes: {
-        name: string;
-        type: PropType$1<any>;
-    }[];
-} & DefaultValueOrExpr<P, (...args: any) => any> & PropTypeBase<P>;
-interface ChoiceTypeBase<P> extends PropTypeBase<P> {
-    type: "choice";
-    options: string[] | {
-        label: string;
-        value: string | number | boolean;
-    }[] | ContextDependentConfig<P, string[] | {
-        label: string;
-        value: string | number | boolean;
-    }[]>;
-    allowSearch?: boolean;
-    filterOption?: boolean;
-    onSearch?: ContextDependentConfig<P, ((value: string) => void) | undefined>;
-}
-declare type ChoiceType<P> = (({
-    multiSelect?: false;
-} & DefaultValueOrExpr<P, string | number | boolean>) | ({
-    multiSelect: true;
-} & DefaultValueOrExpr<P, (string | number | boolean)[]>) | ({
-    multiSelect: ContextDependentConfig<P, boolean>;
-} & DefaultValueOrExpr<P, string | number | boolean | (string | number | boolean)[]>)) & ChoiceTypeBase<P>;
-interface ModalProps {
-    show?: boolean;
-    children?: React.ReactNode;
-    onClose: () => void;
-    style?: CSSProperties;
-}
-interface CustomControlProps<P> {
-    componentProps: P;
-    /**
-     * `contextData` can be `null` if the prop controls are rendering before
-     * the component instance itself (it will re-render once the component
-     * calls `setControlContextData`)
-     */
-    contextData: InferDataType<P> | null;
-    value: any;
-    /**
-     * Sets the value to be passed to the prop. Expects a JSON-compatible value.
-     */
-    updateValue: (newVal: any) => void;
-    /**
-     * Full screen modal component
-     */
-    FullscreenModal: React.ComponentType<ModalProps>;
-    /**
-     * Modal component for the side pane
-     */
-    SideModal: React.ComponentType<ModalProps>;
-    /**
-     * The document that the component will be rendered into; instead of using
-     * `document` directly (for, say, `document.querySelector()` etc.), you
-     * should use this instead.
-     */
-    studioDocument: typeof document;
-}
-declare type CustomControl<P> = React.ComponentType<CustomControlProps<P>>;
-/**
- * Expects defaultValue to be a JSON-compatible value
- */
-declare type CustomType<P> = CustomControl<P> | ({
-    type: "custom";
-    control: CustomControl<P>;
-} & PropTypeBase<P> & DefaultValueOrExpr<P, any>);
-declare type SlotType<P> = "slot" | ({
-    type: "slot";
-    /**
-     * The unique names of all code components that can be placed in the slot
-     */
-    allowedComponents?: string[];
-    /**
-     * Whether the "empty slot" placeholder should be hidden in the canvas.
-     */
-    hidePlaceholder?: boolean;
-    /**
-     * Whether the slot is repeated, i.e., is rendered multiple times using
-     * repeatedElement().
-     */
-    isRepeated?: boolean;
-    /**
-     * A nicer, human-readable display name for your slot prop
-     */
-    displayName?: string;
-    /**
-     * Function for whether this slot should be hidden from the left tree,
-     * given the current props for this component
-     */
-    hidden?: ContextDependentConfig<P, boolean>;
-    /**
-     * If slot is a render prop (accepts a function that takes in some
-     * arguments and returns some JSX), then specify the names of the
-     * arguments expected by the render prop function.
-     */
-    renderPropParams?: string[];
-} & Omit<DefaultValueOrExpr<P, PlasmicElement | PlasmicElement[]>, "defaultValueHint" | "defaultExpr" | "defaultExprHint">);
-declare type ImageUrlType<P> = "imageUrl" | ({
-    type: "imageUrl";
-} & DefaultValueOrExpr<P, string> & PropTypeBase<P>);
-declare type PrimitiveType<P = any> = Extract<StringType<P> | BooleanType<P> | NumberType<P> | JSONLikeType<P>, String>;
-declare type ControlTypeBase = {
-    editOnly?: false;
-} | {
-    editOnly: true;
-    /**
-     * The prop where the values should be mapped to
-     */
-    uncontrolledProp?: string;
-};
-declare type SupportControlled<T> = Extract<T, String | CustomControl<any>> | (Exclude<T, String | CustomControl<any>> & ControlTypeBase);
-declare type PropType$1<P> = SupportControlled<StringType<P> | BooleanType<P> | NumberType<P> | JSONLikeType<P> | ChoiceType<P> | ImageUrlType<P> | CustomType<P> | GraphQLType<P> | DataPickerType<P> | FormValidationRulesType<P> | EventHandlerType<P>> | SlotType<P>;
-declare type RestrictPropType$1<T, P> = T extends string ? SupportControlled<StringType<P> | ChoiceType<P> | JSONLikeType<P> | ImageUrlType<P> | CustomType<P> | DataPickerType<P>> : T extends boolean ? SupportControlled<BooleanType<P> | JSONLikeType<P> | CustomType<P> | DataPickerType<P>> : T extends number ? SupportControlled<NumberType<P> | JSONLikeType<P> | CustomType<P> | DataPickerType<P>> : PropType$1<P>;
-interface ActionProps<P> {
-    componentProps: P;
-    /**
-     * `contextData` can be `null` if the prop controls are rendering before
-     * the component instance itself (it will re-render once the component
-     * calls `setControlContextData`)
-     */
-    contextData: InferDataType<P> | null;
-    studioOps: {
-        showModal: (modalProps: Omit<ModalProps, "onClose"> & {
-            onClose?: () => void;
-        }) => void;
-        refreshQueryData: () => void;
-        appendToSlot: (element: PlasmicElement, slotName: string) => void;
-        removeFromSlotAt: (pos: number, slotName: string) => void;
-        updateProps: (newValues: any) => void;
-    };
-    /**
-     * The document that the component will be rendered into; instead of using
-     * `document` directly (for, say, `document.querySelector()` etc.), you
-     * should use this instead.
-     */
-    studioDocument: typeof document;
-}
-declare type Action<P> = {
-    type: "button-action";
-    label: string;
-    onClick: (props: ActionProps<P>) => void;
-} | {
-    type: "custom-action";
-    control: React.ComponentType<ActionProps<P>>;
-};
-declare type DistributedKeyOf$1<T> = T extends any ? keyof T : never;
-interface ComponentTemplate<P> extends Omit<CodeComponentElement<P>, "type" | "name"> {
-    /**
-     * A preview picture for the template.
-     */
-    previewImg?: string;
-}
-interface ComponentTemplates<P> {
-    [name: string]: ComponentTemplate<P>;
-}
-declare type StateSpec = {
-    onChangeProp: string;
-} & ({
-    type: "readonly";
-    variableType: "text";
-    initVal?: string;
-} | {
-    type: "readonly";
-    variableType: "number";
-    initVal?: number;
-} | {
-    type: "readonly";
-    variableType: "boolean";
-    initVal?: boolean;
-} | {
-    type: "readonly";
-    variableType: "array";
-    initVal?: any[];
-} | {
-    type: "readonly";
-    variableType: "object";
-    initVal?: object;
-} | {
-    type: "writable";
-    variableType: "text" | "number" | "boolean" | "array" | "object";
-    valueProp: string;
-});
-interface StateHelpers<P, T> {
-    initFunc?: ($props: P) => T;
-    onChangeArgsToValue?: (...args: any) => T;
-}
-declare type ComponentHelpers<P> = {
-    states: Record<string, StateHelpers<P, any>>;
-};
-declare type ExternalComponentHelpers<P> = {
-    helpers: ComponentHelpers<P>;
-    importPath: string;
-} & ({
-    importName: string;
-} | {
-    isDefaultExport: true;
-});
-declare type StyleSection = "visibility" | "typography" | "sizing" | "spacing" | "background" | "transform" | "transitions" | "layout" | "overflow" | "border" | "shadows" | "effects";
-interface CodeComponentMeta<P> {
-    /**
-     * Any unique string name used to identify that component. Each component
-     * should be registered with a different `meta.name`, even if they have the
-     * same name in the code.
-     */
-    name: string;
-    /**
-     * The name to be displayed for the component in Studio. Optional: if not
-     * specified, `meta.name` is used.
-     */
-    displayName?: string;
-    /**
-     * The description of the component to be shown in Studio.
-     */
-    description?: string;
-    /**
-     * The javascript name to be used when generating code. Optional: if not
-     * provided, `meta.name` is used.
-     */
-    importName?: string;
-    /**
-     * An object describing the component properties to be used in Studio.
-     * For each `prop`, there should be an entry `meta.props[prop]` describing
-     * its type.
-     */
-    props: {
-        [prop in DistributedKeyOf$1<P>]?: RestrictPropType$1<P[prop], P>;
-    } & {
-        [prop: string]: PropType$1<P>;
-    };
-    /**
-     * An object describing the component states to be used in Studio.
-     */
-    states?: Record<string, StateSpec>;
-    /**
-     * An object describing the components helpers to be used in Studio.
-     *   1. states helpers: Each state can receive an "initFunc" prop to initialize
-     *      the implicit state in Studio, and an "onChangeArgsToValue" prop to
-     *      transform the event handler arguments into a value
-     */
-    componentHelpers?: ExternalComponentHelpers<P>;
-    /**
-     * An array describing the component actions to be used in Studio.
-     */
-    actions?: Action<P>[];
-    /**
-     * Whether style sections should be shown in Studio. For styles to work, the
-     * component must accept a `className` prop. If unset, defaults to all styles.
-     * Set to `false` if this component cannot be styled (for example, if it doesn't
-     * render any DOM elements).
-     */
-    styleSections?: StyleSection[] | boolean;
-    /**
-     * Whether the element can be repeated in Studio. If unset, defaults to true.
-     */
-    isRepeatable?: boolean;
-    /**
-     * The path to be used when importing the component in the generated code.
-     * It can be the name of the package that contains the component, or the path
-     * to the file in the project (relative to the root directory).
-     */
-    importPath: string;
-    /**
-     *  Whether the component is the default export from that path. Optional: if
-     * not specified, it's considered `false`.
-     */
-    isDefaultExport?: boolean;
-    /**
-     * The prop that expects the CSS classes with styles to be applied to the
-     * component. Optional: if not specified, Plasmic will expect it to be
-     * `className`. Notice that if the component does not accept CSS classes, the
-     * component will not be able to receive styles from the Studio.
-     */
-    classNameProp?: string;
-    /**
-     * The prop that receives and forwards a React `ref`. Plasmic only uses `ref`
-     * to interact with components, so it's not used in the generated code.
-     * Optional: If not provided, the usual `ref` is used.
-     */
-    refProp?: string;
-    /**
-     * Default styles to start with when instantiating the component in Plasmic.
-     */
-    defaultStyles?: CSSProperties;
-    /**
-     * Component templates to start with on Plasmic.
-     */
-    templates?: ComponentTemplates<P>;
-    /**
-     * Registered name of parent component, used for grouping related components.
-     */
-    parentComponentName?: string;
-    /**
-     * Whether the component can be used as an attachment to an element.
-     */
-    isAttachment?: boolean;
-    /**
-     * Whether the component provides data to its slots using DataProvider.
-     */
-    providesData?: boolean;
-    /**
-     * If specified, then Figma components with the specified names will be mapped
-     * to this component when you paste Figma content into Plasmic
-     */
-    figmaMappings?: {
-        figmaComponentName: string;
-    }[];
-    /**
-     * If true, when an instance of this component is added, the element
-     * will always be named by the name of this component.
-     */
-    alwaysAutoName?: boolean;
-    unstable__refActions?: Record<string, RefActionRegistration<P>>;
-}
-interface FunctionParam<P> {
-    name: string;
-    displayName?: string;
-    type: PropType$1<P>;
-}
-interface RefActionRegistration<P> {
-    displayName?: string;
-    description?: string;
-    parameters: FunctionParam<P>[];
-}
-interface ComponentRegistration {
-    component: React.ComponentType<any>;
-    meta: CodeComponentMeta<any>;
-}
-declare global {
-    interface Window {
-        __PlasmicComponentRegistry: ComponentRegistration[];
-    }
-}
-
-declare type Fetcher = (...args: any[]) => Promise<any>;
-interface FetcherMeta {
-    /**
-     * Any unique identifying string for this fetcher.
-     */
-    name: string;
-    /**
-     * The Studio-user-friendly display name.
-     */
-    displayName?: string;
-    /**
-     * The symbol to import from the importPath.
-     */
-    importName?: string;
-    args: {
-        name: string;
-        type: PrimitiveType;
-    }[];
-    returns: PrimitiveType;
-    /**
-     * Either the path to the fetcher relative to `rootDir` or the npm
-     * package name
-     */
-    importPath: string;
-    /**
-     * Whether it's a default export or named export
-     */
-    isDefaultExport?: boolean;
-}
-interface FetcherRegistration {
-    fetcher: Fetcher;
-    meta: FetcherMeta;
-}
-declare global {
-    interface Window {
-        __PlasmicFetcherRegistry: FetcherRegistration[];
-    }
-}
-
-declare type PropType<P> = SupportControlled<StringType<P> | BooleanType<P> | NumberType<P> | JSONLikeType<P> | ChoiceType<P> | CustomType<P>>;
-declare type RestrictPropType<T, P> = T extends string ? SupportControlled<StringType<P> | ChoiceType<P> | JSONLikeType<P> | CustomType<P>> : T extends boolean ? SupportControlled<BooleanType<P> | JSONLikeType<P> | CustomType<P>> : T extends number ? SupportControlled<NumberType<P> | JSONLikeType<P> | CustomType<P>> : PropType<P>;
-declare type DistributedKeyOf<T> = T extends any ? keyof T : never;
-interface GlobalContextMeta<P> {
-    /**
-     * Any unique string name used to identify that context. Each context
-     * should be registered with a different `meta.name`, even if they have the
-     * same name in the code.
-     */
-    name: string;
-    /**
-     * The name to be displayed for the context in Studio. Optional: if not
-     * specified, `meta.name` is used.
-     */
-    displayName?: string;
-    /**
-     * The description of the context to be shown in Studio.
-     */
-    description?: string;
-    /**
-     * The javascript name to be used when generating code. Optional: if not
-     * provided, `meta.name` is used.
-     */
-    importName?: string;
-    /**
-     * An object describing the context properties to be used in Studio.
-     * For each `prop`, there should be an entry `meta.props[prop]` describing
-     * its type.
-     */
-    props: {
-        [prop in DistributedKeyOf<P>]?: RestrictPropType<P[prop], P>;
-    } & {
-        [prop: string]: PropType<P>;
-    };
-    /**
-     * The path to be used when importing the context in the generated code.
-     * It can be the name of the package that contains the context, or the path
-     * to the file in the project (relative to the root directory).
-     */
-    importPath: string;
-    /**
-     *  Whether the context is the default export from that path. Optional: if
-     * not specified, it's considered `false`.
-     */
-    isDefaultExport?: boolean;
-    /**
-     * The prop that receives and forwards a React `ref`. Plasmic only uses `ref`
-     * to interact with components, so it's not used in the generated code.
-     * Optional: If not provided, the usual `ref` is used.
-     */
-    refProp?: string;
-    /**
-     * Whether the global context provides data to its children using DataProvider.
-     */
-    providesData?: boolean;
-    unstable__globalActions?: Record<string, GlobalActionRegistration<P>>;
-}
-interface GlobalContextRegistration {
-    component: React.ComponentType<any>;
-    meta: GlobalContextMeta<any>;
-}
-interface GlobalActionRegistration<P> {
-    displayName?: string;
-    description?: string;
-    parameters: FunctionParam<P>[];
-}
-declare global {
-    interface Window {
-        __PlasmicContextRegistry: GlobalContextRegistration[];
-    }
-}
-
-declare type TokenType = "color" | "spacing" | "font-family" | "font-size" | "line-height" | "opacity";
-interface TokenRegistration {
-    name: string;
-    displayName: string;
-    value: string;
-    type: TokenType;
-}
-declare global {
-    interface Window {
-        __PlasmicTokenRegistry: TokenRegistration[];
-    }
-}
-
-interface BasicTrait {
-    label?: string;
-    type: "text" | "number" | "boolean";
-}
-interface ChoiceTrait {
-    label?: string;
-    type: "choice";
-    options: string[];
-}
-declare type TraitMeta = BasicTrait | ChoiceTrait;
-interface TraitRegistration {
-    trait: string;
-    meta: TraitMeta;
-}
-declare global {
-    interface Window {
-        __PlasmicTraitRegistry: TraitRegistration[];
-    }
-}
-
-declare function initializeCodeComponentStates($state: $State, states: {
-    name: string;
-    plasmicStateName: string;
-}[], repetitionIndex: number[], componentHelpers: ComponentHelpers<any>, child$Props: Record<string, any>): void;
-declare function initializePlasmicStates($state: $State, states: {
-    name: string;
-    initFunc: InitFunc<any>;
-}[], repetitionIndex: number[]): void;
-declare function generateStateOnChangeProp($state: $State, path: ObjectPath): (val: any) => void;
-declare function generateStateOnChangePropForCodeComponents($state: $State, stateName: string, plasmicStatePath: ObjectPath, componentHelpers: ComponentHelpers<any>): (val: any) => void;
-declare function generateStateValueProp($state: $State, path: ObjectPath): any;
-declare function isPlasmicStateProxy(obj: any): boolean;
-declare function is$StateProxy(obj: any): number | boolean | undefined;
-declare function getStateCellsInPlasmicProxy(obj: any): {
-    realPath: ObjectPath;
-    path: string;
-}[];
-declare function getStateSpecInPlasmicProxy(obj: any, path: ObjectPath): {
-    spec: Internal$StateSpec<any>;
-    isImplicitStateArray: boolean;
-} | undefined;
-declare function getCurrentInitialValue(obj: any, path: ObjectPath): any;
-declare function resetToInitialValue(obj: any, path: ObjectPath): void;
-/**
- * Forked from https://github.com/lukeed/dset
- * Changes: fixed setting a deep value to a proxy object
- */
-declare function set(obj: any, keys: any, val: any): void;
-
-declare function useDollarState(specs: $StateSpec<any>[], ...rest: any[]): $State;
-
-interface Variants {
-    [vg: string]: any;
-}
-type MultiChoiceArg<M extends string> = M | M[] | {
-    [v in M]?: boolean;
-};
-type SingleChoiceArg<M extends string> = M;
-type SingleBooleanChoiceArg<M extends string> = M | boolean;
-interface OverrideTwiddle {
-    wrapChildren?: (children: React$1.ReactNode) => React$1.ReactNode;
-    wrap?: (node: React$1.ReactNode) => React$1.ReactNode;
-}
-type DefaultOverride<C extends React$1.ElementType> = {
-    type: "default";
-    props?: Partial<React$1.ComponentProps<C>>;
-} & OverrideTwiddle;
-type AsOverride<C extends React$1.ElementType> = {
-    type: "as";
-    as: C;
-    props?: Partial<React$1.ComponentProps<C>>;
-} & OverrideTwiddle;
-type RenderOverride<C extends React$1.ElementType> = {
-    type: "render";
-    render: (props: React$1.ComponentProps<C>, Comp: C) => React$1.ReactNode;
-    props?: Partial<React$1.ComponentProps<C>>;
-} & OverrideTwiddle;
-type Flex<DefaultElementType extends React$1.ElementType> = (Omit<DefaultOverride<DefaultElementType>, "type"> & {
-    as?: never;
-    render?: never;
-}) | Omit<AsOverride<any>, "type"> | (Omit<RenderOverride<DefaultElementType>, "type"> & {
-    as?: never;
-}) | React$1.ReactChild | null | undefined | (Partial<React$1.ComponentProps<DefaultElementType>> & {
-    wrap?: never;
-    wrapChildren?: never;
-    props?: never;
-    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 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;
-}>;
-declare function wrapWithClassName(element: React$1.ReactNode, className: string): React$1.DetailedReactHTMLElement<{
-    key: React$1.Key | undefined;
-    className: string;
-    style: {
-        display: "grid";
-    };
-}, HTMLElement>;
-declare function mergeVariantsWithStates(variants: Variants, $state: $State, linkedStates: {
-    variantGroup: string;
-    statePath: (string | number)[];
-}[]): Variants;
-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>>>;
+type CSSProperties = Properties<string | number> & {
+    layout?: "vbox" | "hbox" | "box" | "page-section";
 };
+type ContainerTags = "a" | "address" | "article" | "aside" | "blockquote" | "button" | "code" | "dd" | "div" | "dl" | "dt" | "form" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "label" | "li" | "main" | "nav" | "ol" | "p" | "pre" | "section" | "span" | "ul";
+type CommonAttrKeys = "title" | "tabIndex" | "className" | "id" | "aria-label" | "aria-hidden" | "aria-labelledby" | "aria-describedby" | "role";
+type PictureAttrKeys = "alt" | "loading" | CommonAttrKeys;
+type LinkAttrKeys = "href" | "target" | CommonAttrKeys;
+type TextAreaAttrKeys = "disabled" | "value" | "cols" | "rows" | "placeholder" | CommonAttrKeys;
+type InputAttrKeys = "disabled" | "value" | "defaultValue" | "name" | "autoComplete" | "checked" | "placeholder" | CommonAttrKeys;
+type ButtonAttrKeys = "disabled" | CommonAttrKeys;
+type Attrs<Keys extends string> = Partial<Record<Keys, string>>;
+interface PictureElement {
+    type: "img";
+    src: string;
+    styles?: CSSProperties;
+    attrs?: Attrs<PictureAttrKeys>;
+}
+type ImageElement = PictureElement;
+interface LinkTextElement {
+    type: "text";
+    tag: "a";
+    value: string;
+    styles?: CSSProperties;
+    attrs?: Attrs<LinkAttrKeys>;
+}
+interface ButtonTextElement {
+    type: "text";
+    tag: "button";
+    value: string;
+    styles?: CSSProperties;
+    attrs?: Attrs<ButtonAttrKeys>;
+}
+interface GenericTextElement {
+    type: "text";
+    /**
+     * Default: "div"
+     */
+    tag?: Exclude<ContainerTags, "a" | "button">;
+    value: string;
+    styles?: CSSProperties;
+    attrs?: Attrs<CommonAttrKeys>;
+}
+type TextElement = string | LinkTextElement | ButtonTextElement | GenericTextElement;
+interface LinkContainerElement {
+    type: "box" | "vbox" | "hbox";
+    tag: "a";
+    children?: PlasmicElement | PlasmicElement[];
+    styles?: CSSProperties;
+    attrs?: Attrs<LinkAttrKeys>;
+}
+interface ButtonContainerElement {
+    type: "box" | "vbox" | "hbox";
+    tag: "button";
+    children?: PlasmicElement | PlasmicElement[];
+    styles?: CSSProperties;
+    attrs?: Attrs<ButtonAttrKeys>;
+}
+interface GenericContainerElement {
+    type: "box" | "vbox" | "hbox" | "page-section";
+    /**
+     * Default: "div"
+     */
+    tag?: Exclude<ContainerTags, "a" | "button">;
+    children?: PlasmicElement | PlasmicElement[];
+    styles?: CSSProperties;
+    attrs?: Attrs<CommonAttrKeys>;
+}
+type ContainerElement = LinkContainerElement | ButtonContainerElement | GenericContainerElement;
+interface ButtonElement {
+    type: "button";
+    value: string;
+    styles?: CSSProperties;
+    attrs?: Attrs<ButtonAttrKeys>;
+}
+interface InputElement {
+    type: "input" | "password";
+    styles?: CSSProperties;
+    attrs?: Attrs<InputAttrKeys>;
+}
+interface TextAreaElement {
+    type: "textarea";
+    styles?: CSSProperties;
+    attrs?: Attrs<TextAreaAttrKeys>;
+}
+type TextInputElement = InputElement | TextAreaElement;
+interface JsonElement {
+    type: "json";
+    value: any;
+}
+interface DefaultComponentElement<P> {
+    type: "default-component";
+    kind: "button" | "text-input";
+    props?: {
+        [prop in keyof Partial<P>]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
+    } & {
+        [prop: string]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
+    };
+    styles?: CSSProperties;
+}
+interface CodeComponentElement<P> {
+    type: "component";
+    /**
+     * The registered component name
+     */
+    name: string;
+    styles?: CSSProperties;
+    props?: {
+        [prop in keyof Partial<P>]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
+    } & {
+        [prop: string]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
+    };
+}
+type PlasmicElement = ImageElement | TextElement | ContainerElement | ButtonElement | TextInputElement | CodeComponentElement<{}> | DefaultComponentElement<{}>;
 
-declare function ensureGlobalVariants<T extends Record<string, any>>(globalVariantValues: T): T;
-
-type PlasmicHeadProps = {
-    title?: string;
-    description?: string;
-    image?: string;
-    canonical?: string;
-};
-declare function PlasmicHead(props: PlasmicHeadProps): 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;
-        };
-    };
+interface CanvasComponentProps<Data = any> {
+    /**
+     * This prop is only provided within the canvas of Plasmic Studio.
+     * Allows the component to set data to be consumed by the props' controls.
+     */
+    setControlContextData?: (data: Data) => void;
+}
+type InferDataType<P> = P extends CanvasComponentProps<infer Data> ? Data : any;
+type ControlExtras = {
+    path: (string | number)[];
 };
-
-declare function PlasmicIcon(props: React$1.ComponentProps<"svg"> & {
-    PlasmicIconType: React$1.ComponentType;
-}): 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<Pick<any, string | number | symbol> & 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;
-}): JSX.Element | null;
-declare function renderPlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(opts: {
-    as?: T;
-    defaultContents?: React$1.ReactNode;
-    value?: React$1.ReactNode;
-}): JSX.Element | null;
-
-type Queries = {
-    [name: string]: string;
-};
-declare function createUseScreenVariants(isMulti: boolean, screenQueries: Queries): () => string | string[] | undefined;
-
-interface PlasmicDataSourceContextValue {
-    userAuthToken?: string | null;
-    isUserLoading?: boolean;
-    authRedirectUri?: string;
-    user?: {
-        email: string;
-        properties: Record<string, unknown> | null;
-        roleId: string;
-        roleName: string;
-        roleIds: string[];
-        roleNames: string[];
-    } | null;
-}
-declare function useCurrentUser(): {
-    email: string;
-    properties: Record<string, unknown> | null;
-    roleId: string;
-    roleName: string;
-    roleIds: string[];
-    roleNames: string[];
-} | {
-    isLoggedIn: boolean;
-};
-declare const PlasmicDataSourceContextProvider: React__default.Provider<PlasmicDataSourceContextValue | undefined>;
-
 /**
- * Returns whether the component is currently being server side rendered or
- * hydrated on the client. Can be used to delay browser-specific rendering
- * until after hydration.
+ * Context that we pass back to control functions.
  */
-declare function useIsSSR$1(): boolean;
-
-type PlasmicTranslator = (str: string, opts?: {
-    components?: {
-        [key: string]: React__default.ReactElement;
-    };
-}) => React__default.ReactNode;
-interface TransProps {
-    transKey?: string;
-    children?: React__default.ReactNode;
-}
-declare function genTranslatableString(elt: React__default.ReactNode): {
-    str: string;
-    components: {
-        [key: string]: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
-    };
-    componentsCount: number;
-};
-declare function Trans({ transKey, children }: TransProps): React__default.ReactNode;
-
-interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
-    platform?: "nextjs" | "gatsby";
-    children?: React$1.ReactNode;
-    translator?: PlasmicTranslator;
-    Head?: React$1.ComponentType<any>;
-}
-declare function PlasmicRootProvider(props: PlasmicRootProviderProps): 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 ControlContext<P> = [
+    /**
+     * props
+     */
+    P,
+    /**
+     * `contextData` can be `null` if the prop controls are rendering before
+     * the component instance itself (it will re-render once the component
+     * calls `setControlContextData`)
+     */
+    InferDataType<P> | null,
+    /**
+     * Extra information for the control to use
+     */
+    ControlExtras
+];
+/**
+ * Config option that takes the context (e.g., props) of the component instance
+ * to dynamically set its value.
+ */
+type ContextDependentConfig<P, R> = (...args: ControlContext<P>) => R;
+interface PropTypeBase<P> {
+    displayName?: string;
+    description?: string;
+    helpText?: string;
+    /**
+     * If the user has chosen to use a dynamic expression for this prop, provide
+     * a hint as to the expected values that the expression should evaluate to.
+     * This hint will be displayed alongside the code editor.  You may use
+     * markdown in the text here.
+     */
+    exprHint?: string;
+    /**
+     * Function for whether this prop should be hidden in the right panel,
+     * given the current props for this component
+     */
+    hidden?: ContextDependentConfig<P, boolean>;
+    readOnly?: boolean | ContextDependentConfig<P, boolean>;
+    /**
+     * If true, will hide the prop in a collapsed section; good for props that
+     * should not usually be used.
+     */
+    advanced?: boolean;
+    /**
+     * If true, does not allow the user to use a dynamic expression for this prop
+     */
+    disableDynamicValue?: boolean;
+    /**
+     * If set to true, the component will be remounted when the prop value is updated.
+     * (This behavior only appliees to canvas)
+     */
+    forceRemount?: boolean;
+}
+type DefaultValueOrExpr<P, T> = {
+    defaultExpr?: undefined;
+    defaultExprHint?: undefined;
+    defaultValue?: T;
+    defaultValueHint?: T | ContextDependentConfig<P, T | undefined>;
+} | {
+    defaultValue?: undefined;
+    defaultValueHint?: undefined;
+    defaultExpr?: string;
+    defaultExprHint?: string;
 };
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
+type StringTypeBase<P> = PropTypeBase<P> & DefaultValueOrExpr<P, string>;
+type StringType<P> = "string" | (({
+    type: "string";
+    control?: "default" | "large";
+} | {
+    type: "code";
+    lang: "css" | "html" | "javascript" | "json";
+} | {
+    type: "richText";
+} | {
+    type: "color";
+    /**
+     * If specified, and the user picks a color token in the Studio, then
+     * the value passed in as prop is a css variable reference, like
+     * `var(--TOKEN_ID)`, instead of the resolved hex value of the token.
+     * You should take care in using this in the proper css context --
+     * the css token is only defined if you are rendering under some
+     * Plasmic component in the DOM tree, which is usually the case,
+     * unless you are using a React portal.
+     */
+    keepCssVar?: boolean;
+} | {
+    type: "class";
+    /**
+     * Additional css selectors that can change how this style should look.
+     * Some examples:
+     *
+     * * `:hover` -- on hover
+     * * `[data-something="blah"] -- when the element with this class has
+     *   an html attribute "data-something=blah"
+     * * :component[data-something="blah"] :self -- when the root of the
+     *   component has an html attribute "data-something=blah". Note that
+     *   the non-standard `:component` selector is used to select the
+     *   component root, and the non-standard `:self` selector is used
+     *   to select the element that this class is attached to.
+     */
+    selectors?: {
+        /**
+         * A css selector, like `:hover` or `[data-something="blah"]`.
+         */
+        selector: string;
+        /**
+         * An optional human-friendly label for the selector, so the studio user
+         * knows what this selector means.
+         */
+        label?: string;
+    }[];
+    /**
+     * If specified, then only shows these style sections for styling this class
+     */
+    styleSections?: StyleSection[];
+} | {
+    type: "themeResetClass";
+    /**
+     * Normally, theme reset class will only target Plasmic-generated tags
+     * with the default tag styles. If you also want to target non-Plasmic-generated
+     * tags (say, rendered by your code components, or fetched as an HTML blob
+     * from somewhere), then specify `true` here.
+     */
+    targetAllTags?: boolean;
+} | {
+    type: "cardPicker";
+    modalTitle?: React.ReactNode | ContextDependentConfig<P, React.ReactNode>;
+    options: {
+        value: string;
+        label?: string;
+        imgUrl: string;
+        footer?: React.ReactNode;
+    }[] | ContextDependentConfig<P, {
+        value: string;
+        label?: string;
+        imgUrl: string;
+        footer?: React.ReactNode;
+    }[]>;
+    showInput?: boolean | ContextDependentConfig<P, boolean>;
+    onSearch?: ContextDependentConfig<P, ((value: string) => void) | undefined>;
+}) & StringTypeBase<P>);
+type BooleanType<P> = "boolean" | ({
+    type: "boolean";
+} & DefaultValueOrExpr<P, boolean> & PropTypeBase<P>);
+type GraphQLValue = {
+    query: string;
+    variables?: Record<string, any>;
+};
+type GraphQLType<P> = {
+    type: "code";
+    lang: "graphql";
+    endpoint: string | ContextDependentConfig<P, string>;
+    method?: string | ContextDependentConfig<P, string>;
+    headers?: object | ContextDependentConfig<P, object>;
+} & DefaultValueOrExpr<P, GraphQLValue> & PropTypeBase<P>;
+type NumberTypeBase<P> = PropTypeBase<P> & DefaultValueOrExpr<P, number> & {
+    type: "number";
+};
+type NumberType<P> = "number" | (({
+    control?: "default";
+    min?: number | ContextDependentConfig<P, number>;
+    max?: number | ContextDependentConfig<P, number>;
+} | {
+    control: "slider";
+    min: number | ContextDependentConfig<P, number>;
+    max: number | ContextDependentConfig<P, number>;
+    step?: number | ContextDependentConfig<P, number>;
+}) & NumberTypeBase<P>);
+/**
+ * Expects defaultValue to be a JSON-compatible value
  */
-
-
-interface AriaLabelingProps {
-  /**
-   * Defines a string value that labels the current element.
-   */
-  'aria-label'?: string,
-
-  /**
-   * Identifies the element (or elements) that labels the current element.
-   */
-  'aria-labelledby'?: string,
-
-  /**
-   * Identifies the element (or elements) that describes the object.
-   */
-  'aria-describedby'?: string,
-
-  /**
-   * Identifies the element (or elements) that provide a detailed, extended description for the object.
-   */
-  'aria-details'?: string
+type JSONLikeType<P> = "object" | ({
+    type: "object";
+    fields?: {
+        [p: string]: PropType$1<P>;
+    };
+    /**
+     * Optional function that generates a name for this item in the array
+     */
+    nameFunc?: (item: any, ...args: ControlContext<P>) => string | undefined;
+} & DefaultValueOrExpr<P, any> & PropTypeBase<P>) | ({
+    type: "array";
+    itemType?: {
+        type: "object";
+        fields: {
+            [p: string]: PropType$1<P>;
+        };
+        /**
+         * Optional function that generates a name for this item in the array
+         */
+        nameFunc?: (item: any, ...args: ControlContext<P>) => string | undefined;
+    };
+    /**
+     * Optional function that determines whether the user can delete a given item.
+     */
+    unstable__canDelete?: (item: any, ...args: ControlContext<P>) => boolean;
+    /**
+     * Specify how to let Plasmic know how to update its own internal representation of the data when the value has
+     * changed, or when issuing a minimalValue or shownValue that is different.
+     *
+     * Important to specify this if you are expecting any nested expression values in this data type!
+     */
+    unstable__keyFunc?: (item: any) => any;
+    /**
+     * Specify what would be the tentative new value that is set if the user makes any changes.
+     *
+     * Useful for field mappings.
+     *
+     * For instance, consider a Table where we have a `fields` prop:
+     *
+     * - Initially, the value is undefined. But if the user makes any changes, we would want to save an array of at
+     *   least three items (corresponding to, say, three columns inferred from a schema).
+     *
+     * - Let's say there are 5 columns in the value. The data schema changes, removing a column and adding two new
+     *   ones. Now we would want a different minimal value, containing 6 items.
+     */
+    unstable__minimalValue?: ContextDependentConfig<P, any>;
+} & DefaultValueOrExpr<P, any[]> & PropTypeBase<P>) | ({
+    type: "dataSource";
+    dataSource: "airtable" | "cms";
+} & PropTypeBase<P>);
+type DataPickerValueType = string | number | (string | number)[];
+type DataPickerType<P> = ({
+    type: "dataSelector";
+    data: Record<string, any> | ContextDependentConfig<P, Record<string, any>>;
+    alwaysShowValuePathAsLabel?: boolean;
+} & DefaultValueOrExpr<P, DataPickerValueType> & PropTypeBase<P>) | ({
+    type: "exprEditor";
+    data: Record<string, any> | ContextDependentConfig<P, Record<string, any>>;
+} & DefaultValueOrExpr<P, DataPickerValueType> & PropTypeBase<P>);
+type FormValidationRulesType<P> = {
+    type: "formValidationRules";
+} & DefaultValueOrExpr<P, any> & PropTypeBase<P>;
+type EventHandlerType<P> = {
+    type: "eventHandler";
+    argTypes: {
+        name: string;
+        type: PropType$1<any>;
+    }[];
+} & DefaultValueOrExpr<P, (...args: any) => any> & PropTypeBase<P>;
+interface ChoiceTypeBase<P> extends PropTypeBase<P> {
+    type: "choice";
+    options: string[] | {
+        label: string;
+        value: string | number | boolean;
+    }[] | ContextDependentConfig<P, string[] | {
+        label: string;
+        value: string | number | boolean;
+    }[]>;
+    allowSearch?: boolean;
+    filterOption?: boolean;
+    onSearch?: ContextDependentConfig<P, ((value: string) => void) | undefined>;
 }
-
-interface AriaValidationProps {
-  // https://www.w3.org/TR/wai-aria-1.2/#aria-errormessage
-  /**
-   * Identifies the element that provides an error message for the object.
-   */
-  'aria-errormessage'?: string
+type ChoiceType<P> = (({
+    multiSelect?: false;
+} & DefaultValueOrExpr<P, string | number | boolean>) | ({
+    multiSelect: true;
+} & DefaultValueOrExpr<P, (string | number | boolean)[]>) | ({
+    multiSelect: ContextDependentConfig<P, boolean>;
+} & DefaultValueOrExpr<P, string | number | boolean | (string | number | boolean)[]>)) & ChoiceTypeBase<P>;
+interface ModalProps {
+    show?: boolean;
+    children?: React.ReactNode;
+    onClose: () => void;
+    style?: CSSProperties;
 }
-
-// A set of common DOM props that are allowed on any component
-// Ensure this is synced with DOMPropNames in filterDOMProps
-interface DOMProps {
-  /**
-   * The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
-   */
-  id?: string
+interface CustomControlProps<P> {
+    componentProps: P;
+    /**
+     * `contextData` can be `null` if the prop controls are rendering before
+     * the component instance itself (it will re-render once the component
+     * calls `setControlContextData`)
+     */
+    contextData: InferDataType<P> | null;
+    value: any;
+    /**
+     * Sets the value to be passed to the prop. Expects a JSON-compatible value.
+     */
+    updateValue: (newVal: any) => void;
+    /**
+     * Full screen modal component
+     */
+    FullscreenModal: React.ComponentType<ModalProps>;
+    /**
+     * Modal component for the side pane
+     */
+    SideModal: React.ComponentType<ModalProps>;
+    /**
+     * The document that the component will be rendered into; instead of using
+     * `document` directly (for, say, `document.querySelector()` etc.), you
+     * should use this instead.
+     */
+    studioDocument: typeof document;
 }
-
-interface FocusableDOMProps extends DOMProps {
-  /**
-   * Whether to exclude the element from the sequential tab order. If true,
-   * the element will not be focusable via the keyboard by tabbing. This should
-   * be avoided except in rare scenarios where an alternative means of accessing
+type CustomControl<P> = React.ComponentType<CustomControlProps<P>>;
+/**
+ * Expects defaultValue to be a JSON-compatible value
+ */
+type CustomType<P> = CustomControl<P> | ({
+    type: "custom";
+    control: CustomControl<P>;
+} & PropTypeBase<P> & DefaultValueOrExpr<P, any>);
+type SlotType<P> = "slot" | ({
+    type: "slot";
+    /**
+     * The unique names of all code components that can be placed in the slot
+     */
+    allowedComponents?: string[];
+    /**
+     * Whether the "empty slot" placeholder should be hidden in the canvas.
+     */
+    hidePlaceholder?: boolean;
+    /**
+     * Whether the slot is repeated, i.e., is rendered multiple times using
+     * repeatedElement().
+     */
+    isRepeated?: boolean;
+    /**
+     * A nicer, human-readable display name for your slot prop
+     */
+    displayName?: string;
+    /**
+     * Function for whether this slot should be hidden from the left tree,
+     * given the current props for this component
+     */
+    hidden?: ContextDependentConfig<P, boolean>;
+    /**
+     * If slot is a render prop (accepts a function that takes in some
+     * arguments and returns some JSX), then specify the names of the
+     * arguments expected by the render prop function.
+     */
+    renderPropParams?: string[];
+} & Omit<DefaultValueOrExpr<P, PlasmicElement | PlasmicElement[]>, "defaultValueHint" | "defaultExpr" | "defaultExprHint">);
+type ImageUrlType<P> = "imageUrl" | ({
+    type: "imageUrl";
+} & DefaultValueOrExpr<P, string> & PropTypeBase<P>);
+type PrimitiveType<P = any> = Extract<StringType<P> | BooleanType<P> | NumberType<P> | JSONLikeType<P>, String>;
+type ControlTypeBase = {
+    editOnly?: false;
+} | {
+    editOnly: true;
+    /**
+     * The prop where the values should be mapped to
+     */
+    uncontrolledProp?: string;
+};
+type SupportControlled<T> = Extract<T, String | CustomControl<any>> | (Exclude<T, String | CustomControl<any>> & ControlTypeBase);
+type PropType$1<P> = SupportControlled<StringType<P> | BooleanType<P> | NumberType<P> | JSONLikeType<P> | ChoiceType<P> | ImageUrlType<P> | CustomType<P> | GraphQLType<P> | DataPickerType<P> | FormValidationRulesType<P> | EventHandlerType<P>> | SlotType<P>;
+type RestrictPropType$1<T, P> = T extends string ? SupportControlled<StringType<P> | ChoiceType<P> | JSONLikeType<P> | ImageUrlType<P> | CustomType<P> | DataPickerType<P>> : T extends boolean ? SupportControlled<BooleanType<P> | JSONLikeType<P> | CustomType<P> | DataPickerType<P>> : T extends number ? SupportControlled<NumberType<P> | JSONLikeType<P> | CustomType<P> | DataPickerType<P>> : PropType$1<P>;
+interface ActionProps<P> {
+    componentProps: P;
+    /**
+     * `contextData` can be `null` if the prop controls are rendering before
+     * the component instance itself (it will re-render once the component
+     * calls `setControlContextData`)
+     */
+    contextData: InferDataType<P> | null;
+    studioOps: {
+        showModal: (modalProps: Omit<ModalProps, "onClose"> & {
+            onClose?: () => void;
+        }) => void;
+        refreshQueryData: () => void;
+        appendToSlot: (element: PlasmicElement, slotName: string) => void;
+        removeFromSlotAt: (pos: number, slotName: string) => void;
+        updateProps: (newValues: any) => void;
+    };
+    /**
+     * The document that the component will be rendered into; instead of using
+     * `document` directly (for, say, `document.querySelector()` etc.), you
+     * should use this instead.
+     */
+    studioDocument: typeof document;
+}
+type Action<P> = {
+    type: "button-action";
+    label: string;
+    onClick: (props: ActionProps<P>) => void;
+} | {
+    type: "custom-action";
+    control: React.ComponentType<ActionProps<P>>;
+};
+type DistributedKeyOf$1<T> = T extends any ? keyof T : never;
+interface ComponentTemplate<P> extends Omit<CodeComponentElement<P>, "type" | "name"> {
+    /**
+     * A preview picture for the template.
+     */
+    previewImg?: string;
+}
+interface ComponentTemplates<P> {
+    [name: string]: ComponentTemplate<P>;
+}
+type StateSpec = {
+    onChangeProp: string;
+} & ({
+    type: "readonly";
+    variableType: "text";
+    initVal?: string;
+} | {
+    type: "readonly";
+    variableType: "number";
+    initVal?: number;
+} | {
+    type: "readonly";
+    variableType: "boolean";
+    initVal?: boolean;
+} | {
+    type: "readonly";
+    variableType: "array";
+    initVal?: any[];
+} | {
+    type: "readonly";
+    variableType: "object";
+    initVal?: object;
+} | {
+    type: "writable";
+    variableType: "text" | "number" | "boolean" | "array" | "object";
+    valueProp: string;
+});
+interface StateHelpers<P, T> {
+    initFunc?: ($props: P) => T;
+    onChangeArgsToValue?: (...args: any) => T;
+}
+type ComponentHelpers<P> = {
+    states: Record<string, StateHelpers<P, any>>;
+};
+type ExternalComponentHelpers<P> = {
+    helpers: ComponentHelpers<P>;
+    importPath: string;
+} & ({
+    importName: string;
+} | {
+    isDefaultExport: true;
+});
+type StyleSection = "visibility" | "typography" | "sizing" | "spacing" | "background" | "transform" | "transitions" | "layout" | "overflow" | "border" | "shadows" | "effects";
+interface CodeComponentMeta<P> {
+    /**
+     * Any unique string name used to identify that component. Each component
+     * should be registered with a different `meta.name`, even if they have the
+     * same name in the code.
+     */
+    name: string;
+    /**
+     * The name to be displayed for the component in Studio. Optional: if not
+     * specified, `meta.name` is used.
+     */
+    displayName?: string;
+    /**
+     * The description of the component to be shown in Studio.
+     */
+    description?: string;
+    /**
+     * The javascript name to be used when generating code. Optional: if not
+     * provided, `meta.name` is used.
+     */
+    importName?: string;
+    /**
+     * An object describing the component properties to be used in Studio.
+     * For each `prop`, there should be an entry `meta.props[prop]` describing
+     * its type.
+     */
+    props: {
+        [prop in DistributedKeyOf$1<P>]?: RestrictPropType$1<P[prop], P>;
+    } & {
+        [prop: string]: PropType$1<P>;
+    };
+    /**
+     * An object describing the component states to be used in Studio.
+     */
+    states?: Record<string, StateSpec>;
+    /**
+     * An object describing the components helpers to be used in Studio.
+     *   1. states helpers: Each state can receive an "initFunc" prop to initialize
+     *      the implicit state in Studio, and an "onChangeArgsToValue" prop to
+     *      transform the event handler arguments into a value
+     */
+    componentHelpers?: ExternalComponentHelpers<P>;
+    /**
+     * An array describing the component actions to be used in Studio.
+     */
+    actions?: Action<P>[];
+    /**
+     * Whether style sections should be shown in Studio. For styles to work, the
+     * component must accept a `className` prop. If unset, defaults to all styles.
+     * Set to `false` if this component cannot be styled (for example, if it doesn't
+     * render any DOM elements).
+     */
+    styleSections?: StyleSection[] | boolean;
+    /**
+     * Whether the element can be repeated in Studio. If unset, defaults to true.
+     */
+    isRepeatable?: boolean;
+    /**
+     * The path to be used when importing the component in the generated code.
+     * It can be the name of the package that contains the component, or the path
+     * to the file in the project (relative to the root directory).
+     */
+    importPath: string;
+    /**
+     *  Whether the component is the default export from that path. Optional: if
+     * not specified, it's considered `false`.
+     */
+    isDefaultExport?: boolean;
+    /**
+     * The prop that expects the CSS classes with styles to be applied to the
+     * component. Optional: if not specified, Plasmic will expect it to be
+     * `className`. Notice that if the component does not accept CSS classes, the
+     * component will not be able to receive styles from the Studio.
+     */
+    classNameProp?: string;
+    /**
+     * The prop that receives and forwards a React `ref`. Plasmic only uses `ref`
+     * to interact with components, so it's not used in the generated code.
+     * Optional: If not provided, the usual `ref` is used.
+     */
+    refProp?: string;
+    /**
+     * Default styles to start with when instantiating the component in Plasmic.
+     */
+    defaultStyles?: CSSProperties;
+    /**
+     * Component templates to start with on Plasmic.
+     */
+    templates?: ComponentTemplates<P>;
+    /**
+     * Registered name of parent component, used for grouping related components.
+     */
+    parentComponentName?: string;
+    /**
+     * Whether the component can be used as an attachment to an element.
+     */
+    isAttachment?: boolean;
+    /**
+     * Whether the component provides data to its slots using DataProvider.
+     */
+    providesData?: boolean;
+    /**
+     * If specified, then Figma components with the specified names will be mapped
+     * to this component when you paste Figma content into Plasmic
+     */
+    figmaMappings?: {
+        figmaComponentName: string;
+    }[];
+    /**
+     * If true, when an instance of this component is added, the element
+     * will always be named by the name of this component.
+     */
+    alwaysAutoName?: boolean;
+    unstable__refActions?: Record<string, RefActionRegistration<P>>;
+}
+interface FunctionParam<P> {
+    name: string;
+    displayName?: string;
+    type: PropType$1<P>;
+}
+interface RefActionRegistration<P> {
+    displayName?: string;
+    description?: string;
+    parameters: FunctionParam<P>[];
+}
+interface ComponentRegistration {
+    component: React.ComponentType<any>;
+    meta: CodeComponentMeta<any>;
+}
+declare global {
+    interface Window {
+        __PlasmicComponentRegistry: ComponentRegistration[];
+    }
+}
+
+type Fetcher = (...args: any[]) => Promise<any>;
+interface FetcherMeta {
+    /**
+     * Any unique identifying string for this fetcher.
+     */
+    name: string;
+    /**
+     * The Studio-user-friendly display name.
+     */
+    displayName?: string;
+    /**
+     * The symbol to import from the importPath.
+     */
+    importName?: string;
+    args: {
+        name: string;
+        type: PrimitiveType;
+    }[];
+    returns: PrimitiveType;
+    /**
+     * Either the path to the fetcher relative to `rootDir` or the npm
+     * package name
+     */
+    importPath: string;
+    /**
+     * Whether it's a default export or named export
+     */
+    isDefaultExport?: boolean;
+}
+interface FetcherRegistration {
+    fetcher: Fetcher;
+    meta: FetcherMeta;
+}
+declare global {
+    interface Window {
+        __PlasmicFetcherRegistry: FetcherRegistration[];
+    }
+}
+
+type PropType<P> = SupportControlled<StringType<P> | BooleanType<P> | NumberType<P> | JSONLikeType<P> | ChoiceType<P> | CustomType<P>>;
+type RestrictPropType<T, P> = T extends string ? SupportControlled<StringType<P> | ChoiceType<P> | JSONLikeType<P> | CustomType<P>> : T extends boolean ? SupportControlled<BooleanType<P> | JSONLikeType<P> | CustomType<P>> : T extends number ? SupportControlled<NumberType<P> | JSONLikeType<P> | CustomType<P>> : PropType<P>;
+type DistributedKeyOf<T> = T extends any ? keyof T : never;
+interface GlobalContextMeta<P> {
+    /**
+     * Any unique string name used to identify that context. Each context
+     * should be registered with a different `meta.name`, even if they have the
+     * same name in the code.
+     */
+    name: string;
+    /**
+     * The name to be displayed for the context in Studio. Optional: if not
+     * specified, `meta.name` is used.
+     */
+    displayName?: string;
+    /**
+     * The description of the context to be shown in Studio.
+     */
+    description?: string;
+    /**
+     * The javascript name to be used when generating code. Optional: if not
+     * provided, `meta.name` is used.
+     */
+    importName?: string;
+    /**
+     * An object describing the context properties to be used in Studio.
+     * For each `prop`, there should be an entry `meta.props[prop]` describing
+     * its type.
+     */
+    props: {
+        [prop in DistributedKeyOf<P>]?: RestrictPropType<P[prop], P>;
+    } & {
+        [prop: string]: PropType<P>;
+    };
+    /**
+     * The path to be used when importing the context in the generated code.
+     * It can be the name of the package that contains the context, or the path
+     * to the file in the project (relative to the root directory).
+     */
+    importPath: string;
+    /**
+     *  Whether the context is the default export from that path. Optional: if
+     * not specified, it's considered `false`.
+     */
+    isDefaultExport?: boolean;
+    /**
+     * The prop that receives and forwards a React `ref`. Plasmic only uses `ref`
+     * to interact with components, so it's not used in the generated code.
+     * Optional: If not provided, the usual `ref` is used.
+     */
+    refProp?: string;
+    /**
+     * Whether the global context provides data to its children using DataProvider.
+     */
+    providesData?: boolean;
+    unstable__globalActions?: Record<string, GlobalActionRegistration<P>>;
+}
+interface GlobalContextRegistration {
+    component: React.ComponentType<any>;
+    meta: GlobalContextMeta<any>;
+}
+interface GlobalActionRegistration<P> {
+    displayName?: string;
+    description?: string;
+    parameters: FunctionParam<P>[];
+}
+declare global {
+    interface Window {
+        __PlasmicContextRegistry: GlobalContextRegistration[];
+    }
+}
+
+type TokenType = "color" | "spacing" | "font-family" | "font-size" | "line-height" | "opacity";
+interface TokenRegistration {
+    name: string;
+    displayName: string;
+    value: string;
+    type: TokenType;
+}
+declare global {
+    interface Window {
+        __PlasmicTokenRegistry: TokenRegistration[];
+    }
+}
+
+interface BasicTrait {
+    label?: string;
+    type: "text" | "number" | "boolean";
+}
+interface ChoiceTrait {
+    label?: string;
+    type: "choice";
+    options: string[];
+}
+type TraitMeta = BasicTrait | ChoiceTrait;
+interface TraitRegistration {
+    trait: string;
+    meta: TraitMeta;
+}
+declare global {
+    interface Window {
+        __PlasmicTraitRegistry: TraitRegistration[];
+    }
+}
+
+declare function initializeCodeComponentStates($state: $State, states: {
+    name: string;
+    plasmicStateName: string;
+}[], repetitionIndex: number[], componentHelpers: ComponentHelpers<any>, child$Props: Record<string, any>): void;
+declare function initializePlasmicStates($state: $State, states: {
+    name: string;
+    initFunc: InitFunc<any>;
+}[], repetitionIndex: number[]): void;
+declare function generateStateOnChangeProp($state: $State, path: ObjectPath): (val: any) => void;
+declare function generateStateOnChangePropForCodeComponents($state: $State, stateName: string, plasmicStatePath: ObjectPath, componentHelpers: ComponentHelpers<any>): (val: any) => void;
+declare function generateStateValueProp($state: $State, path: ObjectPath): any;
+declare function isPlasmicStateProxy(obj: any): boolean;
+declare function is$StateProxy(obj: any): number | boolean | undefined;
+declare function getStateCellsInPlasmicProxy(obj: any): {
+    realPath: ObjectPath;
+    path: string;
+}[];
+declare function getStateSpecInPlasmicProxy(obj: any, path: ObjectPath): {
+    spec: Internal$StateSpec<any>;
+    isImplicitStateArray: boolean;
+} | undefined;
+declare function getCurrentInitialValue(obj: any, path: ObjectPath): any;
+declare function resetToInitialValue(obj: any, path: ObjectPath): void;
+/**
+ * Forked from https://github.com/lukeed/dset
+ * Changes: fixed setting a deep value to a proxy object
+ */
+declare function set(obj: any, keys: any, val: any): void;
+
+declare function useDollarState(specs: $StateSpec<any>[], ...rest: any[]): $State;
+
+interface Variants {
+    [vg: string]: any;
+}
+type MultiChoiceArg<M extends string> = M | M[] | {
+    [v in M]?: boolean;
+};
+type SingleChoiceArg<M extends string> = M;
+type SingleBooleanChoiceArg<M extends string> = M | boolean;
+interface OverrideTwiddle {
+    wrapChildren?: (children: React$1.ReactNode) => React$1.ReactNode;
+    wrap?: (node: React$1.ReactNode) => React$1.ReactNode;
+}
+type DefaultOverride<C extends React$1.ElementType> = {
+    type: "default";
+    props?: Partial<React$1.ComponentProps<C>>;
+} & OverrideTwiddle;
+type AsOverride<C extends React$1.ElementType> = {
+    type: "as";
+    as: C;
+    props?: Partial<React$1.ComponentProps<C>>;
+} & OverrideTwiddle;
+type RenderOverride<C extends React$1.ElementType> = {
+    type: "render";
+    render: (props: React$1.ComponentProps<C>, Comp: C) => React$1.ReactNode;
+    props?: Partial<React$1.ComponentProps<C>>;
+} & OverrideTwiddle;
+type Flex<DefaultElementType extends React$1.ElementType> = (Omit<DefaultOverride<DefaultElementType>, "type"> & {
+    as?: never;
+    render?: never;
+}) | Omit<AsOverride<any>, "type"> | (Omit<RenderOverride<DefaultElementType>, "type"> & {
+    as?: never;
+}) | React$1.ReactChild | null | undefined | (Partial<React$1.ComponentProps<DefaultElementType>> & {
+    wrap?: never;
+    wrapChildren?: never;
+    props?: never;
+    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 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;
+}>;
+declare function wrapWithClassName(element: React$1.ReactNode, className: string): React$1.DetailedReactHTMLElement<{
+    key: React$1.Key | undefined;
+    className: string;
+    style: {
+        display: "grid";
+    };
+}, HTMLElement>;
+declare function mergeVariantsWithStates(variants: Variants, $state: $State, linkedStates: {
+    variantGroup: string;
+    statePath: (string | number)[];
+}[]): Variants;
+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>>>;
+};
+
+declare function ensureGlobalVariants<T extends Record<string, any>>(globalVariantValues: T): T;
+
+type PlasmicHeadProps = {
+    title?: string;
+    description?: string;
+    image?: string;
+    canonical?: string;
+};
+declare function PlasmicHead(props: PlasmicHeadProps): 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;
+}): 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<Pick<any, string | number | symbol> & 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;
+}): JSX.Element | null;
+declare function renderPlasmicSlot<T extends keyof JSX.IntrinsicElements = "div">(opts: {
+    as?: T;
+    defaultContents?: React$1.ReactNode;
+    value?: React$1.ReactNode;
+}): JSX.Element | null;
+
+type Queries = {
+    [name: string]: string;
+};
+declare function createUseScreenVariants(isMulti: boolean, screenQueries: Queries): () => string | string[] | undefined;
+
+interface PlasmicDataSourceContextValue {
+    userAuthToken?: string | null;
+    isUserLoading?: boolean;
+    authRedirectUri?: string;
+    user?: {
+        email: string;
+        properties: Record<string, unknown> | null;
+        roleId: string;
+        roleName: string;
+        roleIds: string[];
+        roleNames: string[];
+    } | null;
+}
+declare function useCurrentUser(): {
+    email: string;
+    properties: Record<string, unknown> | null;
+    roleId: string;
+    roleName: string;
+    roleIds: string[];
+    roleNames: string[];
+} | {
+    isLoggedIn: boolean;
+};
+declare const PlasmicDataSourceContextProvider: React__default.Provider<PlasmicDataSourceContextValue | undefined>;
+
+/**
+ * Returns whether the component is currently being server side rendered or
+ * hydrated on the client. Can be used to delay browser-specific rendering
+ * until after hydration.
+ */
+declare function useIsSSR$1(): boolean;
+
+type PlasmicTranslator = (str: string, opts?: {
+    components?: {
+        [key: string]: React__default.ReactElement;
+    };
+}) => React__default.ReactNode;
+interface TransProps {
+    transKey?: string;
+    children?: React__default.ReactNode;
+}
+declare function genTranslatableString(elt: React__default.ReactNode): {
+    str: string;
+    components: {
+        [key: string]: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
+    };
+    componentsCount: number;
+};
+declare function Trans({ transKey, children }: TransProps): React__default.ReactNode;
+
+interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
+    platform?: "nextjs" | "gatsby";
+    children?: React$1.ReactNode;
+    translator?: PlasmicTranslator;
+    Head?: React$1.ComponentType<any>;
+}
+declare function PlasmicRootProvider(props: PlasmicRootProviderProps): 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;
+    }>;
+};
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+interface AriaLabelingProps {
+  /**
+   * Defines a string value that labels the current element.
+   */
+  'aria-label'?: string,
+
+  /**
+   * Identifies the element (or elements) that labels the current element.
+   */
+  'aria-labelledby'?: string,
+
+  /**
+   * Identifies the element (or elements) that describes the object.
+   */
+  'aria-describedby'?: string,
+
+  /**
+   * Identifies the element (or elements) that provide a detailed, extended description for the object.
+   */
+  'aria-details'?: string
+}
+
+interface AriaValidationProps {
+  // https://www.w3.org/TR/wai-aria-1.2/#aria-errormessage
+  /**
+   * Identifies the element that provides an error message for the object.
+   */
+  'aria-errormessage'?: string
+}
+
+// A set of common DOM props that are allowed on any component
+// Ensure this is synced with DOMPropNames in filterDOMProps
+interface DOMProps {
+  /**
+   * The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
+   */
+  id?: string
+}
+
+interface FocusableDOMProps extends DOMProps {
+  /**
+   * Whether to exclude the element from the sequential tab order. If true,
+   * the element will not be focusable via the keyboard by tabbing. This should
+   * be avoided except in rare scenarios where an alternative means of accessing
    * the element or its functionality via the keyboard is available.
    */
   excludeFromTabOrder?: boolean
@@ -12336,107 +12337,107 @@ interface FocusableProps extends FocusEvents, KeyboardEvents {
   autoFocus?: boolean
 }
 
-declare function useFocused(opts: {
-    isTextInput?: boolean;
-}): (boolean | DOMAttributes<FocusableElement>)[];
-declare function useFocusVisible(opts: {
-    isTextInput?: boolean;
-}): (boolean | DOMAttributes<FocusableElement>)[];
-declare function useFocusedWithin(opts: {
-    isTextInput?: boolean;
-}): (boolean | DOMAttributes<FocusableElement>)[];
-declare function useFocusVisibleWithin(opts: {
-    isTextInput?: boolean;
-}): (boolean | DOMAttributes<FocusableElement>)[];
-declare function useHover(): (boolean | {
-    onMouseEnter: () => void;
-    onMouseLeave: () => void;
-})[];
-declare function usePressed(): (boolean | {
-    onMouseDown: () => void;
-    onMouseUp: () => void;
-})[];
-declare const TRIGGER_TO_HOOK: {
-    readonly useHover: typeof useHover;
-    readonly useFocused: typeof useFocused;
-    readonly useFocusVisible: typeof useFocusVisible;
-    readonly useFocusedWithin: typeof useFocusedWithin;
-    readonly useFocusVisibleWithin: typeof useFocusVisibleWithin;
-    readonly usePressed: typeof usePressed;
-};
-type TriggerType = keyof typeof TRIGGER_TO_HOOK;
-interface TriggerOpts {
-    isTextInput?: boolean;
-}
-/**
- * Installs argment trigger. All the useTrigger calls must use hardcoded `trigger` arg,
- * as it's not valid to install variable React hooks!
- */
+declare function useFocused(opts: {
+    isTextInput?: boolean;
+}): (boolean | DOMAttributes<FocusableElement>)[];
+declare function useFocusVisible(opts: {
+    isTextInput?: boolean;
+}): (boolean | DOMAttributes<FocusableElement>)[];
+declare function useFocusedWithin(opts: {
+    isTextInput?: boolean;
+}): (boolean | DOMAttributes<FocusableElement>)[];
+declare function useFocusVisibleWithin(opts: {
+    isTextInput?: boolean;
+}): (boolean | DOMAttributes<FocusableElement>)[];
+declare function useHover(): (boolean | {
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+})[];
+declare function usePressed(): (boolean | {
+    onMouseDown: () => void;
+    onMouseUp: () => void;
+})[];
+declare const TRIGGER_TO_HOOK: {
+    readonly useHover: typeof useHover;
+    readonly useFocused: typeof useFocused;
+    readonly useFocusVisible: typeof useFocusVisible;
+    readonly useFocusedWithin: typeof useFocusedWithin;
+    readonly useFocusVisibleWithin: typeof useFocusVisibleWithin;
+    readonly usePressed: typeof usePressed;
+};
+type TriggerType = keyof typeof TRIGGER_TO_HOOK;
+interface TriggerOpts {
+    isTextInput?: boolean;
+}
+/**
+ * Installs argment trigger. All the useTrigger calls must use hardcoded `trigger` arg,
+ * as it's not valid to install variable React hooks!
+ */
 declare function useTrigger(trigger: TriggerType, opts: TriggerOpts): [boolean, React$1.HTMLAttributes<HTMLElement>];
 
 declare const classNames: typeof classNames$1;
 
-declare function setPlumeStrictMode(mode: boolean): void;
-type VariantArgChoices<T> = T extends (infer M)[] ? M : T extends SingleChoiceArg<infer M> ? M : never;
-type VariantArgsChoices<V> = {
-    [k in keyof V]-?: VariantArgChoices<V[k]>;
-};
-type DictValues<V extends Record<string, any>> = V[keyof V];
-type DictTuples<V extends Record<string, any>> = DictValues<{
-    [K in keyof V]: [K, V[K]];
-}>;
-type VariantDefTuple<V> = DictTuples<VariantArgsChoices<V>>;
-type DistributeTuple<T> = T extends [infer T1, infer T2] ? {
-    group: T1;
-    variant: T2;
-} : never;
-type VariantDef<V> = DistributeTuple<VariantDefTuple<V>>;
-type PlasmicClass<V extends Record<string, any>, A extends Record<string, any>, O extends Record<string, any>> = {
-    (props: {
-        variants?: V;
-        args?: A;
-        overrides?: O;
-    }): React$1.ReactElement | null;
-    internalVariantProps: (keyof V)[];
-    internalArgProps: (keyof A)[];
-};
-type AnyPlasmicClass = PlasmicClass<any, any, any>;
-type PlasmicClassVariants<C extends AnyPlasmicClass> = C extends PlasmicClass<infer V, any, any> ? V : unknown;
-type PlasmicClassArgs<C extends AnyPlasmicClass> = C extends PlasmicClass<any, infer A, any> ? A : unknown;
+declare function setPlumeStrictMode(mode: boolean): void;
+type VariantArgChoices<T> = T extends (infer M)[] ? M : T extends SingleChoiceArg<infer M> ? M : never;
+type VariantArgsChoices<V> = {
+    [k in keyof V]-?: VariantArgChoices<V[k]>;
+};
+type DictValues<V extends Record<string, any>> = V[keyof V];
+type DictTuples<V extends Record<string, any>> = DictValues<{
+    [K in keyof V]: [K, V[K]];
+}>;
+type VariantDefTuple<V> = DictTuples<VariantArgsChoices<V>>;
+type DistributeTuple<T> = T extends [infer T1, infer T2] ? {
+    group: T1;
+    variant: T2;
+} : never;
+type VariantDef<V> = DistributeTuple<VariantDefTuple<V>>;
+type PlasmicClass<V extends Record<string, any>, A extends Record<string, any>, O extends Record<string, any>> = {
+    (props: {
+        variants?: V;
+        args?: A;
+        overrides?: O;
+    }): React$1.ReactElement | null;
+    internalVariantProps: (keyof V)[];
+    internalArgProps: (keyof A)[];
+};
+type AnyPlasmicClass = PlasmicClass<any, any, any>;
+type PlasmicClassVariants<C extends AnyPlasmicClass> = C extends PlasmicClass<infer V, any, any> ? V : unknown;
+type PlasmicClassArgs<C extends AnyPlasmicClass> = C extends PlasmicClass<any, infer A, any> ? A : unknown;
 type PlasmicClassOverrides<C extends AnyPlasmicClass> = C extends PlasmicClass<any, any, infer O> ? O : unknown;
 
-interface CommonProps {
-    showStartIcon?: boolean;
-    showEndIcon?: boolean;
-    startIcon?: React$1.ReactNode;
-    endIcon?: React$1.ReactNode;
-    children?: React$1.ReactNode;
-    isDisabled?: boolean;
-}
-interface HtmlButtonProps extends Omit<React$1.ComponentProps<"button">, "ref" | "disabled"> {
-}
-interface HtmlAnchorProps extends Omit<React$1.ComponentProps<"a">, "ref" | "href"> {
-    link?: string;
-}
-type BaseButtonProps = CommonProps & HtmlButtonProps & HtmlAnchorProps;
-type HtmlAnchorOnlyProps = Exclude<keyof HtmlAnchorProps, keyof HtmlButtonProps>;
-type HtmlButtonOnlyProps = Exclude<keyof HtmlButtonProps, keyof HtmlAnchorProps>;
-type ButtonRef = React$1.Ref<HTMLButtonElement | HTMLAnchorElement>;
-interface ButtonConfig<C extends AnyPlasmicClass> {
-    showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
-    showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    startIconSlot?: keyof PlasmicClassArgs<C>;
-    endIconSlot?: keyof PlasmicClassArgs<C>;
-    contentSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-}
-declare function useButton<P extends BaseButtonProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: ButtonConfig<C>, ref?: ButtonRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
+interface CommonProps {
+    showStartIcon?: boolean;
+    showEndIcon?: boolean;
+    startIcon?: React$1.ReactNode;
+    endIcon?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    isDisabled?: boolean;
+}
+interface HtmlButtonProps extends Omit<React$1.ComponentProps<"button">, "ref" | "disabled"> {
+}
+interface HtmlAnchorProps extends Omit<React$1.ComponentProps<"a">, "ref" | "href"> {
+    link?: string;
+}
+type BaseButtonProps = CommonProps & HtmlButtonProps & HtmlAnchorProps;
+type HtmlAnchorOnlyProps = Exclude<keyof HtmlAnchorProps, keyof HtmlButtonProps>;
+type HtmlButtonOnlyProps = Exclude<keyof HtmlButtonProps, keyof HtmlAnchorProps>;
+type ButtonRef = React$1.Ref<HTMLButtonElement | HTMLAnchorElement>;
+interface ButtonConfig<C extends AnyPlasmicClass> {
+    showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
+    showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    startIconSlot?: keyof PlasmicClassArgs<C>;
+    endIconSlot?: keyof PlasmicClassArgs<C>;
+    contentSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+}
+declare function useButton<P extends BaseButtonProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: ButtonConfig<C>, ref?: ButtonRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
 };
 
 /*
@@ -12496,244 +12497,244 @@ interface CheckboxProps$1 extends ToggleProps {
 
 interface AriaCheckboxProps extends CheckboxProps$1, AriaToggleProps {}
 
-interface StyleProps {
-    className?: string;
-    style?: React$1.CSSProperties;
-}
+interface StyleProps {
+    className?: string;
+    style?: React$1.CSSProperties;
+}
 declare function getDataProps(props: Record<string, any>): Partial<Record<string, any>>;
 
-type CheckboxRef = React$1.Ref<CheckboxRefValue>;
-interface CheckboxRefValue extends CheckboxState {
-    getRoot: () => HTMLElement | null;
-    focus: () => void;
-    blur: () => void;
-}
-interface CheckboxState {
-    setChecked: (checked: boolean) => void;
-}
-interface CheckboxProps extends Omit<AriaCheckboxProps, "isSelected" | "defaultSelected">, StyleProps {
-    /**
-     * Whether the Checkbox is checked or not; controlled
-     */
-    isChecked?: boolean;
-    /**
-     * Whether the Checkbox is checked by default; uncontrolled
-     */
-    defaultChecked?: boolean;
-    /**
-     * Whether the Checkbox is in an "indeterminate" state; this usually
-     * refers to a "check all" that is used to check / uncheck many other
-     * checkboxes, and is visually indeterminate if some of its controlled
-     * checkboxes are checked and some are not.
-     */
-    isIndeterminate?: boolean;
-}
-interface CheckboxConfig<C extends AnyPlasmicClass> {
-    isCheckedVariant: VariantDef<PlasmicClassVariants<C>>;
-    isIndeterminateVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    noLabelVariant?: VariantDef<PlasmicClassVariants<C>>;
-    labelSlot?: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-}
-declare function useCheckbox<P extends CheckboxProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: CheckboxConfig<C>, ref?: CheckboxRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        overrides: PlasmicClassOverrides<C>;
-        args: PlasmicClassArgs<C>;
-    };
-    state: CheckboxState;
+type CheckboxRef = React$1.Ref<CheckboxRefValue>;
+interface CheckboxRefValue extends CheckboxState {
+    getRoot: () => HTMLElement | null;
+    focus: () => void;
+    blur: () => void;
+}
+interface CheckboxState {
+    setChecked: (checked: boolean) => void;
+}
+interface CheckboxProps extends Omit<AriaCheckboxProps, "isSelected" | "defaultSelected">, StyleProps {
+    /**
+     * Whether the Checkbox is checked or not; controlled
+     */
+    isChecked?: boolean;
+    /**
+     * Whether the Checkbox is checked by default; uncontrolled
+     */
+    defaultChecked?: boolean;
+    /**
+     * Whether the Checkbox is in an "indeterminate" state; this usually
+     * refers to a "check all" that is used to check / uncheck many other
+     * checkboxes, and is visually indeterminate if some of its controlled
+     * checkboxes are checked and some are not.
+     */
+    isIndeterminate?: boolean;
+}
+interface CheckboxConfig<C extends AnyPlasmicClass> {
+    isCheckedVariant: VariantDef<PlasmicClassVariants<C>>;
+    isIndeterminateVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    noLabelVariant?: VariantDef<PlasmicClassVariants<C>>;
+    labelSlot?: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+}
+declare function useCheckbox<P extends CheckboxProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: CheckboxConfig<C>, ref?: CheckboxRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        overrides: PlasmicClassOverrides<C>;
+        args: PlasmicClassArgs<C>;
+    };
+    state: CheckboxState;
 };
 
-interface BaseMenuProps extends DOMProps, AriaLabelingProps, StyleProps {
-    /**
-     * List of `Menu.Item`s or `Menu.Group`s that make up the menu
-     */
-    children?: React$1.ReactNode;
-    /**
-     * Called with the value of a `Menu.Item` when it is selected.
-     */
-    onAction?: (value: string) => void;
-}
-type MenuRef = React$1.Ref<MenuRefValue>;
-interface MenuRefValue extends MenuState {
-    getRoot: () => HTMLElement | null;
-}
-interface MenuConfig<C extends AnyPlasmicClass> {
-    isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;
-    itemsSlot: keyof PlasmicClassArgs<C>;
-    itemsContainer: keyof PlasmicClassOverrides<C>;
-    root: keyof PlasmicClassOverrides<C>;
-}
-interface MenuState {
-    getFocusedValue: () => string | null;
-    setFocusedValue: (value: string) => void;
-}
-declare function useMenu<P extends BaseMenuProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuConfig<C>, ref?: MenuRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
-    state: MenuState;
+interface BaseMenuProps extends DOMProps, AriaLabelingProps, StyleProps {
+    /**
+     * List of `Menu.Item`s or `Menu.Group`s that make up the menu
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Called with the value of a `Menu.Item` when it is selected.
+     */
+    onAction?: (value: string) => void;
+}
+type MenuRef = React$1.Ref<MenuRefValue>;
+interface MenuRefValue extends MenuState {
+    getRoot: () => HTMLElement | null;
+}
+interface MenuConfig<C extends AnyPlasmicClass> {
+    isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;
+    itemsSlot: keyof PlasmicClassArgs<C>;
+    itemsContainer: keyof PlasmicClassOverrides<C>;
+    root: keyof PlasmicClassOverrides<C>;
+}
+interface MenuState {
+    getFocusedValue: () => string | null;
+    setFocusedValue: (value: string) => void;
+}
+declare function useMenu<P extends BaseMenuProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuConfig<C>, ref?: MenuRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
+    state: MenuState;
 };
 
-/**
- * In general, we try not to expose react-aria's Collections API to Plume users.
- * The Collections API is how react-aria users pass data about collections of
- * things using the built-in Item and Section components, which are abstract,
- * metadata-only components that don't render anything but only serve to specify
- * data.  For example, here's how you would use react-spectrum's Picker:
- *
- *   <Picker>
- *     <Section title="Asia">
- *       <Item key="taiwan">Taiwan</Item>
- *       <Item key="japan">Japan</Item>
- *       <Item key="china">China</Item>
- *     </Section>
- *     <Section title="Europe">
- *       <Item key="germany">Germany</Item>
- *       <Item key="france">France</Item>
- *     </Section>
- *   </Picker>
- *
- * You would re-use this same Item/Section components to pass similar things to
- * Menu, Tabs, etc.
- *
- * For Plasmic, this API is too abstract.  The user has explicitly designed components
- * like Select.Option and Select.OptionGroup, and it is weird that they don't actually
- * use these components. It is more natural to do:
- *
- *   <Select>
- *     <Select.OptionGroup title="Asia">
- *       <Select.Option key="taiwan">Taiwan</Select>
- *     </Select.OptionGroup>
- *   </Select>
- *
- * For Plume, we let users directly use the components they designed, both to collect
- * information and to perform actual rendering.  For example, for Plume,
- * you'd use Select.Option instead of Item, and Select.OptionGroup instead of Section.
- * This means that the Select.Option props will collect the same information Item
- * does.
- *
- * A component like Select.Option then serves two purposes:
- *
- * 1. Allow users to specify the collection of data, like in the above example
- *    Here, we're mainly interested in the props in those ReactElements so
- *    we can pass the Item/Section data onto react-aria's APIs.  We are not
- *    actually rendering these elements.
- * 2. Once react-aria's Collections API has gone through them and built
- *    Collection "nodes", we then create cloned versions of these elements
- *    with the corresponding node passed in as a secret prop.  These ReactElements
- *    are then actually used to _render_ the corresponding Option / OptionGroup.
- *
- * This file contains helper functions to help with implementing the above.
- *
- * Note also that most of the collections-based react-aria components expose
- * a parallel API that accepts a list of "items" and a render prop, instead
- * of list of Item/Section elements.  This is for efficiency, but we are opting
- * to only support the composite-component pattern for now for simplicity.
- */
-
-/**
- * Props for a Plume component that corresponds to an Item
- */
-interface ItemLikeProps {
-    /**
-     * value key corresponding to this item. Not required if you use the
-     * `key` prop instead.
-     */
-    value?: string | null;
-    /**
-     * The text string value corresponding to this item. Used to support
-     * keyboard type-ahead.  If not specified, then will be derived from
-     * `children` if it is a string, or the `value` or `key`.
-     */
-    textValue?: string;
-    /**
-     * aria-label for this item.
-     */
-    "aria-label"?: string;
-    /**
-     * Primary content label for this item.
-     */
-    children?: React__default.ReactNode;
-    /**
-     * If true, this item will not be selectable.
-     */
-    isDisabled?: boolean;
-}
-/**
- * Props for a Plume component that corresponds to a Section
- */
-interface SectionLikeProps {
-    /**
-     * Heading content of the title
-     */
-    title?: React__default.ReactNode;
-    /**
-     * aria-label for this section
-     */
-    "aria-label"?: string;
-    /**
-     * A list of items that belong in this group
-     */
-    children?: React__default.ReactNode;
-}
-type ItemJson = LeafItemJson | SectionJson;
-type LeafItemJson = string | {
-    value: string;
-    label?: string;
-    textValue?: string;
-    isDisabled?: boolean;
-};
-interface SectionJson {
-    title: string;
-    children: ItemJson[];
+/**
+ * In general, we try not to expose react-aria's Collections API to Plume users.
+ * The Collections API is how react-aria users pass data about collections of
+ * things using the built-in Item and Section components, which are abstract,
+ * metadata-only components that don't render anything but only serve to specify
+ * data.  For example, here's how you would use react-spectrum's Picker:
+ *
+ *   <Picker>
+ *     <Section title="Asia">
+ *       <Item key="taiwan">Taiwan</Item>
+ *       <Item key="japan">Japan</Item>
+ *       <Item key="china">China</Item>
+ *     </Section>
+ *     <Section title="Europe">
+ *       <Item key="germany">Germany</Item>
+ *       <Item key="france">France</Item>
+ *     </Section>
+ *   </Picker>
+ *
+ * You would re-use this same Item/Section components to pass similar things to
+ * Menu, Tabs, etc.
+ *
+ * For Plasmic, this API is too abstract.  The user has explicitly designed components
+ * like Select.Option and Select.OptionGroup, and it is weird that they don't actually
+ * use these components. It is more natural to do:
+ *
+ *   <Select>
+ *     <Select.OptionGroup title="Asia">
+ *       <Select.Option key="taiwan">Taiwan</Select>
+ *     </Select.OptionGroup>
+ *   </Select>
+ *
+ * For Plume, we let users directly use the components they designed, both to collect
+ * information and to perform actual rendering.  For example, for Plume,
+ * you'd use Select.Option instead of Item, and Select.OptionGroup instead of Section.
+ * This means that the Select.Option props will collect the same information Item
+ * does.
+ *
+ * A component like Select.Option then serves two purposes:
+ *
+ * 1. Allow users to specify the collection of data, like in the above example
+ *    Here, we're mainly interested in the props in those ReactElements so
+ *    we can pass the Item/Section data onto react-aria's APIs.  We are not
+ *    actually rendering these elements.
+ * 2. Once react-aria's Collections API has gone through them and built
+ *    Collection "nodes", we then create cloned versions of these elements
+ *    with the corresponding node passed in as a secret prop.  These ReactElements
+ *    are then actually used to _render_ the corresponding Option / OptionGroup.
+ *
+ * This file contains helper functions to help with implementing the above.
+ *
+ * Note also that most of the collections-based react-aria components expose
+ * a parallel API that accepts a list of "items" and a render prop, instead
+ * of list of Item/Section elements.  This is for efficiency, but we are opting
+ * to only support the composite-component pattern for now for simplicity.
+ */
+
+/**
+ * Props for a Plume component that corresponds to an Item
+ */
+interface ItemLikeProps {
+    /**
+     * value key corresponding to this item. Not required if you use the
+     * `key` prop instead.
+     */
+    value?: string | null;
+    /**
+     * The text string value corresponding to this item. Used to support
+     * keyboard type-ahead.  If not specified, then will be derived from
+     * `children` if it is a string, or the `value` or `key`.
+     */
+    textValue?: string;
+    /**
+     * aria-label for this item.
+     */
+    "aria-label"?: string;
+    /**
+     * Primary content label for this item.
+     */
+    children?: React__default.ReactNode;
+    /**
+     * If true, this item will not be selectable.
+     */
+    isDisabled?: boolean;
+}
+/**
+ * Props for a Plume component that corresponds to a Section
+ */
+interface SectionLikeProps {
+    /**
+     * Heading content of the title
+     */
+    title?: React__default.ReactNode;
+    /**
+     * aria-label for this section
+     */
+    "aria-label"?: string;
+    /**
+     * A list of items that belong in this group
+     */
+    children?: React__default.ReactNode;
+}
+type ItemJson = LeafItemJson | SectionJson;
+type LeafItemJson = string | {
+    value: string;
+    label?: string;
+    textValue?: string;
+    isDisabled?: boolean;
+};
+interface SectionJson {
+    title: string;
+    children: ItemJson[];
 }
 
-interface BaseMenuGroupProps extends SectionLikeProps, StyleProps {
-}
-interface MenuGroupConfig<C extends AnyPlasmicClass> {
-    noTitleVariant: PlasmicClassVariants<C>;
-    isFirstVariant: PlasmicClassVariants<C>;
-    itemsSlot: keyof PlasmicClassArgs<C>;
-    titleSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    separator: keyof PlasmicClassOverrides<C>;
-    titleContainer: keyof PlasmicClassOverrides<C>;
-    itemsContainer: keyof PlasmicClassOverrides<C>;
-}
-declare function useMenuGroup<P extends BaseMenuGroupProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuGroupConfig<C>): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
+interface BaseMenuGroupProps extends SectionLikeProps, StyleProps {
+}
+interface MenuGroupConfig<C extends AnyPlasmicClass> {
+    noTitleVariant: PlasmicClassVariants<C>;
+    isFirstVariant: PlasmicClassVariants<C>;
+    itemsSlot: keyof PlasmicClassArgs<C>;
+    titleSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    separator: keyof PlasmicClassOverrides<C>;
+    titleContainer: keyof PlasmicClassOverrides<C>;
+    itemsContainer: keyof PlasmicClassOverrides<C>;
+}
+declare function useMenuGroup<P extends BaseMenuGroupProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuGroupConfig<C>): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
 };
 
-interface BaseMenuItemProps extends ItemLikeProps {
-    /**
-     * Called when this item is selected
-     */
-    onAction?: (key: string) => void;
-}
-interface MenuItemConfig<C extends AnyPlasmicClass> {
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isHighlightedVariant?: VariantDef<PlasmicClassVariants<C>>;
-    labelSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    labelContainer: keyof PlasmicClassOverrides<C>;
-}
-declare function useMenuItem<P extends BaseMenuItemProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuItemConfig<C>): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
+interface BaseMenuItemProps extends ItemLikeProps {
+    /**
+     * Called when this item is selected
+     */
+    onAction?: (key: string) => void;
+}
+interface MenuItemConfig<C extends AnyPlasmicClass> {
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isHighlightedVariant?: VariantDef<PlasmicClassVariants<C>>;
+    labelSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    labelContainer: keyof PlasmicClassOverrides<C>;
+}
+declare function useMenuItem<P extends BaseMenuItemProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuItemConfig<C>): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
 };
 
 /*
@@ -12754,246 +12755,246 @@ type Placement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'b
     'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' |
     'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
 
-interface DropdownMenuProps {
-    /**
-     * A ReactElement that takes in a `ref` as well as the usual mouse and
-     * pointer events. The dropdown menu will be positioned relative to this
-     * trigger.
-     */
-    children: React$1.ReactElement;
-    /**
-     * The menu to show; must be either a ReactElement of Menu type, or
-     * a function that creates one if you prefer to delay creating it until
-     * the menu has been triggered.
-     */
-    menu: React$1.ReactElement<BaseMenuProps> | (() => React$1.ReactElement<BaseMenuProps>);
-    /**
-     * Where to place the menu relative to the trigger.
-     */
-    placement?: Placement;
-    /**
-     * Whether the menu is currently shown.
-     */
-    isOpen?: boolean;
-    /**
-     * Uncontrolled open state.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Event handler fired when Menu's open state changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-}
+interface DropdownMenuProps {
+    /**
+     * A ReactElement that takes in a `ref` as well as the usual mouse and
+     * pointer events. The dropdown menu will be positioned relative to this
+     * trigger.
+     */
+    children: React$1.ReactElement;
+    /**
+     * The menu to show; must be either a ReactElement of Menu type, or
+     * a function that creates one if you prefer to delay creating it until
+     * the menu has been triggered.
+     */
+    menu: React$1.ReactElement<BaseMenuProps> | (() => React$1.ReactElement<BaseMenuProps>);
+    /**
+     * Where to place the menu relative to the trigger.
+     */
+    placement?: Placement;
+    /**
+     * Whether the menu is currently shown.
+     */
+    isOpen?: boolean;
+    /**
+     * Uncontrolled open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Event handler fired when Menu's open state changes
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+}
 declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;
 
-interface BaseMenuButtonProps extends DOMProps, FocusableProps, StyleProps, Pick<React$1.ComponentProps<"button">, "title"> {
-    /**
-     * The menu to show; can either be a Menu instance, or a function that returns a Menu
-     * instance if you want to defer creating the instance till when it's opened.
-     */
-    menu: React$1.ReactElement<BaseMenuProps> | (() => React$1.ReactElement<BaseMenuProps>);
-    /**
-     * Whether the button is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the menu is currently shown.
-     */
-    isOpen?: boolean;
-    /**
-     * Uncontrolled open state
-     */
-    defaultOpen?: boolean;
-    /**
-     * Event handler fired when Menu's open state changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /**
-     * Desired placement location of the Select dropdown
-     */
-    placement?: Placement;
-    /**
-     * If true, menu width will always match the trigger button width.
-     * If false, then menu width will have min-width matching the
-     * trigger button width.
-     */
-    menuMatchTriggerWidth?: boolean;
-    /**
-     * If set, menu width will be exactly this width, overriding
-     * menuMatchTriggerWidth.
-     */
-    menuWidth?: number;
-}
-interface MenuButtonConfig<C extends AnyPlasmicClass> {
-    isOpenVariant: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    menuSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    trigger: keyof PlasmicClassOverrides<C>;
-}
-interface MenuButtonState {
-    open: () => void;
-    close: () => void;
-    isOpen: () => boolean;
-}
-type MenuButtonRef = React$1.Ref<MenuButtonRefValue>;
-interface MenuButtonRefValue extends MenuButtonState {
-    getRoot: () => HTMLElement | null;
-    getTrigger: () => HTMLElement | null;
-    focus: () => void;
-    blur: () => void;
-}
-declare function useMenuButton<P extends BaseMenuButtonProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuButtonConfig<C>, outerRef?: MenuButtonRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
-    state: MenuButtonState;
+interface BaseMenuButtonProps extends DOMProps, FocusableProps, StyleProps, Pick<React$1.ComponentProps<"button">, "title"> {
+    /**
+     * The menu to show; can either be a Menu instance, or a function that returns a Menu
+     * instance if you want to defer creating the instance till when it's opened.
+     */
+    menu: React$1.ReactElement<BaseMenuProps> | (() => React$1.ReactElement<BaseMenuProps>);
+    /**
+     * Whether the button is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the menu is currently shown.
+     */
+    isOpen?: boolean;
+    /**
+     * Uncontrolled open state
+     */
+    defaultOpen?: boolean;
+    /**
+     * Event handler fired when Menu's open state changes
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Desired placement location of the Select dropdown
+     */
+    placement?: Placement;
+    /**
+     * If true, menu width will always match the trigger button width.
+     * If false, then menu width will have min-width matching the
+     * trigger button width.
+     */
+    menuMatchTriggerWidth?: boolean;
+    /**
+     * If set, menu width will be exactly this width, overriding
+     * menuMatchTriggerWidth.
+     */
+    menuWidth?: number;
+}
+interface MenuButtonConfig<C extends AnyPlasmicClass> {
+    isOpenVariant: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    menuSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    trigger: keyof PlasmicClassOverrides<C>;
+}
+interface MenuButtonState {
+    open: () => void;
+    close: () => void;
+    isOpen: () => boolean;
+}
+type MenuButtonRef = React$1.Ref<MenuButtonRefValue>;
+interface MenuButtonRefValue extends MenuButtonState {
+    getRoot: () => HTMLElement | null;
+    getTrigger: () => HTMLElement | null;
+    focus: () => void;
+    blur: () => void;
+}
+declare function useMenuButton<P extends BaseMenuButtonProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuButtonConfig<C>, outerRef?: MenuButtonRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
+    state: MenuButtonState;
 };
 
-interface BaseSelectProps extends DOMProps, AriaLabelingProps, FocusableDOMProps, InputBase, FocusableProps, StyleProps {
-    /**
-     * Key of the currently selected value
-     */
-    value?: string | null;
-    /**
-     * Event handler fired when currently selected value changes
-     */
-    onChange?: (value: string | null) => void;
-    /**
-     * Uncontrolled key of the default selected value
-     */
-    defaultValue?: string;
-    /**
-     * List of Select.Options
-     */
-    children?: React$1.ReactNode;
-    /**
-     * List of options as an array, instead of using `children` prop. If this
-     * is passed in, then `children` is ignored.
-     *
-     * The options can be a list of strings, or a list of objects with
-     * fields `value` (for the value of the option), `label` (for what's rendered
-     * in the option), and `isDisabled` (if the option should be disabled).
-     */
-    options?: ItemJson[];
-    /**
-     * Whether the Select is currently open
-     */
-    isOpen?: boolean;
-    /**
-     * Event handler fired when Select's open state changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /**
-     * Uncontrolled default open state
-     */
-    defaultOpen?: boolean;
-    /**
-     * Form name of the select element
-     */
-    name?: string;
-    /**
-     * By default, Select will render whatever is in Select.Option as the
-     * content in the trigger button when it is selected.  You can override
-     * what content by passing in `selectedContent` here.
-     */
-    selectedContent?: React$1.ReactNode;
-    /**
-     * Desired placement location of the Select dropdown
-     */
-    placement?: Placement;
-    /**
-     * If true, menu width will always match the trigger button width.
-     * If false, then menu width will have min-width matching the
-     * trigger button width.
-     */
-    menuMatchTriggerWidth?: boolean;
-    /**
-     * If set, menu width will be exactly this width, overriding
-     * menuMatchTriggerWidth.
-     */
-    menuWidth?: number;
-    /**
-     * Content to display when nothing is selected.
-     */
-    placeholder?: React$1.ReactNode;
-}
-type SelectRef = React$1.Ref<SelectRefValue>;
-interface SelectRefValue extends SelectState {
-    getTrigger: () => HTMLElement | null;
-    getRoot: () => HTMLElement | null;
-    focus: () => void;
-    blur: () => void;
-}
-interface SelectConfig<C extends AnyPlasmicClass> {
-    placeholderVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isOpenVariant: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    triggerContentSlot: keyof PlasmicClassArgs<C>;
-    optionsSlot: keyof PlasmicClassArgs<C>;
-    placeholderSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    trigger: keyof PlasmicClassOverrides<C>;
-    overlay: keyof PlasmicClassOverrides<C>;
-    optionsContainer: keyof PlasmicClassOverrides<C>;
-    OptionComponent?: React$1.ComponentType<ItemLikeProps>;
-    OptionGroupComponent?: React$1.ComponentType<SectionLikeProps>;
-}
-interface SelectState {
-    open: () => void;
-    close: () => void;
-    isOpen: () => boolean;
-    getSelectedValue: () => string | null;
-    setSelectedValue: (value: string | null) => void;
-}
-declare function useSelect<P extends BaseSelectProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectConfig<C>, ref?: React$1.Ref<SelectRefValue>): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
-    state: SelectState;
+interface BaseSelectProps extends DOMProps, AriaLabelingProps, FocusableDOMProps, InputBase, FocusableProps, StyleProps {
+    /**
+     * Key of the currently selected value
+     */
+    value?: string | null;
+    /**
+     * Event handler fired when currently selected value changes
+     */
+    onChange?: (value: string | null) => void;
+    /**
+     * Uncontrolled key of the default selected value
+     */
+    defaultValue?: string;
+    /**
+     * List of Select.Options
+     */
+    children?: React$1.ReactNode;
+    /**
+     * List of options as an array, instead of using `children` prop. If this
+     * is passed in, then `children` is ignored.
+     *
+     * The options can be a list of strings, or a list of objects with
+     * fields `value` (for the value of the option), `label` (for what's rendered
+     * in the option), and `isDisabled` (if the option should be disabled).
+     */
+    options?: ItemJson[];
+    /**
+     * Whether the Select is currently open
+     */
+    isOpen?: boolean;
+    /**
+     * Event handler fired when Select's open state changes
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Uncontrolled default open state
+     */
+    defaultOpen?: boolean;
+    /**
+     * Form name of the select element
+     */
+    name?: string;
+    /**
+     * By default, Select will render whatever is in Select.Option as the
+     * content in the trigger button when it is selected.  You can override
+     * what content by passing in `selectedContent` here.
+     */
+    selectedContent?: React$1.ReactNode;
+    /**
+     * Desired placement location of the Select dropdown
+     */
+    placement?: Placement;
+    /**
+     * If true, menu width will always match the trigger button width.
+     * If false, then menu width will have min-width matching the
+     * trigger button width.
+     */
+    menuMatchTriggerWidth?: boolean;
+    /**
+     * If set, menu width will be exactly this width, overriding
+     * menuMatchTriggerWidth.
+     */
+    menuWidth?: number;
+    /**
+     * Content to display when nothing is selected.
+     */
+    placeholder?: React$1.ReactNode;
+}
+type SelectRef = React$1.Ref<SelectRefValue>;
+interface SelectRefValue extends SelectState {
+    getTrigger: () => HTMLElement | null;
+    getRoot: () => HTMLElement | null;
+    focus: () => void;
+    blur: () => void;
+}
+interface SelectConfig<C extends AnyPlasmicClass> {
+    placeholderVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isOpenVariant: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    triggerContentSlot: keyof PlasmicClassArgs<C>;
+    optionsSlot: keyof PlasmicClassArgs<C>;
+    placeholderSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    trigger: keyof PlasmicClassOverrides<C>;
+    overlay: keyof PlasmicClassOverrides<C>;
+    optionsContainer: keyof PlasmicClassOverrides<C>;
+    OptionComponent?: React$1.ComponentType<ItemLikeProps>;
+    OptionGroupComponent?: React$1.ComponentType<SectionLikeProps>;
+}
+interface SelectState {
+    open: () => void;
+    close: () => void;
+    isOpen: () => boolean;
+    getSelectedValue: () => string | null;
+    setSelectedValue: (value: string | null) => void;
+}
+declare function useSelect<P extends BaseSelectProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectConfig<C>, ref?: React$1.Ref<SelectRefValue>): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
+    state: SelectState;
 };
 
-interface BaseSelectOptionProps extends ItemLikeProps, StyleProps {
-}
-interface SelectOptionConfig<C extends AnyPlasmicClass> {
-    isSelectedVariant: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isHighlightedVariant?: VariantDef<PlasmicClassVariants<C>>;
-    labelSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    labelContainer: keyof PlasmicClassOverrides<C>;
-}
-type SelectOptionRef = React$1.Ref<HTMLElement>;
-declare function useSelectOption<P extends BaseSelectOptionProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectOptionConfig<C>, outerRef?: SelectOptionRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
+interface BaseSelectOptionProps extends ItemLikeProps, StyleProps {
+}
+interface SelectOptionConfig<C extends AnyPlasmicClass> {
+    isSelectedVariant: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isHighlightedVariant?: VariantDef<PlasmicClassVariants<C>>;
+    labelSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    labelContainer: keyof PlasmicClassOverrides<C>;
+}
+type SelectOptionRef = React$1.Ref<HTMLElement>;
+declare function useSelectOption<P extends BaseSelectOptionProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectOptionConfig<C>, outerRef?: SelectOptionRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
 };
 
-interface BaseSelectOptionGroupProps extends SectionLikeProps, StyleProps {
-}
-interface SelectOptionGroupConfig<C extends AnyPlasmicClass> {
-    noTitleVariant: PlasmicClassVariants<C>;
-    isFirstVariant: PlasmicClassVariants<C>;
-    optionsSlot: keyof PlasmicClassArgs<C>;
-    titleSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    separator: keyof PlasmicClassOverrides<C>;
-    titleContainer: keyof PlasmicClassOverrides<C>;
-    optionsContainer: keyof PlasmicClassOverrides<C>;
-}
-declare function useSelectOptionGroup<P extends BaseSelectOptionGroupProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectOptionGroupConfig<C>): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
+interface BaseSelectOptionGroupProps extends SectionLikeProps, StyleProps {
+}
+interface SelectOptionGroupConfig<C extends AnyPlasmicClass> {
+    noTitleVariant: PlasmicClassVariants<C>;
+    isFirstVariant: PlasmicClassVariants<C>;
+    optionsSlot: keyof PlasmicClassArgs<C>;
+    titleSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    separator: keyof PlasmicClassOverrides<C>;
+    titleContainer: keyof PlasmicClassOverrides<C>;
+    optionsContainer: keyof PlasmicClassOverrides<C>;
+}
+declare function useSelectOptionGroup<P extends BaseSelectOptionGroupProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectOptionGroupConfig<C>): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
 };
 
 interface FocusState {
@@ -13240,94 +13241,94 @@ interface AriaSwitchBase extends SwitchBase, FocusableDOMProps, AriaLabelingProp
 }
 interface AriaSwitchProps extends SwitchProps$1, AriaSwitchBase {}
 
-type SwitchRef = React$1.Ref<SwitchRefValue>;
-interface SwitchRefValue extends SwitchState {
-    getRoot: () => HTMLElement | null;
-    focus: () => void;
-    blur: () => void;
-}
-interface SwitchState {
-    setChecked: (checked: boolean) => void;
-}
-interface SwitchProps extends Omit<AriaSwitchProps, "isSelected" | "defaultSelected">, StyleProps {
-    /**
-     * Whether the Switch is checked or not; controlled
-     */
-    isChecked?: boolean;
-    /**
-     * Whether the Switch is checked by default; uncontrolled
-     */
-    defaultChecked?: boolean;
-}
-interface SwitchConfig<C extends AnyPlasmicClass> {
-    isCheckedVariant: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    noLabelVariant?: VariantDef<PlasmicClassVariants<C>>;
-    labelSlot?: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-}
-declare function useSwitch<P extends SwitchProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SwitchConfig<C>, ref?: SwitchRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        overrides: PlasmicClassOverrides<C>;
-        args: PlasmicClassArgs<C>;
-    };
-    state: SwitchState;
+type SwitchRef = React$1.Ref<SwitchRefValue>;
+interface SwitchRefValue extends SwitchState {
+    getRoot: () => HTMLElement | null;
+    focus: () => void;
+    blur: () => void;
+}
+interface SwitchState {
+    setChecked: (checked: boolean) => void;
+}
+interface SwitchProps extends Omit<AriaSwitchProps, "isSelected" | "defaultSelected">, StyleProps {
+    /**
+     * Whether the Switch is checked or not; controlled
+     */
+    isChecked?: boolean;
+    /**
+     * Whether the Switch is checked by default; uncontrolled
+     */
+    defaultChecked?: boolean;
+}
+interface SwitchConfig<C extends AnyPlasmicClass> {
+    isCheckedVariant: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    noLabelVariant?: VariantDef<PlasmicClassVariants<C>>;
+    labelSlot?: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+}
+declare function useSwitch<P extends SwitchProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SwitchConfig<C>, ref?: SwitchRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        overrides: PlasmicClassOverrides<C>;
+        args: PlasmicClassArgs<C>;
+    };
+    state: SwitchState;
 };
 
-interface BaseTextInputProps extends Omit<React$1.ComponentProps<"input">, "type" | "disabled"> {
-    showStartIcon?: boolean;
-    showEndIcon?: boolean;
-    startIcon?: React$1.ReactNode;
-    endIcon?: React$1.ReactNode;
-    isDisabled?: boolean;
-    type?: "text" | "password" | "email" | "url" | string;
-    inputClassName?: string;
-    inputStyle?: React$1.CSSProperties;
-}
-interface TextInputRefValue {
-    focus: () => void;
-    blur: () => void;
-    getRoot: () => HTMLElement | null;
-    getInput: () => HTMLInputElement | null;
-}
-type TextInputRef = React$1.Ref<TextInputRefValue>;
-interface TextInputConfig<C extends AnyPlasmicClass> {
-    showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
-    showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    startIconSlot?: keyof PlasmicClassArgs<C>;
-    endIconSlot?: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    input: keyof PlasmicClassOverrides<C>;
-}
-declare function useTextInput<P extends BaseTextInputProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TextInputConfig<C>, ref?: TextInputRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
+interface BaseTextInputProps extends Omit<React$1.ComponentProps<"input">, "type" | "disabled"> {
+    showStartIcon?: boolean;
+    showEndIcon?: boolean;
+    startIcon?: React$1.ReactNode;
+    endIcon?: React$1.ReactNode;
+    isDisabled?: boolean;
+    type?: "text" | "password" | "email" | "url" | string;
+    inputClassName?: string;
+    inputStyle?: React$1.CSSProperties;
+}
+interface TextInputRefValue {
+    focus: () => void;
+    blur: () => void;
+    getRoot: () => HTMLElement | null;
+    getInput: () => HTMLInputElement | null;
+}
+type TextInputRef = React$1.Ref<TextInputRefValue>;
+interface TextInputConfig<C extends AnyPlasmicClass> {
+    showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
+    showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    startIconSlot?: keyof PlasmicClassArgs<C>;
+    endIconSlot?: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    input: keyof PlasmicClassOverrides<C>;
+}
+declare function useTextInput<P extends BaseTextInputProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TextInputConfig<C>, ref?: TextInputRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
 };
 
-interface BaseTriggeredOverlayProps extends StyleProps, DOMProps {
-    children?: React$1.ReactNode;
-}
-interface TriggeredOverlayConfig<C extends AnyPlasmicClass> {
-    isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;
-    contentSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    contentContainer: keyof PlasmicClassOverrides<C>;
-}
-type TriggeredOverlayRef = React$1.Ref<HTMLElement>;
-declare function useTriggeredOverlay<P extends BaseTriggeredOverlayProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TriggeredOverlayConfig<C>, outerRef?: TriggeredOverlayRef, isDismissable?: boolean): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
+interface BaseTriggeredOverlayProps extends StyleProps, DOMProps {
+    children?: React$1.ReactNode;
+}
+interface TriggeredOverlayConfig<C extends AnyPlasmicClass> {
+    isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;
+    contentSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    contentContainer: keyof PlasmicClassOverrides<C>;
+}
+type TriggeredOverlayRef = React$1.Ref<HTMLElement>;
+declare function useTriggeredOverlay<P extends BaseTriggeredOverlayProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TriggeredOverlayConfig<C>, outerRef?: TriggeredOverlayRef, isDismissable?: boolean): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
 };
 
 interface OverlayTriggerState {
@@ -13343,15 +13344,15 @@ interface OverlayTriggerState {
     toggle(): void;
 }
 
-interface TriggeredOverlayContextValue {
-    triggerRef: React$1.RefObject<HTMLElement>;
-    state: OverlayTriggerState;
-    autoFocus?: boolean | FocusStrategy;
-    placement?: Placement;
-    overlayMatchTriggerWidth?: boolean;
-    overlayMinTriggerWidth?: boolean;
-    overlayWidth?: number;
-}
+interface TriggeredOverlayContextValue {
+    triggerRef: React$1.RefObject<HTMLElement>;
+    state: OverlayTriggerState;
+    autoFocus?: boolean | FocusStrategy;
+    placement?: Placement;
+    overlayMatchTriggerWidth?: boolean;
+    overlayMinTriggerWidth?: boolean;
+    overlayWidth?: number;
+}
 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, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, 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, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, withPlasmicPageGuard, wrapWithClassName };