52: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"] 53: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"] 54:T125a,"use client"; import { Slot, Slottable } from "@radix-ui/react-slot"; import { LoaderCircle } from "lucide-react"; import { useLayoutEffect, useRef, useState, type ComponentProps, type ReactNode, } from "react"; import { cn } from "./lib/cn"; import "./shared/loading-indicator.css"; import "./button.css"; /* Colour, material and press live in button.css keyed on data-variant, so a consumer's utility classes still override them. Raised to press: the button sinks 1px into an inner shade instead of scaling. */ const variants = { default: "", secondary: "", ghost: "", destructive: "", }; const sizes = { sm: "h-8 gap-1.5 rounded-control px-3 text-[13px] max-md:min-h-11 [@media(pointer:coarse)]:min-h-11", md: "h-[var(--control-height)] gap-2 rounded-button px-3.5 text-sm", lg: "h-11 gap-2 rounded-touch px-[18px] text-[15px]", icon: "size-[var(--control-height)] rounded-button p-0", }; export type ButtonProps = ComponentProps<"button"> & { variant?: keyof typeof variants; size?: keyof typeof sizes; asChild?: boolean; /** Shows a spinner over the label and swallows clicks while keeping focus and width. */ loading?: boolean; /** Animate a meaningful label/icon change, such as saving → saved. */ feedbackKey?: string; }; export function Button({ className, variant = "default", size = "md", asChild = false, loading = false, feedbackKey, disabled, "aria-disabled": ariaDisabled, children, onClick, onClickCapture, tabIndex, type = "button", ...props }: ButtonProps) { const Component = asChild ? Slot : "button"; const nativeDisabled = Boolean(disabled); const blocked = nativeDisabled || loading || ariaDisabled === true || ariaDisabled === "true"; return ( { if (blocked && (event.key === "Enter" || event.key === " ")) { event.preventDefault(); } props.onKeyDown?.(event); }} onClickCapture={(event) => { if (blocked) { event.preventDefault(); event.stopPropagation(); return; } onClickCapture?.(event); }} onClick={onClick} > {loading && asChild && ( )} {loading && !asChild && feedbackKey === undefined && ( )} {loading && !asChild && feedbackKey === undefined ? ( {children} ) : feedbackKey !== undefined && !asChild ? ( {loading && ( ) : ( children )} ); } function ButtonFeedback({ stateKey, children, }: { stateKey: string; children: ReactNode; }) { const content = useRef(null); const [initialKey] = useState(stateKey); const [width, setWidth] = useState(); useLayoutEffect(() => { const element = content.current; if (!element) return; const measure = () => setWidth(element.offsetWidth); measure(); const observer = new ResizeObserver(measure); observer.observe(element); return () => observer.disconnect(); }, [stateKey]); return ( {children} ); } 55:T11d9,"use client"; import { Check, Copy } from "lucide-react"; import { useEffect, useRef, useState, type ReactNode } from "react"; import { Button, type ButtonProps } from "./button"; import { cn } from "./lib/cn"; import "./shared/action-label.css"; import "./copy-button.css"; /** "rv_live_8Kq2mZt7XcP1vW9yL3nB4f2a" → "rv_live_8K…4f2a". */ export function shortenValue(value: string, head = 10, tail = 4) { return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}…${value.slice(-tail)}`; } async function writeClipboard(value: string) { try { await navigator.clipboard.writeText(value); return true; } catch { // Older or locked-down browsers: fall back to a selected textarea. const area = document.createElement("textarea"); area.value = value; area.setAttribute("readonly", ""); area.style.position = "fixed"; area.style.opacity = "0"; document.body.appendChild(area); area.select(); let ok = false; try { ok = document.execCommand("copy"); } catch { ok = false; } area.remove(); return ok; } } /** * Copies a value and confirms what was copied, shortened in mono, on a small * ticket above the button. If the browser blocks the clipboard, the ticket * offers the value selected so it can be copied by hand. */ export function CopyButton({ value, label, display, iconOnly = false, variant = "secondary", size = "sm", resetAfterMs = 1800, onCopy, className, children, }: { /** The text written to the clipboard. */ value: string; /** Accessible name, e.g. "Copy live secret key". */ label: string; /** What the ticket shows; defaults to the value shortened in the middle. */ display?: string; iconOnly?: boolean; variant?: ButtonProps["variant"]; size?: Exclude; resetAfterMs?: number; onCopy?: (ok: boolean) => void; className?: string; /** Visible label; defaults to “Copy”. */ children?: ReactNode; }) { const [state, setState] = useState<"idle" | "copied" | "failed">("idle"); const fallback = useRef(null); useEffect(() => { if (state !== "copied") return; const timer = setTimeout(() => setState("idle"), resetAfterMs); return () => clearTimeout(timer); }, [state, resetAfterMs]); useEffect(() => { if (state === "failed") fallback.current?.select(); }, [state]); async function copy() { const ok = await writeClipboard(value); setState(ok ? "copied" : "failed"); onCopy?.(ok); } const copied = state === "copied"; const iconClass = { sm: "size-8 rounded-control max-md:size-11", md: undefined, lg: "size-11 rounded-touch" }[size]; return ( { if (event.key === "Escape" && state !== "idle") setState("idle"); }} > {copied && ( )} {state === "failed" && ( Couldn’t copy. The browser blocked the clipboard; press ⌘C or Ctrl+C. setState("idle")} className="w-full rounded-[6px] bg-background px-2 py-1 font-mono text-xs text-foreground outline-none" /> )} ); } 56:T16e0,"use client"; import { Pencil } from "lucide-react"; import { useEffect, useId, useRef, useState, type ReactNode } from "react"; import { Button } from "./button"; import { CopyButton } from "./copy-button"; import { Input } from "./input"; import { cn } from "./lib/cn"; import "./description-list.css"; export type DescriptionItem = { /** The label, e.g. "Region". */ term: string; /** What is shown. Leave empty for "Not set". */ value?: ReactNode; /** Set in mono with tabular figures: IDs, keys, amounts. */ mono?: boolean; /** Adds a copy button for this text, e.g. an ID. */ copy?: string; /** A short note under the value, e.g. "Changed 2 days ago". */ hint?: ReactNode; /** Makes the value editable in place. `onSave` may return a promise; a thrown error keeps the draft and shows the message. */ edit?: { value: string; onSave: (value: string) => void | Promise; type?: "text" | "email" | "url" | "number"; placeholder?: string }; }; /** * A record's details as label and value pairs: side by side when there is * room, stacked on a phone. Values can be copied or edited where they sit, * empty ones say so, and a loading record keeps its shape. */ export function DescriptionList({ items, columns = 1, loading = false, title, className, }: { items: readonly DescriptionItem[]; /** Two pairs per row on wide containers. */ columns?: 1 | 2; loading?: boolean; /** A small heading over the list, e.g. "Billing details". */ title?: string; className?: string; }) { const titleId = useId(); return (

{title &&

{title}

}

{item.term}: {loading ?

{loading && Loading details}

); } function Value({ item }: { item: DescriptionItem }) { const [editing, setEditing] = useState(false); const [draft, setDraft] = useState(item.edit?.value ?? ""); const [error, setError] = useState(); const [saving, setSaving] = useState(false); const field = useRef(null); const editButton = useRef(null); const restore = useRef(false); const errorId = useId(); useEffect(() => { if (editing) field.current?.select(); else if (restore.current) { restore.current = false; editButton.current?.focus(); } }, [editing]); async function save() { if (!item.edit) return; if (draft === item.edit.value) return close(); setSaving(true); setError(undefined); try { await item.edit.onSave(draft); close(); } catch (reason) { setError(reason instanceof Error ? reason.message : "That could not be saved. Try again."); requestAnimationFrame(() => field.current?.focus()); } finally { setSaving(false); } } function close() { restore.current = true; setError(undefined); setEditing(false); } if (editing && item.edit) { return ( ); } const empty = item.value === undefined || item.value === null || item.value === ""; return (

{empty ? ( <> Not set ) : ( item.value )} {item.hint && {item.hint}}

{(item.copy || item.edit) && ( {item.copy && } {item.edit && ( )} )}

); } 57:T6db,import type { ComponentProps, ReactNode } from "react"; import { cn } from "./lib/cn"; import "./shared/input.css"; import "./shared/input-2.css"; import "./input.css"; const fieldText = "w-full min-w-0 text-base text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm"; export type InputProps = ComponentProps<"input"> & { /** Fixed text or an icon before the value, e.g. "caliper.app/". */ leading?: ReactNode; /** Text, an icon or a status after the value, e.g. a spinner or a count. */ trailing?: ReactNode; }; /** * A recessed text field. Fields sit slightly below the paper (an inner shade * and a 3:1 ring); buttons stand on it, so what you fill and what you press * never look alike. */ export function Input({ className, leading, trailing, ...props }: InputProps) { if (leading === undefined && trailing === undefined) { return ( ); } return ( {leading !== undefined && {leading}} {trailing !== undefined && {trailing}} ); } 58:T136e,/* button.tsx's styles; it imports this file. Edit freely. */ @layer theme, base, components, utilities; @layer components { [data-slot="button"] { transition-property: background-color, color, border-color; transition-duration: var(--duration-fast); transition-timing-function: var(--ease-out); } /* Button material. Raised to press: a lit top edge and a small lift; the press travels 1px down and swaps the lift for an inner shade. Only translate animates (release on the settle curve); shadows swap. */ [data-slot="button"] { --b-bg: var(--raised); --b-bg-hover: var(--raised-hover); --b-bg-press: var(--raised-press); --b-fg: var(--foreground); --b-shadow: var(--shadow-raised); --b-shadow-press: var(--shadow-raised-press); background-color: var(--b-bg); color: var(--b-fg); box-shadow: var(--b-shadow); transition-property: background-color, color, border-color, translate; transition-duration: var(--duration-fast), var(--duration-fast), var(--duration-fast), var(--duration-normal); transition-timing-function: var(--ease-out), var(--ease-out), var(--ease-out), var(--ease-settle); } [data-slot="button"][data-variant="default"] { --b-bg: var(--accent); --b-bg-hover: var(--accent-hover); --b-bg-press: var(--accent-press); --b-fg: var(--accent-foreground); --b-shadow: var(--shadow-accent); --b-shadow-press: var(--shadow-accent-press); } [data-slot="button"][data-variant="destructive"] { --b-bg: var(--danger-fill); --b-bg-hover: var(--danger-fill-hover); --b-bg-press: var(--danger-fill-press); --b-fg: var(--danger-fill-foreground); --b-shadow: var(--shadow-danger); --b-shadow-press: var(--shadow-danger-press); } [data-slot="button"][data-variant="ghost"] { --b-bg: transparent; --b-bg-hover: var(--muted); --b-bg-press: var(--muted); --b-fg: var(--muted-foreground); --b-shadow: none; --b-shadow-press: none; } @media (hover: hover) { [data-slot="button"]:hover { background-color: var(--b-bg-hover); } [data-slot="button"][data-variant="ghost"]:hover { color: var(--foreground); } } [data-slot="button"]:active:not(:disabled):not([aria-disabled="true"]):not( [aria-busy="true"] ) { translate: 0 var(--motion-press-travel); background-color: var(--b-bg-press); box-shadow: var(--b-shadow-press); transition-duration: var(--duration-fast), var(--duration-fast), var(--duration-fast), 90ms; transition-timing-function: var(--ease-out); } [data-slot="button"]:is(:disabled, [aria-disabled="true"]):not([aria-busy="true"]) { background-color: var(--sunken); color: var(--muted-foreground); box-shadow: inset 0 0 0 1px var(--border); } [data-slot="button"][data-variant="ghost"]:is(:disabled, [aria-disabled="true"]):not( [aria-busy="true"] ) { background-color: transparent; box-shadow: none; } /* Loading keeps the exact width: the label stays in flow but invisible. */ [data-slot="button-label"] { display: inline-flex; align-items: center; gap: inherit; } /* Opacity, not visibility, so the label still names the button. */ [data-slot="button-label"][data-hidden="true"] { opacity: 0; } [data-slot="button-busy"] { position: absolute; inset: 0; display: grid; place-items: center; } [data-slot="button-feedback"] { display: inline-flex; align-items: center; gap: inherit; overflow: clip; transition: width var(--duration-normal) var(--ease-out); } [data-slot="button-feedback-label"] { display: inline-flex; flex-shrink: 0; align-items: center; gap: inherit; width: max-content; } [data-slot="button-feedback-label"][data-enter="true"] { animation: caliper-feedback-enter var(--duration-normal) var(--ease-out); } [data-slot="button"][aria-busy="true"] { pointer-events: none; } [data-slot="button"][data-action-phase="error"] { color: var(--danger); } @media (prefers-reduced-motion: reduce) { [data-slot="button"], [data-slot="button-feedback"] { transition: none; } [data-slot="button"]:active:not(:disabled):not([aria-disabled="true"]):not( [aria-busy="true"] ) { translate: none; } [data-slot="button-feedback-label"], [data-slot="button-feedback-label"][data-enter="true"] { animation: none; } } /* Toggle: pressed is recessed, as a toggled tool in a button group is. */ /* Four attributes, so it wins over the group and toolbar pressed rules in any stylesheet order. */ [data-slot="button"][data-variant="ghost"][data-toggle][aria-pressed="true"] { --b-bg: var(--sunken); --b-bg-hover: var(--sunken); --b-bg-press: var(--sunken); --b-fg: var(--foreground); --b-shadow: var(--shadow-sunken); --b-shadow-press: var(--shadow-sunken); } } 59:T81d,/* copy-button.tsx's styles; it imports this file. Edit freely. */ @layer theme, base, components, utilities; @layer components { /* Copy button: the icon swaps in place; a small inverse ticket says what was copied. A failure keeps the ticket open with the value selected. */ [data-slot="copy-icon"] { position: relative; display: inline-grid; width: 16px; height: 16px; } [data-slot="copy-icon"] svg { grid-area: 1 / 1; transition: opacity var(--duration-fast) var(--ease-out), scale var(--duration-normal) var(--ease-settle); } [data-slot="copy-icon"] svg:last-child, [data-slot="copy-icon"][data-copied="true"] svg:first-child { opacity: 0; scale: 0.6; } [data-slot="copy-icon"][data-copied="true"] svg:last-child { opacity: 1; scale: 1; } [data-slot="copy-ticket"] { position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 30; pointer-events: none; } [data-slot="copy-ticket-body"] { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 8px; background: var(--accent); color: var(--accent-foreground); font-size: 12px; line-height: 16px; font-weight: 500; white-space: nowrap; box-shadow: var(--shadow-feedback); animation: caliper-ticket-in var(--duration-normal) var(--ease-out); } [data-slot="copy-ticket-body"] svg { width: 14px; height: 14px; } [data-slot="copy-ticket-body"][data-tone="error"] { display: grid; width: min(320px, calc(100vw - 32px)); gap: 8px; padding: 10px; white-space: normal; background: var(--elevated); color: var(--danger); box-shadow: var(--shadow-overlay), inset 0 0 0 1px var(--border); pointer-events: auto; } @media (prefers-reduced-motion: reduce) { [data-slot="copy-icon"] svg { transition: none; } [data-slot="copy-ticket-body"] { animation: none; } } @keyframes caliper-ticket-in { from { opacity: 0; translate: 0 4px; } } } 5a:Tae8,/* description-list.tsx's styles; it imports this file. Edit freely. */ @layer theme, base, components, utilities; @layer components { /* Description list: pairs side by side once there is room. */ [data-slot="description-list"] dl { display: grid; margin: 0; } [data-slot="description-row"] { display: grid; gap: 2px; padding-block: 10px; border-bottom: 1px solid var(--border); min-width: 0; } [data-slot="description-row"]:last-child { border-bottom: 0; } [data-slot="description-row"] dt { font-size: 13px; color: var(--muted-foreground); } [data-slot="description-row"] dd { margin: 0; min-width: 0; font-size: 14px; line-height: 20px; color: var(--foreground); } @container (min-width: 480px) { [data-slot="description-row"] { grid-template-columns: minmax(120px, 34%) minmax(0, 1fr); gap: 16px; align-items: start; } [data-slot="description-row"] dt { line-height: 20px; padding-top: 6px; } [data-slot="description-row"] dd { display: flex; min-height: 32px; padding-top: 6px; } } @container (min-width: 880px) { [data-slot="description-list"][data-columns="2"] dl { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; } [data-slot="description-list"][data-columns="2"] [data-slot="description-row"]:nth-last-child(2):nth-child(odd) { border-bottom: 0; } } [data-slot="description-value"] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; width: 100%; min-width: 0; } [data-slot="description-row"] dd > [data-slot="description-edit"] { margin-top: -6px; } [data-slot="description-value"] [data-mono] { font-family: var(--font-mono, ui-monospace, monospace); font-size: 13px; font-variant-numeric: tabular-nums; } [data-slot="description-value"] [data-empty] { color: var(--muted-foreground); } [data-slot="description-actions"] { display: inline-flex; flex: none; gap: 2px; margin-block: -6px; opacity: 0; transition: opacity var(--duration-fast) var(--ease-out); } [data-slot="description-row"]:is(:hover, :focus-within) [data-slot="description-actions"] { opacity: 1; } @media (hover: none) { [data-slot="description-actions"] { opacity: 1; } } [data-slot="description-edit"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; min-width: 0; } [data-slot="description-edit"] > [data-slot="input"], [data-slot="description-edit"] > [data-slot="input-group"] { flex: 1 1 180px; } [data-slot="description-skeleton"] { display: block; width: min(60%, 220px); height: 12px; margin-block: 4px; border-radius: 4px; background: var(--muted); animation: caliper-skeleton-pulse var(--duration-skeleton) var(--ease-in-out) infinite; } @media (prefers-reduced-motion: reduce) { [data-slot="description-skeleton"] { animation: none !important; } } } 5b:T519,/* Shared by combobox.tsx, input.tsx, select-menu.tsx, select.tsx, textarea.tsx; each imports it. Edit freely. */ @layer theme, base, components, utilities; @layer components { @media (hover: hover) { :is([data-slot="input"], [data-slot="textarea"], [data-slot="select"]):hover:enabled:not(:focus-visible):not([aria-invalid="true"]) { box-shadow: var(--shadow-field-hover); } } :is([data-slot="input"], [data-slot="textarea"], [data-slot="select"]):focus-visible { outline: none; box-shadow: var(--shadow-field-focus); transition: none; } :is([data-slot="input"], [data-slot="textarea"], [data-slot="select"])[aria-invalid="true"] { box-shadow: var(--shadow-field-invalid); } :is([data-slot="input"], [data-slot="textarea"], [data-slot="select"])[aria-invalid="true"]:focus-visible { box-shadow: var(--shadow-field-invalid), 0 0 0 4px color-mix(in srgb, var(--danger) 18%, transparent); } :is([data-slot="input"], [data-slot="textarea"], [data-slot="select"]):disabled { background-color: var(--sunken); box-shadow: var(--shadow-field-quiet); color: var(--muted-foreground); } :is([data-slot="input"], [data-slot="textarea"])[readonly] { background-color: var(--sunken); box-shadow: var(--shadow-field-quiet); } } 5c:T8c5,/* input.tsx's styles; it imports this file. Edit freely. */ @layer theme, base, components, utilities; @layer components { /* Recessed to fill. One ring for every field: 3:1 at rest, darker on hover, a 2px ember ring with a soft halo on focus, danger when invalid. Disabled and read-only drop into the sunken fill and stay legible. */ [data-slot="input-group"] { border: 0; background-color: var(--field); box-shadow: var(--shadow-field); transition: box-shadow var(--duration-fast) var(--ease-out); } @media (hover: hover) { [data-slot="input-group"]:not([data-disabled]):not([data-invalid]):hover:not(:focus-within) { box-shadow: var(--shadow-field-hover); } } [data-slot="input-group"]:focus-within { outline: none; box-shadow: var(--shadow-field-focus); transition: none; } [data-slot="input-group"][data-invalid] { box-shadow: var(--shadow-field-invalid); } [data-slot="input-group"][data-invalid]:focus-within { box-shadow: var(--shadow-field-invalid), 0 0 0 4px color-mix(in srgb, var(--danger) 18%, transparent); } [data-slot="input-group"][data-disabled] { background-color: var(--sunken); box-shadow: var(--shadow-field-quiet); color: var(--muted-foreground); } [data-slot="input-group"][data-readonly] { background-color: var(--sunken); box-shadow: var(--shadow-field-quiet); } [data-slot="input-bare"] { border: 0; box-shadow: none; outline: none; } [data-slot="input-affix"] { display: inline-flex; align-items: center; height: 20px; padding-inline-end: 10px; margin-inline-end: 2px; color: var(--muted-foreground); box-shadow: 1px 0 0 var(--border); white-space: nowrap; } [data-slot="input-affix"]:dir(rtl) { box-shadow: -1px 0 0 var(--border); } [data-slot="input-affix"]:has(> svg:only-child) { padding-inline-end: 0; box-shadow: none; } [data-slot="input-trailing"] { display: inline-flex; align-items: center; gap: 6px; color: var(--muted-foreground); white-space: nowrap; font-size: 12px; } :is([data-slot="input-affix"], [data-slot="input-trailing"]) svg { width: 16px; height: 16px; } } 51:["$","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-slot",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-slot","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-slot"}]]}]}],["$","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"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react"}]]}]}],["$","li","tailwind-merge",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tailwind-merge","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":"tailwind-merge"}]]}]}]]}],["$","$L52",null,{"namespace":"@caliper","registryDependencies":["https://caliperui.site/r/styles.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"ui/button.tsx","content":"$54","type":"registry:ui","target":"components/ui/button.tsx"},{"path":"ui/copy-button.tsx","content":"$55","type":"registry:ui","target":"components/ui/copy-button.tsx"},{"path":"ui/description-list.tsx","content":"$56","type":"registry:ui","target":"components/ui/description-list.tsx"},{"path":"ui/input.tsx","content":"$57","type":"registry:ui","target":"components/ui/input.tsx"},{"path":"ui/lib/cn.ts","content":"import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n extend: { theme: { radius: [\"control\", \"surface\", \"overlay\"], shadow: [\"overlay\"] } },\n});\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","type":"registry:ui","target":"components/ui/lib/cn.ts"},{"path":"ui/shared/loading-indicator.css","content":"/* Shared by button.tsx, confirm-morph.tsx, expanding-button-group.tsx, field.tsx; each imports it. Edit freely. */\n@layer theme, base, components, utilities;\n\n@layer components {\n [data-slot=\"loading-indicator\"] {\n animation: caliper-spin var(--duration-loading) var(--ease-linear) infinite;\n }\n\n @media (prefers-reduced-motion: reduce) {\n [data-slot=\"loading-indicator\"] {\n animation: none;\n }\n }\n}\n","type":"registry:file","target":"components/ui/shared/loading-indicator.css"},{"path":"ui/button.css","content":"$58","type":"registry:file","target":"components/ui/button.css"},{"path":"ui/shared/action-label.css","content":"/* Shared by action-button.tsx, copy-button.tsx, hold-to-confirm.tsx; each imports it. Edit freely. */\n@layer theme, base, components, utilities;\n\n@layer components {\n /* Action button: every phase's label shares one grid cell, so the button\n is always as wide as its widest label and never shifts. */\n [data-slot=\"action-labels\"] {\n display: inline-grid;\n justify-items: center;\n }\n [data-slot=\"action-label\"] {\n grid-area: 1 / 1;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n visibility: hidden;\n opacity: 0;\n transition: opacity var(--duration-fast) var(--ease-out), visibility 0s linear var(--duration-fast);\n }\n [data-slot=\"action-label\"][data-active=\"true\"] {\n visibility: visible;\n opacity: 1;\n transition: opacity var(--duration-fast) var(--ease-out), visibility 0s;\n }\n\n @media (prefers-reduced-motion: reduce) {\n [data-slot=\"action-label\"],\n [data-slot=\"action-label\"][data-active=\"true\"] {\n transition: none !important;\n }\n }\n}\n","type":"registry:file","target":"components/ui/shared/action-label.css"},{"path":"ui/copy-button.css","content":"$59","type":"registry:file","target":"components/ui/copy-button.css"},{"path":"ui/description-list.css","content":"$5a","type":"registry:file","target":"components/ui/description-list.css"},{"path":"ui/shared/input.css","content":"/* Shared by combobox.tsx, input.tsx; each imports it. Edit freely. */\n@layer theme, base, components, utilities;\n\n@layer components {\n [data-slot=\"input\"] {\n transition-property: background-color, color, border-color;\n transition-duration: var(--duration-fast);\n transition-timing-function: var(--ease-out);\n }\n\n /* Recessed to fill. One ring for every field: 3:1 at rest, darker on\n hover, a 2px ember ring with a soft halo on focus, danger when invalid.\n Disabled and read-only drop into the sunken fill and stay legible. */\n [data-slot=\"input\"] {\n border: 0;\n background-color: var(--field);\n box-shadow: var(--shadow-field);\n transition: box-shadow var(--duration-fast) var(--ease-out);\n }\n\n @media (prefers-reduced-motion: reduce) {\n [data-slot=\"input\"] {\n transition: none;\n }\n }\n}\n","type":"registry:file","target":"components/ui/shared/input.css"},{"path":"ui/shared/input-2.css","content":"$5b","type":"registry:file","target":"components/ui/shared/input-2.css"},{"path":"ui/input.css","content":"$5c","type":"registry:file","target":"components/ui/input.css"}],"className":"h-[70svh] min-h-80"}]]}]