@dtsports/design-system 0.2.0

package/dist/components/pagination.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import { cn } from "../lib/utils.js";
+export const Pagination = React.forwardRef(({ currentPage, totalPages, onPageChange, siblingCount = 1, disabled, className, ...rest }, ref) => {
+    if (totalPages <= 1)
+        return null;
+    const pages = buildPageList(currentPage, totalPages, siblingCount);
+    const go = (p) => {
+        if (disabled)
+            return;
+        const clamped = Math.max(1, Math.min(totalPages, p));
+        if (clamped !== currentPage)
+            onPageChange(clamped);
+    };
+    return (_jsxs("nav", { ref: ref, "aria-label": "Pagination", className: cn("flex items-center gap-1", className), ...rest, children: [_jsx(PageButton, { "aria-label": "Previous page", onClick: () => go(currentPage - 1), disabled: disabled || currentPage <= 1, children: _jsx(ChevronLeft, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }), pages.map((p, i) => p === "…" ? (_jsx("span", { role: "presentation", "aria-hidden": "true", className: "h-7 w-7 grid place-items-center text-text-subtle", children: _jsx(MoreHorizontal, { className: "h-3 w-3", strokeWidth: 1.75 }) }, `ellipsis-${i}`)) : (_jsx(PageButton, { "aria-label": `Page ${p}`, "aria-current": p === currentPage ? "page" : undefined, active: p === currentPage, onClick: () => go(p), disabled: disabled, children: p }, p))), _jsx(PageButton, { "aria-label": "Next page", onClick: () => go(currentPage + 1), disabled: disabled || currentPage >= totalPages, children: _jsx(ChevronRight, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) })] }));
+});
+Pagination.displayName = "Pagination";
+function PageButton({ active, className, ...props }) {
+    return (_jsx("button", { type: "button", className: cn("min-w-7 h-7 px-2 rounded-sm text-xs font-medium tabular transition-colors", 
+        // 44px targets on touch devices; dense 28px on desktop.
+        "pointer-coarse:min-w-11 pointer-coarse:h-11", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", active
+            ? "bg-brand-forest text-brand-forest-foreground"
+            : "text-text-muted hover:bg-bg-subtle hover:text-foreground", "disabled:opacity-40 disabled:pointer-events-none", className), ...props }));
+}
+function buildPageList(current, total, siblings) {
+    // Always include first + last; show ellipsis when there's a gap.
+    const range = (a, b) => {
+        const out = [];
+        for (let i = a; i <= b; i++)
+            out.push(i);
+        return out;
+    };
+    const totalShown = siblings * 2 + 5; // first + last + current + 2 ellipses
+    if (total <= totalShown)
+        return range(1, total);
+    const leftBound = Math.max(2, current - siblings);
+    const rightBound = Math.min(total - 1, current + siblings);
+    const showLeftDots = leftBound > 2;
+    const showRightDots = rightBound < total - 1;
+    const list = [1];
+    if (showLeftDots)
+        list.push("…");
+    for (const p of range(leftBound, rightBound))
+        list.push(p);
+    if (showRightDots)
+        list.push("…");
+    list.push(total);
+    return list;
+}
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

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

package/dist/components/popover.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+/**
+ * Popover — generic click-to-open floating panel.
+ *
+ * Use for:
+ *  - Date pickers
+ *  - Filter mini-menus
+ *  - "Quick edit" inline form panels
+ *  - Help text that's too long for a Tooltip
+ *
+ * Tooltip is hover-only and small; Popover is click + can hold any
+ * content (form, list, mini-chart). DropdownMenu is for action menus —
+ * if your popover content is "items you click," use DropdownMenu instead.
+ *
+ * Accessibility: PopoverContent renders with role="dialog", which needs
+ * an accessible name — always pass `aria-label` (or `aria-labelledby`
+ * pointing at a heading inside). The a11y test suite enforces this shape.
+ */
+export declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,yCAAwB,CAAC;AAC7C,eAAO,MAAM,cAAc,gHAA2B,CAAC;AACvD,eAAO,MAAM,aAAa,4GAA0B,CAAC;AAErD,eAAO,MAAM,cAAc,gKAiBzB,CAAC"}

package/dist/components/popover.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn } from "../lib/utils.js";
+/**
+ * Popover — generic click-to-open floating panel.
+ *
+ * Use for:
+ *  - Date pickers
+ *  - Filter mini-menus
+ *  - "Quick edit" inline form panels
+ *  - Help text that's too long for a Tooltip
+ *
+ * Tooltip is hover-only and small; Popover is click + can hold any
+ * content (form, list, mini-chart). DropdownMenu is for action menus —
+ * if your popover content is "items you click," use DropdownMenu instead.
+ *
+ * Accessibility: PopoverContent renders with role="dialog", which needs
+ * an accessible name — always pass `aria-label` (or `aria-labelledby`
+ * pointing at a heading inside). The a11y test suite enforces this shape.
+ */
+export const Popover = PopoverPrimitive.Root;
+export const PopoverTrigger = PopoverPrimitive.Trigger;
+export const PopoverAnchor = PopoverPrimitive.Anchor;
+export const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-72 rounded border border-border-strong bg-background p-3 text-sm text-foreground shadow-md outline-none", "data-[state=open]:animate-fade-in", className), ...props }) })));
+PopoverContent.displayName = "PopoverContent";
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,gHAAgH,EAChH,mCAAmC,EACnC,SAAS,CACV,KACG,KAAK,GACT,GACsB,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/progress.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+/**
+ * Progress — for multi-step flows (waiver → emergency contact → done),
+ * upload bars, anything with a known percent completion.
+ *
+ * If you don't know the percent (indeterminate), use Skeleton or Spinner.
+ *
+ * For "spots filled" use CapacityBar — same shape but with a min-to-run
+ * warning color and tabular count alongside.
+ */
+export declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=progress.d.ts.map

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

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

package/dist/components/progress.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cn } from "../lib/utils.js";
+/**
+ * Progress — for multi-step flows (waiver → emergency contact → done),
+ * upload bars, anything with a known percent completion.
+ *
+ * If you don't know the percent (indeterminate), use Skeleton or Spinner.
+ *
+ * For "spots filled" use CapacityBar — same shape but with a min-to-run
+ * warning color and tabular count alongside.
+ */
+export const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: cn("relative h-1.5 w-full overflow-hidden rounded-full bg-bg-muted", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-brand-forest transition-transform duration-150", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
+Progress.displayName = "Progress";
+//# sourceMappingURL=progress.js.map

package/dist/components/radio-group.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+/**
+ * RadioGroup + RadioGroupItem — Radix-backed, keyboard-navigable
+ * (Arrow / Home / End). Always wrap items in a <RadioGroup> with a
+ * matching set of <Label htmlFor=> wiring.
+ */
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAGnE;;;;GAIG;AACH,eAAO,MAAM,UAAU,+JASrB,CAAC;AAGH,eAAO,MAAM,cAAc,yKAqBzB,CAAC"}

package/dist/components/radio-group.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { cn } from "../lib/utils.js";
+/**
+ * RadioGroup + RadioGroupItem — Radix-backed, keyboard-navigable
+ * (Arrow / Home / End). Always wrap items in a <RadioGroup> with a
+ * matching set of <Label htmlFor=> wiring.
+ */
+export const RadioGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(RadioGroupPrimitive.Root, { ref: ref, className: cn("grid gap-2", className), ...props })));
+RadioGroup.displayName = "RadioGroup";
+export const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: cn("aspect-square h-4 w-4 rounded-full border border-border-strong bg-background transition-colors", 
+    // Invisible hit-area extension: 24px desktop / 44px touch.
+    "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]:border-brand-forest", className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: _jsx("span", { className: "h-2 w-2 rounded-full bg-brand-forest" }) }) })));
+RadioGroupItem.displayName = "RadioGroupItem";
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAClC,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gGAAgG;IAChG,2DAA2D;IAC3D,wEAAwE,EACxE,0IAA0I,EAC1I,iDAAiD,EACjD,0CAA0C,EAC1C,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,YACzE,eAAM,SAAS,EAAC,sCAAsC,GAAG,GAC3B,GACP,CAC5B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAGnE;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,+JAerB,CAAC;AAGH,eAAO,MAAM,SAAS,wKAmBpB,CAAC"}

package/dist/components/scroll-area.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 ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "../lib/utils.js";
+/**
+ * ScrollArea — styled, consistent custom scrollbars across browsers.
+ * Wraps content that needs to scroll within a bounded region.
+ *
+ *   <ScrollArea className="h-72 w-48 rounded border">
+ *     <div className="p-4">… long content …</div>
+ *   </ScrollArea>
+ *
+ * For full-page scroll, use the browser default — don't wrap <body>.
+ */
+export const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+ScrollArea.displayName = "ScrollArea";
+export const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
+        "h-full w-2 border-l border-l-transparent p-[1px]", orientation === "horizontal" &&
+        "h-2 flex-col border-t border-t-transparent p-[1px]", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-strong" }) })));
+ScrollBar.displayName = "ScrollBar";
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,YACtE,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,KAAC,mBAAmB,CAAC,mBAAmB,IACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU;QACxB,kDAAkD,EACpD,WAAW,KAAK,YAAY;QAC1B,oDAAoD,EACtD,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,+CAA+C,GAAG,GACzD,CAC3C,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/components/select.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+/**
+ * Select — keyboard-accessible dropdown built on Radix.
+ *
+ *   <Select value={v} onValueChange={setV}>
+ *     <SelectTrigger><SelectValue placeholder="Pick a venue" /></SelectTrigger>
+ *     <SelectContent>
+ *       <SelectItem value="astoria">Astoria Turf</SelectItem>
+ *       …
+ *     </SelectContent>
+ *   </Select>
+ *
+ * Native <select> is fine for tiny lists in dense forms; reach for this
+ * when you want typeahead, item groups, or styled portals.
+ */
+export declare const Select: React.FC<SelectPrimitive.SelectProps>;
+export declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM,uCAAuB,CAAC;AAC3C,eAAO,MAAM,WAAW,yGAAwB,CAAC;AACjD,eAAO,MAAM,WAAW,0GAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,oKAwBxB,CAAC;AAGH,eAAO,MAAM,oBAAoB,qKAc/B,CAAC;AAGH,eAAO,MAAM,sBAAsB,uKAcjC,CAAC;AAGH,eAAO,MAAM,aAAa,8JA8BxB,CAAC;AAGH,eAAO,MAAM,WAAW,4JAYtB,CAAC;AAGH,eAAO,MAAM,UAAU,2JAqBrB,CAAC;AAGH,eAAO,MAAM,eAAe,gKAS1B,CAAC"}

package/dist/components/select.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/**
+ * Select — keyboard-accessible dropdown built on Radix.
+ *
+ *   <Select value={v} onValueChange={setV}>
+ *     <SelectTrigger><SelectValue placeholder="Pick a venue" /></SelectTrigger>
+ *     <SelectContent>
+ *       <SelectItem value="astoria">Astoria Turf</SelectItem>
+ *       …
+ *     </SelectContent>
+ *   </Select>
+ *
+ * Native <select> is fine for tiny lists in dense forms; reach for this
+ * when you want typeahead, item groups, or styled portals.
+ */
+export const Select = SelectPrimitive.Root;
+export const SelectGroup = SelectPrimitive.Group;
+export const SelectValue = SelectPrimitive.Value;
+export const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, 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", "placeholder:text-text-subtle", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "[&>span]:line-clamp-1", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-3.5 w-3.5 opacity-60 shrink-0", strokeWidth: 1.75 }) })] })));
+SelectTrigger.displayName = "SelectTrigger";
+export const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUp, { className: "h-3 w-3", strokeWidth: 1.75 }) })));
+SelectScrollUpButton.displayName = "SelectScrollUpButton";
+export const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDown, { className: "h-3 w-3", strokeWidth: 1.75 }) })));
+SelectScrollDownButton.displayName = "SelectScrollDownButton";
+export const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("relative z-50 max-h-80 min-w-[8rem] overflow-hidden rounded-md border border-border-strong bg-background text-foreground shadow-md", "data-[state=open]:animate-fade-in", position === "popper" &&
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
+                    "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
+SelectContent.displayName = "SelectContent";
+export const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn("py-1.5 pl-7 pr-2 text-[10px] font-semibold uppercase tracking-[0.06em] text-text-muted", className), ...props })));
+SelectLabel.displayName = "SelectLabel";
+export const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pointer-coarse:min-h-11 pl-7 pr-2 text-sm outline-none transition-colors", "focus:bg-bg-subtle focus:text-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-3 w-3", strokeWidth: 2.5 }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+SelectItem.displayName = "SelectItem";
+export const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props })));
+SelectSeparator.displayName = "SelectSeparator";
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

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

package/dist/components/separator.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+/**
+ * Separator — a thin divider (`<hr>` for horizontal, vertical bar for
+ * vertical). Decorative by default. Set `decorative={false}` when the
+ * separator semantically separates content groups (screen readers will
+ * announce it).
+ */
+export declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAGhE;;;;;GAKG;AACH,eAAO,MAAM,SAAS,6JAoBrB,CAAC"}

package/dist/components/separator.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../lib/utils.js";
+/**
+ * Separator — a thin divider (`<hr>` for horizontal, vertical bar for
+ * vertical). Decorative by default. Set `decorative={false}` when the
+ * separator semantically separates content groups (screen readers will
+ * announce it).
+ */
+export const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className), ...props })));
+Separator.displayName = "Separator";
+//# sourceMappingURL=separator.js.map

package/dist/components/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAIvC,CACE,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACtE,GAAG,EACH,EAAE,CAAC,CACH,KAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAC5D,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/components/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,OAAO,uGAalB,CAAC;AAGH,eAAO,MAAM,aAAa,6GASxB,CAAC;AAGH,eAAO,MAAM,WAAW,uGAStB,CAAC;AAGH,eAAO,MAAM,aAAa,6GASxB,CAAC;AAGH,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,4FAgBzB,CAAC;AAGH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,4FAsDvB,CAAC"}

package/dist/components/sidebar.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "../lib/utils.js";
+/**
+ * Sidebar primitives — composable nav sidebar.
+ *
+ *   <Sidebar>
+ *     <SidebarHeader><BrandMark /></SidebarHeader>
+ *     <SidebarBody>
+ *       <SidebarSection label="Today">
+ *         <SidebarItem asChild active>
+ *           <Link href="/admin">
+ *             <LayoutDashboard className="h-4 w-4" strokeWidth={1.75} />
+ *             <span className="flex-1 truncate">Today</span>
+ *           </Link>
+ *         </SidebarItem>
+ *       </SidebarSection>
+ *     </SidebarBody>
+ *     <SidebarFooter>v0.1</SidebarFooter>
+ *   </Sidebar>
+ *
+ * For non-Next contexts, pass `href` prop directly; SidebarItem renders
+ * an <a> by default.
+ */
+export const Sidebar = React.forwardRef(({ className, ...props }, ref) => (_jsx("aside", { ref: ref, "aria-label": "Sidebar navigation", className: cn("hidden lg:flex flex-col w-56 shrink-0 border-r border-border bg-bg-subtle/40 sticky top-0 h-screen", className), ...props })));
+Sidebar.displayName = "Sidebar";
+export const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("px-5 py-4 border-b border-border", className), ...props })));
+SidebarHeader.displayName = "SidebarHeader";
+export const SidebarBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("nav", { ref: ref, className: cn("flex-1 overflow-y-auto scrollbar-thin py-3 px-2", className), ...props })));
+SidebarBody.displayName = "SidebarBody";
+export const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("px-3 py-3 border-t border-border", className), ...props })));
+SidebarFooter.displayName = "SidebarFooter";
+export const SidebarSection = React.forwardRef(({ className, label, children, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn("mt-4 first:mt-0", className), ...props, children: [label && (_jsx("div", { className: "px-2.5 pb-1 text-[10px] font-semibold uppercase tracking-[0.06em] text-text-subtle", children: label })), _jsx("ul", { className: "space-y-0.5", children: React.Children.map(children, (child) => child == null || child === false ? null : _jsx("li", { children: child })) })] })));
+SidebarSection.displayName = "SidebarSection";
+export const SidebarItem = React.forwardRef(({ asChild, active, icon, badge, className, children, href, ...rest }, ref) => {
+    const baseClasses = cn("group flex items-center gap-2.5 rounded-sm px-2.5 py-1.5 text-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", active
+        ? "bg-bg-subtle text-foreground font-medium border-l-2 border-l-brand-forest -ml-px pl-[10px]"
+        : "text-text-muted hover:bg-bg-muted hover:text-foreground", className);
+    if (asChild) {
+        const SlotComp = Slot;
+        return (_jsx(SlotComp, { ref: ref, className: baseClasses, "aria-current": active ? "page" : undefined, ...rest, children: children }));
+    }
+    return (_jsxs("a", { ref: ref, href: href, className: baseClasses, "aria-current": active ? "page" : undefined, ...rest, children: [icon && (_jsx("span", { className: cn("shrink-0 flex items-center", active ? "text-brand-forest" : "text-text-muted"), children: icon })), _jsx("span", { className: "flex-1 truncate", children: children }), badge && _jsx("span", { className: "shrink-0", children: badge })] }));
+});
+SidebarItem.displayName = "SidebarItem";
+//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

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

package/dist/components/skeleton.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+/**
+ * Skeleton — per design.md §12
+ * Use over spinners. Pulse opacity 0.5 → 1, 1.5s. Respects prefers-reduced-motion.
+ */
+export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+/**
+ * SkeletonList — loading placeholder echoing a row list (§3.14:
+ * skeletons echo the final shape). Use as the `loading` slot of
+ * ThreeState for list views.
+ */
+export declare function SkeletonList({ rows, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    rows?: number;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * SkeletonTable — loading placeholder echoing a data table. Match
+ * `columns` to the real table so the layout doesn't jump on load.
+ */
+export declare function SkeletonTable({ rows, columns, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    rows?: number;
+    columns?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/skeleton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * Skeleton — per design.md §12
+ * Use over spinners. Pulse opacity 0.5 → 1, 1.5s. Respects prefers-reduced-motion.
+ */
+export function Skeleton({ className, ...props }) {
+    return (_jsx("div", { className: cn("animate-pulse rounded bg-bg-muted", className), "aria-hidden": "true", ...props }));
+}
+/**
+ * SkeletonList — loading placeholder echoing a row list (§3.14:
+ * skeletons echo the final shape). Use as the `loading` slot of
+ * ThreeState for list views.
+ */
+export function SkeletonList({ rows = 3, className, ...props }) {
+    return (_jsx("div", { className: cn("space-y-2", className), role: "status", "aria-label": "Loading", ...props, children: Array.from({ length: rows }, (_, i) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }), _jsxs("div", { className: "flex-1 space-y-1.5", children: [_jsx(Skeleton, { className: "h-3 w-2/5" }), _jsx(Skeleton, { className: "h-3 w-3/5" })] })] }, i))) }));
+}
+/**
+ * SkeletonTable — loading placeholder echoing a data table. Match
+ * `columns` to the real table so the layout doesn't jump on load.
+ */
+export function SkeletonTable({ rows = 5, columns = 4, className, ...props }) {
+    return (_jsxs("div", { className: cn("space-y-2", className), role: "status", "aria-label": "Loading", ...props, children: [_jsx("div", { className: "flex gap-4 border-b border-border pb-2", children: Array.from({ length: columns }, (_, i) => (_jsx(Skeleton, { className: "h-3 flex-1" }, i))) }), Array.from({ length: rows }, (_, r) => (_jsx("div", { className: "flex gap-4 py-1", children: Array.from({ length: columns }, (_, c) => (_jsx(Skeleton, { className: "h-4 flex-1" }, c))) }, r)))] }));
+}
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,iBACjD,MAAM,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,CAAC,EACR,SAAS,EACT,GAAG,KAAK,EACiD;IACzD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,IAAI,EAAC,QAAQ,gBACF,SAAS,KAChB,KAAK,YAER,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,eAAa,SAAS,EAAC,yBAAyB,aAC9C,KAAC,QAAQ,IAAC,SAAS,EAAC,+BAA+B,GAAG,EACtD,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,EAClC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,IAC9B,KALE,CAAC,CAML,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,CAAC,EACX,SAAS,EACT,GAAG,KAAK,EAIT;IACC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,IAAI,EAAC,QAAQ,gBACF,SAAS,KAChB,KAAK,aAET,cAAK,SAAS,EAAC,wCAAwC,YACpD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,KAAC,QAAQ,IAAS,SAAS,EAAC,YAAY,IAAzB,CAAC,CAA2B,CAC5C,CAAC,GACE,EACL,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,cAAa,SAAS,EAAC,iBAAiB,YACrC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,KAAC,QAAQ,IAAS,SAAS,EAAC,YAAY,IAAzB,CAAC,CAA2B,CAC5C,CAAC,IAHM,CAAC,CAIL,CACP,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/slider.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+/**
+ * Slider — Radix-backed range input. Keyboard: arrows step, PageUp/Down
+ * big-step, Home/End min/max. Pass `aria-label` (or wire a Label to the
+ * thumb via `aria-labelledby`) — the a11y suite enforces a name.
+ *
+ *   <Slider aria-label="Max price" min={0} max={50} step={5}
+ *           defaultValue={[20]} />
+ *
+ * Supports multiple thumbs by passing more values: defaultValue={[10, 30]}.
+ */
+export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=slider.d.ts.map

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

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

package/dist/components/slider.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cn } from "../lib/utils.js";
+/**
+ * Slider — Radix-backed range input. Keyboard: arrows step, PageUp/Down
+ * big-step, Home/End min/max. Pass `aria-label` (or wire a Label to the
+ * thumb via `aria-labelledby`) — the a11y suite enforces a name.
+ *
+ *   <Slider aria-label="Max price" min={0} max={50} step={5}
+ *           defaultValue={[20]} />
+ *
+ * Supports multiple thumbs by passing more values: defaultValue={[10, 30]}.
+ */
+export const Slider = React.forwardRef(({ className, "aria-label": ariaLabel, ...props }, ref) => {
+    const values = props.value ?? props.defaultValue ?? [0];
+    // role="slider" lives on each Radix THUMB, not the root — a label on
+    // the root is invisible to screen readers, so name the thumbs.
+    const thumbLabel = (i) => values.length > 1
+        ? `${ariaLabel} (${i + 1} of ${values.length})`
+        : ariaLabel;
+    return (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", 
+        // Comfortable grab zone without visual bulk.
+        "h-5 pointer-coarse:h-11", "data-[disabled]:opacity-50 data-[disabled]:pointer-events-none", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-bg-muted", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-brand-forest" }) }), values.map((_, i) => (_jsx(SliderPrimitive.Thumb, { "aria-label": thumbLabel(i), className: cn("block h-4 w-4 rounded-full border-2 border-brand-forest bg-background shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", 
+                // Invisible hit-area extension: 24px desktop / 44px touch.
+                "relative after:absolute after:-inset-1 pointer-coarse:after:-inset-3.5") }, i)))] }));
+});
+Slider.displayName = "Slider";
+//# sourceMappingURL=slider.js.map

package/dist/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/components/slider.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;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC;IACxD,qEAAqE;IACrE,+DAA+D;IAC/D,MAAM,UAAU,GAAG,CAAC,CAAS,EAAE,EAAE,CAC/B,MAAM,CAAC,MAAM,GAAG,CAAC;QACf,CAAC,CAAC,GAAG,SAAS,KAAK,CAAC,GAAG,CAAC,OAAO,MAAM,CAAC,MAAM,GAAG;QAC/C,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO,CACL,MAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0DAA0D;QAC1D,6CAA6C;QAC7C,yBAAyB,EACzB,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,aAET,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,mEAAmE,YAClG,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,iCAAiC,GAAG,GAC/C,EACvB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,eAAe,CAAC,KAAK,kBAER,UAAU,CAAC,CAAC,CAAC,EACzB,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,0IAA0I;gBAC1I,2DAA2D;gBAC3D,wEAAwE,CACzE,IAPI,CAAC,CAQN,CACH,CAAC,IACmB,CACxB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/spec.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+/**
+ * SpecList + Spec — semantic key-value display (`<dl>` / `<dt>` / `<dd>`).
+ * Use for game detail "About this game" panels, settings summaries,
+ * receipts.
+ *
+ *   <SpecList columns={2}>
+ *     <Spec label="Format">5v5</Spec>
+ *     <Spec label="Capacity">10 players</Spec>
+ *     <Spec label="Start"><Timestamp iso={…} /></Spec>
+ *   </SpecList>
+ */
+declare const COLUMNS_MAP: {
+    readonly 1: "grid-cols-1";
+    readonly 2: "grid-cols-2";
+    readonly 3: "grid-cols-3";
+    readonly 4: "grid-cols-4";
+};
+declare const GAP_MAP: {
+    readonly 2: "gap-2";
+    readonly 3: "gap-3";
+    readonly 4: "gap-4";
+    readonly 6: "gap-6";
+};
+export interface SpecListProps extends React.HTMLAttributes<HTMLDListElement> {
+    columns?: keyof typeof COLUMNS_MAP;
+    gap?: keyof typeof GAP_MAP;
+}
+export declare const SpecList: React.ForwardRefExoticComponent<SpecListProps & React.RefAttributes<HTMLDListElement>>;
+export interface SpecProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: React.ReactNode;
+}
+export declare const Spec: React.ForwardRefExoticComponent<SpecProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=spec.d.ts.map

package/dist/components/spec.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+/**
+ * SpecList + Spec — semantic key-value display (`<dl>` / `<dt>` / `<dd>`).
+ * Use for game detail "About this game" panels, settings summaries,
+ * receipts.
+ *
+ *   <SpecList columns={2}>
+ *     <Spec label="Format">5v5</Spec>
+ *     <Spec label="Capacity">10 players</Spec>
+ *     <Spec label="Start"><Timestamp iso={…} /></Spec>
+ *   </SpecList>
+ */
+const COLUMNS_MAP = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4",
+};
+const GAP_MAP = {
+    2: "gap-2",
+    3: "gap-3",
+    4: "gap-4",
+    6: "gap-6",
+};
+export const SpecList = React.forwardRef(({ className, columns = 2, gap = 4, ...props }, ref) => (_jsx("dl", { ref: ref, className: cn("grid", COLUMNS_MAP[columns], GAP_MAP[gap], className), ...props })));
+SpecList.displayName = "SpecList";
+export const Spec = React.forwardRef(({ className, label, children, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn("", className), ...props, children: [_jsx("dt", { className: "text-[10px] font-medium uppercase tracking-[0.04em] text-text-muted", children: label }), _jsx("dd", { className: "text-sm mt-0.5 text-foreground", children: children })] })));
+Spec.displayName = "Spec";
+//# sourceMappingURL=spec.js.map