@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/mini-calendar.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * MiniCalendar — a single compact month, framed, for picking one day.
+ *
+ * A thin shell around `Calendar` (`mode="single"`, one month, no outside days):
+ * the month arithmetic, the day grid, and the keyboard already live there, so
+ * this only fixes the shape a small inline picker needs — a 256px bordered
+ * frame — and narrows the props to the one date a caller actually gets back.
+ * `month`/`onMonthChange` pass straight through for a caller that pages the
+ * view without changing the pick.
+ */
+import { YStack } from '@hanzo/gui';
+import { sx } from '../../sx.js';
+import { Calendar } from './calendar.js';
+import { slot } from './slot.js';
+function MiniCalendar({ className, selected, onSelect, month, onMonthChange, ...props }) {
+    return (_jsx(YStack, { ...slot('mini-calendar'), width: 256, borderWidth: 1, borderColor: "$borderColor", rounded: "$4", ...sx(className), ...props, children: _jsx(Calendar, { mode: "single", showOutsideDays: false, selected: selected, 
+            // A pick always hands back a day; re-pressing the selected day is a
+            // no-op rather than the full Calendar's clear-on-repeat.
+            onSelect: (date) => date && onSelect?.(date), month: month, onMonthChange: onMonthChange }) }));
+}
+export { MiniCalendar };
+//# sourceMappingURL=mini-calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mini-calendar.js","sourceRoot":"","sources":["../../../src/backends/gui/mini-calendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;GASG;AACH,OAAO,EAAE,MAAM,EAAoB,MAAM,YAAY,CAAA;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAW7B,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,EAAqB;IACxG,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,eAAe,CAAC,EACzB,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,IAAI,KACR,EAAE,CAAC,SAAS,CAAC,KACb,KAAK,YAET,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,eAAe,EAAE,KAAK,EACtB,QAAQ,EAAE,QAAQ;YAClB,oEAAoE;YACpE,yDAAyD;YACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC,IAAI,CAAC,EAC5C,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,GAC5B,GACK,CACV,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/backends/gui/minimal-tiptap.cjs

@@ -0,0 +1,56 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MinimalTiptap = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MinimalTiptap — a multiline text field for prose content.
+ *
+ * The field composes the existing `Textarea`, which already carries the
+ * growing height, the token border and radius, and the invalid-state edge —
+ * a second field re-declaring that box would be the same control drifting in
+ * two files. What this layer adds is the API a prose field is written
+ * against: a string `value` and an `onChange(value)` callback, rather than
+ * gui's own `onChangeText`, and a 200px floor so a block of prose opens tall
+ * rather than at the three-row default a short caption uses.
+ */
+const React = __importStar(require("react"));
+const textarea_1 = require("./textarea.cjs");
+const MIN_HEIGHT = 200;
+const MinimalTiptap = /* @__PURE__ */ React.forwardRef(function MinimalTiptap({ value, onChange, minH, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)(textarea_1.Textarea, { ref: ref, "data-slot": "minimal-tiptap", value: value, onChangeText: onChange, minH: minH ?? MIN_HEIGHT, ...props }));
+});
+exports.MinimalTiptap = MinimalTiptap;

package/dist/backends/gui/minimal-tiptap.d.ts

@@ -0,0 +1,20 @@
+/**
+ * MinimalTiptap — a multiline text field for prose content.
+ *
+ * The field composes the existing `Textarea`, which already carries the
+ * growing height, the token border and radius, and the invalid-state edge —
+ * a second field re-declaring that box would be the same control drifting in
+ * two files. What this layer adds is the API a prose field is written
+ * against: a string `value` and an `onChange(value)` callback, rather than
+ * gui's own `onChangeText`, and a 200px floor so a block of prose opens tall
+ * rather than at the three-row default a short caption uses.
+ */
+import * as React from 'react';
+import { Textarea } from './textarea.js';
+export type MinimalTiptapProps = Omit<React.ComponentProps<typeof Textarea>, 'onChange' | 'onChangeText' | 'value'> & {
+    value?: string;
+    onChange?: (value: string) => void;
+};
+declare const MinimalTiptap: React.ForwardRefExoticComponent<Omit<MinimalTiptapProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { MinimalTiptap };
+//# sourceMappingURL=minimal-tiptap.d.ts.map

package/dist/backends/gui/minimal-tiptap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-tiptap.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/minimal-tiptap.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EACrC,UAAU,GAAG,cAAc,GAAG,OAAO,CACtC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAID,QAAA,MAAM,aAAa,6GAalB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/backends/gui/minimal-tiptap.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * MinimalTiptap — a multiline text field for prose content.
+ *
+ * The field composes the existing `Textarea`, which already carries the
+ * growing height, the token border and radius, and the invalid-state edge —
+ * a second field re-declaring that box would be the same control drifting in
+ * two files. What this layer adds is the API a prose field is written
+ * against: a string `value` and an `onChange(value)` callback, rather than
+ * gui's own `onChangeText`, and a 200px floor so a block of prose opens tall
+ * rather than at the three-row default a short caption uses.
+ */
+import * as React from 'react';
+import { Textarea } from './textarea.js';
+const MIN_HEIGHT = 200;
+const MinimalTiptap = /* @__PURE__ */ React.forwardRef(function MinimalTiptap({ value, onChange, minH, ...props }, ref) {
+    return (_jsx(Textarea, { ref: ref, "data-slot": "minimal-tiptap", value: value, onChangeText: onChange, minH: minH ?? MIN_HEIGHT, ...props }));
+});
+export { MinimalTiptap };
+//# sourceMappingURL=minimal-tiptap.js.map

package/dist/backends/gui/minimal-tiptap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-tiptap.js","sourceRoot":"","sources":["../../../src/backends/gui/minimal-tiptap.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAUrC,MAAM,UAAU,GAAG,GAAG,CAAA;AAEtB,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CACpD,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,eACE,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,IAAI,EAAE,IAAI,IAAI,UAAU,KACpB,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/backends/gui/motion-highlight.cjs

@@ -0,0 +1,83 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MotionHighlight = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MotionHighlight — a soft radial glow that follows the pointer across its
+ * children, the way a flashlight passed behind glass would.
+ *
+ * The frame owns pointer tracking, a single `YStack` positions the glow at
+ * the last-seen coordinate with a CSS transform, and children stack above it
+ * at a higher `z`. Fired only on web, where a pointer position exists at
+ * all — native has no hover concept, so there the glow never mounts and
+ * children render plainly.
+ */
+const gui_1 = require("@hanzo/gui");
+const React = __importStar(require("react"));
+const slot_1 = require("./slot.cjs");
+const Glow = ({ x, y, size, color }) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('motion-highlight-glow'), style: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        width: size,
+        height: size,
+        borderRadius: '9999px',
+        background: color,
+        filter: 'blur(24px)',
+        transform: `translate(${x - size / 2}px, ${y - size / 2}px)`,
+        pointerEvents: 'none',
+        zIndex: 0,
+    } }));
+exports.MotionHighlight = React.forwardRef(({ children, size = 128, color = 'rgba(120,120,255,0.15)', style, onMouseMove, onMouseEnter, onMouseLeave, ...props }, ref) => {
+    const [pos, setPos] = React.useState({ x: 0, y: 0 });
+    const [hovered, setHovered] = React.useState(false);
+    const handleMove = (e) => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        setPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+        onMouseMove?.(e);
+    };
+    const handleEnter = (e) => {
+        setHovered(true);
+        onMouseEnter?.(e);
+    };
+    const handleLeave = (e) => {
+        setHovered(false);
+        onMouseLeave?.(e);
+    };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ref: ref, ...(0, slot_1.slot)('motion-highlight'), position: "relative", overflow: "hidden", onMouseMove: gui_1.isWeb ? handleMove : undefined, onMouseEnter: gui_1.isWeb ? handleEnter : undefined, onMouseLeave: gui_1.isWeb ? handleLeave : undefined, style: style, ...props, children: [gui_1.isWeb && hovered && (0, jsx_runtime_1.jsx)(Glow, { x: pos.x, y: pos.y, size: size, color: color }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('motion-highlight-content'), style: { position: 'relative', zIndex: 1 }, children: children })] }));
+});
+exports.MotionHighlight.displayName = 'MotionHighlight';

package/dist/backends/gui/motion-highlight.d.ts

@@ -0,0 +1,27 @@
+/**
+ * MotionHighlight — a soft radial glow that follows the pointer across its
+ * children, the way a flashlight passed behind glass would.
+ *
+ * The frame owns pointer tracking, a single `YStack` positions the glow at
+ * the last-seen coordinate with a CSS transform, and children stack above it
+ * at a higher `z`. Fired only on web, where a pointer position exists at
+ * all — native has no hover concept, so there the glow never mounts and
+ * children render plainly.
+ */
+import { type GuiElement } from '@hanzo/gui';
+import * as React from 'react';
+export type MotionHighlightProps = React.HTMLAttributes<HTMLDivElement> & {
+    children: React.ReactNode;
+    /** Diameter of the glow, in px. */
+    size?: number;
+    /** Glow color; any CSS color, including a token's resolved value. */
+    color?: string;
+};
+export declare const MotionHighlight: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    children: React.ReactNode;
+    /** Diameter of the glow, in px. */
+    size?: number;
+    /** Glow color; any CSS color, including a token's resolved value. */
+    color?: string;
+} & React.RefAttributes<GuiElement>>;
+//# sourceMappingURL=motion-highlight.d.ts.map

package/dist/backends/gui/motion-highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-highlight.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/motion-highlight.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,eAAO,MAAM,eAAe;cA1BhB,KAAK,CAAC,SAAS;IACzB,mCAAmC;WAC5B,MAAM;IACb,qEAAqE;YAC7D,MAAM;oCA4Df,CAAA"}

package/dist/backends/gui/motion-highlight.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MotionHighlight — a soft radial glow that follows the pointer across its
+ * children, the way a flashlight passed behind glass would.
+ *
+ * The frame owns pointer tracking, a single `YStack` positions the glow at
+ * the last-seen coordinate with a CSS transform, and children stack above it
+ * at a higher `z`. Fired only on web, where a pointer position exists at
+ * all — native has no hover concept, so there the glow never mounts and
+ * children render plainly.
+ */
+import { YStack, isWeb } from '@hanzo/gui';
+import * as React from 'react';
+import { slot } from './slot.js';
+const Glow = ({ x, y, size, color }) => (_jsx(YStack, { ...slot('motion-highlight-glow'), style: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        width: size,
+        height: size,
+        borderRadius: '9999px',
+        background: color,
+        filter: 'blur(24px)',
+        transform: `translate(${x - size / 2}px, ${y - size / 2}px)`,
+        pointerEvents: 'none',
+        zIndex: 0,
+    } }));
+export const MotionHighlight = React.forwardRef(({ children, size = 128, color = 'rgba(120,120,255,0.15)', style, onMouseMove, onMouseEnter, onMouseLeave, ...props }, ref) => {
+    const [pos, setPos] = React.useState({ x: 0, y: 0 });
+    const [hovered, setHovered] = React.useState(false);
+    const handleMove = (e) => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        setPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+        onMouseMove?.(e);
+    };
+    const handleEnter = (e) => {
+        setHovered(true);
+        onMouseEnter?.(e);
+    };
+    const handleLeave = (e) => {
+        setHovered(false);
+        onMouseLeave?.(e);
+    };
+    return (_jsxs(YStack, { ref: ref, ...slot('motion-highlight'), position: "relative", overflow: "hidden", onMouseMove: isWeb ? handleMove : undefined, onMouseEnter: isWeb ? handleEnter : undefined, onMouseLeave: isWeb ? handleLeave : undefined, style: style, ...props, children: [isWeb && hovered && _jsx(Glow, { x: pos.x, y: pos.y, size: size, color: color }), _jsx(YStack, { ...slot('motion-highlight-content'), style: { position: 'relative', zIndex: 1 }, children: children })] }));
+});
+MotionHighlight.displayName = 'MotionHighlight';
+//# sourceMappingURL=motion-highlight.js.map

package/dist/backends/gui/motion-highlight.js.map

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

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

@@ -0,0 +1,47 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationBar = NavigationBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * NavigationBar — the top bar of a page, in the shapes real products use.
+ *
+ * One frame (`<nav>`, a hairline bottom border, a fixed row height) and one
+ * `variant` that picks what fills it: a logo with links, links either side of
+ * a centred logo, a breadcrumb trail, a row of icon links, a dashboard title
+ * with search/alerts/avatar, a storefront with categories and a cart count, a
+ * document header with a stack of collaborator avatars, a call header with
+ * phone/video/message actions, or a switcher button that opens a menu of
+ * options. Every variant is the same frame wearing different content, so a
+ * caller changing `variant` keeps the same height, border and props shape.
+ */
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const gui_1 = require("@hanzo/gui");
+const avatar_1 = require("./avatar.cjs");
+const badge_1 = require("./badge.cjs");
+const button_1 = require("./button.cjs");
+const dropdown_menu_1 = require("./dropdown-menu.cjs");
+const ink_1 = require("./ink.cjs");
+const HEIGHT = 64;
+const BREADCRUMB_HEIGHT = 48;
+/** Retag helpers — the ONE way this file swaps the host element under a gui primitive. */
+const Nav = (0, gui_1.styled)(gui_1.XStack, { name: 'NavigationBar', render: 'nav' });
+const List = (0, gui_1.styled)(gui_1.XStack, { name: 'NavigationBarBreadcrumbList', render: 'ol' });
+const ListItem = (0, gui_1.styled)(gui_1.XStack, { name: 'NavigationBarBreadcrumbItem', render: 'li' });
+const Anchor = (0, gui_1.styled)(gui_1.SizableText, { name: 'NavigationBarLink', render: 'a' });
+const IconAnchor = (0, gui_1.styled)(gui_1.YStack, { name: 'NavigationBarIconLink', render: 'a' });
+const Link = ({ item }) => item.href ? ((0, jsx_runtime_1.jsx)(Anchor, { ...{ href: item.href }, size: "$3", fontWeight: "500", color: "$ink", hoverStyle: { color: '$accentColor' }, children: item.label })) : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$3", fontWeight: "500", color: "$quiet", "aria-current": "page", children: item.label }));
+const Links = ({ items }) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$5", items: "center", children: items.map((item) => ((0, jsx_runtime_1.jsx)(Link, { item: item }, item.href ?? item.label))) }));
+const IconButton = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "icon", ...props, children: children }));
+const Avatars = ({ people, max = 3 }) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", children: [people.slice(0, max).map((p, i) => ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { ml: i > 0 ? -8 : 0, borderWidth: 2, borderColor: "$background", children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: p.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: p.name.slice(0, 1) })] }, p.name + i))), people.length > max ? ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { ml: -8, borderWidth: 2, borderColor: "$background", children: (0, jsx_runtime_1.jsxs)(avatar_1.AvatarFallback, { children: ["+", people.length - max] }) })) : null] }));
+function NavigationBar({ variant = 'simple', logo, items = [], leftItems = [], rightItems = [], title, user, collaborators = [], cartCount = 0, contactName, options = [], value, onValueChange, onSearch, onNotifications, onCall, onVideo, onMessage, children, }) {
+    const height = variant === 'breadcrumb' ? BREADCRUMB_HEIGHT : HEIGHT;
+    return ((0, jsx_runtime_1.jsx)(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? ((0, jsx_runtime_1.jsx)(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)(ListItem, { items: "center", gap: "$2", children: [i > 0 ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 14, opacity: 0.6 }) : null, (0, jsx_runtime_1.jsx)(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => ((0, jsx_runtime_1.jsxs)(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, (0, ink_1.ink)(item.label, gui_1.SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Links, { items: leftItems }), (0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: rightItems })] })) : variant === 'dashboard' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$5', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Search", onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Notifications", onPress: onNotifications, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bell, { size: 18 }) }), user ? ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: user.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: items }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Search", onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Account", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.User, { size: 18 }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "relative", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Cart", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ShoppingCart, { size: 18 }) }), cartCount > 0 ? ((0, jsx_runtime_1.jsx)(badge_1.Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, right: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Users, { size: 18, opacity: 0.6 }), (0, jsx_runtime_1.jsx)(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(contactName, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Call", onPress: onCall, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Phone, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Video call", onPress: onVideo, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Video, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Message", onPress: onMessage, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenu, { trigger: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? 'Select', (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14 })] }), items: options.map((o) => ({
+                        key: o.id,
+                        label: o.label,
+                        description: o.description,
+                        icon: o.icon,
+                        selected: o.id === value,
+                        onSelect: () => onValueChange?.(o.id),
+                    })) }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: "$2", children: children })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: items })] })) }));
+}

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

@@ -0,0 +1,48 @@
+import type { ReactNode } from 'react';
+export type NavigationBarLink = {
+    label: string;
+    href?: string;
+    icon?: ReactNode;
+};
+export type NavigationBarPerson = {
+    name: string;
+    avatar?: string;
+};
+export type NavigationBarOption = {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+};
+export type NavigationBarVariant = 'simple' | 'centered' | 'breadcrumb' | 'icon' | 'dashboard' | 'ecommerce' | 'collaboration' | 'communication' | 'switcher';
+export type NavigationBarProps = {
+    variant?: NavigationBarVariant;
+    logo?: ReactNode;
+    /** Links for `simple`, `icon`, `ecommerce` (as categories) and `breadcrumb` (as the trail). */
+    items?: NavigationBarLink[];
+    /** `centered` only — links either side of the logo. */
+    leftItems?: NavigationBarLink[];
+    rightItems?: NavigationBarLink[];
+    /** `dashboard` / `collaboration`. */
+    title?: string;
+    /** `dashboard`. */
+    user?: NavigationBarPerson;
+    /** `collaboration`. */
+    collaborators?: NavigationBarPerson[];
+    /** `ecommerce`. */
+    cartCount?: number;
+    /** `communication`. */
+    contactName?: string;
+    /** `switcher`. */
+    options?: NavigationBarOption[];
+    value?: string;
+    onValueChange?: (id: string) => void;
+    onSearch?: () => void;
+    onNotifications?: () => void;
+    onCall?: () => void;
+    onVideo?: () => void;
+    onMessage?: () => void;
+    children?: ReactNode;
+};
+export declare function NavigationBar({ variant, logo, items, leftItems, rightItems, title, user, collaborators, cartCount, contactName, options, value, onValueChange, onSearch, onNotifications, onCall, onVideo, onMessage, children, }: NavigationBarProps): import("react").JSX.Element;
+//# sourceMappingURL=navigation-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/navigation-bar.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,WAAW,GACX,eAAe,GACf,eAAe,GACf,UAAU,CAAA;AAkEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAChC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,uBAAuB;IACvB,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACrC,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB;IAClB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAkB,EAClB,IAAI,EACJ,KAAU,EACV,SAAc,EACd,UAAe,EACf,KAAK,EACL,IAAI,EACJ,aAAkB,EAClB,SAAa,EACb,WAAW,EACX,OAAY,EACZ,KAAK,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EACf,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BA+IpB"}

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

@@ -0,0 +1,45 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * NavigationBar — the top bar of a page, in the shapes real products use.
+ *
+ * One frame (`<nav>`, a hairline bottom border, a fixed row height) and one
+ * `variant` that picks what fills it: a logo with links, links either side of
+ * a centred logo, a breadcrumb trail, a row of icon links, a dashboard title
+ * with search/alerts/avatar, a storefront with categories and a cart count, a
+ * document header with a stack of collaborator avatars, a call header with
+ * phone/video/message actions, or a switcher button that opens a menu of
+ * options. Every variant is the same frame wearing different content, so a
+ * caller changing `variant` keeps the same height, border and props shape.
+ */
+import { ChevronRight, ChevronDown, Search, Bell, ShoppingCart, User, Users, Phone, Video, MessageSquare } from '@hanzogui/lucide-icons-2';
+import { SizableText, XStack, YStack, styled } from '@hanzo/gui';
+import { Avatar, AvatarFallback, AvatarImage } from './avatar.js';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { DropdownMenu } from './dropdown-menu.js';
+import { ink } from './ink.js';
+const HEIGHT = 64;
+const BREADCRUMB_HEIGHT = 48;
+/** Retag helpers — the ONE way this file swaps the host element under a gui primitive. */
+const Nav = styled(XStack, { name: 'NavigationBar', render: 'nav' });
+const List = styled(XStack, { name: 'NavigationBarBreadcrumbList', render: 'ol' });
+const ListItem = styled(XStack, { name: 'NavigationBarBreadcrumbItem', render: 'li' });
+const Anchor = styled(SizableText, { name: 'NavigationBarLink', render: 'a' });
+const IconAnchor = styled(YStack, { name: 'NavigationBarIconLink', render: 'a' });
+const Link = ({ item }) => item.href ? (_jsx(Anchor, { ...{ href: item.href }, size: "$3", fontWeight: "500", color: "$ink", hoverStyle: { color: '$accentColor' }, children: item.label })) : (_jsx(SizableText, { size: "$3", fontWeight: "500", color: "$quiet", "aria-current": "page", children: item.label }));
+const Links = ({ items }) => (_jsx(XStack, { gap: "$5", items: "center", children: items.map((item) => (_jsx(Link, { item: item }, item.href ?? item.label))) }));
+const IconButton = ({ children, ...props }) => (_jsx(Button, { variant: "ghost", size: "icon", ...props, children: children }));
+const Avatars = ({ people, max = 3 }) => (_jsxs(XStack, { items: "center", children: [people.slice(0, max).map((p, i) => (_jsxs(Avatar, { ml: i > 0 ? -8 : 0, borderWidth: 2, borderColor: "$background", children: [_jsx(AvatarImage, { src: p.avatar }), _jsx(AvatarFallback, { children: p.name.slice(0, 1) })] }, p.name + i))), people.length > max ? (_jsx(Avatar, { ml: -8, borderWidth: 2, borderColor: "$background", children: _jsxs(AvatarFallback, { children: ["+", people.length - max] }) })) : null] }));
+export function NavigationBar({ variant = 'simple', logo, items = [], leftItems = [], rightItems = [], title, user, collaborators = [], cartCount = 0, contactName, options = [], value, onValueChange, onSearch, onNotifications, onCall, onVideo, onMessage, children, }) {
+    const height = variant === 'breadcrumb' ? BREADCRUMB_HEIGHT : HEIGHT;
+    return (_jsx(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? (_jsx(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => (_jsxs(ListItem, { items: "center", gap: "$2", children: [i > 0 ? _jsx(ChevronRight, { size: 14, opacity: 0.6 }) : null, _jsx(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? (_jsx(XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => (_jsxs(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, ink(item.label, SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? (_jsxs(_Fragment, { children: [_jsx(Links, { items: leftItems }), ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: rightItems })] })) : variant === 'dashboard' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$5', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(IconButton, { "aria-label": "Search", onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Notifications", onPress: onNotifications, children: _jsx(Bell, { size: 18 }) }), user ? (_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: user.avatar }), _jsx(AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? (_jsxs(_Fragment, { children: [ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: items }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": "Search", onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Account", children: _jsx(User, { size: 18 }) }), _jsxs(XStack, { position: "relative", children: [_jsx(IconButton, { "aria-label": "Cart", children: _jsx(ShoppingCart, { size: 18 }) }), cartCount > 0 ? (_jsx(Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, right: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(Users, { size: 18, opacity: 0.6 }), _jsx(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? (_jsxs(_Fragment, { children: [ink(contactName, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": "Call", onPress: onCall, children: _jsx(Phone, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Video call", onPress: onVideo, children: _jsx(Video, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Message", onPress: onMessage, children: _jsx(MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenu, { trigger: _jsxs(Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? 'Select', _jsx(ChevronDown, { size: 14 })] }), items: options.map((o) => ({
+                        key: o.id,
+                        label: o.label,
+                        description: o.description,
+                        icon: o.icon,
+                        selected: o.id === value,
+                        onSelect: () => onValueChange?.(o.id),
+                    })) }), _jsx(XStack, { items: "center", gap: "$2", children: children })] })) : (_jsxs(_Fragment, { children: [ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: items })] })) }));
+}
+//# sourceMappingURL=navigation-bar.js.map

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

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

package/dist/backends/gui/news-timeline.cjs

@@ -0,0 +1,47 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewsTimeline = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * NewsTimeline — a TradingView news feed, in a gui frame.
+ *
+ * The headlines are TradingView's, drawn inside TradingView's own document, so
+ * the feed is an `<iframe>` and nothing here draws a pixel of it. What this
+ * owns is the frame around it and the settings the feed opens with — which
+ * mode it filters by, which market or symbol that mode reads, the theme —
+ * written into the iframe's address the way TradingView's own embed script
+ * writes them: `/embed-widget/timeline/?locale=…#<settings as JSON>`. Nothing
+ * is fetched or injected at mount, so the markup is the same on the server and
+ * in the browser, and the frame has its height before the feed arrives.
+ *
+ * `feedMode` picks what narrows the headlines: `all_symbols` takes none of
+ * `market`/`symbol`, `market` reads `market`, and `symbol` reads `symbol`.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a changed prop would leave the old feed on screen.
+ */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/timeline/?locale=';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ feedMode = 'all_symbols', market = 'crypto', symbol, width = '100%', height = 400, colorTheme = 'dark', isTransparent = false, }) => ({
+    displayMode: 'regular',
+    feedMode,
+    ...(feedMode === 'market' ? { market } : {}),
+    ...(feedMode === 'symbol' ? { symbol: symbol ?? '' } : {}),
+    colorTheme,
+    isTransparent,
+    width,
+    height,
+});
+const NewsTimeline = ({ feedMode, market, symbol, width, height, colorTheme, locale = 'en', isTransparent, ...props }) => {
+    const s = settings({ feedMode, market, symbol, width, height, colorTheme, isTransparent });
+    const src = `${EMBED}${locale}#${encodeURIComponent(JSON.stringify(s))}`;
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('news-timeline'), "data-feed-mode": s.feedMode, "data-color-theme": s.colorTheme, 
+        // The documented size is TradingView's — a number or a percent string —
+        // and gui declares a narrower one; on web both reach CSS as written.
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: gui_1.isWeb && ((0, jsx_runtime_1.jsx)("iframe", { src: src, title: "News timeline", loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+exports.NewsTimeline = NewsTimeline;

package/dist/backends/gui/news-timeline.d.ts

@@ -0,0 +1,39 @@
+/**
+ * NewsTimeline — a TradingView news feed, in a gui frame.
+ *
+ * The headlines are TradingView's, drawn inside TradingView's own document, so
+ * the feed is an `<iframe>` and nothing here draws a pixel of it. What this
+ * owns is the frame around it and the settings the feed opens with — which
+ * mode it filters by, which market or symbol that mode reads, the theme —
+ * written into the iframe's address the way TradingView's own embed script
+ * writes them: `/embed-widget/timeline/?locale=…#<settings as JSON>`. Nothing
+ * is fetched or injected at mount, so the markup is the same on the server and
+ * in the browser, and the frame has its height before the feed arrives.
+ *
+ * `feedMode` picks what narrows the headlines: `all_symbols` takes none of
+ * `market`/`symbol`, `market` reads `market`, and `symbol` reads `symbol`.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a changed prop would leave the old feed on screen.
+ */
+import { type YStackProps } from '@hanzo/gui';
+export type NewsTimelineFeedMode = 'all_symbols' | 'market' | 'symbol';
+export type NewsTimelineTheme = 'light' | 'dark';
+export interface NewsTimelineProps extends Omit<YStackProps, 'width' | 'height' | 'colorTheme'> {
+    /** News feed filter mode. */
+    feedMode?: NewsTimelineFeedMode;
+    /** Market to display news for, read when `feedMode` is `market`. */
+    market?: string;
+    /** Specific symbol for news, read when `feedMode` is `symbol`. */
+    symbol?: string;
+    width?: string | number;
+    height?: string | number;
+    /** The feed's own palette; independent of the surrounding gui theme. */
+    colorTheme?: NewsTimelineTheme;
+    locale?: string;
+    isTransparent?: boolean;
+}
+declare const NewsTimeline: ({ feedMode, market, symbol, width, height, colorTheme, locale, isTransparent, ...props }: NewsTimelineProps) => import("react").JSX.Element;
+export { NewsTimeline };
+//# sourceMappingURL=news-timeline.d.ts.map

package/dist/backends/gui/news-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"news-timeline.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/news-timeline.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEtE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAA;AAEhD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC7F,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,oBAAoB,CAAA;IAC/B,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wEAAwE;IACxE,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAwBD,QAAA,MAAM,YAAY,6FAUf,iBAAiB,gCA6BnB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}