@hanzo/ui 8.9.2 → 8.10.0

package/dist/backends/gui/media-stack.js

@@ -20,10 +20,9 @@ export const fit = (dim, to, scale = 1) => {
 export const MediaStack = ({ media, constrainTo, className, ...props }) => {
     const scale = media?.mediaTransform?.scale ?? 1;
     const { offsetX = 0, offsetY = 0 } = media?.mediaTransform ?? {};
-    // Richest first. `animation` renders as its poster: a Lottie document needs a
-    // player, no content in this estate carries one, and a still is a better
-    // answer than an empty box for content that does.
-    const anim = media?.animation;
+    // Richest first, and richest that can be PLAYED here: an animation is a url
+    // to a document needing a player this does not carry, so a stack holding one
+    // falls to its video or its still rather than rendering an empty box.
     const video = media?.video;
     const img = media?.img;
     const inner = (() => {
@@ -31,9 +30,7 @@ export const MediaStack = ({ media, constrainTo, className, ...props }) => {
             const d = fit(video.dim?.md ?? constrainTo, constrainTo, scale);
             return (_jsx(VideoPlayer, { width: d.w, height: d.h, poster: video.poster, sources: video.sources, ...video.videoProps }));
         }
-        const still = anim?.poster
-            ? { src: anim.poster, alt: '', dim: anim.dim }
-            : img;
+        const still = img;
         if (!still?.src)
             return null;
         const d = fit(still.dim ?? constrainTo, constrainTo, scale);

package/dist/backends/gui/media-stack.js.map

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

package/dist/backends/gui/microdata.cjs

@@ -0,0 +1,2 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,24 @@
+/**
+ * The schema.org attributes, for the components that carry a described thing.
+ *
+ * A product card and its buy button are part of one Product in the markup, and
+ * that markup is what a search engine and a merchant feed read the price and
+ * availability out of. Dropping these loses the listing, not an attribute.
+ *
+ * They already REACHED the element — every unrecognised prop is spread onto the
+ * gui frame, which forwards it — but the frame's props come from the
+ * cross-platform stack and name no DOM attribute. A spread carries an unknown
+ * property silently; a written-out one is excess-property-checked. So
+ * `<Card itemScope>` was an error on markup that works, and the workaround at
+ * the call site is to re-declare the component as `any`, which hides every real
+ * error in the file along with this one.
+ *
+ * Declared because it is true on web and harmless elsewhere: native ignores an
+ * attribute it does not know.
+ */
+export type Microdata = {
+    itemProp?: string;
+    itemScope?: boolean;
+    itemType?: string;
+};
+//# sourceMappingURL=microdata.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"microdata.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/microdata.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/dist/backends/gui/microdata.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=microdata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"microdata.js","sourceRoot":"","sources":["../../../src/backends/gui/microdata.ts"],"names":[],"mappings":""}

package/dist/backends/gui/nav-items.cjs

@@ -0,0 +1,13 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavItems = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_1 = require("../../box.cjs");
+const cn_1 = require("../../core/cn.cjs");
+const link_1 = require("./link.cjs");
+const NavItems = ({ items, currentAs, as = 'nav', className, itemClx, onNavigate, }) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: as, "aria-label": as === 'nav' ? 'Navigation' : undefined, className: (0, cn_1.cn)('grid grid-flow-col auto-cols-max items-center', className), children: items.map((def, i) => {
+        const current = !!currentAs && def.href === currentAs;
+        return ((0, jsx_runtime_1.jsx)(link_1.LinkElement, { def: def, onClick: onNavigate, "aria-current": current ? 'page' : false, className: (0, cn_1.cn)(typeof itemClx === 'function' ? itemClx(def) : itemClx) }, def.href || i));
+    }) }));
+exports.NavItems = NavItems;

package/dist/backends/gui/nav-items.d.ts

@@ -0,0 +1,22 @@
+import { type ClassValue } from '../../core/cn.js';
+import type { LinkDef } from '../../types.js';
+export type NavItemsProps = {
+    items: LinkDef[];
+    /**
+     * The path you are on. The item whose href matches it is the current one.
+     * Absent, nothing is current — which is right for a footer.
+     */
+    currentAs?: string;
+    /** The element holding the list. `nav` unless it is not a navigation. */
+    as?: 'nav' | 'div' | 'ul';
+    className?: ClassValue;
+    /**
+     * A class for every item, or one worked out per item — a menu whose featured
+     * entries read differently from its ordinary ones needs the second.
+     */
+    itemClx?: string | ((def: LinkDef) => string);
+    /** Fires alongside the navigation — e.g. to close the menu it sits in. */
+    onNavigate?: () => void;
+};
+export declare const NavItems: ({ items, currentAs, as, className, itemClx, onNavigate, }: NavItemsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-items.d.ts.map

package/dist/backends/gui/nav-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-items.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/nav-items.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yEAAyE;IACzE,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAA;IAC7C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,QAAQ,8DAOlB,aAAa,4CAqBf,CAAA"}

package/dist/backends/gui/nav-items.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../../box.js';
+import { cn } from '../../core/cn.js';
+import { LinkElement } from './link.js';
+export const NavItems = ({ items, currentAs, as = 'nav', className, itemClx, onNavigate, }) => (_jsx(Box, { tag: as, "aria-label": as === 'nav' ? 'Navigation' : undefined, className: cn('grid grid-flow-col auto-cols-max items-center', className), children: items.map((def, i) => {
+        const current = !!currentAs && def.href === currentAs;
+        return (_jsx(LinkElement, { def: def, onClick: onNavigate, "aria-current": current ? 'page' : false, className: cn(typeof itemClx === 'function' ? itemClx(def) : itemClx) }, def.href || i));
+    }) }));
+//# sourceMappingURL=nav-items.js.map

package/dist/backends/gui/nav-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-items.js","sourceRoot":"","sources":["../../../src/backends/gui/nav-items.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAcZ,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAmB,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAqBpC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,SAAS,EACT,EAAE,GAAG,KAAK,EACV,SAAS,EACT,OAAO,EACP,UAAU,GACI,EAAE,EAAE,CAAC,CACnB,KAAC,GAAG,IACF,GAAG,EAAE,EAAE,gBAGK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACnD,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,YAExE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACpB,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS,CAAA;QACrD,OAAO,CACL,KAAC,WAAW,IAEV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,kBACL,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACtC,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAJhE,GAAG,CAAC,IAAI,IAAI,CAAC,CAKlB,CACH,CAAA;IACH,CAAC,CAAC,GACE,CACP,CAAA"}

package/dist/backends/gui/navigation-menu.cjs

@@ -0,0 +1,97 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationMenuLink = exports.NavigationMenuContent = exports.NavigationMenuTrigger = exports.navigationMenuTriggerStyle = exports.NavigationMenuItem = exports.NavigationMenuList = exports.NavigationMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * NavigationMenu — a site menu whose entries can open a panel.
+ *
+ * Each item owns its own open state and opens on hover OR focus, closing on
+ * leave or blur. Focus is not decoration here: a menu that opens only on hover
+ * is a menu a keyboard cannot reach, and the panel behind it is unreachable
+ * content rather than hidden content.
+ *
+ * A caller's own pointer handlers still run — several sites drive a shared
+ * backdrop from the same events — so they are chained, never replaced.
+ */
+const React = __importStar(require("react"));
+const box_1 = require("../../box.cjs");
+const cn_1 = require("../../core/cn.cjs");
+const Item = /* @__PURE__ */ React.createContext(null);
+const useItem = () => React.useContext(Item);
+/** Run the caller's handler after ours, never instead of it. */
+const both = (ours, theirs) => (e) => {
+    ours(e);
+    theirs?.(e);
+};
+const NavigationMenu = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "nav", "aria-label": "Main", className: (0, cn_1.cn)('relative grid justify-center', className), ...props }));
+exports.NavigationMenu = NavigationMenu;
+const NavigationMenuList = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "ul", className: (0, cn_1.cn)('grid grid-flow-col auto-cols-max items-center gap-1', className), ...props }));
+exports.NavigationMenuList = NavigationMenuList;
+const NavigationMenuItem = ({ className, children, ...props }) => {
+    const [open, setOpen] = React.useState(false);
+    const id = React.useId();
+    return ((0, jsx_runtime_1.jsx)(Item.Provider, { value: { open, setOpen, id }, children: (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "li", className: (0, cn_1.cn)('relative', className), 
+            // On the ITEM, not the trigger: the panel is a child of the item, so
+            // the pointer can travel from the trigger into the panel without ever
+            // leaving the item — which is what stops the menu closing under a
+            // cursor moving towards it.
+            onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), ...props, children: children }) }));
+};
+exports.NavigationMenuItem = NavigationMenuItem;
+/**
+ * A stable class handle for hosts that hook menu triggers from CSS. Styling
+ * lives in the tokens; this only names the part.
+ */
+const navigationMenuTriggerStyle = () => 'nav-menu-trigger';
+exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
+const NavigationMenuTrigger = ({ className, children, onFocus, onBlur, onClick, ...props }) => {
+    const item = useItem();
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "button", type: "button", "aria-haspopup": "true", "aria-expanded": item?.open ?? false, "aria-controls": item?.id, className: (0, cn_1.cn)((0, exports.navigationMenuTriggerStyle)(), 'grid grid-flow-col auto-cols-max items-center gap-1', className), onFocus: both(() => item?.setOpen(true), onFocus), onBlur: both(() => item?.setOpen(false), onBlur), 
+        // Touch has no hover. Without this the panel is unreachable on a phone —
+        // which is where most of these menus are actually read.
+        onClick: both(() => item?.setOpen(!item.open), onClick), ...props, children: children }));
+};
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+const NavigationMenuContent = ({ className, children, ...props }) => {
+    const item = useItem();
+    if (item && !item.open)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { id: item?.id, className: (0, cn_1.cn)('absolute top-full left-0', className), ...props, children: children }));
+};
+exports.NavigationMenuContent = NavigationMenuContent;
+const NavigationMenuLink = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "a", className: className, ...props }));
+exports.NavigationMenuLink = NavigationMenuLink;

package/dist/backends/gui/navigation-menu.d.ts

@@ -0,0 +1,25 @@
+/**
+ * NavigationMenu — a site menu whose entries can open a panel.
+ *
+ * Each item owns its own open state and opens on hover OR focus, closing on
+ * leave or blur. Focus is not decoration here: a menu that opens only on hover
+ * is a menu a keyboard cannot reach, and the panel behind it is unreachable
+ * content rather than hidden content.
+ *
+ * A caller's own pointer handlers still run — several sites drive a shared
+ * backdrop from the same events — so they are chained, never replaced.
+ */
+import * as React from 'react';
+import { Box, type BoxProps } from '../../box.js';
+export declare const NavigationMenu: ({ className, ...props }: React.ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationMenuList: ({ className, ...props }: React.ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationMenuItem: ({ className, children, ...props }: React.ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A stable class handle for hosts that hook menu triggers from CSS. Styling
+ * lives in the tokens; this only names the part.
+ */
+export declare const navigationMenuTriggerStyle: () => string;
+export declare const NavigationMenuTrigger: ({ className, children, onFocus, onBlur, onClick, ...props }: BoxProps<'button'>) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationMenuContent: ({ className, children, ...props }: React.ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const NavigationMenuLink: ({ className, ...props }: BoxProps<'a'>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/backends/gui/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/navigation-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAA;AAqB9C,eAAO,MAAM,cAAc,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,4CAOvF,CAAA;AAED,eAAO,MAAM,kBAAkB,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,4CAM3F,CAAA;AAED,eAAO,MAAM,kBAAkB,sCAAuC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,4CAoBrG,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,0BAA0B,cAA2B,CAAA;AAElE,eAAO,MAAM,qBAAqB,gEAO/B,QAAQ,CAAC,QAAQ,CAAC,4CAoBpB,CAAA;AAED,eAAO,MAAM,qBAAqB,sCAAuC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,mDAQxG,CAAA;AAED,eAAO,MAAM,kBAAkB,4BAA6B,QAAQ,CAAC,GAAG,CAAC,4CAExE,CAAA"}

package/dist/backends/gui/navigation-menu.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * NavigationMenu — a site menu whose entries can open a panel.
+ *
+ * Each item owns its own open state and opens on hover OR focus, closing on
+ * leave or blur. Focus is not decoration here: a menu that opens only on hover
+ * is a menu a keyboard cannot reach, and the panel behind it is unreachable
+ * content rather than hidden content.
+ *
+ * A caller's own pointer handlers still run — several sites drive a shared
+ * backdrop from the same events — so they are chained, never replaced.
+ */
+import * as React from 'react';
+import { Box } from '../../box.js';
+import { cn } from '../../core/cn.js';
+const Item = /* @__PURE__ */ React.createContext(null);
+const useItem = () => React.useContext(Item);
+/** Run the caller's handler after ours, never instead of it. */
+const both = (ours, theirs) => (e) => {
+    ours(e);
+    theirs?.(e);
+};
+export const NavigationMenu = ({ className, ...props }) => (_jsx(Box, { tag: "nav", "aria-label": "Main", className: cn('relative grid justify-center', className), ...props }));
+export const NavigationMenuList = ({ className, ...props }) => (_jsx(Box, { tag: "ul", className: cn('grid grid-flow-col auto-cols-max items-center gap-1', className), ...props }));
+export const NavigationMenuItem = ({ className, children, ...props }) => {
+    const [open, setOpen] = React.useState(false);
+    const id = React.useId();
+    return (_jsx(Item.Provider, { value: { open, setOpen, id }, children: _jsx(Box, { tag: "li", className: cn('relative', className), 
+            // On the ITEM, not the trigger: the panel is a child of the item, so
+            // the pointer can travel from the trigger into the panel without ever
+            // leaving the item — which is what stops the menu closing under a
+            // cursor moving towards it.
+            onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), ...props, children: children }) }));
+};
+/**
+ * A stable class handle for hosts that hook menu triggers from CSS. Styling
+ * lives in the tokens; this only names the part.
+ */
+export const navigationMenuTriggerStyle = () => 'nav-menu-trigger';
+export const NavigationMenuTrigger = ({ className, children, onFocus, onBlur, onClick, ...props }) => {
+    const item = useItem();
+    return (_jsx(Box, { tag: "button", type: "button", "aria-haspopup": "true", "aria-expanded": item?.open ?? false, "aria-controls": item?.id, className: cn(navigationMenuTriggerStyle(), 'grid grid-flow-col auto-cols-max items-center gap-1', className), onFocus: both(() => item?.setOpen(true), onFocus), onBlur: both(() => item?.setOpen(false), onBlur), 
+        // Touch has no hover. Without this the panel is unreachable on a phone —
+        // which is where most of these menus are actually read.
+        onClick: both(() => item?.setOpen(!item.open), onClick), ...props, children: children }));
+};
+export const NavigationMenuContent = ({ className, children, ...props }) => {
+    const item = useItem();
+    if (item && !item.open)
+        return null;
+    return (_jsx(Box, { id: item?.id, className: cn('absolute top-full left-0', className), ...props, children: children }));
+};
+export const NavigationMenuLink = ({ className, ...props }) => (_jsx(Box, { tag: "a", className: className, ...props }));
+//# sourceMappingURL=navigation-menu.js.map

package/dist/backends/gui/navigation-menu.js.map

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

package/dist/backends/gui/step-indicator.cjs

@@ -0,0 +1,23 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepIndicator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_1 = require("../../box.cjs");
+const cn_1 = require("../../core/cn.cjs");
+const StepIndicator = ({ steps, currentStep, dotSizeRem = 1, className, ...props }) => {
+    const dot = `${dotSizeRem}rem`;
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { role: "progressbar", "aria-valuemin": 0, "aria-valuemax": steps.length - 1, "aria-valuenow": currentStep, "aria-valuetext": steps[currentStep], className: (0, cn_1.cn)('grid items-start', className), 
+        // One column per step, each an equal share. A count is data, and data
+        // cannot be a class name.
+        style: { gridTemplateColumns: `repeat(${steps.length}, minmax(0, 1fr))` }, ...props, children: steps.map((name, i) => {
+            const done = i <= currentStep;
+            return ((0, jsx_runtime_1.jsxs)(box_1.Box, { className: "grid justify-items-center gap-1 relative", children: [i < steps.length - 1 && ((0, jsx_runtime_1.jsx)(box_1.Box, { "aria-hidden": "true", className: (0, cn_1.cn)('absolute', i < currentStep ? 'bg-foreground' : 'bg-muted'), style: {
+                            height: 2,
+                            top: `calc(${dot} / 2 - 1px)`,
+                            left: '50%',
+                            right: '-50%',
+                        } })), (0, jsx_runtime_1.jsx)(box_1.Box, { "aria-hidden": "true", className: (0, cn_1.cn)('rounded-full relative', done ? 'bg-foreground' : 'bg-muted'), style: { width: dot, height: dot } }), (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "span", className: done ? 'text-foreground' : 'text-muted-foreground', children: name })] }, name));
+        }) }));
+};
+exports.StepIndicator = StepIndicator;

package/dist/backends/gui/step-indicator.d.ts

@@ -0,0 +1,22 @@
+/**
+ * StepIndicator — how far along a sequence you are.
+ *
+ * A dot per step joined by a rule, the ones behind you filled. It is a
+ * PROGRESSBAR, not a list of buttons: the steps are not reachable from here,
+ * and announcing them as controls invites a keyboard user to try.
+ *
+ * The dot size is a caller's number in rem, because this sits inside a checkout
+ * header whose height the caller owns — and because a dot that scales with the
+ * text is a dot that changes size when someone changes their type size.
+ */
+import * as React from 'react';
+import { Box } from '../../box.js';
+export type StepIndicatorProps = Omit<React.ComponentProps<typeof Box>, 'children'> & {
+    steps: string[];
+    /** Zero-based. Steps before it are done; this one is current. */
+    currentStep: number;
+    /** Diameter, in rem. */
+    dotSizeRem?: number;
+};
+export declare const StepIndicator: ({ steps, currentStep, dotSizeRem, className, ...props }: StepIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=step-indicator.d.ts.map

package/dist/backends/gui/step-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-indicator.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/step-indicator.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAG/B,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,4DAMvB,kBAAkB,4CA8CpB,CAAA"}

package/dist/backends/gui/step-indicator.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../box.js';
+import { cn } from '../../core/cn.js';
+export const StepIndicator = ({ steps, currentStep, dotSizeRem = 1, className, ...props }) => {
+    const dot = `${dotSizeRem}rem`;
+    return (_jsx(Box, { role: "progressbar", "aria-valuemin": 0, "aria-valuemax": steps.length - 1, "aria-valuenow": currentStep, "aria-valuetext": steps[currentStep], className: cn('grid items-start', className), 
+        // One column per step, each an equal share. A count is data, and data
+        // cannot be a class name.
+        style: { gridTemplateColumns: `repeat(${steps.length}, minmax(0, 1fr))` }, ...props, children: steps.map((name, i) => {
+            const done = i <= currentStep;
+            return (_jsxs(Box, { className: "grid justify-items-center gap-1 relative", children: [i < steps.length - 1 && (_jsx(Box, { "aria-hidden": "true", className: cn('absolute', i < currentStep ? 'bg-foreground' : 'bg-muted'), style: {
+                            height: 2,
+                            top: `calc(${dot} / 2 - 1px)`,
+                            left: '50%',
+                            right: '-50%',
+                        } })), _jsx(Box, { "aria-hidden": "true", className: cn('rounded-full relative', done ? 'bg-foreground' : 'bg-muted'), style: { width: dot, height: dot } }), _jsx(Box, { tag: "span", className: done ? 'text-foreground' : 'text-muted-foreground', children: name })] }, name));
+        }) }));
+};
+//# sourceMappingURL=step-indicator.js.map

package/dist/backends/gui/step-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-indicator.js","sourceRoot":"","sources":["../../../src/backends/gui/step-indicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAeZ,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAUlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,UAAU,GAAG,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,GAAG,GAAG,GAAG,UAAU,KAAK,CAAA;IAC9B,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,KAAK,CAAC,MAAM,GAAG,CAAC,mBAChB,WAAW,oBACV,KAAK,CAAC,WAAW,CAAC,EAClC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QAC5C,sEAAsE;QACtE,0BAA0B;QAC1B,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,KAAK,CAAC,MAAM,mBAAmB,EAAE,KACrE,KAAK,YAER,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,CAAC,IAAI,WAAW,CAAA;YAC7B,OAAO,CACL,MAAC,GAAG,IAAY,SAAS,EAAC,0CAA0C,aAGjE,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,KAAC,GAAG,mBACU,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,EACzE,KAAK,EAAE;4BACL,MAAM,EAAE,CAAC;4BACT,GAAG,EAAE,QAAQ,GAAG,aAAa;4BAC7B,IAAI,EAAE,KAAK;4BACX,KAAK,EAAE,MAAM;yBACd,GACD,CACH,EACD,KAAC,GAAG,mBACU,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,EAC3E,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAClC,EACF,KAAC,GAAG,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,YAC1E,IAAI,GACD,KAtBE,IAAI,CAuBR,CACP,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/backends/gui/toggle-group.cjs

@@ -83,7 +83,7 @@ const GroupContext = /* @__PURE__ */ (0, react_1.createContext)({
     type: 'multiple',
     selected: [],
 });
-function ToggleGroup({ type, value, defaultValue, onValueChange, orientation = 'horizontal', disableDeactivation, variant, size, disabled, children, ...props }) {
+function ToggleGroup({ type = 'single', value, defaultValue, onValueChange, orientation = 'horizontal', disableDeactivation, variant, size, disabled, children, ...props }) {
     const [current, setCurrent] = (0, gui_1.useControllableState)({
         prop: value,
         defaultProp: defaultValue,

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

@@ -39,13 +39,67 @@
  * what the prop actually does.
  */
 import { ToggleGroup as GuiToggleGroup } from '@hanzo/gui';
-import { type ComponentProps, type ReactNode } from 'react';
+import { type CSSProperties, type ComponentProps, type ReactNode } from 'react';
 export type ToggleGroupVariant = 'default' | 'outline';
 export type ToggleGroupSize = 'default' | 'sm' | 'lg';
-export type ToggleGroupProps = Omit<ComponentProps<typeof GuiToggleGroup>, 'size'> & {
+/**
+ * Written out rather than derived from gui's, which cannot be used here.
+ *
+ * gui discriminates `single` from `multiple` by unioning its ENTIRE prop set
+ * twice, and that prop set is the whole style vocabulary — hundreds of
+ * properties, each with theme, media and pseudo variants. TypeScript will not
+ * represent the union: `error TS2590: Expression produces a union type that is
+ * too complex to represent`, at the JSX site, on correct markup. A literal
+ * `type` does not help, because the union is built before anything narrows it.
+ *
+ * `Omit` cannot cut it down either. gui's props carry a string index signature,
+ * and `Omit` is `Pick<T, Exclude<keyof T, K>>` — `Exclude<string, 'value'>` is
+ * still `string`, so the signature comes back with everything else. Worse, a
+ * declared property must SATISFY the index signature it sits beside, so
+ * narrowing `value` to `string | string[]` produced "Property 'value' is
+ * incompatible with index signature" — an array being measured against a style
+ * value.
+ *
+ * So this is the surface, stated. It is the whole surface: the style props were
+ * never declared by gui either — they arrived through that same index signature
+ * — and no call site in this estate passes one to a toggle group.
+ */
+type ToggleGroupBase = {
     variant?: ToggleGroupVariant;
     size?: ToggleGroupSize;
     children?: ReactNode;
+    className?: string;
+    /**
+     * Plain CSS, because that is what it is on web: gui hands the object to the
+     * DOM element, and a `gridTemplateColumns` written this way arrives as inline
+     * `grid-template-columns` (measured). A caller laying tabs out in a computed
+     * number of columns has no other way to say it — a count is data, and data
+     * cannot be a class name.
+     */
+    style?: CSSProperties;
+    orientation?: 'horizontal' | 'vertical';
+    /** Clicking the selected segment clears it, unless this says otherwise. */
+    disableDeactivation?: boolean;
+    disabled?: boolean;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+};
+export type ToggleGroupProps = ToggleGroupBase & {
+    type?: 'single' | 'multiple';
+    value?: string | string[];
+    defaultValue?: string | string[];
+    /**
+     * METHOD syntax, deliberately. It is bivariant where the arrow form is
+     * contravariant, so a handler written for the single case, `(v: string) =>
+     * …`, and one written for the many case are both assignable — which is what a
+     * caller choosing between them at runtime needs.
+     *
+     * A discriminated union would say this more precisely and cannot be written
+     * here at all: see the base type above. Between a union the compiler refuses
+     * and one bivariant parameter, this is the half to give up.
+     */
+    onValueChange?(value: string | string[]): void;
 };
 declare function ToggleGroup({ type, value, defaultValue, onValueChange, orientation, disableDeactivation, variant, size, disabled, children, ...props }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
 export type ToggleGroupItemProps = Omit<ComponentProps<typeof GuiToggleGroup.Item>, 'size'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toggle-group.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAwB,MAAM,YAAY,CAAA;AAChF,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAA;AACtD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAyDrD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG;IACnF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA0B,EAC1B,mBAAmB,EACnB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAoClB;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAC1C,MAAM,CACP,GAAG;IACF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,CAAA;AAED,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CA8C7F;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toggle-group.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAwB,MAAM,YAAY,CAAA;AAChF,OAAO,EAA6B,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK1G,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAA;AACtD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAyDrD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC;;;;;;;;;OASG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;CAC/C,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA0B,EAC1B,mBAAmB,EACnB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAoClB;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAC1C,MAAM,CACP,GAAG;IACF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,CAAA;AAED,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CA8C7F;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}

package/dist/backends/gui/toggle-group.js

@@ -79,7 +79,7 @@ const GroupContext = /* @__PURE__ */ createContext({
     type: 'multiple',
     selected: [],
 });
-function ToggleGroup({ type, value, defaultValue, onValueChange, orientation = 'horizontal', disableDeactivation, variant, size, disabled, children, ...props }) {
+function ToggleGroup({ type = 'single', value, defaultValue, onValueChange, orientation = 'horizontal', disableDeactivation, variant, size, disabled, children, ...props }) {
     const [current, setCurrent] = useControllableState({
         prop: value,
         defaultProp: defaultValue,

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

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

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.9.2</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.10.0</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *
@@ -1459,9 +1459,23 @@
    property rides on the component so only this half needs a sheet. */
 .hz-scroller::-webkit-scrollbar { display: none }
 
-/* Motion is a preference, and both of the above are decoration. */
+/* The drawn caret in a one-time-code box. The real one is hidden, because it
+   would sit at the left edge of an invisible full-width field rather than in
+   the box the next keystroke lands in. */
+@keyframes hz-caret {
+  0%, 49% { opacity: 1 }
+  50%, 100% { opacity: 0 }
+}
+.hz-caret {
+  background: var(--foreground);
+  animation: hz-caret 1s steps(1) infinite;
+}
+
+/* Motion is a preference, and all of the above is decoration. A caret that does
+   not blink is still a caret; one that does can trigger a migraine. */
 @media (prefers-reduced-motion: reduce) {
   .hz-pulse { animation: none }
+  .hz-caret { animation: none }
   .hz-scroller { scroll-behavior: auto }
 }