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:T131b,import * as React from "react"; import { cn } from "@/lib/utils"; export interface BottomNavProps extends React.HTMLAttributes { /** * Maximum width constraint for the nav bar * @default "max-w-lg" */ maxWidth?: string; } /** * A pill-shaped bottom navigation bar component. * * Features: * - Fixed to bottom with safe area padding * - Constrained width matching content containers * - Fully rounded (pill-shaped) * - Spacing on left, right, and bottom edges * * @example * ```tsx * * * * Home * * * * Settings * * * ``` */ const BottomNav = React.forwardRef( ({ className, maxWidth = "max-w-lg", children, ...props }, ref) => ( ) ); BottomNav.displayName = "BottomNav"; export interface BottomNavItemProps extends React.HTMLAttributes { /** * Whether this nav item is currently active */ active?: boolean; /** * The element type to render (for use with router Link components) * @default "a" */ as?: React.ElementType; /** * Href for the navigation item (passed to the underlying element) */ href?: string; /** * For react-router-dom Link components, use "to" instead of "href" */ to?: string; } /** * Individual navigation item within BottomNav. * * Supports custom elements via the `as` prop for router integration: * * @example * ```tsx * import { Link } from 'react-router-dom' * * * * Home * * ``` */ const BottomNavItem = React.forwardRef( ({ className, active, as: Component = "a", children, ...props }, ref) => ( {children} ) ); BottomNavItem.displayName = "BottomNavItem"; export interface BottomNavActionProps extends React.HTMLAttributes { /** * The element type to render (for use with router Link components) * @default "a" */ as?: React.ElementType; /** * Href for the action (passed to the underlying element) */ href?: string; /** * For react-router-dom Link components, use "to" instead of "href" */ to?: string; } /** * Action button within BottomNav (e.g., add button). * * Uses the solid accent color for action buttons. * * @example * ```tsx * import { Link } from 'react-router-dom' * * * * * ``` */ const BottomNavAction = React.forwardRef( ({ className, as: Component = "a", children, ...props }, ref) => ( {children} ) ); BottomNavAction.displayName = "BottomNavAction"; export { BottomNav, BottomNavItem, BottomNavAction }; 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":[null,["$","$L52",null,{"namespace":"@whiskeyjack","registryDependencies":["https://whiskeyjack.net/r/utils.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"components/ui/bottom-nav.tsx","content":"$54","type":"registry:ui","target":"components/ui/bottom-nav.tsx"}],"className":"h-[70svh] min-h-80"}]]}]