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:T1caa,import * as React from "react"; import { cn } from "@/lib/utils"; export interface InputProps extends React.InputHTMLAttributes { /** * Optional label rendered above the input as a real `` element. * When provided, an `id` is auto-generated (via `useId`) and associated * with the input via `htmlFor`. Any `id` or `aria-label` passed explicitly * in `props` takes precedence. * * Matches the convention used across the apps: * `block text-sm font-medium` in the secondary text color above the field. */ label?: React.ReactNode; /** * Supporting text below the field -- a format, a range, a minimum. Reaches * the field through `aria-describedby`, so it is read with the label rather * than as a separate stop. */ hint?: React.ReactNode; /** * What is wrong with the current value. Replaces `hint` while set, marks the * field `aria-invalid`, and announces through `role="alert"` -- a field whose * submit button greys out with nothing on screen leaves the user guessing * which of the form's values it objected to. */ error?: React.ReactNode; /** * Accessible name for the reveal button on a `type="password"` field, in the * masked state ("Show password"). * * The button renders only when BOTH this and `hideLabel` are given: the DS * ships no translations, and an icon-only control with no name is worse than * no control at all. */ revealLabel?: string; /** Accessible name for the same button while the value is visible ("Hide password"). */ hideLabel?: string; } /** Open eye / struck-through eye, at the size the field's trailing slot allows. */ function EyeIcon({ off }: { off: boolean }) { return ( ); } const Input = React.forwardRef( ( { className, type, label, hint, error, revealLabel, hideLabel, id: idProp, "aria-describedby": describedByProp, ...props }, ref ) => { const autoId = React.useId(); const id = idProp ?? (label !== undefined ? autoId : undefined); const messageId = `${autoId}-message`; const [revealed, setRevealed] = React.useState(false); const canReveal = type === "password" && revealLabel !== undefined && hideLabel !== undefined; // Swapping the type is what reveals the value; the field keeps its own // state so a parent re-render does not re-mask a value mid-read. const resolvedType = canReveal && revealed ? "text" : type; const message = error ?? hint; const describedBy = [describedByProp, message !== undefined ? messageId : undefined] .filter(Boolean) .join(" ") || undefined; const inputEl = ( ); // The field alone, with nothing to wrap it for: the common case stays a // bare so a caller's layout is unchanged. if (label === undefined && message === undefined && !canReveal) { return inputEl; } const field = canReveal ? (

{inputEl}

) : ( inputEl ); return (

{label !== undefined && ( {label} )} {field} {message !== undefined && (

{message}

)}

); } ); Input.displayName = "Input"; export { Input }; 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":[null,["$","$L50",null,{"namespace":"@whiskeyjack","registryDependencies":["https://whiskeyjack.net/r/utils.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/input.tsx","content":"$52","type":"registry:ui","target":"components/ui/input.tsx"}],"className":"h-[70svh] min-h-80"}]]}]