@dtsports/design-system 0.2.0

package/dist/components/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../src/components/spec.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;CACR,CAAC;AAEX,MAAM,OAAO,GAAG;IACd,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;CACF,CAAC;AAOX,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtD,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,KAChE,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAMlC,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjD,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,aACpD,aAAI,SAAS,EAAC,qEAAqE,YAChF,KAAK,GACH,EACL,aAAI,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAM,IAC1D,CACP,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/spinner.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Spinner — tiny inline loader for buttons + per-row "working" state.
+ * Prefer Skeleton for full-region loading (per design.md §3.14).
+ *
+ * Honors prefers-reduced-motion via globals.css.
+ */
+declare const SIZE_MAP: {
+    readonly sm: "h-3 w-3";
+    readonly default: "h-4 w-4";
+    readonly lg: "h-5 w-5";
+};
+export interface SpinnerProps {
+    size?: keyof typeof SIZE_MAP;
+    className?: string;
+    /** Accessible label (default "Loading") */
+    label?: string;
+}
+export declare function Spinner({ size, className, label, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,QAAA,MAAM,QAAQ;;;;CAIJ,CAAC;AAEX,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAgB,EAChB,SAAS,EACT,KAAiB,GAClB,EAAE,YAAY,2CASd"}

package/dist/components/spinner.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/**
+ * Spinner — tiny inline loader for buttons + per-row "working" state.
+ * Prefer Skeleton for full-region loading (per design.md §3.14).
+ *
+ * Honors prefers-reduced-motion via globals.css.
+ */
+const SIZE_MAP = {
+    sm: "h-3 w-3",
+    default: "h-4 w-4",
+    lg: "h-5 w-5",
+};
+export function Spinner({ size = "default", className, label = "Loading", }) {
+    return (_jsx(Loader2, { role: "status", "aria-label": label, className: cn("animate-spin", SIZE_MAP[size], className), strokeWidth: 2 }));
+}
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;GAKG;AACH,MAAM,QAAQ,GAAG;IACf,EAAE,EAAE,SAAS;IACb,OAAO,EAAE,SAAS;IAClB,EAAE,EAAE,SAAS;CACL,CAAC;AASX,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,KAAK,GAAG,SAAS,GACJ;IACb,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EACxD,WAAW,EAAE,CAAC,GACd,CACH,CAAC;AACJ,CAAC"}

package/dist/components/stack.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+/**
+ * Stack — flexbox with consistent gap. Use Stack when you'd otherwise
+ * reach for `flex flex-col gap-3` (or `space-y-3`); it documents intent
+ * and keeps gap tokens consistent across the app.
+ *
+ *   <Stack gap={2}>          // vertical, gap-2
+ *   <Stack direction="row" gap={4} align="center" justify="between">
+ */
+declare const GAP_MAP: {
+    readonly 0: "gap-0";
+    readonly 0.5: "gap-0.5";
+    readonly 1: "gap-1";
+    readonly 1.5: "gap-1.5";
+    readonly 2: "gap-2";
+    readonly 2.5: "gap-2.5";
+    readonly 3: "gap-3";
+    readonly 4: "gap-4";
+    readonly 5: "gap-5";
+    readonly 6: "gap-6";
+    readonly 8: "gap-8";
+    readonly 10: "gap-10";
+};
+declare const ALIGN_MAP: {
+    readonly start: "items-start";
+    readonly center: "items-center";
+    readonly end: "items-end";
+    readonly baseline: "items-baseline";
+    readonly stretch: "items-stretch";
+};
+declare const JUSTIFY_MAP: {
+    readonly start: "justify-start";
+    readonly center: "justify-center";
+    readonly end: "justify-end";
+    readonly between: "justify-between";
+    readonly around: "justify-around";
+    readonly evenly: "justify-evenly";
+};
+export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: "column" | "row";
+    gap?: keyof typeof GAP_MAP;
+    align?: keyof typeof ALIGN_MAP;
+    justify?: keyof typeof JUSTIFY_MAP;
+    wrap?: boolean;
+}
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/components/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;GAOG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;CAaH,CAAC;AAEX,QAAA,MAAM,SAAS;;;;;;CAML,CAAC;AAEX,QAAA,MAAM,WAAW;;;;;;;CAOP,CAAC;AAEX,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,KAAK,mFA2BjB,CAAC"}

package/dist/components/stack.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+/**
+ * Stack — flexbox with consistent gap. Use Stack when you'd otherwise
+ * reach for `flex flex-col gap-3` (or `space-y-3`); it documents intent
+ * and keeps gap tokens consistent across the app.
+ *
+ *   <Stack gap={2}>          // vertical, gap-2
+ *   <Stack direction="row" gap={4} align="center" justify="between">
+ */
+const GAP_MAP = {
+    0: "gap-0",
+    0.5: "gap-0.5",
+    1: "gap-1",
+    1.5: "gap-1.5",
+    2: "gap-2",
+    2.5: "gap-2.5",
+    3: "gap-3",
+    4: "gap-4",
+    5: "gap-5",
+    6: "gap-6",
+    8: "gap-8",
+    10: "gap-10",
+};
+const ALIGN_MAP = {
+    start: "items-start",
+    center: "items-center",
+    end: "items-end",
+    baseline: "items-baseline",
+    stretch: "items-stretch",
+};
+const JUSTIFY_MAP = {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end",
+    between: "justify-between",
+    around: "justify-around",
+    evenly: "justify-evenly",
+};
+export const Stack = React.forwardRef(({ className, direction = "column", gap = 3, align, justify, wrap, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex", direction === "column" ? "flex-col" : "flex-row", GAP_MAP[gap], align && ALIGN_MAP[align], justify && JUSTIFY_MAP[justify], wrap && "flex-wrap", className), ...props })));
+Stack.displayName = "Stack";
+//# sourceMappingURL=stack.js.map

package/dist/components/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/components/stack.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;GAOG;AACH,MAAM,OAAO,GAAG;IACd,CAAC,EAAE,OAAO;IACV,GAAG,EAAE,SAAS;IACd,CAAC,EAAE,OAAO;IACV,GAAG,EAAE,SAAS;IACd,CAAC,EAAE,OAAO;IACV,GAAG,EAAE,SAAS;IACd,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;CACJ,CAAC;AAEX,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;IACtB,GAAG,EAAE,WAAW;IAChB,QAAQ,EAAE,gBAAgB;IAC1B,OAAO,EAAE,eAAe;CAChB,CAAC;AAEX,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,MAAM,EAAE,gBAAgB;CAChB,CAAC;AAUX,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,EACT,SAAS,GAAG,QAAQ,EACpB,GAAG,GAAG,CAAC,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,MAAM,EACN,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAChD,OAAO,CAAC,GAAG,CAAC,EACZ,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,EACzB,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,EAC/B,IAAI,IAAI,WAAW,EACnB,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/status-pill.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { Badge } from "./badge.js";
+import { LivePill } from "./live-pill.js";
+const labels = {
+    draft: "Draft",
+    scheduled: "Scheduled",
+    filling: "Filling",
+    sold_out: "Sold out",
+    live: "Live",
+    completed: "Completed",
+    cancelled: "Cancelled",
+};
+export function StatusPill({ status, className, }) {
+    if (status === "live")
+        return _jsx(LivePill, { className: className });
+    if (status === "draft" || status === "completed") {
+        return (_jsxs(Badge, { variant: "muted-outline", shape: "pill", className: cn("gap-1.5", className), children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-text-subtle", "aria-hidden": "true" }), labels[status]] }));
+    }
+    if (status === "scheduled") {
+        return (_jsx(Badge, { variant: "forest", shape: "pill", className: className, children: labels[status] }));
+    }
+    if (status === "filling") {
+        return (_jsx(Badge, { variant: "info", shape: "pill", className: className, children: labels[status] }));
+    }
+    if (status === "sold_out") {
+        return (_jsx(Badge, { shape: "pill", className: cn("bg-foreground text-background", className), children: labels[status] }));
+    }
+    if (status === "cancelled") {
+        return (_jsx(Badge, { shape: "pill", className: cn("border border-danger bg-transparent text-danger", className), children: labels[status] }));
+    }
+    return null;
+}
+//# sourceMappingURL=status-pill.js.map

package/dist/components/status-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-pill.js","sourceRoot":"","sources":["../../src/components/status-pill.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAoBvC,MAAM,MAAM,GAA+B;IACzC,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,GAIV;IACC,IAAI,MAAM,KAAK,MAAM;QAAE,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IAEjE,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;QACjD,OAAO,CACL,MAAC,KAAK,IACJ,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAEnC,eACE,SAAS,EAAC,yCAAyC,iBACvC,MAAM,GAClB,EACD,MAAM,CAAC,MAAM,CAAC,IACT,CACT,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;QAC3B,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,YACtD,MAAM,CAAC,MAAM,CAAC,GACT,CACT,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,YACpD,MAAM,CAAC,MAAM,CAAC,GACT,CACT,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,KAAK,IACJ,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,YAExD,MAAM,CAAC,MAAM,CAAC,GACT,CACT,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;QAC3B,OAAO,CACL,KAAC,KAAK,IACJ,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,SAAS,CACV,YAEA,MAAM,CAAC,MAAM,CAAC,GACT,CACT,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/components/switch.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+/**
+ * Switch — for boolean settings. Use only for instantly-applied toggles
+ * (theme, notification preferences, "use credit at checkout"). Don't use
+ * Switch for form fields that need an explicit Save button — use Checkbox.
+ */
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D;;;;GAIG;AACH,eAAO,MAAM,MAAM,6JAwBjB,CAAC"}

package/dist/components/switch.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { cn } from "../lib/utils.js";
+/**
+ * Switch — for boolean settings. Use only for instantly-applied toggles
+ * (theme, notification preferences, "use credit at checkout"). Don't use
+ * Switch for form fields that need an explicit Save button — use Checkbox.
+ */
+export const Switch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitive.Root, { ref: ref, className: cn("peer inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full transition-colors", 
+    // Invisible hit-area extension: 24px desktop / 44px touch.
+    "relative after:absolute after:-inset-y-1 pointer-coarse:after:-inset-y-3.5 pointer-coarse:after:-inset-x-2", "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=unchecked]:bg-border-strong", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { className: cn("pointer-events-none block h-3 w-3 rounded-full bg-background shadow-sm transition-transform", "data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5") }) })));
+Switch.displayName = "Switch";
+//# sourceMappingURL=switch.js.map

package/dist/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8FAA8F;IAC9F,2DAA2D;IAC3D,4GAA4G,EAC5G,0IAA0I,EAC1I,iDAAiD,EACjD,8EAA8E,EAC9E,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,IACpB,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,6EAA6E,CAC9E,GACD,GACmB,CACxB,CAAC,CAAC;AACH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/table.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+/**
+ * Table primitives — per design.md §10
+ *
+ * Centerpiece component for the data-heavy UI.
+ *  - Row height: 36px compact (default) / 40px comfortable
+ *  - Header: text-xs uppercase tracking-wide muted on bg-subtle
+ *  - Cell padding: 8px / 12px
+ *  - Border: 1px bottom on rows, NO vertical borders
+ *  - Numeric columns: add `tabular text-right` to cells
+ *  - Sticky header: wrap <Table> in a scrollable parent and set <TableHeader sticky>
+ *
+ * Accessibility:
+ *  - Always provide a <caption> via <TableCaption> for screen readers (it can be visually hidden)
+ *  - Use scope="col" / scope="row" on <TableHead> / row headers
+ *  - For sortable columns, pass aria-sort on <TableHead>
+ */
+export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & {
+    sticky?: boolean;
+} & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
+    interactive?: boolean;
+    selected?: boolean;
+} & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,KAAK,iHAWhB,CAAC;AAGH,eAAO,MAAM,WAAW;aAEqC,OAAO;iDAWlE,CAAC;AAGH,eAAO,MAAM,SAAS,+HAKpB,CAAC;AAGH,eAAO,MAAM,WAAW,+HAStB,CAAC;AAGH,eAAO,MAAM,QAAQ;kBAGH,OAAO;eACV,OAAO;6CAapB,CAAC;AAGH,eAAO,MAAM,SAAS,2HAapB,CAAC;AAGH,eAAO,MAAM,SAAS,2HASpB,CAAC;AAGH,eAAO,MAAM,YAAY,+HASvB,CAAC"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+/**
+ * Tabs — underline-style horizontal tabs.
+ *
+ *   <Tabs defaultValue="today">
+ *     <TabsList>
+ *       <TabsTrigger value="today">Today</TabsTrigger>
+ *       <TabsTrigger value="week">This week</TabsTrigger>
+ *     </TabsList>
+ *     <TabsContent value="today">…</TabsContent>
+ *     <TabsContent value="week">…</TabsContent>
+ *   </Tabs>
+ *
+ * Use for: admin time-window filters, booking status filters, settings
+ * groupings. Keyboard nav (←/→/Home/End) handled by Radix.
+ */
+export declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAGtD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,gGAAqB,CAAC;AAEvC,eAAO,MAAM,QAAQ,uJAYnB,CAAC;AAGH,eAAO,MAAM,WAAW,gKAiBtB,CAAC;AAGH,eAAO,MAAM,WAAW,0JAYtB,CAAC"}

package/dist/components/tabs.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "../lib/utils.js";
+/**
+ * Tabs — underline-style horizontal tabs.
+ *
+ *   <Tabs defaultValue="today">
+ *     <TabsList>
+ *       <TabsTrigger value="today">Today</TabsTrigger>
+ *       <TabsTrigger value="week">This week</TabsTrigger>
+ *     </TabsList>
+ *     <TabsContent value="today">…</TabsContent>
+ *     <TabsContent value="week">…</TabsContent>
+ *   </Tabs>
+ *
+ * Use for: admin time-window filters, booking status filters, settings
+ * groupings. Keyboard nav (←/→/Home/End) handled by Radix.
+ */
+export const Tabs = TabsPrimitive.Root;
+export const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("inline-flex h-9 items-center gap-1 border-b border-border w-full", className), ...props })));
+TabsList.displayName = "TabsList";
+export const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("relative inline-flex items-center justify-center gap-1.5 whitespace-nowrap px-3 py-1.5 text-sm font-medium text-text-muted transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm", "hover:text-foreground", "disabled:opacity-50 disabled:cursor-not-allowed", "data-[state=active]:text-foreground", "data-[state=active]:after:absolute data-[state=active]:after:left-0 data-[state=active]:after:right-0 data-[state=active]:after:-bottom-px data-[state=active]:after:h-0.5 data-[state=active]:after:bg-brand-forest", className), ...props })));
+TabsTrigger.displayName = "TabsTrigger";
+export const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded", className), ...props })));
+TabsContent.displayName = "TabsContent";
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,IAAI,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8IAA8I,EAC9I,kGAAkG,EAClG,uBAAuB,EACvB,iDAAiD,EACjD,qCAAqC,EACrC,sNAAsN,EACtN,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/textarea.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+/**
+ * Textarea — multi-line text input. Same focus/error pattern as Input.
+ * Use for: house rules markdown, broadcast composer, policy notes.
+ */
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9E,eAAO,MAAM,QAAQ,2FAgBpB,CAAC"}

package/dist/components/textarea.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+export const Textarea = React.forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { ref: ref, className: cn("flex min-h-[80px] w-full rounded-sm border border-border-strong bg-background px-2.5 py-2 text-sm text-foreground transition-colors duration-150 ease-out", "placeholder:text-text-subtle", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:bg-bg-muted disabled:opacity-60", "aria-[invalid=true]:border-danger aria-[invalid=true]:focus-visible:ring-danger", "resize-y", className), ...props })));
+Textarea.displayName = "Textarea";
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2JAA2J,EAC3J,8BAA8B,EAC9B,yEAAyE,EACzE,sEAAsE,EACtE,iFAAiF,EACjF,UAAU,EACV,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/components/theme-provider.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+/**
+ * Theme = the effective look the page is rendered in (one of
+ * "light" | "dark"). ThemePreference = the user's chosen mode
+ * ("light", "dark", or "system"). When preference is "system" the
+ * effective theme tracks the OS `prefers-color-scheme` media query
+ * and updates live as the user toggles their laptop's appearance.
+ *
+ * Storage:
+ *   - "dt-theme" persists the user's PREFERENCE (light/dark/system).
+ *     Default if unset = "system" — out-of-the-box experience matches
+ *     the laptop, no flash of wrong theme on first visit.
+ *
+ * Backward compatibility:
+ *   - `theme` is still the effective theme (consumers that read
+ *     `useTheme().theme` keep working unchanged).
+ *   - `setTheme(t)` is preserved as a shortcut for setPreference(t)
+ *     where t is "light" or "dark".
+ *   - `toggle()` is preserved and now cycles light → dark → system.
+ */
+type Theme = "light" | "dark";
+type ThemePreference = "light" | "dark" | "system";
+interface ThemeContextValue {
+    theme: Theme;
+    preference: ThemePreference;
+    setPreference: (p: ThemePreference) => void;
+    setTheme: (t: Theme) => void;
+    toggle: () => void;
+}
+export declare function ThemeProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/components/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../src/components/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;;;;;GAkBG;AAEH,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9B,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAYD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CA8ExE;AAED,wBAAgB,QAAQ,sBAIvB"}

package/dist/components/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../../src/components/theme-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAiC5C,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CACtC,SAAS,CACV,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAAC;AAE/B,SAAS,YAAY,CAAC,CAAU;IAC9B,OAAO,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,QAAQ,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAiC;IACvE,MAAM,CAAC,UAAU,EAAE,kBAAkB,CAAC,GACpC,KAAK,CAAC,QAAQ,CAAkB,QAAQ,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAQ,OAAO,CAAC,CAAC;IAErE,+DAA+D;IAC/D,kEAAkE;IAClE,+DAA+D;IAC/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACjD,sEAAsE;YACtE,sEAAsE;YACtE,kEAAkE;YAClE,2DAA2D;YAC3D,IAAI,YAAY,CAAC,MAAM,CAAC;gBAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACvD,CAAC;QAAC,MAAM,CAAC;YACP,0DAA0D;QAC5D,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAC9D,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,CAAC,CAAsB,EAAE,EAAE;YACzC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC,CAAC;QACF,qEAAqE;QACrE,IAAI,GAAG,CAAC,gBAAgB,EAAE,CAAC;YACzB,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC1D,CAAC;QACD,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzB,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,8DAA8D;IAC9D,MAAM,KAAK,GAAU,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAExE,8DAA8D;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAkB,EAAE,EAAE;QAC7D,kBAAkB,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC;YACH,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QACvC,CAAC;QAAC,MAAM,CAAC;YACP,YAAY;QACd,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,kEAAkE;IAClE,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,CAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAC9B,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,6DAA6D;IAC7D,gEAAgE;IAChE,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,aAAa,CACX,UAAU,KAAK,OAAO;YACpB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,UAAU,KAAK,MAAM;gBACrB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,OAAO,CACd,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,YAG7D,KAAC,eAAe,IAAC,aAAa,EAAE,GAAG,EAAE,iBAAiB,EAAE,GAAG,YACxD,QAAQ,GACO,GACI,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3C,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IACxE,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/components/theme-toggle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ThemeToggle — single button that cycles light → dark → system,
+ * mirroring the macOS / Windows / iOS "Appearance" model. The icon
+ * reflects the user's PREFERENCE, not the resolved theme, so
+ * "system" shows a laptop glyph even when the effective theme is
+ * dark — that's how the user sees they're not in an explicit
+ * override.
+ */
+export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/components/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../src/components/theme-toggle.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,wBAAgB,WAAW,4CAmB1B"}

package/dist/components/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","sourceRoot":"","sources":["../../src/components/theme-toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC1C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GACzB,UAAU,KAAK,OAAO;QACpB,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAC7D,CAAC,CAAC,UAAU,KAAK,MAAM;YACrB,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,kBAAkB,EAAE;YAC/D,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC;IACzE,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,gBACH,GAAG,KAAK,MAAM,IAAI,EAAE,EAChC,KAAK,EAAE,GAAG,KAAK,eAAe,IAAI,CAAC,WAAW,EAAE,EAAE,YAElD,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAE,IAAI,GAAI,GACxC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/three-state.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { type EmptyStateProps } from "./empty-state.js";
+/**
+ * ThreeState — implements design.md §3.14 Empty/Loading/Full discipline.
+ *
+ * One wrapper for every list, every chart, every dashboard tile. Forces
+ * you to think about all three states (plus error) at design time.
+ *
+ * Usage:
+ *   <ThreeState
+ *     state={state}
+ *     loading={<TableSkeleton rows={5} />}
+ *     empty={{ title: "No games this week", description: "Host one?", action: <Button>Create</Button> }}
+ *     error={(err, retry) => <ErrorView err={err} onRetry={retry} />}
+ *   >
+ *     <RealList items={data} />
+ *   </ThreeState>
+ */
+export type ListState<T> = {
+    kind: "loading";
+} | {
+    kind: "empty";
+} | {
+    kind: "error";
+    error: Error;
+    retry?: () => void;
+} | {
+    kind: "data";
+    data: T;
+};
+export interface ThreeStateProps<T> {
+    state: ListState<T>;
+    loading?: React.ReactNode;
+    empty: EmptyStateProps;
+    error?: (err: Error, retry?: () => void) => React.ReactNode;
+    children: React.ReactNode;
+}
+export declare function ThreeState<T>({ state, loading, empty, error, children, }: ThreeStateProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=three-state.d.ts.map

package/dist/components/three-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"three-state.d.ts","sourceRoot":"","sources":["../../src/components/three-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAIjE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,IACnB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,eAAe,CAAC,CAAC,CAAC,2CAmBpB"}

package/dist/components/three-state.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "./skeleton.js";
+import { EmptyState } from "./empty-state.js";
+import { Button } from "./button.js";
+import { AlertTriangle } from "lucide-react";
+export function ThreeState({ state, loading, empty, error, children, }) {
+    if (state.kind === "loading") {
+        return _jsx(_Fragment, { children: loading ?? _jsx(DefaultLoading, {}) });
+    }
+    if (state.kind === "empty") {
+        return _jsx(EmptyState, { ...empty });
+    }
+    if (state.kind === "error") {
+        return (_jsx(_Fragment, { children: error ? (error(state.error, state.retry)) : (_jsx(DefaultError, { err: state.error, retry: state.retry })) }));
+    }
+    return _jsx(_Fragment, { children: children });
+}
+function DefaultLoading() {
+    return (_jsxs("div", { className: "space-y-2 p-2", children: [_jsx(Skeleton, { className: "h-9 w-full" }), _jsx(Skeleton, { className: "h-9 w-full" }), _jsx(Skeleton, { className: "h-9 w-full" })] }));
+}
+function DefaultError({ err, retry }) {
+    return (_jsxs("div", { role: "alert", className: "flex flex-col items-center justify-center gap-2 px-6 py-10 text-center", children: [_jsx(AlertTriangle, { className: "h-5 w-5 text-danger", strokeWidth: 1.75 }), _jsx("div", { className: "text-sm font-medium", children: "Couldn't load this" }), _jsx("div", { className: "text-xs text-text-muted max-w-xs", children: err.message }), retry && (_jsx(Button, { variant: "secondary", size: "sm", onClick: retry, className: "mt-2", children: "Try again" }))] }));
+}
+//# sourceMappingURL=three-state.js.map

package/dist/components/three-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"three-state.js","sourceRoot":"","sources":["../../src/components/three-state.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAgC7C,MAAM,UAAU,UAAU,CAAI,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,GACW;IACnB,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,4BAAG,OAAO,IAAI,KAAC,cAAc,KAAG,GAAI,CAAC;IAC9C,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,OAAO,KAAC,UAAU,OAAK,KAAK,GAAI,CAAC;IACnC,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,OAAO,CACL,4BACG,KAAK,CAAC,CAAC,CAAC,CACP,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAChC,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACvD,GACA,CACJ,CAAC;IACJ,CAAC;IACD,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED,SAAS,cAAc;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,IAC/B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAsC;IACtE,OAAO,CACL,eACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,wEAAwE,aAElF,KAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,EAAC,WAAW,EAAE,IAAI,GAAI,EACpE,cAAK,SAAS,EAAC,qBAAqB,mCAA8B,EAClE,cAAK,SAAS,EAAC,kCAAkC,YAAE,GAAG,CAAC,OAAO,GAAO,EACpE,KAAK,IAAI,CACR,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM,0BAE7D,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/timestamp.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Timestamp — implements design.md §3.16 Time UX.
+ *
+ * - Future events: absolute in venue local time
+ *   ("Sat May 22, 6:00 pm"); tooltip reveals user-tz if different.
+ * - Past events within 7 days: relative ("3 min ago"); absolute beyond.
+ * - Within 24h of a future event with `relative` enabled: ticker
+ *   ("Starts in 3h 12m").
+ *
+ * Accessibility:
+ *  - Renders <time dateTime={iso}> for assistive tech.
+ *  - Tooltip via native `title` attr — readable by screen readers.
+ */
+export interface TimestampProps {
+    /** ISO-8601 date string (UTC preferred). */
+    iso: string;
+    /** Venue timezone (IANA, e.g. "America/New_York"). Falls back to user tz. */
+    venueTz?: string;
+    /** Show relative ticker when within 24h before / 7d after. */
+    relative?: boolean;
+    className?: string;
+}
+export declare function Timestamp({ iso, venueTz, relative, className, }: TimestampProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=timestamp.d.ts.map

package/dist/components/timestamp.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+function formatInTz(date, tz) {
+    return new Intl.DateTimeFormat("en-US", {
+        timeZone: tz,
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+        hour12: true,
+    }).format(date);
+}
+function diffMinutes(a, b) {
+    return Math.round((a.getTime() - b.getTime()) / 60_000);
+}
+function relativeLabel(target, now) {
+    const minsToTarget = diffMinutes(target, now);
+    const absMins = Math.abs(minsToTarget);
+    // Future, within 24h
+    if (minsToTarget > 0 && minsToTarget <= 24 * 60) {
+        const h = Math.floor(minsToTarget / 60);
+        const m = minsToTarget % 60;
+        return `Starts in ${h > 0 ? `${h}h ` : ""}${m}m`;
+    }
+    // Past, within 7 days
+    if (minsToTarget < 0 && absMins <= 7 * 24 * 60) {
+        if (absMins < 1)
+            return "just now";
+        if (absMins < 60)
+            return `${absMins} min ago`;
+        const h = Math.floor(absMins / 60);
+        if (h < 24)
+            return `${h}h ago`;
+        const d = Math.floor(h / 24);
+        return `${d}d ago`;
+    }
+    return null;
+}
+export function Timestamp({ iso, venueTz, relative = false, className, }) {
+    const target = React.useMemo(() => new Date(iso), [iso]);
+    // Tick once per minute so relative labels stay fresh
+    const [now, setNow] = React.useState(() => new Date());
+    React.useEffect(() => {
+        if (!relative)
+            return;
+        const id = setInterval(() => setNow(new Date()), 60_000);
+        return () => clearInterval(id);
+    }, [relative]);
+    const userTz = typeof Intl !== "undefined"
+        ? Intl.DateTimeFormat().resolvedOptions().timeZone
+        : undefined;
+    const showUserTz = !!venueTz && !!userTz && venueTz !== userTz;
+    const venueLabel = formatInTz(target, venueTz);
+    const rel = relative ? relativeLabel(target, now) : null;
+    const userLabel = showUserTz ? formatInTz(target, userTz) : null;
+    const title = userLabel
+        ? `Venue: ${venueLabel}\nYour time: ${userLabel}`
+        : venueLabel;
+    return (_jsx("time", { dateTime: iso, title: title, className: cn("tabular text-sm text-foreground", className), children: rel ?? venueLabel }));
+}
+//# sourceMappingURL=timestamp.js.map

package/dist/components/timestamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timestamp.js","sourceRoot":"","sources":["../../src/components/timestamp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAyBlC,SAAS,UAAU,CAAC,IAAU,EAAE,EAAsB;IACpD,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;QACtC,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,IAAI;KACb,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAClB,CAAC;AAED,SAAS,WAAW,CAAC,CAAO,EAAE,CAAO;IACnC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,aAAa,CAAC,MAAY,EAAE,GAAS;IAC5C,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAEvC,qBAAqB;IACrB,IAAI,YAAY,GAAG,CAAC,IAAI,YAAY,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;QAChD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,YAAY,GAAG,EAAE,CAAC;QAC5B,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;IACnD,CAAC;IAED,sBAAsB;IACtB,IAAI,YAAY,GAAG,CAAC,IAAI,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;QAC/C,IAAI,OAAO,GAAG,CAAC;YAAE,OAAO,UAAU,CAAC;QACnC,IAAI,OAAO,GAAG,EAAE;YAAE,OAAO,GAAG,OAAO,UAAU,CAAC;QAC9C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QACnC,IAAI,CAAC,GAAG,EAAE;YAAE,OAAO,GAAG,CAAC,OAAO,CAAC;QAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;QAC7B,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,GAAG,EACH,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GACM;IACf,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEzD,qDAAqD;IACrD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,MAAM,GACV,OAAO,IAAI,KAAK,WAAW;QACzB,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ;QAClD,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,IAAI,OAAO,KAAK,MAAM,CAAC;IAE/D,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjE,MAAM,KAAK,GAAG,SAAS;QACrB,CAAC,CAAC,UAAU,UAAU,gBAAgB,SAAS,EAAE;QACjD,CAAC,CAAC,UAAU,CAAC;IAEf,OAAO,CACL,eACE,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,YAE1D,GAAG,IAAI,UAAU,GACb,CACR,CAAC;AACJ,CAAC"}