popover-stories.f129ae27.iframe.bundle.js

"use strict";(self.webpackChunkwww=self.webpackChunkwww||[]).push([[394],{"../../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/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/default/ui/input.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{I:()=>Input});var _Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__=__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_2__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_lib_utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./lib/utils.ts"),_excluded=["className","type"],__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,Input=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function(_ref,ref){var className=_ref.className,type=_ref.type,props=(0,_Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_2__.Z)(_ref,_excluded);return __jsx("input",(0,_Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_3__.Z)({type,className:(0,_lib_utils__WEBPACK_IMPORTED_MODULE_1__.cn)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",className),ref},props))}));Input.displayName="Input",Input.__docgenInfo={description:"",methods:[],displayName:"Input"};try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"registry/default/ui/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}},"./registry/default/ui/label.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{_:()=>Label});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-primitive/dist/index.mjs");const $b73a6c6685e72184$export$b04be29aa201d4f5=(0,react.forwardRef)(((props,forwardedRef)=>(0,react.createElement)(dist.WV.label,(0,esm_extends.Z)({},props,{ref:forwardedRef,onMouseDown:event=>{var _props$onMouseDown;null===(_props$onMouseDown=props.onMouseDown)||void 0===_props$onMouseDown||_props$onMouseDown.call(props,event),!event.defaultPrevented&&event.detail>1&&event.preventDefault()}})))),$b73a6c6685e72184$export$be92b6f5f03c0fe9=$b73a6c6685e72184$export$b04be29aa201d4f5;var index_esm=__webpack_require__("../../node_modules/class-variance-authority/dist/index.esm.js"),utils=__webpack_require__("./lib/utils.ts"),_excluded=["className"],__jsx=react.createElement,labelVariants=(0,index_esm.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Label=react.forwardRef((function(_ref,ref){var className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return __jsx($b73a6c6685e72184$export$be92b6f5f03c0fe9,(0,esm_extends.Z)({ref,className:(0,utils.cn)(labelVariants(),className)},props))}));Label.displayName=$b73a6c6685e72184$export$be92b6f5f03c0fe9.displayName,Label.__docgenInfo={description:"",methods:[]};try{Label.displayName="Label",Label.__docgenInfo={description:"",displayName:"Label",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/label.tsx#Label"]={docgenInfo:Label.__docgenInfo,name:"Label",path:"registry/default/ui/label.tsx#Label"})}catch(__react_docgen_typescript_loader_error){}},"./registry/stories/popover.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,default:()=>popover_stories});var defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("../../node_modules/react/index.js");const Settings2=(0,__webpack_require__("../../node_modules/lucide-react/dist/esm/createLucideIcon.js").Z)("Settings2",[["path",{d:"M20 7h-9",key:"3s1dr2"}],["path",{d:"M14 17H5",key:"gfn3mx"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["circle",{cx:"7",cy:"7",r:"3",key:"dfmy0x"}]]);var ui_button=__webpack_require__("./registry/default/ui/button.tsx"),input=__webpack_require__("./registry/default/ui/input.tsx"),label=__webpack_require__("./registry/default/ui/label.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_compose_refs_dist=__webpack_require__("../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),react_context_dist=__webpack_require__("../../node_modules/@radix-ui/react-context/dist/index.mjs"),react_dismissable_layer_dist=__webpack_require__("../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs"),react_focus_guards_dist=__webpack_require__("../../node_modules/@radix-ui/react-focus-guards/dist/index.mjs"),react_focus_scope_dist=__webpack_require__("../../node_modules/@radix-ui/react-focus-scope/dist/index.mjs"),react_id_dist=__webpack_require__("../../node_modules/@radix-ui/react-id/dist/index.mjs"),react_popper_dist=__webpack_require__("../../node_modules/@radix-ui/react-popper/dist/index.mjs"),react_portal_dist=__webpack_require__("../../node_modules/@radix-ui/react-portal/dist/index.mjs"),react_presence_dist=__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_slot_dist=__webpack_require__("../../node_modules/@radix-ui/react-slot/dist/index.mjs"),react_use_controllable_state_dist=__webpack_require__("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"),es2015=__webpack_require__("../../node_modules/aria-hidden/dist/es2015/index.js"),Combination=__webpack_require__("../../node_modules/react-remove-scroll/dist/es2015/Combination.js");const[$cb5cc270b50c6fcd$var$createPopoverContext,$cb5cc270b50c6fcd$export$c8393c9e73286932]=(0,react_context_dist.b)("Popover",[react_popper_dist.D7]),$cb5cc270b50c6fcd$var$usePopperScope=(0,react_popper_dist.D7)(),[$cb5cc270b50c6fcd$var$PopoverProvider,$cb5cc270b50c6fcd$var$usePopoverContext]=$cb5cc270b50c6fcd$var$createPopoverContext("Popover"),$cb5cc270b50c6fcd$export$5b6b19405a83ff9d=props=>{const{__scopePopover,children,open:openProp,defaultOpen,onOpenChange,modal=!1}=props,popperScope=$cb5cc270b50c6fcd$var$usePopperScope(__scopePopover),triggerRef=(0,react.useRef)(null),[hasCustomAnchor,setHasCustomAnchor]=(0,react.useState)(!1),[open=!1,setOpen]=(0,react_use_controllable_state_dist.T)({prop:openProp,defaultProp:defaultOpen,onChange:onOpenChange});return(0,react.createElement)(react_popper_dist.fC,popperScope,(0,react.createElement)($cb5cc270b50c6fcd$var$PopoverProvider,{scope:__scopePopover,contentId:(0,react_id_dist.M)(),triggerRef,open,onOpenChange:setOpen,onOpenToggle:(0,react.useCallback)((()=>setOpen((prevOpen=>!prevOpen))),[setOpen]),hasCustomAnchor,onCustomAnchorAdd:(0,react.useCallback)((()=>setHasCustomAnchor(!0)),[]),onCustomAnchorRemove:(0,react.useCallback)((()=>setHasCustomAnchor(!1)),[]),modal},children))},$cb5cc270b50c6fcd$export$7dacb05d26466c3=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopePopover,...triggerProps}=props,context=$cb5cc270b50c6fcd$var$usePopoverContext("PopoverTrigger",__scopePopover),popperScope=$cb5cc270b50c6fcd$var$usePopperScope(__scopePopover),composedTriggerRef=(0,react_compose_refs_dist.e)(forwardedRef,context.triggerRef),trigger=(0,react.createElement)(react_primitive_dist.WV.button,(0,esm_extends.Z)({type:"button","aria-haspopup":"dialog","aria-expanded":context.open,"aria-controls":context.contentId,"data-state":$cb5cc270b50c6fcd$var$getState(context.open)},triggerProps,{ref:composedTriggerRef,onClick:(0,dist.M)(props.onClick,context.onOpenToggle)}));return context.hasCustomAnchor?trigger:(0,react.createElement)(react_popper_dist.ee,(0,esm_extends.Z)({asChild:!0},popperScope),trigger)})),[$cb5cc270b50c6fcd$var$PortalProvider,$cb5cc270b50c6fcd$var$usePortalContext]=$cb5cc270b50c6fcd$var$createPopoverContext("PopoverPortal",{forceMount:void 0}),$cb5cc270b50c6fcd$export$dd679ffb4362d2d4=props=>{const{__scopePopover,forceMount,children,container}=props,context=$cb5cc270b50c6fcd$var$usePopoverContext("PopoverPortal",__scopePopover);return(0,react.createElement)($cb5cc270b50c6fcd$var$PortalProvider,{scope:__scopePopover,forceMount},(0,react.createElement)(react_presence_dist.z,{present:forceMount||context.open},(0,react.createElement)(react_portal_dist.h,{asChild:!0,container},children)))},$cb5cc270b50c6fcd$export$d7e1f420b25549ff=(0,react.forwardRef)(((props,forwardedRef)=>{const portalContext=$cb5cc270b50c6fcd$var$usePortalContext("PopoverContent",props.__scopePopover),{forceMount=portalContext.forceMount,...contentProps}=props,context=$cb5cc270b50c6fcd$var$usePopoverContext("PopoverContent",props.__scopePopover);return(0,react.createElement)(react_presence_dist.z,{present:forceMount||context.open},context.modal?(0,react.createElement)($cb5cc270b50c6fcd$var$PopoverContentModal,(0,esm_extends.Z)({},contentProps,{ref:forwardedRef})):(0,react.createElement)($cb5cc270b50c6fcd$var$PopoverContentNonModal,(0,esm_extends.Z)({},contentProps,{ref:forwardedRef})))})),$cb5cc270b50c6fcd$var$PopoverContentModal=(0,react.forwardRef)(((props,forwardedRef)=>{const context=$cb5cc270b50c6fcd$var$usePopoverContext("PopoverContent",props.__scopePopover),contentRef=(0,react.useRef)(null),composedRefs=(0,react_compose_refs_dist.e)(forwardedRef,contentRef),isRightClickOutsideRef=(0,react.useRef)(!1);return(0,react.useEffect)((()=>{const content=contentRef.current;if(content)return(0,es2015.Ry)(content)}),[]),(0,react.createElement)(Combination.Z,{as:react_slot_dist.g7,allowPinchZoom:!0},(0,react.createElement)($cb5cc270b50c6fcd$var$PopoverContentImpl,(0,esm_extends.Z)({},props,{ref:composedRefs,trapFocus:context.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:(0,dist.M)(props.onCloseAutoFocus,(event=>{var _context$triggerRef$c;event.preventDefault(),isRightClickOutsideRef.current||null===(_context$triggerRef$c=context.triggerRef.current)||void 0===_context$triggerRef$c||_context$triggerRef$c.focus()})),onPointerDownOutside:(0,dist.M)(props.onPointerDownOutside,(event=>{const originalEvent=event.detail.originalEvent,ctrlLeftClick=0===originalEvent.button&&!0===originalEvent.ctrlKey,isRightClick=2===originalEvent.button||ctrlLeftClick;isRightClickOutsideRef.current=isRightClick}),{checkForDefaultPrevented:!1}),onFocusOutside:(0,dist.M)(props.onFocusOutside,(event=>event.preventDefault()),{checkForDefaultPrevented:!1})})))})),$cb5cc270b50c6fcd$var$PopoverContentNonModal=(0,react.forwardRef)(((props,forwardedRef)=>{const context=$cb5cc270b50c6fcd$var$usePopoverContext("PopoverContent",props.__scopePopover),hasInteractedOutsideRef=(0,react.useRef)(!1),hasPointerDownOutsideRef=(0,react.useRef)(!1);return(0,react.createElement)($cb5cc270b50c6fcd$var$PopoverContentImpl,(0,esm_extends.Z)({},props,{ref:forwardedRef,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:event=>{var _props$onCloseAutoFoc,_context$triggerRef$c2;(null===(_props$onCloseAutoFoc=props.onCloseAutoFocus)||void 0===_props$onCloseAutoFoc||_props$onCloseAutoFoc.call(props,event),event.defaultPrevented)||(hasInteractedOutsideRef.current||null===(_context$triggerRef$c2=context.triggerRef.current)||void 0===_context$triggerRef$c2||_context$triggerRef$c2.focus(),event.preventDefault());hasInteractedOutsideRef.current=!1,hasPointerDownOutsideRef.current=!1},onInteractOutside:event=>{var _props$onInteractOuts,_context$triggerRef$c3;null===(_props$onInteractOuts=props.onInteractOutside)||void 0===_props$onInteractOuts||_props$onInteractOuts.call(props,event),event.defaultPrevented||(hasInteractedOutsideRef.current=!0,"pointerdown"===event.detail.originalEvent.type&&(hasPointerDownOutsideRef.current=!0));const target=event.target;(null===(_context$triggerRef$c3=context.triggerRef.current)||void 0===_context$triggerRef$c3?void 0:_context$triggerRef$c3.contains(target))&&event.preventDefault(),"focusin"===event.detail.originalEvent.type&&hasPointerDownOutsideRef.current&&event.preventDefault()}}))})),$cb5cc270b50c6fcd$var$PopoverContentImpl=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopePopover,trapFocus,onOpenAutoFocus,onCloseAutoFocus,disableOutsidePointerEvents,onEscapeKeyDown,onPointerDownOutside,onFocusOutside,onInteractOutside,...contentProps}=props,context=$cb5cc270b50c6fcd$var$usePopoverContext("PopoverContent",__scopePopover),popperScope=$cb5cc270b50c6fcd$var$usePopperScope(__scopePopover);return(0,react_focus_guards_dist.EW)(),(0,react.createElement)(react_focus_scope_dist.M,{asChild:!0,loop:!0,trapped:trapFocus,onMountAutoFocus:onOpenAutoFocus,onUnmountAutoFocus:onCloseAutoFocus},(0,react.createElement)(react_dismissable_layer_dist.XB,{asChild:!0,disableOutsidePointerEvents,onInteractOutside,onEscapeKeyDown,onPointerDownOutside,onFocusOutside,onDismiss:()=>context.onOpenChange(!1)},(0,react.createElement)(react_popper_dist.VY,(0,esm_extends.Z)({"data-state":$cb5cc270b50c6fcd$var$getState(context.open),role:"dialog",id:context.contentId},popperScope,contentProps,{ref:forwardedRef,style:{...contentProps.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}}))))}));function $cb5cc270b50c6fcd$var$getState(open){return open?"open":"closed"}const $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9=$cb5cc270b50c6fcd$export$5b6b19405a83ff9d,$cb5cc270b50c6fcd$export$41fb9f06171c75f4=$cb5cc270b50c6fcd$export$7dacb05d26466c3,$cb5cc270b50c6fcd$export$602eac185826482c=$cb5cc270b50c6fcd$export$dd679ffb4362d2d4,$cb5cc270b50c6fcd$export$7c6e2c02157bb7d2=$cb5cc270b50c6fcd$export$d7e1f420b25549ff;var _Base$parameters,_Base$parameters2,utils=__webpack_require__("./lib/utils.ts"),_excluded=["className","align","sideOffset"],__jsx=react.createElement,Popover=$cb5cc270b50c6fcd$export$be92b6f5f03c0fe9,PopoverTrigger=$cb5cc270b50c6fcd$export$41fb9f06171c75f4,PopoverContent=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($cb5cc270b50c6fcd$export$602eac185826482c,null,__jsx($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2,(0,esm_extends.Z)({ref,align,sideOffset,className:(0,utils.cn)("z-50 w-72 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)))}));PopoverContent.displayName=$cb5cc270b50c6fcd$export$7c6e2c02157bb7d2.displayName,PopoverContent.__docgenInfo={description:"",methods:[],props:{align:{defaultValue:{value:'"center"',computed:!1},required:!1},sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}};try{Popover.displayName="Popover",Popover.__docgenInfo={description:"",displayName:"Popover",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/popover.tsx#Popover"]={docgenInfo:Popover.__docgenInfo,name:"Popover",path:"registry/default/ui/popover.tsx#Popover"})}catch(__react_docgen_typescript_loader_error){}try{PopoverTrigger.displayName="PopoverTrigger",PopoverTrigger.__docgenInfo={description:"",displayName:"PopoverTrigger",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/popover.tsx#PopoverTrigger"]={docgenInfo:PopoverTrigger.__docgenInfo,name:"PopoverTrigger",path:"registry/default/ui/popover.tsx#PopoverTrigger"})}catch(__react_docgen_typescript_loader_error){}try{PopoverContent.displayName="PopoverContent",PopoverContent.__docgenInfo={description:"",displayName:"PopoverContent",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/popover.tsx#PopoverContent"]={docgenInfo:PopoverContent.__docgenInfo,name:"PopoverContent",path:"registry/default/ui/popover.tsx#PopoverContent"})}catch(__react_docgen_typescript_loader_error){}var popover_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 popover_stories={title:"ui/Popover",component:Popover,tags:["autodocs"],argTypes:{}};var Base={render:function render(args){return popover_stories_jsx(Popover,null,popover_stories_jsx(PopoverTrigger,{asChild:!0},popover_stories_jsx(ui_button.z,{variant:"outline",className:"w-10 rounded-full p-0"},popover_stories_jsx(Settings2,{className:"h-4 w-4"}),popover_stories_jsx("span",{className:"sr-only"},"Open popover"))),popover_stories_jsx(PopoverContent,{className:"w-80"},popover_stories_jsx("div",{className:"grid gap-4"},popover_stories_jsx("div",{className:"space-y-2"},popover_stories_jsx("h4",{className:"font-medium leading-none"},"Dimensions"),popover_stories_jsx("p",{className:"text-sm text-slate-500 dark:text-slate-400"},"Set the dimensions for the layer.")),popover_stories_jsx("div",{className:"grid gap-2"},popover_stories_jsx("div",{className:"grid grid-cols-3 items-center gap-4"},popover_stories_jsx(label._,{htmlFor:"width"},"Width"),popover_stories_jsx(input.I,{id:"width",defaultValue:"100%",className:"col-span-2 h-8"})),popover_stories_jsx("div",{className:"grid grid-cols-3 items-center gap-4"},popover_stories_jsx(label._,{htmlFor:"maxWidth"},"Max. width"),popover_stories_jsx(input.I,{id:"maxWidth",defaultValue:"300px",className:"col-span-2 h-8"})),popover_stories_jsx("div",{className:"grid grid-cols-3 items-center gap-4"},popover_stories_jsx(label._,{htmlFor:"height"},"Height"),popover_stories_jsx(input.I,{id:"height",defaultValue:"25px",className:"col-span-2 h-8"})),popover_stories_jsx("div",{className:"grid grid-cols-3 items-center gap-4"},popover_stories_jsx(label._,{htmlFor:"maxHeight"},"Max. height"),popover_stories_jsx(input.I,{id:"maxHeight",defaultValue:"none",className:"col-span-2 h-8"}))))))},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 => <Popover>\n      <PopoverTrigger asChild>\n        <Button variant="outline" className="w-10 rounded-full p-0">\n          <Settings2 className="h-4 w-4" />\n          <span className="sr-only">Open popover</span>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className="w-80">\n        <div className="grid gap-4">\n          <div className="space-y-2">\n            <h4 className="font-medium leading-none">Dimensions</h4>\n            <p className="text-sm text-slate-500 dark:text-slate-400">\n              Set the dimensions for the layer.\n            </p>\n          </div>\n          <div className="grid gap-2">\n            <div className="grid grid-cols-3 items-center gap-4">\n              <Label htmlFor="width">Width</Label>\n              <Input id="width" defaultValue="100%" className="col-span-2 h-8" />\n            </div>\n            <div className="grid grid-cols-3 items-center gap-4">\n              <Label htmlFor="maxWidth">Max. width</Label>\n              <Input id="maxWidth" defaultValue="300px" className="col-span-2 h-8" />\n            </div>\n            <div className="grid grid-cols-3 items-center gap-4">\n              <Label htmlFor="height">Height</Label>\n              <Input id="height" defaultValue="25px" className="col-span-2 h-8" />\n            </div>\n            <div className="grid grid-cols-3 items-center gap-4">\n              <Label htmlFor="maxHeight">Max. height</Label>\n              <Input id="maxHeight" defaultValue="none" className="col-span-2 h-8" />\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>,\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)}}}]);