cursedbelt 0.0.0

package/dist/react/nav/Breadcrumbs.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { Fragment } from 'react';
+import { allowAllGate, deriveBreadcrumbTrail, } from '../../core/navigation';
+import { cn } from '../lib/cn';
+import { NavLink, renderIcon } from './navShared';
+/**
+ * A breadcrumb trail built from a flat {@link BreadcrumbItem} array — for consumers
+ * that compute the trail independently (e.g. with a `PARENT_OF` map) rather than
+ * deriving it from a full {@link NavigationModel}. Use {@link Breadcrumbs} instead
+ * when you have a navigation model available; it keeps the trail in sync with the
+ * model automatically. Renders nothing when `items` is empty.
+ */
+export function ItemBreadcrumbs({ items, separator, linkComponent, onNavigate, onAfterNavigate, className, }) {
+    if (items.length === 0)
+        return null;
+    const sep = separator ?? _jsx(ChevronRight, { className: 'size-4 shrink-0 text-muted-foreground' });
+    return (_jsx("nav", { "aria-label": 'Breadcrumb', className: cn('min-w-0', className), children: _jsx("ol", { className: 'flex items-center gap-1.5 overflow-x-auto text-sm', children: items.map((item, i) => {
+                const isLast = i === items.length - 1;
+                return (_jsxs(Fragment, { children: [i > 0 && _jsx("li", { "aria-hidden": 'true', children: sep }), _jsx("li", { className: 'flex min-w-0 items-center', children: isLast || !item.href ? (_jsx("span", { "aria-current": 'page', className: 'flex items-center gap-1.5 font-medium text-foreground', children: _jsx("span", { className: 'truncate', children: item.label }) })) : (_jsx(NavLink, { path: item.href, linkComponent: linkComponent, onNavigate: onNavigate, onAfterNavigate: onAfterNavigate, className: 'flex items-center gap-1.5 rounded text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: _jsx("span", { className: 'truncate', children: item.label }) })) })] }, item.key));
+            }) }) }));
+}
+/**
+ * An accessible breadcrumb trail derived from the {@link NavigationModel} (never a
+ * separately-maintained `routeMeta` list): `deriveBreadcrumbTrail(model, path)`. The
+ * last crumb is the current page (`aria-current="page"`, non-link); ancestors are
+ * navigable. On narrow screens, ancestor *labels* collapse to their icons so the
+ * trail stays on one line; the current page keeps its label. Renders nothing when
+ * the path matches no registered destination.
+ */
+export function Breadcrumbs({ model, path, gate = allowAllGate, homeCrumb, separator, linkComponent, onNavigate, onAfterNavigate, resolveIcon, className, }) {
+    const trail = deriveBreadcrumbTrail(model, path, gate);
+    const crumbs = homeCrumb && trail[0]?.path !== homeCrumb.path ? [homeCrumb, ...trail] : trail;
+    if (crumbs.length === 0)
+        return null;
+    const sep = separator ?? _jsx(ChevronRight, { className: 'size-4 shrink-0 text-muted-foreground' });
+    return (_jsx("nav", { "aria-label": 'Breadcrumb', className: cn('min-w-0', className), children: _jsx("ol", { className: 'flex items-center gap-1.5 overflow-x-auto text-sm', children: crumbs.map((crumb, i) => {
+                const isLast = i === crumbs.length - 1;
+                const icon = renderIcon(resolveIcon, crumb.icon);
+                return (_jsxs(Fragment, { children: [i > 0 && _jsx("li", { "aria-hidden": 'true', children: sep }), _jsx("li", { className: 'flex min-w-0 items-center', children: isLast ? (_jsxs("span", { "aria-current": 'page', className: 'flex items-center gap-1.5 font-medium text-foreground', children: [icon && (_jsx("span", { className: 'grid size-4 place-items-center [&_svg]:size-4', "aria-hidden": 'true', children: icon })), _jsx("span", { className: 'truncate', children: crumb.label })] })) : (_jsxs(NavLink, { path: crumb.path, linkComponent: linkComponent, onNavigate: onNavigate, onAfterNavigate: onAfterNavigate, className: 'flex items-center gap-1.5 rounded text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: [icon && (_jsx("span", { className: 'grid size-4 place-items-center [&_svg]:size-4', "aria-hidden": 'true', children: icon })), _jsx("span", { className: cn('truncate', icon && 'hidden sm:inline'), children: crumb.label })] })) })] }, crumb.id));
+            }) }) }));
+}
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/react/nav/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/react/nav/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EACL,YAAY,EAEZ,qBAAqB,GAItB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAA2B,UAAU,EAAE,MAAM,aAAa,CAAC;AA2B3E;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,aAAa,EACb,UAAU,EACV,eAAe,EACf,SAAS,GACY;IACrB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,MAAM,GAAG,GAAG,SAAS,IAAI,KAAC,YAAY,IAAC,SAAS,EAAC,uCAAuC,GAAG,CAAC;IAE5F,OAAO,CACL,4BAAgB,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YAC9D,aAAI,SAAS,EAAC,mDAAmD,YAC9D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACrB,MAAM,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBACtC,OAAO,CACL,MAAC,QAAQ,eACN,CAAC,GAAG,CAAC,IAAI,4BAAgB,MAAM,YAAE,GAAG,GAAM,EAC3C,aAAI,SAAS,EAAC,2BAA2B,YACtC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,+BACe,MAAM,EACnB,SAAS,EAAC,uDAAuD,YAEjE,eAAM,SAAS,EAAC,UAAU,YAAE,IAAI,CAAC,KAAK,GAAQ,GACzC,CACR,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAC,yKAAyK,YAEnL,eAAM,SAAS,EAAC,UAAU,YAAE,IAAI,CAAC,KAAK,GAAQ,GACtC,CACX,GACE,KArBQ,IAAI,CAAC,GAAG,CAsBZ,CACZ,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,YAAY,EACnB,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,SAAS,GACQ;IACjB,MAAM,KAAK,GAAG,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9F,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,MAAM,GAAG,GAAG,SAAS,IAAI,KAAC,YAAY,IAAC,SAAS,EAAC,uCAAuC,GAAG,CAAC;IAE5F,OAAO,CACL,4BAAgB,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YAC9D,aAAI,SAAS,EAAC,mDAAmD,YAC9D,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACvB,MAAM,MAAM,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;gBACvC,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;gBACjD,OAAO,CACL,MAAC,QAAQ,eACN,CAAC,GAAG,CAAC,IAAI,4BAAgB,MAAM,YAAE,GAAG,GAAM,EAC3C,aAAI,SAAS,EAAC,2BAA2B,YACtC,MAAM,CAAC,CAAC,CAAC,CACR,gCACe,MAAM,EACnB,SAAS,EAAC,uDAAuD,aAEhE,IAAI,IAAI,CACP,eACE,SAAS,EAAC,+CAA+C,iBAC7C,MAAM,YAEjB,IAAI,GACA,CACR,EACD,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,KAAK,GAAQ,IAC1C,CACR,CAAC,CAAC,CAAC,CACF,MAAC,OAAO,IACN,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAC,yKAAyK,aAElL,IAAI,IAAI,CACP,eACE,SAAS,EAAC,+CAA+C,iBAC7C,MAAM,YAEjB,IAAI,GACA,CACR,EAGD,eAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,IAAI,IAAI,kBAAkB,CAAC,YACxD,KAAK,CAAC,KAAK,GACP,IACC,CACX,GACE,KAzCQ,KAAK,CAAC,EAAE,CA0CZ,CACZ,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/react/nav/ColorSwatchGrid.d.ts

@@ -0,0 +1,19 @@
+export interface ColorSwatchGridProps {
+    /** Current accent (hex), or undefined for the theme default. */
+    value?: string;
+    /** Pick a preset/custom color, or `undefined` to reset to the theme default. */
+    onChange: (color: string | undefined) => void;
+    /** Called after a pick (e.g. close the owning popover). */
+    onCommit?: () => void;
+    /** Label for the "reset to default" action. Default `'Default'`. */
+    resetLabel?: string;
+    className?: string;
+}
+/**
+ * The accent palette shared by {@link NavColorPicker} and the nav kebab menu: the
+ * curated {@link NAV_COLORS} presets, a custom `<input type=color>`, and a reset to
+ * the theme default. The chosen swatch keeps a legible check glyph at any hue via
+ * {@link readableTextOn}. Purely controlled — the owner stores the value.
+ */
+export declare function ColorSwatchGrid({ value, onChange, onCommit, resetLabel, className, }: ColorSwatchGridProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorSwatchGrid.d.ts.map

package/dist/react/nav/ColorSwatchGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchGrid.d.ts","sourceRoot":"","sources":["../../../src/react/nav/ColorSwatchGrid.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAsB,EACtB,SAAS,GACV,EAAE,oBAAoB,+BAmDtB"}

package/dist/react/nav/ColorSwatchGrid.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, RotateCcw } from 'lucide-react';
+import { cn } from '../lib/cn';
+import { NAV_COLORS, readableTextOn } from './colors';
+/**
+ * The accent palette shared by {@link NavColorPicker} and the nav kebab menu: the
+ * curated {@link NAV_COLORS} presets, a custom `<input type=color>`, and a reset to
+ * the theme default. The chosen swatch keeps a legible check glyph at any hue via
+ * {@link readableTextOn}. Purely controlled — the owner stores the value.
+ */
+export function ColorSwatchGrid({ value, onChange, onCommit, resetLabel = 'Default', className, }) {
+    const pick = (color) => {
+        onChange(color);
+        onCommit?.();
+    };
+    return (_jsxs("div", { className: cn('flex flex-col gap-2', className), children: [_jsx("div", { className: 'grid grid-cols-4 gap-1.5', children: NAV_COLORS.map((color) => {
+                    const selected = value?.toLowerCase() === color.toLowerCase();
+                    return (_jsx("button", { type: 'button', "aria-label": color, "aria-pressed": selected, onClick: () => pick(color), style: { backgroundColor: color, color: readableTextOn(color) }, className: cn('flex size-7 items-center justify-center rounded-md transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', selected && 'ring-2 ring-foreground ring-offset-1 ring-offset-popover'), children: selected && _jsx(Check, { className: 'size-3.5' }) }, color));
+                }) }), _jsxs("div", { className: 'flex items-center justify-between gap-2 border-t border-border pt-2', children: [_jsxs("label", { className: 'flex cursor-pointer items-center gap-1.5 text-xs text-muted-foreground', children: [_jsx("input", { type: 'color', value: value ?? '#000000', onChange: (e) => onChange(e.target.value), onBlur: () => onCommit?.(), className: 'size-6 cursor-pointer rounded border border-border bg-transparent p-0' }), "Custom"] }), _jsxs("button", { type: 'button', onClick: () => pick(undefined), className: 'inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground', children: [_jsx(RotateCcw, { className: 'size-3' }), resetLabel] })] })] }));
+}
+//# sourceMappingURL=ColorSwatchGrid.js.map

package/dist/react/nav/ColorSwatchGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchGrid.js","sourceRoot":"","sources":["../../../src/react/nav/ColorSwatchGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AActD;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,SAAS,EACtB,SAAS,GACY;IACrB,MAAM,IAAI,GAAG,CAAC,KAAyB,EAAE,EAAE;QACzC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAClD,cAAK,SAAS,EAAC,0BAA0B,YACtC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACxB,MAAM,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,CAAC;oBAC9D,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,gBACD,KAAK,kBACH,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAC1B,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,EAC/D,SAAS,EAAE,EAAE,CACX,iKAAiK,EACjK,QAAQ,IAAI,0DAA0D,CACvE,YAEA,QAAQ,IAAI,KAAC,KAAK,IAAC,SAAS,EAAC,UAAU,GAAG,IAXtC,KAAK,CAYH,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,eAAK,SAAS,EAAC,qEAAqE,aAClF,iBAAO,SAAS,EAAC,wEAAwE,aACvF,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,EAC1B,SAAS,EAAC,uEAAuE,GACjF,cAEI,EACR,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAC9B,SAAS,EAAC,0IAA0I,aAEpJ,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,EAC/B,UAAU,IACJ,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/react/nav/CommandBar.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+export interface CommandBarProps {
+    /**
+     * Universal capture — the hero `+` action present on every surface (⌘N in apps).
+     * Capture is a *first-class verb* in the UX north-star (§8.2): one affordance
+     * everywhere, lands in the Inbox. Omit to hide the capture button.
+     */
+    onCapture?: () => void;
+    /** Capture button label. Default `'Capture'`. */
+    captureLabel?: string;
+    /**
+     * Open the command palette / universal search — the typed *second equal way to
+     * move* (⌘K, §7). This is a trigger, not an inline text field: the palette owns the
+     * real input, so the spine stays GET-only-safe (a button, never a form control).
+     * Wire to `useCommandPalette().toggle`. Omit to hide the command field.
+     */
+    onOpenCommand?: () => void;
+    /** Placeholder shown in the command/search trigger. Default `'Search or run a command…'`. */
+    commandPlaceholder?: string;
+    /** Keyboard-hint chip on the trailing edge of the command field. Default `'⌘K'`. */
+    commandHint?: ReactNode;
+    /** App slot at the trailing edge of the spine (e.g. a presence indicator). */
+    extra?: ReactNode;
+    /**
+     * Show the capture button only from `sm` up — set by `AppShell` when a mobile
+     * `PlaceBar` owns capture via its raised centre FAB, so capture isn't duplicated.
+     */
+    captureDesktopOnly?: boolean;
+    className?: string;
+}
+/**
+ * The command + capture **spine** — the co-equal, *visible* second way to move
+ * (UX north-star §7) and the home of universal capture (§8.2). Unlike the old shell
+ * (which buried the palette behind an invisible ⌘K and had no capture at all), the
+ * spine is first-class chrome: a prominent capture hero + an always-present command/
+ * search field that reads as "type to go anywhere or do anything."
+ *
+ * Rendered by `AppShell` in the top region on every viewport; the command field is
+ * "the home of the phone" (§7) and the capture button is a hero on desktop while the
+ * `PlaceBar` FAB owns capture on mobile.
+ */
+export declare function CommandBar({ onCapture, captureLabel, onOpenCommand, commandPlaceholder, commandHint, extra, captureDesktopOnly, className, }: CommandBarProps): import("react").JSX.Element;
+//# sourceMappingURL=CommandBar.d.ts.map

package/dist/react/nav/CommandBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.d.ts","sourceRoot":"","sources":["../../../src/react/nav/CommandBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6FAA6F;IAC7F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oFAAoF;IACpF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAwB,EACxB,aAAa,EACb,kBAA+C,EAC/C,WAAkB,EAClB,KAAK,EACL,kBAA0B,EAC1B,SAAS,GACV,EAAE,eAAe,+BAqCjB"}

package/dist/react/nav/CommandBar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus, Search } from 'lucide-react';
+import { Button } from '../components/Button';
+import { cn } from '../lib/cn';
+/**
+ * The command + capture **spine** — the co-equal, *visible* second way to move
+ * (UX north-star §7) and the home of universal capture (§8.2). Unlike the old shell
+ * (which buried the palette behind an invisible ⌘K and had no capture at all), the
+ * spine is first-class chrome: a prominent capture hero + an always-present command/
+ * search field that reads as "type to go anywhere or do anything."
+ *
+ * Rendered by `AppShell` in the top region on every viewport; the command field is
+ * "the home of the phone" (§7) and the capture button is a hero on desktop while the
+ * `PlaceBar` FAB owns capture on mobile.
+ */
+export function CommandBar({ onCapture, captureLabel = 'Capture', onOpenCommand, commandPlaceholder = 'Search or run a command…', commandHint = '⌘K', extra, captureDesktopOnly = false, className, }) {
+    return (_jsxs("div", { "data-cb-commandbar": '', className: cn('flex items-center gap-2', className), children: [onOpenCommand && (_jsxs("button", { type: 'button', "data-cb-command-trigger": '', onClick: onOpenCommand, "aria-keyshortcuts": 'Meta+K Control+K', className: 'group flex h-10 min-w-0 flex-1 items-center gap-2 rounded-lg border border-border bg-surface px-3 text-muted-foreground transition-colors hover:border-foreground/20 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: [_jsx(Search, { className: 'size-4 shrink-0', "aria-hidden": 'true' }), _jsx("span", { className: 'min-w-0 flex-1 truncate text-left text-sm', children: commandPlaceholder }), commandHint != null && (_jsx("kbd", { className: 'hidden shrink-0 items-center rounded border border-border bg-background px-1.5 py-0.5 font-sans text-xs text-muted-foreground sm:inline-flex', children: commandHint }))] })), onCapture && (_jsx(Button, { type: 'button', "data-cb-capture": '', variant: 'primary', leftIcon: _jsx(Plus, {}), onClick: onCapture, className: cn('shrink-0', captureDesktopOnly && 'hidden sm:inline-flex'), children: captureLabel })), extra && _jsx("div", { className: 'shrink-0', children: extra })] }));
+}
+//# sourceMappingURL=CommandBar.js.map

package/dist/react/nav/CommandBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.js","sourceRoot":"","sources":["../../../src/react/nav/CommandBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAgC/B;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,GAAG,SAAS,EACxB,aAAa,EACb,kBAAkB,GAAG,0BAA0B,EAC/C,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,kBAAkB,GAAG,KAAK,EAC1B,SAAS,GACO;IAChB,OAAO,CACL,qCAAwB,EAAE,EAAC,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aAC3E,aAAa,IAAI,CAChB,kBACE,IAAI,EAAC,QAAQ,6BACW,EAAE,EAC1B,OAAO,EAAE,aAAa,uBACJ,kBAAkB,EACpC,SAAS,EAAC,6PAA6P,aAEvQ,KAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,iBAAa,MAAM,GAAG,EACzD,eAAM,SAAS,EAAC,2CAA2C,YAAE,kBAAkB,GAAQ,EACtF,WAAW,IAAI,IAAI,IAAI,CACtB,cAAK,SAAS,EAAC,8IAA8I,YAC1J,WAAW,GACR,CACP,IACM,CACV,EAEA,SAAS,IAAI,CACZ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,qBACG,EAAE,EAClB,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,kBAAkB,IAAI,uBAAuB,CAAC,YAEvE,YAAY,GACN,CACV,EAEA,KAAK,IAAI,cAAK,SAAS,EAAC,UAAU,YAAE,KAAK,GAAO,IAC7C,CACP,CAAC;AACJ,CAAC"}

package/dist/react/nav/HeaderSearch.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from 'react';
+import { type SearchCatalogueEntry } from '../../core/navigation';
+import type { NavNavigationProps } from './navShared';
+import { type SearchResultGroup } from './SearchResults';
+export interface HeaderSearchProps extends NavNavigationProps {
+    /** The instant client-side pages catalogue (from `deriveSearchCatalogue`). */
+    catalogue: SearchCatalogueEntry[];
+    /**
+     * Debounced server results (lists/contacts/events/…). The app owns the fetch:
+     * subscribe to `onQueryChange`, debounce, query `/search`, and feed the hits back
+     * here as groups. Rendered below the instant Pages section.
+     */
+    serverGroups?: SearchResultGroup[];
+    /** Fires on every query change (raw, undebounced) so the app can fetch the server layer. */
+    onQueryChange?: (query: string) => void;
+    placeholder?: string;
+    /** Max instant Pages hits. Default 8. */
+    pagesLimit?: number;
+    /** Min query length before results show. Default 1. */
+    minChars?: number;
+    /** Label for the instant pages section. Default `'Pages'`. */
+    pagesLabel?: string;
+    /** Shown in the panel when a query yields nothing. */
+    emptyContent?: ReactNode;
+    className?: string;
+}
+/**
+ * The universal top-nav search. Two layers, both rendered through
+ * {@link SearchResults}: an **instant client-side Pages layer** ranked from the
+ * derived nav catalogue (so every registered route is findable the moment it's typed
+ * — no hand-listed catalogue to fall out of sync), and an optional **debounced
+ * server Content layer** the app supplies via `serverGroups` + `onQueryChange`.
+ * Full keyboard navigation: up/down move the highlight across all hits, Enter follows
+ * it, Escape closes. ARIA combobox semantics with `aria-activedescendant`.
+ */
+export declare function HeaderSearch({ catalogue, serverGroups, onQueryChange, placeholder, pagesLimit, minChars, pagesLabel, emptyContent, linkComponent, onNavigate, onAfterNavigate, resolveIcon, className, }: HeaderSearchProps): import("react").JSX.Element;
+//# sourceMappingURL=HeaderSearch.d.ts.map

package/dist/react/nav/HeaderSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearch.d.ts","sourceRoot":"","sources":["../../../src/react/nav/HeaderSearch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAA+C,MAAM,OAAO,CAAC;AACpF,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,KAAK,iBAAiB,EAIvB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,8EAA8E;IAC9E,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,4FAA4F;IAC5F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,aAAa,EACb,WAAuB,EACvB,UAAc,EACd,QAAY,EACZ,UAAoB,EACpB,YAA4B,EAC5B,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,SAAS,GACV,EAAE,iBAAiB,+BA8InB"}

package/dist/react/nav/HeaderSearch.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search, X } from 'lucide-react';
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { groupCatalogueHits } from '../../core/navigation';
+import { Input } from '../components/Input';
+import { cn } from '../lib/cn';
+import { SearchResults, searchOptionId, } from './SearchResults';
+/**
+ * The universal top-nav search. Two layers, both rendered through
+ * {@link SearchResults}: an **instant client-side Pages layer** ranked from the
+ * derived nav catalogue (so every registered route is findable the moment it's typed
+ * — no hand-listed catalogue to fall out of sync), and an optional **debounced
+ * server Content layer** the app supplies via `serverGroups` + `onQueryChange`.
+ * Full keyboard navigation: up/down move the highlight across all hits, Enter follows
+ * it, Escape closes. ARIA combobox semantics with `aria-activedescendant`.
+ */
+export function HeaderSearch({ catalogue, serverGroups, onQueryChange, placeholder = 'Search…', pagesLimit = 8, minChars = 1, pagesLabel = 'Pages', emptyContent = 'No matches.', linkComponent, onNavigate, onAfterNavigate, resolveIcon, className, }) {
+    const [query, setQuery] = useState('');
+    const [open, setOpen] = useState(false);
+    const [activeIndex, setActiveIndex] = useState(0);
+    const rootRef = useRef(null);
+    const baseId = useId();
+    const listboxId = `${baseId}-listbox`;
+    // Instant pages layer — ranked + bucketed by domain, mapped to result rows.
+    const pageGroups = useMemo(() => {
+        if (query.trim().length < minChars)
+            return [];
+        return groupCatalogueHits(catalogue, query, pagesLimit).map((g, i) => ({
+            key: `pages-${g.key || 'misc'}-${i}`,
+            label: g.key ? g.label : pagesLabel,
+            items: g.items.map((hit) => ({
+                id: hit.id,
+                path: hit.path,
+                label: hit.label,
+                icon: hit.icon,
+                sub: hit.groupLabel ?? hit.domainLabel,
+            })),
+        }));
+    }, [catalogue, query, minChars, pagesLimit, pagesLabel]);
+    const groups = useMemo(() => [...pageGroups, ...(serverGroups ?? [])], [pageGroups, serverGroups]);
+    const flatRows = useMemo(() => groups.flatMap((g) => g.items), [groups]);
+    const activeRow = flatRows[Math.min(activeIndex, flatRows.length - 1)];
+    const showPanel = open && query.trim().length >= minChars;
+    // Close on outside pointerdown (the panel isn't portaled, so this is enough).
+    useEffect(() => {
+        if (!showPanel)
+            return;
+        const onDown = (e) => {
+            if (rootRef.current && !rootRef.current.contains(e.target))
+                setOpen(false);
+        };
+        document.addEventListener('mousedown', onDown);
+        return () => document.removeEventListener('mousedown', onDown);
+    }, [showPanel]);
+    const update = (next) => {
+        setQuery(next);
+        setActiveIndex(0);
+        setOpen(true);
+        onQueryChange?.(next);
+    };
+    const clear = () => {
+        setQuery('');
+        setOpen(false);
+        onQueryChange?.('');
+    };
+    const go = (row) => {
+        if (!row)
+            return;
+        onNavigate?.(row.path);
+        onAfterNavigate?.();
+        setOpen(false);
+    };
+    const onKeyDown = (e) => {
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            setOpen(true);
+            setActiveIndex((i) => Math.min(flatRows.length - 1, i + 1));
+        }
+        else if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            setActiveIndex((i) => Math.max(0, i - 1));
+        }
+        else if (e.key === 'Enter') {
+            if (showPanel && activeRow) {
+                e.preventDefault();
+                go(activeRow);
+            }
+        }
+        else if (e.key === 'Escape') {
+            if (open) {
+                e.preventDefault();
+                setOpen(false);
+            }
+        }
+    };
+    return (_jsxs("div", { ref: rootRef, className: cn('relative w-full', className), "data-cb-headersearch": '', children: [_jsxs("div", { className: 'relative', children: [_jsx(Search, { className: 'pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground', "aria-hidden": 'true' }), _jsx(Input, { type: 'search', role: 'combobox', "aria-expanded": showPanel, "aria-controls": listboxId, "aria-autocomplete": 'list', "aria-activedescendant": showPanel && activeRow ? searchOptionId(baseId, activeRow.id) : undefined, placeholder: placeholder, value: query, className: 'pl-9 pr-9', onChange: (e) => update(e.target.value), onFocus: () => query.trim().length >= minChars && setOpen(true), onKeyDown: onKeyDown }), query && (_jsx("button", { type: 'button', "aria-label": 'Clear search', onClick: clear, className: 'absolute right-2 top-1/2 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground', children: _jsx(X, { className: 'size-4' }) }))] }), showPanel && (_jsx("div", { id: listboxId, className: 'absolute left-0 right-0 top-full z-50 mt-1 max-h-[min(70vh,28rem)] overflow-y-auto rounded-lg border border-border bg-popover py-1 text-popover-foreground shadow-[var(--shadow-overlay)]', children: _jsx(SearchResults, { groups: groups, activeId: activeRow?.id, optionIdPrefix: baseId, emptyContent: emptyContent, linkComponent: linkComponent, onNavigate: onNavigate, onAfterNavigate: () => {
+                        onAfterNavigate?.();
+                        setOpen(false);
+                    }, resolveIcon: resolveIcon }) }))] }));
+}
+//# sourceMappingURL=HeaderSearch.js.map

package/dist/react/nav/HeaderSearch.js.map

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

package/dist/react/nav/HubTileGrid.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import { type GateFn, type NavDomain, type NavTilePrefs } from '../../core/navigation';
+import { type NavNavigationProps } from './navShared';
+export interface HubTileGridProps extends NavNavigationProps {
+    /** The domain whose items become tiles. */
+    domain: NavDomain;
+    /** Visibility gate (auth/role/ctgr). Default: everything visible. */
+    gate?: GateFn;
+    /** Current route — a tile lights up when it's the active destination. */
+    activeHref?: string;
+    /** Per-domain tile customization (order/hide/color). When `onPrefsChange` is set,
+     *  tiles gain a drag handle + a `⋮` menu (hide/recolor) + a restore-hidden control. */
+    prefs?: NavTilePrefs;
+    onPrefsChange?: (next: NavTilePrefs) => void;
+    /** Optional live status node per tile (a "your move" / "N waiting" pill), keyed by
+     *  item id — shown under the tile description. Mirrors `SideNav`'s `badges`. */
+    badges?: Record<string, ReactNode>;
+    /** Grid column floor (passed to `Grid`). Default `'14rem'`. */
+    min?: string;
+    /** Shown when the domain has no visible tiles. */
+    emptyLabel?: ReactNode;
+    className?: string;
+}
+/**
+ * A hub landing-page tile grid, rendered from a domain's {@link deriveDomainItems}
+ * (gated, non-`deepLinkOnly`). Responsive via the container-query {@link Grid} — the
+ * same markup is N-up on a wide page and 1-up on a phone with no breakpoint props.
+ * When an app wires `onPrefsChange`, tiles are drag-reorderable and gain a `⋮` menu
+ * to hide/recolor them, with hidden tiles restorable.
+ */
+export declare function HubTileGrid({ domain, gate, activeHref, prefs, onPrefsChange, badges, min, emptyLabel, linkComponent, onNavigate, onAfterNavigate, resolveIcon, className, }: HubTileGridProps): import("react").JSX.Element;
+//# sourceMappingURL=HubTileGrid.d.ts.map

package/dist/react/nav/HubTileGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HubTileGrid.d.ts","sourceRoot":"","sources":["../../../src/react/nav/HubTileGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAGL,KAAK,MAAM,EACX,KAAK,SAAS,EAEd,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,EAIL,KAAK,kBAAkB,EAIxB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,2CAA2C;IAC3C,MAAM,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;2FACuF;IACvF,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C;oFACgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,+DAA+D;IAC/D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,IAAmB,EACnB,UAAU,EACV,KAAK,EACL,aAAa,EACb,MAAM,EACN,GAAa,EACb,UAAgC,EAChC,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,SAAS,GACV,EAAE,gBAAgB,+BA8ElB"}

package/dist/react/nav/HubTileGrid.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GripVertical, Plus } from 'lucide-react';
+import { useState } from 'react';
+import { allowAllGate, deriveDomainItems, } from '../../core/navigation';
+import { EmptyState } from '../components/EmptyState';
+import { Grid } from '../components/Grid';
+import { Popover } from '../components/Popover';
+import { useDragReorder } from '../hooks/useDragReorder';
+import { cn } from '../lib/cn';
+import { NavItemMenu } from './NavItemMenu';
+import { isPathWithin, NavLink, navAccent, rankBySavedOrder, renderIcon, } from './navShared';
+/**
+ * A hub landing-page tile grid, rendered from a domain's {@link deriveDomainItems}
+ * (gated, non-`deepLinkOnly`). Responsive via the container-query {@link Grid} — the
+ * same markup is N-up on a wide page and 1-up on a phone with no breakpoint props.
+ * When an app wires `onPrefsChange`, tiles are drag-reorderable and gain a `⋮` menu
+ * to hide/recolor them, with hidden tiles restorable.
+ */
+export function HubTileGrid({ domain, gate = allowAllGate, activeHref, prefs, onPrefsChange, badges, min = '14rem', emptyLabel = 'Nothing here yet.', linkComponent, onNavigate, onAfterNavigate, resolveIcon, className, }) {
+    const items = deriveDomainItems(domain, gate);
+    const hiddenIds = prefs?.hidden ?? [];
+    const visible = rankBySavedOrder(items.filter((it) => !hiddenIds.includes(it.id)), (it) => it.id, prefs?.order);
+    const hiddenItems = items.filter((it) => hiddenIds.includes(it.id));
+    const canCustomize = Boolean(onPrefsChange);
+    const setPref = (patch) => onPrefsChange?.({ ...prefs, ...patch });
+    const reorder = useDragReorder({
+        items: visible,
+        getKey: (it) => it.id,
+        onReorder: (next) => setPref({ order: next.map((it) => it.id) }),
+        axis: 'both',
+        handle: true,
+        disabled: !canCustomize,
+    });
+    const navProps = { linkComponent, onNavigate, onAfterNavigate, resolveIcon };
+    const renderTile = (item, drag) => (_jsx(Tile, { item: item, active: isPathWithin(item.path, activeHref), color: prefs?.colors?.[item.id], badge: badges?.[item.id], canCustomize: canCustomize, drag: drag, onHide: () => setPref({ hidden: [...hiddenIds, item.id] }), onColor: (color) => {
+            const colors = { ...(prefs?.colors ?? {}) };
+            if (color)
+                colors[item.id] = color;
+            else
+                delete colors[item.id];
+            setPref({ colors });
+        }, ...navProps }));
+    return (_jsxs("div", { "data-cb-hubtilegrid": '', className: cn('flex flex-col gap-4', className), children: [visible.length === 0 ? (_jsx(EmptyState, { title: emptyLabel })) : canCustomize ? (_jsx(reorder.DragContext, { children: _jsx(Grid, { min: min, children: visible.map((item) => (_jsx(reorder.Sortable, { itemKey: item.id, children: (api) => (_jsx("div", { ref: api.setNodeRef, style: api.style, children: renderTile(item, api) })) }, item.id))) }) })) : (_jsx(Grid, { min: min, children: visible.map((item) => (_jsx("div", { children: renderTile(item) }, item.id))) })), canCustomize && hiddenItems.length > 0 && (_jsx(RestoreHiddenTiles, { items: hiddenItems, resolveIcon: resolveIcon, onRestore: (id) => setPref({ hidden: hiddenIds.filter((x) => x !== id) }) }))] }));
+}
+function Tile({ item, active, color, badge, canCustomize, drag, onHide, onColor, linkComponent, onNavigate, onAfterNavigate, resolveIcon, }) {
+    const accent = navAccent(color);
+    const icon = renderIcon(resolveIcon, item.icon);
+    return (_jsxs("div", { className: 'group/tile relative h-full', children: [_jsxs(NavLink, { path: item.path, linkComponent: linkComponent, onNavigate: onNavigate, onAfterNavigate: onAfterNavigate, ariaCurrent: active ? 'page' : undefined, className: cn('flex h-full flex-col gap-2 rounded-lg border bg-surface p-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', active ? 'border-transparent' : 'border-border hover:border-foreground/20 hover:bg-muted'), style: active ? { borderColor: accent } : undefined, children: [icon && (_jsx("span", { className: 'grid size-9 place-items-center rounded-md [&_svg]:size-5', style: { backgroundColor: `${accent}1a`, color: accent }, "aria-hidden": 'true', children: icon })), _jsx("span", { className: 'font-medium text-foreground', children: item.label }), item.description && (_jsx("span", { className: 'line-clamp-2 text-sm text-muted-foreground', children: item.description })), badge != null && badge !== false && _jsx("span", { className: 'mt-auto pt-1', children: badge })] }), canCustomize && (_jsxs("div", { className: 'absolute right-2 top-2 flex items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover/tile:opacity-100', children: [_jsx("button", { type: 'button', "aria-label": `Reorder ${item.label}`, ref: drag?.setActivatorNodeRef, ...drag?.handleProps, 
+                        // tabIndex AFTER the spread so it overrides dnd-kit's tabIndex=0 — the grip
+                        // is a pointer affordance only, never a Tab stop.
+                        tabIndex: -1, className: 'inline-flex size-7 cursor-grab items-center justify-center rounded-md bg-background/80 text-muted-foreground backdrop-blur hover:text-foreground', children: _jsx(GripVertical, { className: 'size-4' }) }), _jsx(NavItemMenu, { label: item.label, color: color, onColor: onColor, onHide: onHide, hideLabel: 'Hide tile' })] }))] }));
+}
+function RestoreHiddenTiles({ items, resolveIcon, onRestore, }) {
+    const [open, setOpen] = useState(false);
+    return (_jsx("div", { children: _jsx(Popover, { open: open, onOpenChange: setOpen, align: 'start', arrow: false, className: 'w-56', trigger: _jsxs("button", { type: 'button', className: 'inline-flex items-center gap-1.5 rounded-md border border-dashed border-border px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground', children: [_jsx(Plus, { className: 'size-4' }), `Show hidden (${items.length})`] }), children: _jsx("ul", { className: 'flex flex-col gap-0.5', children: items.map((it) => (_jsx("li", { children: _jsxs("button", { type: 'button', onClick: () => {
+                            onRestore(it.id);
+                            setOpen(false);
+                        }, className: 'flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground transition-colors hover:bg-muted', children: [renderIcon(resolveIcon, it.icon) && (_jsx("span", { className: 'grid size-4 place-items-center [&_svg]:size-4', "aria-hidden": 'true', children: renderIcon(resolveIcon, it.icon) })), _jsx("span", { className: 'truncate', children: it.label })] }) }, it.id))) }) }) }));
+}
+//# sourceMappingURL=HubTileGrid.js.map

package/dist/react/nav/HubTileGrid.js.map

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

package/dist/react/nav/NavColorPicker.d.ts

@@ -0,0 +1,19 @@
+export interface NavColorPickerProps {
+    /** Current accent (hex), or undefined for the theme default. */
+    value?: string;
+    /** Persist the new accent (or `undefined` to reset). */
+    onChange: (color: string | undefined) => void;
+    /** Accessible label for the trigger (e.g. `"Recolor Plan"`). */
+    label: string;
+    /** Popover alignment relative to the swatch trigger. Default `'start'`. */
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+}
+/**
+ * A standalone swatch trigger that opens a {@link ColorSwatchGrid} popover — the
+ * "recolor this" affordance for a domain/hub row used outside the kebab menu (e.g.
+ * a settings panel). Portal-based (never clipped by a scroll container). For the
+ * combined recolor + hide row menu use {@link NavItemMenu}.
+ */
+export declare function NavColorPicker({ value, onChange, label, align, className, }: NavColorPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=NavColorPicker.d.ts.map

package/dist/react/nav/NavColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavColorPicker.d.ts","sourceRoot":"","sources":["../../../src/react/nav/NavColorPicker.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAe,EACf,SAAS,GACV,EAAE,mBAAmB,+BAuBrB"}

package/dist/react/nav/NavColorPicker.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Popover } from '../components/Popover';
+import { cn } from '../lib/cn';
+import { ColorSwatchGrid } from './ColorSwatchGrid';
+/**
+ * A standalone swatch trigger that opens a {@link ColorSwatchGrid} popover — the
+ * "recolor this" affordance for a domain/hub row used outside the kebab menu (e.g.
+ * a settings panel). Portal-based (never clipped by a scroll container). For the
+ * combined recolor + hide row menu use {@link NavItemMenu}.
+ */
+export function NavColorPicker({ value, onChange, label, align = 'start', className, }) {
+    const [open, setOpen] = useState(false);
+    return (_jsx(Popover, { open: open, onOpenChange: setOpen, align: align, arrow: false, trigger: _jsx("button", { type: 'button', "aria-label": label, className: cn('inline-flex size-5 items-center justify-center rounded-full border border-border shadow-sm transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className), style: { backgroundColor: value ?? 'var(--accent-solid)' } }), children: _jsx(ColorSwatchGrid, { value: value, onChange: onChange, onCommit: () => setOpen(false) }) }));
+}
+//# sourceMappingURL=NavColorPicker.js.map

package/dist/react/nav/NavColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavColorPicker.js","sourceRoot":"","sources":["../../../src/react/nav/NavColorPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAcpD;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,OAAO,EACf,SAAS,GACW;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EACL,iBACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,yMAAyM,EACzM,SAAS,CACV,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,IAAI,qBAAqB,EAAE,GAC1D,YAGJ,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAI,GAC7E,CACX,CAAC;AACJ,CAAC"}

package/dist/react/nav/NavItemMenu.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from 'react';
+export interface NavItemMenuProps {
+    /** Row label, shown as the menu header. */
+    label: string;
+    /** Current accent (hex), or undefined for default. */
+    color?: string;
+    /** Persist a recolor (or `undefined` to reset). */
+    onColor: (color: string | undefined) => void;
+    /** Hide this row from the surface. */
+    onHide: () => void;
+    /** Label for the hide action. Default `'Hide from sidebar'`. */
+    hideLabel?: string;
+    /** Popover alignment. Default `'end'`. */
+    align?: 'start' | 'center' | 'end';
+    /** App-specific extra actions appended below the standard ones. */
+    children?: ReactNode;
+    /** Custom trigger; defaults to a kebab `⋮` icon button. */
+    trigger?: ReactNode;
+    /** Notify the owner of open state (e.g. keep the row's controls revealed). */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+/**
+ * The per-row `⋮` options menu: recolor (via {@link ColorSwatchGrid}) + hide + any
+ * app extras. Portal-based on {@link Popover} so it is never clipped by the nav's
+ * own scroll container and always lands on-screen. Reused by {@link SideNav} rows
+ * and {@link HubTileGrid} tiles.
+ */
+export declare function NavItemMenu({ label, color, onColor, onHide, hideLabel, align, children, trigger, onOpenChange, className, }: NavItemMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=NavItemMenu.d.ts.map

package/dist/react/nav/NavItemMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItemMenu.d.ts","sourceRoot":"","sources":["../../../src/react/nav/NavItemMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7C,sCAAsC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAA+B,EAC/B,KAAa,EACb,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,gBAAgB,+BA8ClB"}

package/dist/react/nav/NavItemMenu.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EyeOff, MoreVertical } from 'lucide-react';
+import { useState } from 'react';
+import { Popover } from '../components/Popover';
+import { cn } from '../lib/cn';
+import { ColorSwatchGrid } from './ColorSwatchGrid';
+/**
+ * The per-row `⋮` options menu: recolor (via {@link ColorSwatchGrid}) + hide + any
+ * app extras. Portal-based on {@link Popover} so it is never clipped by the nav's
+ * own scroll container and always lands on-screen. Reused by {@link SideNav} rows
+ * and {@link HubTileGrid} tiles.
+ */
+export function NavItemMenu({ label, color, onColor, onHide, hideLabel = 'Hide from sidebar', align = 'end', children, trigger, onOpenChange, className, }) {
+    const [open, setOpen] = useState(false);
+    const change = (next) => {
+        setOpen(next);
+        onOpenChange?.(next);
+    };
+    return (_jsx(Popover, { open: open, onOpenChange: change, align: align, arrow: false, className: cn('w-56', className), trigger: trigger ?? (_jsx("button", { type: 'button', "aria-label": `Options for ${label}`, className: 'inline-flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: _jsx(MoreVertical, { className: 'size-4' }) })), children: _jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx("p", { className: 'truncate px-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground', children: label }), _jsx(ColorSwatchGrid, { value: color, onChange: onColor, onCommit: () => change(false) }), _jsxs("button", { type: 'button', onClick: () => {
+                        onHide();
+                        change(false);
+                    }, className: 'flex w-full items-center gap-2 rounded-md border-t border-border px-1 py-1.5 text-sm text-foreground transition-colors hover:bg-muted', children: [_jsx(EyeOff, { className: 'size-4 text-muted-foreground' }), hideLabel] }), children] }) }));
+}
+//# sourceMappingURL=NavItemMenu.js.map

package/dist/react/nav/NavItemMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItemMenu.js","sourceRoot":"","sources":["../../../src/react/nav/NavItemMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAwBpD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,GAAG,mBAAmB,EAC/B,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,GACQ;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,CAAC,IAAa,EAAE,EAAE;QAC/B,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAChC,OAAO,EACL,OAAO,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,gBACD,eAAe,KAAK,EAAE,EAClC,SAAS,EAAC,gNAAgN,YAE1N,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC5B,CACV,YAGH,eAAK,SAAS,EAAC,qBAAqB,aAClC,YAAG,SAAS,EAAC,mFAAmF,YAC7F,KAAK,GACJ,EACJ,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,EACnF,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,EAAE,CAAC;wBACT,MAAM,CAAC,KAAK,CAAC,CAAC;oBAChB,CAAC,EACD,SAAS,EAAC,uIAAuI,aAEjJ,KAAC,MAAM,IAAC,SAAS,EAAC,8BAA8B,GAAG,EAClD,SAAS,IACH,EACR,QAAQ,IACL,GACE,CACX,CAAC;AACJ,CAAC"}