@hanzo/ui 8.29.39 → 8.29.40

package/dist/chat/Dial.js

@@ -1,99 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The effort, as ONE small icon button — a gauge with the level in a tiny pip —
- * the same in Chat and Dev, in the composer's end row beside the mic.
- *
- *   press         opens a compact list of the levels, the one in force checked
- *   drag          press the icon and move along the row: each step of the finger
- *                 is a level (`STEP` px), snapped to the surface's own list, with a
- *                 small label above the icon naming the level while it is held
- *   ← ↓ / → ↑     the arrows move one level, in the reading direction
- *   Enter, Space  opens the list
- *
- * The list is the surface's (`Modes`): a chat offers six levels, a coding run four.
- * The pointer events are the page's own — nothing is captured past the press.
- */
-import { SizableText, XStack } from '@hanzo/gui';
-import { useI18n } from '@hanzo/i18n/react';
-import { Gauge } from '@hanzogui/lucide-icons-2';
-import { useRef, useState } from 'react';
-import { Popover, PopoverAnchor, PopoverContent } from '../backends/gui/index.js';
-import { RING } from './ring.js';
-import { Choices } from './Tune.js';
-/** How far the finger travels for one level, px. */
-const STEP = 22;
-/** The pip: the level in a letter or two, so the icon says where it stands without a word. */
-const PIP = { auto: 'A', low: 'L', medium: 'M', high: 'H', xhigh: 'XH', max: 'MAX' };
-const pip = (id, label) => PIP[id] ?? label.slice(0, 1).toUpperCase();
-/**
- * `narrow`, a phone: the level stands BESIDE the gauge on the row's centreline
- * rather than tucked under its corner, where at a phone's size it crowds the
- * glyph. The button keeps the row's height and grows as wide as the level needs.
- */
-export function Dial({ effort, size = 36, disabled = false, narrow = false }) {
-    const { t, dir } = useI18n();
-    const [open, setOpen] = useState(false);
-    // The level under the finger while it is held, as a place in the list.
-    const [held, setHeld] = useState(null);
-    const press = useRef(null);
-    const index = Math.max(0, effort.items.findIndex((e) => e.id === effort.value));
-    const now = effort.items[index] ?? effort.items[0];
-    const shown = held === null ? now : (effort.items[held] ?? now);
-    const flip = dir === 'rtl' ? -1 : 1;
-    const clamp = (i) => Math.max(0, Math.min(effort.items.length - 1, i));
-    const go = (i) => {
-        const next = effort.items[clamp(i)];
-        if (next && next.id !== effort.value)
-            effort.set(next.id);
-    };
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, allowFlip: true, placement: "top-end", children: [_jsx(PopoverAnchor, { asChild: true, children: _jsxs(XStack, { position: "relative", shrink: 0, "data-slot": "dial", children: [_jsxs(XStack, { render: "button", "data-slot": "dial-button", "aria-label": t('Effort: {level}', { level: t(now.label) }), "aria-haspopup": "listbox", "aria-expanded": open, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, ...(narrow ? { minW: size, px: 8, gap: 3 } : { width: size }), height: size, rounded: 999, items: "center", justify: "center", shrink: 0, position: "relative", cursor: disabled ? 'default' : 'ew-resize', opacity: disabled ? 0.5 : 1, bg: open || held !== null ? '$hover' : 'transparent', hoverStyle: disabled ? undefined : { bg: '$hover' }, focusVisibleStyle: RING, 
-                            // inline-style: the page must not scroll or select under a drag along the icon.
-                            style: { touchAction: 'none', userSelect: 'none' }, onPointerDown: (e) => {
-                                if (disabled)
-                                    return;
-                                press.current = { x: e.clientX, at: index, moved: false };
-                                e.currentTarget?.setPointerCapture?.(e.pointerId);
-                            }, onPointerMove: (e) => {
-                                const p = press.current;
-                                if (!p)
-                                    return;
-                                const dx = (e.clientX - p.x) * flip;
-                                if (Math.abs(dx) > 4)
-                                    p.moved = true;
-                                if (p.moved)
-                                    setHeld(clamp(p.at + Math.round(dx / STEP)));
-                            }, onPointerUp: (e) => {
-                                const p = press.current;
-                                press.current = null;
-                                e.currentTarget?.releasePointerCapture?.(e.pointerId);
-                                if (!p)
-                                    return;
-                                if (p.moved) {
-                                    go(held ?? p.at);
-                                    setHeld(null);
-                                }
-                                else
-                                    setOpen((o) => !o);
-                            }, onPointerCancel: () => {
-                                press.current = null;
-                                setHeld(null);
-                            }, onKeyDown: (e) => {
-                                if (disabled)
-                                    return;
-                                const key = e?.key;
-                                const step = key === 'ArrowRight' || key === 'ArrowUp' ? flip : key === 'ArrowLeft' || key === 'ArrowDown' ? -flip : 0;
-                                if (step) {
-                                    e.preventDefault?.();
-                                    go(index + step);
-                                }
-                                else if (key === 'Enter' || key === ' ') {
-                                    e.preventDefault?.();
-                                    setOpen((o) => !o);
-                                }
-                            }, children: [_jsx(Gauge, { size: 18, color: "var(--foreground)", "aria-hidden": true }), narrow ? (_jsx(SizableText, { "data-slot": "dial-pip", "aria-hidden": true, fontSize: 12, lineHeight: 16, fontWeight: "600", color: "$quiet", children: pip(shown.id, t(shown.label)) })) : (_jsx(SizableText, { "data-slot": "dial-pip", "aria-hidden": true, position: "absolute", b: 3, insetInlineEnd: 2, fontSize: 9, lineHeight: 10, fontWeight: "700", color: "$ink", px: 2, rounded: 4, bg: "$background", children: pip(shown.id, t(shown.label)) }))] }), held !== null ? (_jsx(XStack, { "data-slot": "dial-tip", role: "status", position: "absolute", b: size + 6, self: "center", px: 8, py: 3, rounded: 6, bg: "$ink", pointerEvents: "none", style: { whiteSpace: 'nowrap' }, children: _jsx(SizableText, { fontSize: 12, color: "$background", children: t(shown.label) }) })) : null] }) }), _jsx(PopoverContent, { solid: true, p: 6, width: 288, maxW: "calc(100vw - 24px)", children: _jsx(Choices, { title: t('Effort'), items: effort.items, value: effort.value, onPick: (id) => {
-                        effort.set(id);
-                        setOpen(false);
-                    } }) })] }));
-}
-//# sourceMappingURL=Dial.js.map

package/dist/chat/Dial.js.map

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

package/dist/chat/ring.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RING = void 0;
-/**
- * The focus ring every composer control wears, from the tokens: drawn on the
- * focused control alone, only for the keyboard (`focus-visible`), the same width
- * and colour on `+`, the effort, the mic, its chevron, send and the chips.
- */
-exports.RING = { outlineColor: '$outlineColor', outlineWidth: 2, outlineStyle: 'solid' };

package/dist/chat/ring.d.ts

@@ -1,11 +0,0 @@
-/**
- * The focus ring every composer control wears, from the tokens: drawn on the
- * focused control alone, only for the keyboard (`focus-visible`), the same width
- * and colour on `+`, the effort, the mic, its chevron, send and the chips.
- */
-export declare const RING: {
-    readonly outlineColor: '$outlineColor';
-    readonly outlineWidth: 2;
-    readonly outlineStyle: 'solid';
-};
-//# sourceMappingURL=ring.d.ts.map

package/dist/chat/ring.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ring.d.ts","sourceRoot":"","sources":["../../src/chat/ring.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,IAAI;aAAK,YAAY,EAAE,eAAe;aAAE,YAAY,EAAE,CAAC;aAAE,YAAY,EAAE,OAAO;CAAW,CAAA"}

package/dist/chat/ring.js

@@ -1,7 +0,0 @@
-/**
- * The focus ring every composer control wears, from the tokens: drawn on the
- * focused control alone, only for the keyboard (`focus-visible`), the same width
- * and colour on `+`, the effort, the mic, its chevron, send and the chips.
- */
-export const RING = { outlineColor: '$outlineColor', outlineWidth: 2, outlineStyle: 'solid' };
-//# sourceMappingURL=ring.js.map

package/dist/chat/ring.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ring.js","sourceRoot":"","sources":["../../src/chat/ring.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO,EAAW,CAAA"}