4f: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/1o6_421saitt-.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"] 50: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/1o6_421saitt-.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"] 51:T27dd,'use client'; import * as React from 'react'; import * as ToolbarPrimitive from '@radix-ui/react-toolbar'; import * as TooltipPrimitive from '@radix-ui/react-tooltip'; import { type VariantProps, cva } from 'class-variance-authority'; import { ChevronDown } from 'lucide-react'; import { DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, } from '@/components/ui/dropdown-menu'; import { Separator } from '@/components/ui/separator'; import { Tooltip, TooltipTrigger } from '@/components/ui/tooltip'; import { cn } from '@/lib/utils'; export function Toolbar({ className, ...props }: React.ComponentProps) { return ( ); } export function ToolbarToggleGroup({ className, ...props }: React.ComponentProps) { return ( ); } export function ToolbarLink({ className, ...props }: React.ComponentProps) { return ( ); } export function ToolbarSeparator({ className, ...props }: React.ComponentProps) { return ( ); } // From toggleVariants const toolbarButtonVariants = cva( "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-checked:bg-accent aria-checked:text-accent-foreground aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", { defaultVariants: { size: 'default', variant: 'default', }, variants: { size: { default: 'h-9 min-w-9 px-2', lg: 'h-10 min-w-10 px-2.5', sm: 'h-8 min-w-8 px-1.5', }, variant: { default: 'bg-transparent', outline: 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground', }, }, } ); const dropdownArrowVariants = cva( cn( 'inline-flex items-center justify-center rounded-r-md font-medium text-foreground text-sm transition-colors disabled:pointer-events-none disabled:opacity-50' ), { defaultVariants: { size: 'sm', variant: 'default', }, variants: { size: { default: 'h-9 w-6', lg: 'h-10 w-8', sm: 'h-8 w-4', }, variant: { default: 'bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground', outline: 'border border-input border-l-0 bg-transparent hover:bg-accent hover:text-accent-foreground', }, }, } ); type ToolbarButtonProps = { isDropdown?: boolean; pressed?: boolean; } & Omit< React.ComponentPropsWithoutRef, 'asChild' | 'value' > & VariantProps; export const ToolbarButton = withTooltip(function ToolbarButtonContent({ children, className, isDropdown, pressed, size = 'sm', variant, ...props }: ToolbarButtonProps) { return typeof pressed === 'boolean' ? ( {isDropdown ? ( <>

{children}

) : ( children )} ) : ( {children} ); }); export function ToolbarSplitButton({ className, ...props }: React.ComponentPropsWithoutRef) { return ( ); } type ToolbarSplitButtonPrimaryProps = Omit< React.ComponentPropsWithoutRef, 'value' > & VariantProps; export function ToolbarSplitButtonPrimary({ children, className, size = 'sm', variant, ...props }: ToolbarSplitButtonPrimaryProps) { return ( {children} ); } export function ToolbarSplitButtonSecondary({ className, size, variant, ...props }: React.ComponentPropsWithoutRef<'span'> & VariantProps) { const handleClick = React.useCallback( (event: React.MouseEvent) => { event.stopPropagation(); }, [] ); return ( ); } export function ToolbarToggleItem({ className, size = 'sm', variant, ...props }: React.ComponentProps & VariantProps) { return ( ); } export function ToolbarGroup({ children, className, }: React.ComponentProps<'div'>) { return ( ); } type TooltipProps = { tooltip?: React.ReactNode; tooltipContentProps?: Omit< React.ComponentPropsWithoutRef, 'children' >; tooltipProps?: Omit< React.ComponentPropsWithoutRef, 'children' >; tooltipTriggerProps?: React.ComponentPropsWithoutRef; } & React.ComponentProps; function withTooltip(Component: T) { return function ExtendComponent({ tooltip, tooltipContentProps, tooltipProps, tooltipTriggerProps, ...props }: TooltipProps) { const [mounted, setMounted] = React.useState(false); React.useEffect(() => { setMounted(true); }, []); const component = )} />; if (tooltip && mounted) { return ( {component} {tooltip} ); } return component; }; } function TooltipContent({ children, className, // CHANGE sideOffset = 4, ...props }: React.ComponentProps) { return ( {children} {/* CHANGE */} {/* */} ); } export function ToolbarMenuGroup({ children, className, label, ...props }: React.ComponentProps & { label?: string }) { return ( <> {!!label && ( {label} )} {children} ); } 4e:["$","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","@radix-ui/react-toolbar",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-toolbar","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":"@radix-ui/react-toolbar"}]]}]}]]}],["$","$L4f",null,{"namespace":"@catalogs","registryDependencies":["tooltip","separator","dropdown-menu"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/ui/toolbar.tsx","content":"$51","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]