hover-card-stories.c559d912.iframe.bundle.js

"use strict";(self.webpackChunkwww=self.webpackChunkwww||[]).push([[67],{"../../node_modules/@radix-ui/react-presence/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>$921a889cee6df7e8$export$99c2b779aa4e8b8b});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react-dom/index.js"),_radix_ui_react_compose_refs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs");const $921a889cee6df7e8$export$99c2b779aa4e8b8b=props=>{const{present,children}=props,presence=function $921a889cee6df7e8$var$usePresence(present){const[node1,setNode]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),stylesRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({}),prevPresentRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(present),prevAnimationNameRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)("none"),initialState=present?"mounted":"unmounted",[state,send]=function $fe963b355347cc68$export$3e6543de14f8614f(initialState,machine){return(0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(((state,event)=>{const nextState=machine[state][event];return null!=nextState?nextState:state}),initialState)}(initialState,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const currentAnimationName=$921a889cee6df7e8$var$getAnimationName(stylesRef.current);prevAnimationNameRef.current="mounted"===state?currentAnimationName:"none"}),[state]),(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_3__.b)((()=>{const styles=stylesRef.current,wasPresent=prevPresentRef.current;if(wasPresent!==present){const prevAnimationName=prevAnimationNameRef.current,currentAnimationName=$921a889cee6df7e8$var$getAnimationName(styles);if(present)send("MOUNT");else if("none"===currentAnimationName||"none"===(null==styles?void 0:styles.display))send("UNMOUNT");else{send(wasPresent&&prevAnimationName!==currentAnimationName?"ANIMATION_OUT":"UNMOUNT")}prevPresentRef.current=present}}),[present,send]),(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_3__.b)((()=>{if(node1){const handleAnimationEnd=event=>{const isCurrentAnimation=$921a889cee6df7e8$var$getAnimationName(stylesRef.current).includes(event.animationName);event.target===node1&&isCurrentAnimation&&(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.flushSync)((()=>send("ANIMATION_END")))},handleAnimationStart=event=>{event.target===node1&&(prevAnimationNameRef.current=$921a889cee6df7e8$var$getAnimationName(stylesRef.current))};return node1.addEventListener("animationstart",handleAnimationStart),node1.addEventListener("animationcancel",handleAnimationEnd),node1.addEventListener("animationend",handleAnimationEnd),()=>{node1.removeEventListener("animationstart",handleAnimationStart),node1.removeEventListener("animationcancel",handleAnimationEnd),node1.removeEventListener("animationend",handleAnimationEnd)}}send("ANIMATION_END")}),[node1,send]),{isPresent:["mounted","unmountSuspended"].includes(state),ref:(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((node=>{node&&(stylesRef.current=getComputedStyle(node)),setNode(node)}),[])}}(present),child="function"==typeof children?children({present:presence.isPresent}):react__WEBPACK_IMPORTED_MODULE_0__.Children.only(children),ref=(0,_radix_ui_react_compose_refs__WEBPACK_IMPORTED_MODULE_2__.e)(presence.ref,child.ref);return"function"==typeof children||presence.isPresent?(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(child,{ref}):null};function $921a889cee6df7e8$var$getAnimationName(styles){return(null==styles?void 0:styles.animationName)||"none"}$921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName="Presence"},"./lib/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{cn:()=>cn});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/clsx/dist/clsx.m.js"),tailwind_merge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/tailwind-merge/dist/lib/tw-merge.mjs");__webpack_require__("../../node_modules/process/browser.js");function cn(){for(var _len=arguments.length,inputs=new Array(_len),_key=0;_key<_len;_key++)inputs[_key]=arguments[_key];return(0,tailwind_merge__WEBPACK_IMPORTED_MODULE_0__.m)((0,clsx__WEBPACK_IMPORTED_MODULE_1__.W)(inputs))}},"./registry/default/ui/avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{qE:()=>Avatar,Q5:()=>AvatarFallback,F$:()=>AvatarImage});var esm_extends=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js"),dist=__webpack_require__("../../node_modules/@radix-ui/react-context/dist/index.mjs"),react_use_callback_ref_dist=__webpack_require__("../../node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs"),react_use_layout_effect_dist=__webpack_require__("../../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs"),react_primitive_dist=__webpack_require__("../../node_modules/@radix-ui/react-primitive/dist/index.mjs");const[$cddcb0b647441e34$var$createAvatarContext,$cddcb0b647441e34$export$90370d16b488820f]=(0,dist.b)("Avatar"),[$cddcb0b647441e34$var$AvatarProvider,$cddcb0b647441e34$var$useAvatarContext]=$cddcb0b647441e34$var$createAvatarContext("Avatar"),$cddcb0b647441e34$export$e2255cf6045e8d47=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAvatar,...avatarProps}=props,[imageLoadingStatus,setImageLoadingStatus]=(0,react.useState)("idle");return(0,react.createElement)($cddcb0b647441e34$var$AvatarProvider,{scope:__scopeAvatar,imageLoadingStatus,onImageLoadingStatusChange:setImageLoadingStatus},(0,react.createElement)(react_primitive_dist.WV.span,(0,esm_extends.Z)({},avatarProps,{ref:forwardedRef})))})),$cddcb0b647441e34$export$2cd8ae1985206fe8=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAvatar,src,onLoadingStatusChange=()=>{},...imageProps}=props,context=$cddcb0b647441e34$var$useAvatarContext("AvatarImage",__scopeAvatar),imageLoadingStatus=function $cddcb0b647441e34$var$useImageLoadingStatus(src){const[loadingStatus,setLoadingStatus]=(0,react.useState)("idle");return(0,react.useEffect)((()=>{if(!src)return void setLoadingStatus("error");let isMounted=!0;const image=new window.Image,updateStatus=status=>()=>{isMounted&&setLoadingStatus(status)};return setLoadingStatus("loading"),image.onload=updateStatus("loaded"),image.onerror=updateStatus("error"),image.src=src,()=>{isMounted=!1}}),[src]),loadingStatus}(src),handleLoadingStatusChange=(0,react_use_callback_ref_dist.W)((status=>{onLoadingStatusChange(status),context.onImageLoadingStatusChange(status)}));return(0,react_use_layout_effect_dist.b)((()=>{"idle"!==imageLoadingStatus&&handleLoadingStatusChange(imageLoadingStatus)}),[imageLoadingStatus,handleLoadingStatusChange]),"loaded"===imageLoadingStatus?(0,react.createElement)(react_primitive_dist.WV.img,(0,esm_extends.Z)({},imageProps,{ref:forwardedRef,src})):null})),$cddcb0b647441e34$export$69fffb6a9571fbfe=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeAvatar,delayMs,...fallbackProps}=props,context=$cddcb0b647441e34$var$useAvatarContext("AvatarFallback",__scopeAvatar),[canRender,setCanRender]=(0,react.useState)(void 0===delayMs);return(0,react.useEffect)((()=>{if(void 0!==delayMs){const timerId=window.setTimeout((()=>setCanRender(!0)),delayMs);return()=>window.clearTimeout(timerId)}}),[delayMs]),canRender&&"loaded"!==context.imageLoadingStatus?(0,react.createElement)(react_primitive_dist.WV.span,(0,esm_extends.Z)({},fallbackProps,{ref:forwardedRef})):null}));const $cddcb0b647441e34$export$be92b6f5f03c0fe9=$cddcb0b647441e34$export$e2255cf6045e8d47,$cddcb0b647441e34$export$3e431a229df88919=$cddcb0b647441e34$export$2cd8ae1985206fe8,$cddcb0b647441e34$export$fb8d7f40caaeea67=$cddcb0b647441e34$export$69fffb6a9571fbfe;var utils=__webpack_require__("./lib/utils.ts"),_excluded=["className"],_excluded2=["className"],_excluded3=["className"],__jsx=react.createElement,Avatar=react.forwardRef((function(_ref,ref){var className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return __jsx($cddcb0b647441e34$export$be92b6f5f03c0fe9,(0,esm_extends.Z)({ref,className:(0,utils.cn)("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",className)},props))}));Avatar.displayName=$cddcb0b647441e34$export$be92b6f5f03c0fe9.displayName;var AvatarImage=react.forwardRef((function(_ref2,ref){var className=_ref2.className,props=(0,objectWithoutProperties.Z)(_ref2,_excluded2);return __jsx($cddcb0b647441e34$export$3e431a229df88919,(0,esm_extends.Z)({ref,className:(0,utils.cn)("aspect-square h-full w-full",className)},props))}));AvatarImage.displayName=$cddcb0b647441e34$export$3e431a229df88919.displayName;var AvatarFallback=react.forwardRef((function(_ref3,ref){var className=_ref3.className,props=(0,objectWithoutProperties.Z)(_ref3,_excluded3);return __jsx($cddcb0b647441e34$export$fb8d7f40caaeea67,(0,esm_extends.Z)({ref,className:(0,utils.cn)("flex h-full w-full items-center justify-center rounded-full bg-muted",className)},props))}));AvatarFallback.displayName=$cddcb0b647441e34$export$fb8d7f40caaeea67.displayName,Avatar.__docgenInfo={description:"",methods:[]},AvatarImage.__docgenInfo={description:"",methods:[]},AvatarFallback.__docgenInfo={description:"",methods:[]};try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"registry/default/ui/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}try{AvatarImage.displayName="AvatarImage",AvatarImage.__docgenInfo={description:"",displayName:"AvatarImage",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/avatar.tsx#AvatarImage"]={docgenInfo:AvatarImage.__docgenInfo,name:"AvatarImage",path:"registry/default/ui/avatar.tsx#AvatarImage"})}catch(__react_docgen_typescript_loader_error){}try{AvatarFallback.displayName="AvatarFallback",AvatarFallback.__docgenInfo={description:"",displayName:"AvatarFallback",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/avatar.tsx#AvatarFallback"]={docgenInfo:AvatarFallback.__docgenInfo,name:"AvatarFallback",path:"registry/default/ui/avatar.tsx#AvatarFallback"})}catch(__react_docgen_typescript_loader_error){}},"./registry/default/ui/button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{d:()=>buttonVariants,z:()=>Button});var _Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/extends.js"),_Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_radix_ui_react_slot__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@radix-ui/react-slot/dist/index.mjs"),class_variance_authority__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/class-variance-authority/dist/index.esm.js"),_lib_utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./lib/utils.ts"),_excluded=["className","variant","size","asChild"],__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,buttonVariants=(0,class_variance_authority__WEBPACK_IMPORTED_MODULE_2__.j)("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),Button=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function(_ref,ref){var className=_ref.className,variant=_ref.variant,size=_ref.size,_ref$asChild=_ref.asChild,asChild=void 0!==_ref$asChild&&_ref$asChild,props=(0,_Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_ref,_excluded),Comp=asChild?_radix_ui_react_slot__WEBPACK_IMPORTED_MODULE_4__.g7:"button";return __jsx(Comp,(0,_Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_5__.Z)({className:(0,_lib_utils__WEBPACK_IMPORTED_MODULE_1__.cn)(buttonVariants({variant,size,className})),ref},props))}));Button.displayName="Button",Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{asChild:{defaultValue:{value:"false",computed:!1},required:!1}}};try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{asChild:{defaultValue:{value:"false"},description:"",name:"asChild",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"default" | "sm" | "lg" | "icon" | null'}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:'"link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"registry/default/ui/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./registry/stories/hover-card.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,default:()=>hover_card_stories});var defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("../../node_modules/react/index.js");const CalendarDays=(0,__webpack_require__("../../node_modules/lucide-react/dist/esm/createLucideIcon.js").Z)("CalendarDays",[["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",ry:"2",key:"eu3xkr"}],["line",{x1:"16",x2:"16",y1:"2",y2:"6",key:"m3sa8f"}],["line",{x1:"8",x2:"8",y1:"2",y2:"6",key:"18kwsl"}],["line",{x1:"3",x2:"21",y1:"10",y2:"10",key:"xt86sb"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 18h.01",key:"lrp35t"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M16 18h.01",key:"kzsmim"}]]);var avatar=__webpack_require__("./registry/default/ui/avatar.tsx"),ui_button=__webpack_require__("./registry/default/ui/button.tsx"),esm_extends=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),dist=__webpack_require__("../../node_modules/@radix-ui/primitive/dist/index.mjs"),react_context_dist=__webpack_require__("../../node_modules/@radix-ui/react-context/dist/index.mjs"),react_use_controllable_state_dist=__webpack_require__("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"),react_compose_refs_dist=__webpack_require__("../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),react_popper_dist=__webpack_require__("../../node_modules/@radix-ui/react-popper/dist/index.mjs"),react_presence_dist=(__webpack_require__("../../node_modules/@radix-ui/react-portal/dist/index.mjs"),__webpack_require__("../../node_modules/@radix-ui/react-presence/dist/index.mjs")),react_primitive_dist=__webpack_require__("../../node_modules/@radix-ui/react-primitive/dist/index.mjs"),react_dismissable_layer_dist=__webpack_require__("../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs");let $cef8881cdc69808e$var$originalBodyUserSelect;const[$cef8881cdc69808e$var$createHoverCardContext,$cef8881cdc69808e$export$47b6998a836b7260]=(0,react_context_dist.b)("HoverCard",[react_popper_dist.D7]),$cef8881cdc69808e$var$usePopperScope=(0,react_popper_dist.D7)(),[$cef8881cdc69808e$var$HoverCardProvider,$cef8881cdc69808e$var$useHoverCardContext]=$cef8881cdc69808e$var$createHoverCardContext("HoverCard"),$cef8881cdc69808e$export$57a077cc9fbe653e=props=>{const{__scopeHoverCard,children,open:openProp,defaultOpen,onOpenChange,openDelay=700,closeDelay=300}=props,popperScope=$cef8881cdc69808e$var$usePopperScope(__scopeHoverCard),openTimerRef=(0,react.useRef)(0),closeTimerRef=(0,react.useRef)(0),hasSelectionRef=(0,react.useRef)(!1),isPointerDownOnContentRef=(0,react.useRef)(!1),[open=!1,setOpen]=(0,react_use_controllable_state_dist.T)({prop:openProp,defaultProp:defaultOpen,onChange:onOpenChange}),handleOpen=(0,react.useCallback)((()=>{clearTimeout(closeTimerRef.current),openTimerRef.current=window.setTimeout((()=>setOpen(!0)),openDelay)}),[openDelay,setOpen]),handleClose=(0,react.useCallback)((()=>{clearTimeout(openTimerRef.current),hasSelectionRef.current||isPointerDownOnContentRef.current||(closeTimerRef.current=window.setTimeout((()=>setOpen(!1)),closeDelay))}),[closeDelay,setOpen]),handleDismiss=(0,react.useCallback)((()=>setOpen(!1)),[setOpen]);return(0,react.useEffect)((()=>()=>{clearTimeout(openTimerRef.current),clearTimeout(closeTimerRef.current)}),[]),(0,react.createElement)($cef8881cdc69808e$var$HoverCardProvider,{scope:__scopeHoverCard,open,onOpenChange:setOpen,onOpen:handleOpen,onClose:handleClose,onDismiss:handleDismiss,hasSelectionRef,isPointerDownOnContentRef},(0,react.createElement)(react_popper_dist.fC,popperScope,children))},$cef8881cdc69808e$export$ef9f7fd8e4ba882f=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeHoverCard,...triggerProps}=props,context=$cef8881cdc69808e$var$useHoverCardContext("HoverCardTrigger",__scopeHoverCard),popperScope=$cef8881cdc69808e$var$usePopperScope(__scopeHoverCard);return(0,react.createElement)(react_popper_dist.ee,(0,esm_extends.Z)({asChild:!0},popperScope),(0,react.createElement)(react_primitive_dist.WV.a,(0,esm_extends.Z)({"data-state":context.open?"open":"closed"},triggerProps,{ref:forwardedRef,onPointerEnter:(0,dist.M)(props.onPointerEnter,$cef8881cdc69808e$var$excludeTouch(context.onOpen)),onPointerLeave:(0,dist.M)(props.onPointerLeave,$cef8881cdc69808e$var$excludeTouch(context.onClose)),onFocus:(0,dist.M)(props.onFocus,context.onOpen),onBlur:(0,dist.M)(props.onBlur,context.onClose),onTouchStart:(0,dist.M)(props.onTouchStart,(event=>event.preventDefault()))})))})),[$cef8881cdc69808e$var$PortalProvider,$cef8881cdc69808e$var$usePortalContext]=$cef8881cdc69808e$var$createHoverCardContext("HoverCardPortal",{forceMount:void 0}),$cef8881cdc69808e$export$aa4724a5938c586=(0,react.forwardRef)(((props,forwardedRef)=>{const portalContext=$cef8881cdc69808e$var$usePortalContext("HoverCardContent",props.__scopeHoverCard),{forceMount=portalContext.forceMount,...contentProps}=props,context=$cef8881cdc69808e$var$useHoverCardContext("HoverCardContent",props.__scopeHoverCard);return(0,react.createElement)(react_presence_dist.z,{present:forceMount||context.open},(0,react.createElement)($cef8881cdc69808e$var$HoverCardContentImpl,(0,esm_extends.Z)({"data-state":context.open?"open":"closed"},contentProps,{onPointerEnter:(0,dist.M)(props.onPointerEnter,$cef8881cdc69808e$var$excludeTouch(context.onOpen)),onPointerLeave:(0,dist.M)(props.onPointerLeave,$cef8881cdc69808e$var$excludeTouch(context.onClose)),ref:forwardedRef})))})),$cef8881cdc69808e$var$HoverCardContentImpl=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeHoverCard,onEscapeKeyDown,onPointerDownOutside,onFocusOutside,onInteractOutside,...contentProps}=props,context=$cef8881cdc69808e$var$useHoverCardContext("HoverCardContent",__scopeHoverCard),popperScope=$cef8881cdc69808e$var$usePopperScope(__scopeHoverCard),ref=(0,react.useRef)(null),composedRefs=(0,react_compose_refs_dist.e)(forwardedRef,ref),[containSelection,setContainSelection]=(0,react.useState)(!1);return(0,react.useEffect)((()=>{if(containSelection){const body=document.body;return $cef8881cdc69808e$var$originalBodyUserSelect=body.style.userSelect||body.style.webkitUserSelect,body.style.userSelect="none",body.style.webkitUserSelect="none",()=>{body.style.userSelect=$cef8881cdc69808e$var$originalBodyUserSelect,body.style.webkitUserSelect=$cef8881cdc69808e$var$originalBodyUserSelect}}}),[containSelection]),(0,react.useEffect)((()=>{if(ref.current){const handlePointerUp=()=>{setContainSelection(!1),context.isPointerDownOnContentRef.current=!1,setTimeout((()=>{var _document$getSelectio;""!==(null===(_document$getSelectio=document.getSelection())||void 0===_document$getSelectio?void 0:_document$getSelectio.toString())&&(context.hasSelectionRef.current=!0)}))};return document.addEventListener("pointerup",handlePointerUp),()=>{document.removeEventListener("pointerup",handlePointerUp),context.hasSelectionRef.current=!1,context.isPointerDownOnContentRef.current=!1}}}),[context.isPointerDownOnContentRef,context.hasSelectionRef]),(0,react.useEffect)((()=>{if(ref.current){(function $cef8881cdc69808e$var$getTabbableNodes(container){const nodes=[],walker=document.createTreeWalker(container,NodeFilter.SHOW_ELEMENT,{acceptNode:node=>node.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});for(;walker.nextNode();)nodes.push(walker.currentNode);return nodes})(ref.current).forEach((tabbable=>tabbable.setAttribute("tabindex","-1")))}})),(0,react.createElement)(react_dismissable_layer_dist.XB,{asChild:!0,disableOutsidePointerEvents:!1,onInteractOutside,onEscapeKeyDown,onPointerDownOutside,onFocusOutside:(0,dist.M)(onFocusOutside,(event=>{event.preventDefault()})),onDismiss:context.onDismiss},(0,react.createElement)(react_popper_dist.VY,(0,esm_extends.Z)({},popperScope,contentProps,{onPointerDown:(0,dist.M)(contentProps.onPointerDown,(event=>{event.currentTarget.contains(event.target)&&setContainSelection(!0),context.hasSelectionRef.current=!1,context.isPointerDownOnContentRef.current=!0})),ref:composedRefs,style:{...contentProps.style,userSelect:containSelection?"text":void 0,WebkitUserSelect:containSelection?"text":void 0,"--radix-hover-card-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-hover-card-content-available-width":"var(--radix-popper-available-width)","--radix-hover-card-content-available-height":"var(--radix-popper-available-height)","--radix-hover-card-trigger-width":"var(--radix-popper-anchor-width)","--radix-hover-card-trigger-height":"var(--radix-popper-anchor-height)"}})))}));function $cef8881cdc69808e$var$excludeTouch(eventHandler){return event=>"touch"===event.pointerType?void 0:eventHandler()}const $cef8881cdc69808e$export$be92b6f5f03c0fe9=$cef8881cdc69808e$export$57a077cc9fbe653e,$cef8881cdc69808e$export$41fb9f06171c75f4=$cef8881cdc69808e$export$ef9f7fd8e4ba882f,$cef8881cdc69808e$export$7c6e2c02157bb7d2=$cef8881cdc69808e$export$aa4724a5938c586;var _Base$parameters,_Base$parameters2,utils=__webpack_require__("./lib/utils.ts"),_excluded=["className","align","sideOffset"],__jsx=react.createElement,HoverCard=$cef8881cdc69808e$export$be92b6f5f03c0fe9,HoverCardTrigger=$cef8881cdc69808e$export$41fb9f06171c75f4,HoverCardContent=react.forwardRef((function(_ref,ref){var className=_ref.className,_ref$align=_ref.align,align=void 0===_ref$align?"center":_ref$align,_ref$sideOffset=_ref.sideOffset,sideOffset=void 0===_ref$sideOffset?4:_ref$sideOffset,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return __jsx($cef8881cdc69808e$export$7c6e2c02157bb7d2,(0,esm_extends.Z)({ref,align,sideOffset,className:(0,utils.cn)("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",className)},props))}));HoverCardContent.displayName=$cef8881cdc69808e$export$7c6e2c02157bb7d2.displayName,HoverCardContent.__docgenInfo={description:"",methods:[],props:{align:{defaultValue:{value:'"center"',computed:!1},required:!1},sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}};try{HoverCard.displayName="HoverCard",HoverCard.__docgenInfo={description:"",displayName:"HoverCard",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/hover-card.tsx#HoverCard"]={docgenInfo:HoverCard.__docgenInfo,name:"HoverCard",path:"registry/default/ui/hover-card.tsx#HoverCard"})}catch(__react_docgen_typescript_loader_error){}try{HoverCardTrigger.displayName="HoverCardTrigger",HoverCardTrigger.__docgenInfo={description:"",displayName:"HoverCardTrigger",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/hover-card.tsx#HoverCardTrigger"]={docgenInfo:HoverCardTrigger.__docgenInfo,name:"HoverCardTrigger",path:"registry/default/ui/hover-card.tsx#HoverCardTrigger"})}catch(__react_docgen_typescript_loader_error){}try{HoverCardContent.displayName="HoverCardContent",HoverCardContent.__docgenInfo={description:"",displayName:"HoverCardContent",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/hover-card.tsx#HoverCardContent"]={docgenInfo:HoverCardContent.__docgenInfo,name:"HoverCardContent",path:"registry/default/ui/hover-card.tsx#HoverCardContent"})}catch(__react_docgen_typescript_loader_error){}var hover_card_stories_jsx=react.createElement;function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){(0,defineProperty.Z)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}const hover_card_stories={title:"ui/HoverCard",component:HoverCard,tags:["autodocs"],argTypes:{}};var Base={render:function render(args){return hover_card_stories_jsx(HoverCard,null,hover_card_stories_jsx(HoverCardTrigger,{asChild:!0},hover_card_stories_jsx(ui_button.z,{variant:"link"},"@nextjs")),hover_card_stories_jsx(HoverCardContent,{className:"w-80"},hover_card_stories_jsx("div",{className:"flex justify-between space-x-4"},hover_card_stories_jsx(avatar.qE,null,hover_card_stories_jsx(avatar.F$,{src:"https://github.com/vercel.png"}),hover_card_stories_jsx(avatar.Q5,null,"VC")),hover_card_stories_jsx("div",{className:"space-y-1"},hover_card_stories_jsx("h4",{className:"text-sm font-semibold"},"@nextjs"),hover_card_stories_jsx("p",{className:"text-sm"},"The React Framework – created and maintained by @vercel."),hover_card_stories_jsx("div",{className:"flex items-center pt-2"},hover_card_stories_jsx(CalendarDays,{className:"mr-2 h-4 w-4 opacity-70"})," ",hover_card_stories_jsx("span",{className:"text-xs text-slate-500 dark:text-slate-400"},"Joined December 2021"))))))},args:{}};Base.parameters=_objectSpread(_objectSpread({},Base.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Base$parameters=Base.parameters)||void 0===_Base$parameters?void 0:_Base$parameters.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => <HoverCard>\n      <HoverCardTrigger asChild>\n        <Button variant="link">@nextjs</Button>\n      </HoverCardTrigger>\n      <HoverCardContent className="w-80">\n        <div className="flex justify-between space-x-4">\n          <Avatar>\n            <AvatarImage src="https://github.com/vercel.png" />\n            <AvatarFallback>VC</AvatarFallback>\n          </Avatar>\n          <div className="space-y-1">\n            <h4 className="text-sm font-semibold">@nextjs</h4>\n            <p className="text-sm">\n              The React Framework – created and maintained by @vercel.\n            </p>\n            <div className="flex items-center pt-2">\n              <CalendarDays className="mr-2 h-4 w-4 opacity-70" />{" "}\n              <span className="text-xs text-slate-500 dark:text-slate-400">\n                Joined December 2021\n              </span>\n            </div>\n          </div>\n        </div>\n      </HoverCardContent>\n    </HoverCard>,\n  args: {}\n}'},null===(_Base$parameters2=Base.parameters)||void 0===_Base$parameters2||null===(_Base$parameters2=_Base$parameters2.docs)||void 0===_Base$parameters2?void 0:_Base$parameters2.source)})})},"../../node_modules/class-variance-authority/dist/index.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>cva});const falsyToString=value=>"boolean"==typeof value?"".concat(value):0===value?"0":value,cx=function(){for(var _len=arguments.length,classes=new Array(_len),_key=0;_key<_len;_key++)classes[_key]=arguments[_key];return classes.flat(1/0).filter(Boolean).join(" ")},cva=(base,config)=>props=>{var ref;if(null==(null==config?void 0:config.variants))return cx(base,null==props?void 0:props.class,null==props?void 0:props.className);const{variants,defaultVariants}=config,getVariantClassNames=Object.keys(variants).map((variant=>{const variantProp=null==props?void 0:props[variant],defaultVariantProp=null==defaultVariants?void 0:defaultVariants[variant];if(null===variantProp)return null;const variantKey=falsyToString(variantProp)||falsyToString(defaultVariantProp);return variants[variant][variantKey]})),propsWithoutUndefined=props&&Object.entries(props).reduce(((acc,param)=>{let[key,value]=param;return void 0===value||(acc[key]=value),acc}),{}),getCompoundVariantClassNames=null==config||null===(ref=config.compoundVariants)||void 0===ref?void 0:ref.reduce(((acc,param1)=>{let{class:cvClass,className:cvClassName,...compoundVariantOptions}=param1;return Object.entries(compoundVariantOptions).every((param=>{let[key,value]=param;return Array.isArray(value)?value.includes({...defaultVariants,...propsWithoutUndefined}[key]):{...defaultVariants,...propsWithoutUndefined}[key]===value}))?[...acc,cvClass,cvClassName]:acc}),[]);return cx(base,getVariantClassNames,getCompoundVariantClassNames,null==props?void 0:props.class,null==props?void 0:props.className)}}}]);