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:T51e,.cr-tabs { display: grid; gap: var(--cr-space-4); color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); } .cr-tabs__list { display: inline-flex; justify-self: start; gap: var(--cr-space-1); padding: var(--cr-space-1); border-radius: var(--cr-radius-full); background: var(--cr-color-bg-subtle); } .cr-tabs__trigger { min-height: 34px; padding: 0 var(--cr-space-4); border: 0; border-radius: var(--cr-radius-full); background: transparent; color: var(--cr-color-text-secondary); font: inherit; font-size: var(--cr-font-size-sm); font-weight: var(--cr-font-weight-semibold); cursor: pointer; transition: background-color var(--cr-motion-duration-base) var(--cr-motion-easing-standard), box-shadow var(--cr-motion-duration-base) var(--cr-motion-easing-standard); } .cr-tabs__trigger:hover { color: var(--cr-color-text-default); } .cr-tabs__trigger[data-state='active'] { background: var(--cr-color-glass-popover); box-shadow: var(--cr-shadow-sm); color: var(--cr-color-text-default); } .cr-tabs__trigger:focus-visible, .cr-tabs__content:focus-visible { outline: var(--cr-focus-width) solid var(--cr-color-focus); outline-offset: var(--cr-focus-offset); } .cr-tabs__trigger:disabled { cursor: not-allowed; opacity: 0.5; } 53:T56c,'use client'; import * as RadixTabs from '@radix-ui/react-tabs'; import { forwardRef, type ComponentPropsWithoutRef } from 'react'; import { cx } from '@/lib/creance/cx'; import './Tabs.css'; /** Radix Tabs: arrow keys move between tabs, Home and End jump to the ends. */ export const Tabs = forwardRef>(function Tabs( { className, ...props }, ref, ) { return ; }); /** The segmented control holding the tabs. Give it an `aria-label`. */ export const TabsList = forwardRef>(function TabsList( { className, ...props }, ref, ) { return ; }); export const TabsTrigger = forwardRef>( function TabsTrigger({ className, ...props }, ref) { return ; }, ); export const TabsContent = forwardRef>( function TabsContent({ className, ...props }, ref) { return ; }, ); 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.22",{"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.22"}]]}]}]]}],["$","$L50",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"tabs/Tabs.css","content":"$52","type":"registry:file","target":"@components/creance/tabs/Tabs.css"},{"path":"tabs/Tabs.tsx","content":"$53","type":"registry:ui","target":"@components/creance/tabs/Tabs.tsx"}],"className":"h-[70svh] min-h-80"}]]}]