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:T1a15,"use client" /** * `border-beam` around `InputPrimitive` or `InputGroup` — default `beamSize="line"` bottom-travel glow. * `className` is merged onto both the beam wrapper and the inner control so width constraints match. * The wrapper is a column flex shell (`borderBeamFieldShellClass`) so the beam box stretches to the * same width as the control in flex layouts. Note: `beamSize="line"` draws a traveling spot along the * bottom (not a static full-width bar); use `beamSize="md"` for a full border glow. * * `BorderBeamInput` uses `@base-ui/react/input` directly (not `components/ui/input`) so styling is * controlled here via `borderBeamInputPrimitiveClass` and `className`. */ import type { ComponentProps, CSSProperties } from "react" import { forwardRef } from "react" import { Input as InputPrimitive } from "@base-ui/react/input" import { BorderBeam, type BorderBeamProps, type BorderBeamSize, } from "border-beam" import { cn } from "@/lib/utils" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, } from "@/components/ui/input-group" /** Mirrors `components/ui/input` shell — adjust here for border-beam-specific fields. */ const borderBeamInputPrimitiveClass = "box-border h-7 w-full min-w-0 self-stretch rounded-md border border-input bg-input/20 px-2 py-0.5 text-sm outline-none transition-colors file:inline-flex file:h-6 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-xs/relaxed placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[2px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[2px] aria-invalid:ring-destructive/20 md:text-xs/relaxed dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40" /** * Beam layers use `inset:0` on this box — it must match the control width. `flex` + `stretch` * avoids shrink-to-content in flex parents; `max-w-full` keeps `className` max-width in sync. */ const borderBeamFieldShellClass = "flex w-full min-w-0 max-w-full flex-col items-stretch overflow-visible!" type BeamShellProps = Pick< BorderBeamProps, | "colorVariant" | "theme" | "staticColors" | "duration" | "active" | "borderRadius" | "brightness" | "saturation" | "hueRange" | "strength" | "onActivate" | "onDeactivate" > & { beamSize?: BorderBeamSize borderBeamClassName?: string borderBeamStyle?: CSSProperties } export type BorderBeamInputProps = ComponentProps & BeamShellProps & { /** Fully rounded input (matches pill search bars). */ pill?: boolean } export const BorderBeamInput = forwardRef( function BorderBeamInput( { beamSize = "line", borderBeamClassName, borderBeamStyle, theme = "auto", colorVariant, staticColors, duration, active, borderRadius, brightness, saturation, hueRange, strength, onActivate, onDeactivate, pill, className, type, ...inputProps }, ref ) { return ( ) } ) BorderBeamInput.displayName = "BorderBeamInput" export type BorderBeamInputGroupProps = ComponentProps & BeamShellProps & { /** Full pill shape (`rounded-full`, taller shell). */ pill?: boolean } export const BorderBeamInputGroup = forwardRef< HTMLDivElement, BorderBeamInputGroupProps >(function BorderBeamInputGroup( { beamSize = "line", borderBeamClassName, borderBeamStyle, theme = "auto", colorVariant, staticColors, duration, active, borderRadius, brightness, saturation, hueRange, strength, onActivate, onDeactivate, pill, className, ...groupProps }, ref ) { return ( ) }) BorderBeamInputGroup.displayName = "BorderBeamInputGroup" export function BorderBeamInputGroupAddon( props: ComponentProps ) { return } BorderBeamInputGroupAddon.displayName = "BorderBeamInputGroupAddon" export function BorderBeamInputGroupButton( props: ComponentProps ) { return } BorderBeamInputGroupButton.displayName = "BorderBeamInputGroupButton" export function BorderBeamInputGroupInput( props: ComponentProps ) { return } BorderBeamInputGroupInput.displayName = "BorderBeamInputGroupInput" export function BorderBeamInputGroupText( props: ComponentProps ) { return } BorderBeamInputGroupText.displayName = "BorderBeamInputGroupText" export function BorderBeamInputGroupTextarea( props: ComponentProps ) { return } BorderBeamInputGroupTextarea.displayName = "BorderBeamInputGroupTextarea" 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","@base-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-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":"@base-ui/react"}]]}]}],["$","li","border-beam",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/border-beam","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":"border-beam"}]]}]}]]}],["$","$L52",null,{"namespace":"@cult-ui","registryDependencies":["input-group"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/default/ui/border-beam-input.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]