@dtsports/design-system 0.2.0

package/dist/components/dialog.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+/**
+ * Dialog — per design.md §10
+ *  - Max width 480px default, override via className
+ *  - 6px radius, 1px strong border, shadow-md
+ *  - Backdrop: rgba(0,0,0,0.4) with 4px blur
+ *  - Header text-md semibold, body text-sm
+ *  - Actions right-aligned; accent CTA on the right, secondary on left
+ *
+ * Accessibility (provided by Radix):
+ *  - Focus trap inside dialog
+ *  - Escape closes
+ *  - aria-labelledby / aria-describedby auto-wired via Title / Description
+ *  - Returns focus to trigger on close
+ */
+export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare function DialogBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,MAAM,uCAAuB,CAAC;AAC3C,eAAO,MAAM,aAAa,8GAA0B,CAAC;AACrD,eAAO,MAAM,YAAY,6CAAyB,CAAC;AACnD,eAAO,MAAM,WAAW,4GAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,8JAaxB,CAAC;AAGH,eAAO,MAAM,aAAa,8JAuDxB,CAAC;AAGH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAOtC;AAED,eAAO,MAAM,WAAW,oKAYtB,CAAC;AAGH,eAAO,MAAM,iBAAiB,8KAS5B,CAAC;AAGH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAetC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAUtC"}

package/dist/components/dialog.js.map

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

package/dist/components/drawer.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+/**
+ * Drawer / Sheet — side-pushed panel for secondary tasks.
+ *
+ * Use a Drawer (not a Dialog) for:
+ *   - Editing a row inline
+ *   - Viewing details without losing place in the list
+ *   - Mobile filter sheets
+ *   - Audit timelines, side-by-side comparisons
+ *
+ * Per design.md §3.17, drawers replace modal stacks — never nest a
+ * dialog inside a drawer or vice versa.
+ *
+ * Backed by Radix Dialog under the hood, so focus trap, escape close,
+ * and aria semantics work out of the box.
+ */
+export const Drawer = DialogPrimitive.Root;
+export const DrawerTrigger = DialogPrimitive.Trigger;
+export const DrawerClose = DialogPrimitive.Close;
+export const DrawerPortal = DialogPrimitive.Portal;
+export const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/40 backdrop-blur-[4px]", "data-[state=open]:animate-fade-in", className), ...props })));
+DrawerOverlay.displayName = "DrawerOverlay";
+export const drawerVariants = cva("fixed z-50 flex flex-col bg-background border-border-strong shadow-md outline-none transition-transform", {
+    variants: {
+        side: {
+            top: "inset-x-0 top-0 border-b max-h-[80vh] data-[state=open]:animate-fade-in",
+            bottom: "inset-x-0 bottom-0 border-t max-h-[80vh] data-[state=open]:animate-fade-in",
+            left: "inset-y-0 left-0 h-full w-80 border-r data-[state=open]:animate-fade-in",
+            right: "inset-y-0 right-0 h-full w-96 border-l data-[state=open]:animate-fade-in",
+        },
+    },
+    defaultVariants: { side: "right" },
+});
+export const DrawerContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => (_jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn(drawerVariants({ side }), className), ...props, children: [children, _jsx(DialogPrimitive.Close, { "aria-label": "Close drawer", className: "absolute right-3 top-3 inline-flex h-6 w-6 items-center justify-center rounded-sm text-text-muted transition-colors hover:bg-bg-subtle hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:after:absolute pointer-coarse:after:-inset-2.5", children: _jsx(X, { className: "h-4 w-4", strokeWidth: 1.75 }) })] })] })));
+DrawerContent.displayName = "DrawerContent";
+export function DrawerHeader({ className, ...props }) {
+    return (_jsx("div", { className: cn("px-5 pt-4 pb-3 border-b border-border", className), ...props }));
+}
+export const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-md font-semibold tracking-[-0.01em] text-foreground", className), ...props })));
+DrawerTitle.displayName = "DrawerTitle";
+export const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-xs text-text-muted mt-0.5", className), ...props })));
+DrawerDescription.displayName = "DrawerDescription";
+export function DrawerBody({ className, ...props }) {
+    return (_jsx("div", { className: cn("px-5 py-4 text-sm text-foreground overflow-y-auto flex-1", className), ...props }));
+}
+export function DrawerFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex items-center justify-end gap-2 px-5 py-3 border-t border-border bg-bg-subtle/50", className), ...props }));
+}
+//# sourceMappingURL=drawer.js.map

package/dist/components/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC;AACrD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,mCAAmC,EACnC,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,yGAAyG,EACzG;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,GAAG,EAAE,yEAAyE;YAC9E,MAAM,EACJ,4EAA4E;YAC9E,IAAI,EAAE,yEAAyE;YAC/E,KAAK,EACH,0EAA0E;SAC7E;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;CACnC,CACF,CAAC;AAOF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC9C,KAAK,aAER,QAAQ,EACT,KAAC,eAAe,CAAC,KAAK,kBACT,cAAc,EACzB,SAAS,EAAC,oSAAoS,YAE9S,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAE,IAAI,GAAI,GACtB,IACA,IACb,CAChB,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,WAAW,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+/**
+ * DropdownMenu — for actions menus (kebab on table rows, user avatar
+ * menu in topbar). NOT for selecting a value — use Select for that.
+ *
+ *   <DropdownMenu>
+ *     <DropdownMenuTrigger asChild><Button>Actions</Button></DropdownMenuTrigger>
+ *     <DropdownMenuContent>
+ *       <DropdownMenuLabel>Game</DropdownMenuLabel>
+ *       <DropdownMenuItem>View roster</DropdownMenuItem>
+ *       <DropdownMenuItem>Broadcast…</DropdownMenuItem>
+ *       <DropdownMenuSeparator />
+ *       <DropdownMenuItem className="text-danger">Cancel game…</DropdownMenuItem>
+ *     </DropdownMenuContent>
+ *   </DropdownMenu>
+ */
+export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAIvE;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,mDAA6B,CAAC;AACvD,eAAO,MAAM,mBAAmB,0HAAgC,CAAC;AACjE,eAAO,MAAM,iBAAiB,qHAA8B,CAAC;AAC7D,eAAO,MAAM,kBAAkB,yDAA+B,CAAC;AAC/D,eAAO,MAAM,eAAe,sDAA4B,CAAC;AACzD,eAAO,MAAM,sBAAsB,0HAAmC,CAAC;AAEvE,eAAO,MAAM,mBAAmB,0KAgB9B,CAAC;AAGH,eAAO,MAAM,gBAAgB;YAGjB,OAAO;wCAcjB,CAAC;AAGH,eAAO,MAAM,wBAAwB,+KAsBnC,CAAC;AAGH,eAAO,MAAM,qBAAqB,4KAqBhC,CAAC;AAGH,eAAO,MAAM,iBAAiB;YAGlB,OAAO;wCAYjB,CAAC;AAGH,eAAO,MAAM,qBAAqB,4KAShC,CAAC;AAGH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAUvC;AAED,eAAO,MAAM,sBAAsB;YAGvB,OAAO;wCAiBjB,CAAC;AAGH,eAAO,MAAM,sBAAsB,6KAajC,CAAC"}

package/dist/components/dropdown-menu.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/**
+ * DropdownMenu — for actions menus (kebab on table rows, user avatar
+ * menu in topbar). NOT for selecting a value — use Select for that.
+ *
+ *   <DropdownMenu>
+ *     <DropdownMenuTrigger asChild><Button>Actions</Button></DropdownMenuTrigger>
+ *     <DropdownMenuContent>
+ *       <DropdownMenuLabel>Game</DropdownMenuLabel>
+ *       <DropdownMenuItem>View roster</DropdownMenuItem>
+ *       <DropdownMenuItem>Broadcast…</DropdownMenuItem>
+ *       <DropdownMenuSeparator />
+ *       <DropdownMenuItem className="text-danger">Cancel game…</DropdownMenuItem>
+ *     </DropdownMenuContent>
+ *   </DropdownMenu>
+ */
+export const DropdownMenu = DropdownMenuPrimitive.Root;
+export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+export const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+export const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+export const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded border border-border-strong bg-background text-foreground shadow-md p-1", "data-[state=open]:animate-fade-in", className), ...props }) })));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+export const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative 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 transition-colors", "focus:bg-bg-subtle focus:text-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className), ...props })));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+export const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pointer-coarse:min-h-11 pl-8 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), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-3 w-3", strokeWidth: 2.5 }) }) }), children] })));
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+export const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pointer-coarse:min-h-11 pl-8 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(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-1.5 w-1.5 fill-current", strokeWidth: 0 }) }) }), children] })));
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+export const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-[10px] font-semibold uppercase tracking-[0.06em] text-text-muted", inset && "pl-8", className), ...props })));
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+export const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props })));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+export function DropdownMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { className: cn("ml-auto text-[10px] font-mono tracking-widest text-text-subtle tabular", className), ...props }));
+}
+export const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 pointer-coarse:min-h-11 text-sm outline-none transition-colors", "focus:bg-bg-subtle focus:text-foreground", "data-[state=open]:bg-bg-subtle", inset && "pl-8", className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-3 w-3", strokeWidth: 1.75 })] })));
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+export const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded border border-border-strong bg-background text-foreground shadow-md p-1", "data-[state=open]:animate-fade-in", className), ...props })));
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+//# sourceMappingURL=dropdown-menu.js.map

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+/**
+ * EmptyState — per design.md §10
+ *  - Centered, single line text-sm muted
+ *  - Optional small CTA
+ *  - NO illustrations. A subtle Lucide icon at most.
+ */
+export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+}
+export declare function EmptyState({ icon, title, description, action, className, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty-state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAsBjB"}

package/dist/components/empty-state.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export function EmptyState({ icon, title, description, action, className, ...props }) {
+    return (_jsxs("div", { role: "status", className: cn("flex flex-col items-center justify-center gap-2 px-6 py-10 text-center", className), ...props, children: [icon && (_jsx("div", { className: "text-text-subtle mb-1", "aria-hidden": "true", children: icon })), _jsx("div", { className: "text-sm font-medium text-foreground", children: title }), description && (_jsx("div", { className: "text-xs text-text-muted max-w-xs", children: description })), action && _jsx("div", { className: "mt-2", children: action })] }));
+}
+//# sourceMappingURL=empty-state.js.map

package/dist/components/form-field.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+/**
+ * FormField — composition wrapper that auto-wires Label + control +
+ * helper/error text + the right aria attributes.
+ *
+ *   <FormField label="Email" required helper="We'll send confirmations here.">
+ *     <Input type="email" autoComplete="email" />
+ *   </FormField>
+ *
+ *   <FormField label="Card" required error="Card number is too short.">
+ *     <Input />
+ *   </FormField>
+ *
+ * The child input is cloned with: `id`, `aria-describedby`, `aria-invalid`,
+ * so consumers don't have to remember the a11y plumbing.
+ */
+export interface FormFieldProps {
+    /** Optional explicit id — autogenerated if omitted. */
+    id?: string;
+    label?: React.ReactNode;
+    required?: boolean;
+    helper?: React.ReactNode;
+    error?: React.ReactNode;
+    /** Hide label visually but keep for screen readers */
+    hideLabel?: boolean;
+    /** Inline layout — label sits on the left of the control */
+    inline?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function FormField({ id, label, required, helper, error, hideLabel, inline, className, children, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-field.d.ts.map

package/dist/components/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../src/components/form-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,2CAwEhB"}

package/dist/components/form-field.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+export function FormField({ id, label, required, helper, error, hideLabel, inline, className, children, }) {
+    const reactId = React.useId();
+    const fieldId = id ?? reactId;
+    const helperId = `${fieldId}-helper`;
+    const errorId = `${fieldId}-error`;
+    const describedBy = [error ? errorId : null, helper && !error ? helperId : null]
+        .filter(Boolean)
+        .join(" ") || undefined;
+    // Clone first valid child so we can inject id + aria props.
+    const child = React.Children.map(children, (c) => {
+        if (!React.isValidElement(c))
+            return c;
+        const el = c;
+        return React.cloneElement(el, {
+            id: el.props.id ?? fieldId,
+            "aria-describedby": el.props["aria-describedby"] ?? describedBy,
+            "aria-invalid": el.props["aria-invalid"] ?? (error ? true : undefined),
+        });
+    });
+    const labelEl = label && (_jsxs("label", { htmlFor: fieldId, className: cn("block text-xs font-medium uppercase tracking-[0.04em] text-text-muted", hideLabel && "sr-only"), children: [label, required && (_jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-danger", children: "*" }))] }));
+    const messages = error || helper ? (_jsx("p", { id: error ? errorId : helperId, className: cn("text-xs", error ? "text-danger" : "text-text-muted"), children: error ?? helper })) : null;
+    if (inline) {
+        return (_jsxs("div", { className: cn("flex items-start gap-3", className), children: [labelEl && _jsx("div", { className: "pt-1.5 w-32 shrink-0", children: labelEl }), _jsxs("div", { className: "flex-1 min-w-0 space-y-1", children: [child, messages] })] }));
+    }
+    return (_jsxs("div", { className: cn("space-y-1.5", className), children: [labelEl, child, messages] }));
+}
+//# sourceMappingURL=form-field.js.map

package/dist/components/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../src/components/form-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgClC,MAAM,UAAU,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,GACO;IACf,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,EAAE,IAAI,OAAO,CAAC;IAC9B,MAAM,QAAQ,GAAG,GAAG,OAAO,SAAS,CAAC;IACrC,MAAM,OAAO,GAAG,GAAG,OAAO,QAAQ,CAAC;IAEnC,MAAM,WAAW,GACf,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;SACzD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IAE5B,4DAA4D;IAC5D,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC/C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC;QACvC,MAAM,EAAE,GAAG,CAIT,CAAC;QACH,OAAO,KAAK,CAAC,YAAY,CAAC,EAAE,EAAE;YAC5B,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO;YAC1B,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,WAAW;YAC/D,cAAc,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;SACvE,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,KAAK,IAAI,CACvB,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,SAAS,IAAI,SAAS,CACvB,aAEA,KAAK,EACL,QAAQ,IAAI,CACX,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,kBAEhD,CACR,IACK,CACT,CAAC;IAEF,MAAM,QAAQ,GACZ,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAChB,YACE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC9B,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,YAElE,KAAK,IAAI,MAAM,GACd,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,aACpD,OAAO,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAO,EACjE,eAAK,SAAS,EAAC,0BAA0B,aACtC,KAAK,EACL,QAAQ,IACL,IACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,aACzC,OAAO,EACP,KAAK,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/input.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+/**
+ * Input — per design.md §10
+ * Height 32px, padding 0 10px, 1px border-strong, 2px radius.
+ * Focus: 2px ring in the theme ring color (no border color change).
+ * Error: pass `aria-invalid` true → border + ring switch to danger.
+ */
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE,eAAO,MAAM,KAAK,qFAgBjB,CAAC"}

package/dist/components/input.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 Input = React.forwardRef(({ className, type = "text", ...props }, ref) => (_jsx("input", { ref: ref, type: type, className: cn("flex h-8 pointer-coarse:h-11 w-full rounded-sm border border-border-strong bg-background px-2.5 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", className), ...props })));
+Input.displayName = "Input";
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/C,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,iKAAiK,EACjK,8BAA8B,EAC9B,yEAAyE,EACzE,sEAAsE,EACtE,iFAAiF,EACjF,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/label.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+/**
+ * Label — per design.md §10
+ * Uppercase, tracking-wide, text-xs, muted color.
+ * Always pair with its input via `htmlFor`.
+ */
+export declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    required?: boolean;
+} & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAGxD;;;;GAIG;AACH,eAAO,MAAM,KAAK;eAGH,OAAO;0CAmBpB,CAAC"}

package/dist/components/label.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from "../lib/utils.js";
+/**
+ * Label — per design.md §10
+ * Uppercase, tracking-wide, text-xs, muted color.
+ * Always pair with its input via `htmlFor`.
+ */
+export const Label = React.forwardRef(({ className, children, required, ...props }, ref) => (_jsxs(LabelPrimitive.Root, { ref: ref, className: cn("block text-xs font-medium uppercase tracking-[0.04em] text-text-muted", "peer-disabled:cursor-not-allowed peer-disabled:opacity-60", className), ...props, children: [children, required && (_jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-danger", children: "*" }))] })));
+Label.displayName = "Label";
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAKnC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtD,MAAC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,2DAA2D,EAC3D,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACR,QAAQ,IAAI,CACX,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,kBAEhD,CACR,IACmB,CACvB,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/live-pill.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+/**
+ * LivePill — per design.md §10 & §12
+ * The ONE continuously animated element in the system.
+ * Renders a lime pill with a pulsing dot and "LIVE" label.
+ *
+ * Accessibility:
+ *  - aria-live="polite" so SR users hear "Live" without interrupting
+ *  - The pulse animation honors prefers-reduced-motion via globals.css
+ */
+export declare function LivePill({ className, label, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=live-pill.d.ts.map

package/dist/components/live-pill.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * LivePill — per design.md §10 & §12
+ * The ONE continuously animated element in the system.
+ * Renders a lime pill with a pulsing dot and "LIVE" label.
+ *
+ * Accessibility:
+ *  - aria-live="polite" so SR users hear "Live" without interrupting
+ *  - The pulse animation honors prefers-reduced-motion via globals.css
+ */
+export function LivePill({ className, label = "Live", ...props }) {
+    return (_jsxs("span", { role: "status", "aria-live": "polite", className: cn("inline-flex items-center gap-1.5 rounded-full bg-brand-lime px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.06em] text-brand-lime-foreground", className), ...props, children: [_jsx("span", { className: "block h-1.5 w-1.5 rounded-full bg-brand-lime-foreground animate-live-pulse", "aria-hidden": "true" }), label] }));
+}
+//# sourceMappingURL=live-pill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"live-pill.js","sourceRoot":"","sources":["../../src/components/live-pill.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;GAQG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,KAAK,GAAG,MAAM,EACd,GAAG,KAAK,EACmD;IAC3D,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,0JAA0J,EAC1J,SAAS,CACV,KACG,KAAK,aAET,eACE,SAAS,EAAC,4EAA4E,iBAC1E,MAAM,GAClB,EACD,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/components/metric-tile.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+/**
+ * MetricTile — per design.md §10
+ *
+ * Three lines exactly: label / value / delta.
+ *  - label: text-xs uppercase muted
+ *  - value: text-2xl semibold tabular
+ *  - delta: text-xs forest (up) / danger (down) / muted (flat)
+ *
+ * Use 3–4 across in dashboard rows.
+ */
+export interface MetricTileProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: React.ReactNode;
+    /** Numeric delta vs prior period. Sign and direction are derived. */
+    delta?: number;
+    /** Human-readable suffix appended to the delta, e.g. "vs last week" */
+    deltaLabel?: string;
+    /** Override the delta direction (e.g. when "up" is bad like refunds) */
+    invertDelta?: boolean;
+}
+export declare function MetricTile({ label, value, delta, deltaLabel, invertDelta, className, ...props }: MetricTileProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=metric-tile.d.ts.map

package/dist/components/metric-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-tile.d.ts","sourceRoot":"","sources":["../../src/components/metric-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;GASG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAA2B,EAC3B,WAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAiDjB"}

package/dist/components/money-breakdown.d.ts

@@ -0,0 +1,36 @@
+/**
+ * MoneyBreakdown — implements design.md §3.15 Money UX.
+ *
+ * Always shown before any charge. Every line is named, signed, and
+ * tabular-aligned. The receipt component should render the same lines
+ * in the same order.
+ *
+ * Usage:
+ *   <MoneyBreakdown
+ *     lines={[
+ *       { label: "Game fee",      cents: 1400 },
+ *       { label: "Credit applied", cents: -600, muted: true },
+ *       { label: "Sales tax",      cents: 70 },
+ *     ]}
+ *     totalLabel="Charged to card"
+ *     totalCents={870}
+ *   />
+ */
+export interface MoneyLine {
+    label: string;
+    cents: number;
+    /** Render in muted text (for credit applied, taxes, etc.). */
+    muted?: boolean;
+    /** Optional hint shown under the label. */
+    hint?: string;
+}
+export interface MoneyBreakdownProps {
+    lines: MoneyLine[];
+    totalLabel?: string;
+    totalCents: number;
+    /** Currency code; default USD. */
+    currency?: string;
+    className?: string;
+}
+export declare function MoneyBreakdown({ lines, totalLabel, totalCents, currency, className, }: MoneyBreakdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=money-breakdown.d.ts.map

package/dist/components/money-breakdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-breakdown.d.ts","sourceRoot":"","sources":["../../src/components/money-breakdown.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAoB,EACpB,UAAU,EACV,QAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,2CAwCrB"}

package/dist/components/money-breakdown.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function fmt(cents, currency = "USD") {
+    return new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency,
+    }).format(cents / 100);
+}
+export function MoneyBreakdown({ lines, totalLabel = "Total", totalCents, currency = "USD", className, }) {
+    return (_jsxs("dl", { className: cn("rounded border border-border bg-background", className), children: [lines.map((line, i) => (_jsxs("div", { className: "flex items-start justify-between gap-4 px-4 py-2.5 border-b border-border last:border-b-0", children: [_jsxs("dt", { className: cn("text-sm", line.muted ? "text-text-muted" : "text-foreground"), children: [line.label, line.hint && (_jsx("span", { className: "block text-xs text-text-subtle mt-0.5", children: line.hint }))] }), _jsxs("dd", { className: cn("tabular text-sm", line.muted ? "text-text-muted" : "text-foreground"), children: [line.cents < 0 ? "−" : "", fmt(Math.abs(line.cents), currency)] })] }, i))), _jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-3 bg-bg-subtle border-t border-border", children: [_jsx("dt", { className: "text-sm font-semibold", children: totalLabel }), _jsx("dd", { className: "tabular text-md font-semibold", children: fmt(totalCents, currency) })] })] }));
+}
+//# sourceMappingURL=money-breakdown.js.map

package/dist/components/money-breakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-breakdown.js","sourceRoot":"","sources":["../../src/components/money-breakdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAsClC,SAAS,GAAG,CAAC,KAAa,EAAE,QAAQ,GAAG,KAAK;IAC1C,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QACpC,KAAK,EAAE,UAAU;QACjB,QAAQ;KACT,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,SAAS,GACW;IACpB,OAAO,CACL,cAAI,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,aACvE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,2FAA2F,aAErG,cACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CACnD,aAEA,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,IAAI,IAAI,CACZ,eAAM,SAAS,EAAC,uCAAuC,YACpD,IAAI,CAAC,IAAI,GACL,CACR,IACE,EACL,cACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CACnD,aAEA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACzB,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,IACjC,KAxBA,CAAC,CAyBF,CACP,CAAC,EACF,eAAK,SAAS,EAAC,uFAAuF,aACpG,aAAI,SAAS,EAAC,uBAAuB,YAAE,UAAU,GAAM,EACvD,aAAI,SAAS,EAAC,+BAA+B,YAC1C,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,GACvB,IACD,IACH,CACN,CAAC;AACJ,CAAC"}

package/dist/components/number-input.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+/**
+ * NumberInput — stepper-style numeric input with explicit +/− buttons.
+ * Use for: capacity, min-to-run, price (in cents or units), quantity.
+ *
+ * Decimals: pass `step={0.5}` etc. Always set min/max for safe bounds.
+ */
+export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type"> {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=number-input.d.ts.map

package/dist/components/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/components/number-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,GAAG,MAAM,CAC9B;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,WAAW,2FAwFvB,CAAC"}

package/dist/components/number-input.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Minus, Plus } from "lucide-react";
+import { cn } from "../lib/utils.js";
+export const NumberInput = React.forwardRef(({ value, onChange, min, max, step = 1, className, disabled, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, id, ...rest }, ref) => {
+    const clamp = (v) => {
+        let next = v;
+        if (min !== undefined && next < min)
+            next = min;
+        if (max !== undefined && next > max)
+            next = max;
+        return next;
+    };
+    const handleChange = (next) => {
+        onChange?.(clamp(next));
+    };
+    const cur = value ?? 0;
+    const decDisabled = disabled || (min !== undefined && cur <= min);
+    const incDisabled = disabled || (max !== undefined && cur >= max);
+    return (_jsxs("div", { className: cn("inline-flex h-8 items-stretch rounded-sm border border-border-strong overflow-hidden", 
+        // 44px control height + stepper width on touch devices.
+        "pointer-coarse:h-11", "aria-[invalid=true]:border-danger", disabled && "opacity-50 pointer-events-none", className), "aria-invalid": ariaInvalid, children: [_jsx("button", { type: "button", "aria-label": "Decrease", onClick: () => handleChange(cur - step), disabled: decDisabled, className: "w-7 pointer-coarse:w-11 grid place-items-center text-text-muted hover:bg-bg-subtle hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:opacity-50 disabled:cursor-not-allowed border-r border-border-strong", children: _jsx(Minus, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }), _jsx("input", { ref: ref, id: id, type: "number", inputMode: "numeric", value: value ?? "", onChange: (e) => {
+                    const n = e.target.value === "" ? NaN : Number(e.target.value);
+                    if (!Number.isNaN(n))
+                        handleChange(n);
+                }, min: min, max: max, step: step, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, className: cn("w-16 text-center text-sm font-medium tabular bg-background text-foreground", "focus:outline-none focus-visible:bg-bg-subtle", "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"), ...rest }), _jsx("button", { type: "button", "aria-label": "Increase", onClick: () => handleChange(cur + step), disabled: incDisabled, className: "w-7 pointer-coarse:w-11 grid place-items-center text-text-muted hover:bg-bg-subtle hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:opacity-50 disabled:cursor-not-allowed border-l border-border-strong", children: _jsx(Plus, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) })] }));
+});
+NumberInput.displayName = "NumberInput";
+//# sourceMappingURL=number-input.js.map

package/dist/components/number-input.js.map

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

package/dist/components/pagination.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+/**
+ * Pagination — page navigation for tables and lists.
+ *
+ *   <Pagination
+ *     currentPage={page}
+ *     totalPages={totalPages}
+ *     onPageChange={setPage}
+ *   />
+ *
+ * Renders previous / page numbers (with ellipses for large counts) / next.
+ * Use only when total > 1; for <= 10 pages no ellipses are inserted.
+ *
+ * For URL-driven pagination (per design.md §3.9), pass an onPageChange
+ * that calls router.replace(?page=N).
+ */
+export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    /** Number of pages to show on each side of the current page. */
+    siblingCount?: number;
+    /** Disable interaction (e.g., while fetching). */
+    disabled?: boolean;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,qFAwEtB,CAAC"}