@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/snippet.js

@@ -0,0 +1,141 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Snippet — a piece of source code shown as text, in three shapes: a bordered
+ * `default` panel with a header (filename, language badge, copy button), an
+ * `inline` code span for a phrase inside a sentence, and a borderless
+ * `minimal` block that keeps only a floating copy button. Any panel over
+ * `collapsedHeight` can be made `expandable`, showing a fade and a
+ * maximize/minimize control that toggles between `collapsedHeight` and
+ * `maxHeight`.
+ *
+ * A line is plain monospace text, not colorized tokens — the workspace ships
+ * no syntax highlighter, the same constraint `code-block.tsx` documents.
+ * `theme` names a fixed palette for the code surface, independent of the
+ * page's own light or dark theme; `size` picks the type scale.
+ */
+import { SizableText, XStack, YStack, styled } from '@hanzo/gui';
+import { Check, Copy, FileText, Maximize2, Minimize2 } from '@hanzogui/lucide-icons-2';
+import { useCallback, useMemo, useState } from 'react';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { slot } from './slot.js';
+/** One fixed color quartet per theme — see `code-block.tsx` for the same trade. */
+const PALETTE = {
+    dark: { bg: '#020617', border: '#1e293b', fg: '#e2e8f0', muted: '#94a3b8' },
+    light: { bg: '#f8fafc', border: '#e2e8f0', fg: '#0f172a', muted: '#64748b' },
+    github: { bg: '#ffffff', border: '#e2e8f0', fg: '#24292e', muted: '#6e7781' },
+    'github-dark': { bg: '#0d1117', border: '#30363d', fg: '#c9d1d9', muted: '#8b949e' },
+    terminal: { bg: '#000000', border: '#22c55e4d', fg: '#4ade80', muted: '#4ade8099' },
+    retro: { bg: '#fffbeb', border: '#fde68a', fg: '#78350f', muted: '#92400e' },
+};
+const FONT_SIZE = { xs: 11, sm: 12, default: 14, lg: 16 };
+const Frame = styled(YStack, {
+    name: 'Snippet',
+    position: 'relative',
+    width: '100%',
+    variants: {
+        variant: {
+            default: { rounded: '$3', borderWidth: 1, overflow: 'hidden' },
+            inline: {},
+            minimal: { overflow: 'hidden' },
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+const Header = styled(XStack, {
+    name: 'SnippetHeader',
+    items: 'center',
+    justify: 'space-between',
+    gap: '$2',
+    px: '$4',
+    py: '$2',
+    borderBottomWidth: 1,
+});
+const Row = styled(XStack, {
+    name: 'SnippetLine',
+    items: 'center',
+    minH: 24,
+    px: '$4',
+    py: '$0.5',
+    gap: '$2',
+    borderLeftWidth: 2,
+    borderLeftColor: 'transparent',
+    variants: {
+        highlighted: {
+            true: { bg: '#3b82f61a', borderLeftColor: '#3b82f6' },
+        },
+        wrap: {
+            true: { flexWrap: 'wrap' },
+        },
+    },
+});
+const Mono = styled(SizableText, {
+    name: 'SnippetText',
+    fontFamily: '$mono',
+    variants: {
+        wrap: {
+            true: { whiteSpace: 'pre-wrap', style: { wordBreak: 'break-word' } },
+            false: { whiteSpace: 'pre' },
+        },
+    },
+    defaultVariants: { wrap: false },
+});
+/** `code` split into numbered rows starting at `startLineNumber`. */
+const rows = (code, start) => code.split('\n').map((text, i) => ({ n: i + start, text }));
+/** The copy button, shared by every variant that shows one. */
+function CopyButton({ copied, onPress, muted, floating, }) {
+    const label = copied ? 'Copied' : 'Copy code';
+    return (_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: onPress, "aria-label": label, title: label, ...(floating ? { position: 'absolute', t: '$2', r: '$2' } : null), children: copied ? _jsx(Check, { size: 14, color: "#22c55e" }) : _jsx(Copy, { size: 14, color: muted }) }));
+}
+/**
+ * A syntax-plain code panel: `variant="default"` shows a header and a gutter
+ * of numbered lines, `variant="inline"` renders one line as an inline code
+ * span, and `variant="minimal"` drops the border and header down to a floating
+ * copy button. `expandable` clamps the body to `collapsedHeight` until its
+ * maximize control is pressed.
+ */
+export function Snippet({ code, language = 'text', filename, variant, theme, size, showLineNumbers = false, highlightLines = [], showCopyButton = true, showLanguageBadge = true, showHeader = true, maxHeight, expandable = false, collapsedHeight = 200, wrapLines = false, startLineNumber = 1, ...props }) {
+    const resolvedVariant = variant ?? 'default';
+    const palette = PALETTE[theme ?? 'dark'];
+    const fontSize = FONT_SIZE[size ?? 'default'];
+    const lineHeight = fontSize * 1.5;
+    const [copied, setCopied] = useState(false);
+    const [isExpanded, setIsExpanded] = useState(!expandable);
+    const lines = useMemo(() => rows(code, startLineNumber), [code, startLineNumber]);
+    const copy = useCallback(async () => {
+        try {
+            await navigator.clipboard.writeText(code);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch {
+            // No clipboard permission or no clipboard API — nothing else to do.
+        }
+    }, [code]);
+    if (resolvedVariant === 'inline') {
+        return (_jsx(Mono, { ...slot('snippet'), "data-variant": "inline", fontFamily: "$mono", rounded: "$2", px: "$2", py: "$1", wrap: wrapLines, style: {
+                display: 'inline-block',
+                backgroundColor: palette.bg,
+                color: palette.fg,
+                fontSize,
+            }, ...props, children: code }));
+    }
+    const hasHeader = resolvedVariant === 'default' &&
+        showHeader &&
+        Boolean(filename || (showLanguageBadge && language) || showCopyButton || expandable);
+    return (_jsxs(Frame, { ...slot('snippet'), "data-variant": resolvedVariant, variant: resolvedVariant, style: resolvedVariant === 'default'
+            ? { backgroundColor: palette.bg, borderColor: palette.border }
+            : undefined, ...props, children: [hasHeader && (_jsxs(Header, { ...slot('snippet-header'), style: { borderBottomColor: palette.border }, children: [_jsxs(XStack, { items: "center", gap: "$2", children: [filename && (_jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(FileText, { size: 14, color: palette.muted }), _jsx(SizableText, { size: "$2", fontWeight: "500", style: { color: palette.fg }, children: filename })] })), showLanguageBadge && language && (_jsx(Badge, { ...slot('snippet-language'), variant: "secondary", children: language }))] }), _jsxs(XStack, { items: "center", gap: "$1", children: [expandable && (_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: () => setIsExpanded((v) => !v), "aria-label": isExpanded ? 'Collapse' : 'Expand', title: isExpanded ? 'Collapse' : 'Expand', children: isExpanded ? (_jsx(Minimize2, { size: 14, color: palette.muted })) : (_jsx(Maximize2, { size: 14, color: palette.muted })) })), showCopyButton && _jsx(CopyButton, { copied: copied, onPress: copy, muted: palette.muted })] })] })), _jsx(YStack, { ...slot('snippet-body'), style: {
+                    maxHeight: isExpanded ? maxHeight : collapsedHeight,
+                    overflow: 'auto',
+                }, children: _jsx(YStack, { py: "$2", minW: "100%", self: "flex-start", children: lines.map(({ n, text }) => {
+                        const isHighlighted = highlightLines.includes(n);
+                        return (_jsxs(Row, { highlighted: isHighlighted, wrap: wrapLines, "data-slot": "snippet-line", "data-line": n, "data-highlighted": isHighlighted ? 'true' : undefined, children: [showLineNumbers && (_jsx(Mono, { width: 32, text: "right", select: "none", wrap: false, fontSize: FONT_SIZE.sm, lineHeight: lineHeight, style: { color: palette.muted }, children: n })), _jsx(Mono, { flex: 1, wrap: wrapLines, fontSize: fontSize, lineHeight: lineHeight, style: { color: palette.fg }, children: text || ' ' })] }, n));
+                    }) }) }), expandable && !isExpanded && (_jsx(XStack, { ...slot('snippet-fade'), position: "absolute", b: 0, l: 0, r: 0, height: 32, pointerEvents: "none", style: { background: `linear-gradient(to top, ${palette.bg}, transparent)` } })), resolvedVariant === 'minimal' && showCopyButton && (_jsx(CopyButton, { copied: copied, onPress: copy, muted: palette.muted, floating: true }))] }));
+}
+/** A phrase of code inline in text — `Snippet` fixed to `variant="inline"`. */
+export function InlineCode({ children, language, ...props }) {
+    return (_jsx(Snippet, { code: children, language: language, variant: "inline", showCopyButton: false, showLanguageBadge: false, showHeader: false, ...props }));
+}
+//# sourceMappingURL=snippet.js.map

package/dist/backends/gui/snippet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snippet.js","sourceRoot":"","sources":["../../../src/backends/gui/snippet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACtF,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AAC3F,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAQ7B,mFAAmF;AACnF,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IAC3E,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IAC5E,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IAC7E,aAAa,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACpF,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE;IACnF,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CACsB,CAAA;AAEpG,MAAM,SAAS,GAAgC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AA0BtF,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE;IAC3B,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IAEb,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;YAC9D,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAChC;KACO;IAEV,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE;IAC5B,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,eAAe;IACxB,GAAG,EAAE,IAAI;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,iBAAiB,EAAE,CAAC;CACrB,CAAC,CAAA;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE;IACzB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,EAAE;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,MAAM;IACV,GAAG,EAAE,IAAI;IACT,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,aAAa;IAE9B,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,IAAI,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE;SACtD;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;SAC3B;KACO;CACX,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE;IAC/B,IAAI,EAAE,aAAa;IACnB,UAAU,EAAE,OAAO;IAEnB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE;YACpE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;SAC7B;KACO;IAEV,eAAe,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;CACjC,CAAC,CAAA;AAEF,qEAAqE;AACrE,MAAM,IAAI,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE,CAC3C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AAE7D,+DAA+D;AAC/D,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,GAMT;IACC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAA;IAC7C,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,OAAO,gBACJ,KAAK,EACjB,KAAK,EAAE,KAAK,KACR,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAE1E,MAAM,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,GACzE,CACV,CAAA;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,EACJ,eAAe,GAAG,KAAK,EACvB,cAAc,GAAG,EAAE,EACnB,cAAc,GAAG,IAAI,EACrB,iBAAiB,GAAG,IAAI,EACxB,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,GAAG,EACrB,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,CAAC,EACnB,GAAG,KAAK,EACK;IACb,MAAM,eAAe,GAAG,OAAO,IAAI,SAAS,CAAA;IAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,CAAA;IACxC,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,CAAA;IAC7C,MAAM,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAA;IACjC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACzD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAA;IAEjF,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClC,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;YACzC,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;QAC1C,CAAC;QAAC,MAAM,CAAC;YACP,oEAAoE;QACtE,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAI,eAAe,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,IAAI,OACC,IAAI,CAAC,SAAS,CAAC,kBACN,QAAQ,EACrB,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAE,SAAS,EACf,KAAK,EAAE;gBACL,OAAO,EAAE,cAAc;gBACvB,eAAe,EAAE,OAAO,CAAC,EAAE;gBAC3B,KAAK,EAAE,OAAO,CAAC,EAAE;gBACjB,QAAQ;aACT,KACI,KAAqC,YAEzC,IAAI,GACA,CACR,CAAA;IACH,CAAC;IAED,MAAM,SAAS,GACb,eAAe,KAAK,SAAS;QAC7B,UAAU;QACV,OAAO,CAAC,QAAQ,IAAI,CAAC,iBAAiB,IAAI,QAAQ,CAAC,IAAI,cAAc,IAAI,UAAU,CAAC,CAAA;IAEtF,OAAO,CACL,MAAC,KAAK,OACA,IAAI,CAAC,SAAS,CAAC,kBACL,eAAe,EAC7B,OAAO,EAAE,eAAe,EACxB,KAAK,EACH,eAAe,KAAK,SAAS;YAC3B,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,MAAM,EAAE;YAC9D,CAAC,CAAC,SAAS,KAEV,KAAsC,aAE1C,SAAS,IAAI,CACZ,MAAC,MAAM,OAAK,IAAI,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,EAAE,OAAO,CAAC,MAAM,EAAE,aAC9E,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC5B,QAAQ,IAAI,CACX,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,aAC/B,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,EAC5C,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,YACjE,QAAQ,GACG,IACP,CACV,EACA,iBAAiB,IAAI,QAAQ,IAAI,CAChC,KAAC,KAAK,OAAK,IAAI,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAC,WAAW,YACrD,QAAQ,GACH,CACT,IACM,EACT,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC5B,UAAU,IAAI,CACb,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gBAC3B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAC9C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,YAExC,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,CAC9C,GACM,CACV,EACA,cAAc,IAAI,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,IAC/E,IACF,CACV,EAED,KAAC,MAAM,OACD,IAAI,CAAC,cAAc,CAAC,EACxB,KAAK,EAAE;oBACL,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe;oBACnD,QAAQ,EAAE,MAAM;iBACjB,YAED,KAAC,MAAM,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,YAC1C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;wBACzB,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;wBAChD,OAAO,CACL,MAAC,GAAG,IAEF,WAAW,EAAE,aAAa,EAC1B,IAAI,EAAE,SAAS,eACL,cAAc,eACb,CAAC,sBACM,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEnD,eAAe,IAAI,CAClB,KAAC,IAAI,IACH,KAAK,EAAE,EAAE,EACT,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,CAAC,EAAE,EACtB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,YAE9B,CAAC,GACG,CACR,EACD,KAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,YAE3B,IAAI,IAAI,GAAG,GACP,KA5BF,CAAC,CA6BF,CACP,CAAA;oBACH,CAAC,CAAC,GACK,GACF,EAER,UAAU,IAAI,CAAC,UAAU,IAAI,CAC5B,KAAC,MAAM,OACD,IAAI,CAAC,cAAc,CAAC,EACxB,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,EAAE,EACV,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,EAAE,UAAU,EAAE,2BAA2B,OAAO,CAAC,EAAE,gBAAgB,EAAE,GAC5E,CACH,EAEA,eAAe,KAAK,SAAS,IAAI,cAAc,IAAI,CAClD,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,SAAG,CAC7E,IACK,CACT,CAAA;AACH,CAAC;AAMD,+EAA+E;AAC/E,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB;IAC1E,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,QAAQ,EAChB,cAAc,EAAE,KAAK,EACrB,iBAAiB,EAAE,KAAK,EACxB,UAAU,EAAE,KAAK,KACb,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

package/dist/backends/gui/stars-scrolling-wheel.cjs

@@ -0,0 +1,106 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StarsScrollingWheel = StarsScrollingWheel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * StarsScrollingWheel — a picker wheel for a star rating.
+ *
+ * Every whole (or half, at `step={0.5}`) rating from 0 to `max` sits in its
+ * own row, drawn as that many stars. The row centered in the viewport is the
+ * current value. Drag, the mouse wheel, a click on a row, or the arrow keys
+ * move it — the same one-value contract as `Slider`, aimed at a rating rather
+ * than a continuous range.
+ *
+ * The drag itself rides `drag()` from `./gesture`, the one pointer/responder
+ * contract this backend already uses for the color-picker's swatches: each
+ * move recomputes the index from the pointer's total displacement since the
+ * drag began, so there is no accumulator to drift.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const gesture_1 = require("./gesture.cjs");
+const slot_1 = require("./slot.cjs");
+const CELL = { sm: 28, default: 36, lg: 44 };
+const ICON = { sm: 14, default: 18, lg: 22 };
+const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
+/** The stars one row draws for rating `n` out of `max` — full, at most one half, empty. */
+const Rating = ({ n, max, size }) => {
+    const full = Math.floor(n);
+    const half = n - full >= 0.5;
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('stars-scrolling-wheel-rating'), gap: "$0.5", items: "center", pointerEvents: "none", children: Array.from({ length: max }, (_, i) => {
+            const Icon = i < full ? lucide_icons_2_1.StarFull : i === full && half ? lucide_icons_2_1.StarHalf : lucide_icons_2_1.Star;
+            return (0, jsx_runtime_1.jsx)(Icon, { size: size }, i);
+        }) }));
+};
+function StarsScrollingWheel({ value, defaultValue = 0, onValueChange, max = 5, step = 1, orientation = 'vertical', size = 'default', visibleCount = 5, disabled = false, 'aria-label': ariaLabel = 'Star rating', }) {
+    const [uncontrolled, setUncontrolled] = (0, react_1.useState)(clamp(defaultValue, 0, max));
+    const current = clamp(value ?? uncontrolled, 0, max);
+    const horizontal = orientation === 'horizontal';
+    const cell = CELL[size];
+    const icon = ICON[size];
+    const count = Math.round(max / step) + 1;
+    const index = Math.round(current / step);
+    const viewport = cell * visibleCount;
+    const center = ((visibleCount - 1) / 2) * cell;
+    const commit = (0, react_1.useCallback)((next) => {
+        const stepped = clamp(Math.round(next / step) * step, 0, max);
+        if (value === undefined)
+            setUncontrolled(stepped);
+        if (stepped !== current)
+            onValueChange?.(stepped);
+    }, [current, max, onValueChange, step, value]);
+    const dragState = (0, react_1.useRef)({ start: 0, startIndex: 0 });
+    const begin = (0, react_1.useCallback)((e) => {
+        if (disabled)
+            return;
+        dragState.current = { start: (0, gesture_1.dragPos)(e, horizontal), startIndex: index };
+    }, [disabled, horizontal, index]);
+    const move = (0, react_1.useCallback)((e) => {
+        if (disabled)
+            return;
+        const total = (0, gesture_1.dragPos)(e, horizontal) - dragState.current.start;
+        const delta = Math.round(-total / cell);
+        commit((dragState.current.startIndex + delta) * step);
+    }, [cell, commit, disabled, horizontal, step]);
+    const gesture = (0, gesture_1.drag)({ begin, move, end: () => { }, enabled: !disabled });
+    const handleWheel = (0, react_1.useCallback)((e) => {
+        if (disabled)
+            return;
+        const delta = horizontal ? e.deltaX || e.deltaY : e.deltaY;
+        if (!delta)
+            return;
+        e.preventDefault();
+        commit((index + (delta > 0 ? 1 : -1)) * step);
+    }, [commit, disabled, horizontal, index, step]);
+    const handleKeyDown = (0, react_1.useCallback)((e) => {
+        if (disabled)
+            return;
+        if (e.key === 'ArrowUp' || e.key === 'ArrowRight') {
+            e.preventDefault();
+            commit((index + 1) * step);
+        }
+        else if (e.key === 'ArrowDown' || e.key === 'ArrowLeft') {
+            e.preventDefault();
+            commit((index - 1) * step);
+        }
+        else if (e.key === 'Home') {
+            e.preventDefault();
+            commit(0);
+        }
+        else if (e.key === 'End') {
+            e.preventDefault();
+            commit(max);
+        }
+    }, [commit, disabled, index, max, step]);
+    const rows = (0, react_1.useMemo)(() => Array.from({ length: count }, (_, i) => i * step), [count, step]);
+    const Viewport = horizontal ? gui_1.XStack : gui_1.YStack;
+    const Track = horizontal ? gui_1.XStack : gui_1.YStack;
+    return ((0, jsx_runtime_1.jsxs)(Viewport, { ...(0, slot_1.slot)('stars-scrolling-wheel'), "data-orientation": orientation, "data-disabled": disabled ? '' : undefined, role: "slider", "aria-label": ariaLabel, "aria-orientation": orientation, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": current, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, position: "relative", width: horizontal ? viewport : cell * 3, height: horizontal ? cell * 3 : viewport, overflow: "hidden", items: "center", justify: "center", rounded: "$2", borderWidth: 1, borderColor: "$borderColor", bg: "$background", cursor: disabled ? 'default' : horizontal ? 'ew-resize' : 'ns-resize', opacity: disabled ? 0.5 : 1, onWheel: handleWheel, onKeyDown: handleKeyDown, ...(0, gesture_1.touch)(cell, 44, horizontal ? 'x' : 'y'), ...gesture, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('stars-scrolling-wheel-indicator'), position: "absolute", width: horizontal ? cell : '100%', height: horizontal ? '100%' : cell, borderWidth: 1, borderColor: "$borderColor", bg: "$hover", rounded: "$1", pointerEvents: "none" }), (0, jsx_runtime_1.jsx)(Track, { ...(0, slot_1.slot)('stars-scrolling-wheel-track'), items: "center", style: {
+                    transform: horizontal
+                        ? `translateX(${center - index * cell}px)`
+                        : `translateY(${center - index * cell}px)`,
+                    transition: 'transform 120ms ease',
+                }, children: rows.map((rowValue, i) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('stars-scrolling-wheel-row'), "data-value": rowValue, "data-active": i === index ? '' : undefined, width: horizontal ? cell : '100%', height: horizontal ? '100%' : cell, items: "center", justify: "center", opacity: i === index ? 1 : 0.4, cursor: disabled ? 'default' : 'pointer', onClick: () => !disabled && commit(rowValue), children: (0, jsx_runtime_1.jsx)(Rating, { n: rowValue, max: max, size: icon }) }, rowValue))) })] }));
+}

package/dist/backends/gui/stars-scrolling-wheel.d.ts

@@ -0,0 +1,24 @@
+export type StarsScrollingWheelOrientation = 'vertical' | 'horizontal';
+export type StarsScrollingWheelSize = 'sm' | 'default' | 'lg';
+export type StarsScrollingWheelProps = {
+    /** The current rating. Omit for an uncontrolled wheel. */
+    value?: number;
+    /** The rating an uncontrolled wheel starts at. Default 0. */
+    defaultValue?: number;
+    /** Fires with the new rating, already clamped to `[0, max]` and rounded to `step`. */
+    onValueChange?: (value: number) => void;
+    /** Highest rating the wheel offers. Default 5. */
+    max?: number;
+    /** Rating increment between rows. Default 1; 0.5 adds a half-star row between each pair. */
+    step?: number;
+    /** Which axis the wheel scrolls on. Default 'vertical'. */
+    orientation?: StarsScrollingWheelOrientation;
+    /** Row size and star scale. Default 'default'. */
+    size?: StarsScrollingWheelSize;
+    /** How many rows are visible in the viewport at once. Default 5. */
+    visibleCount?: number;
+    disabled?: boolean;
+    'aria-label'?: string;
+};
+export declare function StarsScrollingWheel({ value, defaultValue, onValueChange, max, step, orientation, size, visibleCount, disabled, 'aria-label': ariaLabel, }: StarsScrollingWheelProps): import("react").JSX.Element;
+//# sourceMappingURL=stars-scrolling-wheel.d.ts.map

package/dist/backends/gui/stars-scrolling-wheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stars-scrolling-wheel.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/stars-scrolling-wheel.tsx"],"names":[],"mappings":"AA6BA,MAAM,MAAM,8BAA8B,GAAG,UAAU,GAAG,YAAY,CAAA;AACtE,MAAM,MAAM,uBAAuB,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AAqB7D,MAAM,MAAM,wBAAwB,GAAG;IACrC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sFAAsF;IACtF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,WAAW,CAAC,EAAE,8BAA8B,CAAA;IAC5C,kDAAkD;IAClD,IAAI,CAAC,EAAE,uBAAuB,CAAA;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,YAAgB,EAChB,aAAa,EACb,GAAO,EACP,IAAQ,EACR,WAAwB,EACxB,IAAgB,EAChB,YAAgB,EAChB,QAAgB,EAChB,YAAY,EAAE,SAAyB,GACxC,EAAE,wBAAwB,+BAwJ1B"}

package/dist/backends/gui/stars-scrolling-wheel.js

@@ -0,0 +1,104 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * StarsScrollingWheel — a picker wheel for a star rating.
+ *
+ * Every whole (or half, at `step={0.5}`) rating from 0 to `max` sits in its
+ * own row, drawn as that many stars. The row centered in the viewport is the
+ * current value. Drag, the mouse wheel, a click on a row, or the arrow keys
+ * move it — the same one-value contract as `Slider`, aimed at a rating rather
+ * than a continuous range.
+ *
+ * The drag itself rides `drag()` from `./gesture`, the one pointer/responder
+ * contract this backend already uses for the color-picker's swatches: each
+ * move recomputes the index from the pointer's total displacement since the
+ * drag began, so there is no accumulator to drift.
+ */
+import { XStack, YStack } from '@hanzo/gui';
+import { Star, StarFull, StarHalf } from '@hanzogui/lucide-icons-2';
+import { useCallback, useMemo, useRef, useState, } from 'react';
+import { drag, dragPos, touch } from './gesture.js';
+import { slot } from './slot.js';
+const CELL = { sm: 28, default: 36, lg: 44 };
+const ICON = { sm: 14, default: 18, lg: 22 };
+const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
+/** The stars one row draws for rating `n` out of `max` — full, at most one half, empty. */
+const Rating = ({ n, max, size }) => {
+    const full = Math.floor(n);
+    const half = n - full >= 0.5;
+    return (_jsx(XStack, { ...slot('stars-scrolling-wheel-rating'), gap: "$0.5", items: "center", pointerEvents: "none", children: Array.from({ length: max }, (_, i) => {
+            const Icon = i < full ? StarFull : i === full && half ? StarHalf : Star;
+            return _jsx(Icon, { size: size }, i);
+        }) }));
+};
+export function StarsScrollingWheel({ value, defaultValue = 0, onValueChange, max = 5, step = 1, orientation = 'vertical', size = 'default', visibleCount = 5, disabled = false, 'aria-label': ariaLabel = 'Star rating', }) {
+    const [uncontrolled, setUncontrolled] = useState(clamp(defaultValue, 0, max));
+    const current = clamp(value ?? uncontrolled, 0, max);
+    const horizontal = orientation === 'horizontal';
+    const cell = CELL[size];
+    const icon = ICON[size];
+    const count = Math.round(max / step) + 1;
+    const index = Math.round(current / step);
+    const viewport = cell * visibleCount;
+    const center = ((visibleCount - 1) / 2) * cell;
+    const commit = useCallback((next) => {
+        const stepped = clamp(Math.round(next / step) * step, 0, max);
+        if (value === undefined)
+            setUncontrolled(stepped);
+        if (stepped !== current)
+            onValueChange?.(stepped);
+    }, [current, max, onValueChange, step, value]);
+    const dragState = useRef({ start: 0, startIndex: 0 });
+    const begin = useCallback((e) => {
+        if (disabled)
+            return;
+        dragState.current = { start: dragPos(e, horizontal), startIndex: index };
+    }, [disabled, horizontal, index]);
+    const move = useCallback((e) => {
+        if (disabled)
+            return;
+        const total = dragPos(e, horizontal) - dragState.current.start;
+        const delta = Math.round(-total / cell);
+        commit((dragState.current.startIndex + delta) * step);
+    }, [cell, commit, disabled, horizontal, step]);
+    const gesture = drag({ begin, move, end: () => { }, enabled: !disabled });
+    const handleWheel = useCallback((e) => {
+        if (disabled)
+            return;
+        const delta = horizontal ? e.deltaX || e.deltaY : e.deltaY;
+        if (!delta)
+            return;
+        e.preventDefault();
+        commit((index + (delta > 0 ? 1 : -1)) * step);
+    }, [commit, disabled, horizontal, index, step]);
+    const handleKeyDown = useCallback((e) => {
+        if (disabled)
+            return;
+        if (e.key === 'ArrowUp' || e.key === 'ArrowRight') {
+            e.preventDefault();
+            commit((index + 1) * step);
+        }
+        else if (e.key === 'ArrowDown' || e.key === 'ArrowLeft') {
+            e.preventDefault();
+            commit((index - 1) * step);
+        }
+        else if (e.key === 'Home') {
+            e.preventDefault();
+            commit(0);
+        }
+        else if (e.key === 'End') {
+            e.preventDefault();
+            commit(max);
+        }
+    }, [commit, disabled, index, max, step]);
+    const rows = useMemo(() => Array.from({ length: count }, (_, i) => i * step), [count, step]);
+    const Viewport = horizontal ? XStack : YStack;
+    const Track = horizontal ? XStack : YStack;
+    return (_jsxs(Viewport, { ...slot('stars-scrolling-wheel'), "data-orientation": orientation, "data-disabled": disabled ? '' : undefined, role: "slider", "aria-label": ariaLabel, "aria-orientation": orientation, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": current, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, position: "relative", width: horizontal ? viewport : cell * 3, height: horizontal ? cell * 3 : viewport, overflow: "hidden", items: "center", justify: "center", rounded: "$2", borderWidth: 1, borderColor: "$borderColor", bg: "$background", cursor: disabled ? 'default' : horizontal ? 'ew-resize' : 'ns-resize', opacity: disabled ? 0.5 : 1, onWheel: handleWheel, onKeyDown: handleKeyDown, ...touch(cell, 44, horizontal ? 'x' : 'y'), ...gesture, children: [_jsx(XStack, { ...slot('stars-scrolling-wheel-indicator'), position: "absolute", width: horizontal ? cell : '100%', height: horizontal ? '100%' : cell, borderWidth: 1, borderColor: "$borderColor", bg: "$hover", rounded: "$1", pointerEvents: "none" }), _jsx(Track, { ...slot('stars-scrolling-wheel-track'), items: "center", style: {
+                    transform: horizontal
+                        ? `translateX(${center - index * cell}px)`
+                        : `translateY(${center - index * cell}px)`,
+                    transition: 'transform 120ms ease',
+                }, children: rows.map((rowValue, i) => (_jsx(XStack, { ...slot('stars-scrolling-wheel-row'), "data-value": rowValue, "data-active": i === index ? '' : undefined, width: horizontal ? cell : '100%', height: horizontal ? '100%' : cell, items: "center", justify: "center", opacity: i === index ? 1 : 0.4, cursor: disabled ? 'default' : 'pointer', onClick: () => !disabled && commit(rowValue), children: _jsx(Rating, { n: rowValue, max: max, size: icon }) }, rowValue))) })] }));
+}
+//# sourceMappingURL=stars-scrolling-wheel.js.map

package/dist/backends/gui/stars-scrolling-wheel.js.map

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

package/dist/backends/gui/status.cjs

@@ -0,0 +1,79 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Status = Status;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Status — a small pill that names a state: `default`, `success`, `warning`,
+ * `error`, `info` or `gray`, with a leading dot in the same hue.
+ *
+ * Surface and dot are two styled parts sharing one `variant` through a styled
+ * context, so a variant reaches both without either reading it twice by hand.
+ * The dot is on by default (it is the whole point of a status pill) and can be
+ * turned off for a plain label.
+ */
+const gui_1 = require("@hanzo/gui");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const StatusContext = /* @__PURE__ */ (0, gui_1.createStyledContext)({
+    variant: 'default',
+});
+const StatusFrame = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'Status',
+    context: StatusContext,
+    display: 'inline-flex',
+    self: 'flex-start',
+    items: 'center',
+    gap: '$2',
+    rounded: '$10',
+    px: '$2.5',
+    py: '$1',
+    variants: {
+        variant: {
+            default: { bg: '$hover' },
+            success: { bg: '$green2' },
+            warning: { bg: '$yellow2' },
+            error: { bg: '$red2' },
+            info: { bg: '$blue2' },
+            gray: { bg: '$gray2' },
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+const StatusText = (0, gui_1.styled)(gui_1.SizableText, {
+    name: 'StatusText',
+    context: StatusContext,
+    size: '$1',
+    fontWeight: '500',
+    variants: {
+        variant: {
+            default: { color: '$ink' },
+            success: { color: '$green12' },
+            warning: { color: '$yellow12' },
+            error: { color: '$red12' },
+            info: { color: '$blue12' },
+            gray: { color: '$gray12' },
+        },
+    },
+});
+const StatusDot = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'StatusDot',
+    context: StatusContext,
+    width: 6,
+    height: 6,
+    rounded: '$10',
+    variants: {
+        variant: {
+            default: { bg: '$ink' },
+            success: { bg: '$green9' },
+            warning: { bg: '$yellow9' },
+            error: { bg: '$red9' },
+            info: { bg: '$blue9' },
+            gray: { bg: '$gray9' },
+        },
+    },
+});
+function Status({ variant = 'default', dot = true, children, ...props }) {
+    const resolved = variant ?? 'default';
+    return ((0, jsx_runtime_1.jsxs)(StatusFrame, { ...(0, slot_1.slot)('status'), variant: resolved, "data-variant": resolved, ...props, children: [dot ? (0, jsx_runtime_1.jsx)(StatusDot, { ...(0, slot_1.slot)('status-dot') }) : null, (0, ink_1.ink)(children, StatusText)] }));
+}

package/dist/backends/gui/status.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentProps } from 'react';
+export type StatusVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'gray';
+declare const StatusFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+    variant?: "default" | "error" | "gray" | "info" | "success" | "warning" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type StatusProps = Omit<ComponentProps<typeof StatusFrame>, 'variant'> & {
+    variant?: StatusVariant | null;
+    /** Show the leading dot. Defaults to true — the dot is the point of a status pill. */
+    dot?: boolean;
+};
+export declare function Status({ variant, dot, children, ...props }: StatusProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=status.d.ts.map

package/dist/backends/gui/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/status.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAMzF,QAAA,MAAM,WAAW;;;;8CAuBf,CAAA;AAuCF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG;IAC9E,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,sFAAsF;IACtF,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAmB,EAAE,GAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAS1F"}

package/dist/backends/gui/status.js

@@ -0,0 +1,77 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Status — a small pill that names a state: `default`, `success`, `warning`,
+ * `error`, `info` or `gray`, with a leading dot in the same hue.
+ *
+ * Surface and dot are two styled parts sharing one `variant` through a styled
+ * context, so a variant reaches both without either reading it twice by hand.
+ * The dot is on by default (it is the whole point of a status pill) and can be
+ * turned off for a plain label.
+ */
+import { SizableText, XStack, createStyledContext, styled } from '@hanzo/gui';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+const StatusContext = /* @__PURE__ */ createStyledContext({
+    variant: 'default',
+});
+const StatusFrame = styled(XStack, {
+    name: 'Status',
+    context: StatusContext,
+    display: 'inline-flex',
+    self: 'flex-start',
+    items: 'center',
+    gap: '$2',
+    rounded: '$10',
+    px: '$2.5',
+    py: '$1',
+    variants: {
+        variant: {
+            default: { bg: '$hover' },
+            success: { bg: '$green2' },
+            warning: { bg: '$yellow2' },
+            error: { bg: '$red2' },
+            info: { bg: '$blue2' },
+            gray: { bg: '$gray2' },
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+const StatusText = styled(SizableText, {
+    name: 'StatusText',
+    context: StatusContext,
+    size: '$1',
+    fontWeight: '500',
+    variants: {
+        variant: {
+            default: { color: '$ink' },
+            success: { color: '$green12' },
+            warning: { color: '$yellow12' },
+            error: { color: '$red12' },
+            info: { color: '$blue12' },
+            gray: { color: '$gray12' },
+        },
+    },
+});
+const StatusDot = styled(XStack, {
+    name: 'StatusDot',
+    context: StatusContext,
+    width: 6,
+    height: 6,
+    rounded: '$10',
+    variants: {
+        variant: {
+            default: { bg: '$ink' },
+            success: { bg: '$green9' },
+            warning: { bg: '$yellow9' },
+            error: { bg: '$red9' },
+            info: { bg: '$blue9' },
+            gray: { bg: '$gray9' },
+        },
+    },
+});
+export function Status({ variant = 'default', dot = true, children, ...props }) {
+    const resolved = variant ?? 'default';
+    return (_jsxs(StatusFrame, { ...slot('status'), variant: resolved, "data-variant": resolved, ...props, children: [dot ? _jsx(StatusDot, { ...slot('status-dot') }) : null, ink(children, StatusText)] }));
+}
+//# sourceMappingURL=status.js.map

package/dist/backends/gui/status.js.map

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

package/dist/backends/gui/stock-market.cjs

@@ -0,0 +1,21 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StockMarket = StockMarket;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * StockMarket — the indices-flavored opening of the TradingView market-overview
+ * table that `./crypto-market` already renders.
+ *
+ * `market-overview.tsx`, `crypto-market.tsx`, `forex-market.tsx` and
+ * `stock-market.tsx` are four doc pages for ONE upstream widget, told apart
+ * only by which tab it opens on — crypto, forex, indices. Duplicating the
+ * iframe address, the preset table and the settings object under a second
+ * name would give the table two places to drift out of sync with itself, so
+ * this file holds none of that: it is `MarketOverview` with its `tabs` default
+ * turned from `['crypto']` to `['indices']`, nothing else.
+ */
+const crypto_market_1 = require("./crypto-market.cjs");
+function StockMarket({ tabs = ['indices'], ...props }) {
+    return (0, jsx_runtime_1.jsx)(crypto_market_1.MarketOverview, { tabs: tabs, ...props });
+}