@playfast/reform-better-hub-ui-primitives 0.2.1 → 0.2.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@playfast/reform-better-hub-ui-primitives",
   "playbook": "./playbook",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "description": "React UI primitives adapted from better-hub by Better Auth (https://github.com/better-auth/better-hub). Full credit to the Better Auth team.",
   "keywords": [

package/src/components/agent-icon.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/agent-icon.tsx). Full credit to the Better Auth team.
-
 import type * as React from "react";
 
 interface AgentIconPropsExternalApi {

package/src/components/autocomplete.tsx

@@ -0,0 +1,189 @@
+import * as React from 'react'
+import { String as Str } from 'effect'
+import { CheckIcon, ChevronDownIcon, Loader2Icon } from 'lucide-react'
+
+import { cn } from '../foundation/cn'
+import { Input } from './input'
+
+export interface AutocompleteItemExternalApi {
+	readonly value: string
+	readonly label?: string
+	readonly description?: string
+}
+
+export interface AutocompletePropsExternalApi {
+	readonly value: string
+	readonly onValueChange: (next: string) => void
+	readonly items: ReadonlyArray<AutocompleteItemExternalApi>
+	readonly placeholder?: string
+	readonly 'aria-label': string
+	readonly loading?: boolean
+	readonly loadingText?: string
+	readonly emptyText?: string
+	readonly disabled?: boolean
+	readonly className?: string
+}
+
+// blur close is delayed so suggestion mousedown (which blurs the input) still lands
+const BLUR_CLOSE_DELAY_MS = 120
+
+const matchesQuery = (suggestion: AutocompleteItemExternalApi, needle: string): boolean =>
+	[suggestion.value, suggestion.label, suggestion.description].some(
+		(text) => text !== undefined && Str.toLowerCase(text).includes(needle),
+	)
+
+export function Autocomplete({
+	value: fieldValue,
+	onValueChange,
+	items: suggestions,
+	placeholder,
+	'aria-label': ariaLabel,
+	loading = false,
+	loadingText = 'Loading…',
+	emptyText = 'No matches — the typed value is used as-is.',
+	disabled = false,
+	className,
+}: AutocompletePropsExternalApi): React.JSX.Element {
+	const [open, setOpen] = React.useState(false)
+	// filter only what was typed since open (empty right after open ⇒ full list)
+	const [query, setQuery] = React.useState('')
+	const [highlighted, setHighlighted] = React.useState(-1)
+	const listId = React.useId()
+
+	const needle = Str.toLowerCase(query)
+	const filtered =
+		query === '' ? suggestions : suggestions.filter((suggestion) => matchesQuery(suggestion, needle))
+	const activeIndex = highlighted >= 0 && highlighted < filtered.length ? highlighted : -1
+	const optionId = (index: number): string => `${listId}-option-${index}`
+
+	React.useEffect(() => {
+		if (activeIndex >= 0) {
+			document.getElementById(optionId(activeIndex))?.scrollIntoView({ block: 'nearest' })
+		}
+		// oxlint-disable-next-line react-hooks/exhaustive-deps -- optionId is stable per listId
+	}, [activeIndex])
+
+	const openList = (): void => {
+		setQuery('')
+		setHighlighted(-1)
+		setOpen(true)
+	}
+	const pick = (suggestion: AutocompleteItemExternalApi): void => {
+		onValueChange(suggestion.value)
+		setOpen(false)
+	}
+
+	const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {
+		if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+			event.preventDefault()
+			if (!open) {
+				openList()
+				return
+			}
+			if (filtered.length > 0) {
+				setHighlighted(
+					event.key === 'ArrowDown'
+						? (activeIndex + 1) % filtered.length
+						: (activeIndex <= 0 ? filtered.length : activeIndex) - 1,
+				)
+			}
+			return
+		}
+		if (event.key === 'Enter') {
+			if (open && activeIndex >= 0) {
+				event.preventDefault()
+				pick(filtered[activeIndex]!)
+			} else {
+				setOpen(false)
+			}
+			return
+		}
+		if (event.key === 'Escape' || event.key === 'Tab') {
+			setOpen(false)
+		}
+	}
+
+	const showEmpty = !loading && query !== '' && filtered.length === 0
+	const showList = open && (loading || filtered.length > 0 || showEmpty)
+
+	return (
+		<div className={cn('relative', className)}>
+			<Input
+				value={fieldValue}
+				onChange={(event) => {
+					onValueChange(event.target.value)
+					setQuery(event.target.value)
+					setHighlighted(-1)
+					setOpen(true)
+				}}
+				onFocus={openList}
+				// oxlint-disable-next-line reform-rules/no-set-timeout-interval -- DOM blur defer; Effect.sleep can't gate a React event handler
+				onBlur={() => globalThis.setTimeout(() => setOpen(false), BLUR_CLOSE_DELAY_MS)}
+				onKeyDown={onKeyDown}
+				placeholder={placeholder}
+				disabled={disabled}
+				role="combobox"
+				aria-label={ariaLabel}
+				aria-expanded={showList}
+				aria-controls={listId}
+				aria-activedescendant={activeIndex >= 0 ? optionId(activeIndex) : undefined}
+				aria-autocomplete="list"
+				autoComplete="off"
+				spellCheck={false}
+				className="pr-8"
+			/>
+			<span className="pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground">
+				{loading ? (
+					<Loader2Icon className="size-4 animate-spin" />
+				) : (
+					<ChevronDownIcon className="size-4" />
+				)}
+			</span>
+			{showList && (
+				<div
+					id={listId}
+					role="listbox"
+					aria-label={`${ariaLabel} suggestions`}
+					className="absolute left-0 right-0 top-full z-50 mt-1 flex max-h-60 flex-col overflow-y-auto rounded-md border bg-card p-1 text-card-foreground shadow-md"
+				>
+					{loading && (
+						<span className="flex items-center gap-2 px-2 py-1.5 text-xs text-muted-foreground">
+							<Loader2Icon className="size-3 animate-spin" />
+							{loadingText}
+						</span>
+					)}
+					{filtered.map((suggestion, index) => (
+						<button
+							key={suggestion.value}
+							id={optionId(index)}
+							type="button"
+							role="option"
+							aria-selected={suggestion.value === fieldValue}
+							// mousedown fires before blur so the pick lands
+							onMouseDown={(event) => {
+								event.preventDefault()
+								pick(suggestion)
+							}}
+							onMouseMove={() => setHighlighted(index)}
+							className={cn(
+								'flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm',
+								index === activeIndex ? 'bg-accent text-accent-foreground' : 'hover:bg-accent/50',
+							)}
+						>
+							<span className="flex min-w-0 flex-1 flex-col">
+								<span className="truncate">{suggestion.label ?? suggestion.value}</span>
+								{suggestion.description ? (
+									<span className="truncate text-xs text-muted-foreground">{suggestion.description}</span>
+								) : null}
+							</span>
+							{suggestion.value === fieldValue ? <CheckIcon className="size-4 shrink-0" /> : null}
+						</button>
+					))}
+					{showEmpty && (
+						<span className="px-2 py-1.5 text-xs text-muted-foreground">{emptyText}</span>
+					)}
+				</div>
+			)}
+		</div>
+	)
+}

package/src/components/badge.tsx

@@ -1,5 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/badge.tsx). Full credit to the Better Auth team.
 import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import type { ClassProp } from "class-variance-authority/types";

package/src/components/button.tsx

@@ -1,5 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/button.tsx). Full credit to the Better Auth team.
 import { Slot } from "@radix-ui/react-slot";
 import type { VariantProps } from "class-variance-authority";
 import { cva } from "class-variance-authority";

package/src/components/combobox.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/combobox.tsx). Full credit to the Better Auth team.
-
 import * as React from 'react'
 import { Combobox as ComboboxPrimitive } from '@base-ui/react'
 import { CheckIcon, ChevronDownIcon, XIcon } from 'lucide-react'

package/src/components/command.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/command.tsx). Full credit to the Better Auth team.
-
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
 import type * as React from "react";

package/src/components/dialog.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/dialog.tsx). Full credit to the Better Auth team.
-
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import type * as React from "react";

package/src/components/dropdown-menu.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/dropdown-menu.tsx). Full credit to the Better Auth team.
-
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon } from "lucide-react";
 import type * as React from "react";

package/src/components/github-background.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/github-background.tsx). Full credit to the Better Auth team.
-
 import type * as React from "react";
 import { useMemo } from "react";
 
@@ -104,7 +101,6 @@ export function GitHubBackground(): React.JSX.Element {
 			className="absolute inset-0 pointer-events-none overflow-hidden"
 			style={{ zIndex: 2 }}
 		>
-			{/* Radial mask — fades edges into the shader */}
 			<div
 				className="absolute inset-0"
 				style={{
@@ -113,7 +109,6 @@ export function GitHubBackground(): React.JSX.Element {
 						"radial-gradient(ellipse 85% 75% at 45% 35%, black 15%, transparent 60%)",
 				}}
 			>
-				{/* ── Contribution Graph ── */}
 				<div
 					className="absolute"
 					style={{
@@ -153,14 +148,12 @@ export function GitHubBackground(): React.JSX.Element {
 					</svg>
 				</div>
 
-				{/* ── Git Network Graph ── */}
 				<svg
 					className="absolute inset-0 w-full h-full"
 					viewBox="0 0 400 900"
 					preserveAspectRatio="xMidYMid slice"
 					style={{ opacity: 0.45 }}
 				>
-					{/* Main branch */}
 					<line
 						x1="200"
 						y1="0"
@@ -173,7 +166,6 @@ export function GitHubBackground(): React.JSX.Element {
 						style={{ animationDelay: "0.3s" }}
 					/>
 
-					{/* Feature branch 1 — forks right */}
 					<path
 						d="M 200 150 C 200 180, 280 200, 280 230 L 280 350 C 280 380, 200 395, 200 400"
 						stroke="rgba(255,255,255,0.12)"
@@ -184,7 +176,6 @@ export function GitHubBackground(): React.JSX.Element {
 						style={{ animationDelay: "0.8s" }}
 					/>
 
-					{/* Feature branch 2 — forks left */}
 					<path
 						d="M 200 300 C 200 325, 130 340, 130 360 L 130 500 C 130 525, 200 540, 200 550"
 						stroke="rgba(255,255,255,0.10)"
@@ -195,7 +186,6 @@ export function GitHubBackground(): React.JSX.Element {
 						style={{ animationDelay: "1.3s" }}
 					/>
 
-					{/* Hotfix branch — short fork right */}
 					<path
 						d="M 200 550 C 200 570, 260 580, 260 600 L 260 650 C 260 670, 200 680, 200 690"
 						stroke="rgba(255,255,255,0.08)"
@@ -206,7 +196,6 @@ export function GitHubBackground(): React.JSX.Element {
 						style={{ animationDelay: "1.8s" }}
 					/>
 
-					{/* Feature branch 3 — wide fork left */}
 					<path
 						d="M 200 620 C 200 640, 110 660, 110 680 L 110 800 C 110 820, 200 835, 200 850"
 						stroke="rgba(255,255,255,0.07)"
@@ -217,7 +206,6 @@ export function GitHubBackground(): React.JSX.Element {
 						style={{ animationDelay: "2.2s" }}
 					/>
 
-					{/* Commit nodes */}
 					{COMMIT_GROUPS.map((group) =>
 						group.ys.map((nodeY, index) => (
 							<circle
@@ -242,7 +230,6 @@ export function GitHubBackground(): React.JSX.Element {
 				</svg>
 			</div>
 
-			{/* CSS for stroke-dash draw animation */}
 			<style>{`
 				.git-line-anim {
 					stroke-dasharray: 1;

package/src/components/halftone-background.tsx

@@ -1,14 +1,6 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/halftone-background.tsx). Full credit to the Better Auth team.
-
 import type * as React from "react";
 import { useEffect, useRef } from "react";
-
-const VERTEX_SHADER = `
-attribute vec2 a_position;
-void main() {
-  gl_Position = vec4(a_position, 0.0, 1.0);
-}`;
+import { CLICK_DECAY, FULLSCREEN_VERTEX_COUNT, MOUSE_LERP, MOUSE_LERP_IDLE, MS_PER_SECOND, RENDER_SCALE, type ShaderSpec, VERTEX_SHADER } from "./halftone-config";
 
 const FRAGMENT_SHADER = `
 precision highp float;
@@ -77,7 +69,6 @@ void main() {
 
   vec2 ap = vec2(uv.x * aspect, uv.y);
 
-  // ═══ SHARED MOUSE WARP ═══
   vec2 scaledP = ap * 2.5;
   vec2 mUV = u_mouse;
   mUV.x *= aspect;
@@ -97,7 +88,6 @@ void main() {
     warp += normalize(cD + 0.001) * sin(cDist * 12.0 - time * 8.0) * u_click * 0.4 * exp(-cDist * 2.0);
   }
 
-  // ═══ NOISE LAYER ═══
   vec2 np = scaledP + warp;
   vec2 q = vec2(fbm(np + t * 0.3), fbm(np + vec2(5.2, 1.3) + t * 0.2));
   vec2 r = vec2(
@@ -107,7 +97,6 @@ void main() {
   float f = fbm(np + 4.0 * r);
   float noise = clamp(f*f*f + 0.6*f*f + 0.5*f, 0.0, 1.0) * 0.15;
 
-  // ═══ CONTRIBUTION GRID ═══
   vec2 gp = ap;
   gp += vec2(snoise(ap * 3.0 + t), snoise(ap * 3.0 + t + 50.0)) * 0.004;
   gp += warp * 0.04;
@@ -135,7 +124,6 @@ void main() {
   float gridReveal = smoothstep(0.5, 3.0, time);
   float grid = inSquare * level * gFade * gridReveal * 0.10;
 
-  // ═══ COMPOSE ═══
   vec2 vc = uv - 0.5;
   float vignette = 1.0 - dot(vc, vc) * 0.3;
 
@@ -143,15 +131,6 @@ void main() {
   gl_FragColor = vec4(vec3(col), 1.0);
 }`;
 
-const RENDER_SCALE = 0.5;
-const MS_PER_SECOND = 1000;
-const MOUSE_LERP = 0.08;
-const MOUSE_LERP_IDLE = 0.02;
-const CLICK_DECAY = 0.96;
-const FULLSCREEN_VERTEX_COUNT = 6;
-
-type ShaderSpec = { readonly type: number; readonly source: string };
-
 export function HalftoneBackground(): React.JSX.Element {
 	const canvasRef = useRef<HTMLCanvasElement>(null);
 	const wrapperRef = useRef<HTMLDivElement>(null);

package/src/components/halftone-config.ts

@@ -0,0 +1,14 @@
+export const VERTEX_SHADER = `
+attribute vec2 a_position;
+void main() {
+  gl_Position = vec4(a_position, 0.0, 1.0);
+}`;
+
+export const RENDER_SCALE = 0.5;
+export const MS_PER_SECOND = 1000;
+export const MOUSE_LERP = 0.08;
+export const MOUSE_LERP_IDLE = 0.02;
+export const CLICK_DECAY = 0.96;
+export const FULLSCREEN_VERTEX_COUNT = 6;
+
+export type ShaderSpec = { readonly type: number; readonly source: string };

package/src/components/input-group.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/input-group.tsx). Full credit to the Better Auth team.
-
 import type * as React from "react";
 import type { ComponentProps } from "react";
 import { cva, type VariantProps } from "class-variance-authority";
@@ -19,17 +16,11 @@ function InputGroup({ className, ...props }: ComponentProps<"div">): React.JSX.E
 			className={cn(
 				"group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30",
 				"h-9 min-w-0 has-[>textarea]:h-auto",
-
-				// Variants based on alignment.
 				"has-[>[data-align=inline-start]]:[&>input]:pl-2",
 				"has-[>[data-align=inline-end]]:[&>input]:pr-2",
 				"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
 				"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
-
-				// Focus state.
 				"has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50",
-
-				// Error state.
 				"has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
 
 				className,

package/src/components/input.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/input.tsx). Full credit to the Better Auth team.
-
 import type * as React from "react";
 import type { ComponentProps } from 'react';
 

package/src/components/live-duration.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/live-duration.tsx). Full credit to the Better Auth team.
-
 import { DateTime, Option } from "effect";
 import type * as React from "react";
 import { useState, useEffect } from "react";
@@ -15,7 +12,6 @@ interface FormatDurationInputExternalApi {
 	completedAt: string | null;
 }
 
-// Inlined from "@/lib/utils" (formatDuration) — only this helper is used here.
 function formatDuration({ startedAt, completedAt }: FormatDurationInputExternalApi): string {
 	if (!startedAt) {
 		return "";
@@ -36,9 +32,7 @@ function formatDuration({ startedAt, completedAt }: FormatDurationInputExternalA
 	return `${seconds}s`;
 }
 
-// Inlined from "@/lib/live-tick".
-// Shared tick for LiveDuration components. One interval drives all subscribers
-// instead of each component running its own 1s interval.
+// shared tick: one interval drives all LiveDuration subscribers
 const callbacks = new Set<() => void>();
 const tickState: { intervalId: Option.Option<ReturnType<typeof setInterval>> } = {
 	intervalId: Option.none(),
@@ -68,7 +62,6 @@ interface LiveDurationPropsExternalApi {
 }
 
 export function LiveDuration({ startedAt, completedAt, className }: LiveDurationPropsExternalApi): React.ReactNode {
-	// tick forces re-renders when subscribeLiveTick fires; value is unused in render
 	const [, setTick] = useState(0);
 
 	useEffect(() => {

package/src/components/logo.tsx

@@ -1,5 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/logo.tsx). Full credit to the Better Auth team.
 import type * as React from "react";
 import { cn } from '../foundation/cn';
 

package/src/components/popover.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/popover.tsx). Full credit to the Better Auth team.
-
 import type * as React from "react";
 import type { ComponentProps } from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";

package/src/components/resize-handle.tsx

@@ -1,23 +1,13 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/resize-handle.tsx). Full credit to the Better Auth team.
-
 import type * as React from "react";
 import { useCallback, useEffect, useState } from "react";
 import type { MouseEvent as ReactMouseEvent } from "react";
 import { cn } from "../foundation/cn";
 
 interface ResizeHandlePropsExternalApi {
-	/** Called continuously during drag with the pointer position on the resize axis
-	 *  (clientX for `axis: "x"`, clientY for `axis: "y"`). */
 	onResize: (clientPos: number) => void;
-	/** Called when drag starts */
 	onDragStart?: () => void;
-	/** Called when drag ends */
 	onDragEnd?: () => void;
-	/** Double click handler (e.g. reset to default) */
 	onDoubleClick?: () => void;
-	/** Resize axis: "x" (vertical handle, horizontal drag — default) or "y" (horizontal
-	 *  handle, vertical drag — for a top/bottom panel edge). */
 	axis?: "x" | "y";
 	className?: string;
 }
@@ -79,14 +69,12 @@ export function ResizeHandle({
 				className,
 			)}
 		>
-			{/* Wider invisible hit area */}
 			<div
 				className={cn(
 					"absolute",
 					vertical ? "inset-x-0 -top-[5px] h-[11px]" : "inset-y-0 -left-[5px] w-[11px]",
 				)}
 			/>
-			{/* Visible line */}
 			<div
 				className={cn(
 					"absolute transition-all duration-150",

package/src/components/sheet.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/sheet.tsx). Full credit to the Better Auth team.
-
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import type * as React from "react";

package/src/components/textarea.tsx

@@ -1,5 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/textarea.tsx). Full credit to the Better Auth team.
 import type * as React from "react";
 import type { ComponentProps } from "react";
 

package/src/components/time-ago.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/time-ago.tsx). Full credit to the Better Auth team.
-
 import { DateTime } from "effect";
 import type * as React from "react";
 import { useState, useEffect } from 'react';
@@ -14,7 +11,6 @@ const SECONDS_PER_MONTH = 2592000;
 const MONTHS_PER_YEAR = 12;
 const REFRESH_INTERVAL_MS = 60_000;
 
-// Inlined from better-hub's "@/lib/utils" (timeAgo) — only the piece used here.
 function timeAgo(date: string | Date): string {
 	const now = DateTime.unsafeNow();
 	const then = DateTime.unsafeMake(date);

package/src/components/tooltip.tsx

@@ -1,6 +1,3 @@
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/tooltip.tsx). Full credit to the Better Auth team.
-
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import type * as React from "react";
 import { cn } from "../foundation/cn";

package/src/foundation/cn.ts

@@ -1,9 +1,5 @@
 import { type ClassValue, clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
-/**
- * Merge class names with Tailwind-aware de-duplication.
- * Adapted from better-hub (apps/web/src/lib/utils.ts). See ../../README.md.
- */
 // oxlint-disable-next-line reform-rules/min-var-name -- `cn` is the canonical shadcn/Tailwind class-merge helper, a public export consumed across the monorepo
 export const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))

package/src/index.ts

@@ -1,8 +1,5 @@
-// This package's primitives are adapted from better-hub by Better Auth
-// (https://github.com/better-auth/better-hub) — full credit to the original
-// authors. See README.md for details.
-
 export * from './components/agent-icon';
+export * from './components/autocomplete';
 export * from './components/badge';
 export * from './components/button';
 export * from './components/combobox';