@dtsports/design-system 0.2.0

package/dist/components/button.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+/**
+ * Button — per design.md §10
+ *
+ * Variants:
+ *  - accent       The single loudest CTA on the screen (Book, Pay, Go Live). Lime, black text.
+ *  - primary      Default primary action. Forest, white text.
+ *  - secondary    Outline button. Cancel, alt actions.
+ *  - ghost        Toolbar / table row actions.
+ *  - destructive  Cancel game, refund, delete.
+ *  - link         In-flow inline link button.
+ *
+ * Sizes: xs (24px) · sm (28px) · default (32px) · lg (36px) · icon (32px
+ * square) · touch (44px — prominent mobile CTAs)
+ *
+ * Accessibility:
+ *  - Visible focus ring (2px theme ring color) via :focus-visible
+ *  - On touch devices (pointer: coarse) every size grows to a 44px
+ *    minimum hit target; visual density is preserved on desktop
+ *  - Disabled state has aria-friendly opacity drop; not interactive
+ *  - Icon-only buttons require aria-label
+ */
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 pointer-coarse:min-h-11", {
+    variants: {
+        variant: {
+            accent: "bg-brand-lime text-brand-lime-foreground hover:bg-brand-lime/90 active:bg-brand-lime/80",
+            primary: "bg-brand-forest text-brand-forest-foreground hover:bg-brand-forest/90 active:bg-brand-forest/80",
+            secondary: "border border-border-strong bg-background text-foreground hover:bg-bg-subtle active:bg-bg-muted",
+            ghost: "text-foreground hover:bg-bg-subtle active:bg-bg-muted",
+            destructive: "bg-danger text-danger-foreground hover:bg-danger/90 active:bg-danger/80",
+            link: "text-brand-forest underline-offset-4 hover:underline px-0",
+        },
+        size: {
+            xs: "h-6 px-2 text-xs rounded-sm",
+            sm: "h-7 px-2.5 text-xs rounded-sm",
+            default: "h-8 px-3 text-sm rounded-sm",
+            lg: "h-9 px-4 text-sm rounded-sm",
+            icon: "h-8 w-8 rounded-sm pointer-coarse:min-w-11",
+            touch: "h-11 px-4 text-md rounded-sm",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "default",
+    },
+});
+export const Button = React.forwardRef(({ className, variant, size, asChild = false, type, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: asChild ? undefined : (type ?? "button"), className: cn(buttonVariants({ variant, size, className })), ...props }));
+});
+Button.displayName = "Button";
+export { buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,cAAc,GAAG,GAAG,CACxB,uUAAuU,EACvU;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,MAAM,EACJ,yFAAyF;YAC3F,OAAO,EACL,iGAAiG;YACnG,SAAS,EACP,iGAAiG;YACnG,KAAK,EAAE,uDAAuD;YAC9D,WAAW,EACT,yEAAyE;YAC3E,IAAI,EAAE,2DAA2D;SAClE;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,+BAA+B;YACnC,OAAO,EAAE,6BAA6B;YACtC,EAAE,EAAE,6BAA6B;YACjC,IAAI,EAAE,4CAA4C;YAClD,KAAK,EAAE,8BAA8B;SACtC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AASF,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,EAC9C,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/calendar.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { DayPicker } from "react-day-picker";
+/**
+ * Calendar — themed react-day-picker. Usually consumed via DatePicker;
+ * use directly for inline calendars (availability views, embedded
+ * scheduling).
+ *
+ *   <Calendar mode="single" selected={date} onSelect={setDate} />
+ *
+ * Keyboard: arrows move by day/week, PageUp/Down by month, Home/End to
+ * week edges, Enter selects (provided by react-day-picker).
+ */
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+export declare function Calendar({ className, classNames, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAiE1E"}

package/dist/components/calendar.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { cn } from "../lib/utils.js";
+export function Calendar({ className, classNames, ...props }) {
+    return (_jsx(DayPicker, { className: cn("p-3", className), classNames: {
+            root: "relative",
+            months: "flex flex-col gap-4",
+            month: "space-y-3",
+            month_caption: "flex items-center justify-center h-8",
+            caption_label: "text-sm font-semibold",
+            nav: "absolute inset-x-1 top-1 z-10 flex items-center justify-between",
+            button_previous: cn("inline-flex h-6 w-6 pointer-coarse:h-11 pointer-coarse:w-11 items-center justify-center rounded-sm text-text-muted", "hover:bg-bg-subtle hover:text-foreground transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:opacity-40 disabled:pointer-events-none"),
+            button_next: cn("inline-flex h-6 w-6 pointer-coarse:h-11 pointer-coarse:w-11 items-center justify-center rounded-sm text-text-muted", "hover:bg-bg-subtle hover:text-foreground transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:opacity-40 disabled:pointer-events-none"),
+            month_grid: "w-full border-collapse",
+            weekdays: "flex",
+            weekday: "w-8 text-[10px] font-semibold uppercase tracking-[0.06em] text-text-subtle",
+            weeks: "space-y-0.5",
+            week: "flex",
+            day: "p-0",
+            day_button: cn("h-8 w-8 pointer-coarse:h-11 pointer-coarse:w-11 rounded-sm text-sm tabular transition-colors", "hover:bg-bg-subtle", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:opacity-40 disabled:pointer-events-none"),
+            selected: "[&>button]:bg-brand-forest [&>button]:text-brand-forest-foreground [&>button]:hover:bg-brand-forest",
+            today: "[&>button]:font-bold [&>button]:text-brand-forest",
+            outside: "[&>button]:text-text-subtle",
+            disabled: "[&>button]:opacity-40 [&>button]:pointer-events-none",
+            hidden: "invisible",
+            ...classNames,
+        }, components: {
+            Chevron: ({ orientation, ...chevronProps }) => orientation === "left" ? (_jsx(ChevronLeft, { className: "h-4 w-4", strokeWidth: 1.75, "aria-hidden": "true", ...chevronProps })) : (_jsx(ChevronRight, { className: "h-4 w-4", strokeWidth: 1.75, "aria-hidden": "true", ...chevronProps })),
+        }, ...props }));
+}
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAclC,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB;IACzE,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE;YACV,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,qBAAqB;YAC7B,KAAK,EAAE,WAAW;YAClB,aAAa,EAAE,sCAAsC;YACrD,aAAa,EAAE,uBAAuB;YACtC,GAAG,EAAE,iEAAiE;YACtE,eAAe,EAAE,EAAE,CACjB,oHAAoH,EACpH,4DAA4D,EAC5D,yEAAyE,EACzE,kDAAkD,CACnD;YACD,WAAW,EAAE,EAAE,CACb,oHAAoH,EACpH,4DAA4D,EAC5D,yEAAyE,EACzE,kDAAkD,CACnD;YACD,UAAU,EAAE,wBAAwB;YACpC,QAAQ,EAAE,MAAM;YAChB,OAAO,EACL,4EAA4E;YAC9E,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,MAAM;YACZ,GAAG,EAAE,KAAK;YACV,UAAU,EAAE,EAAE,CACZ,8FAA8F,EAC9F,oBAAoB,EACpB,yEAAyE,EACzE,kDAAkD,CACnD;YACD,QAAQ,EACN,qGAAqG;YACvG,KAAK,EAAE,mDAAmD;YAC1D,OAAO,EAAE,6BAA6B;YACtC,QAAQ,EAAE,sDAAsD;YAChE,MAAM,EAAE,WAAW;YACnB,GAAG,UAAU;SACd,EACD,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,EAAE,WAAW,EAAE,GAAG,YAAY,EAAE,EAAE,EAAE,CAC5C,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,KAAC,WAAW,IACV,SAAS,EAAC,SAAS,EACnB,WAAW,EAAE,IAAI,iBACL,MAAM,KACd,YAAY,GAChB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IACX,SAAS,EAAC,SAAS,EACnB,WAAW,EAAE,IAAI,iBACL,MAAM,KACd,YAAY,GAChB,CACH;SACJ,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/capacity-bar.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+/**
+ * CapacityBar — the spots-filled visualization used everywhere games
+ * appear (admin row, public card, game detail aside).
+ *
+ *   <CapacityBar filled={8} capacity={10} minToRun={6} />
+ *
+ * Colors:
+ *   - foreground   when 100% full
+ *   - warning      when filled < minToRun (sub-minimum, needs action)
+ *   - brand-forest otherwise
+ */
+declare const HEIGHT_MAP: {
+    readonly sm: "h-1";
+    readonly default: "h-1.5";
+    readonly lg: "h-2";
+};
+export interface CapacityBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    filled: number;
+    capacity: number;
+    /** Below this number, the bar tints warning */
+    minToRun?: number;
+    /** Show the "8/10" count text next to the bar */
+    showCount?: boolean;
+    /** Bar thickness */
+    size?: keyof typeof HEIGHT_MAP;
+    /** Override the accessible label (default: "8 of 10 spots filled") */
+    label?: string;
+}
+export declare function CapacityBar({ filled, capacity, minToRun, showCount, size, label, className, ...props }: CapacityBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=capacity-bar.d.ts.map

package/dist/components/capacity-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capacity-bar.d.ts","sourceRoot":"","sources":["../../src/components/capacity-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU;;;;CAIN,CAAC;AAEX,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAgB,EAChB,IAAgB,EAChB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAqClB"}

package/dist/components/capacity-bar.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * CapacityBar — the spots-filled visualization used everywhere games
+ * appear (admin row, public card, game detail aside).
+ *
+ *   <CapacityBar filled={8} capacity={10} minToRun={6} />
+ *
+ * Colors:
+ *   - foreground   when 100% full
+ *   - warning      when filled < minToRun (sub-minimum, needs action)
+ *   - brand-forest otherwise
+ */
+const HEIGHT_MAP = {
+    sm: "h-1",
+    default: "h-1.5",
+    lg: "h-2",
+};
+export function CapacityBar({ filled, capacity, minToRun, showCount = true, size = "default", label, className, ...props }) {
+    const pct = capacity > 0 ? Math.round((filled / capacity) * 100) : 0;
+    const isFull = filled >= capacity;
+    const belowMin = minToRun !== undefined && filled < minToRun;
+    return (_jsxs("div", { className: cn("flex items-center gap-2", className), ...props, children: [_jsx("div", { className: cn("flex-1 rounded-full bg-bg-muted overflow-hidden", HEIGHT_MAP[size]), role: "progressbar", "aria-valuenow": filled, "aria-valuemin": 0, "aria-valuemax": capacity, "aria-label": label ?? `${filled} of ${capacity} spots filled`, children: _jsx("div", { className: cn("h-full transition-all", isFull
+                        ? "bg-foreground"
+                        : belowMin
+                            ? "bg-warning"
+                            : "bg-brand-forest"), style: { width: `${pct}%` } }) }), showCount && (_jsxs("span", { className: "tabular text-xs text-text-muted shrink-0", children: [filled, "/", capacity] }))] }));
+}
+//# sourceMappingURL=capacity-bar.js.map

package/dist/components/capacity-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capacity-bar.js","sourceRoot":"","sources":["../../src/components/capacity-bar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,KAAK;IACT,OAAO,EAAE,OAAO;IAChB,EAAE,EAAE,KAAK;CACD,CAAC;AAeX,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,GAAG,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC;IAClC,MAAM,QAAQ,GAAG,QAAQ,KAAK,SAAS,IAAI,MAAM,GAAG,QAAQ,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,aACjE,cACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,UAAU,CAAC,IAAI,CAAC,CACjB,EACD,IAAI,EAAC,aAAa,mBACH,MAAM,mBACN,CAAC,mBACD,QAAQ,gBACX,KAAK,IAAI,GAAG,MAAM,OAAO,QAAQ,eAAe,YAE5D,cACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,MAAM;wBACJ,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,QAAQ;4BACR,CAAC,CAAC,YAAY;4BACd,CAAC,CAAC,iBAAiB,CACxB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,GAC3B,GACE,EACL,SAAS,IAAI,CACZ,gBAAM,SAAS,EAAC,0CAA0C,aACvD,MAAM,OAAG,QAAQ,IACb,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/card.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+/**
+ * Card primitives — per design.md §10
+ * Border 1px, radius 4px, padding 16–20px. NO shadow at rest.
+ *
+ * Composition:
+ *   <Card>
+ *     <CardHeader>
+ *       <CardTitle>…</CardTitle>
+ *       <CardDescription>…</CardDescription>
+ *     </CardHeader>
+ *     <CardContent>…</CardContent>
+ *     <CardFooter>…</CardFooter>
+ *   </Card>
+ */
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Render as the child element (e.g. a Next.js Link) with card styling. */
+    asChild?: boolean;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,kFAchB,CAAC;AAGF,eAAO,MAAM,UAAU,6GAYrB,CAAC;AAGH,eAAO,MAAM,SAAS,qHAWpB,CAAC;AAGH,eAAO,MAAM,eAAe,yHAS1B,CAAC;AAGH,eAAO,MAAM,WAAW,6GAKtB,CAAC;AAGH,eAAO,MAAM,UAAU,6GAYrB,CAAC"}

package/dist/components/card.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "../lib/utils.js";
+export const Card = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { ref: ref, className: cn("rounded border border-border bg-background text-foreground", className), ...props }));
+});
+Card.displayName = "Card";
+export const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-start justify-between gap-3 px-5 pt-4 pb-3 border-b border-border", className), ...props })));
+CardHeader.displayName = "CardHeader";
+export const CardTitle = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("text-md font-semibold tracking-[-0.01em]", className), ...props, children: children })));
+CardTitle.displayName = "CardTitle";
+export const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-xs text-text-muted mt-0.5", className), ...props })));
+CardDescription.displayName = "CardDescription";
+export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("px-5 py-4", className), ...props })));
+CardContent.displayName = "CardContent";
+export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center justify-end gap-2 px-5 py-3 border-t border-border bg-bg-subtle/50", className), ...props })));
+CardFooter.displayName = "CardFooter";
+//# sourceMappingURL=card.js.map

package/dist/components/checkbox.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+/**
+ * Checkbox — square 16px control with brand-forest fill when checked.
+ *
+ * Supports `indeterminate` via Radix (pass `checked="indeterminate"`).
+ * Always pair with a Label (`htmlFor` matching the checkbox `id`) — the
+ * FormField component does this automatically.
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,iKA8BnB,CAAC"}

package/dist/components/checkbox.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check, Minus } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/**
+ * Checkbox — square 16px control with brand-forest fill when checked.
+ *
+ * Supports `indeterminate` via Radix (pass `checked="indeterminate"`).
+ * Always pair with a Label (`htmlFor` matching the checkbox `id`) — the
+ * FormField component does this automatically.
+ */
+export const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-border-strong bg-background transition-colors", 
+    // Invisible hit-area extension: 24px on desktop (WCAG 2.5.8),
+    // 44px on touch devices — the visual stays 16px.
+    "relative after:absolute after:-inset-1 pointer-coarse:after:-inset-3.5", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:bg-brand-forest data-[state=checked]:border-brand-forest data-[state=checked]:text-brand-forest-foreground", "data-[state=indeterminate]:bg-brand-forest data-[state=indeterminate]:border-brand-forest data-[state=indeterminate]:text-brand-forest-foreground", className), ...props, children: _jsxs(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: [_jsx(Check, { className: "h-3 w-3 data-[state=indeterminate]:hidden", strokeWidth: 3 }), _jsx(Minus, { className: "hidden h-3 w-3 data-[state=indeterminate]:block", strokeWidth: 3 })] }) })));
+Checkbox.displayName = "Checkbox";
+//# sourceMappingURL=checkbox.js.map

package/dist/components/chip.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Chip — small removable token. Use for active filter indicators,
+ * applied tags, selected options in a multi-select summary.
+ *
+ *   <Chip onRemove={() => setVenue("all")}>Astoria Turf</Chip>
+ *   <Chip variant="neutral">Soccer</Chip>
+ *
+ * Distinct from Badge: Chips are interactive (often have a close button)
+ * and represent transient selections, while Badges are static labels.
+ */
+export declare const chipVariants: (props?: ({
+    variant?: "accent" | "neutral" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {
+    /** When provided, renders an × button. */
+    onRemove?: () => void;
+    /** Accessible label for the remove button (default: "Remove {children}") */
+    removeLabel?: string;
+}
+export declare function Chip({ className, variant, onRemove, removeLabel, children, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chip.d.ts.map

package/dist/components/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY;;8EAYxB,CAAC;AAEF,MAAM,WAAW,SACf,SACE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAyBX"}

package/dist/components/chip.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/**
+ * Chip — small removable token. Use for active filter indicators,
+ * applied tags, selected options in a multi-select summary.
+ *
+ *   <Chip onRemove={() => setVenue("all")}>Astoria Turf</Chip>
+ *   <Chip variant="neutral">Soccer</Chip>
+ *
+ * Distinct from Badge: Chips are interactive (often have a close button)
+ * and represent transient selections, while Badges are static labels.
+ */
+export const chipVariants = cva("inline-flex items-center gap-1 h-5 px-1.5 rounded-sm text-xs font-medium leading-none whitespace-nowrap", {
+    variants: {
+        variant: {
+            accent: "bg-brand-forest/10 text-brand-forest",
+            neutral: "bg-bg-muted text-foreground",
+            outline: "border border-border-strong bg-transparent text-foreground",
+        },
+    },
+    defaultVariants: { variant: "accent" },
+});
+export function Chip({ className, variant, onRemove, removeLabel, children, ...props }) {
+    return (_jsxs("span", { className: cn(chipVariants({ variant }), className), ...props, children: [_jsx("span", { children: children }), onRemove && (_jsx("button", { type: "button", onClick: onRemove, "aria-label": removeLabel ??
+                    `Remove ${typeof children === "string" ? children : "filter"}`, className: cn("rounded-sm p-0.5 transition-colors", "hover:bg-current/10", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", 
+                // Invisible hit-area extension: 26px desktop / 46px touch.
+                "relative after:absolute after:-inset-1.5 pointer-coarse:after:-inset-4"), children: _jsx(X, { className: "h-2.5 w-2.5", strokeWidth: 2 }) }))] }));
+}
+//# sourceMappingURL=chip.js.map

package/dist/components/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,yGAAyG,EACzG;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,MAAM,EAAE,sCAAsC;YAC9C,OAAO,EAAE,6BAA6B;YACtC,OAAO,EAAE,4DAA4D;SACtE;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;CACvC,CACF,CAAC;AAYF,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACE;IACV,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aAClE,yBAAO,QAAQ,GAAQ,EACtB,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,gBAEf,WAAW;oBACX,UAAU,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,EAEhE,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,qBAAqB,EACrB,yEAAyE;gBACzE,2DAA2D;gBAC3D,wEAAwE,CACzE,YAED,KAAC,CAAC,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,GACtC,CACV,IACI,CACR,CAAC;AACJ,CAAC"}

package/dist/components/collapsible.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+/**
+ * Collapsible — a single expandable region. Accordion is for GROUPS of
+ * sections with one-open-at-a-time semantics; Collapsible is one
+ * independent disclosure ("Show advanced options", "View 12 more").
+ *
+ *   <Collapsible>
+ *     <CollapsibleTrigger>Advanced options</CollapsibleTrigger>
+ *     <CollapsibleContent>…</CollapsibleContent>
+ *   </Collapsible>
+ */
+export declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/components/collapsible.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/**
+ * Collapsible — a single expandable region. Accordion is for GROUPS of
+ * sections with one-open-at-a-time semantics; Collapsible is one
+ * independent disclosure ("Show advanced options", "View 12 more").
+ *
+ *   <Collapsible>
+ *     <CollapsibleTrigger>Advanced options</CollapsibleTrigger>
+ *     <CollapsibleContent>…</CollapsibleContent>
+ *   </Collapsible>
+ */
+export const Collapsible = CollapsiblePrimitive.Root;
+export const CollapsibleTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(CollapsiblePrimitive.Trigger, { ref: ref, className: cn("group flex items-center gap-1.5 text-sm font-medium text-foreground transition-colors hover:text-brand-forest", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm", "pointer-coarse:min-h-11", className), ...props, children: [children, _jsx(ChevronDown, { className: "h-3.5 w-3.5 text-text-muted transition-transform duration-150 group-data-[state=open]:rotate-180", strokeWidth: 1.75, "aria-hidden": "true" })] })));
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+export const CollapsibleContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(CollapsiblePrimitive.Content, { ref: ref, className: cn("pt-2 data-[state=open]:animate-fade-in", className), ...props })));
+CollapsibleContent.displayName = "CollapsibleContent";
+//# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGhD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,oBAAoB,CAAC,OAAO,IAC3B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,oFAAoF,EACpF,yBAAyB,EACzB,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,WAAW,IACV,SAAS,EAAC,kGAAkG,EAC5G,WAAW,EAAE,IAAI,iBACL,MAAM,GAClB,IAC2B,CAChC,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGhD,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,oBAAoB,CAAC,OAAO,IAC3B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,GACT,CACH,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/components/combobox.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Combobox — searchable single-select. Use instead of Select when the
+ * option list is long enough that scanning beats scrolling (venues,
+ * players, cities — roughly 10+ options).
+ *
+ *   <Combobox
+ *     options={venues.map(v => ({ value: v.id, label: v.name }))}
+ *     value={venueId}
+ *     onValueChange={setVenueId}
+ *     placeholder="Select venue…"
+ *     aria-label="Venue"
+ *   />
+ *
+ * Keyboard: type to filter, ↑/↓ to move, Enter to select, Esc closes.
+ * Uncontrolled open state; controlled value.
+ */
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps {
+    options: ComboboxOption[];
+    value: string | null;
+    onValueChange: (value: string | null) => void;
+    /** Trigger text when nothing is selected. */
+    placeholder?: string;
+    /** Search input placeholder. */
+    searchPlaceholder?: string;
+    /** Shown when the query matches nothing. */
+    emptyText?: string;
+    /** Accessible name for the trigger + listbox. */
+    "aria-label": string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, "aria-label": ariaLabel, disabled, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAuB,EACvB,iBAA6B,EAC7B,SAAyB,EACzB,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,2CAmFf"}

package/dist/components/combobox.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { cn } from "../lib/utils.js";
+export function Combobox({ options, value, onValueChange, placeholder = "Select…", searchPlaceholder = "Search…", emptyText = "No results.", "aria-label": ariaLabel, disabled, className, }) {
+    const [open, setOpen] = React.useState(false);
+    const listId = React.useId();
+    const selected = options.find((o) => o.value === value);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-haspopup": "listbox", "aria-label": ariaLabel, disabled: disabled, className: cn("flex h-8 pointer-coarse:h-11 w-full items-center justify-between gap-2 rounded-sm border border-border-strong bg-background px-2.5 text-sm", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:bg-bg-muted disabled:opacity-60", !selected && "text-text-subtle", className), children: [_jsx("span", { className: "truncate", children: selected?.label ?? placeholder }), _jsx(ChevronsUpDown, { className: "h-3.5 w-3.5 shrink-0 text-text-muted", strokeWidth: 1.75, "aria-hidden": "true" })] }) }), _jsx(PopoverContent, { "aria-label": ariaLabel, align: "start", className: "w-[--radix-popover-trigger-width] min-w-[12rem] p-0", children: _jsxs(CommandPrimitive, { label: ariaLabel, className: "outline-none", children: [_jsx(CommandPrimitive.Input, { placeholder: searchPlaceholder, className: cn("w-full border-b border-border bg-transparent px-3 h-8 pointer-coarse:h-11 text-sm text-foreground", "placeholder:text-text-subtle focus:outline-none") }), _jsxs(CommandPrimitive.List, { id: listId, className: "max-h-64 overflow-y-auto p-1 scrollbar-thin", children: [_jsx(CommandPrimitive.Empty, { className: "px-3 py-6 text-center text-sm text-text-muted", children: emptyText }), options.map((option) => (_jsxs(CommandPrimitive.Item, { value: option.label, disabled: option.disabled, onSelect: () => {
+                                        onValueChange(option.value === value ? null : option.value);
+                                        setOpen(false);
+                                    }, className: cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pointer-coarse:min-h-11 text-sm outline-none", "data-[selected=true]:bg-bg-subtle data-[selected=true]:text-foreground", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"), children: [_jsx(Check, { className: cn("h-3.5 w-3.5 shrink-0 text-brand-forest", option.value === value ? "opacity-100" : "opacity-0"), strokeWidth: 2, "aria-hidden": "true" }), option.label] }, option.value)))] })] }) })] }));
+}
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"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"}

package/dist/components/confirm-action.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { type ButtonProps } from "./button.js";
+/**
+ * ConfirmAction — codifies design.md §3.11 Confirmation discipline.
+ *
+ * Use ONLY for destructive or financially irreversible actions. The body
+ * is required to be concrete ("8 players will be refunded $14 each"),
+ * never abstract ("Are you sure?").
+ *
+ * Wrap your trigger button (works with asChild).
+ *
+ * Example:
+ *   <ConfirmAction
+ *     title="Cancel this game?"
+ *     description="This action is logged and cannot be undone."
+ *     consequence="8 players will be refunded $14.00 each as credit and emailed."
+ *     confirmLabel="Cancel + refund all"
+ *     confirmVariant="destructive"
+ *     onConfirm={async () => await cancelGame(id)}
+ *   >
+ *     <Button variant="destructive">Cancel game…</Button>
+ *   </ConfirmAction>
+ */
+export interface ConfirmActionProps {
+    title: string;
+    description?: string;
+    /** REQUIRED concrete consequence text — never abstract. */
+    consequence: React.ReactNode;
+    confirmLabel: string;
+    cancelLabel?: string;
+    confirmVariant?: ButtonProps["variant"];
+    onConfirm: () => void | Promise<void>;
+    children: React.ReactNode;
+}
+export declare function ConfirmAction({ title, description, consequence, confirmLabel, cancelLabel, confirmVariant, onConfirm, children, }: ConfirmActionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=confirm-action.d.ts.map

package/dist/components/confirm-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-action.d.ts","sourceRoot":"","sources":["../../src/components/confirm-action.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACxC,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAsB,EACtB,cAA8B,EAC9B,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAqDpB"}

package/dist/components/confirm-action.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./dialog.js";
+import { Button } from "./button.js";
+export function ConfirmAction({ title, description, consequence, confirmLabel, cancelLabel = "Cancel", confirmVariant = "destructive", onConfirm, children, }) {
+    const [open, setOpen] = React.useState(false);
+    const [busy, setBusy] = React.useState(false);
+    const handleConfirm = async () => {
+        setBusy(true);
+        try {
+            await onConfirm();
+            setOpen(false);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: children }), _jsxs(DialogContent, { ...(description ? {} : { "aria-describedby": undefined }), children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), description && _jsx(DialogDescription, { children: description })] }), _jsx(DialogBody, { children: _jsx("p", { className: "text-sm text-foreground", children: consequence }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", onClick: () => setOpen(false), disabled: busy, children: cancelLabel }), _jsx(Button, { variant: confirmVariant, onClick: handleConfirm, disabled: busy, children: busy ? "Working…" : confirmLabel })] })] })] }));
+}
+//# sourceMappingURL=confirm-action.js.map

package/dist/components/confirm-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-action.js","sourceRoot":"","sources":["../../src/components/confirm-action.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AAmCpD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,GAAG,QAAQ,EACtB,cAAc,GAAG,aAAa,EAC9B,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,IAAI,CAAC;YACH,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;gBAAS,CAAC;YACT,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACvC,KAAC,aAAa,IAAC,OAAO,kBAAE,QAAQ,GAAiB,EAQjD,MAAC,aAAa,OACR,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,aAE1D,MAAC,YAAY,eACX,KAAC,WAAW,cAAE,KAAK,GAAe,EACjC,WAAW,IAAI,KAAC,iBAAiB,cAAE,WAAW,GAAqB,IACvD,EACf,KAAC,UAAU,cACT,YAAG,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAK,GAC7C,EACb,MAAC,YAAY,eACX,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,QAAQ,EAAE,IAAI,YAEb,WAAW,GACL,EACT,KAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,IAAI,YAEb,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,GAC1B,IACI,IACD,IACT,CACV,CAAC;AACJ,CAAC"}

package/dist/components/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/components/container.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG;IACf,EAAE,EAAE,WAAW;IACf,OAAO,EAAE,WAAW;IACpB,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,YAAY;CACV,CAAC;AAQX,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7D,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,QAAQ,CAAC,IAAI,CAAC,EACd,CAAC,SAAS,IAAI,cAAc,EAC5B,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/components/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/components/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC3C,mEAAmE;IACnE,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,YAAY,EAAE,SAAS,EACvB,WAA4B,EAC5B,aAAoE,EACpE,aAAa,EACb,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,2CAoDjB"}

package/dist/components/date-picker.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CalendarDays } from "lucide-react";
+import { Calendar } from "./calendar.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { cn } from "../lib/utils.js";
+export function DatePicker({ value, onValueChange, "aria-label": ariaLabel, placeholder = "Pick a date…", formatOptions = { weekday: "short", month: "short", day: "numeric" }, disabledDates, disabled, className, }) {
+    const [open, setOpen] = React.useState(false);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": ariaLabel, disabled: disabled, className: cn("flex h-8 pointer-coarse:h-11 w-full items-center gap-2 rounded-sm border border-border-strong bg-background px-2.5 text-sm", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:bg-bg-muted disabled:opacity-60", !value && "text-text-subtle", className), children: [_jsx(CalendarDays, { className: "h-3.5 w-3.5 shrink-0 text-text-muted", strokeWidth: 1.75, "aria-hidden": "true" }), _jsx("span", { className: "truncate tabular", children: value
+                                ? new Intl.DateTimeFormat(undefined, formatOptions).format(value)
+                                : placeholder })] }) }), _jsx(PopoverContent, { "aria-label": ariaLabel, align: "start", className: "w-auto p-0", children: _jsx(Calendar, { mode: "single", selected: value, onSelect: (d) => {
+                        onValueChange(d);
+                        setOpen(false);
+                    }, disabled: disabledDates, 
+                    // react-day-picker's focus-management prop (not DOM autofocus):
+                    // moving focus into the grid when the popover opens is the
+                    // expected dialog pattern for keyboard users.
+                    // eslint-disable-next-line jsx-a11y/no-autofocus
+                    autoFocus: true }) })] }));
+}
+//# sourceMappingURL=date-picker.js.map

package/dist/components/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../src/components/date-picker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AA8BlC,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,cAAc,EAC5B,aAAa,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,EACpE,aAAa,EACb,QAAQ,EACR,SAAS,GACO;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBACrB,kBACE,IAAI,EAAC,QAAQ,gBACD,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,4HAA4H,EAC5H,yEAAyE,EACzE,sEAAsE,EACtE,CAAC,KAAK,IAAI,kBAAkB,EAC5B,SAAS,CACV,aAED,KAAC,YAAY,IACX,SAAS,EAAC,sCAAsC,EAChD,WAAW,EAAE,IAAI,iBACL,MAAM,GAClB,EACF,eAAM,SAAS,EAAC,kBAAkB,YAC/B,KAAK;gCACJ,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gCACjE,CAAC,CAAC,WAAW,GACV,IACA,GACM,EACjB,KAAC,cAAc,kBACD,SAAS,EACrB,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,YAEtB,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,aAAa,CAAC,CAAC,CAAC,CAAC;wBACjB,OAAO,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC,EACD,QAAQ,EAAE,aAAa;oBACvB,gEAAgE;oBAChE,2DAA2D;oBAC3D,8CAA8C;oBAC9C,iDAAiD;oBACjD,SAAS,SACT,GACa,IACT,CACX,CAAC;AACJ,CAAC"}