4f: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/1o6_421saitt-.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"] 50: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/1o6_421saitt-.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"] 51:T1277,import type * as React from "react"; import { cn } from "@/lib/utils"; import { ButtonGroup as ShadcnButtonGroup, ButtonGroupText as ShadcnButtonGroupText, buttonGroupVariants, } from "@/components/ui/button-group"; import "@/components/ui/8bit/styles/retro.css"; export { buttonGroupVariants }; // ─── ButtonGroup ────────────────────────────────────────────────────────────── export type BitButtonGroupProps = React.ComponentProps< typeof ShadcnButtonGroup >; /** * 8-bit ButtonGroup wraps the shadcn ButtonGroup and adds a shared retro * pixelated border around the whole group. * * API matches shadcn: `orientation`, `data-slot="button-group"`. * No React context — child button sizing and layout is handled via CSS * child selectors in `buttonGroupVariants`, identical to shadcn. */ function ButtonGroup({ className, orientation = "horizontal", children, ...props }: BitButtonGroupProps) { return (

{/* Shared outer pixelated border */} {/* Top */}

{/* Bottom */}

{/* Left */}

{/* Right */}

{/* Corners */}

{children}

); } // ─── ButtonGroupSeparator ──────────────────────────────────────────────────── export type BitButtonGroupSeparatorProps = React.ComponentProps<"div"> & { orientation?: "horizontal" | "vertical"; }; /** * 8-bit ButtonGroupSeparator renders a solid pixel divider between items. * Defaults to `orientation="vertical"` for use inside a horizontal ButtonGroup. * * This deliberately does not reuse the 8-bit Separator: that one paints a * dashed pattern whose transparent segments would expose the page background * through the group, reading as gaps between the buttons. It is also sized to * the same 6px grid as the group's border rather than the Separator's 2px. */ function ButtonGroupSeparator({ className, orientation = "vertical", ...props }: BitButtonGroupSeparatorProps) { return (

); } // ─── ButtonGroupText ───────────────────────────────────────────────────────── export type BitButtonGroupTextProps = React.ComponentProps< typeof ShadcnButtonGroupText >; /** * 8-bit ButtonGroupText renders a retro-styled text label inside a ButtonGroup. * Useful for split-button patterns (e.g. a label prefix before action buttons). */ function ButtonGroupText({ className, ...props }: BitButtonGroupTextProps) { return ( ); } export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText }; 52:T116b,import { type VariantProps, cva } from "class-variance-authority"; import { Slot } from "radix-ui"; import type { ButtonHTMLAttributes, Ref } from "react"; import { Button as ShadcnButton } from "@/components/ui/button"; import { cn } from "@/lib/utils"; import "@/components/ui/8bit/styles/retro.css"; export const buttonVariants = cva("", { variants: { font: { normal: "", retro: "retro", }, variant: { default: "bg-foreground", destructive: "bg-foreground", outline: "bg-foreground", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "", sm: "", lg: "", icon: "", }, }, defaultVariants: { variant: "default", size: "default", }, }); export interface BitButtonProps extends ButtonHTMLAttributes, VariantProps { asChild?: boolean; ref?: Ref; } interface ButtonDecorationsProps { size: BitButtonProps["size"]; variant: BitButtonProps["variant"]; } function ButtonDecorations({ size, variant }: ButtonDecorationsProps) { return ( {variant !== "ghost" && variant !== "link" && size !== "icon" && ( <> {/* Pixelated border */} {variant !== "outline" && ( <> {/* Top shadow */} {/* Bottom shadow */} )} )} {size === "icon" && ( <> )} ); } function Button({ asChild = false, children, className, font, size, variant, ...props }: BitButtonProps) { const decorations = ; return ( {asChild ? {children} : children} {decorations} ); } export { Button }; 53:T4a0,"use client"; import type * as React from "react"; import * as SeparatorPrimitive from "@radix-ui/react-separator"; import { cn } from "@/lib/utils"; function Separator({ className, orientation = "horizontal", decorative = true, ...props }: React.ComponentProps) { return ( ); } export { Separator }; 4e:["$","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,["$","$L4f",null,{"namespace":"@catalogs","registryDependencies":["button","button-group","separator"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"components/ui/8bit/button-group.tsx","content":"$51","type":"registry:component","target":"components/ui/8bit/button-group.tsx"},{"path":"components/ui/8bit/button.tsx","content":"$52","type":"registry:component","target":"components/ui/8bit/button.tsx"},{"path":"components/ui/8bit/separator.tsx","content":"$53","type":"registry:component","target":"components/ui/8bit/separator.tsx"},{"path":"components/ui/8bit/styles/retro.css","content":"@import url(\"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap\");\n\n.retro {\n font-family:\n \"Press Start 2P\",\n system-ui,\n -apple-system,\n sans-serif;\n line-height: 1.5;\n letter-spacing: 0.5px;\n}\n\n.pixelated {\n image-rendering: pixelated;\n image-rendering: crisp-edges;\n}","type":"registry:component","target":"components/ui/8bit/styles/retro.css"}],"className":"h-[70svh] min-h-80"}]]}]