@hanzo/ui 8.0.27 → 8.0.28

package/dist/product/SiteNav.cjs

@@ -0,0 +1,124 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteNav = SiteNav;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * SiteNav — the ONE header every Hanzo property renders.
+ *
+ * `@hanzo/products` already decides WHAT the navigation is: `HEADERS[site]` gives
+ * a property's local nav and its call-to-action, and `MEET_HANZO_MENU` gives the
+ * ecosystem launcher (the six-product grid, the utility row, the install row).
+ * Nothing about that content lives here. This module is only the renderer — the
+ * missing half — so a property supplies a `SiteId` and gets the same header as
+ * every other property, and the six hand-written `DesktopNav`/`MobileMenu` copies
+ * that used to drift have nothing left to disagree about.
+ *
+ * It sits at the same 52px, border and background as `AppHeader`, so the
+ * signed-out marketing bar and the signed-in shell bar read as one object.
+ *
+ * Three deliberate choices, each fixing something the old menus got wrong:
+ *
+ *   • The panel is FULL-BLEED. The old ones anchored a floating card to whichever
+ *     word opened it, so a wide panel hung off-centre and the bar's alignment
+ *     stopped meaning anything. Anchoring to the bar lets columns line up with the
+ *     header and with each other.
+ *   • Hover switches menus but never opens one. A bar where a passing cursor
+ *     throws a full-width panel is hostile; the first open must be intentional.
+ *   • ONE action. `SiteHeader.action` is a single call-to-action, so a property
+ *     cannot render two competing sign-in buttons the way cloud.hanzo.ai did.
+ *
+ * Host-agnostic like the rest of this layer: `link` injects the host's navigation
+ * primitive and `icon` resolves a product/link id to a glyph, so nothing here
+ * imports a framework or an icon set.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+/** Absolute URLs leave the property; site-relative paths stay. */
+const isExternal = (href) => /^https?:\/\//.test(href);
+const defaultLink = ({ href, children, onNavigate }) => ((0, jsx_runtime_1.jsx)("a", { href: href, onClick: onNavigate, ...(isExternal(href) ? { target: '_blank', rel: 'noopener noreferrer' } : null), style: { textDecoration: 'none', color: 'inherit', display: 'block' }, children: children }));
+/** A product cell in the launcher grid: verb kicker, name, the one job it owns. */
+function ProductCell({ product, link, icon, close }) {
+    const glyph = icon?.(product.id);
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { minW: 200, flex: 1, flexBasis: 200, children: link({
+            href: product.url,
+            onNavigate: close,
+            children: ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2.5", items: "flex-start", p: "$2.5", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$color4' }, children: [glyph ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$0.5", children: glyph }) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { minW: 0, gap: "$0.5", children: [product.verb ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 11, color: "$color10", textTransform: "uppercase", letterSpacing: 0.4, children: product.verb })) : null, (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$color12", children: product.name }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 12, color: "$color10", lineHeight: 16, children: product.job })] })] })),
+        }) }));
+}
+/** A titled column of plain links — the utility and install rows. */
+function Column({ title, links, link, icon, close }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { minW: 160, flex: 1, gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 11, color: "$color10", textTransform: "uppercase", letterSpacing: 0.5, px: "$2", pb: "$1", children: title }), links.map((l) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { px: "$2", py: "$1", rounded: "$3", hoverStyle: { bg: '$color4' }, gap: "$2", items: "center", children: [icon?.(l.id) ?? null, link({
+                        href: l.href,
+                        onNavigate: close,
+                        children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", children: l.label })),
+                    })] }, l.id)))] }));
+}
+/**
+ * The full-bleed launcher. The product grid wraps rather than scrolls, so the
+ * family growing reflows instead of clipping.
+ */
+function Launcher({ menu, link, icon, close }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$4", py: "$4", gap: "$3", maxH: "80vh", overflow: "scroll", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", children: menu.eyebrow }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { ml: "auto", children: link({
+                            href: menu.allProducts.href,
+                            onNavigate: close,
+                            children: ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$2", color: "$color12", children: [menu.allProducts.label, " \u2192"] })),
+                        }) })] }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$2.5", flexWrap: "wrap", children: menu.products.map((p) => ((0, jsx_runtime_1.jsx)(ProductCell, { product: p, link: link, icon: icon, close: close }, p.id))) }), (0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$4", flexWrap: "wrap", items: "flex-start", children: [(0, jsx_runtime_1.jsx)(Column, { title: "Platform", links: menu.utilities, link: link, icon: icon, close: close }), (0, jsx_runtime_1.jsx)(Column, { title: "Install", links: menu.installs, link: link, icon: icon, close: close })] })] }));
+}
+/** The primary call-to-action — filled, so it reads as the one action on the bar. */
+function Cta({ action, link }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { bg: "$color12", px: "$3", py: "$1.5", rounded: "$3", hoverStyle: { opacity: 0.9 }, children: link({
+            href: action.href,
+            children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$background", children: action.label })),
+        }) }));
+}
+/**
+ * The small-screen arrangement: the local nav and the launcher's own lists
+ * stacked in one scrollable column. Same values, same rows — only the layout
+ * differs, which is what kept the old per-repo MobileMenus drifting.
+ */
+function MobilePanel({ header, menu, link, icon, close }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$3", py: "$3", gap: "$3", maxH: "80vh", overflow: "scroll", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", children: header.localNav.map((l) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$color4' }, children: link({
+                        href: l.href,
+                        onNavigate: close,
+                        children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$color12", children: l.label })),
+                    }) }, l.id))) }), menu ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", children: menu.products.map((p) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$color4' }, gap: "$2", items: "center", children: [icon?.(p.id) ?? null, link({
+                                    href: p.url,
+                                    onNavigate: close,
+                                    children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$color12", children: p.name })),
+                                })] }, p.id))) }), (0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsx)(Column, { title: "Platform", links: menu.utilities, link: link, icon: icon, close: close }), (0, jsx_runtime_1.jsx)(Column, { title: "Install", links: menu.installs, link: link, icon: icon, close: close })] })) : null] }));
+}
+function SiteNav({ header, menu, brand, actions, link = defaultLink, icon, active, meetLabel = 'Meet Hanzo' }) {
+    const [launcher, setLauncher] = (0, react_1.useState)(false);
+    const [mobile, setMobile] = (0, react_1.useState)(false);
+    const root = (0, react_1.useRef)(null);
+    // Escape closes, and a click outside the bar+panel closes. Both are required for
+    // a full-bleed panel: it covers enough of the page that there is no obvious
+    // "off" target, so dismissal has to be explicit rather than incidental.
+    (0, react_1.useEffect)(() => {
+        if (!launcher && !mobile)
+            return;
+        const dismiss = () => {
+            setLauncher(false);
+            setMobile(false);
+        };
+        const onKey = (e) => {
+            if (e.key === 'Escape')
+                dismiss();
+        };
+        const onDown = (e) => {
+            if (root.current && !root.current.contains(e.target))
+                dismiss();
+        };
+        document.addEventListener('keydown', onKey);
+        document.addEventListener('mousedown', onDown);
+        return () => {
+            document.removeEventListener('keydown', onKey);
+            document.removeEventListener('mousedown', onDown);
+        };
+    }, [launcher, mobile]);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ref: root, position: "relative", bg: "$background", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", px: "$3", height: 52, borderBottomWidth: 1, borderColor: "$borderColor", children: [brand ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", pr: "$2", children: brand })) : null, menu ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { cursor: "pointer", px: "$2.5", py: "$1.5", rounded: "$3", bg: launcher ? '$color4' : 'transparent', hoverStyle: { bg: '$color4' }, onPress: () => setLauncher(!launcher), accessibilityRole: "button", "aria-expanded": launcher, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color12", children: meetLabel }) })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: "$0.5", flex: 1, minW: 0, "$sm": { display: 'none' }, children: header.localNav.map((l) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$2.5", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$color4' }, onMouseEnter: () => launcher && setLauncher(false), children: link({
+                                href: l.href,
+                                children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: active === l.id ? '$color12' : '$color11', children: l.label })),
+                            }) }, l.id))) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", ml: "auto", children: [actions, (0, jsx_runtime_1.jsx)(Cta, { action: header.action, link: link }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { display: "none", "$sm": { display: 'flex' }, cursor: "pointer", px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$color4' }, onPress: () => setMobile(!mobile), accessibilityRole: "button", "aria-label": mobile ? 'Close menu' : 'Open menu', children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color12", children: mobile ? 'Close' : 'Menu' }) })] })] }), launcher && menu ? (0, jsx_runtime_1.jsx)(Launcher, { menu: menu, link: link, icon: icon, close: () => setLauncher(false) }) : null, mobile ? (0, jsx_runtime_1.jsx)(MobilePanel, { header: header, menu: menu, link: link, icon: icon, close: () => setMobile(false) }) : null] }));
+}

package/dist/product/SiteNav.d.ts

@@ -58,3 +58,4 @@ export type SiteNavProps = {
     meetLabel?: string;
 };
 export declare function SiteNav({ header, menu, brand, actions, link, icon, active, meetLabel }: SiteNavProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SiteNav.d.ts.map

package/dist/product/SiteNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteNav.d.ts","sourceRoot":"","sources":["../../src/product/SiteNav.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAgB,aAAa,EAAW,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEvF,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,KAAK,SAAS,CAAA;AAgBf,MAAM,MAAM,YAAY,GAAG;IACzB,0EAA0E;IAC1E,MAAM,EAAE,UAAU,CAAA;IAClB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,kEAAkE;IAClE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS,CAAA;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAkMD,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAkB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAwB,EAAE,EAAE,YAAY,2CA2GjI"}

package/dist/product/SiteNav.js

@@ -0,0 +1,122 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * SiteNav — the ONE header every Hanzo property renders.
+ *
+ * `@hanzo/products` already decides WHAT the navigation is: `HEADERS[site]` gives
+ * a property's local nav and its call-to-action, and `MEET_HANZO_MENU` gives the
+ * ecosystem launcher (the six-product grid, the utility row, the install row).
+ * Nothing about that content lives here. This module is only the renderer — the
+ * missing half — so a property supplies a `SiteId` and gets the same header as
+ * every other property, and the six hand-written `DesktopNav`/`MobileMenu` copies
+ * that used to drift have nothing left to disagree about.
+ *
+ * It sits at the same 52px, border and background as `AppHeader`, so the
+ * signed-out marketing bar and the signed-in shell bar read as one object.
+ *
+ * Three deliberate choices, each fixing something the old menus got wrong:
+ *
+ *   • The panel is FULL-BLEED. The old ones anchored a floating card to whichever
+ *     word opened it, so a wide panel hung off-centre and the bar's alignment
+ *     stopped meaning anything. Anchoring to the bar lets columns line up with the
+ *     header and with each other.
+ *   • Hover switches menus but never opens one. A bar where a passing cursor
+ *     throws a full-width panel is hostile; the first open must be intentional.
+ *   • ONE action. `SiteHeader.action` is a single call-to-action, so a property
+ *     cannot render two competing sign-in buttons the way cloud.hanzo.ai did.
+ *
+ * Host-agnostic like the rest of this layer: `link` injects the host's navigation
+ * primitive and `icon` resolves a product/link id to a glyph, so nothing here
+ * imports a framework or an icon set.
+ */
+import { useEffect, useRef, useState } from 'react';
+import { Separator, Text, XStack, YStack } from '@hanzo/gui';
+/** Absolute URLs leave the property; site-relative paths stay. */
+const isExternal = (href) => /^https?:\/\//.test(href);
+const defaultLink = ({ href, children, onNavigate }) => (_jsx("a", { href: href, onClick: onNavigate, ...(isExternal(href) ? { target: '_blank', rel: 'noopener noreferrer' } : null), style: { textDecoration: 'none', color: 'inherit', display: 'block' }, children: children }));
+/** A product cell in the launcher grid: verb kicker, name, the one job it owns. */
+function ProductCell({ product, link, icon, close }) {
+    const glyph = icon?.(product.id);
+    return (_jsx(YStack, { minW: 200, flex: 1, flexBasis: 200, children: link({
+            href: product.url,
+            onNavigate: close,
+            children: (_jsxs(XStack, { gap: "$2.5", items: "flex-start", p: "$2.5", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$color4' }, children: [glyph ? _jsx(YStack, { pt: "$0.5", children: glyph }) : null, _jsxs(YStack, { minW: 0, gap: "$0.5", children: [product.verb ? (_jsx(Text, { fontSize: 11, color: "$color10", textTransform: "uppercase", letterSpacing: 0.4, children: product.verb })) : null, _jsx(Text, { fontSize: "$3", color: "$color12", children: product.name }), _jsx(Text, { fontSize: 12, color: "$color10", lineHeight: 16, children: product.job })] })] })),
+        }) }));
+}
+/** A titled column of plain links — the utility and install rows. */
+function Column({ title, links, link, icon, close }) {
+    return (_jsxs(YStack, { minW: 160, flex: 1, gap: "$1", children: [_jsx(Text, { fontSize: 11, color: "$color10", textTransform: "uppercase", letterSpacing: 0.5, px: "$2", pb: "$1", children: title }), links.map((l) => (_jsxs(XStack, { px: "$2", py: "$1", rounded: "$3", hoverStyle: { bg: '$color4' }, gap: "$2", items: "center", children: [icon?.(l.id) ?? null, link({
+                        href: l.href,
+                        onNavigate: close,
+                        children: (_jsx(Text, { fontSize: "$2", color: "$color11", children: l.label })),
+                    })] }, l.id)))] }));
+}
+/**
+ * The full-bleed launcher. The product grid wraps rather than scrolls, so the
+ * family growing reflows instead of clipping.
+ */
+function Launcher({ menu, link, icon, close }) {
+    return (_jsxs(YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$4", py: "$4", gap: "$3", maxH: "80vh", overflow: "scroll", children: [_jsxs(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [_jsx(Text, { fontSize: "$2", color: "$color11", children: menu.eyebrow }), _jsx(XStack, { ml: "auto", children: link({
+                            href: menu.allProducts.href,
+                            onNavigate: close,
+                            children: (_jsxs(Text, { fontSize: "$2", color: "$color12", children: [menu.allProducts.label, " \u2192"] })),
+                        }) })] }), _jsx(XStack, { gap: "$2.5", flexWrap: "wrap", children: menu.products.map((p) => (_jsx(ProductCell, { product: p, link: link, icon: icon, close: close }, p.id))) }), _jsx(Separator, {}), _jsxs(XStack, { gap: "$4", flexWrap: "wrap", items: "flex-start", children: [_jsx(Column, { title: "Platform", links: menu.utilities, link: link, icon: icon, close: close }), _jsx(Column, { title: "Install", links: menu.installs, link: link, icon: icon, close: close })] })] }));
+}
+/** The primary call-to-action — filled, so it reads as the one action on the bar. */
+function Cta({ action, link }) {
+    return (_jsx(XStack, { bg: "$color12", px: "$3", py: "$1.5", rounded: "$3", hoverStyle: { opacity: 0.9 }, children: link({
+            href: action.href,
+            children: (_jsx(Text, { fontSize: "$2", color: "$background", children: action.label })),
+        }) }));
+}
+/**
+ * The small-screen arrangement: the local nav and the launcher's own lists
+ * stacked in one scrollable column. Same values, same rows — only the layout
+ * differs, which is what kept the old per-repo MobileMenus drifting.
+ */
+function MobilePanel({ header, menu, link, icon, close }) {
+    return (_jsxs(YStack, { position: "absolute", t: 52, l: 0, r: 0, z: 50, bg: "$background", borderBottomWidth: 1, borderColor: "$borderColor", px: "$3", py: "$3", gap: "$3", maxH: "80vh", overflow: "scroll", children: [_jsx(YStack, { gap: "$1", children: header.localNav.map((l) => (_jsx(XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$color4' }, children: link({
+                        href: l.href,
+                        onNavigate: close,
+                        children: (_jsx(Text, { fontSize: "$3", color: "$color12", children: l.label })),
+                    }) }, l.id))) }), menu ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(YStack, { gap: "$1", children: menu.products.map((p) => (_jsxs(XStack, { px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$color4' }, gap: "$2", items: "center", children: [icon?.(p.id) ?? null, link({
+                                    href: p.url,
+                                    onNavigate: close,
+                                    children: (_jsx(Text, { fontSize: "$3", color: "$color12", children: p.name })),
+                                })] }, p.id))) }), _jsx(Separator, {}), _jsx(Column, { title: "Platform", links: menu.utilities, link: link, icon: icon, close: close }), _jsx(Column, { title: "Install", links: menu.installs, link: link, icon: icon, close: close })] })) : null] }));
+}
+export function SiteNav({ header, menu, brand, actions, link = defaultLink, icon, active, meetLabel = 'Meet Hanzo' }) {
+    const [launcher, setLauncher] = useState(false);
+    const [mobile, setMobile] = useState(false);
+    const root = useRef(null);
+    // Escape closes, and a click outside the bar+panel closes. Both are required for
+    // a full-bleed panel: it covers enough of the page that there is no obvious
+    // "off" target, so dismissal has to be explicit rather than incidental.
+    useEffect(() => {
+        if (!launcher && !mobile)
+            return;
+        const dismiss = () => {
+            setLauncher(false);
+            setMobile(false);
+        };
+        const onKey = (e) => {
+            if (e.key === 'Escape')
+                dismiss();
+        };
+        const onDown = (e) => {
+            if (root.current && !root.current.contains(e.target))
+                dismiss();
+        };
+        document.addEventListener('keydown', onKey);
+        document.addEventListener('mousedown', onDown);
+        return () => {
+            document.removeEventListener('keydown', onKey);
+            document.removeEventListener('mousedown', onDown);
+        };
+    }, [launcher, mobile]);
+    return (_jsxs(YStack, { ref: root, position: "relative", bg: "$background", children: [_jsxs(XStack, { items: "center", gap: "$1", px: "$3", height: 52, borderBottomWidth: 1, borderColor: "$borderColor", children: [brand ? (_jsx(XStack, { items: "center", pr: "$2", children: brand })) : null, menu ? (_jsx(XStack, { cursor: "pointer", px: "$2.5", py: "$1.5", rounded: "$3", bg: launcher ? '$color4' : 'transparent', hoverStyle: { bg: '$color4' }, onPress: () => setLauncher(!launcher), accessibilityRole: "button", "aria-expanded": launcher, children: _jsx(Text, { fontSize: "$2", color: "$color12", children: meetLabel }) })) : null, _jsx(XStack, { items: "center", gap: "$0.5", flex: 1, minW: 0, "$sm": { display: 'none' }, children: header.localNav.map((l) => (_jsx(XStack, { px: "$2.5", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$color4' }, onMouseEnter: () => launcher && setLauncher(false), children: link({
+                                href: l.href,
+                                children: (_jsx(Text, { fontSize: "$2", color: active === l.id ? '$color12' : '$color11', children: l.label })),
+                            }) }, l.id))) }), _jsxs(XStack, { items: "center", gap: "$2", ml: "auto", children: [actions, _jsx(Cta, { action: header.action, link: link }), _jsx(XStack, { display: "none", "$sm": { display: 'flex' }, cursor: "pointer", px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$color4' }, onPress: () => setMobile(!mobile), accessibilityRole: "button", "aria-label": mobile ? 'Close menu' : 'Open menu', children: _jsx(Text, { fontSize: "$2", color: "$color12", children: mobile ? 'Close' : 'Menu' }) })] })] }), launcher && menu ? _jsx(Launcher, { menu: menu, link: link, icon: icon, close: () => setLauncher(false) }) : null, mobile ? _jsx(MobilePanel, { header: header, menu: menu, link: link, icon: icon, close: () => setMobile(false) }) : null] }));
+}
+//# sourceMappingURL=SiteNav.js.map

package/dist/product/SiteNav.js.map

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

package/dist/product/SlideOver.cjs

@@ -0,0 +1,129 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLIDEOVER_LG = void 0;
+exports.SlideOver = SlideOver;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * SlideOver — the ONE right-side (or left) slide-out overlay for the console.
+ *
+ * It is the single mechanism behind every off-canvas surface: the mobile nav
+ * drawer, the item DetailPane, and the account/settings menu. One definition, many
+ * mounts (DRY) — so every drawer slides, dims, traps, and closes identically.
+ *
+ * Smoothness is CSS-transform driven (never a JS layout branch): the panel is
+ * ALWAYS mounted and toggles `translateX(0) ↔ translateX(±100%)` via the shared
+ * `.hz-slide` class, and the backdrop cross-fades via `.hz-fade`. Because it never
+ * unmounts, the EXIT animates too (a `Dialog` that unmounts on close cannot). Both
+ * classes are reduced-motion-aware in `globals.css`, so the whole thing snaps
+ * instantly for users who ask for that — no bespoke logic here.
+ *
+ * Responsive by construction: FULL-WIDTH (full-screen) below `lg`, a fixed-width
+ * pane at `lg+` (`size`). Uses `100dvh` so the mobile browser chrome never clips it.
+ *
+ * A11y: `role="dialog" aria-modal`, Escape to close, backdrop click to close, body
+ * scroll lock while open (ref-counted so stacked overlays don't fight), and focus
+ * moves into the panel on open and returns to the opener on close.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const color_1 = require("./color.cjs");
+/** The lg breakpoint (px) — matches the shell's one responsive threshold. */
+const LG = 1024;
+exports.SLIDEOVER_LG = LG;
+// ── Body scroll lock, ref-counted so nested/stacked overlays don't clobber it ──
+let lockCount = 0;
+let savedOverflow = '';
+function lockScroll() {
+    if (typeof document === 'undefined')
+        return;
+    if (lockCount === 0) {
+        savedOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+    }
+    lockCount++;
+}
+function unlockScroll() {
+    if (typeof document === 'undefined')
+        return;
+    lockCount = Math.max(0, lockCount - 1);
+    if (lockCount === 0)
+        document.body.style.overflow = savedOverflow;
+}
+const instrument_1 = require("./instrument.cjs");
+function SlideOver({ open, onClose, side = 'right', size = 420, title, icon: Icon, iconColor, headerRight, ariaLabel, zIndex = 1000, children, }) {
+    const track = (0, instrument_1.useEmit)();
+    const panelRef = (0, react_1.useRef)(null);
+    const openerRef = (0, react_1.useRef)(null);
+    // One open/close pair per drawer, keyed by its title — the shared way every
+    // product reports "a detail pane was looked at".
+    (0, react_1.useEffect)(() => {
+        track({ component: 'SlideOver', action: open ? 'open' : 'close', id: typeof title === 'string' ? title : ariaLabel });
+        // Only the open/close transition matters; `track` is stable per surface.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    // Body scroll lock + focus management, driven by `open`.
+    (0, react_1.useEffect)(() => {
+        if (!open)
+            return;
+        openerRef.current = typeof document !== 'undefined' ? document.activeElement : null;
+        lockScroll();
+        // Move focus into the panel (next frame so it is laid out + on-screen).
+        const t = window.setTimeout(() => {
+            const el = panelRef.current;
+            if (el && typeof el.focus === 'function')
+                el.focus();
+        }, 0);
+        return () => {
+            window.clearTimeout(t);
+            unlockScroll();
+            const opener = openerRef.current;
+            if (opener && opener instanceof HTMLElement && typeof opener.focus === 'function')
+                opener.focus();
+        };
+    }, [open]);
+    // Escape closes.
+    (0, react_1.useEffect)(() => {
+        if (!open)
+            return;
+        const onKey = (e) => {
+            if (e.key === 'Escape') {
+                e.stopPropagation();
+                onClose();
+            }
+        };
+        window.addEventListener('keydown', onKey);
+        return () => window.removeEventListener('keydown', onKey);
+    }, [open, onClose]);
+    const offscreen = side === 'right' ? 'translateX(100%)' : 'translateX(-100%)';
+    const edge = side === 'right' ? { r: 0 } : { l: 0 };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack
+    // Fixed to the viewport; overflow hidden so the off-screen panel (absolute
+    // child) is CLIPPED and never adds a horizontal scrollbar.
+    , { 
+        // Fixed to the viewport; overflow hidden so the off-screen panel (absolute
+        // child) is CLIPPED and never adds a horizontal scrollbar.
+        overflow: "hidden", pointerEvents: open ? 'auto' : 'none', "aria-hidden": !open, style: { position: 'fixed', inset: 0, zIndex }, children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { position: "absolute", t: 0, l: 0, r: 0, b: 0, bg: "rgba(0,0,0,0.55)", className: "hz-fade", style: { opacity: open ? 1 : 0 }, onPress: onClose }), (0, jsx_runtime_1.jsx)(gui_1.YStack
+            // Web DOM ref; Gui forwards it to the underlying node. Cast (not @ts-expect-error)
+            // so it is env-agnostic — the ref type is strict under the pkg build, loose here.
+            , { 
+                // Web DOM ref; Gui forwards it to the underlying node. Cast (not @ts-expect-error)
+                // so it is env-agnostic — the ref type is strict under the pkg build, loose here.
+                ref: panelRef, tabIndex: -1, role: "dialog", "aria-modal": open ? true : undefined, "aria-label": typeof title === 'string' ? title : ariaLabel, position: "absolute", t: 0, b: 0, ...edge, width: "100%", "$lg": { width: size, maxW: '100vw' }, bg: "$color1", borderLeftWidth: side === 'right' ? 1 : 0, borderRightWidth: side === 'left' ? 1 : 0, borderColor: "$borderColor", 
+                // Material paper depth — the drawer reads as a sheet lifted above the dimmed
+                // list behind it (real layered shadow, theme-aware), not a flat panel.
+                className: "hz-slide hz-elevation-4", 
+                // Full-height sheet (100dvh — mobile-safe), inset for the notch (top) + home
+                // indicator (bottom) so the drawer header + footer actions clear them on
+                // notched devices (env insets are 0 elsewhere, so no effect there).
+                style: {
+                    transform: open ? 'translateX(0)' : offscreen,
+                    height: '100dvh',
+                    paddingTop: 'env(safe-area-inset-top)',
+                    paddingBottom: 'env(safe-area-inset-bottom)',
+                }, children: title !== undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [Icon ? (0, jsx_runtime_1.jsx)(Icon, { size: 18, color: iconColor ? (0, color_1.asColor)(iconColor) : undefined }) : null, (0, jsx_runtime_1.jsx)(gui_1.Text, { flex: 1, fontSize: "$5", fontWeight: "700", color: "$color12", numberOfLines: 1, children: title }), headerRight, (0, jsx_runtime_1.jsx)(gui_1.Button, { chromeless: true, width: 44, height: 44, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 18 }), onPress: onClose, "aria-label": "Close" })] }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, p: "$4", gap: "$3", children: children }) })] })) : (
+                // Bare mode — the caller owns the full panel layout (e.g. the nav drawer
+                // renders its own header + scroll + footer).
+                children) })] }));
+}

package/dist/product/SlideOver.d.ts

@@ -20,7 +20,7 @@
  * moves into the panel on open and returns to the opener on close.
  */
 import { type ReactNode } from 'react';
-import { type IconLike } from './color';
+import { type IconLike } from './color.js';
 /** The lg breakpoint (px) — matches the shell's one responsive threshold. */
 declare const LG = 1024;
 export type SlideOverProps = {
@@ -45,3 +45,4 @@ export type SlideOverProps = {
 };
 export declare function SlideOver({ open, onClose, side, size, title, icon: Icon, iconColor, headerRight, ariaLabel, zIndex, children, }: SlideOverProps): import("react/jsx-runtime").JSX.Element;
 export { LG as SLIDEOVER_LG };
+//# sourceMappingURL=SlideOver.d.ts.map

package/dist/product/SlideOver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideOver.d.ts","sourceRoot":"","sources":["../../src/product/SlideOver.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,6EAA6E;AAC7E,QAAA,MAAM,EAAE,OAAO,CAAA;AAmBf,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oFAAoF;IACpF,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mEAAmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAID,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,IAAc,EACd,IAAU,EACV,KAAK,EACL,IAAI,EAAE,IAAI,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAa,EACb,QAAQ,GACT,EAAE,cAAc,2CAoIhB;AAED,OAAO,EAAE,EAAE,IAAI,YAAY,EAAE,CAAA"}

package/dist/product/SlideOver.js

@@ -0,0 +1,126 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * SlideOver — the ONE right-side (or left) slide-out overlay for the console.
+ *
+ * It is the single mechanism behind every off-canvas surface: the mobile nav
+ * drawer, the item DetailPane, and the account/settings menu. One definition, many
+ * mounts (DRY) — so every drawer slides, dims, traps, and closes identically.
+ *
+ * Smoothness is CSS-transform driven (never a JS layout branch): the panel is
+ * ALWAYS mounted and toggles `translateX(0) ↔ translateX(±100%)` via the shared
+ * `.hz-slide` class, and the backdrop cross-fades via `.hz-fade`. Because it never
+ * unmounts, the EXIT animates too (a `Dialog` that unmounts on close cannot). Both
+ * classes are reduced-motion-aware in `globals.css`, so the whole thing snaps
+ * instantly for users who ask for that — no bespoke logic here.
+ *
+ * Responsive by construction: FULL-WIDTH (full-screen) below `lg`, a fixed-width
+ * pane at `lg+` (`size`). Uses `100dvh` so the mobile browser chrome never clips it.
+ *
+ * A11y: `role="dialog" aria-modal`, Escape to close, backdrop click to close, body
+ * scroll lock while open (ref-counted so stacked overlays don't fight), and focus
+ * moves into the panel on open and returns to the opener on close.
+ */
+import { useEffect, useRef } from 'react';
+import { Button, ScrollView, Text, XStack, YStack } from '@hanzo/gui';
+import { X } from '@hanzogui/lucide-icons-2';
+import { asColor } from './color.js';
+/** The lg breakpoint (px) — matches the shell's one responsive threshold. */
+const LG = 1024;
+// ── Body scroll lock, ref-counted so nested/stacked overlays don't clobber it ──
+let lockCount = 0;
+let savedOverflow = '';
+function lockScroll() {
+    if (typeof document === 'undefined')
+        return;
+    if (lockCount === 0) {
+        savedOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+    }
+    lockCount++;
+}
+function unlockScroll() {
+    if (typeof document === 'undefined')
+        return;
+    lockCount = Math.max(0, lockCount - 1);
+    if (lockCount === 0)
+        document.body.style.overflow = savedOverflow;
+}
+import { useEmit } from './instrument.js';
+export function SlideOver({ open, onClose, side = 'right', size = 420, title, icon: Icon, iconColor, headerRight, ariaLabel, zIndex = 1000, children, }) {
+    const track = useEmit();
+    const panelRef = useRef(null);
+    const openerRef = useRef(null);
+    // One open/close pair per drawer, keyed by its title — the shared way every
+    // product reports "a detail pane was looked at".
+    useEffect(() => {
+        track({ component: 'SlideOver', action: open ? 'open' : 'close', id: typeof title === 'string' ? title : ariaLabel });
+        // Only the open/close transition matters; `track` is stable per surface.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    // Body scroll lock + focus management, driven by `open`.
+    useEffect(() => {
+        if (!open)
+            return;
+        openerRef.current = typeof document !== 'undefined' ? document.activeElement : null;
+        lockScroll();
+        // Move focus into the panel (next frame so it is laid out + on-screen).
+        const t = window.setTimeout(() => {
+            const el = panelRef.current;
+            if (el && typeof el.focus === 'function')
+                el.focus();
+        }, 0);
+        return () => {
+            window.clearTimeout(t);
+            unlockScroll();
+            const opener = openerRef.current;
+            if (opener && opener instanceof HTMLElement && typeof opener.focus === 'function')
+                opener.focus();
+        };
+    }, [open]);
+    // Escape closes.
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKey = (e) => {
+            if (e.key === 'Escape') {
+                e.stopPropagation();
+                onClose();
+            }
+        };
+        window.addEventListener('keydown', onKey);
+        return () => window.removeEventListener('keydown', onKey);
+    }, [open, onClose]);
+    const offscreen = side === 'right' ? 'translateX(100%)' : 'translateX(-100%)';
+    const edge = side === 'right' ? { r: 0 } : { l: 0 };
+    return (_jsxs(YStack
+    // Fixed to the viewport; overflow hidden so the off-screen panel (absolute
+    // child) is CLIPPED and never adds a horizontal scrollbar.
+    , { 
+        // Fixed to the viewport; overflow hidden so the off-screen panel (absolute
+        // child) is CLIPPED and never adds a horizontal scrollbar.
+        overflow: "hidden", pointerEvents: open ? 'auto' : 'none', "aria-hidden": !open, style: { position: 'fixed', inset: 0, zIndex }, children: [_jsx(YStack, { position: "absolute", t: 0, l: 0, r: 0, b: 0, bg: "rgba(0,0,0,0.55)", className: "hz-fade", style: { opacity: open ? 1 : 0 }, onPress: onClose }), _jsx(YStack
+            // Web DOM ref; Gui forwards it to the underlying node. Cast (not @ts-expect-error)
+            // so it is env-agnostic — the ref type is strict under the pkg build, loose here.
+            , { 
+                // Web DOM ref; Gui forwards it to the underlying node. Cast (not @ts-expect-error)
+                // so it is env-agnostic — the ref type is strict under the pkg build, loose here.
+                ref: panelRef, tabIndex: -1, role: "dialog", "aria-modal": open ? true : undefined, "aria-label": typeof title === 'string' ? title : ariaLabel, position: "absolute", t: 0, b: 0, ...edge, width: "100%", "$lg": { width: size, maxW: '100vw' }, bg: "$color1", borderLeftWidth: side === 'right' ? 1 : 0, borderRightWidth: side === 'left' ? 1 : 0, borderColor: "$borderColor", 
+                // Material paper depth — the drawer reads as a sheet lifted above the dimmed
+                // list behind it (real layered shadow, theme-aware), not a flat panel.
+                className: "hz-slide hz-elevation-4", 
+                // Full-height sheet (100dvh — mobile-safe), inset for the notch (top) + home
+                // indicator (bottom) so the drawer header + footer actions clear them on
+                // notched devices (env insets are 0 elsewhere, so no effect there).
+                style: {
+                    transform: open ? 'translateX(0)' : offscreen,
+                    height: '100dvh',
+                    paddingTop: 'env(safe-area-inset-top)',
+                    paddingBottom: 'env(safe-area-inset-bottom)',
+                }, children: title !== undefined ? (_jsxs(_Fragment, { children: [_jsxs(XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [Icon ? _jsx(Icon, { size: 18, color: iconColor ? asColor(iconColor) : undefined }) : null, _jsx(Text, { flex: 1, fontSize: "$5", fontWeight: "700", color: "$color12", numberOfLines: 1, children: title }), headerRight, _jsx(Button, { chromeless: true, width: 44, height: 44, icon: _jsx(X, { size: 18 }), onPress: onClose, "aria-label": "Close" })] }), _jsx(ScrollView, { flex: 1, children: _jsx(YStack, { flex: 1, p: "$4", gap: "$3", children: children }) })] })) : (
+                // Bare mode — the caller owns the full panel layout (e.g. the nav drawer
+                // renders its own header + scroll + footer).
+                children) })] }));
+}
+export { LG as SLIDEOVER_LG };
+//# sourceMappingURL=SlideOver.js.map

package/dist/product/SlideOver.js.map

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