60: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62:T6c8,/** @skrewww-component link */ import type { AnchorHTMLAttributes, ReactNode } from "react"; import { cn } from "@/lib/cn"; import { RouterAnchor } from "@/components/ui/router-navigation"; import { getLinkRel } from "@/components/ui/internal/link-utils"; import styles from "@/components/ui/link.module.css"; export type LinkVariant = "default" | "subtle" | "danger"; export type LinkSize = "sm" | "md" | "lg"; export type LinkProps = Omit< AnchorHTMLAttributes, "href" | "children" > & { href: string; variant?: LinkVariant; size?: LinkSize; leadingIcon?: ReactNode; trailingIcon?: ReactNode; children: ReactNode; className?: string; }; const variantClass: Record = { default: styles.default, subtle: styles.subtle, danger: styles.danger, }; const sizeClass: Record = { sm: styles.sm, md: styles.md, lg: styles.lg, }; export function Link({ href, variant = "default", size = "md", leadingIcon, trailingIcon, children, className, target, rel, ...rest }: LinkProps) { const resolvedRel = getLinkRel(target, rel); const classes = cn(styles.link, variantClass[variant], sizeClass[size], className); const content = ( <> {leadingIcon ? ( ) : null} {children} {trailingIcon ? ( ) : null} ); return ( {content} ); } 63:T927,.link { /* Component-owned geometry — travels with /r/link.json; semantic colors resolve from Foundation. */ --link-text-default: var(--semantic-action-primary); --link-text-hover: var(--semantic-action-primary-hover); --link-font-size-sm: 0.8125rem; --link-font-size-md: 0.875rem; --link-font-size-lg: 1rem; --link-icon-gap: 0.25rem; --link-underline-thickness: 1px; --link-underline-offset: 0.15em; display: inline-flex; align-items: center; gap: var(--link-icon-gap); font-weight: 500; text-decoration: underline; text-decoration-thickness: var(--link-underline-thickness); text-underline-offset: var(--link-underline-offset); border-radius: 2px; transition: color 0.15s ease; } .link:focus-visible { outline: 2px solid var(--semantic-focus-ring); outline-offset: 2px; text-decoration-thickness: var(--link-underline-thickness); } .sm { font-size: var(--link-font-size-sm); } .md { font-size: var(--link-font-size-md); } .lg { font-size: var(--link-font-size-lg); } .default { color: var(--link-text-default); } .default:hover { color: var(--link-text-hover); } /* After :hover so :active wins while the pointer is also hovered */ .default:active { color: var(--primitive-color-brand-700); } .subtle { color: var(--semantic-text-secondary); } .subtle:hover { /* Figma Secondary Hover — semantic/text/primary (not Primary's --link-text-hover) */ color: var(--semantic-text-primary); } /* After :hover so :active wins while the pointer is also hovered */ .subtle:active { color: var(--semantic-text-primary); } .danger { /* Icon currentColor — semantic/icon/danger → danger/500 → #E5484D */ color: var(--semantic-icon-danger); } .danger .label { /* Accessible danger text — semantic/text/danger → danger/600 → #CC3B37 */ color: var(--semantic-text-danger); } .danger:hover { /* Figma Danger Hover converges label + icon to #CC3B37 */ color: var(--semantic-text-danger); } .danger:hover .label { color: var(--semantic-text-danger); } /* After :hover so :active wins while the pointer is also hovered */ .danger:active { color: var(--primitive-color-danger-700); } .danger:active .label { color: var(--primitive-color-danger-700); } .icon { display: inline-flex; flex-shrink: 0; } .label { text-decoration: inherit; } 64:Td5d,/** * Framework-neutral link classification helpers. * No docs-site / repository configuration imports — origin is either passed * explicitly or read from the runtime location when available. */ function normalizeHref(href: string): string { return href.trim(); } function resolveDefaultOrigin(): string | undefined { if (typeof globalThis === "undefined") return undefined; const locationLike = (globalThis as { location?: { origin?: string } }).location; return locationLike?.origin; } export function isHashHref(href: string): boolean { return normalizeHref(href).startsWith("#"); } export function isSpecialProtocolHref(href: string): boolean { const value = normalizeHref(href).toLowerCase(); return value.startsWith("mailto:") || value.startsWith("tel:"); } export function isExternalHref(href: string, origin: string | undefined = resolveDefaultOrigin()): boolean { const value = normalizeHref(href); if (!value || isHashHref(value) || value.startsWith("/") || value.startsWith("./") || value.startsWith("../")) { return false; } if (isSpecialProtocolHref(value)) { return true; } if (value.startsWith("//")) { return true; } if (/^https?:\/\//i.test(value)) { if (!origin) { // No origin context (SSR without an explicit origin) — treat absolute // http(s) as external so NextLink is not used for foreign hosts. return true; } try { return new URL(value).origin !== origin; } catch { return true; } } return false; } export function shouldUseNativeAnchor( href: string, origin: string | undefined = resolveDefaultOrigin(), ): boolean { const value = normalizeHref(href); return isSpecialProtocolHref(value) || isExternalHref(value, origin); } export function getLinkRel(target?: string, rel?: string): string | undefined { if (rel) return rel; if (target === "_blank") return "noopener noreferrer"; return undefined; } /** * True only for root-relative internal paths ("/components/button"). These are * the only hrefs a host router can be asked to navigate to: hash-only links, * relative paths, protocol-relative URLs, mailto:/tel: and absolute URLs are * left to the browser so native behavior (scrolling, resolution against the * current URL, other origins) is never reimplemented. */ export function isRouterNavigableHref(href: string): boolean { const value = normalizeHref(href); return value.startsWith("/") && !value.startsWith("//"); } export type NavigationInterceptionInput = { href: string; target?: string; download?: unknown; button: number; metaKey: boolean; ctrlKey: boolean; shiftKey: boolean; altKey: boolean; defaultPrevented: boolean; }; /** * Whether a click on an anchor should be handed to the host router instead of * the browser. Only a plain, primary-button, same-window activation of an * internal path qualifies; every case where the browser should win returns * false. */ export function shouldInterceptNavigation(input: NavigationInterceptionInput): boolean { if (input.defaultPrevented) return false; if (input.button !== 0) return false; if (input.metaKey || input.ctrlKey || input.shiftKey || input.altKey) return false; if (input.target && input.target !== "_self") return false; if (input.download !== undefined && input.download !== false) return false; return isRouterNavigableHref(input.href); } 65:T963,"use client"; import { createContext, forwardRef, useContext, type AnchorHTMLAttributes, type MouseEvent, type ReactNode, } from "react"; import { shouldInterceptNavigation } from "@/components/ui/internal/link-utils"; /** * Router integration for link-bearing components (Button, Link, Pagination, * List Item). Components always render a native ``; with no provider * a click is ordinary browser navigation. A host application may mount one * `SkrewwwRouterProvider` so eligible internal navigations are handed to its * own router instead of reloading the page. The contract is navigation * intent ("go to this path"), not any particular router. */ export type SkrewwwNavigate = (href: string) => void; const SkrewwwNavigateContext = createContext(null); export type SkrewwwRouterProviderProps = { /** * Called with the root-relative href of a plain, same-window click on an * internal link. Modified or non-primary clicks, `target` other than * `_self`, `download`, prevented events and every non-root-relative href * are never passed to it. Memoize it to avoid re-rendering link consumers. */ navigate: SkrewwwNavigate; children: ReactNode; }; export function SkrewwwRouterProvider({ navigate, children }: SkrewwwRouterProviderProps) { return {children}; } export type RouterAnchorProps = AnchorHTMLAttributes & { href: string }; /** Internal building block — not part of the public package API. */ export const RouterAnchor = forwardRef(function RouterAnchor( { href, target, download, onClick, ...rest }, ref, ) { const navigate = useContext(SkrewwwNavigateContext); function handleClick(event: MouseEvent) { onClick?.(event); if (!navigate) return; const intercept = shouldInterceptNavigation({ href, target, download, button: event.button, metaKey: event.metaKey, ctrlKey: event.ctrlKey, shiftKey: event.shiftKey, altKey: event.altKey, defaultPrevented: event.defaultPrevented, }); if (!intercept) return; event.preventDefault(); navigate(href); } return ; }); 5f:["$","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,["$","$L60",null,{"namespace":"@skrewww","registryDependencies":["@skrewww/foundation"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"components/ui/Link.tsx","content":"$62","type":"registry:ui","target":"~/components/ui/Link.tsx"},{"path":"components/ui/link.module.css","content":"$63","type":"registry:ui","target":"~/components/ui/link.module.css"},{"path":"lib/cn.ts","content":"export function cn(...classes: Array): string {\n return classes.filter(Boolean).join(\" \");\n}\n","type":"registry:lib","target":"~/lib/cn.ts"},{"path":"components/ui/internal/link-utils.ts","content":"$64","type":"registry:lib","target":"~/components/ui/internal/link-utils.ts"},{"path":"components/ui/router-navigation.tsx","content":"$65","type":"registry:ui","target":"~/components/ui/router-navigation.tsx"}],"className":"h-[70svh] min-h-80"}]]}]