@usevane/ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Vane (usevane)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,119 @@
+# @usevane/ui
+
+Moe-Brutalist component library for Vane. Hard borders, hard shadows, instant snaps. Soft things living in a hard world.
+
+40 React components with WCAG AA accessibility, Tailwind CSS v4 tokens, and the snap interaction system.
+
+## Install
+
+```bash
+bun add @usevane/ui
+# or
+npm install @usevane/ui
+```
+
+### Peer Dependencies
+
+- `react` >= 19.0.0
+- `react-dom` >= 19.0.0
+- `tailwindcss` >= 4.0.0
+
+## Theme Setup
+
+Import the theme CSS in your global stylesheet or copy the tokens into your own `@theme` block:
+
+```css
+@import "@usevane/ui/theme.css";
+```
+
+Or cherry-pick tokens:
+
+```css
+@theme {
+  --color-void: #050505;
+  --color-surface: #0f0f0f;
+  --color-pink: #FF9ECA;
+  --color-cyan: #74F6F4;
+  --color-lavender: #C9B8FF;
+  --color-peach: #FFD4A8;
+  --color-threat: #FF0055;
+  --color-critical: #FFE500;
+  --color-secondary: #888888;
+
+  --font-display: 'Syne', sans-serif;
+  --font-mono: 'IBM Plex Mono', monospace;
+
+  --shadow-hard: 3px 3px 0px #ffffff;
+  --shadow-hard-pink: 5px 5px 0px #FF9ECA;
+  --shadow-hard-focus: 5px 5px 0px #74F6F4;
+  --shadow-hard-threat: 5px 5px 0px #FF0055;
+  --shadow-hard-sm: 1px 1px 0px #ffffff;
+}
+```
+
+## Usage
+
+```tsx
+import { Button, Card, CardContent, DataModule, DataModuleLabel, DataModuleValue } from '@usevane/ui'
+
+<Button variant="default">INSTALL NOW</Button>
+<Button variant="threat">BLOCK</Button>
+
+<Card>
+  <CardContent>
+    <DataModule>
+      <DataModuleLabel>SIGNALS TODAY</DataModuleLabel>
+      <DataModuleValue color="pink">1,204,847</DataModuleValue>
+    </DataModule>
+  </CardContent>
+</Card>
+```
+
+## Components
+
+### Buttons
+`Button` `SignOutButton`
+
+### Data Display
+`DataModule` `DataModuleLabel` `DataModuleValue` `StatusBadge` `Badge` `DataStack` `DataStackItem`
+
+### Forms
+`Input` `Select` `Textarea` `Label` `FormField`
+
+### Layout
+`Card` `CardHeader` `CardTitle` `CardContent` `CardFooter` `Grid` `Stack` `Heading` `Separator` `Spacer` `PageHeader` `TopBar` `Sidebar` `MobileMenu` `NavLink`
+
+### Feedback
+`Modal` `ConfirmDialog` `ToastProvider` `useToast` `Alert` `AlertTitle` `AlertDescription`
+
+### Command Palette
+`CommandPalette` `CommandProvider` `useCommands` `Kbd`
+
+### Data Tables
+`DataTable` `DataTableHeader` `DataTableBody` `DataTableRow` `DataTableHead` `DataTableCell` `Tabs` `CopyBlock` `EmptyState` `Skeleton`
+
+### Charts (Recharts)
+`SignalTimeline` `MethodBreakdown` `TopPaths`
+
+### Documentation
+`CodeBlock` `InlineCode` `ApiRoute` `ApiParam` `ApiParams` `Callout` `DocH1` `DocH2` `DocH3` `DocH4`
+
+### Error Pages
+`ErrorPage` `NotFoundPage` `ServerErrorPage`
+
+### Utilities
+`cn`
+
+## Design System
+
+Built on the Moe-Brutalist design system:
+
+- **No rounded corners.** `rounded-none` on everything.
+- **No blur shadows.** Hard offset shadows only.
+- **No transitions.** The UI snaps between states.
+- **Syne + IBM Plex Mono.** The font clash IS the aesthetic.
+- **WCAG AA accessible.** All colors pass 4.5:1 contrast. Focus states, ARIA roles, 44px touch targets.
+
+## License
+
+MIT

package/dist/components/alert.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @file packages/ui/src/components/alert.tsx
+ * @description Moe-Brutalist alert — notification box with semantic ARIA roles per state.
+ *   Threat/critical alerts interrupt screen readers. Info/warning wait politely.
+ */
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const alertVariants: (props?: ({
+    state?: "threat" | "critical" | "warning" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AlertProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    state?: "threat" | "critical" | "warning" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription, alertVariants };
+export type { AlertProps };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,aAAa;;8EAYjB,CAAA;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3F,QAAA,MAAM,KAAK;;sHAaV,CAAA;AAGD,QAAA,MAAM,UAAU,qHAQf,CAAA;AAGD,QAAA,MAAM,gBAAgB,yHASpB,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAA;AAC7D,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/alert.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/alert.tsx
+ * @description Moe-Brutalist alert — notification box with semantic ARIA roles per state.
+ *   Threat/critical alerts interrupt screen readers. Info/warning wait politely.
+ */
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const alertVariants = cva('rounded-none border-2 border-l-4 bg-surface p-4', {
+    variants: {
+        state: {
+            info: 'border-white border-l-cyan shadow-hard',
+            warning: 'border-white border-l-peach shadow-hard',
+            threat: 'border-threat border-l-threat shadow-hard-threat',
+            critical: 'border-critical border-l-critical shadow-hard-critical',
+        },
+    },
+    defaultVariants: {
+        state: 'info',
+    },
+});
+const Alert = React.forwardRef(({ className, state, ...props }, ref) => {
+    const isUrgent = state === 'threat' || state === 'critical';
+    return (_jsx("div", { role: isUrgent ? 'alert' : 'status', "aria-live": isUrgent ? 'assertive' : 'polite', className: cn(alertVariants({ state, className })), ref: ref, ...props }));
+});
+Alert.displayName = 'Alert';
+const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h4", { className: cn('font-mono text-sm font-semibold text-white mb-1', className), ref: ref, ...props })));
+AlertTitle.displayName = 'AlertTitle';
+const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { className: cn('font-mono text-sm leading-5 text-secondary', className), ref: ref, ...props })));
+AlertDescription.displayName = 'AlertDescription';
+export { Alert, AlertTitle, AlertDescription, alertVariants };
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,aAAa,GAAG,GAAG,CAAC,iDAAiD,EAAE;IAC3E,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,wCAAwC;YAC9C,OAAO,EAAE,yCAAyC;YAClD,MAAM,EAAE,kDAAkD;YAC1D,QAAQ,EAAE,wDAAwD;SACnE;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAIF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtC,MAAM,QAAQ,GAAG,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,UAAU,CAAA;IAC3D,OAAO,CACL,cACE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,eACxB,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,EAC5C,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAClD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,aACE,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,EAC3E,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,YACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,EACtE,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC,CAAA;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/api-route.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @file packages/ui/src/components/api-route.tsx
+ * @description Moe-Brutalist API route documentation — method badge + path + description.
+ *   The hard-bordered method badge snaps color by HTTP verb.
+ */
+import * as React from 'react';
+type ApiRouteProps = React.HTMLAttributes<HTMLDivElement> & {
+    method: string;
+    path: string;
+    description?: string;
+};
+declare const ApiRoute: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    method: string;
+    path: string;
+    description?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+type ApiParamProps = React.HTMLAttributes<HTMLTableRowElement> & {
+    name: string;
+    type: string;
+    required?: boolean;
+    description: string;
+};
+declare const ApiParam: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
+    name: string;
+    type: string;
+    required?: boolean;
+    description: string;
+} & React.RefAttributes<HTMLTableRowElement>>;
+declare const ApiParams: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+export { ApiRoute, ApiParam, ApiParams };
+export type { ApiRouteProps, ApiParamProps };
+//# sourceMappingURL=api-route.d.ts.map

package/dist/components/api-route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-route.d.ts","sourceRoot":"","sources":["../../src/components/api-route.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,QAAQ;YALJ,MAAM;UACR,MAAM;kBACE,MAAM;wCA6BrB,CAAA;AAGD,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG;IAC/D,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,QAAQ;UANN,MAAM;UACN,MAAM;eACD,OAAO;iBACL,MAAM;6CAsBpB,CAAA;AAGD,QAAA,MAAM,SAAS,iHAWd,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AACxC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/api-route.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/api-route.tsx
+ * @description Moe-Brutalist API route documentation — method badge + path + description.
+ *   The hard-bordered method badge snaps color by HTTP verb.
+ */
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const METHOD_STYLES = {
+    GET: 'border-cyan text-cyan',
+    POST: 'border-pink text-pink',
+    PUT: 'border-lavender text-lavender',
+    PATCH: 'border-peach text-peach',
+    DELETE: 'border-threat text-threat',
+};
+const ApiRoute = React.forwardRef(({ className, method, path, description, children, ...props }, ref) => (_jsxs("div", { className: cn('my-6 rounded-none border-2 border-white bg-surface shadow-hard', className), ref: ref, ...props, children: [_jsxs("div", { className: "flex items-center gap-3 border-b-2 border-white/20 px-4 py-3", children: [_jsx("span", { className: cn('rounded-none border-2 px-2 py-0.5 font-mono text-[11px] font-bold uppercase tracking-widest', METHOD_STYLES[method.toUpperCase()] ?? 'border-white text-white'), children: method.toUpperCase() }), _jsx("span", { className: "font-mono text-sm text-white", children: path })] }), description ? (_jsx("div", { className: "border-b border-white/10 px-4 py-3", children: _jsx("p", { className: "font-mono text-sm text-secondary", children: description }) })) : null, children ? _jsx("div", { className: "px-4 py-3", children: children }) : null] })));
+ApiRoute.displayName = 'ApiRoute';
+const ApiParam = React.forwardRef(({ name, type, required = false, description, ...props }, ref) => (_jsxs("tr", { className: "border-b border-white/10", ref: ref, ...props, children: [_jsxs("td", { className: "py-2 pr-4 align-top", children: [_jsx("code", { className: "font-mono text-sm text-white", children: name }), required ? (_jsx("span", { className: "ml-2 font-mono text-[10px] uppercase tracking-widest text-threat", children: "REQUIRED" })) : null] }), _jsx("td", { className: "py-2 pr-4 align-top", children: _jsx("span", { className: "font-mono text-[11px] text-lavender", children: type }) }), _jsx("td", { className: "py-2 align-top", children: _jsx("span", { className: "font-mono text-sm text-secondary", children: description }) })] })));
+ApiParam.displayName = 'ApiParam';
+const ApiParams = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs("div", { className: "mt-2", children: [_jsx("span", { className: "mb-2 block font-mono text-[11px] uppercase tracking-widest text-secondary", children: "PARAMETERS" }), _jsx("table", { className: cn('w-full border-collapse font-mono text-sm', className), ref: ref, ...props, children: _jsx("tbody", { children: children }) })] })));
+ApiParams.displayName = 'ApiParams';
+export { ApiRoute, ApiParam, ApiParams };
+//# sourceMappingURL=api-route.js.map

package/dist/components/api-route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-route.js","sourceRoot":"","sources":["../../src/components/api-route.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,aAAa,GAA2B;IAC5C,GAAG,EAAE,uBAAuB;IAC5B,IAAI,EAAE,uBAAuB;IAC7B,GAAG,EAAE,+BAA+B;IACpC,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,2BAA2B;CACpC,CAAA;AAQD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrE,eACE,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,EAC1F,GAAG,EAAE,GAAG,KACJ,KAAK,aAET,eAAK,SAAS,EAAC,8DAA8D,aAC3E,eACE,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,aAAa,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,yBAAyB,CACjE,YAEA,MAAM,CAAC,WAAW,EAAE,GAChB,EACP,eAAM,SAAS,EAAC,8BAA8B,YAAE,IAAI,GAAQ,IACxD,EACL,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,oCAAoC,YACjD,YAAG,SAAS,EAAC,kCAAkC,YAAE,WAAW,GAAK,GAC7D,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IAC1D,CACP,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AASjC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChE,cAAI,SAAS,EAAC,0BAA0B,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK,aAC1D,cAAI,SAAS,EAAC,qBAAqB,aACjC,eAAM,SAAS,EAAC,8BAA8B,YAAE,IAAI,GAAQ,EAC3D,QAAQ,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,kEAAkE,yBAE3E,CACR,CAAC,CAAC,CAAC,IAAI,IACL,EACL,aAAI,SAAS,EAAC,qBAAqB,YACjC,eAAM,SAAS,EAAC,qCAAqC,YAAE,IAAI,GAAQ,GAChE,EACL,aAAI,SAAS,EAAC,gBAAgB,YAC5B,eAAM,SAAS,EAAC,kCAAkC,YAAE,WAAW,GAAQ,GACpE,IACF,CACN,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,eAAK,SAAS,EAAC,MAAM,aACnB,eAAM,SAAS,EAAC,2EAA2E,2BAEpF,EACP,gBAAO,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,YAC9F,0BAAQ,QAAQ,GAAS,GACnB,IACJ,CACP,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/badge.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @file packages/ui/src/components/badge.tsx
+ * @description Moe-Brutalist badge — generic color badge for any palette color.
+ *   Extends the StatusBadge pattern to all use cases (tier labels, tags, categories).
+ */
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    color?: "threat" | "cyan" | "lavender" | "pink" | "peach" | "critical" | "white" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>;
+declare const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    color?: "threat" | "cyan" | "lavender" | "pink" | "peach" | "critical" | "white" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
+export { Badge, badgeVariants };
+export type { BadgeProps };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,aAAa;;8EAmBlB,CAAA;AAED,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GACrD,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,QAAA,MAAM,KAAK;;uHAIV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/badge.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/badge.tsx
+ * @description Moe-Brutalist badge — generic color badge for any palette color.
+ *   Extends the StatusBadge pattern to all use cases (tier labels, tags, categories).
+ */
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const badgeVariants = cva('inline-flex items-center rounded-none border-2 font-mono text-[11px] uppercase tracking-widest px-2 py-0.5', {
+    variants: {
+        color: {
+            white: 'border-white text-white',
+            pink: 'border-pink text-pink',
+            cyan: 'border-cyan text-cyan',
+            lavender: 'border-lavender text-lavender',
+            peach: 'border-peach text-peach',
+            threat: 'border-threat text-threat',
+            critical: 'border-critical text-critical',
+            secondary: 'border-secondary text-secondary',
+        },
+    },
+    defaultVariants: {
+        color: 'white',
+    },
+});
+const Badge = React.forwardRef(({ className, color, ...props }, ref) => (_jsx("span", { className: cn(badgeVariants({ color, className })), ref: ref, ...props })));
+Badge.displayName = 'Badge';
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,aAAa,GAAG,GAAG,CACvB,4GAA4G,EAC5G;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE,yBAAyB;YAChC,IAAI,EAAE,uBAAuB;YAC7B,IAAI,EAAE,uBAAuB;YAC7B,QAAQ,EAAE,+BAA+B;YACzC,KAAK,EAAE,yBAAyB;YAChC,MAAM,EAAE,2BAA2B;YACnC,QAAQ,EAAE,+BAA+B;YACzC,SAAS,EAAE,iCAAiC;SAC7C;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,OAAO;KACf;CACF,CACF,CAAA;AAKD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvC,eAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAClF,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/button.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @file packages/ui/src/components/button.tsx
+ * @description Moe-Brutalist button — hard borders, hard shadows, no rounding, no transitions
+ */
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "threat" | "cyan" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants>;
+declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    variant?: "default" | "threat" | "cyan" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+export type { ButtonProps };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,cAAc;;;8EAwBnB,CAAA;AAED,KAAK,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAC9D,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAErC,QAAA,MAAM,MAAM;;;yHAUX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/button.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/button.tsx
+ * @description Moe-Brutalist button — hard borders, hard shadows, no rounding, no transitions
+ */
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap rounded-none font-mono text-[11px] tracking-widest uppercase border-2 cursor-pointer min-h-11 min-w-11 focus-visible:outline-none focus-visible:shadow-hard-focus disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed disabled:border-secondary disabled:text-secondary disabled:shadow-hard-subtle', {
+    variants: {
+        variant: {
+            default: 'border-white bg-transparent text-white shadow-hard hover:shadow-hard-pink active:shadow-hard-sm',
+            threat: 'border-threat bg-transparent text-threat shadow-hard-threat hover:shadow-hard-threat active:shadow-hard-sm',
+            cyan: 'border-cyan bg-transparent text-cyan shadow-hard-cyan hover:shadow-hard-cyan active:shadow-hard-sm',
+            ghost: 'border-transparent bg-transparent text-white hover:text-pink shadow-none hover:shadow-hard-subtle-pink',
+        },
+        size: {
+            default: 'px-4 py-2',
+            sm: 'px-3 py-1.5',
+            lg: 'px-6 py-3',
+            icon: 'h-11 w-11 p-0',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+const Button = React.forwardRef(({ className, variant, size, disabled, ...props }, ref) => (_jsx("button", { className: cn(buttonVariants({ variant, size, className })), ref: ref, disabled: disabled, "aria-disabled": disabled || undefined, ...props })));
+Button.displayName = 'Button';
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,cAAc,GAAG,GAAG,CACxB,wXAAwX,EACxX;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,iGAAiG;YACnG,MAAM,EACJ,4GAA4G;YAC9G,IAAI,EAAE,oGAAoG;YAC1G,KAAK,EAAE,wGAAwG;SAChH;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,WAAW;YACpB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAKD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzD,iBACE,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAC3D,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,mBACH,QAAQ,IAAI,SAAS,KAChC,KAAK,GACT,CACH,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/callout.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @file packages/ui/src/components/callout.tsx
+ * @description Moe-Brutalist callout — hard left border accent for notes, warnings, dangers.
+ */
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const calloutVariants: (props?: ({
+    variant?: "note" | "warning" | "danger" | "tip" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type CalloutProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof calloutVariants>;
+declare const Callout: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "note" | "warning" | "danger" | "tip" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export { Callout, calloutVariants };
+export type { CalloutProps };
+//# sourceMappingURL=callout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,eAAe;;8EAepB,CAAA;AAgBD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtD,YAAY,CAAC,OAAO,eAAe,CAAC,CAAA;AAEtC,QAAA,MAAM,OAAO;;sHAiBZ,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/callout.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/callout.tsx
+ * @description Moe-Brutalist callout — hard left border accent for notes, warnings, dangers.
+ */
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const calloutVariants = cva('my-4 rounded-none border-l-4 bg-surface px-4 py-3 font-mono text-sm', {
+    variants: {
+        variant: {
+            note: 'border-l-cyan text-white',
+            warning: 'border-l-peach text-white',
+            danger: 'border-l-threat text-white',
+            tip: 'border-l-pink text-white',
+        },
+    },
+    defaultVariants: {
+        variant: 'note',
+    },
+});
+const CALLOUT_LABELS = {
+    note: 'NOTE',
+    warning: 'WARNING',
+    danger: 'DANGER',
+    tip: 'TIP',
+};
+const LABEL_STYLES = {
+    note: 'text-cyan',
+    warning: 'text-peach',
+    danger: 'text-threat',
+    tip: 'text-pink',
+};
+const Callout = React.forwardRef(({ className, variant, children, ...props }, ref) => {
+    const variantKey = variant ?? 'note';
+    return (_jsxs("div", { className: cn(calloutVariants({ variant, className })), ref: ref, ...props, children: [_jsx("span", { className: cn('mb-1 block font-mono text-[11px] uppercase tracking-widest', LABEL_STYLES[variantKey]), children: CALLOUT_LABELS[variantKey] }), _jsx("div", { className: "text-secondary", children: children })] }));
+});
+Callout.displayName = 'Callout';
+export { Callout, calloutVariants };
+//# sourceMappingURL=callout.js.map

package/dist/components/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,eAAe,GAAG,GAAG,CACzB,qEAAqE,EACrE;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,2BAA2B;YACpC,MAAM,EAAE,4BAA4B;YACpC,GAAG,EAAE,0BAA0B;SAChC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;KAChB;CACF,CACF,CAAA;AAED,MAAM,cAAc,GAA2B;IAC7C,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;CACX,CAAA;AAED,MAAM,YAAY,GAA2B;IAC3C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,YAAY;IACrB,MAAM,EAAE,aAAa;IACrB,GAAG,EAAE,WAAW;CACjB,CAAA;AAKD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,UAAU,GAAG,OAAO,IAAI,MAAM,CAAA;IACpC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,aAC9E,eACE,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,YAAY,CAAC,UAAU,CAAC,CACzB,YAEA,cAAc,CAAC,UAAU,CAAC,GACtB,EACP,cAAK,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAO,IAC5C,CACP,CAAA;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/card.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @file packages/ui/src/components/card.tsx
+ * @description Moe-Brutalist card — general-purpose bordered container with header/content/footer.
+ */
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const cardVariants: (props?: ({
+    variant?: "default" | "threat" | "ghost" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type CardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>;
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "threat" | "ghost" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardTitle, CardContent, CardFooter, cardVariants };
+export type { CardProps };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,YAAY;;;8EAchB,CAAA;AAEF,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA;AAEzF,QAAA,MAAM,IAAI;;;sHAIT,CAAA;AAGD,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,QAAA,MAAM,SAAS,qHAId,CAAA;AAGD,QAAA,MAAM,WAAW,6GAIhB,CAAA;AAGD,QAAA,MAAM,UAAU,6GAQf,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,CAAA;AAC7E,YAAY,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/card.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/card.tsx
+ * @description Moe-Brutalist card — general-purpose bordered container with header/content/footer.
+ */
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const cardVariants = cva('rounded-none border-2 bg-surface', {
+    variants: {
+        variant: {
+            default: 'border-white shadow-hard',
+            threat: 'border-threat shadow-hard-threat',
+            ghost: 'border-white/20 shadow-none',
+        },
+        interactive: {
+            true: 'cursor-pointer hover:shadow-hard-pink active:shadow-hard-sm focus-visible:outline-none focus-visible:shadow-hard-focus',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+const Card = React.forwardRef(({ className, variant, interactive, ...props }, ref) => (_jsx("div", { className: cn(cardVariants({ variant, interactive, className })), ref: ref, ...props })));
+Card.displayName = 'Card';
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn('border-b-2 border-white/20 px-4 py-3', className), ref: ref, ...props })));
+CardHeader.displayName = 'CardHeader';
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { className: cn('font-display text-xl font-bold text-white', className), ref: ref, ...props })));
+CardTitle.displayName = 'CardTitle';
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn('p-4', className), ref: ref, ...props })));
+CardContent.displayName = 'CardContent';
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn('flex gap-3 border-t-2 border-white/20 px-4 py-3 justify-end', className), ref: ref, ...props })));
+CardFooter.displayName = 'CardFooter';
+export { Card, CardHeader, CardTitle, CardContent, CardFooter, cardVariants };
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,YAAY,GAAG,GAAG,CAAC,kCAAkC,EAAE;IAC3D,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,0BAA0B;YACnC,MAAM,EAAE,kCAAkC;YAC1C,KAAK,EAAE,6BAA6B;SACrC;QACD,WAAW,EAAE;YACX,IAAI,EAAE,wHAAwH;SAC/H;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAA;AAIF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtD,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC/F,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cAAK,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC/F,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,aAAI,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CACnG,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC9D,CACF,CAAA;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE,SAAS,CAAC,EACvF,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/charts.d.ts

@@ -0,0 +1,65 @@
+/**
+ * @file packages/ui/src/components/charts.tsx
+ * @description Moe-Brutalist chart components built on Recharts.
+ *   No smooth curves. Step interpolation. Hard grid. Palette colors. Monospace axes.
+ */
+declare const COLORS: {
+    pink: string;
+    cyan: string;
+    lavender: string;
+    peach: string;
+    threat: string;
+    critical: string;
+    white: string;
+    secondary: string;
+    surface: string;
+    void: string;
+    grid: string;
+};
+/**
+ * Signal timeline — step area chart showing volume over time.
+ * Uses step interpolation (no smooth curves) for the Moe-Brutalist aesthetic.
+ */
+type TimelineProps = {
+    data: {
+        label: string;
+        value: number;
+    }[];
+    color?: keyof typeof COLORS;
+    height?: number;
+};
+export declare const SignalTimeline: {
+    ({ data, color, height, }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Method breakdown — horizontal bar chart showing HTTP method distribution.
+ */
+type MethodBarProps = {
+    data: {
+        method: string;
+        count: number;
+    }[];
+    height?: number;
+};
+export declare const MethodBreakdown: {
+    ({ data, height, }: MethodBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Top paths — horizontal bar chart showing most-hit paths.
+ */
+type PathBarProps = {
+    data: {
+        path: string;
+        count: number;
+    }[];
+    color?: keyof typeof COLORS;
+    height?: number;
+};
+export declare const TopPaths: {
+    ({ data, color, height, }: PathBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=charts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/components/charts.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAkBH,QAAA,MAAM,MAAM;;;;;;;;;;;;CAYX,CAAA;AA4CD;;;GAGG;AACH,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,cAAc;+BAIxB,aAAa;;CA2Bf,CAAA;AAED;;GAEG;AACH,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAYD,eAAO,MAAM,eAAe;wBAGzB,cAAc;;CA0BhB,CAAA;AAED;;GAEG;AACH,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAKD,eAAO,MAAM,QAAQ;+BAIlB,YAAY;;CAsBd,CAAA"}