@hanzo/ui 8.27.9 → 8.27.10

package/dist/backends/gui/calendar.cjs

@@ -0,0 +1,152 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = Calendar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Calendar — a month grid for picking one date, several dates, or a range.
+ *
+ * `mode` names the selection: `single` hands back a `Date`, `multiple` a
+ * `Date[]`, `range` a `{ from, to }` that each pick grows and a pick on either
+ * end shrinks back to that one day; picking the one selected day clears it.
+ * A `disabled` predicate says which days cannot be picked. Every day and both
+ * month controls are the backend `Button`, so hover, focus and the 44px touch
+ * floor are the ones every control has. One day at a time is in the tab order
+ * — the selected day, else today, else the first of the month — and from it
+ * the arrow keys move a day or a week, Home and End go to the ends of the
+ * week, PageUp and PageDown change the month, paging the view whenever the
+ * target lies off it. The seven-column week is `Grid`/`Cell`, a real CSS
+ * grid, so the columns are the container's and no label can widen its own.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const grid_1 = require("../../grid.cjs");
+const sx_1 = require("../../sx.cjs");
+const button_1 = require("./button.cjs");
+const slot_1 = require("./slot.cjs");
+const MONTHS = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+const WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+const day = (y, m, d) => new Date(y, m, d);
+/** The calendar day as a key, local and free of any time a `selected` carries. */
+const key = (d) => `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
+const same = (a, b) => !!a && !!b && key(a) === key(b);
+const at = (d) => day(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+const shift = (d, days) => day(d.getFullYear(), d.getMonth(), d.getDate() + days);
+const first = (d, months = 0) => day(d.getFullYear(), d.getMonth() + months, 1);
+/** `months` over, on the same day of the month or the last one it has. */
+const page = (d, months) => {
+    const last = day(d.getFullYear(), d.getMonth() + months + 1, 0);
+    return day(last.getFullYear(), last.getMonth(), Math.min(d.getDate(), last.getDate()));
+};
+/** A month's grid in row order, whole weeks; `null` where an outside day is hidden. */
+const cells = (m, weekStartsOn, outside) => {
+    const lead = (m.getDay() - weekStartsOn + 7) % 7;
+    const total = day(m.getFullYear(), m.getMonth() + 1, 0).getDate();
+    return Array.from({ length: Math.ceil((lead + total) / 7) * 7 }, (_, i) => {
+        const n = i - lead + 1;
+        return outside || (n >= 1 && n <= total) ? day(m.getFullYear(), m.getMonth(), n) : null;
+    });
+};
+const picked = (props, d) => {
+    if (props.mode === 'multiple')
+        return (props.selected ?? []).some((s) => same(s, d));
+    if (props.mode === 'range') {
+        const { from, to } = props.selected ?? {};
+        return !!from && (to ? at(from) <= at(d) && at(d) <= at(to) : same(from, d));
+    }
+    return same(props.selected, d);
+};
+const extend = (r, d) => {
+    const { from, to } = r ?? {};
+    if (!from)
+        return { from: d, to: d };
+    if (!to)
+        return at(d) < at(from) ? { from: d, to: from } : { from, to: d };
+    if (same(from, d) && same(to, d))
+        return undefined;
+    if (same(from, d))
+        return { from, to: d };
+    if (same(to, d))
+        return { from: d, to: d };
+    return at(d) < at(from) ? { from: d, to } : { from, to: d };
+};
+const pick = (props, d) => {
+    if (props.mode === 'multiple') {
+        const now = props.selected ?? [];
+        props.onSelect?.(now.some((s) => same(s, d)) ? now.filter((s) => !same(s, d)) : [...now, d]);
+    }
+    else if (props.mode === 'range')
+        props.onSelect?.(extend(props.selected, d));
+    else
+        props.onSelect?.(same(props.selected, d) ? undefined : d);
+};
+/** Where a key moves focus from `d`, or nothing for a key that does not. */
+const step = (k, d, weekStartsOn) => {
+    const dow = (d.getDay() - weekStartsOn + 7) % 7;
+    return k === 'ArrowLeft' ? shift(d, -1)
+        : k === 'ArrowRight' ? shift(d, 1)
+            : k === 'ArrowUp' ? shift(d, -7)
+                : k === 'ArrowDown' ? shift(d, 7)
+                    : k === 'Home' ? shift(d, -dow)
+                        : k === 'End' ? shift(d, 6 - dow)
+                            : k === 'PageUp' ? page(d, -1)
+                                : k === 'PageDown' ? page(d, 1)
+                                    : undefined;
+};
+function Calendar(props) {
+    const { month: monthProp, defaultMonth, onMonthChange, numberOfMonths = 1, weekStartsOn = 0, showOutsideDays = true, disabled, initialFocus, className, } = props;
+    const [own, setOwn] = (0, react_1.useState)(() => first(defaultMonth ?? new Date()));
+    const head = monthProp ? first(monthProp) : own;
+    const months = Array.from({ length: numberOfMonths }, (_, i) => first(head, i));
+    const grid = months.map((m) => cells(m, weekStartsOn, showOutsideDays));
+    const inside = (d) => !!d && at(d) >= at(head) && at(d) < at(first(head, numberOfMonths));
+    const shown = (d) => grid.some((g) => g.some((c) => same(c, d)));
+    const labels = [...WEEKDAYS.slice(weekStartsOn), ...WEEKDAYS.slice(0, weekStartsOn)];
+    const today = new Date();
+    const range = props.mode === 'range' ? (props.selected ?? {}) : {};
+    const [focused, setFocused] = (0, react_1.useState)();
+    const picks = props.mode === 'multiple' ? (props.selected ?? [])
+        : props.mode === 'range' ? [props.selected?.from]
+            : [props.selected];
+    const focus = focused && shown(focused) ? focused : (picks.find(inside) ?? (inside(today) ? today : head));
+    const root = (0, react_1.useRef)(null);
+    const pending = (0, react_1.useRef)(!!initialFocus);
+    (0, react_1.useEffect)(() => {
+        const node = root.current;
+        if (!pending.current || typeof HTMLElement === 'undefined' || !(node instanceof HTMLElement))
+            return;
+        pending.current = false;
+        const k = `[data-date="${key(focus)}"]`;
+        (node.querySelector(`${k}:not([data-outside])`) ?? node.querySelector(k))?.focus();
+    });
+    const navigate = (n) => {
+        const next = first(head, n);
+        setOwn(next);
+        onMonthChange?.(next);
+    };
+    const move = (e, from) => {
+        const next = step(e.key, from, weekStartsOn);
+        if (!next)
+            return;
+        e.preventDefault();
+        pending.current = true;
+        setFocused(next);
+        if (!shown(next))
+            navigate(at(next) < at(head) ? -1 : 1);
+    };
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: root, ...(0, slot_1.slot)('calendar'), flexWrap: "wrap", gap: "$4", p: "$3", ...(0, sx_1.sx)(className), children: months.map((m, i) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('calendar-month'), gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('calendar-caption'), items: "center", justify: "space-between", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 32, children: i === 0 && ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('calendar-nav-previous'), "aria-label": "Previous month", variant: "outline", size: "icon-sm", onClick: () => navigate(-1), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { size: 16 }) })) }), (0, jsx_runtime_1.jsxs)(gui_1.SizableText, { ...(0, slot_1.slot)('calendar-caption-label'), size: "$3", fontWeight: "500", children: [MONTHS[m.getMonth()], " ", m.getFullYear()] }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 32, items: "flex-end", children: i === months.length - 1 && ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('calendar-nav-next'), "aria-label": "Next month", variant: "outline", size: "icon-sm", onClick: () => navigate(1), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 16 }) })) })] }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: 7, gap: "$1", children: [labels.map((label) => ((0, jsx_runtime_1.jsx)(grid_1.Cell, { style: { textAlign: 'center' }, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$quiet", children: label }) }, label))), grid[i].map((d, j) => {
+                            if (!d)
+                                return (0, jsx_runtime_1.jsx)(grid_1.Cell, {}, j);
+                            const outside = d.getMonth() !== m.getMonth();
+                            const selected = picked(props, d);
+                            const start = same(range.from, d);
+                            const end = same(range.to, d);
+                            const middle = selected && props.mode === 'range' && !start && !end;
+                            const isToday = same(d, today);
+                            return ((0, jsx_runtime_1.jsx)(grid_1.Cell, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('calendar-day'), "data-date": key(d), "data-today": isToday || undefined, "data-outside": outside || undefined, "data-selected": selected || undefined, "data-range-start": start || undefined, "data-range-end": end || undefined, "data-range-middle": middle || undefined, "aria-selected": selected, "aria-label": d.toDateString(), variant: selected && !middle ? 'primary' : middle || isToday ? 'secondary' : 'ghost', size: "icon", width: "100%", opacity: outside ? 0.5 : 1, disabled: !!disabled?.(d), tabIndex: same(d, focus) && (!outside || !inside(focus)) ? 0 : -1, onFocus: () => setFocused(d), onKeyDown: (e) => move(e, d), onClick: () => pick(props, d), children: d.getDate() }) }, j));
+                        })] })] }, i))) }));
+}

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

@@ -0,0 +1,41 @@
+type Weekday = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type CalendarRange = {
+    from?: Date;
+    to?: Date;
+};
+interface CalendarSharedProps {
+    /** The month shown, controlled. Uncontrolled starts at `defaultMonth`, else today's. */
+    month?: Date;
+    defaultMonth?: Date;
+    onMonthChange?: (month: Date) => void;
+    /** How many consecutive months to lay out. Default 1. */
+    numberOfMonths?: number;
+    /** Fill the first and last week with the neighbouring months' days, dimmed. Default true. */
+    showOutsideDays?: boolean;
+    /** First column of the week: `0` Sunday (default) through `6` Saturday. */
+    weekStartsOn?: Weekday;
+    /** A day this returns true for cannot be picked. */
+    disabled?: (date: Date) => boolean;
+    /** Focus the tab-stop day on mount — a calendar opened inside a popover. */
+    initialFocus?: boolean;
+    className?: string;
+}
+export interface CalendarSingleProps extends CalendarSharedProps {
+    mode?: 'single';
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+}
+export interface CalendarMultipleProps extends CalendarSharedProps {
+    mode: 'multiple';
+    selected?: Date[];
+    onSelect?: (dates: Date[] | undefined) => void;
+}
+export interface CalendarRangeProps extends CalendarSharedProps {
+    mode: 'range';
+    selected?: CalendarRange;
+    onSelect?: (range: CalendarRange | undefined) => void;
+}
+export type CalendarProps = CalendarSingleProps | CalendarMultipleProps | CalendarRangeProps;
+declare function Calendar(props: CalendarProps): import("react").JSX.Element;
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/calendar.tsx"],"names":[],"mappings":"AAkCA,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAExC,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAEtD,UAAU,mBAAmB;IAC3B,wFAAwF;IACxF,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IACrC,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,6FAA6F;IAC7F,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAClC,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5C;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/C;AAED,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;CACtD;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,qBAAqB,GAAG,kBAAkB,CAAA;AAkE5F,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,+BA8IrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/backends/gui/calendar.js

@@ -0,0 +1,151 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Calendar — a month grid for picking one date, several dates, or a range.
+ *
+ * `mode` names the selection: `single` hands back a `Date`, `multiple` a
+ * `Date[]`, `range` a `{ from, to }` that each pick grows and a pick on either
+ * end shrinks back to that one day; picking the one selected day clears it.
+ * A `disabled` predicate says which days cannot be picked. Every day and both
+ * month controls are the backend `Button`, so hover, focus and the 44px touch
+ * floor are the ones every control has. One day at a time is in the tab order
+ * — the selected day, else today, else the first of the month — and from it
+ * the arrow keys move a day or a week, Home and End go to the ends of the
+ * week, PageUp and PageDown change the month, paging the view whenever the
+ * target lies off it. The seven-column week is `Grid`/`Cell`, a real CSS
+ * grid, so the columns are the container's and no label can widen its own.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { ChevronLeft, ChevronRight } from '@hanzogui/lucide-icons-2';
+import { useEffect, useRef, useState } from 'react';
+import { Cell, Grid } from '../../grid.js';
+import { sx } from '../../sx.js';
+import { Button } from './button.js';
+import { slot } from './slot.js';
+const MONTHS = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+const WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+const day = (y, m, d) => new Date(y, m, d);
+/** The calendar day as a key, local and free of any time a `selected` carries. */
+const key = (d) => `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
+const same = (a, b) => !!a && !!b && key(a) === key(b);
+const at = (d) => day(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+const shift = (d, days) => day(d.getFullYear(), d.getMonth(), d.getDate() + days);
+const first = (d, months = 0) => day(d.getFullYear(), d.getMonth() + months, 1);
+/** `months` over, on the same day of the month or the last one it has. */
+const page = (d, months) => {
+    const last = day(d.getFullYear(), d.getMonth() + months + 1, 0);
+    return day(last.getFullYear(), last.getMonth(), Math.min(d.getDate(), last.getDate()));
+};
+/** A month's grid in row order, whole weeks; `null` where an outside day is hidden. */
+const cells = (m, weekStartsOn, outside) => {
+    const lead = (m.getDay() - weekStartsOn + 7) % 7;
+    const total = day(m.getFullYear(), m.getMonth() + 1, 0).getDate();
+    return Array.from({ length: Math.ceil((lead + total) / 7) * 7 }, (_, i) => {
+        const n = i - lead + 1;
+        return outside || (n >= 1 && n <= total) ? day(m.getFullYear(), m.getMonth(), n) : null;
+    });
+};
+const picked = (props, d) => {
+    if (props.mode === 'multiple')
+        return (props.selected ?? []).some((s) => same(s, d));
+    if (props.mode === 'range') {
+        const { from, to } = props.selected ?? {};
+        return !!from && (to ? at(from) <= at(d) && at(d) <= at(to) : same(from, d));
+    }
+    return same(props.selected, d);
+};
+const extend = (r, d) => {
+    const { from, to } = r ?? {};
+    if (!from)
+        return { from: d, to: d };
+    if (!to)
+        return at(d) < at(from) ? { from: d, to: from } : { from, to: d };
+    if (same(from, d) && same(to, d))
+        return undefined;
+    if (same(from, d))
+        return { from, to: d };
+    if (same(to, d))
+        return { from: d, to: d };
+    return at(d) < at(from) ? { from: d, to } : { from, to: d };
+};
+const pick = (props, d) => {
+    if (props.mode === 'multiple') {
+        const now = props.selected ?? [];
+        props.onSelect?.(now.some((s) => same(s, d)) ? now.filter((s) => !same(s, d)) : [...now, d]);
+    }
+    else if (props.mode === 'range')
+        props.onSelect?.(extend(props.selected, d));
+    else
+        props.onSelect?.(same(props.selected, d) ? undefined : d);
+};
+/** Where a key moves focus from `d`, or nothing for a key that does not. */
+const step = (k, d, weekStartsOn) => {
+    const dow = (d.getDay() - weekStartsOn + 7) % 7;
+    return k === 'ArrowLeft' ? shift(d, -1)
+        : k === 'ArrowRight' ? shift(d, 1)
+            : k === 'ArrowUp' ? shift(d, -7)
+                : k === 'ArrowDown' ? shift(d, 7)
+                    : k === 'Home' ? shift(d, -dow)
+                        : k === 'End' ? shift(d, 6 - dow)
+                            : k === 'PageUp' ? page(d, -1)
+                                : k === 'PageDown' ? page(d, 1)
+                                    : undefined;
+};
+function Calendar(props) {
+    const { month: monthProp, defaultMonth, onMonthChange, numberOfMonths = 1, weekStartsOn = 0, showOutsideDays = true, disabled, initialFocus, className, } = props;
+    const [own, setOwn] = useState(() => first(defaultMonth ?? new Date()));
+    const head = monthProp ? first(monthProp) : own;
+    const months = Array.from({ length: numberOfMonths }, (_, i) => first(head, i));
+    const grid = months.map((m) => cells(m, weekStartsOn, showOutsideDays));
+    const inside = (d) => !!d && at(d) >= at(head) && at(d) < at(first(head, numberOfMonths));
+    const shown = (d) => grid.some((g) => g.some((c) => same(c, d)));
+    const labels = [...WEEKDAYS.slice(weekStartsOn), ...WEEKDAYS.slice(0, weekStartsOn)];
+    const today = new Date();
+    const range = props.mode === 'range' ? (props.selected ?? {}) : {};
+    const [focused, setFocused] = useState();
+    const picks = props.mode === 'multiple' ? (props.selected ?? [])
+        : props.mode === 'range' ? [props.selected?.from]
+            : [props.selected];
+    const focus = focused && shown(focused) ? focused : (picks.find(inside) ?? (inside(today) ? today : head));
+    const root = useRef(null);
+    const pending = useRef(!!initialFocus);
+    useEffect(() => {
+        const node = root.current;
+        if (!pending.current || typeof HTMLElement === 'undefined' || !(node instanceof HTMLElement))
+            return;
+        pending.current = false;
+        const k = `[data-date="${key(focus)}"]`;
+        (node.querySelector(`${k}:not([data-outside])`) ?? node.querySelector(k))?.focus();
+    });
+    const navigate = (n) => {
+        const next = first(head, n);
+        setOwn(next);
+        onMonthChange?.(next);
+    };
+    const move = (e, from) => {
+        const next = step(e.key, from, weekStartsOn);
+        if (!next)
+            return;
+        e.preventDefault();
+        pending.current = true;
+        setFocused(next);
+        if (!shown(next))
+            navigate(at(next) < at(head) ? -1 : 1);
+    };
+    return (_jsx(XStack, { ref: root, ...slot('calendar'), flexWrap: "wrap", gap: "$4", p: "$3", ...sx(className), children: months.map((m, i) => (_jsxs(YStack, { ...slot('calendar-month'), gap: "$4", children: [_jsxs(XStack, { ...slot('calendar-caption'), items: "center", justify: "space-between", children: [_jsx(YStack, { width: 32, children: i === 0 && (_jsx(Button, { ...slot('calendar-nav-previous'), "aria-label": "Previous month", variant: "outline", size: "icon-sm", onClick: () => navigate(-1), children: _jsx(ChevronLeft, { size: 16 }) })) }), _jsxs(SizableText, { ...slot('calendar-caption-label'), size: "$3", fontWeight: "500", children: [MONTHS[m.getMonth()], " ", m.getFullYear()] }), _jsx(YStack, { width: 32, items: "flex-end", children: i === months.length - 1 && (_jsx(Button, { ...slot('calendar-nav-next'), "aria-label": "Next month", variant: "outline", size: "icon-sm", onClick: () => navigate(1), children: _jsx(ChevronRight, { size: 16 }) })) })] }), _jsxs(Grid, { columns: 7, gap: "$1", children: [labels.map((label) => (_jsx(Cell, { style: { textAlign: 'center' }, children: _jsx(SizableText, { size: "$1", color: "$quiet", children: label }) }, label))), grid[i].map((d, j) => {
+                            if (!d)
+                                return _jsx(Cell, {}, j);
+                            const outside = d.getMonth() !== m.getMonth();
+                            const selected = picked(props, d);
+                            const start = same(range.from, d);
+                            const end = same(range.to, d);
+                            const middle = selected && props.mode === 'range' && !start && !end;
+                            const isToday = same(d, today);
+                            return (_jsx(Cell, { children: _jsx(Button, { ...slot('calendar-day'), "data-date": key(d), "data-today": isToday || undefined, "data-outside": outside || undefined, "data-selected": selected || undefined, "data-range-start": start || undefined, "data-range-end": end || undefined, "data-range-middle": middle || undefined, "aria-selected": selected, "aria-label": d.toDateString(), variant: selected && !middle ? 'primary' : middle || isToday ? 'secondary' : 'ghost', size: "icon", width: "100%", opacity: outside ? 0.5 : 1, disabled: !!disabled?.(d), tabIndex: same(d, focus) && (!outside || !inside(focus)) ? 0 : -1, onFocus: () => setFocused(d), onKeyDown: (e) => move(e, d), onClick: () => pick(props, d), children: d.getDate() }) }, j));
+                        })] })] }, i))) }));
+}
+export { Calendar };
+//# sourceMappingURL=calendar.js.map

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

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

package/dist/backends/gui/choicebox.cjs

@@ -0,0 +1,50 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Choicebox = Choicebox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Choicebox — a list of full-width cards, one of which (or several, under
+ * `multiple`) is the chosen answer. Each card carries a label, an optional
+ * description and a circular indicator that fills in when the card is picked.
+ *
+ * Built directly on `@hanzo/gui`'s `ToggleGroup`, the same group primitive
+ * `./toggle-group` wraps for the segmented control: the selection is driven
+ * through `value`/`onValueChange` exactly as that file drives it, so rove
+ * focus, keyboard selection and the group's own click handling all come from
+ * gui rather than being reimplemented here. The frame names the roles a
+ * choice group needs and `ToggleGroup` leaves to the caller —
+ * `radiogroup`/`radio` for a single answer, `group` with `role="checkbox"` per
+ * card for several. A single answer never clears itself
+ * (`disableDeactivation`), because an exclusive choice that can go empty is a
+ * different control.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const DOT = 20;
+/** `"a,b"` <-> `["a", "b"]` — the wire shape stays the single joined string the
+ *  original API returned; only the group's own bookkeeping is an array. */
+const toList = (value) => (value ? value.split(',').filter(Boolean) : []);
+function Choicebox({ options, value, defaultValue, onChange, multiple = false, ...props }) {
+    const [selected, setSelected] = (0, gui_1.useControllableState)({
+        prop: value !== undefined ? toList(value) : undefined,
+        defaultProp: toList(defaultValue),
+        onChange: (next) => onChange?.(next.join(',')),
+    });
+    const picked = selected ?? [];
+    return ((0, jsx_runtime_1.jsx)(gui_1.ToggleGroup, { ...(0, slot_1.slot)('choicebox'), ...{
+            type: multiple ? 'multiple' : 'single',
+            value: multiple ? picked : (picked[0] ?? ''),
+            onValueChange: multiple
+                ? (next) => setSelected(next)
+                : (next) => setSelected(next ? [next] : []),
+            disableDeactivation: !multiple,
+        }, role: multiple ? 'group' : 'radiogroup', orientation: "vertical", flexDirection: "column", gap: "$2", ...props, children: options.map((option) => {
+            const on = picked.includes(option.value);
+            return ((0, jsx_runtime_1.jsxs)(gui_1.ToggleGroup.Item, { ...(0, slot_1.slot)('choicebox-item'), value: option.value, role: multiple ? 'checkbox' : 'radio', "aria-checked": on, "data-state": on ? 'checked' : 'unchecked', unstyled: true, flexDirection: "row", items: "flex-start", gap: "$3", width: "100%", rounded: "$4", borderWidth: 2, borderColor: on ? '$ink' : '$borderColor', backgroundColor: on ? '$raised' : 'transparent', px: "$4", py: "$3.5", cursor: "pointer", hoverStyle: { backgroundColor: on ? '$raised' : '$hover' }, children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('choicebox-indicator'), width: DOT, height: DOT, shrink: 0, mt: 2, rounded: 1000, borderWidth: 2, borderColor: on ? '$ink' : '$bound', bg: on ? '$ink' : 'transparent', items: "center", justify: "center", children: on && (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: DOT - 8, color: "white" }) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, gap: "$1", children: [(0, ink_1.ink)(option.label, gui_1.SizableText, { size: '$3', fontWeight: '600' }), option.description
+                                ? (0, ink_1.ink)(option.description, gui_1.SizableText, { size: '$2', color: '$quiet' })
+                                : null] })] }, option.value));
+        }) }));
+}

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

@@ -0,0 +1,33 @@
+/**
+ * Choicebox — a list of full-width cards, one of which (or several, under
+ * `multiple`) is the chosen answer. Each card carries a label, an optional
+ * description and a circular indicator that fills in when the card is picked.
+ *
+ * Built directly on `@hanzo/gui`'s `ToggleGroup`, the same group primitive
+ * `./toggle-group` wraps for the segmented control: the selection is driven
+ * through `value`/`onValueChange` exactly as that file drives it, so rove
+ * focus, keyboard selection and the group's own click handling all come from
+ * gui rather than being reimplemented here. The frame names the roles a
+ * choice group needs and `ToggleGroup` leaves to the caller —
+ * `radiogroup`/`radio` for a single answer, `group` with `role="checkbox"` per
+ * card for several. A single answer never clears itself
+ * (`disableDeactivation`), because an exclusive choice that can go empty is a
+ * different control.
+ */
+import { ToggleGroup as GuiToggleGroup } from '@hanzo/gui';
+import type { ComponentProps, ReactNode } from 'react';
+export type ChoiceboxOption = {
+    value: string;
+    label: ReactNode;
+    description?: ReactNode;
+};
+export type ChoiceboxProps = Omit<ComponentProps<typeof GuiToggleGroup>, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'onChange' | 'children'> & {
+    options: ChoiceboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    multiple?: boolean;
+};
+declare function Choicebox({ options, value, defaultValue, onChange, multiple, ...props }: ChoiceboxProps): import("react").JSX.Element;
+export { Choicebox };
+//# sourceMappingURL=choicebox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"choicebox.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/choicebox.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EACL,WAAW,IAAI,cAAc,EAI9B,MAAM,YAAY,CAAA;AAEnB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,CAAA;AAID,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,CAAC,OAAO,cAAc,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,UAAU,GAAG,UAAU,CAC9E,GAAG;IACF,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAMD,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,+BA8EhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/backends/gui/choicebox.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Choicebox — a list of full-width cards, one of which (or several, under
+ * `multiple`) is the chosen answer. Each card carries a label, an optional
+ * description and a circular indicator that fills in when the card is picked.
+ *
+ * Built directly on `@hanzo/gui`'s `ToggleGroup`, the same group primitive
+ * `./toggle-group` wraps for the segmented control: the selection is driven
+ * through `value`/`onValueChange` exactly as that file drives it, so rove
+ * focus, keyboard selection and the group's own click handling all come from
+ * gui rather than being reimplemented here. The frame names the roles a
+ * choice group needs and `ToggleGroup` leaves to the caller —
+ * `radiogroup`/`radio` for a single answer, `group` with `role="checkbox"` per
+ * card for several. A single answer never clears itself
+ * (`disableDeactivation`), because an exclusive choice that can go empty is a
+ * different control.
+ */
+import { ToggleGroup as GuiToggleGroup, SizableText, YStack, useControllableState, } from '@hanzo/gui';
+import { Check } from '@hanzogui/lucide-icons-2';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+const DOT = 20;
+/** `"a,b"` <-> `["a", "b"]` — the wire shape stays the single joined string the
+ *  original API returned; only the group's own bookkeeping is an array. */
+const toList = (value) => (value ? value.split(',').filter(Boolean) : []);
+function Choicebox({ options, value, defaultValue, onChange, multiple = false, ...props }) {
+    const [selected, setSelected] = useControllableState({
+        prop: value !== undefined ? toList(value) : undefined,
+        defaultProp: toList(defaultValue),
+        onChange: (next) => onChange?.(next.join(',')),
+    });
+    const picked = selected ?? [];
+    return (_jsx(GuiToggleGroup, { ...slot('choicebox'), ...{
+            type: multiple ? 'multiple' : 'single',
+            value: multiple ? picked : (picked[0] ?? ''),
+            onValueChange: multiple
+                ? (next) => setSelected(next)
+                : (next) => setSelected(next ? [next] : []),
+            disableDeactivation: !multiple,
+        }, role: multiple ? 'group' : 'radiogroup', orientation: "vertical", flexDirection: "column", gap: "$2", ...props, children: options.map((option) => {
+            const on = picked.includes(option.value);
+            return (_jsxs(GuiToggleGroup.Item, { ...slot('choicebox-item'), value: option.value, role: multiple ? 'checkbox' : 'radio', "aria-checked": on, "data-state": on ? 'checked' : 'unchecked', unstyled: true, flexDirection: "row", items: "flex-start", gap: "$3", width: "100%", rounded: "$4", borderWidth: 2, borderColor: on ? '$ink' : '$borderColor', backgroundColor: on ? '$raised' : 'transparent', px: "$4", py: "$3.5", cursor: "pointer", hoverStyle: { backgroundColor: on ? '$raised' : '$hover' }, children: [_jsx(YStack, { ...slot('choicebox-indicator'), width: DOT, height: DOT, shrink: 0, mt: 2, rounded: 1000, borderWidth: 2, borderColor: on ? '$ink' : '$bound', bg: on ? '$ink' : 'transparent', items: "center", justify: "center", children: on && _jsx(Check, { size: DOT - 8, color: "white" }) }), _jsxs(YStack, { flex: 1, gap: "$1", children: [ink(option.label, SizableText, { size: '$3', fontWeight: '600' }), option.description
+                                ? ink(option.description, SizableText, { size: '$2', color: '$quiet' })
+                                : null] })] }, option.value));
+        }) }));
+}
+export { Choicebox };
+//# sourceMappingURL=choicebox.js.map

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

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