@usevane/ui 0.1.0

package/dist/components/charts.js

@@ -0,0 +1,56 @@
+/**
+ * @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.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AreaChart, Area, BarChart, Bar, Cell, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, } from 'recharts';
+const COLORS = {
+    pink: '#FF9ECA',
+    cyan: '#74F6F4',
+    lavender: '#C9B8FF',
+    peach: '#FFD4A8',
+    threat: '#FF0055',
+    critical: '#FFE500',
+    white: '#FFFFFF',
+    secondary: '#888888',
+    surface: '#0f0f0f',
+    void: '#050505',
+    grid: 'rgba(255, 255, 255, 0.06)',
+};
+const AXIS_STYLE = {
+    fontSize: 11,
+    fontFamily: "'IBM Plex Mono', 'Courier New', monospace",
+    fill: COLORS.secondary,
+};
+/**
+ * Hard-edged tooltip — no rounding, no blur, monospace.
+ */
+const BrutalistTooltip = ({ active, payload, label, }) => {
+    if (!active || !payload?.length)
+        return null;
+    return (_jsxs("div", { style: {
+            backgroundColor: COLORS.surface,
+            border: `2px solid ${COLORS.white}`,
+            boxShadow: `3px 3px 0px ${COLORS.pink}`,
+            padding: '8px 12px',
+            fontFamily: "'IBM Plex Mono', monospace",
+        }, children: [_jsx("p", { style: { fontSize: 11, color: COLORS.secondary, textTransform: 'uppercase', letterSpacing: '2px', margin: 0 }, children: label }), payload.map((entry, idx) => (_jsx("p", { style: { fontSize: 14, color: entry.color, fontWeight: 700, margin: '4px 0 0' }, children: entry.value.toLocaleString() }, idx)))] }));
+};
+export const SignalTimeline = ({ data, color = 'pink', height = 200, }) => (_jsx(ResponsiveContainer, { width: "100%", height: height, children: _jsxs(AreaChart, { data: data, margin: { top: 4, right: 0, left: 0, bottom: 0 }, children: [_jsx(CartesianGrid, { stroke: COLORS.grid, strokeDasharray: "", vertical: false }), _jsx(XAxis, { dataKey: "label", tick: AXIS_STYLE, axisLine: { stroke: COLORS.grid }, tickLine: false }), _jsx(YAxis, { tick: AXIS_STYLE, axisLine: false, tickLine: false, width: 40 }), _jsx(Tooltip, { content: _jsx(BrutalistTooltip, {}) }), _jsx(Area, { type: "stepAfter", dataKey: "value", stroke: COLORS[color], strokeWidth: 2, fill: COLORS[color], fillOpacity: 0.1 })] }) }));
+const METHOD_COLORS = {
+    GET: COLORS.cyan,
+    POST: COLORS.pink,
+    PUT: COLORS.lavender,
+    PATCH: COLORS.peach,
+    DELETE: COLORS.threat,
+    HEAD: COLORS.secondary,
+    OPTIONS: COLORS.secondary,
+};
+export const MethodBreakdown = ({ data, height = 200, }) => (_jsx(ResponsiveContainer, { width: "100%", height: height, children: _jsxs(BarChart, { data: data, layout: "vertical", margin: { top: 0, right: 0, left: 0, bottom: 0 }, children: [_jsx(CartesianGrid, { stroke: COLORS.grid, horizontal: false }), _jsx(XAxis, { type: "number", tick: AXIS_STYLE, axisLine: { stroke: COLORS.grid }, tickLine: false }), _jsx(YAxis, { type: "category", dataKey: "method", tick: AXIS_STYLE, axisLine: false, tickLine: false, width: 50 }), _jsx(Tooltip, { content: _jsx(BrutalistTooltip, {}) }), _jsx(Bar, { dataKey: "count", radius: 0, maxBarSize: 24, children: data.map((entry) => (_jsx(Cell, { fill: METHOD_COLORS[entry.method] ?? COLORS.white }, entry.method))) })] }) }));
+SignalTimeline.displayName = 'SignalTimeline';
+MethodBreakdown.displayName = 'MethodBreakdown';
+export const TopPaths = ({ data, color = 'pink', height = 200, }) => (_jsx(ResponsiveContainer, { width: "100%", height: height, children: _jsxs(BarChart, { data: data, layout: "vertical", margin: { top: 0, right: 0, left: 0, bottom: 0 }, children: [_jsx(CartesianGrid, { stroke: COLORS.grid, horizontal: false }), _jsx(XAxis, { type: "number", tick: AXIS_STYLE, axisLine: { stroke: COLORS.grid }, tickLine: false }), _jsx(YAxis, { type: "category", dataKey: "path", tick: AXIS_STYLE, axisLine: false, tickLine: false, width: 120 }), _jsx(Tooltip, { content: _jsx(BrutalistTooltip, {}) }), _jsx(Bar, { dataKey: "count", fill: COLORS[color], radius: 0, maxBarSize: 20 })] }) }));
+TopPaths.displayName = 'TopPaths';
+//# sourceMappingURL=charts.js.map

package/dist/components/charts.js.map

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

package/dist/components/code-block.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @file packages/ui/src/components/code-block.tsx
+ * @description Moe-Brutalist code block — hard-bordered, monospace, dark surface.
+ *   Used in documentation for code samples, API examples, config snippets.
+ */
+import * as React from 'react';
+type CodeBlockProps = React.HTMLAttributes<HTMLPreElement> & {
+    title?: string;
+};
+declare const CodeBlock: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLPreElement> & {
+    title?: string;
+} & React.RefAttributes<HTMLPreElement>>;
+declare const InlineCode: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export { CodeBlock, InlineCode };
+export type { CodeBlockProps };
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,SAAS;YAHL,MAAM;wCAyBf,CAAA;AAGD,QAAA,MAAM,UAAU,uGAWf,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AAChC,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/code-block.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/code-block.tsx
+ * @description Moe-Brutalist code block — hard-bordered, monospace, dark surface.
+ *   Used in documentation for code samples, API examples, config snippets.
+ */
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const CodeBlock = React.forwardRef(({ className, title, children, ...props }, ref) => (_jsxs("div", { className: "my-4", children: [title ? (_jsx("div", { className: "rounded-none border-2 border-b-0 border-white/40 bg-surface px-4 py-2", children: _jsx("span", { className: "font-mono text-[11px] uppercase tracking-widest text-secondary", children: title }) })) : null, _jsx("pre", { className: cn('overflow-x-auto rounded-none border-2 border-white/40 bg-void p-4 font-mono text-sm leading-relaxed text-white', className), ref: ref, ...props, children: children })] })));
+CodeBlock.displayName = 'CodeBlock';
+const InlineCode = React.forwardRef(({ className, ...props }, ref) => (_jsx("code", { className: cn('rounded-none border border-white/20 bg-surface px-1.5 py-0.5 font-mono text-[13px] text-pink', className), ref: ref, ...props })));
+InlineCode.displayName = 'InlineCode';
+export { CodeBlock, InlineCode };
+//# sourceMappingURL=code-block.js.map

package/dist/components/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAMjC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjD,eAAK,SAAS,EAAC,MAAM,aAClB,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,uEAAuE,YACpF,eAAM,SAAS,EAAC,gEAAgE,YAC7E,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,EAAE,CACX,gHAAgH,EAChH,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACL,IACF,CACP,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,eACE,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/command-palette.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @file packages/ui/src/components/command-palette.tsx
+ * @description Moe-Brutalist command palette — Cmd+K fuzzy search overlay.
+ *   The signature interaction. Everything is reachable from here.
+ *   Hard borders, monospace, pink highlights on matches. No rounding. No fade.
+ */
+type CommandItem = {
+    id: string;
+    label: string;
+    category: string;
+    shortcut?: string[];
+    onSelect: () => void;
+};
+type CommandPaletteProps = {
+    open: boolean;
+    onClose: () => void;
+    commands: CommandItem[];
+    placeholder?: string;
+};
+declare const CommandPalette: ({ open, onClose, commands, placeholder, }: CommandPaletteProps) => import("react/jsx-runtime").JSX.Element | null;
+export { CommandPalette };
+export type { CommandPaletteProps, CommandItem };
+//# sourceMappingURL=command-palette.d.ts.map

package/dist/components/command-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../src/components/command-palette.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAqCD,QAAA,MAAM,cAAc,GAAI,2CAKrB,mBAAmB,mDA2JrB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA;AACzB,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/command-palette.js

@@ -0,0 +1,107 @@
+/**
+ * @file packages/ui/src/components/command-palette.tsx
+ * @description Moe-Brutalist command palette — Cmd+K fuzzy search overlay.
+ *   The signature interaction. Everything is reachable from here.
+ *   Hard borders, monospace, pink highlights on matches. No rounding. No fade.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils';
+/**
+ * Simple fuzzy match — returns indices of matched characters or null.
+ */
+const fuzzyMatch = (query, text) => {
+    const lowerQuery = query.toLowerCase();
+    const lowerText = text.toLowerCase();
+    const indices = [];
+    let qi = 0;
+    for (let ti = 0; ti < lowerText.length && qi < lowerQuery.length; ti++) {
+        if (lowerText[ti] === lowerQuery[qi]) {
+            indices.push(ti);
+            qi++;
+        }
+    }
+    return qi === lowerQuery.length ? indices : null;
+};
+/**
+ * Highlight matched characters in pink.
+ */
+const HighlightedText = ({ text, indices }) => {
+    const indexSet = new Set(indices);
+    return (_jsx("span", { children: text.split('').map((char, idx) => (_jsx("span", { className: indexSet.has(idx) ? 'text-pink' : '', children: char }, idx))) }));
+};
+const CommandPalette = ({ open, onClose, commands, placeholder = 'Type a command...', }) => {
+    const [query, setQuery] = React.useState('');
+    const [selectedIdx, setSelectedIdx] = React.useState(0);
+    const inputRef = React.useRef(null);
+    const filtered = React.useMemo(() => {
+        if (!query)
+            return commands.map((cmd) => ({ ...cmd, matchIndices: [] }));
+        return commands
+            .map((cmd) => {
+            const indices = fuzzyMatch(query, cmd.label);
+            return indices ? { ...cmd, matchIndices: indices } : null;
+        })
+            .filter((cmd) => cmd !== null);
+    }, [query, commands]);
+    // Group by category
+    const grouped = React.useMemo(() => {
+        const groups = {};
+        for (const cmd of filtered) {
+            const cat = cmd.category;
+            if (!groups[cat])
+                groups[cat] = [];
+            groups[cat].push(cmd);
+        }
+        return groups;
+    }, [filtered]);
+    React.useEffect(() => {
+        if (open) {
+            setQuery('');
+            setSelectedIdx(0);
+            setTimeout(() => inputRef.current?.focus(), 0);
+        }
+    }, [open]);
+    React.useEffect(() => {
+        setSelectedIdx(0);
+    }, [query]);
+    const handleKeyDown = (e) => {
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            setSelectedIdx((prev) => Math.min(prev + 1, filtered.length - 1));
+        }
+        else if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            setSelectedIdx((prev) => Math.max(prev - 1, 0));
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            const selected = filtered[selectedIdx];
+            if (selected) {
+                selected.onSelect();
+                onClose();
+            }
+        }
+        else if (e.key === 'Escape') {
+            onClose();
+        }
+    };
+    if (!open)
+        return null;
+    let flatIdx = 0;
+    return (_jsxs("div", { className: "fixed inset-0 z-[200] flex items-start justify-center pt-[20vh]", role: "dialog", "aria-modal": "true", "aria-label": "Command palette", children: [_jsx("div", { className: "fixed inset-0 bg-void/80", onClick: onClose, "aria-hidden": "true" }), _jsxs("div", { className: "relative z-10 w-full max-w-lg rounded-none border-2 border-white bg-surface shadow-hard-pink", children: [_jsx("div", { className: "border-b-2 border-white/20 px-4 py-3", children: _jsx("input", { ref: inputRef, type: "text", role: "combobox", "aria-expanded": "true", "aria-controls": "command-results", "aria-activedescendant": filtered[selectedIdx] ? `command-item-${filtered[selectedIdx].id}` : undefined, "aria-autocomplete": "list", value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, className: "w-full bg-transparent font-mono text-sm text-white placeholder:text-secondary/50 focus:outline-none" }) }), _jsx("div", { id: "command-results", role: "listbox", "aria-label": "Search results", className: "max-h-72 overflow-y-auto py-2", children: filtered.length === 0 ? (_jsx("p", { className: "px-4 py-3 font-mono text-sm text-secondary", children: "No results" })) : (Object.entries(grouped).map(([category, items]) => {
+                            const categoryId = `cmd-cat-${category.toLowerCase().replace(/\s+/g, '-')}`;
+                            return (_jsxs("div", { role: "group", "aria-labelledby": categoryId, children: [_jsx("div", { className: "px-4 pb-1 pt-2", children: _jsx("span", { id: categoryId, className: "font-mono text-[11px] uppercase tracking-widest text-secondary", children: category }) }), items.map((cmd) => {
+                                        const isSelected = flatIdx === selectedIdx;
+                                        const currentIdx = flatIdx;
+                                        flatIdx++;
+                                        return (_jsxs("div", { id: `command-item-${cmd.id}`, role: "option", "aria-selected": isSelected, tabIndex: -1, onClick: () => {
+                                                cmd.onSelect();
+                                                onClose();
+                                            }, onMouseEnter: () => setSelectedIdx(currentIdx), className: cn('flex w-full items-center justify-between px-4 py-2 text-left font-mono text-sm cursor-pointer', isSelected ? 'bg-white/5 text-white' : 'text-secondary'), children: [_jsx("span", { children: cmd.matchIndices.length > 0 ? (_jsx(HighlightedText, { text: cmd.label, indices: cmd.matchIndices })) : (cmd.label) }), cmd.shortcut ? (_jsx("span", { className: "flex items-center gap-0.5", children: cmd.shortcut.map((key, idx) => (_jsx("kbd", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-none border border-white/20 bg-void px-1 font-mono text-[11px] text-secondary", children: key }, idx))) })) : null] }, cmd.id));
+                                    })] }, category));
+                        })) }), _jsxs("div", { className: "flex items-center gap-3 border-t-2 border-white/20 px-4 py-2", children: [_jsx("span", { className: "font-mono text-[11px] text-secondary", children: "\u2191\u2193 navigate" }), _jsx("span", { className: "font-mono text-[11px] text-secondary", children: "\u21B5 select" }), _jsx("span", { className: "font-mono text-[11px] text-secondary", children: "esc close" })] })] })] }));
+};
+export { CommandPalette };
+//# sourceMappingURL=command-palette.js.map

package/dist/components/command-palette.js.map

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

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

@@ -0,0 +1,22 @@
+/**
+ * @file packages/ui/src/components/command-provider.tsx
+ * @description Framework-agnostic command palette provider. Manages Cmd+K listener,
+ *   open/close state, and command registration. Consumers register their own commands
+ *   via the useCommands() hook — no hardcoded routes or auth.
+ */
+import * as React from 'react';
+import { type CommandItem } from './command-palette';
+type CommandContextType = {
+    registerCommands: (commands: CommandItem[]) => () => void;
+};
+type CommandProviderProps = {
+    children: React.ReactNode;
+    placeholder?: string;
+};
+declare const CommandProvider: {
+    ({ children, placeholder }: CommandProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const useCommands: () => CommandContextType;
+export { CommandProvider, useCommands };
+//# sourceMappingURL=command-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-provider.d.ts","sourceRoot":"","sources":["../../src/components/command-provider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpE,KAAK,kBAAkB,GAAG;IACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,MAAM,IAAI,CAAA;CAC1D,CAAA;AAID,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,eAAe;gCAA+B,oBAAoB;;CAkCvE,CAAA;AAED,QAAA,MAAM,WAAW,QAAO,kBAIvB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/command-provider.js

@@ -0,0 +1,42 @@
+/**
+ * @file packages/ui/src/components/command-provider.tsx
+ * @description Framework-agnostic command palette provider. Manages Cmd+K listener,
+ *   open/close state, and command registration. Consumers register their own commands
+ *   via the useCommands() hook — no hardcoded routes or auth.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { CommandPalette } from './command-palette';
+const CommandContext = React.createContext(null);
+const CommandProvider = ({ children, placeholder }) => {
+    const [open, setOpen] = React.useState(false);
+    const [commands, setCommands] = React.useState([]);
+    const registerCommands = React.useCallback((newCommands) => {
+        setCommands((prev) => [...prev, ...newCommands]);
+        return () => {
+            const ids = new Set(newCommands.map((c) => c.id));
+            setCommands((prev) => prev.filter((c) => !ids.has(c.id)));
+        };
+    }, []);
+    React.useEffect(() => {
+        const handleKeyDown = (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
+                e.preventDefault();
+                setOpen((prev) => !prev);
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, []);
+    return (_jsxs(CommandContext.Provider, { value: { registerCommands }, children: [children, _jsx(CommandPalette, { open: open, onClose: () => setOpen(false), commands: commands, ...(placeholder !== undefined && { placeholder }) })] }));
+};
+const useCommands = () => {
+    const ctx = React.useContext(CommandContext);
+    if (!ctx)
+        throw new Error('useCommands must be used within CommandProvider');
+    return ctx;
+};
+CommandProvider.displayName = 'CommandProvider';
+export { CommandProvider, useCommands };
+//# sourceMappingURL=command-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-provider.js","sourceRoot":"","sources":["../../src/components/command-provider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAoB,MAAM,mBAAmB,CAAA;AAMpE,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAA4B,IAAI,CAAC,CAAA;AAO3E,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAwB,EAAE,EAAE;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,EAAE,CAAC,CAAA;IAEjE,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,WAA0B,EAAE,EAAE;QACxE,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,WAAW,CAAC,CAAC,CAAA;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YACjD,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAC3D,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBAC9C,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;YAC1B,CAAC;QACH,CAAC,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACrE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,MAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,aACjD,QAAQ,EACT,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,QAAQ,EAAE,QAAQ,KACd,CAAC,WAAW,KAAK,SAAS,IAAI,EAAE,WAAW,EAAE,CAAC,GAClD,IACsB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAuB,EAAE;IAC3C,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAC5C,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAA;IAC5E,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,22 @@
+/**
+ * @file packages/ui/src/components/confirm-dialog.tsx
+ * @description Moe-Brutalist confirmation dialog — wraps Modal with confirm/cancel buttons.
+ *   Uses alertdialog role for destructive actions.
+ */
+type ConfirmDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void | Promise<void>;
+    title: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: 'default' | 'threat';
+};
+declare const ConfirmDialog: {
+    ({ open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { ConfirmDialog };
+export type { ConfirmDialogProps };
+//# sourceMappingURL=confirm-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B,CAAA;AAID,QAAA,MAAM,aAAa;wFAShB,kBAAkB;;CA4DpB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA;AACxB,YAAY,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/confirm-dialog.js

@@ -0,0 +1,42 @@
+/**
+ * @file packages/ui/src/components/confirm-dialog.tsx
+ * @description Moe-Brutalist confirmation dialog — wraps Modal with confirm/cancel buttons.
+ *   Uses alertdialog role for destructive actions.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils';
+import { Button } from './button';
+const FOCUSABLE = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+const ConfirmDialog = ({ open, onClose, onConfirm, title, message, confirmLabel = 'CONFIRM', cancelLabel = 'CANCEL', variant = 'default', }) => {
+    const dialogRef = React.useRef(null);
+    const triggerRef = React.useRef(null);
+    React.useEffect(() => {
+        if (open) {
+            triggerRef.current = document.activeElement;
+            const focusable = dialogRef.current?.querySelectorAll(FOCUSABLE);
+            focusable?.[0]?.focus();
+        }
+        else if (triggerRef.current instanceof HTMLElement) {
+            triggerRef.current.focus();
+            triggerRef.current = null;
+        }
+    }, [open]);
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open, onClose]);
+    if (!open)
+        return null;
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [_jsx("div", { className: "fixed inset-0 bg-void/80", onClick: onClose, "aria-hidden": "true" }), _jsxs("div", { ref: dialogRef, role: variant === 'threat' ? 'alertdialog' : 'dialog', "aria-modal": "true", "aria-labelledby": "confirm-title", "aria-describedby": "confirm-desc", className: cn('relative z-10 w-full max-w-md rounded-none border-2 bg-surface p-6', variant === 'threat' ? 'border-threat shadow-hard-threat' : 'border-white shadow-hard'), children: [_jsx("h2", { id: "confirm-title", className: "font-mono text-sm font-semibold uppercase tracking-widest text-white", children: title }), _jsx("p", { id: "confirm-desc", className: "mt-3 font-mono text-sm leading-5 text-secondary", children: message }), _jsxs("div", { className: "mt-6 flex gap-3 justify-end", children: [_jsx(Button, { variant: "ghost", onClick: onClose, children: cancelLabel }), _jsx(Button, { variant: variant === 'threat' ? 'threat' : 'default', onClick: onConfirm, children: confirmLabel })] })] })] }));
+};
+ConfirmDialog.displayName = 'ConfirmDialog';
+export { ConfirmDialog };
+//# sourceMappingURL=confirm-dialog.js.map

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

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

package/dist/components/copy-block.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @file packages/ui/src/components/copy-block.tsx
+ * @description Moe-Brutalist copy block — display value with click-to-copy.
+ *   Used for API keys, project IDs, config snippets.
+ */
+type CopyBlockProps = {
+    value: string;
+    label?: string;
+    className?: string;
+};
+declare const CopyBlock: {
+    ({ value, label, className }: CopyBlockProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CopyBlock };
+export type { CopyBlockProps };
+//# sourceMappingURL=copy-block.d.ts.map

package/dist/components/copy-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-block.d.ts","sourceRoot":"","sources":["../../src/components/copy-block.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,SAAS;kCAAiC,cAAc;;CAmC7D,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/copy-block.js

@@ -0,0 +1,23 @@
+/**
+ * @file packages/ui/src/components/copy-block.tsx
+ * @description Moe-Brutalist copy block — display value with click-to-copy.
+ *   Used for API keys, project IDs, config snippets.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const CopyBlock = ({ value, label, className }) => {
+    const [copied, setCopied] = React.useState(false);
+    const handleCopy = async () => {
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2_000);
+    };
+    return (_jsxs("div", { className: cn('', className), children: [label ? (_jsx("span", { className: "mb-1 block font-mono text-[11px] uppercase tracking-widest text-secondary", children: label })) : null, _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1 overflow-hidden rounded-none border-2 border-white/40 bg-void px-3 py-2", children: _jsx("code", { className: "block truncate font-mono text-sm text-white", children: value }) }), _jsx("button", { type: "button", onClick: handleCopy, className: cn('shrink-0 rounded-none border-2 px-3 py-2 font-mono text-[11px] uppercase tracking-widest cursor-pointer', copied
+                            ? 'border-cyan text-cyan'
+                            : 'border-white/40 text-secondary hover:text-white hover:border-white'), children: copied ? 'COPIED' : 'COPY' })] })] }));
+};
+CopyBlock.displayName = 'CopyBlock';
+export { CopyBlock };
+//# sourceMappingURL=copy-block.js.map

package/dist/components/copy-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-block.js","sourceRoot":"","sources":["../../src/components/copy-block.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAQjC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAkB,EAAE,EAAE;IAChE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAC1C,SAAS,CAAC,IAAI,CAAC,CAAA;QACf,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,aAC9B,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,2EAA2E,YACxF,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,gFAAgF,YAC7F,eAAM,SAAS,EAAC,6CAA6C,YAAE,KAAK,GAAQ,GACxE,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CACX,yGAAyG,EACzG,MAAM;4BACJ,CAAC,CAAC,uBAAuB;4BACzB,CAAC,CAAC,oEAAoE,CACzE,YAEA,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GACpB,IACL,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/data-module.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @file packages/ui/src/components/data-module.tsx
+ * @description Hard-bordered container for stats and data. The primary layout
+ *   primitive in the Moe-Brutalist system — every data readout lives in one of these.
+ */
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const dataModuleVariants: (props?: ({
+    variant?: "default" | "threat" | "cyan" | "ghost" | "lavender" | null | undefined;
+    size?: "default" | "compact" | "spacious" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type DataModuleProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof dataModuleVariants>;
+declare const DataModule: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "threat" | "cyan" | "ghost" | "lavender" | null | undefined;
+    size?: "default" | "compact" | "spacious" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const DataModuleLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+type DataModuleValueProps = React.HTMLAttributes<HTMLSpanElement> & {
+    color?: 'pink' | 'cyan' | 'lavender' | 'peach' | 'threat' | 'critical' | 'white';
+};
+declare const DataModuleValue: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    color?: "pink" | "cyan" | "lavender" | "peach" | "threat" | "critical" | "white";
+} & React.RefAttributes<HTMLSpanElement>>;
+export { DataModule, DataModuleLabel, DataModuleValue, dataModuleVariants };
+export type { DataModuleProps, DataModuleValueProps };
+//# sourceMappingURL=data-module.d.ts.map

package/dist/components/data-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-module.d.ts","sourceRoot":"","sources":["../../src/components/data-module.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,kBAAkB;;;8EAsBvB,CAAA;AAED,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACzD,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEzC,QAAA,MAAM,UAAU;;;sHASf,CAAA;AAGD,QAAA,MAAM,eAAe,+GASnB,CAAA;AAGF,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;CACjF,CAAA;AAYD,QAAA,MAAM,eAAe;YAbX,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO;yCAqBjF,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA;AAC3E,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/data-module.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/data-module.tsx
+ * @description Hard-bordered container for stats and data. The primary layout
+ *   primitive in the Moe-Brutalist system — every data readout lives in one of these.
+ */
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const dataModuleVariants = cva('rounded-none border-2 bg-surface font-mono text-white', {
+    variants: {
+        variant: {
+            default: 'border-white shadow-hard hover:shadow-hard-pink',
+            threat: 'border-threat shadow-hard-threat',
+            cyan: 'border-cyan shadow-hard-cyan',
+            lavender: 'border-lavender shadow-hard-lavender',
+            ghost: 'border-white/20 shadow-none',
+        },
+        size: {
+            default: 'p-4',
+            compact: 'p-3',
+            spacious: 'p-6',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+const DataModule = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx("div", { role: "group", className: cn(dataModuleVariants({ variant, size, className })), ref: ref, ...props })));
+DataModule.displayName = 'DataModule';
+const DataModuleLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { className: cn('block font-mono text-[11px] uppercase tracking-widest text-secondary leading-4 mb-2', className), ref: ref, ...props })));
+DataModuleLabel.displayName = 'DataModuleLabel';
+const COLOR_CLASSES = {
+    pink: 'text-pink',
+    cyan: 'text-cyan',
+    lavender: 'text-lavender',
+    peach: 'text-peach',
+    threat: 'text-threat',
+    critical: 'text-critical',
+    white: 'text-white',
+};
+const DataModuleValue = React.forwardRef(({ className, color = 'white', ...props }, ref) => (_jsx("span", { className: cn('block font-mono text-xl font-semibold leading-tight', COLOR_CLASSES[color], className), ref: ref, ...props })));
+DataModuleValue.displayName = 'DataModuleValue';
+export { DataModule, DataModuleLabel, DataModuleValue, dataModuleVariants };
+//# sourceMappingURL=data-module.js.map

package/dist/components/data-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-module.js","sourceRoot":"","sources":["../../src/components/data-module.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,kBAAkB,GAAG,GAAG,CAC5B,uDAAuD,EACvD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,iDAAiD;YAC1D,MAAM,EAAE,kCAAkC;YAC1C,IAAI,EAAE,8BAA8B;YACpC,QAAQ,EAAE,sCAAsC;YAChD,KAAK,EAAE,6BAA6B;SACrC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;SAChB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAKD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/C,cACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAC/D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,eACE,SAAS,EAAE,EAAE,CAAC,qFAAqF,EAAE,SAAS,CAAC,EAC/G,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC,CAAA;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAM/C,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,eAAe;IACzB,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;IACrB,QAAQ,EAAE,eAAe;IACzB,KAAK,EAAE,YAAY;CACX,CAAA;AAEV,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjD,eACE,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,EACrG,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/data-stack.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @file packages/ui/src/components/data-stack.tsx
+ * @description Moe-Brutalist data stack — vertical metric stack with coordinated threat snap.
+ *   When threat is true, ALL items snap to threat colors simultaneously.
+ */
+import * as React from 'react';
+type DataStackItemProps = {
+    label: string;
+    color?: 'pink' | 'cyan' | 'lavender' | 'peach' | 'white';
+    children: React.ReactNode;
+};
+type DataStackProps = React.HTMLAttributes<HTMLDivElement> & {
+    threat?: boolean;
+};
+declare const DataStack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    threat?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DataStackItem: React.ForwardRefExoticComponent<DataStackItemProps & {
+    _threat?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { DataStack, DataStackItem };
+export type { DataStackProps, DataStackItemProps };
+//# sourceMappingURL=data-stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-stack.d.ts","sourceRoot":"","sources":["../../src/components/data-stack.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAA;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAUD,QAAA,MAAM,SAAS;aAXJ,OAAO;wCAkCjB,CAAA;AAGD,QAAA,MAAM,aAAa;cAEgB,OAAO;wCAcxC,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAA;AACnC,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/data-stack.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file packages/ui/src/components/data-stack.tsx
+ * @description Moe-Brutalist data stack — vertical metric stack with coordinated threat snap.
+ *   When threat is true, ALL items snap to threat colors simultaneously.
+ */
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const COLOR_CLASSES = {
+    pink: 'text-pink',
+    cyan: 'text-cyan',
+    lavender: 'text-lavender',
+    peach: 'text-peach',
+    white: 'text-white',
+};
+const DataStack = React.forwardRef(({ threat, className, children, ...props }, ref) => (_jsx("div", { ref: ref, role: "group", "aria-label": "Related metrics", className: cn('rounded-none border-2 bg-surface divide-y-2', threat
+        ? 'border-threat divide-threat/30 shadow-hard-threat'
+        : 'border-white divide-white/10 shadow-hard hover:shadow-hard-pink', className), ...props, children: React.Children.map(children, (child) => {
+        if (React.isValidElement(child)) {
+            return React.cloneElement(child, { _threat: threat });
+        }
+        return child;
+    }) })));
+DataStack.displayName = 'DataStack';
+const DataStackItem = React.forwardRef(({ label, color = 'white', _threat, children }, ref) => {
+    const colorClass = _threat ? 'text-threat' : COLOR_CLASSES[color];
+    return (_jsxs("div", { ref: ref, className: "p-4", children: [_jsx("span", { className: "block font-mono text-[11px] uppercase tracking-widest text-secondary leading-4 mb-2", children: label }), _jsx("span", { className: cn('block font-mono text-xl font-semibold leading-tight', colorClass), children: children })] }));
+});
+DataStackItem.displayName = 'DataStackItem';
+export { DataStack, DataStackItem };
+//# sourceMappingURL=data-stack.js.map