-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdropdown-menu-stories.e134e171.iframe.bundle.js
1 lines (1 loc) · 36.4 KB
/
dropdown-menu-stories.e134e171.iframe.bundle.js
1
"use strict";(self.webpackChunkwww=self.webpackChunkwww||[]).push([[598],{"./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/stories/dropdown-menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,default:()=>dropdown_menu_stories});var defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("../../node_modules/react/index.js"),createLucideIcon=__webpack_require__("../../node_modules/lucide-react/dist/esm/createLucideIcon.js");const User=(0,createLucideIcon.Z)("User",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]),CreditCard=(0,createLucideIcon.Z)("CreditCard",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]]),Settings=(0,createLucideIcon.Z)("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]),Keyboard=(0,createLucideIcon.Z)("Keyboard",[["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",ry:"2",key:"15u882"}],["path",{d:"M6 8h.001",key:"1ej0i3"}],["path",{d:"M10 8h.001",key:"1x2st2"}],["path",{d:"M14 8h.001",key:"1vkmyp"}],["path",{d:"M18 8h.001",key:"kfsenl"}],["path",{d:"M8 12h.001",key:"1sjpby"}],["path",{d:"M12 12h.001",key:"al75ts"}],["path",{d:"M16 12h.001",key:"931bgk"}],["path",{d:"M7 16h10",key:"wp8him"}]]),Users=(0,createLucideIcon.Z)("Users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]]),UserPlus=(0,createLucideIcon.Z)("UserPlus",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"19",x2:"19",y1:"8",y2:"14",key:"1bvyxn"}],["line",{x1:"22",x2:"16",y1:"11",y2:"11",key:"1shjgl"}]]);var mail=__webpack_require__("../../node_modules/lucide-react/dist/esm/icons/mail.js");const MessageSquare=(0,createLucideIcon.Z)("MessageSquare",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]]),PlusCircle=(0,createLucideIcon.Z)("PlusCircle",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"16",key:"10p56q"}],["line",{x1:"8",x2:"16",y1:"12",y2:"12",key:"1jonct"}]]);var plus=__webpack_require__("../../node_modules/lucide-react/dist/esm/icons/plus.js");const Github=(0,createLucideIcon.Z)("Github",[["path",{d:"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4",key:"tonef"}],["path",{d:"M9 18c-4.51 2-5-2-7-2",key:"9comsn"}]]),LifeBuoy=(0,createLucideIcon.Z)("LifeBuoy",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["line",{x1:"4.93",x2:"9.17",y1:"4.93",y2:"9.17",key:"7uid0r"}],["line",{x1:"14.83",x2:"19.07",y1:"14.83",y2:"19.07",key:"1bs9rn"}],["line",{x1:"14.83",x2:"19.07",y1:"9.17",y2:"4.93",key:"6f5ycr"}],["line",{x1:"14.83",x2:"18.36",y1:"9.17",y2:"5.64",key:"1rsyuq"}],["line",{x1:"4.93",x2:"9.17",y1:"19.07",y2:"14.83",key:"133ud4"}]]),Cloud=(0,createLucideIcon.Z)("Cloud",[["path",{d:"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z",key:"p7xjir"}]]),LogOut=(0,createLucideIcon.Z)("LogOut",[["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}],["polyline",{points:"16 17 21 12 16 7",key:"1gabdz"}],["line",{x1:"21",x2:"9",y1:"12",y2:"12",key:"1uyos4"}]]);var 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_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_use_controllable_state_dist=__webpack_require__("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"),react_primitive_dist=__webpack_require__("../../node_modules/@radix-ui/react-primitive/dist/index.mjs"),react_menu_dist=__webpack_require__("../../node_modules/@radix-ui/react-menu/dist/index.mjs"),react_id_dist=__webpack_require__("../../node_modules/@radix-ui/react-id/dist/index.mjs");const[$d08ef79370b62062$var$createDropdownMenuContext,$d08ef79370b62062$export$c0623cd925aeb687]=(0,react_context_dist.b)("DropdownMenu",[react_menu_dist.Wf]),$d08ef79370b62062$var$useMenuScope=(0,react_menu_dist.Wf)(),[$d08ef79370b62062$var$DropdownMenuProvider,$d08ef79370b62062$var$useDropdownMenuContext]=$d08ef79370b62062$var$createDropdownMenuContext("DropdownMenu"),$d08ef79370b62062$export$e44a253a59704894=props=>{const{__scopeDropdownMenu,children,dir,open:openProp,defaultOpen,onOpenChange,modal=!0}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu),triggerRef=(0,react.useRef)(null),[open=!1,setOpen]=(0,react_use_controllable_state_dist.T)({prop:openProp,defaultProp:defaultOpen,onChange:onOpenChange});return(0,react.createElement)($d08ef79370b62062$var$DropdownMenuProvider,{scope:__scopeDropdownMenu,triggerId:(0,react_id_dist.M)(),triggerRef,contentId:(0,react_id_dist.M)(),open,onOpenChange:setOpen,onOpenToggle:(0,react.useCallback)((()=>setOpen((prevOpen=>!prevOpen))),[setOpen]),modal},(0,react.createElement)(react_menu_dist.fC,(0,esm_extends.Z)({},menuScope,{open,onOpenChange:setOpen,dir,modal}),children))},$d08ef79370b62062$export$d2469213b3befba9=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,disabled=!1,...triggerProps}=props,context=$d08ef79370b62062$var$useDropdownMenuContext("DropdownMenuTrigger",__scopeDropdownMenu),menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.ee,(0,esm_extends.Z)({asChild:!0},menuScope),(0,react.createElement)(react_primitive_dist.WV.button,(0,esm_extends.Z)({type:"button",id:context.triggerId,"aria-haspopup":"menu","aria-expanded":context.open,"aria-controls":context.open?context.contentId:void 0,"data-state":context.open?"open":"closed","data-disabled":disabled?"":void 0,disabled},triggerProps,{ref:(0,react_compose_refs_dist.F)(forwardedRef,context.triggerRef),onPointerDown:(0,dist.M)(props.onPointerDown,(event=>{disabled||0!==event.button||!1!==event.ctrlKey||(context.onOpenToggle(),context.open||event.preventDefault())})),onKeyDown:(0,dist.M)(props.onKeyDown,(event=>{disabled||(["Enter"," "].includes(event.key)&&context.onOpenToggle(),"ArrowDown"===event.key&&context.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(event.key)&&event.preventDefault())}))})))})),$d08ef79370b62062$export$cd369b4d4d54efc9=props=>{const{__scopeDropdownMenu,...portalProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.h_,(0,esm_extends.Z)({},menuScope,portalProps))},$d08ef79370b62062$export$6e76d93a37c01248=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...contentProps}=props,context=$d08ef79370b62062$var$useDropdownMenuContext("DropdownMenuContent",__scopeDropdownMenu),menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu),hasInteractedOutsideRef=(0,react.useRef)(!1);return(0,react.createElement)(react_menu_dist.VY,(0,esm_extends.Z)({id:context.contentId,"aria-labelledby":context.triggerId},menuScope,contentProps,{ref:forwardedRef,onCloseAutoFocus:(0,dist.M)(props.onCloseAutoFocus,(event=>{var _context$triggerRef$c;hasInteractedOutsideRef.current||null===(_context$triggerRef$c=context.triggerRef.current)||void 0===_context$triggerRef$c||_context$triggerRef$c.focus(),hasInteractedOutsideRef.current=!1,event.preventDefault()})),onInteractOutside:(0,dist.M)(props.onInteractOutside,(event=>{const originalEvent=event.detail.originalEvent,ctrlLeftClick=0===originalEvent.button&&!0===originalEvent.ctrlKey,isRightClick=2===originalEvent.button||ctrlLeftClick;context.modal&&!isRightClick||(hasInteractedOutsideRef.current=!0)})),style:{...props.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}}))})),$d08ef79370b62062$export$246bebaba3a2f70e=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...groupProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.ZA,(0,esm_extends.Z)({},menuScope,groupProps,{ref:forwardedRef}))})),$d08ef79370b62062$export$76e48c5b57f24495=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...labelProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.__,(0,esm_extends.Z)({},menuScope,labelProps,{ref:forwardedRef}))})),$d08ef79370b62062$export$ed97964d1871885d=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...itemProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.ck,(0,esm_extends.Z)({},menuScope,itemProps,{ref:forwardedRef}))})),$d08ef79370b62062$export$53a69729da201fa9=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...checkboxItemProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.oC,(0,esm_extends.Z)({},menuScope,checkboxItemProps,{ref:forwardedRef}))})),$d08ef79370b62062$export$e4f69b41b1637536=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...radioItemProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.Rk,(0,esm_extends.Z)({},menuScope,radioItemProps,{ref:forwardedRef}))})),$d08ef79370b62062$export$42355ae145153fb6=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...itemIndicatorProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.wU,(0,esm_extends.Z)({},menuScope,itemIndicatorProps,{ref:forwardedRef}))})),$d08ef79370b62062$export$da160178fd3bc7e9=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...separatorProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.Z0,(0,esm_extends.Z)({},menuScope,separatorProps,{ref:forwardedRef}))})),$d08ef79370b62062$export$21dcb7ec56f874cf=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...subTriggerProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.fF,(0,esm_extends.Z)({},menuScope,subTriggerProps,{ref:forwardedRef}))})),$d08ef79370b62062$export$f34ec8bc2482cc5f=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeDropdownMenu,...subContentProps}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);return(0,react.createElement)(react_menu_dist.tu,(0,esm_extends.Z)({},menuScope,subContentProps,{ref:forwardedRef,style:{...props.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}}))})),$d08ef79370b62062$export$be92b6f5f03c0fe9=$d08ef79370b62062$export$e44a253a59704894,$d08ef79370b62062$export$41fb9f06171c75f4=$d08ef79370b62062$export$d2469213b3befba9,$d08ef79370b62062$export$602eac185826482c=$d08ef79370b62062$export$cd369b4d4d54efc9,$d08ef79370b62062$export$7c6e2c02157bb7d2=$d08ef79370b62062$export$6e76d93a37c01248,$d08ef79370b62062$export$eb2fcfdbd7ba97d4=$d08ef79370b62062$export$246bebaba3a2f70e,$d08ef79370b62062$export$b04be29aa201d4f5=$d08ef79370b62062$export$76e48c5b57f24495,$d08ef79370b62062$export$6d08773d2e66f8f2=$d08ef79370b62062$export$ed97964d1871885d,$d08ef79370b62062$export$16ce288f89fa631c=$d08ef79370b62062$export$53a69729da201fa9,$d08ef79370b62062$export$371ab307eab489c0=$d08ef79370b62062$export$e4f69b41b1637536,$d08ef79370b62062$export$c3468e2714d175fa=$d08ef79370b62062$export$42355ae145153fb6,$d08ef79370b62062$export$1ff3c3f08ae963c0=$d08ef79370b62062$export$da160178fd3bc7e9,$d08ef79370b62062$export$d7a01e11500dfb6f=props=>{const{__scopeDropdownMenu,children,open:openProp,onOpenChange,defaultOpen}=props,menuScope=$d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu),[open=!1,setOpen]=(0,react_use_controllable_state_dist.T)({prop:openProp,defaultProp:defaultOpen,onChange:onOpenChange});return(0,react.createElement)(react_menu_dist.Tr,(0,esm_extends.Z)({},menuScope,{open,onOpenChange:setOpen}),children)},$d08ef79370b62062$export$2ea8a7a591ac5eac=$d08ef79370b62062$export$21dcb7ec56f874cf,$d08ef79370b62062$export$6d4de93b380beddf=$d08ef79370b62062$export$f34ec8bc2482cc5f;var chevron_right=__webpack_require__("../../node_modules/lucide-react/dist/esm/icons/chevron-right.js"),check=__webpack_require__("../../node_modules/lucide-react/dist/esm/icons/check.js"),circle=__webpack_require__("../../node_modules/lucide-react/dist/esm/icons/circle.js"),utils=__webpack_require__("./lib/utils.ts"),_excluded=["className","inset","children"],_excluded2=["className"],_excluded3=["className","sideOffset"],_excluded4=["className","inset"],_excluded5=["className","children","checked"],_excluded6=["className","children"],_excluded7=["className","inset"],_excluded8=["className"],_excluded9=["className"],__jsx=react.createElement,DropdownMenu=$d08ef79370b62062$export$be92b6f5f03c0fe9,DropdownMenuTrigger=$d08ef79370b62062$export$41fb9f06171c75f4,DropdownMenuGroup=$d08ef79370b62062$export$eb2fcfdbd7ba97d4,DropdownMenuPortal=$d08ef79370b62062$export$602eac185826482c,DropdownMenuSub=$d08ef79370b62062$export$d7a01e11500dfb6f,DropdownMenuSubTrigger=react.forwardRef((function(_ref,ref){var className=_ref.className,inset=_ref.inset,children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return __jsx($d08ef79370b62062$export$2ea8a7a591ac5eac,(0,esm_extends.Z)({ref,className:(0,utils.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",inset&&"pl-8",className)},props),children,__jsx(chevron_right.Z,{className:"ml-auto h-4 w-4"}))}));DropdownMenuSubTrigger.displayName=$d08ef79370b62062$export$2ea8a7a591ac5eac.displayName;var DropdownMenuSubContent=react.forwardRef((function(_ref2,ref){var className=_ref2.className,props=(0,objectWithoutProperties.Z)(_ref2,_excluded2);return __jsx($d08ef79370b62062$export$6d4de93b380beddf,(0,esm_extends.Z)({ref,className:(0,utils.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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))}));DropdownMenuSubContent.displayName=$d08ef79370b62062$export$6d4de93b380beddf.displayName;var DropdownMenuContent=react.forwardRef((function(_ref3,ref){var className=_ref3.className,_ref3$sideOffset=_ref3.sideOffset,sideOffset=void 0===_ref3$sideOffset?4:_ref3$sideOffset,props=(0,objectWithoutProperties.Z)(_ref3,_excluded3);return __jsx($d08ef79370b62062$export$602eac185826482c,null,__jsx($d08ef79370b62062$export$7c6e2c02157bb7d2,(0,esm_extends.Z)({ref,sideOffset,className:(0,utils.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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)))}));DropdownMenuContent.displayName=$d08ef79370b62062$export$7c6e2c02157bb7d2.displayName;var DropdownMenuItem=react.forwardRef((function(_ref4,ref){var className=_ref4.className,inset=_ref4.inset,props=(0,objectWithoutProperties.Z)(_ref4,_excluded4);return __jsx($d08ef79370b62062$export$6d08773d2e66f8f2,(0,esm_extends.Z)({ref,className:(0,utils.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",inset&&"pl-8",className)},props))}));DropdownMenuItem.displayName=$d08ef79370b62062$export$6d08773d2e66f8f2.displayName;var DropdownMenuCheckboxItem=react.forwardRef((function(_ref5,ref){var className=_ref5.className,children=_ref5.children,checked=_ref5.checked,props=(0,objectWithoutProperties.Z)(_ref5,_excluded5);return __jsx($d08ef79370b62062$export$16ce288f89fa631c,(0,esm_extends.Z)({ref,className:(0,utils.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",className),checked},props),__jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},__jsx($d08ef79370b62062$export$c3468e2714d175fa,null,__jsx(check.Z,{className:"h-4 w-4"}))),children)}));DropdownMenuCheckboxItem.displayName=$d08ef79370b62062$export$16ce288f89fa631c.displayName;var DropdownMenuRadioItem=react.forwardRef((function(_ref6,ref){var className=_ref6.className,children=_ref6.children,props=(0,objectWithoutProperties.Z)(_ref6,_excluded6);return __jsx($d08ef79370b62062$export$371ab307eab489c0,(0,esm_extends.Z)({ref,className:(0,utils.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",className)},props),__jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},__jsx($d08ef79370b62062$export$c3468e2714d175fa,null,__jsx(circle.Z,{className:"h-2 w-2 fill-current"}))),children)}));DropdownMenuRadioItem.displayName=$d08ef79370b62062$export$371ab307eab489c0.displayName;var DropdownMenuLabel=react.forwardRef((function(_ref7,ref){var className=_ref7.className,inset=_ref7.inset,props=(0,objectWithoutProperties.Z)(_ref7,_excluded7);return __jsx($d08ef79370b62062$export$b04be29aa201d4f5,(0,esm_extends.Z)({ref,className:(0,utils.cn)("px-2 py-1.5 text-sm font-semibold",inset&&"pl-8",className)},props))}));DropdownMenuLabel.displayName=$d08ef79370b62062$export$b04be29aa201d4f5.displayName;var DropdownMenuSeparator=react.forwardRef((function(_ref8,ref){var className=_ref8.className,props=(0,objectWithoutProperties.Z)(_ref8,_excluded8);return __jsx($d08ef79370b62062$export$1ff3c3f08ae963c0,(0,esm_extends.Z)({ref,className:(0,utils.cn)("-mx-1 my-1 h-px bg-muted",className)},props))}));DropdownMenuSeparator.displayName=$d08ef79370b62062$export$1ff3c3f08ae963c0.displayName;var _Base$parameters,_Base$parameters2,DropdownMenuShortcut=function DropdownMenuShortcut(_ref9){var className=_ref9.className,props=(0,objectWithoutProperties.Z)(_ref9,_excluded9);return __jsx("span",(0,esm_extends.Z)({className:(0,utils.cn)("ml-auto text-xs tracking-widest opacity-60",className)},props))};DropdownMenuShortcut.displayName="DropdownMenuShortcut",DropdownMenuShortcut.displayName="DropdownMenuShortcut",DropdownMenuContent.__docgenInfo={description:"",methods:[],props:{sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}},DropdownMenuItem.__docgenInfo={description:"",methods:[]},DropdownMenuCheckboxItem.__docgenInfo={description:"",methods:[]},DropdownMenuRadioItem.__docgenInfo={description:"",methods:[]},DropdownMenuLabel.__docgenInfo={description:"",methods:[]},DropdownMenuSeparator.__docgenInfo={description:"",methods:[]},DropdownMenuShortcut.__docgenInfo={description:"",methods:[],displayName:"DropdownMenuShortcut"},DropdownMenuSubContent.__docgenInfo={description:"",methods:[]},DropdownMenuSubTrigger.__docgenInfo={description:"",methods:[]};try{DropdownMenuShortcut.displayName="DropdownMenuShortcut",DropdownMenuShortcut.__docgenInfo={description:"",displayName:"DropdownMenuShortcut",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/dropdown-menu.tsx#DropdownMenuShortcut"]={docgenInfo:DropdownMenuShortcut.__docgenInfo,name:"DropdownMenuShortcut",path:"registry/default/ui/dropdown-menu.tsx#DropdownMenuShortcut"})}catch(__react_docgen_typescript_loader_error){}var dropdown_menu_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 dropdown_menu_stories={title:"ui/DropdownMenu",component:DropdownMenu,tags:["autodocs"],argTypes:{}};var Base={render:function render(args){return dropdown_menu_stories_jsx(DropdownMenu,null,dropdown_menu_stories_jsx(DropdownMenuTrigger,{asChild:!0},dropdown_menu_stories_jsx(ui_button.z,{variant:"outline"},"Open")),dropdown_menu_stories_jsx(DropdownMenuContent,{className:"w-56"},dropdown_menu_stories_jsx(DropdownMenuLabel,null,"My Account"),dropdown_menu_stories_jsx(DropdownMenuSeparator,null),dropdown_menu_stories_jsx(DropdownMenuGroup,null,dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(User,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Profile"),dropdown_menu_stories_jsx(DropdownMenuShortcut,null,"⇧⌘P")),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(CreditCard,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Billing"),dropdown_menu_stories_jsx(DropdownMenuShortcut,null,"⌘B")),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(Settings,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Settings"),dropdown_menu_stories_jsx(DropdownMenuShortcut,null,"⌘S")),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(Keyboard,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Keyboard shortcuts"),dropdown_menu_stories_jsx(DropdownMenuShortcut,null,"⌘K"))),dropdown_menu_stories_jsx(DropdownMenuSeparator,null),dropdown_menu_stories_jsx(DropdownMenuGroup,null,dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(Users,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Team")),dropdown_menu_stories_jsx(DropdownMenuSub,null,dropdown_menu_stories_jsx(DropdownMenuSubTrigger,null,dropdown_menu_stories_jsx(UserPlus,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Invite users")),dropdown_menu_stories_jsx(DropdownMenuPortal,null,dropdown_menu_stories_jsx(DropdownMenuSubContent,null,dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(mail.Z,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Email")),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(MessageSquare,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Message")),dropdown_menu_stories_jsx(DropdownMenuSeparator,null),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(PlusCircle,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"More..."))))),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(plus.Z,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"New Team"),dropdown_menu_stories_jsx(DropdownMenuShortcut,null,"⌘+T"))),dropdown_menu_stories_jsx(DropdownMenuSeparator,null),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(Github,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"GitHub")),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(LifeBuoy,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Support")),dropdown_menu_stories_jsx(DropdownMenuItem,{disabled:!0},dropdown_menu_stories_jsx(Cloud,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"API")),dropdown_menu_stories_jsx(DropdownMenuSeparator,null),dropdown_menu_stories_jsx(DropdownMenuItem,null,dropdown_menu_stories_jsx(LogOut,{className:"mr-2 h-4 w-4"}),dropdown_menu_stories_jsx("span",null,"Log out"),dropdown_menu_stories_jsx(DropdownMenuShortcut,null,"⇧⌘Q"))))},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 => <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button variant="outline">Open</Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent className="w-56">\n <DropdownMenuLabel>My Account</DropdownMenuLabel>\n <DropdownMenuSeparator />\n <DropdownMenuGroup>\n <DropdownMenuItem>\n <User className="mr-2 h-4 w-4" />\n <span>Profile</span>\n <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n </DropdownMenuItem>\n <DropdownMenuItem>\n <CreditCard className="mr-2 h-4 w-4" />\n <span>Billing</span>\n <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n </DropdownMenuItem>\n <DropdownMenuItem>\n <Settings className="mr-2 h-4 w-4" />\n <span>Settings</span>\n <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n </DropdownMenuItem>\n <DropdownMenuItem>\n <Keyboard className="mr-2 h-4 w-4" />\n <span>Keyboard shortcuts</span>\n <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n </DropdownMenuItem>\n </DropdownMenuGroup>\n <DropdownMenuSeparator />\n <DropdownMenuGroup>\n <DropdownMenuItem>\n <Users className="mr-2 h-4 w-4" />\n <span>Team</span>\n </DropdownMenuItem>\n <DropdownMenuSub>\n <DropdownMenuSubTrigger>\n <UserPlus className="mr-2 h-4 w-4" />\n <span>Invite users</span>\n </DropdownMenuSubTrigger>\n <DropdownMenuPortal>\n <DropdownMenuSubContent>\n <DropdownMenuItem>\n <Mail className="mr-2 h-4 w-4" />\n <span>Email</span>\n </DropdownMenuItem>\n <DropdownMenuItem>\n <MessageSquare className="mr-2 h-4 w-4" />\n <span>Message</span>\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n <DropdownMenuItem>\n <PlusCircle className="mr-2 h-4 w-4" />\n <span>More...</span>\n </DropdownMenuItem>\n </DropdownMenuSubContent>\n </DropdownMenuPortal>\n </DropdownMenuSub>\n <DropdownMenuItem>\n <Plus className="mr-2 h-4 w-4" />\n <span>New Team</span>\n <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n </DropdownMenuItem>\n </DropdownMenuGroup>\n <DropdownMenuSeparator />\n <DropdownMenuItem>\n <Github className="mr-2 h-4 w-4" />\n <span>GitHub</span>\n </DropdownMenuItem>\n <DropdownMenuItem>\n <LifeBuoy className="mr-2 h-4 w-4" />\n <span>Support</span>\n </DropdownMenuItem>\n <DropdownMenuItem disabled>\n <Cloud className="mr-2 h-4 w-4" />\n <span>API</span>\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n <DropdownMenuItem>\n <LogOut className="mr-2 h-4 w-4" />\n <span>Log out</span>\n <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>,\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)}},"../../node_modules/lucide-react/dist/esm/icons/mail.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Mail});const Mail=(0,__webpack_require__("../../node_modules/lucide-react/dist/esm/createLucideIcon.js").Z)("Mail",[["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",key:"18n3k1"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}]])},"../../node_modules/lucide-react/dist/esm/icons/plus.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Plus});const Plus=(0,__webpack_require__("../../node_modules/lucide-react/dist/esm/createLucideIcon.js").Z)("Plus",[["line",{x1:"12",x2:"12",y1:"5",y2:"19",key:"pwfkuu"}],["line",{x1:"5",x2:"19",y1:"12",y2:"12",key:"13b5wn"}]])}}]);