51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T4a1d,"use client" import * as React from "react" import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu" import { DirectionProvider, useDirection, type TextDirection, } from "@base-ui/react/direction-provider" import { IconCheck, IconChevronRight, IconCircleFilled, } from "@tabler/icons-react" import { mergeProps } from "@base-ui/react/merge-props" import { useRender } from "@base-ui/react/use-render" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "cn" type ClassName = string | ((state: State) => string | undefined) | undefined function mergeClassName(base: string, className: ClassName) { return typeof className === "function" ? (state: State) => cn(base, className(state)) : cn(base, className) } type ContextMenuContextValue = { disabled: boolean direction: TextDirection chosen: string | null choose: (id: string) => void readDirection: (node: Element) => void } const ContextMenuContext = React.createContext( null ) const ContextMenuGroupContext = React.createContext(false) function useContextMenuContext(part: string) { const context = React.useContext(ContextMenuContext) if (!context) { throw new Error(`${part} must be used within .`) } return context } const holdDelay = 120 const holdMoveThreshold = 10 function ContextMenu({ disabled = false, onOpenChange, onOpenChangeComplete, children, ...props }: ContextMenuPrimitive.Root.Props) { const inherited = useDirection() const [domDirection, setDomDirection] = React.useState("ltr") const [chosen, setChosen] = React.useState(null) const direction = domDirection === "rtl" ? "rtl" : inherited const readDirection = React.useCallback((node: Element) => { if (node.isConnected) { setDomDirection( getComputedStyle(node).direction === "rtl" ? "rtl" : "ltr" ) } }, []) const context = React.useMemo( () => ({ disabled, direction, chosen, choose: setChosen, readDirection, }), [disabled, direction, chosen, readDirection] ) return ( { onOpenChange?.(open, eventDetails) if (open && !eventDetails.isCanceled) { setChosen(null) } }} onOpenChangeComplete={(open) => { onOpenChangeComplete?.(open) if (!open) { setChosen(null) } }} {...props} > {children} ) } type ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props & { holdFeedback?: boolean } function ContextMenuTrigger({ className, holdFeedback = true, onContextMenu, onTouchStart, onTouchMove, onTouchEnd, onTouchCancel, ref, ...props }: ContextMenuTriggerProps) { const { disabled, readDirection } = useContextMenuContext("ContextMenuTrigger") const [holding, setHolding] = React.useState(false) const timerRef = React.useRef | undefined>( undefined ) const originRef = React.useRef<{ x: number; y: number } | null>(null) const release = React.useCallback(() => { clearTimeout(timerRef.current) originRef.current = null setHolding(false) }, []) React.useEffect(() => () => clearTimeout(timerRef.current), []) const setRef = React.useCallback( (node: HTMLDivElement | null) => { if (node) { readDirection(node) } if (typeof ref === "function") { return ref(node) } if (ref) { ref.current = node } }, [ref, readDirection] ) return ( { onContextMenu?.(event) readDirection(event.currentTarget) }} onTouchStart={(event) => { onTouchStart?.(event) release() if ( !holdFeedback || disabled || event.defaultPrevented || event.touches.length !== 1 ) { return } readDirection(event.currentTarget) const touch = event.touches[0] originRef.current = { x: touch.clientX, y: touch.clientY } timerRef.current = setTimeout(() => setHolding(true), holdDelay) }} onTouchMove={(event) => { onTouchMove?.(event) const origin = originRef.current const touch = event.touches[0] if ( origin && (event.touches.length !== 1 || Math.abs(touch.clientX - origin.x) > holdMoveThreshold || Math.abs(touch.clientY - origin.y) > holdMoveThreshold) ) { release() } }} onTouchEnd={(event) => { onTouchEnd?.(event) release() }} onTouchCancel={(event) => { onTouchCancel?.(event) release() }} {...props} /> ) } function ContextMenuPortal(props: ContextMenuPrimitive.Portal.Props) { return ( ) } type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick< ContextMenuPrimitive.Positioner.Props, | "side" | "align" | "sideOffset" | "alignOffset" | "anchor" | "collisionPadding" | "collisionAvoidance" > const contextMenuContentClassName = "relative max-h-(--available-height) max-w-[min(var(--available-width),20rem)] min-w-40 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-none rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-(length:--hairline) forced-colors:border ring-foreground/10 transition-[opacity,scale] duration-150 ease-out-quint outline-none focus-visible:outline-hidden [--context-menu-item-radius:max(calc(var(--radius-sm)*0.5),calc(var(--radius-lg)-0.25rem))] data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:data-instant:transition-none motion-safe:data-starting-style:scale-96 motion-safe:data-[chosen]:data-ending-style:delay-120 motion-reduce:transition-opacity" function useContentPositioning(part: string) { const { direction, chosen } = useContextMenuContext(part) return { dir: direction === "rtl" ? "rtl" : undefined, chosen: chosen === null ? undefined : "", } } function ContextMenuContent({ className, side, align, sideOffset, alignOffset, anchor, collisionPadding, collisionAvoidance, dir, ...props }: ContextMenuContentProps) { const positioning = useContentPositioning("ContextMenuContent") return ( ) } function ContextMenuGroup(props: ContextMenuPrimitive.Group.Props) { return ( ) } type ContextMenuLabelProps = ContextMenuPrimitive.GroupLabel.Props & { inset?: boolean } const contextMenuLabelClassName = "px-2 pt-2 pb-1 text-xs font-medium text-muted-foreground wrap-anywhere data-inset:ps-8" function ContextMenuStandaloneLabel({ className, render, ...props }: ContextMenuPrimitive.GroupLabel.Props) { const resolved = mergeClassName(contextMenuLabelClassName, className) return useRender({ defaultTagName: "div", render, props: mergeProps<"div">( { className: typeof resolved === "function" ? resolved({}) : resolved, }, props as React.ComponentProps<"div"> ), }) } function ContextMenuLabel({ inset, ...props }: ContextMenuLabelProps) { const inGroup = React.useContext(ContextMenuGroupContext) const Label = inGroup ? ContextMenuPrimitive.GroupLabel : ContextMenuStandaloneLabel return ( ) } const contextMenuItemVariants = cva( "relative flex min-h-8 w-full min-w-0 cursor-default items-center gap-2 rounded-(--context-menu-item-radius) px-2 py-1.5 text-start text-sm wrap-anywhere outline-none select-none focus-visible:outline-hidden data-highlighted:bg-accent data-highlighted:text-accent-foreground data-inset:ps-8 motion-safe:data-[chosen]:animate-menu-blink forced-colors:data-highlighted:outline-2 forced-colors:data-highlighted:-outline-offset-2 forced-colors:data-highlighted:outline-solid pointer-coarse:min-h-11 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-highlighted:[&_svg:not([class*='text-'])]:text-accent-foreground", { variants: { variant: { default: "", destructive: "text-destructive [--menu-blink:color-mix(in_oklab,var(--color-destructive)_10%,transparent)] data-highlighted:bg-destructive/10 data-highlighted:text-destructive dark:[--menu-blink:color-mix(in_oklab,var(--color-destructive)_20%,transparent)] dark:data-highlighted:bg-destructive/20 forced-colors:data-highlighted:outline-2 forced-colors:data-highlighted:-outline-offset-2 forced-colors:data-highlighted:outline-solid [&_svg:not([class*='text-'])]:text-destructive data-highlighted:[&_svg:not([class*='text-'])]:text-destructive", }, }, defaultVariants: { variant: "default", }, } ) type ChoosableEvent = React.MouseEvent & { baseUIHandlerPrevented?: boolean } function useChooseOnClick( closeOnClick: boolean, onClick: ((event: E) => void) | undefined ) { const context = React.useContext(ContextMenuContext) const id = React.useId() return { chosen: context?.chosen === id ? "" : undefined, onClick: (event: E) => { onClick?.(event) if ( context && closeOnClick && event.detail !== 0 && !event.defaultPrevented && !event.baseUIHandlerPrevented ) { context.choose(id) } }, } } type ContextMenuItemProps = ContextMenuPrimitive.Item.Props & VariantProps & { inset?: boolean } function ContextMenuItem({ className, variant = "default", inset, closeOnClick = true, onClick, ...props }: ContextMenuItemProps) { const choice = useChooseOnClick(closeOnClick, onClick) return ( ) } const contextMenuIndicatorClassName = "flex items-center justify-center opacity-0 transition-[opacity,scale] duration-150 ease-out-quint data-checked:opacity-100 motion-safe:scale-50 motion-safe:data-checked:scale-100 motion-reduce:transition-none" type ContextMenuCheckboxItemProps = ContextMenuPrimitive.CheckboxItem.Props & { inset?: boolean } function ContextMenuCheckboxItem({ className, children, inset, closeOnClick = false, onClick, ...props }: ContextMenuCheckboxItemProps) { const choice = useChooseOnClick(closeOnClick, onClick) return ( {children} ) } function ContextMenuRadioGroup(props: ContextMenuPrimitive.RadioGroup.Props) { return ( ) } type ContextMenuRadioItemProps = ContextMenuPrimitive.RadioItem.Props & { inset?: boolean } function ContextMenuRadioItem({ className, children, inset, closeOnClick = false, onClick, ...props }: ContextMenuRadioItemProps) { const choice = useChooseOnClick(closeOnClick, onClick) return ( {children} ) } function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props) { return ( ) } function ContextMenuShortcut({ className, dir = "ltr", children, ...props }: React.ComponentProps<"kbd">) { return ( {children} ) } function ContextMenuSub(props: ContextMenuPrimitive.SubmenuRoot.Props) { return } type ContextMenuSubTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean } function ContextMenuSubTrigger({ className, children, inset, ...props }: ContextMenuSubTriggerProps) { return ( {children} ) } function ContextMenuSubContent({ className, side, align, sideOffset = 0, alignOffset = -4, anchor, collisionPadding, collisionAvoidance, dir, ...props }: ContextMenuContentProps) { const positioning = useContentPositioning("ContextMenuSubContent") return ( ) } export { ContextMenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent, ContextMenuGroup, ContextMenuLabel, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, contextMenuItemVariants, } export type { ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuLabelProps, ContextMenuItemProps, ContextMenuCheckboxItemProps, ContextMenuRadioItemProps, ContextMenuSubTriggerProps, } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@base-ui/react@^1.8.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@base-ui/react@^1.8.0"}]]}]}],["$","li","@tabler/icons-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tabler%2Ficons-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@tabler/icons-react"}]]}]}],["$","li","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}]]}],["$","$L51",null,{"namespace":"@hextaui","registryDependencies":["https://hextaui.com/r/theme.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"components/ui/context-menu.tsx","content":"$53","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]