jsxRuntime jsx jsxFrag import * as React from "react" ; import * as p from "@plasmicapp/react-web" ; import { hasVariant , classNames , wrapWithClassName , createPlasmicElementProxy , makeFragment , MultiChoiceArg , SingleBooleanChoiceArg , SingleChoiceArg , pick , omit , useTrigger , StrictProps , deriveRenderOpts , ensureGlobalVariants , } from "@plasmicapp/react-web" ; import "@plasmicapp/react-web/lib/plasmic.css" ; import * as defaultcss from "../plasmic__default_style.module.css" ; import * as projectcss from "./plasmic_plume_main.module.css" ; import * as sty from "./PlasmicMenu__Overlay.module.css" ; import SUPER__PlasmicMenu from "./PlasmicMenu" ; export type PlasmicMenu__Overlay__VariantMembers = { relativePlacement : "top" | "bottom" | "left" | "right" ; } ; export type PlasmicMenu__Overlay__VariantsArgs = { relativePlacement ? : SingleChoiceArg < "top" | "bottom" | "left" | "right" > ; } ; type VariantPropType = keyof PlasmicMenu__Overlay__VariantsArgs ; export const PlasmicMenu__Overlay__VariantProps = new Array < VariantPropType > ( "relativePlacement" ) ; export type PlasmicMenu__Overlay__ArgsType = { children ? : React . ReactNode ; } ; type ArgPropType = keyof PlasmicMenu__Overlay__ArgsType ; export const PlasmicMenu__Overlay__ArgProps = new Array < ArgPropType > ( "children" ) ; export type PlasmicMenu__Overlay__OverridesType = { root ? : p . Flex < "div" > ; top ? : p . Flex < "div" > ; middle ? : p . Flex < "div" > ; left ? : p . Flex < "div" > ; main ? : p . Flex < "div" > ; right ? : p . Flex < "div" > ; bottom ? : p . Flex < "div" > ; } ; export interface DefaultMenu__OverlayProps extends p . BaseTriggeredOverlayProps { children ? : React . ReactNode ; } function PlasmicMenu__Overlay__RenderFunc ( props ) { const { variants , args , overrides , forNode } = props ; const superContexts = { Menu : React . useContext ( SUPER__PlasmicMenu . Context ) , } ; return ( < div data - plasmic - name = { "root" } data - plasmic - override = { overrides . root } data - plasmic - root = { true } data - plasmic - for - node = { forNode } className = { classNames ( defaultcss . all , projectcss . root_reset , sty . root ) } > { ( hasVariant ( variants , "relativePlacement" , "bottom" ) ? true : false ) ? ( < div data - plasmic - name = { "top" } data - plasmic - override = { overrides . top } className = { classNames ( defaultcss . all , sty . top , { [ sty . top__relativePlacement_bottom ] : hasVariant ( variants , "relativePlacement" , "bottom" ) , } ) } />) : null} < div data - plasmic - name = { "middle" } data - plasmic - override = { overrides . middle } className = { classNames ( defaultcss . all , sty . middle ) } > { ( hasVariant ( variants , "relativePlacement" , "right" ) ? true : false ) ? ( < div data - plasmic - name = { "left" } data - plasmic - override = { overrides . left } className = { classNames ( defaultcss . all , sty . left , { [ sty . left__relativePlacement_right ] : hasVariant ( variants , "relativePlacement" , "right" ) , } ) } />) : null} < div data - plasmic - name = { "main" } data - plasmic - override = { overrides . main } className = { classNames ( defaultcss . all , sty . main ) } > { p . renderPlasmicSlot ( { defaultContents : null , value : args . children , } ) } < /div> { ( hasVariant ( variants , "relativePlacement" , "left" ) ? true : false ) ? ( < div data - plasmic - name = { "right" } data - plasmic - override = { overrides . right } className = { classNames ( defaultcss . all , sty . right , { [ sty . right__relativePlacement_left ] : hasVariant ( variants , "relativePlacement" , "left" ) , } ) } />) : null} < /div> { ( hasVariant ( variants , "relativePlacement" , "top" ) ? true : false ) ? ( < div data - plasmic - name = { "bottom" } data - plasmic - override = { overrides . bottom } className = { classNames ( defaultcss . all , sty . bottom , { [ sty . bottom__relativePlacement_top ] : hasVariant ( variants , "relativePlacement" , "top" ) , } ) } />) : null} < /div>) as React.ReactElement | null; } function useBehavior < P extends p . BaseTriggeredOverlayProps > ( props , ref ) { return p . useTriggeredOverlay ( PlasmicMenu__Overlay , props , { isPlacedTopVariant : { group : "relativePlacement" , variant : "top" } , isPlacedBottomVariant : { group : "relativePlacement" , variant : "bottom" } , isPlacedLeftVariant : { group : "relativePlacement" , variant : "left" } , isPlacedRightVariant : { group : "relativePlacement" , variant : "right" } , contentSlot : "children" , root : "root" , } , ref ) ; } const PlasmicDescendants = { root : [ "root" , "top" , "middle" , "left" , "main" , "right" , "bottom" ] , top : [ "top" ] , middle : [ "middle" , "left" , "main" , "right" ] , left : [ "left" ] , main : [ "main" ] , right : [ "right" ] , bottom : [ "bottom" ] , } as const ; type NodeNameType = keyof typeof PlasmicDescendants ; type DescendantsType < T extends NodeNameType > = typeof PlasmicDescendants [ T ] [ number ] ; type NodeDefaultElementType = { root : "div" ; top : "div" ; middle : "div" ; left : "div" ; main : "div" ; right : "div" ; bottom : "div" ; } ; type ReservedPropsType = "variants" | "args" | "overrides" ; type NodeOverridesType < T extends NodeNameType > = Pick < PlasmicMenu__Overlay__OverridesType , DescendantsType < T > > ; type NodeComponentProps < T extends NodeNameType > = { variants ? : PlasmicMenu__Overlay__VariantsArgs ; args ? : PlasmicMenu__Overlay__ArgsType ; overrides ? : NodeOverridesType < T > ; } & Omit < PlasmicMenu__Overlay__VariantsArgs , ReservedPropsType > & Omit < PlasmicMenu__Overlay__ArgsType , ReservedPropsType > & Omit < NodeOverridesType < T > , ReservedPropsType | VariantPropType | ArgPropType > & Omit < Partial < React . ComponentProps < NodeDefaultElementType [ T ] > > , ReservedPropsType | VariantPropType | ArgPropType | DescendantsType < T > > ; function makeNodeComponent < NodeName extends NodeNameType > ( nodeName ) { type PropsType = NodeComponentProps < NodeName > & { key ? : React . Key ; } ; const func = function < T extends PropsType > ( props ) { const { variants , args , overrides } = deriveRenderOpts ( props , { name : nodeName , descendantNames : [ ... PlasmicDescendants [ nodeName ] ] , internalArgPropNames : PlasmicMenu__Overlay__ArgProps , internalVariantPropNames : PlasmicMenu__Overlay__VariantProps , } ) ; return PlasmicMenu__Overlay__RenderFunc ( { variants , args , overrides , forNode : nodeName , } ) ; } ; if ( nodeName === "root" ) { func . displayName = "PlasmicMenu__Overlay" ; } else { func . displayName = `PlasmicMenu__Overlay.${ nodeName }` ; } return func ; } export const PlasmicMenu__Overlay = Object . assign ( makeNodeComponent ( "root" ) , { top : makeNodeComponent ( "top" ) , middle : makeNodeComponent ( "middle" ) , left : makeNodeComponent ( "left" ) , main : makeNodeComponent ( "main" ) , right : makeNodeComponent ( "right" ) , bottom : makeNodeComponent ( "bottom" ) , internalVariantProps : PlasmicMenu__Overlay__VariantProps , internalArgProps : PlasmicMenu__Overlay__ArgProps , useBehavior , } ) ; export default PlasmicMenu__Overlay ;