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/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"] 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/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"] 51:T133c,import * as React from "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 "@/lib/utils" import { Separator } from "@/components/ui/separator" function ItemGroup({ className, ...props }: React.ComponentProps<"div">) { return (

) } function ItemSeparator({ className, ...props }: React.ComponentProps) { return ( ) } const itemVariants = cva( "group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 in-data-[slot=dropdown-menu-content]:p-0 in-data-[slot=select-content]:p-0 in-data-[slot=select-trigger]:p-0 [a]:transition-colors [a]:hover:bg-muted", { variants: { variant: { default: "border-transparent", outline: "border-border", muted: "border-transparent bg-muted/50", }, size: { default: "gap-2.5 px-3 py-2.5", sm: "gap-2.5 px-3 py-2.5", xs: "gap-2 px-2.5 py-2", }, }, defaultVariants: { variant: "default", size: "default", }, } ) function Item({ className, variant = "default", size = "default", render, ...props }: useRender.ComponentProps<"div"> & VariantProps) { return useRender({ defaultTagName: "div", props: mergeProps<"div">( { className: cn(itemVariants({ variant, size, className })), }, props ), render, state: { slot: "item", variant, size, }, }) } const itemMediaVariants = cva( "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", { variants: { variant: { default: "bg-transparent", icon: "[&_svg:not([class*='size-'])]:size-4", image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover", }, }, defaultVariants: { variant: "default", }, } ) function ItemMedia({ className, variant = "default", ...props }: React.ComponentProps<"div"> & VariantProps) { return (

) } function ItemContent({ className, ...props }: React.ComponentProps<"div">) { return (

) } function ItemTitle({ className, ...props }: React.ComponentProps<"div">) { return (

) } function ItemDescription({ className, ...props }: React.ComponentProps<"p">) { return (

a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className )} {...props} /> ) } function ItemActions({ className, ...props }: React.ComponentProps<"div">) { return (

) } function ItemHeader({ className, ...props }: React.ComponentProps<"div">) { return (

) } function ItemFooter({ className, ...props }: React.ComponentProps<"div">) { return (

) } export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, } 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":[null,["$","$L4f",null,{"namespace":"@exabase","registryDependencies":["@exabase/separator"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"components/ui/item.tsx","content":"$51","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]