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:T101b,import type { HTMLArkProps } from '@ark-ui/react/factory'; import { ark } from '@ark-ui/react/factory'; import { clsx } from 'clsx'; import { Fragment, forwardRef, type ComponentRef, type ReactNode } from 'react'; import { ChevronRightIcon } from '@/lib/moduix/icons/ui'; import styles from './Breadcrumbs.module.css'; type BreadcrumbsPathLink = { href: string; label: ReactNode; }; type BreadcrumbsPathProps = Omit, 'asChild' | 'children'> & { links: readonly BreadcrumbsPathLink[]; page: ReactNode; separator?: ReactNode; }; const BreadcrumbsRoot = forwardRef, HTMLArkProps<'nav'>>( function BreadcrumbsRoot({ className, 'aria-label': ariaLabel = 'Breadcrumb', ...props }, ref) { return ( ); }, ); const BreadcrumbsList = forwardRef, HTMLArkProps<'ol'>>( function BreadcrumbsList({ className, ...props }, ref) { return ( ); }, ); const BreadcrumbsItem = forwardRef, HTMLArkProps<'li'>>( function BreadcrumbsItem({ className, ...props }, ref) { return ( ); }, ); const BreadcrumbsLink = forwardRef, HTMLArkProps<'a'>>( function BreadcrumbsLink({ className, ...props }, ref) { return ( ); }, ); const BreadcrumbsPage = forwardRef, HTMLArkProps<'span'>>( function BreadcrumbsPage({ className, ...props }, ref) { return ( ); }, ); const BreadcrumbsPath = forwardRef, BreadcrumbsPathProps>( function BreadcrumbsPath({ links, page, separator, ...props }, ref) { return ( {links.map((link, index) => ( {link.label} {separator} ))} {page} ); }, ); const BreadcrumbsSeparator = forwardRef, HTMLArkProps<'li'>>( function BreadcrumbsSeparator({ className, children, ...props }, ref) { return ( ); }, ); const BreadcrumbsEllipsis = forwardRef, HTMLArkProps<'span'>>( function BreadcrumbsEllipsis({ className, children = '...', ...props }, ref) { return ( ); }, ); const Breadcrumbs = Object.assign(BreadcrumbsRoot, { Root: BreadcrumbsRoot, List: BreadcrumbsList, Item: BreadcrumbsItem, Link: BreadcrumbsLink, Path: BreadcrumbsPath, Page: BreadcrumbsPage, Separator: BreadcrumbsSeparator, Ellipsis: BreadcrumbsEllipsis, }); export { Breadcrumbs };52:Tc6a,@layer moduix.components { .root { max-width: var(--moduix-breadcrumbs-max-width, 100%); color: var(--moduix-breadcrumbs-color, var(--moduix-color-muted-foreground)); font-size: var(--moduix-breadcrumbs-font-size, var(--moduix-text-sm)); line-height: var(--moduix-breadcrumbs-line-height, var(--moduix-line-height-text-sm)); } .list { display: flex; min-width: 0; align-items: center; gap: var(--moduix-breadcrumbs-gap, var(--moduix-spacing-1)); margin: 0; padding: 0; list-style: none; white-space: nowrap; > .item:last-child { flex: 1 1 auto; max-width: var(--moduix-breadcrumbs-item-max-width, 16rem); } } .item { display: inline-flex; min-width: 0; align-items: center; } .link, .page { display: block; min-width: 0; max-width: 100%; padding-inline: var(--moduix-breadcrumbs-item-padding-x, var(--moduix-spacing-1)); white-space: nowrap; } .link, .page, .ellipsis { overflow: hidden; text-overflow: ellipsis; } .link { color: var(--moduix-breadcrumbs-link-color, var(--moduix-color-muted-foreground)); text-decoration: var(--moduix-breadcrumbs-link-text-decoration, none); text-underline-offset: var(--moduix-breadcrumbs-link-underline-offset, 0.2em); border-radius: var(--moduix-breadcrumbs-link-radius, var(--moduix-radius-sm)); outline: none; transition: color var(--moduix-breadcrumbs-link-transition, var(--moduix-transition-default)); @media (hover: hover) { &:hover { color: var(--moduix-breadcrumbs-link-color-hover, var(--moduix-color-foreground)); text-decoration: var(--moduix-breadcrumbs-link-text-decoration-hover, none); } } &:focus-visible { box-shadow: 0 0 0 var( --moduix-breadcrumbs-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)) ) var(--moduix-breadcrumbs-focus-ring-color, var(--moduix-color-ring)); } } .page { color: var(--moduix-breadcrumbs-page-color, var(--moduix-color-foreground)); font-weight: var(--moduix-breadcrumbs-page-font-weight, var(--moduix-weight-medium)); } .separator { display: inline-flex; align-items: center; color: var(--moduix-breadcrumbs-separator-color, var(--moduix-color-muted-foreground)); font-size: var(--moduix-breadcrumbs-separator-font-size, 0.875em); line-height: 1; user-select: none; } .separatorIcon { width: var(--moduix-breadcrumbs-separator-icon-size, 1em); height: var(--moduix-breadcrumbs-separator-icon-size, 1em); flex: none; } :global([dir='rtl']) .separatorIcon { transform: rotate(180deg); } .ellipsis { display: inline-flex; align-items: center; justify-content: center; min-width: var(--moduix-breadcrumbs-ellipsis-size, var(--moduix-spacing-4)); min-height: var(--moduix-breadcrumbs-ellipsis-size, var(--moduix-spacing-4)); padding-inline: var(--moduix-breadcrumbs-item-padding-x, var(--moduix-spacing-1)); color: var(--moduix-breadcrumbs-ellipsis-color, var(--moduix-color-muted-foreground)); } }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","@ark-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40ark-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":"@ark-ui/react"}]]}]}],["$","li","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","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":"clsx"}]]}]}]]}],["$","$L4f",null,{"namespace":"@moduix-react","registryDependencies":["@moduix-react/foundation","@moduix-react/icons"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/components/breadcrumbs/Breadcrumbs.tsx","content":"$51","type":"registry:component","target":"@components/ui/breadcrumbs/Breadcrumbs.tsx"},{"path":"src/components/breadcrumbs/Breadcrumbs.module.css","content":"$52","type":"registry:file","target":"@components/ui/breadcrumbs/Breadcrumbs.module.css"},{"path":"src/components/breadcrumbs/index.ts","content":"export { Breadcrumbs } from './Breadcrumbs.js';","type":"registry:component","target":"@components/ui/breadcrumbs/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]