50: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"] 51: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"] 52:T135d,"use client"; import * as TabsPrimitive from "@radix-ui/react-tabs"; import { cva, type VariantProps } from "class-variance-authority"; import { createContext, useContext, type ComponentProps } from "react"; import { cn } from "@/registry/default/lib/utils"; const tabsListVariants = cva( "text-muted-foreground inline-flex w-fit items-center data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", { variants: { variant: { default: "bg-muted h-9 justify-center rounded-lg p-[3px]", line: "gap-4 border-b data-[orientation=vertical]:gap-1 data-[orientation=vertical]:border-b-0 data-[orientation=vertical]:border-l", }, }, defaultVariants: { variant: "default", }, } ); const tabsTriggerVariants = cva( [ "inline-flex cursor-pointer items-center justify-center gap-1.5 text-sm font-medium whitespace-nowrap", "hover:text-foreground data-[state=active]:text-foreground", "transition-[color,background-color,border-color,box-shadow] outline-none motion-reduce:transition-none", "focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", ], { variants: { variant: { default: [ "h-full flex-1 rounded-md border border-transparent px-2 py-1", "data-[state=active]:bg-background data-[state=active]:shadow-[0_1px_2px_0_rgb(0_0_0/0.05)]", "data-[orientation=vertical]:justify-start", ], line: [ "-mb-px rounded-t-md border-b-2 border-transparent px-1 pt-1.5 pb-2", "data-[state=active]:border-primary", "data-[orientation=vertical]:mb-0 data-[orientation=vertical]:-ml-px data-[orientation=vertical]:justify-start data-[orientation=vertical]:rounded-t-none data-[orientation=vertical]:rounded-r-md data-[orientation=vertical]:border-b-0 data-[orientation=vertical]:border-l-2 data-[orientation=vertical]:px-3 data-[orientation=vertical]:py-1.5", ], }, }, defaultVariants: { variant: "default", }, } ); type TabsVariant = NonNullable["variant"]>; const TabsVariantContext = createContext("default"); /** * Sections of content shown one at a time. The tab list is a single Tab * stop: arrow keys move between tabs (Up and Down with * `orientation="vertical"`), Home and End jump to the ends, and the panel * that goes with a tab is linked to it for screen readers. Controlled with * `value` / `onValueChange` or uncontrolled with `defaultValue`. * * @example * * * Account * Billing * * … * … * */ function Tabs({ className, ...props }: ComponentProps) { return ( ); } interface TabsListProps extends ComponentProps, VariantProps {} /** * The row of tabs. `variant="default"` is a segmented control on a muted * background; `variant="line"` underlines the active tab. The triggers * inside pick the variant up, and expose it as `data-variant`. */ function TabsList({ className, variant, children, ...props }: TabsListProps) { const resolved = variant ?? "default"; return ( {children} ); } function TabsTrigger({ className, ...props }: ComponentProps) { const variant = useContext(TabsVariantContext); return ( ); } /** The panel of one tab. It takes focus with Tab from the active tab, so its content is reachable. */ function TabsContent({ className, ...props }: ComponentProps) { return ( ); } export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, type TabsListProps }; 4f:["$","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-tabs@^1.1.21",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-tabs","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-tabs@^1.1.21"}]]}]}],["$","li","class-variance-authority@^0.7.1",{"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@^0.7.1"}]]}]}]]}],["$","$L50",null,{"namespace":"@corsair-ui","registryDependencies":["@corsair-ui/utils"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/ui/tabs.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]