@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/timeline.js

@@ -0,0 +1,118 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Timeline — a sequence of dated events, one marker and one caption per event,
+ * joined by a connecting line.
+ *
+ * `orientation` picks the axis (a vertical column or a horizontal scroller);
+ * `variant` picks how a vertical row reads: a bordered card beside the line
+ * (`default`), cards alternating left and right of a centered line
+ * (`alternate`), one compact line per event (`compact`), or a plain left rule
+ * with no card (`simple`). A marker's fill and glyph come from the event's
+ * `status` — a check for `completed`, a clock for `active`, nothing (a bare
+ * dot) for `pending` or unset — unless the event supplies its own `icon`.
+ *
+ * `animated` reveals each row with `hz-fade-up` (styles/motion.css) the first
+ * time it scrolls into view, via one shared `IntersectionObserver`; once
+ * revealed a row stays that way. Web only — there is nothing to observe
+ * scrolling into on native, so there `animated` has no effect and every row
+ * renders visible immediately.
+ */
+import { SizableText, XStack, YStack, isWeb, styled, } from '@hanzo/gui';
+import { Check, Circle, Clock } from '@hanzogui/lucide-icons-2';
+import * as React from 'react';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+/** A row is revealed once and stays that way — this never needs to un-see one. */
+const useReveal = (ids, animated) => {
+    const [seen, setSeen] = React.useState(() => new Set(animated ? [] : ids));
+    const observer = React.useRef(null);
+    React.useEffect(() => {
+        if (!animated)
+            setSeen(new Set(ids));
+    }, [animated, ids]);
+    React.useEffect(() => {
+        if (!animated || !isWeb || typeof IntersectionObserver === 'undefined')
+            return;
+        observer.current = new IntersectionObserver((entries) => {
+            const arrived = entries
+                .filter((e) => e.isIntersecting)
+                .map((e) => e.target.dataset.timelineId)
+                .filter((id) => !!id);
+            if (!arrived.length)
+                return;
+            setSeen((prev) => new Set([...prev, ...arrived]));
+        }, { threshold: 0.1, rootMargin: '50px' });
+        const io = observer.current;
+        return () => io.disconnect();
+    }, [animated]);
+    const register = React.useCallback((el) => {
+        if (el)
+            observer.current?.observe(el);
+    }, []);
+    return { seen, register };
+};
+const statusFill = {
+    completed: { bg: '$green9', color: '$white1' },
+    active: { bg: '$blue9', color: '$white1' },
+    pending: { bg: '$gray5', color: '$quiet' },
+};
+const defaultFill = { bg: '$ink', color: '$sunken' };
+const fillFor = (status) => (status ? statusFill[status] : defaultFill);
+const glyphFor = (status, size, color) => {
+    if (status === 'completed')
+        return _jsx(Check, { size: size, color: color });
+    if (status === 'active')
+        return _jsx(Clock, { size: size, color: color });
+    return _jsx(Circle, { size: size, color: color });
+};
+const Marker = ({ item, size }) => {
+    const { bg, color } = fillFor(item.status);
+    return (_jsx(XStack, { ...slot('timeline-marker'), "data-status": item.status ?? 'default', width: size, height: size, shrink: 0, rounded: 9999, items: "center", justify: "center", borderWidth: 2, borderColor: "$background", bg: bg, position: "relative", z: 1, children: item.icon ?? glyphFor(item.status, Math.round(size * 0.32), color) }));
+};
+const Title = styled(SizableText, { name: 'TimelineTitle', fontWeight: '600' });
+const Description = styled(SizableText, {
+    name: 'TimelineDescription',
+    size: '$2',
+    color: '$quiet',
+    mt: '$1',
+});
+const Meta = styled(SizableText, { name: 'TimelineMeta', size: '$1', color: '$quiet', mb: '$1' });
+const CardFrame = styled(YStack, {
+    name: 'TimelineCard',
+    borderWidth: 1,
+    borderColor: '$borderColor',
+    rounded: '$4',
+    bg: '$background',
+    p: '$4',
+});
+const VLine = styled(YStack, { name: 'TimelineConnectorV', position: 'absolute', width: 2, bg: '$borderColor' });
+const HLine = styled(XStack, { name: 'TimelineConnectorH', position: 'absolute', height: 2, bg: '$borderColor' });
+const MetaLine = ({ item }) => {
+    const text = [item.date, item.time].filter(Boolean).join(' • ');
+    return text ? _jsx(Meta, { ...slot('timeline-meta'), children: text }) : null;
+};
+const Body = ({ item, align = 'left' }) => (_jsxs(YStack, { items: align === 'center' ? 'center' : align === 'right' ? 'flex-end' : 'flex-start', children: [_jsx(MetaLine, { item: item }), _jsx(Title, { ...slot('timeline-title'), children: ink(item.title) }), item.description && _jsx(Description, { ...slot('timeline-description'), children: ink(item.description) }), item.content && _jsx(YStack, { mt: "$3", children: item.content })] }));
+const Horizontal = ({ items, reveal }) => (_jsx(XStack, { overflow: "scroll", pb: "$4", children: _jsx(XStack, { items: "flex-start", gap: "$8", children: items.map((item, i) => (_jsxs(YStack, { "data-timeline-id": item.id, ...reveal(item.id), position: "relative", items: "center", minW: 200, children: [i < items.length - 1 && _jsx(HLine, { t: 20, l: "50%", width: "calc(100% + 48px)" }), _jsx(Marker, { item: item, size: 40 }), _jsx(YStack, { mt: "$4", children: _jsx(Body, { item: item, align: "center" }) })] }, item.id))) }) }));
+const Default = ({ items, reveal }) => (_jsx(YStack, { gap: "$8", children: items.map((item, i) => (_jsxs(XStack, { "data-timeline-id": item.id, ...reveal(item.id), position: "relative", gap: "$6", children: [i < items.length - 1 && _jsx(VLine, { l: 20, t: 40, b: -48 }), _jsx(Marker, { item: item, size: 40 }), _jsx(YStack, { flex: 1, children: _jsx(CardFrame, { children: _jsx(Body, { item: item }) }) })] }, item.id))) }));
+const Alternate = ({ items, reveal }) => (_jsxs(YStack, { position: "relative", gap: "$8", children: [_jsx(VLine, { l: "50%", x: -1, t: 0, b: 0 }), items.map((item, i) => {
+            const right = i % 2 === 1;
+            return (_jsx(XStack, { "data-timeline-id": item.id, ...reveal(item.id), justify: right ? 'flex-end' : 'flex-start', children: _jsxs(YStack, { width: "calc(50% - 2rem)", items: right ? 'flex-start' : 'flex-end', gap: "$2", children: [_jsx(Marker, { item: item, size: 40 }), _jsx(CardFrame, { width: "100%", children: _jsx(Body, { item: item, align: right ? 'left' : 'right' }) })] }) }, item.id));
+        })] }));
+const Compact = ({ items, reveal }) => (_jsx(YStack, { gap: "$1", children: items.map((item) => (_jsxs(XStack, { "data-timeline-id": item.id, ...reveal(item.id), items: "center", gap: "$4", p: "$2", rounded: "$4", hoverStyle: { bg: '$hover' }, children: [_jsx(Marker, { item: item, size: 24 }), _jsxs(XStack, { flex: 1, items: "baseline", justify: "space-between", gap: "$2", children: [_jsxs(XStack, { items: "baseline", gap: "$2", children: [_jsx(Title, { ...slot('timeline-title'), size: "$2", children: ink(item.title) }), item.description && (_jsx(Description, { ...slot('timeline-description'), mt: 0, size: "$2", children: ink(item.description) }))] }), _jsx(MetaLine, { item: item })] })] }, item.id))) }));
+const Simple = ({ items, reveal }) => (_jsx(YStack, { borderLeftWidth: 2, borderColor: "$borderColor", pl: "$6", gap: "$6", children: items.map((item) => (_jsxs(YStack, { "data-timeline-id": item.id, ...reveal(item.id), position: "relative", children: [_jsx(XStack, { position: "absolute", l: -28, t: 2, children: _jsx(Marker, { item: item, size: 16 }) }), _jsx(Body, { item: item })] }, item.id))) }));
+/** The shared `data-timeline-id` + reveal wiring, one call per row. */
+const revealProps = (id, seen, register, animated) => animated
+    ? {
+        ref: register,
+        className: seen.has(id) ? 'hz-fade-up' : undefined,
+        style: seen.has(id) ? undefined : { opacity: 0 },
+    }
+    : {};
+export const Timeline = ({ items, orientation = 'vertical', variant = 'default', animated = true, ...props }) => {
+    const ids = React.useMemo(() => items.map((item) => item.id), [items]);
+    const { seen, register } = useReveal(ids, animated);
+    const reveal = (id) => revealProps(id, seen, register, animated);
+    return (_jsx(YStack, { ...slot('timeline'), "data-orientation": orientation, "data-variant": variant, "data-animated": animated, position: "relative", ...props, children: orientation === 'horizontal' ? (_jsx(Horizontal, { items: items, reveal: reveal })) : variant === 'alternate' ? (_jsx(Alternate, { items: items, reveal: reveal })) : variant === 'compact' ? (_jsx(Compact, { items: items, reveal: reveal })) : variant === 'simple' ? (_jsx(Simple, { items: items, reveal: reveal })) : (_jsx(Default, { items: items, reveal: reveal })) }));
+};
+//# sourceMappingURL=timeline.js.map

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

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

package/dist/backends/gui/toggle.cjs

@@ -0,0 +1,96 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = Toggle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Toggle — a single two-state button: pressed or not.
+ *
+ * `ToggleGroup` already carries this exact recipe — the density ladder, the
+ * REST/ON fill per variant, `unstyled` plus a hand-rolled focus ring — for one
+ * segment among several. A bare `Toggle` is the same button standing alone, so
+ * it repeats those numbers rather than reaching for `ToggleGroup`, which for a
+ * group of one would still carry `role="radiogroup"` and roving arrow-key focus
+ * a standalone control has no use for.
+ *
+ * State is driven through gui's `useControllableState`, the same mechanism
+ * `ToggleGroup` drives its own value with, so an uncontrolled `<Toggle>` and a
+ * controlled `<Toggle pressed onPressedChange>` are one component rather than
+ * two code paths.
+ *
+ * The substrate is `styled(XStack)` rendered as a real `<button>` via `render`
+ * — the same seam `Badge` uses for `asChild` — so `aria-pressed` and
+ * `data-state` land on an actual button element, never a `<div role="button">`.
+ */
+const gui_1 = require("@hanzo/gui");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+/** The Button ladder, so a Toggle sitting next to a Button lines up. */
+const HEIGHT = { default: 36, sm: 32, lg: 40 };
+const PAD = { default: '$3', sm: '$2.5', lg: '$4' };
+/** The system's WCAG-checked ring — `unstyled` drops gui's, so restore it. */
+const RING = { outlineColor: '$outlineColor', outlineWidth: 2, outlineStyle: 'solid' };
+const ToggleFrame = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'Toggle',
+    unstyled: true,
+    display: 'inline-flex',
+    items: 'center',
+    justify: 'center',
+    gap: '$1.5',
+    shrink: 0,
+    rounded: '$3',
+    borderWidth: 1,
+    select: 'none',
+    cursor: 'pointer',
+    focusVisibleStyle: RING,
+    variants: {
+        variant: {
+            default: {
+                bg: 'transparent',
+                borderColor: 'transparent',
+                hoverStyle: { bg: '$hover', color: '$quiet' },
+            },
+            outline: {
+                bg: 'transparent',
+                borderColor: '$borderColor',
+                hoverStyle: { bg: '$hover', color: '$ink' },
+            },
+        },
+        size: {
+            default: { height: HEIGHT.default, minWidth: HEIGHT.default, px: PAD.default },
+            sm: { height: HEIGHT.sm, minWidth: HEIGHT.sm, px: PAD.sm },
+            lg: { height: HEIGHT.lg, minWidth: HEIGHT.lg, px: PAD.lg },
+        },
+        // The ON treatment — one step of fill, same rung `ToggleGroup` selects
+        // with, kept under hover and focus by merging into those pseudo-styles
+        // rather than only rest: a pressed toggle must not read as unpressed the
+        // moment the pointer sits on it.
+        on: {
+            true: {
+                bg: '$rim',
+                borderColor: '$bound',
+                hoverStyle: { bg: '$rim' },
+                focusVisibleStyle: { ...RING, bg: '$rim' },
+            },
+        },
+        disabled: {
+            true: { opacity: 0.5, pointerEvents: 'none', cursor: 'not-allowed' },
+        },
+    },
+    defaultVariants: { variant: 'default', size: 'default' },
+});
+function Toggle({ variant = 'default', size = 'default', pressed, defaultPressed = false, onPressedChange, disabled = false, type = 'button', onClick, children, ...props }) {
+    const [on, setOn] = (0, gui_1.useControllableState)({
+        prop: pressed,
+        defaultProp: defaultPressed,
+        onChange: onPressedChange,
+    });
+    const v = variant ?? 'default';
+    const s = size ?? 'default';
+    return ((0, jsx_runtime_1.jsx)(ToggleFrame, { ...(0, slot_1.slot)('toggle'), render: "button", ...{ type }, "data-variant": v, "data-size": s, "data-state": on ? 'on' : 'off', "data-disabled": disabled || undefined, "aria-pressed": on, variant: v, size: s, on: on, disabled: disabled, onClick: ((e) => {
+            onClick?.(e);
+            if (!e.defaultPrevented && !disabled)
+                setOn(!on);
+        }), ...(0, gesture_1.touch)(HEIGHT[s], 44, 'y'), ...props, children: (0, ink_1.ink)(children, undefined, { size: '$3', fontWeight: '500', color: on ? '$ink' : '$quiet' }) }));
+}

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

@@ -0,0 +1,29 @@
+import type { ComponentProps, MouseEventHandler, ReactNode } from 'react';
+export type ToggleVariant = 'default' | 'outline';
+export type ToggleSize = 'default' | 'sm' | 'lg';
+declare const ToggleFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    disabled?: boolean | undefined;
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+    on?: boolean | undefined;
+    size?: "default" | "lg" | "sm" | undefined;
+    variant?: "default" | "outline" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type ToggleProps = Omit<ComponentProps<typeof ToggleFrame>, 'variant' | 'size' | 'onPress' | 'children' | 'onClick'> & {
+    variant?: ToggleVariant | null;
+    size?: ToggleSize | null;
+    /** Controlled pressed state. */
+    pressed?: boolean;
+    /** Initial pressed state when uncontrolled. */
+    defaultPressed?: boolean;
+    onPressedChange?(pressed: boolean): void;
+    disabled?: boolean;
+    children?: ReactNode;
+    /** The DOM button type — a bare button inside a form defaults to submit. */
+    type?: 'button' | 'submit' | 'reset';
+    /** The DOM click, on the real `<button>` this renders as. */
+    onClick?: MouseEventHandler<HTMLElement>;
+};
+declare function Toggle({ variant, size, pressed, defaultPressed, onPressedChange, disabled, type, onClick, children, ...props }: ToggleProps): import("react").JSX.Element;
+export { Toggle };
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toggle.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKzE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AACjD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAShD,QAAA,MAAM,WAAW;;;;;;;8CAkDf,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,WAAW,CAAC,EAClC,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CACxD,GAAG;IACF,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CACzC,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,OAAmB,EACnB,IAAgB,EAChB,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,IAAe,EACf,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,+BAkCb;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/backends/gui/toggle.js

@@ -0,0 +1,95 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Toggle — a single two-state button: pressed or not.
+ *
+ * `ToggleGroup` already carries this exact recipe — the density ladder, the
+ * REST/ON fill per variant, `unstyled` plus a hand-rolled focus ring — for one
+ * segment among several. A bare `Toggle` is the same button standing alone, so
+ * it repeats those numbers rather than reaching for `ToggleGroup`, which for a
+ * group of one would still carry `role="radiogroup"` and roving arrow-key focus
+ * a standalone control has no use for.
+ *
+ * State is driven through gui's `useControllableState`, the same mechanism
+ * `ToggleGroup` drives its own value with, so an uncontrolled `<Toggle>` and a
+ * controlled `<Toggle pressed onPressedChange>` are one component rather than
+ * two code paths.
+ *
+ * The substrate is `styled(XStack)` rendered as a real `<button>` via `render`
+ * — the same seam `Badge` uses for `asChild` — so `aria-pressed` and
+ * `data-state` land on an actual button element, never a `<div role="button">`.
+ */
+import { XStack, styled, useControllableState } from '@hanzo/gui';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+/** The Button ladder, so a Toggle sitting next to a Button lines up. */
+const HEIGHT = { default: 36, sm: 32, lg: 40 };
+const PAD = { default: '$3', sm: '$2.5', lg: '$4' };
+/** The system's WCAG-checked ring — `unstyled` drops gui's, so restore it. */
+const RING = { outlineColor: '$outlineColor', outlineWidth: 2, outlineStyle: 'solid' };
+const ToggleFrame = styled(XStack, {
+    name: 'Toggle',
+    unstyled: true,
+    display: 'inline-flex',
+    items: 'center',
+    justify: 'center',
+    gap: '$1.5',
+    shrink: 0,
+    rounded: '$3',
+    borderWidth: 1,
+    select: 'none',
+    cursor: 'pointer',
+    focusVisibleStyle: RING,
+    variants: {
+        variant: {
+            default: {
+                bg: 'transparent',
+                borderColor: 'transparent',
+                hoverStyle: { bg: '$hover', color: '$quiet' },
+            },
+            outline: {
+                bg: 'transparent',
+                borderColor: '$borderColor',
+                hoverStyle: { bg: '$hover', color: '$ink' },
+            },
+        },
+        size: {
+            default: { height: HEIGHT.default, minWidth: HEIGHT.default, px: PAD.default },
+            sm: { height: HEIGHT.sm, minWidth: HEIGHT.sm, px: PAD.sm },
+            lg: { height: HEIGHT.lg, minWidth: HEIGHT.lg, px: PAD.lg },
+        },
+        // The ON treatment — one step of fill, same rung `ToggleGroup` selects
+        // with, kept under hover and focus by merging into those pseudo-styles
+        // rather than only rest: a pressed toggle must not read as unpressed the
+        // moment the pointer sits on it.
+        on: {
+            true: {
+                bg: '$rim',
+                borderColor: '$bound',
+                hoverStyle: { bg: '$rim' },
+                focusVisibleStyle: { ...RING, bg: '$rim' },
+            },
+        },
+        disabled: {
+            true: { opacity: 0.5, pointerEvents: 'none', cursor: 'not-allowed' },
+        },
+    },
+    defaultVariants: { variant: 'default', size: 'default' },
+});
+function Toggle({ variant = 'default', size = 'default', pressed, defaultPressed = false, onPressedChange, disabled = false, type = 'button', onClick, children, ...props }) {
+    const [on, setOn] = useControllableState({
+        prop: pressed,
+        defaultProp: defaultPressed,
+        onChange: onPressedChange,
+    });
+    const v = variant ?? 'default';
+    const s = size ?? 'default';
+    return (_jsx(ToggleFrame, { ...slot('toggle'), render: "button", ...{ type }, "data-variant": v, "data-size": s, "data-state": on ? 'on' : 'off', "data-disabled": disabled || undefined, "aria-pressed": on, variant: v, size: s, on: on, disabled: disabled, onClick: ((e) => {
+            onClick?.(e);
+            if (!e.defaultPrevented && !disabled)
+                setOn(!on);
+        }), ...touch(HEIGHT[s], 44, 'y'), ...props, children: ink(children, undefined, { size: '$3', fontWeight: '500', color: on ? '$ink' : '$quiet' }) }));
+}
+export { Toggle };
+//# sourceMappingURL=toggle.js.map

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

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