@hanzo/ui 8.27.9 → 8.27.10

package/dist/backends/gui/code-editor.js

@@ -0,0 +1,160 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CodeEditor — a bordered, monospace editing surface: a toolbar carrying a
+ * language menu and a copy-to-clipboard button, above a plain-text field with
+ * a gutter of line numbers that scrolls with it.
+ *
+ * The field is gui's `TextArea`, so what is edited is the text itself. Tab
+ * inserts two spaces and Escape releases focus; `wordWrap` is the field's own
+ * white-space; the gutter numbers lines of text, so a line that wraps keeps
+ * one number; there is no syntax colouring, and `minimap` is accepted and
+ * ignored because a plain field has no surface to draw one on.
+ *
+ * `theme` is the editor's own palette, independent of the surrounding gui
+ * theme the way a syntax theme is: `'light'` and `'dark'` paint a fixed set of
+ * literal colours, and `'auto'` (the default) takes the ambient `$background`,
+ * `$color` and `$borderColor` tokens, so it follows the host page.
+ */
+import { SizableText, TextArea, XStack, YStack } from '@hanzo/gui';
+import { Check, Copy } from '@hanzogui/lucide-icons-2';
+import * as React from 'react';
+import { Button } from './button.js';
+import { RISER } from './control.js';
+import { Select, SelectContent, SelectItem, SelectTrigger } from './select.js';
+import { slot } from './slot.js';
+import { toast } from './toaster.js';
+/** The languages the menu offers when a caller does not narrow the list. */
+const LANGUAGES = [
+    'javascript',
+    'typescript',
+    'python',
+    'java',
+    'csharp',
+    'cpp',
+    'c',
+    'go',
+    'rust',
+    'ruby',
+    'php',
+    'swift',
+    'kotlin',
+    'dart',
+    'html',
+    'css',
+    'scss',
+    'json',
+    'xml',
+    'yaml',
+    'sql',
+    'markdown',
+    'shell',
+    'plaintext',
+];
+const LABEL = {
+    javascript: 'JavaScript',
+    typescript: 'TypeScript',
+    python: 'Python',
+    java: 'Java',
+    csharp: 'C#',
+    cpp: 'C++',
+    c: 'C',
+    go: 'Go',
+    rust: 'Rust',
+    ruby: 'Ruby',
+    php: 'PHP',
+    swift: 'Swift',
+    kotlin: 'Kotlin',
+    dart: 'Dart',
+    html: 'HTML',
+    css: 'CSS',
+    scss: 'SCSS',
+    json: 'JSON',
+    xml: 'XML',
+    yaml: 'YAML',
+    sql: 'SQL',
+    markdown: 'Markdown',
+    shell: 'Shell',
+    plaintext: 'Plain Text',
+};
+/** The two named palettes; `'auto'` paints none of this. */
+const PALETTE = {
+    light: { bg: '#ffffff', fg: '#1f2328', border: '#d0d7de', head: '#f6f8fa', gutter: '#8c959f' },
+    dark: { bg: '#1e1e1e', fg: '#d4d4d4', border: '#3c3c3c', head: '#252526', gutter: '#858585' },
+};
+/** What Tab inserts. */
+const INDENT = '  ';
+/** Line height as a multiple of the font size. */
+const LEADING = 1.5;
+export function CodeEditor({ value, defaultValue = '', language = 'javascript', height = '400px', theme = 'auto', onChange, onMount, readOnly = false, lineNumbers = true, minimap: _minimap, wordWrap = 'on', fontSize = 14, showCopyButton = true, showLanguageSelector = true, availableLanguages = LANGUAGES, ...props }) {
+    const [typed, setTyped] = React.useState(defaultValue);
+    const text = value ?? typed;
+    const [selected, setSelected] = React.useState(language);
+    const [copied, setCopied] = React.useState(false);
+    const [scrollTop, setScrollTop] = React.useState(0);
+    const field = React.useRef(null);
+    const timer = React.useRef(undefined);
+    React.useEffect(() => {
+        if (field.current)
+            onMount?.(field.current);
+        return () => clearTimeout(timer.current);
+    }, []);
+    // Bound directly rather than through the gui field's `onScroll` prop: native
+    // `scroll` does not bubble, and a listener attached this way fires however
+    // the offset changed — a real drag or a test stating it outright.
+    React.useEffect(() => {
+        const el = field.current;
+        if (!el)
+            return;
+        const onScroll = () => setScrollTop(el.scrollTop);
+        el.addEventListener('scroll', onScroll);
+        return () => el.removeEventListener('scroll', onScroll);
+    }, []);
+    const change = React.useCallback((next) => {
+        setTyped(next);
+        onChange?.(next);
+    }, [onChange]);
+    const key = (e) => {
+        const el = e.currentTarget;
+        if (e.key === 'Escape')
+            el.blur();
+        if (e.key !== 'Tab' || e.shiftKey || readOnly)
+            return;
+        e.preventDefault();
+        el.setRangeText(INDENT, el.selectionStart ?? 0, el.selectionEnd ?? 0, 'end');
+        change(el.value);
+    };
+    const copy = React.useCallback(async () => {
+        try {
+            await navigator.clipboard.writeText(text);
+            setCopied(true);
+            clearTimeout(timer.current);
+            timer.current = setTimeout(() => setCopied(false), 2000);
+            toast.success('Code copied to clipboard');
+        }
+        catch {
+            toast.error('Failed to copy code');
+        }
+    }, [text]);
+    const named = theme === 'auto' ? undefined : PALETTE[theme];
+    const lineHeight = `${fontSize * LEADING}px`;
+    const wrap = wordWrap !== 'off';
+    const gutter = Array.from({ length: text.split('\n').length }, (_, i) => i + 1).join('\n');
+    return (_jsxs(YStack, { ...slot('code-editor'), borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", bg: "$background", style: named && { backgroundColor: named.bg, borderColor: named.border }, ...props, children: [(showLanguageSelector || showCopyButton) && (_jsxs(XStack, { ...slot('code-editor-toolbar'), items: "center", justify: showLanguageSelector ? 'space-between' : 'flex-end', borderBottomWidth: 1, borderColor: "$borderColor", bg: "$panel", px: "$3", py: "$2", style: named && { backgroundColor: named.head, borderColor: named.border }, children: [showLanguageSelector && (_jsxs(Select, { value: selected, onValueChange: setSelected, children: [_jsx(SelectTrigger, { ...slot('code-editor-language-trigger'), width: "auto", minHeight: 32, borderWidth: 0, bg: "transparent", gap: "$1.5", px: "$2", children: _jsx(SizableText, { size: "$1", fontFamily: "$mono", style: named && { color: named.fg }, children: LABEL[selected] ?? selected }) }), _jsx(SelectContent, { ...slot('code-editor-language-content'), children: availableLanguages.map((lang) => (_jsx(SelectItem, { value: lang, children: LABEL[lang] ?? lang }, lang))) })] })), showCopyButton && (_jsxs(Button, { ...slot('code-editor-copy-button'), variant: "ghost", size: "sm", disabled: !text, onClick: copy, children: [copied ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }), copied ? 'Copied!' : 'Copy'] }))] })), _jsxs(XStack, { ...slot('code-editor-body'), overflow: "hidden", style: { height }, children: [lineNumbers && (_jsx(YStack, { ...slot('code-editor-gutter'), width: 48, overflow: "hidden", borderRightWidth: 1, borderColor: "$borderColor", bg: "$panel", py: RISER, style: named && { backgroundColor: named.head, borderColor: named.border }, children: _jsx(SizableText, { size: "$1", fontFamily: "$mono", color: "$soft", px: "$2", whiteSpace: "pre", style: {
+                                fontSize,
+                                lineHeight,
+                                textAlign: 'right',
+                                transform: `translateY(${-scrollTop}px)`,
+                                ...(named && { color: named.gutter }),
+                            }, children: gutter }) })), _jsx(TextArea, { ref: field, ...slot('code-editor-textarea'), value: text, onChangeText: change, onKeyDown: key, readOnly: readOnly, unstyled: true, flex: 1, minH: 0, borderWidth: 0, rounded: 0, px: "$2", py: RISER, fontFamily: "$mono", color: "$color", bg: "transparent", style: {
+                            fontSize,
+                            lineHeight,
+                            whiteSpace: wrap ? 'pre-wrap' : 'pre',
+                            overflowWrap: wrap ? 'break-word' : 'normal',
+                            overflow: 'auto',
+                            resize: 'none',
+                            height: '100%',
+                            ...(named && { color: named.fg }),
+                        } })] })] }));
+}
+//# sourceMappingURL=code-editor.js.map

package/dist/backends/gui/code-editor.js.map

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

package/dist/backends/gui/code-tabs.cjs

@@ -0,0 +1,21 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeTabs = CodeTabs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * CodeTabs — a set of code snippets sharing one tab strip, one tab per
+ * language or variant (JavaScript, TypeScript, Python, …); choosing a tab
+ * swaps the `CodeBlock` shown beneath it. Composes the backend's own `Tabs`
+ * and `CodeBlock` rather than reimplementing either.
+ */
+const gui_1 = require("@hanzo/gui");
+const code_block_1 = require("./code-block.cjs");
+const slot_1 = require("./slot.cjs");
+const tabs_1 = require("./tabs.cjs");
+function CodeTabs({ tabs, defaultTab = 0, showLineNumbers, showCopyButton, theme, size, maxHeight, ...props }) {
+    if (tabs.length === 0) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('code-tabs'), borderWidth: 1, rounded: "$4", p: "$6", bg: "$panel", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "No code tabs available. Add tabs to display code snippets." }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(tabs_1.Tabs, { ...(0, slot_1.slot)('code-tabs'), defaultValue: String(defaultTab), ...props, children: [(0, jsx_runtime_1.jsx)(tabs_1.TabsList, { ...(0, slot_1.slot)('code-tabs-list'), children: tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(tabs_1.TabsTrigger, { value: String(index), children: tab.label }, index))) }), tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: String(index), children: (0, jsx_runtime_1.jsx)(code_block_1.CodeBlock, { code: tab.code, language: tab.language, filename: tab.filename, theme: theme, size: size, showLineNumbers: showLineNumbers, showCopyButton: showCopyButton, maxHeight: maxHeight }) }, index)))] }));
+}

package/dist/backends/gui/code-tabs.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentProps } from 'react';
+import { type CodeBlockSize, type CodeBlockTheme } from './code-block.js';
+import { Tabs } from './tabs.js';
+export interface CodeTabsTab {
+    label: string;
+    code: string;
+    language?: string;
+    filename?: string;
+}
+export interface CodeTabsProps extends Omit<ComponentProps<typeof Tabs>, 'children' | 'defaultValue' | 'theme' | 'size'> {
+    tabs: CodeTabsTab[];
+    /** Index of the tab shown first, for an uncontrolled `CodeTabs`. */
+    defaultTab?: number;
+    showLineNumbers?: boolean;
+    showCopyButton?: boolean;
+    theme?: CodeBlockTheme | null;
+    size?: CodeBlockSize | null;
+    /** The body's ceiling, in px or any CSS length; past it a tab's body scrolls. */
+    maxHeight?: number | string;
+}
+export declare function CodeTabs({ tabs, defaultTab, showLineNumbers, showCopyButton, theme, size, maxHeight, ...props }: CodeTabsProps): import("react").JSX.Element;
+//# sourceMappingURL=code-tabs.d.ts.map

package/dist/backends/gui/code-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-tabs.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/code-tabs.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAa,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAEjF,OAAO,EAAE,IAAI,EAAsC,MAAM,QAAQ,CAAA;AAEjE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;IACtH,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAC7B,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC5B;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,UAAc,EACd,eAAe,EACf,cAAc,EACd,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BAoCf"}

package/dist/backends/gui/code-tabs.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CodeTabs — a set of code snippets sharing one tab strip, one tab per
+ * language or variant (JavaScript, TypeScript, Python, …); choosing a tab
+ * swaps the `CodeBlock` shown beneath it. Composes the backend's own `Tabs`
+ * and `CodeBlock` rather than reimplementing either.
+ */
+import { SizableText, YStack } from '@hanzo/gui';
+import { CodeBlock } from './code-block.js';
+import { slot } from './slot.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs.js';
+export function CodeTabs({ tabs, defaultTab = 0, showLineNumbers, showCopyButton, theme, size, maxHeight, ...props }) {
+    if (tabs.length === 0) {
+        return (_jsx(YStack, { ...slot('code-tabs'), borderWidth: 1, rounded: "$4", p: "$6", bg: "$panel", children: _jsx(SizableText, { size: "$2", color: "$soft", children: "No code tabs available. Add tabs to display code snippets." }) }));
+    }
+    return (_jsxs(Tabs, { ...slot('code-tabs'), defaultValue: String(defaultTab), ...props, children: [_jsx(TabsList, { ...slot('code-tabs-list'), children: tabs.map((tab, index) => (_jsx(TabsTrigger, { value: String(index), children: tab.label }, index))) }), tabs.map((tab, index) => (_jsx(TabsContent, { value: String(index), children: _jsx(CodeBlock, { code: tab.code, language: tab.language, filename: tab.filename, theme: theme, size: size, showLineNumbers: showLineNumbers, showCopyButton: showCopyButton, maxHeight: maxHeight }) }, index)))] }));
+}
+//# sourceMappingURL=code-tabs.js.map

package/dist/backends/gui/code-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-tabs.js","sourceRoot":"","sources":["../../../src/backends/gui/code-tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,SAAS,EAA2C,MAAM,cAAc,CAAA;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAqBjE,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,UAAU,GAAG,CAAC,EACd,eAAe,EACf,cAAc,EACd,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACM;IACd,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,MAAM,OAAK,IAAI,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAC,QAAQ,YAC5E,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,2EAEtB,GACP,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,MAAC,IAAI,OAAK,IAAI,CAAC,WAAW,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,UAAU,CAAC,KAAM,KAAK,aACtE,KAAC,QAAQ,OAAK,IAAI,CAAC,gBAAgB,CAAC,YACjC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,WAAW,IAAa,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,YAC1C,GAAG,CAAC,KAAK,IADM,KAAK,CAET,CACf,CAAC,GACO,EACV,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,WAAW,IAAa,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,YAC3C,KAAC,SAAS,IACR,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,GACpB,IAVc,KAAK,CAWT,CACf,CAAC,IACG,CACR,CAAA;AACH,CAAC"}

package/dist/backends/gui/color-picker.cjs

@@ -0,0 +1,141 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ColorPicker — a swatch button that opens a hue/saturation panel and a hex
+ * field, and reports every change as a `#rrggbb` string.
+ *
+ * The panel is two custom drag surfaces (saturation-value square, hue bar)
+ * built on `drag()` from `./gesture` — the one pointer/responder contract this
+ * backend already uses for the resize handle and the scroll thumb — plus this
+ * backend's own `Popover` and `Input`. No color-math dependency exists in the
+ * workspace, so HSV/RGB/hex conversion is the ~30 lines below rather than a
+ * new package.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const popover_1 = require("./popover.cjs");
+const button_1 = require("./button.cjs");
+const input_1 = require("./input.cjs");
+const gesture_1 = require("./gesture.cjs");
+const slot_1 = require("./slot.cjs");
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+/** `#rgb`, `#rrggbb`, or bare (no `#`) — anything else is not a color. */
+const hexToRgb = (hex) => {
+    const s = hex.trim().replace(/^#/, '');
+    const full = s.length === 3 ? s.split('').map((c) => c + c).join('') : s;
+    if (!/^[0-9a-f]{6}$/i.test(full))
+        return null;
+    return {
+        r: Number.parseInt(full.slice(0, 2), 16),
+        g: Number.parseInt(full.slice(2, 4), 16),
+        b: Number.parseInt(full.slice(4, 6), 16),
+    };
+};
+const rgbToHex = ({ r, g, b }) => '#' + [r, g, b].map((c) => Math.round(clamp01(c / 255) * 255).toString(16).padStart(2, '0')).join('');
+const rgbToHsv = ({ r, g, b }) => {
+    const rn = r / 255;
+    const gn = g / 255;
+    const bn = b / 255;
+    const max = Math.max(rn, gn, bn);
+    const min = Math.min(rn, gn, bn);
+    const d = max - min;
+    let h = 0;
+    if (d !== 0) {
+        if (max === rn)
+            h = ((gn - bn) / d) % 6;
+        else if (max === gn)
+            h = (bn - rn) / d + 2;
+        else
+            h = (rn - gn) / d + 4;
+        h *= 60;
+        if (h < 0)
+            h += 360;
+    }
+    return { h, s: max === 0 ? 0 : d / max, v: max };
+};
+const hsvToRgb = ({ h, s, v }) => {
+    const c = v * s;
+    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+    const m = v - c;
+    const [rp, gp, bp] = h < 60 ? [c, x, 0] : h < 120 ? [x, c, 0] : h < 180 ? [0, c, x] : h < 240 ? [0, x, c] : h < 300 ? [x, 0, c] : [c, 0, x];
+    return { r: (rp + m) * 255, g: (gp + m) * 255, b: (bp + m) * 255 };
+};
+const DEFAULT = '#3b82f6';
+const SIZE = 200;
+const HUE_H = 16;
+const THUMB = 14;
+/** The DOM box behind a ref, if there is one; a native view has none. */
+const box = (el) => typeof HTMLElement !== 'undefined' && el instanceof HTMLElement ? el : null;
+/** Position on a rect, 0..1 both axes, from whichever client coordinate the platform sent. */
+const pointOn = (el, e) => {
+    const rect = el.getBoundingClientRect();
+    const x = (e.clientX ?? e.nativeEvent?.pageX ?? rect.left) - rect.left;
+    const y = (e.clientY ?? e.nativeEvent?.pageY ?? rect.top) - rect.top;
+    return { x: clamp01(rect.width ? x / rect.width : 0), y: clamp01(rect.height ? y / rect.height : 0) };
+};
+/** The 2D saturation (x) / value (y) square for the current hue. */
+const SaturationField = ({ hue, s, v, onChange, disabled, }) => {
+    const ref = (0, react_1.useRef)(null);
+    const set = (0, react_1.useCallback)((e) => {
+        const el = box(ref.current);
+        if (!el)
+            return;
+        const { x, y } = pointOn(el, e);
+        onChange(x, 1 - y);
+    }, [onChange]);
+    const gesture = (0, gesture_1.drag)({ begin: set, move: set, end: () => { }, enabled: !disabled });
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: ref, ...(0, slot_1.slot)('color-picker-saturation'), position: "relative", width: "100%", height: SIZE, rounded: "$2", overflow: "hidden", cursor: disabled ? 'default' : 'crosshair', style: {
+            backgroundColor: rgbToHex(hsvToRgb({ h: hue, s: 1, v: 1 })),
+            backgroundImage: 'linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)',
+        }, ...gesture, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('color-picker-saturation-thumb'), position: "absolute", width: THUMB, height: THUMB, rounded: 999, borderWidth: 2, style: {
+                left: `${s * 100}%`,
+                top: `${(1 - v) * 100}%`,
+                transform: 'translate(-50%, -50%)',
+                boxShadow: '0 0 0 1px rgba(0,0,0,.4)',
+                backgroundColor: rgbToHex(hsvToRgb({ h: hue, s, v })),
+                borderColor: 'white',
+            }, pointerEvents: "none" }) }));
+};
+/** The hue bar, 0..360, laid out as one horizontal drag strip. */
+const HueField = ({ hue, onChange, disabled, }) => {
+    const ref = (0, react_1.useRef)(null);
+    const set = (0, react_1.useCallback)((e) => {
+        const el = box(ref.current);
+        if (!el)
+            return;
+        const { x } = pointOn(el, e);
+        onChange(x * 360);
+    }, [onChange]);
+    const gesture = (0, gesture_1.drag)({ begin: set, move: set, end: () => { }, enabled: !disabled });
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: ref, ...(0, slot_1.slot)('color-picker-hue'), position: "relative", width: "100%", height: HUE_H, rounded: 999, overflow: "hidden", cursor: disabled ? 'default' : 'pointer', style: {
+            backgroundImage: 'linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)',
+        }, ...(0, gesture_1.touch)(HUE_H, 44, 'y'), ...gesture, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('color-picker-hue-thumb'), position: "absolute", width: HUE_H, height: HUE_H, rounded: 999, borderWidth: 2, style: {
+                left: `${(hue / 360) * 100}%`,
+                top: '50%',
+                transform: 'translate(-50%, -50%)',
+                boxShadow: '0 0 0 1px rgba(0,0,0,.4)',
+                backgroundColor: rgbToHex(hsvToRgb({ h: hue, s: 1, v: 1 })),
+                borderColor: 'white',
+            }, pointerEvents: "none" }) }));
+};
+const ColorPicker = ({ value = DEFAULT, onChange, disabled = false, presets, ...props }) => {
+    const [hex, setHex] = (0, react_1.useState)(value);
+    const [hexDraft, setHexDraft] = (0, react_1.useState)(value);
+    const hsv = (0, react_1.useMemo)(() => rgbToHsv(hexToRgb(hex) ?? hexToRgb(DEFAULT)), [hex]);
+    const commit = (0, react_1.useCallback)((next) => {
+        setHex(next);
+        setHexDraft(next);
+        onChange?.(next);
+    }, [onChange]);
+    const setHsv = (0, react_1.useCallback)((patch) => commit(rgbToHex(hsvToRgb({ ...hsv, ...patch }))), [commit, hsv]);
+    const editHex = (0, react_1.useCallback)((raw) => {
+        setHexDraft(raw);
+        if (hexToRgb(raw))
+            commit(raw.startsWith('#') ? raw : `#${raw}`);
+    }, [commit]);
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('color-picker'), items: "center", gap: "$2", opacity: disabled ? 0.5 : 1, ...props, children: (0, jsx_runtime_1.jsxs)(popover_1.Popover, { children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", disabled: disabled, justify: "flex-start", width: 220, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { width: "100%", items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('color-picker-swatch'), width: 16, height: 16, rounded: "$1", borderWidth: 1, borderColor: "$borderColor", style: { backgroundColor: hex } }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { flex: 1, numberOfLines: 1, fontFamily: "$mono", size: "$2", children: hex })] }) }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { width: SIZE + 24, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", children: [(0, jsx_runtime_1.jsx)(SaturationField, { hue: hsv.h, s: hsv.s, v: hsv.v, disabled: disabled, onChange: (s, v) => setHsv({ s, v }) }), (0, jsx_runtime_1.jsx)(HueField, { hue: hsv.h, disabled: disabled, onChange: (h) => setHsv({ h }) }), (0, jsx_runtime_1.jsx)(input_1.Input, { ...(0, slot_1.slot)('color-picker-hex-input'), value: hexDraft, onChangeText: editHex, placeholder: "#000000", disabled: disabled, fontFamily: "$mono", fontSize: "$2" }), presets?.length ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('color-picker-presets'), flexWrap: "wrap", gap: "$2", children: presets.map((preset) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('color-picker-preset'), width: 22, height: 22, rounded: "$1", borderWidth: 1, borderColor: "$borderColor", style: { backgroundColor: preset }, cursor: "pointer", "aria-label": preset, onPress: () => !disabled && commit(preset), ...(0, gesture_1.touch)(22) }, preset))) })) : null] }) })] }) }));
+};
+exports.ColorPicker = ColorPicker;

package/dist/backends/gui/color-picker.d.ts

@@ -0,0 +1,25 @@
+/**
+ * ColorPicker — a swatch button that opens a hue/saturation panel and a hex
+ * field, and reports every change as a `#rrggbb` string.
+ *
+ * The panel is two custom drag surfaces (saturation-value square, hue bar)
+ * built on `drag()` from `./gesture` — the one pointer/responder contract this
+ * backend already uses for the resize handle and the scroll thumb — plus this
+ * backend's own `Popover` and `Input`. No color-math dependency exists in the
+ * workspace, so HSV/RGB/hex conversion is the ~30 lines below rather than a
+ * new package.
+ */
+import { XStack } from '@hanzo/gui';
+import { type ComponentProps } from 'react';
+export type ColorPickerProps = Omit<ComponentProps<typeof XStack>, 'onChange' | 'children'> & {
+    /** Initial color, as any 3- or 6-digit hex string. The picker owns state from here on. */
+    value?: string;
+    /** Fires on every change, hue drag, saturation drag and hex edit alike, as `#rrggbb`. */
+    onChange?: (color: string) => void;
+    disabled?: boolean;
+    /** Swatches shown under the fields for one-click picks. */
+    presets?: string[];
+};
+declare const ColorPicker: ({ value, onChange, disabled, presets, ...props }: ColorPickerProps) => import("react").JSX.Element;
+export { ColorPicker };
+//# sourceMappingURL=color-picker.d.ts.map

package/dist/backends/gui/color-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/color-picker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAe,MAAM,EAA2B,MAAM,YAAY,CAAA;AACzE,OAAO,EAA0C,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAiMnF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAC5F,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,WAAW,qDAAwE,gBAAgB,gCA4FxG,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/color-picker.js

@@ -0,0 +1,139 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ColorPicker — a swatch button that opens a hue/saturation panel and a hex
+ * field, and reports every change as a `#rrggbb` string.
+ *
+ * The panel is two custom drag surfaces (saturation-value square, hue bar)
+ * built on `drag()` from `./gesture` — the one pointer/responder contract this
+ * backend already uses for the resize handle and the scroll thumb — plus this
+ * backend's own `Popover` and `Input`. No color-math dependency exists in the
+ * workspace, so HSV/RGB/hex conversion is the ~30 lines below rather than a
+ * new package.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { drag, touch } from './gesture.js';
+import { slot } from './slot.js';
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+/** `#rgb`, `#rrggbb`, or bare (no `#`) — anything else is not a color. */
+const hexToRgb = (hex) => {
+    const s = hex.trim().replace(/^#/, '');
+    const full = s.length === 3 ? s.split('').map((c) => c + c).join('') : s;
+    if (!/^[0-9a-f]{6}$/i.test(full))
+        return null;
+    return {
+        r: Number.parseInt(full.slice(0, 2), 16),
+        g: Number.parseInt(full.slice(2, 4), 16),
+        b: Number.parseInt(full.slice(4, 6), 16),
+    };
+};
+const rgbToHex = ({ r, g, b }) => '#' + [r, g, b].map((c) => Math.round(clamp01(c / 255) * 255).toString(16).padStart(2, '0')).join('');
+const rgbToHsv = ({ r, g, b }) => {
+    const rn = r / 255;
+    const gn = g / 255;
+    const bn = b / 255;
+    const max = Math.max(rn, gn, bn);
+    const min = Math.min(rn, gn, bn);
+    const d = max - min;
+    let h = 0;
+    if (d !== 0) {
+        if (max === rn)
+            h = ((gn - bn) / d) % 6;
+        else if (max === gn)
+            h = (bn - rn) / d + 2;
+        else
+            h = (rn - gn) / d + 4;
+        h *= 60;
+        if (h < 0)
+            h += 360;
+    }
+    return { h, s: max === 0 ? 0 : d / max, v: max };
+};
+const hsvToRgb = ({ h, s, v }) => {
+    const c = v * s;
+    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+    const m = v - c;
+    const [rp, gp, bp] = h < 60 ? [c, x, 0] : h < 120 ? [x, c, 0] : h < 180 ? [0, c, x] : h < 240 ? [0, x, c] : h < 300 ? [x, 0, c] : [c, 0, x];
+    return { r: (rp + m) * 255, g: (gp + m) * 255, b: (bp + m) * 255 };
+};
+const DEFAULT = '#3b82f6';
+const SIZE = 200;
+const HUE_H = 16;
+const THUMB = 14;
+/** The DOM box behind a ref, if there is one; a native view has none. */
+const box = (el) => typeof HTMLElement !== 'undefined' && el instanceof HTMLElement ? el : null;
+/** Position on a rect, 0..1 both axes, from whichever client coordinate the platform sent. */
+const pointOn = (el, e) => {
+    const rect = el.getBoundingClientRect();
+    const x = (e.clientX ?? e.nativeEvent?.pageX ?? rect.left) - rect.left;
+    const y = (e.clientY ?? e.nativeEvent?.pageY ?? rect.top) - rect.top;
+    return { x: clamp01(rect.width ? x / rect.width : 0), y: clamp01(rect.height ? y / rect.height : 0) };
+};
+/** The 2D saturation (x) / value (y) square for the current hue. */
+const SaturationField = ({ hue, s, v, onChange, disabled, }) => {
+    const ref = useRef(null);
+    const set = useCallback((e) => {
+        const el = box(ref.current);
+        if (!el)
+            return;
+        const { x, y } = pointOn(el, e);
+        onChange(x, 1 - y);
+    }, [onChange]);
+    const gesture = drag({ begin: set, move: set, end: () => { }, enabled: !disabled });
+    return (_jsx(XStack, { ref: ref, ...slot('color-picker-saturation'), position: "relative", width: "100%", height: SIZE, rounded: "$2", overflow: "hidden", cursor: disabled ? 'default' : 'crosshair', style: {
+            backgroundColor: rgbToHex(hsvToRgb({ h: hue, s: 1, v: 1 })),
+            backgroundImage: 'linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)',
+        }, ...gesture, children: _jsx(XStack, { ...slot('color-picker-saturation-thumb'), position: "absolute", width: THUMB, height: THUMB, rounded: 999, borderWidth: 2, style: {
+                left: `${s * 100}%`,
+                top: `${(1 - v) * 100}%`,
+                transform: 'translate(-50%, -50%)',
+                boxShadow: '0 0 0 1px rgba(0,0,0,.4)',
+                backgroundColor: rgbToHex(hsvToRgb({ h: hue, s, v })),
+                borderColor: 'white',
+            }, pointerEvents: "none" }) }));
+};
+/** The hue bar, 0..360, laid out as one horizontal drag strip. */
+const HueField = ({ hue, onChange, disabled, }) => {
+    const ref = useRef(null);
+    const set = useCallback((e) => {
+        const el = box(ref.current);
+        if (!el)
+            return;
+        const { x } = pointOn(el, e);
+        onChange(x * 360);
+    }, [onChange]);
+    const gesture = drag({ begin: set, move: set, end: () => { }, enabled: !disabled });
+    return (_jsx(XStack, { ref: ref, ...slot('color-picker-hue'), position: "relative", width: "100%", height: HUE_H, rounded: 999, overflow: "hidden", cursor: disabled ? 'default' : 'pointer', style: {
+            backgroundImage: 'linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)',
+        }, ...touch(HUE_H, 44, 'y'), ...gesture, children: _jsx(XStack, { ...slot('color-picker-hue-thumb'), position: "absolute", width: HUE_H, height: HUE_H, rounded: 999, borderWidth: 2, style: {
+                left: `${(hue / 360) * 100}%`,
+                top: '50%',
+                transform: 'translate(-50%, -50%)',
+                boxShadow: '0 0 0 1px rgba(0,0,0,.4)',
+                backgroundColor: rgbToHex(hsvToRgb({ h: hue, s: 1, v: 1 })),
+                borderColor: 'white',
+            }, pointerEvents: "none" }) }));
+};
+const ColorPicker = ({ value = DEFAULT, onChange, disabled = false, presets, ...props }) => {
+    const [hex, setHex] = useState(value);
+    const [hexDraft, setHexDraft] = useState(value);
+    const hsv = useMemo(() => rgbToHsv(hexToRgb(hex) ?? hexToRgb(DEFAULT)), [hex]);
+    const commit = useCallback((next) => {
+        setHex(next);
+        setHexDraft(next);
+        onChange?.(next);
+    }, [onChange]);
+    const setHsv = useCallback((patch) => commit(rgbToHex(hsvToRgb({ ...hsv, ...patch }))), [commit, hsv]);
+    const editHex = useCallback((raw) => {
+        setHexDraft(raw);
+        if (hexToRgb(raw))
+            commit(raw.startsWith('#') ? raw : `#${raw}`);
+    }, [commit]);
+    return (_jsx(XStack, { ...slot('color-picker'), items: "center", gap: "$2", opacity: disabled ? 0.5 : 1, ...props, children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", disabled: disabled, justify: "flex-start", width: 220, children: _jsxs(XStack, { width: "100%", items: "center", gap: "$2", children: [_jsx(XStack, { ...slot('color-picker-swatch'), width: 16, height: 16, rounded: "$1", borderWidth: 1, borderColor: "$borderColor", style: { backgroundColor: hex } }), _jsx(SizableText, { flex: 1, numberOfLines: 1, fontFamily: "$mono", size: "$2", children: hex })] }) }) }), _jsx(PopoverContent, { width: SIZE + 24, children: _jsxs(YStack, { gap: "$3", children: [_jsx(SaturationField, { hue: hsv.h, s: hsv.s, v: hsv.v, disabled: disabled, onChange: (s, v) => setHsv({ s, v }) }), _jsx(HueField, { hue: hsv.h, disabled: disabled, onChange: (h) => setHsv({ h }) }), _jsx(Input, { ...slot('color-picker-hex-input'), value: hexDraft, onChangeText: editHex, placeholder: "#000000", disabled: disabled, fontFamily: "$mono", fontSize: "$2" }), presets?.length ? (_jsx(XStack, { ...slot('color-picker-presets'), flexWrap: "wrap", gap: "$2", children: presets.map((preset) => (_jsx(XStack, { ...slot('color-picker-preset'), width: 22, height: 22, rounded: "$1", borderWidth: 1, borderColor: "$borderColor", style: { backgroundColor: preset }, cursor: "pointer", "aria-label": preset, onPress: () => !disabled && commit(preset), ...touch(22) }, preset))) })) : null] }) })] }) }));
+};
+export { ColorPicker };
+//# sourceMappingURL=color-picker.js.map

package/dist/backends/gui/color-picker.js.map

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