@hanzo/ui 8.0.26 → 8.0.28

package/dist/product/menu/items.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, XStack, YStack } from '@hanzo/gui';
+import { Check, ChevronRight } from '@hanzogui/lucide-icons-2';
+import { touch } from '../../backends/gui/gesture.js';
+// ── Geometry — literal px, 8-grid. ROW_H matches the gui backend's DropdownMenu
+//    row exactly; two menu geometries would be two design systems. ──────────────
+const ITEM_MIN_HEIGHT = 32;
+const TAP_MIN = 44;
+const ITEM_RADIUS = 7;
+const ITEM_PX = 8;
+const ITEM_GAP = 8;
+const ICON_SLOT = 16;
+export const PANEL_RADIUS = 12;
+export const PANEL_PAD = 4;
+const PANEL_GAP = 2;
+const SEP_MARGIN = 4;
+const FONT_LABEL = 13;
+const FONT_MUTED = 11;
+const FONT_SHORTCUT = 12;
+// ── Colour — brand purple accent via CSS vars (fallbacks keep it correct even when
+//    @hanzo/brand is not loaded, e.g. a bare Vite/Tauri host); everything else uses
+//    theme-adaptive Tamagui tokens. ──────────────────────────────────────────────
+const ACCENT = 'var(--hanzo-accent, #8b5cf6)';
+const ACCENT_SOFT = 'var(--hanzo-accent-soft, rgba(139,92,246,0.16))';
+const DANGER = 'var(--hanzo-danger, #ef4444)';
+// ── Surface ───────────────────────────────────────────────────────────────────
+export function MenuPanel({ children, minWidth = 200, maxHeight = 360, onKeyDown, panelRef, ...rest }) {
+    return (_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, role: "menu", bg: "$color2", borderColor: "$borderColor", borderWidth: 1, rounded: PANEL_RADIUS, p: PANEL_PAD, gap: PANEL_GAP, minW: minWidth, maxH: maxHeight, overflow: "scroll", 
+        // Subtle border + ambient elevation, minimal shadow.
+        shadowColor: "rgba(0,0,0,0.45)", shadowRadius: 20, shadowOffset: { width: 0, height: 10 }, onKeyDown: onKeyDown, ...rest, children: children }));
+}
+// ── Item — the ONE row ──────────────────────────────────────────────────────────
+import { labelOf, useEmit } from '../instrument.js';
+export function MenuItemView({ icon, label, description, shortcut, selected = false, disabled = false, destructive = false, hasSubmenu = false, onSelect, }) {
+    const track = useEmit();
+    const choose = () => {
+        track({ component: 'MenuItem', action: 'select', id: labelOf(label), value: selected });
+        onSelect();
+    };
+    const press = () => {
+        if (!disabled)
+            choose();
+    };
+    const onKeyDown = (e) => {
+        if (disabled)
+            return;
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            choose();
+        }
+    };
+    const labelColor = destructive ? DANGER : '$color12';
+    return (_jsxs(XStack, { role: "menuitem", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled || undefined, items: "center", gap: ITEM_GAP, px: ITEM_PX, minH: ITEM_MIN_HEIGHT, ...touch(ITEM_MIN_HEIGHT, TAP_MIN, 'y'), rounded: ITEM_RADIUS, cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.4 : 1, select: "none", style: { outline: 'none' }, hoverStyle: disabled ? {} : { bg: ACCENT_SOFT }, pressStyle: disabled ? {} : { bg: ACCENT_SOFT }, focusStyle: disabled ? {} : { bg: ACCENT_SOFT }, onPress: press, onKeyDown: onKeyDown, children: [_jsx(XStack, { width: ICON_SLOT, height: ICON_SLOT, items: "center", justify: "center", shrink: 0, children: icon ? (_jsx(XStack, { items: "center", justify: "center", opacity: destructive ? 1 : 0.9, style: destructive ? { color: DANGER } : undefined, children: icon })) : null }), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: FONT_LABEL, lineHeight: 18, color: labelColor, numberOfLines: 1, children: label }), description ? (_jsx(Text, { fontSize: FONT_MUTED, lineHeight: 14, color: "$color11", numberOfLines: 1, children: description })) : null] }), shortcut ? (_jsx(Text, { fontSize: FONT_SHORTCUT, color: "$color11", shrink: 0, children: shortcut })) : null, selected ? _jsx(Check, { size: 14, color: ACCENT }) : null, hasSubmenu ? _jsx(ChevronRight, { size: 14, color: "var(--hanzo-muted, currentColor)", opacity: 0.6 }) : null] }));
+}
+// ── Separator ───────────────────────────────────────────────────────────────────
+export function MenuSeparatorView() {
+    return _jsx(YStack, { height: 1, bg: "$borderColor", my: SEP_MARGIN, mx: SEP_MARGIN, role: "separator" });
+}
+// ── Section label ────────────────────────────────────────────────────────────────
+export function MenuLabelView({ children }) {
+    return (_jsx(Text, { fontSize: FONT_MUTED, color: "$color11", px: ITEM_PX, py: SEP_MARGIN, textTransform: "uppercase", letterSpacing: 0.4, select: "none", children: children }));
+}
+// ── The single render path shared by every menu ──────────────────────────────────
+export function renderMenuItems(items, close) {
+    return items.map((it, i) => {
+        if (it.type === 'separator')
+            return _jsx(MenuSeparatorView, {}, it.key ?? `sep-${i}`);
+        if (it.type === 'label')
+            return _jsx(MenuLabelView, { children: it.label }, it.key ?? `lbl-${i}`);
+        const { key, onSelect, closeOnSelect = true, ...rest } = it;
+        return (_jsx(MenuItemView, { ...rest, onSelect: () => {
+                onSelect();
+                if (closeOnSelect)
+                    close?.();
+            } }, key));
+    });
+}
+//# sourceMappingURL=items.js.map

package/dist/product/menu/items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.js","sourceRoot":"","sources":["../../../src/product/menu/items.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAsBZ,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,iFAAiF;AACjF,kFAAkF;AAClF,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,OAAO,GAAG,EAAE,CAAA;AAClB,MAAM,WAAW,GAAG,CAAC,CAAA;AACrB,MAAM,OAAO,GAAG,CAAC,CAAA;AACjB,MAAM,QAAQ,GAAG,CAAC,CAAA;AAClB,MAAM,SAAS,GAAG,EAAE,CAAA;AACpB,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAA;AAC9B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAC1B,MAAM,SAAS,GAAG,CAAC,CAAA;AACnB,MAAM,UAAU,GAAG,CAAC,CAAA;AACpB,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,aAAa,GAAG,EAAE,CAAA;AAExB,oFAAoF;AACpF,oFAAoF;AACpF,mFAAmF;AACnF,MAAM,MAAM,GAAG,8BAA8B,CAAA;AAC7C,MAAM,WAAW,GAAG,iDAAiD,CAAA;AACrE,MAAM,MAAM,GAAG,8BAA8B,CAAA;AA6B7C,iFAAiF;AACjF,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,GAAG,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EASR;IACC,OAAO,CACL,KAAC,MAAM;IACL,mFAAmF;IACnF,kFAAkF;;QADlF,mFAAmF;QACnF,kFAAkF;QAClF,GAAG,EAAE,QAAiB,EACtB,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,SAAS,EACZ,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,OAAO,EAAE,YAAY,EACrB,CAAC,EAAE,SAAS,EACZ,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,SAAS,EACf,QAAQ,EAAC,QAAQ;QACjB,qDAAqD;QACrD,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAE,EAAE,EAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EACtC,SAAS,EAAE,SAAkB,KACzB,IAAI,YAEP,QAAQ,GACF,CACV,CAAA;AACH,CAAC;AAED,mFAAmF;AACnF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEhD,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,GACyE;IACjF,MAAM,KAAK,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,KAAK,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;QACvF,QAAQ,EAAE,CAAA;IACZ,CAAC,CAAA;IACD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,QAAQ;YAAE,MAAM,EAAE,CAAA;IACzB,CAAC,CAAA;IACD,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,IAAI,QAAQ;YAAE,OAAM;QACpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAA;IACpD,OAAO,CACL,MAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACZ,QAAQ,IAAI,SAAS,EACpC,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,eAAe,KACjB,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,CAAC,EACxC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,WAAoB,EAAE,EACxD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,WAAoB,EAAE,EACxD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,WAAoB,EAAE,EACxD,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,SAAkB,aAE7B,KAAC,MAAM,IAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAE,CAAC,YACnF,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YACvH,IAAI,GACE,CACV,CAAC,CAAC,CAAC,IAAI,GACD,EAET,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,aACtB,KAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,UAAmB,EAAE,aAAa,EAAE,CAAC,YACrF,KAAK,GACD,EACN,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAC,UAAU,EAAC,aAAa,EAAE,CAAC,YAC1E,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACD,EAER,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC,YACtD,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,EACpD,UAAU,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,kCAAkC,EAAC,OAAO,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,IAAI,IAC/F,CACV,CAAA;AACH,CAAC;AAED,mFAAmF;AACnF,MAAM,UAAU,iBAAiB;IAC/B,OAAO,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAC,cAAc,EAAC,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAC,WAAW,GAAG,CAAA;AACjG,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA2B;IACjE,OAAO,CACL,KAAC,IAAI,IACH,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,UAAU,EACd,aAAa,EAAC,WAAW,EACzB,aAAa,EAAE,GAAG,EAClB,MAAM,EAAC,MAAM,YAEZ,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,KAAkB;IACvE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,EAAE,CAAC,IAAI,KAAK,WAAW;YAAE,OAAO,KAAC,iBAAiB,MAAM,EAAE,CAAC,GAAG,IAAI,OAAO,CAAC,EAAE,CAAI,CAAA;QACpF,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO;YAAE,OAAO,KAAC,aAAa,cAA6B,EAAE,CAAC,KAAK,IAA/B,EAAE,CAAC,GAAG,IAAI,OAAO,CAAC,EAAE,CAA4B,CAAA;QACpG,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAA;QAC3D,OAAO,CACL,KAAC,YAAY,OAEP,IAAI,EACR,QAAQ,EAAE,GAAG,EAAE;gBACb,QAAQ,EAAE,CAAA;gBACV,IAAI,aAAa;oBAAE,KAAK,EAAE,EAAE,CAAA;YAC9B,CAAC,IALI,GAAG,CAMR,CACH,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/product/menu/portal-theme.cjs

@@ -0,0 +1,13 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeName = void 0;
+exports.PortalTheme = PortalTheme;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+Object.defineProperty(exports, "useThemeName", { enumerable: true, get: function () { return gui_1.useThemeName; } });
+function PortalTheme({ name, children }) {
+    // `name` is the resolved theme name (e.g. "dark", or a compound "dark_purple").
+    // Tamagui's `Theme` accepts the resolved name and reconstructs the context.
+    return (0, jsx_runtime_1.jsx)(gui_1.Theme, { name: name, children: children });
+}

package/dist/product/menu/portal-theme.d.ts

@@ -26,3 +26,4 @@ export declare function PortalTheme({ name, children }: {
     name: string;
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=portal-theme.d.ts.map

package/dist/product/menu/portal-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-theme.d.ts","sourceRoot":"","sources":["../../../src/product/menu/portal-theme.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAS,YAAY,EAAE,MAAM,YAAY,CAAA;AAEhD;qDACqD;AACrD,OAAO,EAAE,YAAY,EAAE,CAAA;AAEvB,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAIpF"}

package/dist/product/menu/portal-theme.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Theme, useThemeName } from '@hanzo/gui';
+/** Capture the current resolved theme name at the trigger site. Re-exported so the
+ *  capture + re-apply pair reads from one module. */
+export { useThemeName };
+export function PortalTheme({ name, children }) {
+    // `name` is the resolved theme name (e.g. "dark", or a compound "dark_purple").
+    // Tamagui's `Theme` accepts the resolved name and reconstructs the context.
+    return _jsx(Theme, { name: name, children: children });
+}
+//# sourceMappingURL=portal-theme.js.map

package/dist/product/menu/portal-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-theme.js","sourceRoot":"","sources":["../../../src/product/menu/portal-theme.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAsBZ,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEhD;qDACqD;AACrD,OAAO,EAAE,YAAY,EAAE,CAAA;AAEvB,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAyC;IACnF,gFAAgF;IAChF,4EAA4E;IAC5E,OAAO,KAAC,KAAK,IAAC,IAAI,EAAE,IAAa,YAAG,QAAQ,GAAS,CAAA;AACvD,CAAC"}

package/dist/product/menu/roving.cjs

@@ -0,0 +1,31 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuKeyDown = menuKeyDown;
+function menuKeyDown(e, onClose) {
+    if (e.key === 'Escape') {
+        onClose?.();
+        return;
+    }
+    if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End')
+        return;
+    if (typeof document === 'undefined')
+        return;
+    const panel = e.currentTarget;
+    const items = Array.from(panel.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])'));
+    if (items.length === 0)
+        return;
+    e.preventDefault();
+    const active = document.activeElement;
+    const current = active ? items.indexOf(active) : -1;
+    let next;
+    if (e.key === 'Home')
+        next = 0;
+    else if (e.key === 'End')
+        next = items.length - 1;
+    else if (e.key === 'ArrowDown')
+        next = current < 0 ? 0 : (current + 1) % items.length;
+    else
+        next = current <= 0 ? items.length - 1 : current - 1;
+    items[next]?.focus();
+}

package/dist/product/menu/roving.d.ts

@@ -6,3 +6,4 @@
  */
 import type { KeyboardEvent } from 'react';
 export declare function menuKeyDown(e: KeyboardEvent, onClose?: () => void): void;
+//# sourceMappingURL=roving.d.ts.map

package/dist/product/menu/roving.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving.d.ts","sourceRoot":"","sources":["../../../src/product/menu/roving.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,wBAAgB,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAuBxE"}

package/dist/product/menu/roving.js

@@ -0,0 +1,29 @@
+'use client';
+export function menuKeyDown(e, onClose) {
+    if (e.key === 'Escape') {
+        onClose?.();
+        return;
+    }
+    if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End')
+        return;
+    if (typeof document === 'undefined')
+        return;
+    const panel = e.currentTarget;
+    const items = Array.from(panel.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])'));
+    if (items.length === 0)
+        return;
+    e.preventDefault();
+    const active = document.activeElement;
+    const current = active ? items.indexOf(active) : -1;
+    let next;
+    if (e.key === 'Home')
+        next = 0;
+    else if (e.key === 'End')
+        next = items.length - 1;
+    else if (e.key === 'ArrowDown')
+        next = current < 0 ? 0 : (current + 1) % items.length;
+    else
+        next = current <= 0 ? items.length - 1 : current - 1;
+    items[next]?.focus();
+}
+//# sourceMappingURL=roving.js.map

package/dist/product/menu/roving.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving.js","sourceRoot":"","sources":["../../../src/product/menu/roving.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAUZ,MAAM,UAAU,WAAW,CAAC,CAAgB,EAAE,OAAoB;IAChE,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,OAAM;IACR,CAAC;IACD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK;QAAE,OAAM;IAC/F,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM;IAE3C,MAAM,KAAK,GAAG,CAAC,CAAC,aAA4B,CAAA;IAC5C,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,KAAK,CAAC,gBAAgB,CAAc,+CAA+C,CAAC,CACrF,CAAA;IACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAM;IAC9B,CAAC,CAAC,cAAc,EAAE,CAAA;IAElB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAmC,CAAA;IAC3D,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,IAAI,IAAY,CAAA;IAChB,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM;QAAE,IAAI,GAAG,CAAC,CAAA;SACzB,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK;QAAE,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;SAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;QAAE,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;;QAChF,IAAI,GAAG,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAA;IACzD,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;AACtB,CAAC"}

package/dist/product/scope.cjs

@@ -0,0 +1,102 @@
+'use client';"use strict";
+/**
+ * orgScope — the active-organization contract every Hanzo surface shares
+ * (hoisted from the console; see hanzoai/ui#36).
+ *
+ * Brand identity (which IAM you log into, the wordmark + logo) is fixed per
+ * host; the DATA scope — which org's identity, secrets and resources the app
+ * acts on — is orthogonal. This module owns only that switch. Every
+ * tenant-scoped call reads `currentOrg()` and stamps it as `X-Org-Id`.
+ *
+ * Two-level model: the org VALUE (which org) and the SELECTION (has one been
+ * chosen yet) are orthogonal. A fresh login is org-LESS: `hasSelectedOrg()` is
+ * false so the host can show its org picker even for a one-org user. Entering
+ * (`enterOrg`) sets value + flag and navigates home; leaving (`leaveOrg`)
+ * clears the flag back to the picker; the in-shell quick switch (`switchOrg`)
+ * persists and reloads so every module refetches under the new `X-Org-Id`.
+ *
+ * Host-agnostic: storage + navigation are injected (browser defaults), so the
+ * same contract runs in Next, Vite, Svelte or a test.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.orgScope = orgScope;
+exports.filterOrgs = filterOrgs;
+function browserStorage() {
+    if (typeof window === 'undefined')
+        return null;
+    try {
+        return window.localStorage;
+    }
+    catch {
+        return null;
+    }
+}
+function orgScope(config) {
+    const key = config.key ?? 'hanzo.org';
+    const selectedKey = `${key}.selected`;
+    const store = () => config.storage ?? browserStorage();
+    const read = (k) => {
+        try {
+            return store()?.getItem(k) ?? null;
+        }
+        catch {
+            return null;
+        }
+    };
+    const write = (k, v) => {
+        try {
+            if (v === null)
+                store()?.removeItem(k);
+            else
+                store()?.setItem(k, v);
+        }
+        catch {
+            // Storage blocked — the scope simply stays at the brand org.
+        }
+    };
+    const goHome = () => {
+        if (config.navigate)
+            return config.navigate('/');
+        if (typeof window !== 'undefined')
+            window.location.assign('/');
+    };
+    const doReload = () => {
+        if (config.reload)
+            return config.reload();
+        if (typeof window !== 'undefined')
+            window.location.reload();
+    };
+    const scope = {
+        currentOrg: () => read(key) || config.brandOrg,
+        setCurrentOrg: (org) => write(key, !org || org === config.brandOrg ? null : org),
+        isScopedAway: () => scope.currentOrg() !== config.brandOrg,
+        hasSelectedOrg: () => read(selectedKey) === '1',
+        enterOrg: (org) => {
+            if (!org)
+                return;
+            scope.setCurrentOrg(org);
+            write(selectedKey, '1');
+            goHome();
+        },
+        leaveOrg: () => {
+            write(selectedKey, null);
+            scope.setCurrentOrg(config.brandOrg);
+            goHome();
+        },
+        switchOrg: (org) => {
+            if (!org || org === scope.currentOrg())
+                return;
+            scope.setCurrentOrg(org);
+            write(selectedKey, '1');
+            doReload();
+        },
+    };
+    return scope;
+}
+/** Case-insensitive filter over org name + display name (the switcher search). */
+function filterOrgs(orgs, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+        return orgs;
+    return orgs.filter((o) => o.name.toLowerCase().includes(q) || (o.displayName ?? '').toLowerCase().includes(q));
+}

package/dist/product/scope.d.ts

@@ -53,3 +53,4 @@ export type OrgScope = {
 export declare function orgScope(config: OrgScopeConfig): OrgScope;
 /** Case-insensitive filter over org name + display name (the switcher search). */
 export declare function filterOrgs<T extends Org>(orgs: T[], query: string): T[];
+//# sourceMappingURL=scope.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scope.d.ts","sourceRoot":"","sources":["../../src/product/scope.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,MAAM,GAAG,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEvE,MAAM,MAAM,cAAc,GAAG;IAC3B,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,CAAA;IAChB,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6EAA6E;IAC7E,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC,CAAA;IAC7D,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,2EAA2E;IAC3E,UAAU,IAAI,MAAM,CAAA;IACpB,0EAA0E;IAC1E,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,wDAAwD;IACxD,YAAY,IAAI,OAAO,CAAA;IACvB,qEAAqE;IACrE,cAAc,IAAI,OAAO,CAAA;IACzB,oEAAoE;IACpE,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,6EAA6E;IAC7E,QAAQ,IAAI,IAAI,CAAA;IAChB,iFAAiF;IACjF,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B,CAAA;AAWD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,QAAQ,CAoDzD;AAED,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,CAAC,SAAS,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,CAMvE"}

package/dist/product/scope.js

@@ -0,0 +1,99 @@
+'use client';/**
+ * orgScope — the active-organization contract every Hanzo surface shares
+ * (hoisted from the console; see hanzoai/ui#36).
+ *
+ * Brand identity (which IAM you log into, the wordmark + logo) is fixed per
+ * host; the DATA scope — which org's identity, secrets and resources the app
+ * acts on — is orthogonal. This module owns only that switch. Every
+ * tenant-scoped call reads `currentOrg()` and stamps it as `X-Org-Id`.
+ *
+ * Two-level model: the org VALUE (which org) and the SELECTION (has one been
+ * chosen yet) are orthogonal. A fresh login is org-LESS: `hasSelectedOrg()` is
+ * false so the host can show its org picker even for a one-org user. Entering
+ * (`enterOrg`) sets value + flag and navigates home; leaving (`leaveOrg`)
+ * clears the flag back to the picker; the in-shell quick switch (`switchOrg`)
+ * persists and reloads so every module refetches under the new `X-Org-Id`.
+ *
+ * Host-agnostic: storage + navigation are injected (browser defaults), so the
+ * same contract runs in Next, Vite, Svelte or a test.
+ */
+function browserStorage() {
+    if (typeof window === 'undefined')
+        return null;
+    try {
+        return window.localStorage;
+    }
+    catch {
+        return null;
+    }
+}
+export function orgScope(config) {
+    const key = config.key ?? 'hanzo.org';
+    const selectedKey = `${key}.selected`;
+    const store = () => config.storage ?? browserStorage();
+    const read = (k) => {
+        try {
+            return store()?.getItem(k) ?? null;
+        }
+        catch {
+            return null;
+        }
+    };
+    const write = (k, v) => {
+        try {
+            if (v === null)
+                store()?.removeItem(k);
+            else
+                store()?.setItem(k, v);
+        }
+        catch {
+            // Storage blocked — the scope simply stays at the brand org.
+        }
+    };
+    const goHome = () => {
+        if (config.navigate)
+            return config.navigate('/');
+        if (typeof window !== 'undefined')
+            window.location.assign('/');
+    };
+    const doReload = () => {
+        if (config.reload)
+            return config.reload();
+        if (typeof window !== 'undefined')
+            window.location.reload();
+    };
+    const scope = {
+        currentOrg: () => read(key) || config.brandOrg,
+        setCurrentOrg: (org) => write(key, !org || org === config.brandOrg ? null : org),
+        isScopedAway: () => scope.currentOrg() !== config.brandOrg,
+        hasSelectedOrg: () => read(selectedKey) === '1',
+        enterOrg: (org) => {
+            if (!org)
+                return;
+            scope.setCurrentOrg(org);
+            write(selectedKey, '1');
+            goHome();
+        },
+        leaveOrg: () => {
+            write(selectedKey, null);
+            scope.setCurrentOrg(config.brandOrg);
+            goHome();
+        },
+        switchOrg: (org) => {
+            if (!org || org === scope.currentOrg())
+                return;
+            scope.setCurrentOrg(org);
+            write(selectedKey, '1');
+            doReload();
+        },
+    };
+    return scope;
+}
+/** Case-insensitive filter over org name + display name (the switcher search). */
+export function filterOrgs(orgs, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+        return orgs;
+    return orgs.filter((o) => o.name.toLowerCase().includes(q) || (o.displayName ?? '').toLowerCase().includes(q));
+}
+//# sourceMappingURL=scope.js.map

package/dist/product/scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope.js","sourceRoot":"","sources":["../../src/product/scope.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAkCH,SAAS,cAAc;IACrB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,IAAI,CAAA;IAC9C,IAAI,CAAC;QACH,OAAO,MAAM,CAAC,YAAY,CAAA;IAC5B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,MAAsB;IAC7C,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,IAAI,WAAW,CAAA;IACrC,MAAM,WAAW,GAAG,GAAG,GAAG,WAAW,CAAA;IACrC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,cAAc,EAAE,CAAA;IACtD,MAAM,IAAI,GAAG,CAAC,CAAS,EAAiB,EAAE;QACxC,IAAI,CAAC;YACH,OAAO,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAA;QACpC,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC,CAAA;IACD,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,CAAgB,EAAQ,EAAE;QAClD,IAAI,CAAC;YACH,IAAI,CAAC,KAAK,IAAI;gBAAE,KAAK,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;;gBACjC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAC7B,CAAC;QAAC,MAAM,CAAC;YACP,6DAA6D;QAC/D,CAAC;IACH,CAAC,CAAA;IACD,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,MAAM,CAAC,QAAQ;YAAE,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAChD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;IAChE,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,MAAM,CAAC,MAAM;YAAE,OAAO,MAAM,CAAC,MAAM,EAAE,CAAA;QACzC,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAA;IAC7D,CAAC,CAAA;IAED,MAAM,KAAK,GAAa;QACtB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ;QAC9C,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;QAChF,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,MAAM,CAAC,QAAQ;QAC1D,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG;QAC/C,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;YAChB,IAAI,CAAC,GAAG;gBAAE,OAAM;YAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;YACxB,KAAK,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;YACvB,MAAM,EAAE,CAAA;QACV,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACb,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;YACxB,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;YACpC,MAAM,EAAE,CAAA;QACV,CAAC;QACD,SAAS,EAAE,CAAC,GAAG,EAAE,EAAE;YACjB,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,KAAK,CAAC,UAAU,EAAE;gBAAE,OAAM;YAC9C,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;YACxB,KAAK,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;YACvB,QAAQ,EAAE,CAAA;QACZ,CAAC;KACF,CAAA;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,kFAAkF;AAClF,MAAM,UAAU,UAAU,CAAgB,IAAS,EAAE,KAAa;IAChE,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IACpC,IAAI,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IACnB,OAAO,IAAI,CAAC,MAAM,CAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC3F,CAAA;AACH,CAAC"}

package/dist/product/social/CampaignCard.cjs

@@ -0,0 +1,17 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CampaignCard = CampaignCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * CampaignCard — one marketing campaign (name, channel, lifecycle, budget/spend
+ * bar). Pure: all data via props. Reuses the shared StatusTag for the lifecycle
+ * pill (one status vocabulary). Extracted from Hanzo Social.
+ */
+const gui_1 = require("@hanzo/gui");
+const StatusTag_1 = require("../StatusTag.cjs");
+const money = (cents) => `$${Math.round((cents || 0) / 100).toLocaleString()}`;
+function CampaignCard({ campaign }) {
+    const pct = campaign.budget > 0 ? Math.min(100, (campaign.spend / campaign.budget) * 100) : 0;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Card, { p: "$4", gap: "$3", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-start", justify: "space-between", gap: "$2", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$4", fontWeight: "700", children: campaign.name }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", children: campaign.channel })] }), (0, jsx_runtime_1.jsx)(StatusTag_1.StatusTag, { status: campaign.status })] }), campaign.objective ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", children: campaign.objective })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1.5", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", children: [(0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: "$color11", children: [money(campaign.spend), " spent"] }), (0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: "$color11", children: [money(campaign.budget), " budget"] })] }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { height: 6, rounded: "$2", bg: "$color3", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { height: 6, rounded: "$2", bg: "$color9", width: `${pct}%` }) })] })] }));
+}

package/dist/product/social/CampaignCard.d.ts

@@ -11,3 +11,4 @@ export type Campaign = {
 export declare function CampaignCard({ campaign }: {
     campaign: Campaign;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CampaignCard.d.ts.map

package/dist/product/social/CampaignCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CampaignCard.d.ts","sourceRoot":"","sources":["../../../src/product/social/CampaignCard.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAID,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,2CAsChE"}

package/dist/product/social/CampaignCard.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CampaignCard — one marketing campaign (name, channel, lifecycle, budget/spend
+ * bar). Pure: all data via props. Reuses the shared StatusTag for the lifecycle
+ * pill (one status vocabulary). Extracted from Hanzo Social.
+ */
+import { Card, Text, XStack, YStack } from '@hanzo/gui';
+import { StatusTag } from '../StatusTag.js';
+const money = (cents) => `$${Math.round((cents || 0) / 100).toLocaleString()}`;
+export function CampaignCard({ campaign }) {
+    const pct = campaign.budget > 0 ? Math.min(100, (campaign.spend / campaign.budget) * 100) : 0;
+    return (_jsxs(Card, { p: "$4", gap: "$3", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [_jsxs(XStack, { items: "flex-start", justify: "space-between", gap: "$2", children: [_jsxs(YStack, { gap: "$1", children: [_jsx(Text, { fontSize: "$4", fontWeight: "700", children: campaign.name }), _jsx(Text, { fontSize: "$2", color: "$color11", children: campaign.channel })] }), _jsx(StatusTag, { status: campaign.status })] }), campaign.objective ? (_jsx(Text, { fontSize: "$2", color: "$color11", children: campaign.objective })) : null, _jsxs(YStack, { gap: "$1.5", children: [_jsxs(XStack, { justify: "space-between", children: [_jsxs(Text, { fontSize: "$1", color: "$color11", children: [money(campaign.spend), " spent"] }), _jsxs(Text, { fontSize: "$1", color: "$color11", children: [money(campaign.budget), " budget"] })] }), _jsx(YStack, { height: 6, rounded: "$2", bg: "$color3", overflow: "hidden", children: _jsx(YStack, { height: 6, rounded: "$2", bg: "$color9", width: `${pct}%` }) })] })] }));
+}
+//# sourceMappingURL=CampaignCard.js.map

package/dist/product/social/CampaignCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CampaignCard.js","sourceRoot":"","sources":["../../../src/product/social/CampaignCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAaxC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAAA;AAEtF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAA0B;IAC/D,MAAM,GAAG,GACP,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACnF,OAAO,CACL,MAAC,IAAI,IAAC,CAAC,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,WAAW,EAAE,CAAC,EAAE,WAAW,EAAC,cAAc,EAAC,KAAK,EAAC,MAAM,aAC3E,MAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,aACzD,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,YACjC,QAAQ,CAAC,IAAI,GACT,EACP,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YACjC,QAAQ,CAAC,OAAO,GACZ,IACA,EACT,KAAC,SAAS,IAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAI,IAC/B,EAER,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CACpB,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YACjC,QAAQ,CAAC,SAAS,GACd,CACR,CAAC,CAAC,CAAC,IAAI,EAER,MAAC,MAAM,IAAC,GAAG,EAAC,MAAM,aAChB,MAAC,MAAM,IAAC,OAAO,EAAC,eAAe,aAC7B,MAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,aACjC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cACjB,EACP,MAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,aACjC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,eAClB,IACA,EACT,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,YAC5D,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,GAAG,GAAG,GAAY,GAAI,GACnE,IACF,IACJ,CACR,CAAA;AACH,CAAC"}

package/dist/product/social/ChannelBadge.cjs

@@ -0,0 +1,24 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChannelBadge = ChannelBadge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ChannelBadge — the ONE way a social network is marked (brand color + glyph +
+ * optional label), on @hanzo/gui primitives so it renders on web, native, and
+ * desktop. Data-free / host-agnostic. Extracted from Hanzo Social (social.hanzo.ai).
+ */
+const gui_1 = require("@hanzo/gui");
+const META = {
+    x: { label: 'X', bg: '#0f0f12', fg: '#e6e6ea', mark: '𝕏' },
+    facebook: { label: 'Facebook', bg: '#1877f2', fg: '#ffffff', mark: 'f' },
+    instagram: { label: 'Instagram', bg: '#e1306c', fg: '#ffffff', mark: 'IG' },
+    linkedin: { label: 'LinkedIn', bg: '#0a66c2', fg: '#ffffff', mark: 'in' },
+    tiktok: { label: 'TikTok', bg: '#111114', fg: '#25f4ee', mark: 'TT' },
+    youtube: { label: 'YouTube', bg: '#ff0000', fg: '#ffffff', mark: '▶' },
+    threads: { label: 'Threads', bg: '#111114', fg: '#e6e6ea', mark: '@' },
+};
+function ChannelBadge({ channel, showLabel = false, size = 22, }) {
+    const m = META[channel] ?? META.x;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { width: size, height: size, items: "center", justify: "center", rounded: "$2", bg: m.bg, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", fontWeight: "800", color: m.fg, children: m.mark }) }), showLabel ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$color12", children: m.label })) : null] }));
+}

package/dist/product/social/ChannelBadge.d.ts

@@ -1,4 +1,4 @@
-import type { Provider } from './api';
+import type { Provider } from './api.js';
 /** The network vocabulary is the backend's ONE ordered list (./api PROVIDERS). */
 export type Channel = Provider;
 /**
@@ -12,3 +12,4 @@ export declare function ChannelBadge({ channel, showLabel, size, }: {
     showLabel?: boolean;
     size?: number;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChannelBadge.d.ts.map

package/dist/product/social/ChannelBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelBadge.d.ts","sourceRoot":"","sources":["../../../src/product/social/ChannelBadge.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErC,kFAAkF;AAClF,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAA;AAE9B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAYjD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,IAAS,GACV,EAAE;IACD,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,2CAuBA"}

package/dist/product/social/ChannelBadge.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChannelBadge — the ONE way a social network is marked (brand color + glyph +
+ * optional label), on @hanzo/gui primitives so it renders on web, native, and
+ * desktop. Data-free / host-agnostic. Extracted from Hanzo Social (social.hanzo.ai).
+ */
+import { Text, XStack, YStack } from '@hanzo/gui';
+const META = {
+    x: { label: 'X', bg: '#0f0f12', fg: '#e6e6ea', mark: '𝕏' },
+    facebook: { label: 'Facebook', bg: '#1877f2', fg: '#ffffff', mark: 'f' },
+    instagram: { label: 'Instagram', bg: '#e1306c', fg: '#ffffff', mark: 'IG' },
+    linkedin: { label: 'LinkedIn', bg: '#0a66c2', fg: '#ffffff', mark: 'in' },
+    tiktok: { label: 'TikTok', bg: '#111114', fg: '#25f4ee', mark: 'TT' },
+    youtube: { label: 'YouTube', bg: '#ff0000', fg: '#ffffff', mark: '▶' },
+    threads: { label: 'Threads', bg: '#111114', fg: '#e6e6ea', mark: '@' },
+};
+export function ChannelBadge({ channel, showLabel = false, size = 22, }) {
+    const m = META[channel] ?? META.x;
+    return (_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(YStack, { width: size, height: size, items: "center", justify: "center", rounded: "$2", bg: m.bg, children: _jsx(Text, { fontSize: "$1", fontWeight: "800", color: m.fg, children: m.mark }) }), showLabel ? (_jsx(Text, { fontSize: "$3", color: "$color12", children: m.label })) : null] }));
+}
+//# sourceMappingURL=ChannelBadge.js.map

package/dist/product/social/ChannelBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelBadge.js","sourceRoot":"","sources":["../../../src/product/social/ChannelBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAajD,MAAM,IAAI,GAA6E;IACrF,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IAC3D,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;IACxE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IAC3E,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IACzE,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IACrE,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;IACtE,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;CACvE,CAAA;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,EAAE,GAKV;IACC,MAAM,CAAC,GAAG,IAAI,CAAC,OAAkB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAA;IAC5C,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,MAAM,IACL,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE,CAAC,CAAC,EAAW,YAEjB,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAE,CAAC,CAAC,EAAW,YACtD,CAAC,CAAC,IAAI,GACF,GACA,EACR,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YACjC,CAAC,CAAC,KAAK,GACH,CACR,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}

package/dist/product/social/PostAgenda.cjs

@@ -0,0 +1,40 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostAgenda = PostAgenda;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * PostAgenda — the calendar view: every post carrying a time, ordered and grouped
+ * by local day. Pure: posts and the open handler are injected. Extracted from
+ * Hanzo Social (social.hanzo.ai).
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const EmptyState_1 = require("../EmptyState.cjs");
+const StatusTag_1 = require("../StatusTag.cjs");
+const format_1 = require("./format.cjs");
+function PostAgenda({ posts, onOpen }) {
+    const days = (0, react_1.useMemo)(() => {
+        const timed = posts
+            .filter((p) => (p.scheduleAt ?? 0) > 0)
+            .sort((a, b) => (a.scheduleAt ?? 0) - (b.scheduleAt ?? 0));
+        const groups = [];
+        const index = new Map();
+        for (const p of timed) {
+            const { key, label } = (0, format_1.postDayBucket)(p.scheduleAt ?? 0);
+            let i = index.get(key);
+            if (i === undefined) {
+                i = groups.length;
+                index.set(key, i);
+                groups.push({ label, items: [] });
+            }
+            groups[i].items.push(p);
+        }
+        return groups;
+    }, [posts]);
+    if (days.length === 0) {
+        return ((0, jsx_runtime_1.jsx)(EmptyState_1.EmptyState, { icon: lucide_icons_2_1.Calendar, title: "Nothing on the calendar", description: "Scheduled and timed posts appear here, grouped by day. Compose a post and pick Schedule to plan ahead." }));
+    }
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$4", children: days.map((d) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", fontWeight: "500", color: "$color11", children: d.label }), d.items.map((p) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: "$3", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", px: "$4", py: "$3", cursor: "pointer", hoverStyle: { bg: '$color2' }, onPress: () => onOpen(p), children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", flex: 1, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", children: (0, format_1.postPreview)(p.content) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color10", children: p.channel }), (0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: "$color10", children: ["\u00B7 ", (0, format_1.formatPostTime)(p.scheduleAt ?? 0)] })] })] }), (0, jsx_runtime_1.jsx)(StatusTag_1.StatusTag, { status: p.status })] }, p.id)))] }, d.label))) }));
+}

package/dist/product/social/PostAgenda.d.ts

@@ -1,5 +1,6 @@
-import type { Post } from './api';
+import type { Post } from './api.js';
 export declare function PostAgenda({ posts, onOpen }: {
     posts: Post[];
     onOpen: (p: Post) => void;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PostAgenda.d.ts.map

package/dist/product/social/PostAgenda.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostAgenda.d.ts","sourceRoot":"","sources":["../../../src/product/social/PostAgenda.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEjC,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,MAAM,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAAE,2CAsEzF"}