@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/crypto-market.cjs

@@ -0,0 +1,128 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarketOverview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MarketOverview — a TradingView multi-tab market table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which tabs,
+ * which symbols fill each one, the date range, the theme — written into the
+ * iframe's address the way TradingView's own embed script writes them:
+ * `/embed-widget/market-overview/?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 table arrives.
+ *
+ * A tab is named by one of the built-in symbol groups (`crypto`, `indices`,
+ * `futures`, `bonds`, `forex`) or spelled out in full as a `{ title, symbols }`
+ * pair, so a caller reaches for `tabs={['crypto']}` most of the time and for a
+ * custom group only when the built-ins don't cover it.
+ *
+ * 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 `tabs` would leave the old table on screen.
+ */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const PRESETS = {
+    crypto: {
+        title: 'Crypto',
+        symbols: [
+            { s: 'BINANCE:BTCUSDT', d: 'Bitcoin' },
+            { s: 'BINANCE:ETHUSDT', d: 'Ethereum' },
+            { s: 'BINANCE:SOLUSDT', d: 'Solana' },
+            { s: 'BINANCE:BNBUSDT', d: 'BNB' },
+            { s: 'BINANCE:XRPUSDT', d: 'XRP' },
+            { s: 'BINANCE:ADAUSDT', d: 'Cardano' },
+        ],
+    },
+    indices: {
+        title: 'Indices',
+        symbols: [
+            { s: 'FOREXCOM:SPXUSD', d: 'S&P 500 Index' },
+            { s: 'FOREXCOM:NSXUSD', d: 'US 100 Cash CFD' },
+            { s: 'FOREXCOM:DJI', d: 'Dow Jones Industrial Average Index' },
+            { s: 'INDEX:NKY', d: 'Japan 225' },
+            { s: 'INDEX:DEU40', d: 'DAX Index' },
+            { s: 'FOREXCOM:UKXGBP', d: 'FTSE 100 Index' },
+        ],
+    },
+    futures: {
+        title: 'Futures',
+        symbols: [
+            { s: 'BMFBOVESPA:ISP1!', d: 'S&P 500' },
+            { s: 'BMFBOVESPA:EUR1!', d: 'Euro' },
+            { s: 'CMCMARKETS:GOLD', d: 'Gold' },
+            { s: 'PYTH:WTI3!', d: 'WTI Crude Oil' },
+            { s: 'BMFBOVESPA:CCM1!', d: 'Corn' },
+        ],
+    },
+    bonds: {
+        title: 'Bonds',
+        symbols: [
+            { s: 'EUREX:FGBL1!', d: 'Euro Bund' },
+            { s: 'EUREX:FBTP1!', d: 'Euro BTP' },
+            { s: 'EUREX:FGBM1!', d: 'Euro BOBL' },
+        ],
+    },
+    forex: {
+        title: 'Forex',
+        symbols: [
+            { s: 'FX:EURUSD', d: 'EUR to USD' },
+            { s: 'FX:GBPUSD', d: 'GBP to USD' },
+            { s: 'FX:USDJPY', d: 'USD to JPY' },
+            { s: 'FX:USDCHF', d: 'USD to CHF' },
+            { s: 'FX:AUDUSD', d: 'AUD to USD' },
+            { s: 'FX:USDCAD', d: 'USD to CAD' },
+        ],
+    },
+};
+const resolveTab = (tab) => typeof tab === 'string' ? PRESETS[tab] : tab;
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/market-overview/?locale=';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ tabs = ['crypto'], colorTheme = 'dark', dateRange = '12M', locale = 'en', isTransparent = false, showFloatingTooltip = false, showSymbolLogo = true, showChart = true, width = '100%', height = 550, }) => ({
+    colorTheme,
+    dateRange,
+    locale,
+    isTransparent,
+    showFloatingTooltip,
+    plotLineColorGrowing: 'rgba(41, 98, 255, 1)',
+    plotLineColorFalling: 'rgba(41, 98, 255, 1)',
+    gridLineColor: 'rgba(240, 243, 250, 0)',
+    scaleFontColor: colorTheme === 'dark' ? '#DBDBDB' : '#333333',
+    belowLineFillColorGrowing: 'rgba(41, 98, 255, 0.12)',
+    belowLineFillColorFalling: 'rgba(41, 98, 255, 0.12)',
+    belowLineFillColorGrowingBottom: 'rgba(41, 98, 255, 0)',
+    belowLineFillColorFallingBottom: 'rgba(41, 98, 255, 0)',
+    symbolActiveColor: 'rgba(41, 98, 255, 0.12)',
+    tabs: tabs.map(resolveTab),
+    support_host: 'https://www.tradingview.com',
+    backgroundColor: colorTheme === 'dark' ? '#0f0f0f' : '#ffffff',
+    width,
+    height,
+    showSymbolLogo,
+    showChart,
+});
+const MarketOverview = ({ tabs, colorTheme, dateRange, locale, isTransparent, showFloatingTooltip, showSymbolLogo, showChart, width, height, ...props }) => {
+    const s = settings({
+        tabs,
+        colorTheme,
+        dateRange,
+        locale,
+        isTransparent,
+        showFloatingTooltip,
+        showSymbolLogo,
+        showChart,
+        width,
+        height,
+    });
+    const src = `${EMBED}${s.locale}#${encodeURIComponent(JSON.stringify(s))}`;
+    const titles = s.tabs.map((t) => t.title).join(', ');
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('market-overview'), "data-tabs": s.tabs.map((t) => t.title).join(','), "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: `${titles} market overview`, loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+exports.MarketOverview = MarketOverview;

package/dist/backends/gui/crypto-market.d.ts

@@ -0,0 +1,52 @@
+/**
+ * MarketOverview — a TradingView multi-tab market table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which tabs,
+ * which symbols fill each one, the date range, the theme — written into the
+ * iframe's address the way TradingView's own embed script writes them:
+ * `/embed-widget/market-overview/?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 table arrives.
+ *
+ * A tab is named by one of the built-in symbol groups (`crypto`, `indices`,
+ * `futures`, `bonds`, `forex`) or spelled out in full as a `{ title, symbols }`
+ * pair, so a caller reaches for `tabs={['crypto']}` most of the time and for a
+ * custom group only when the built-ins don't cover it.
+ *
+ * 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 `tabs` would leave the old table on screen.
+ */
+import { type YStackProps } from '@hanzo/gui';
+export interface MarketOverviewSymbol {
+    /** Exchange-qualified ticker, e.g. `BINANCE:BTCUSDT`. */
+    s: string;
+    /** The label shown in the row. */
+    d: string;
+}
+export interface MarketOverviewTab {
+    title: string;
+    symbols: MarketOverviewSymbol[];
+}
+export type MarketOverviewPreset = 'crypto' | 'indices' | 'futures' | 'bonds' | 'forex';
+export type MarketOverviewTheme = 'light' | 'dark';
+export interface MarketOverviewProps extends Omit<YStackProps, 'width' | 'height' | 'theme'> {
+    /** Which tabs the table opens with, a preset name or a spelled-out group. */
+    tabs?: (MarketOverviewPreset | MarketOverviewTab)[];
+    /** The table's own palette; independent of the surrounding gui theme. */
+    colorTheme?: MarketOverviewTheme;
+    /** How far back the sparkline in each row reaches. */
+    dateRange?: string;
+    locale?: string;
+    isTransparent?: boolean;
+    showFloatingTooltip?: boolean;
+    showSymbolLogo?: boolean;
+    showChart?: boolean;
+    width?: string | number;
+    height?: string | number;
+}
+declare const MarketOverview: ({ tabs, colorTheme, dateRange, locale, isTransparent, showFloatingTooltip, showSymbolLogo, showChart, width, height, ...props }: MarketOverviewProps) => import("react").JSX.Element;
+export { MarketOverview };
+//# sourceMappingURL=crypto-market.d.ts.map

package/dist/backends/gui/crypto-market.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto-market.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/crypto-market.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,CAAC,EAAE,MAAM,CAAA;IACT,kCAAkC;IAClC,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,oBAAoB,EAAE,CAAA;CAChC;AAED,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,CAAA;AA2DlD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1F,6EAA6E;IAC7E,IAAI,CAAC,EAAE,CAAC,oBAAoB,GAAG,iBAAiB,CAAC,EAAE,CAAA;IACnD,yEAAyE;IACzE,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AAwCD,QAAA,MAAM,cAAc,oIAYjB,mBAAmB,gCAyCrB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/backends/gui/crypto-market.js

@@ -0,0 +1,126 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * MarketOverview — a TradingView multi-tab market table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which tabs,
+ * which symbols fill each one, the date range, the theme — written into the
+ * iframe's address the way TradingView's own embed script writes them:
+ * `/embed-widget/market-overview/?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 table arrives.
+ *
+ * A tab is named by one of the built-in symbol groups (`crypto`, `indices`,
+ * `futures`, `bonds`, `forex`) or spelled out in full as a `{ title, symbols }`
+ * pair, so a caller reaches for `tabs={['crypto']}` most of the time and for a
+ * custom group only when the built-ins don't cover it.
+ *
+ * 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 `tabs` would leave the old table on screen.
+ */
+import { YStack, isWeb } from '@hanzo/gui';
+import { slot } from './slot.js';
+const PRESETS = {
+    crypto: {
+        title: 'Crypto',
+        symbols: [
+            { s: 'BINANCE:BTCUSDT', d: 'Bitcoin' },
+            { s: 'BINANCE:ETHUSDT', d: 'Ethereum' },
+            { s: 'BINANCE:SOLUSDT', d: 'Solana' },
+            { s: 'BINANCE:BNBUSDT', d: 'BNB' },
+            { s: 'BINANCE:XRPUSDT', d: 'XRP' },
+            { s: 'BINANCE:ADAUSDT', d: 'Cardano' },
+        ],
+    },
+    indices: {
+        title: 'Indices',
+        symbols: [
+            { s: 'FOREXCOM:SPXUSD', d: 'S&P 500 Index' },
+            { s: 'FOREXCOM:NSXUSD', d: 'US 100 Cash CFD' },
+            { s: 'FOREXCOM:DJI', d: 'Dow Jones Industrial Average Index' },
+            { s: 'INDEX:NKY', d: 'Japan 225' },
+            { s: 'INDEX:DEU40', d: 'DAX Index' },
+            { s: 'FOREXCOM:UKXGBP', d: 'FTSE 100 Index' },
+        ],
+    },
+    futures: {
+        title: 'Futures',
+        symbols: [
+            { s: 'BMFBOVESPA:ISP1!', d: 'S&P 500' },
+            { s: 'BMFBOVESPA:EUR1!', d: 'Euro' },
+            { s: 'CMCMARKETS:GOLD', d: 'Gold' },
+            { s: 'PYTH:WTI3!', d: 'WTI Crude Oil' },
+            { s: 'BMFBOVESPA:CCM1!', d: 'Corn' },
+        ],
+    },
+    bonds: {
+        title: 'Bonds',
+        symbols: [
+            { s: 'EUREX:FGBL1!', d: 'Euro Bund' },
+            { s: 'EUREX:FBTP1!', d: 'Euro BTP' },
+            { s: 'EUREX:FGBM1!', d: 'Euro BOBL' },
+        ],
+    },
+    forex: {
+        title: 'Forex',
+        symbols: [
+            { s: 'FX:EURUSD', d: 'EUR to USD' },
+            { s: 'FX:GBPUSD', d: 'GBP to USD' },
+            { s: 'FX:USDJPY', d: 'USD to JPY' },
+            { s: 'FX:USDCHF', d: 'USD to CHF' },
+            { s: 'FX:AUDUSD', d: 'AUD to USD' },
+            { s: 'FX:USDCAD', d: 'USD to CAD' },
+        ],
+    },
+};
+const resolveTab = (tab) => typeof tab === 'string' ? PRESETS[tab] : tab;
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/market-overview/?locale=';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ tabs = ['crypto'], colorTheme = 'dark', dateRange = '12M', locale = 'en', isTransparent = false, showFloatingTooltip = false, showSymbolLogo = true, showChart = true, width = '100%', height = 550, }) => ({
+    colorTheme,
+    dateRange,
+    locale,
+    isTransparent,
+    showFloatingTooltip,
+    plotLineColorGrowing: 'rgba(41, 98, 255, 1)',
+    plotLineColorFalling: 'rgba(41, 98, 255, 1)',
+    gridLineColor: 'rgba(240, 243, 250, 0)',
+    scaleFontColor: colorTheme === 'dark' ? '#DBDBDB' : '#333333',
+    belowLineFillColorGrowing: 'rgba(41, 98, 255, 0.12)',
+    belowLineFillColorFalling: 'rgba(41, 98, 255, 0.12)',
+    belowLineFillColorGrowingBottom: 'rgba(41, 98, 255, 0)',
+    belowLineFillColorFallingBottom: 'rgba(41, 98, 255, 0)',
+    symbolActiveColor: 'rgba(41, 98, 255, 0.12)',
+    tabs: tabs.map(resolveTab),
+    support_host: 'https://www.tradingview.com',
+    backgroundColor: colorTheme === 'dark' ? '#0f0f0f' : '#ffffff',
+    width,
+    height,
+    showSymbolLogo,
+    showChart,
+});
+const MarketOverview = ({ tabs, colorTheme, dateRange, locale, isTransparent, showFloatingTooltip, showSymbolLogo, showChart, width, height, ...props }) => {
+    const s = settings({
+        tabs,
+        colorTheme,
+        dateRange,
+        locale,
+        isTransparent,
+        showFloatingTooltip,
+        showSymbolLogo,
+        showChart,
+        width,
+        height,
+    });
+    const src = `${EMBED}${s.locale}#${encodeURIComponent(JSON.stringify(s))}`;
+    const titles = s.tabs.map((t) => t.title).join(', ');
+    return (_jsx(YStack, { ...slot('market-overview'), "data-tabs": s.tabs.map((t) => t.title).join(','), "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: isWeb && (_jsx("iframe", { src: src, title: `${titles} market overview`, loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+export { MarketOverview };
+//# sourceMappingURL=crypto-market.js.map

package/dist/backends/gui/crypto-market.js.map

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

package/dist/backends/gui/crypto-screener.cjs

@@ -0,0 +1,45 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CryptoScreener = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * CryptoScreener — TradingView's crypto market screener, in a gui frame.
+ *
+ * The table is TradingView's own document, so it is an `<iframe>` and nothing
+ * here draws a row of it. What this owns is the frame around it and the
+ * settings the screener opens with — the column set, the display currency,
+ * the theme — written into the iframe's address the way TradingView's own
+ * embed script writes them:
+ * `/embed-widget/screener/?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 table arrives.
+ *
+ * The iframe is keyed on that address, because a browser treats a `src` that
+ * differs only in its fragment as a same-document navigation and does not
+ * reload — without the key a new `defaultColumn` would change the URL and
+ * leave the old table on screen.
+ */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/screener/?locale=en#';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ defaultColumn = 'overview', displayCurrency = 'USD', colorTheme = 'dark', isTransparent = false, locale = 'en', width = '100%', height = 550, }) => ({
+    defaultColumn,
+    screener_type: 'crypto_mkt',
+    displayCurrency,
+    colorTheme,
+    isTransparent,
+    locale,
+    width,
+    height,
+});
+const CryptoScreener = ({ market: _market, defaultColumn, displayCurrency, colorTheme, isTransparent, locale, width, height, ...props }) => {
+    const s = settings({ defaultColumn, displayCurrency, colorTheme, isTransparent, locale, width, height });
+    const src = EMBED + encodeURIComponent(JSON.stringify(s));
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('crypto-screener'), "data-column": s.defaultColumn, "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: "Crypto screener", loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+exports.CryptoScreener = CryptoScreener;

package/dist/backends/gui/crypto-screener.d.ts

@@ -0,0 +1,38 @@
+/**
+ * CryptoScreener — TradingView's crypto market screener, in a gui frame.
+ *
+ * The table is TradingView's own document, so it is an `<iframe>` and nothing
+ * here draws a row of it. What this owns is the frame around it and the
+ * settings the screener opens with — the column set, the display currency,
+ * the theme — written into the iframe's address the way TradingView's own
+ * embed script writes them:
+ * `/embed-widget/screener/?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 table arrives.
+ *
+ * The iframe is keyed on that address, because a browser treats a `src` that
+ * differs only in its fragment as a same-document navigation and does not
+ * reload — without the key a new `defaultColumn` would change the URL and
+ * leave the old table on screen.
+ */
+import { type YStackProps } from '@hanzo/gui';
+export type CryptoScreenerColumn = 'overview' | 'performance' | 'oscillators' | 'moving_averages';
+export type CryptoScreenerTheme = 'light' | 'dark';
+export type CryptoScreenerMarket = 'crypto';
+export interface CryptoScreenerProps extends Omit<YStackProps, 'width' | 'height' | 'theme'> {
+    /** The market the screener lists; TradingView's crypto table. */
+    market?: CryptoScreenerMarket;
+    /** Which column set opens first; the toolbar still switches it live. */
+    defaultColumn?: CryptoScreenerColumn;
+    /** The currency prices and market caps are shown in. */
+    displayCurrency?: string;
+    /** The screener's own palette; independent of the surrounding gui theme. */
+    colorTheme?: CryptoScreenerTheme;
+    isTransparent?: boolean;
+    locale?: string;
+    width?: string | number;
+    height?: string | number;
+}
+declare const CryptoScreener: ({ market: _market, defaultColumn, displayCurrency, colorTheme, isTransparent, locale, width, height, ...props }: CryptoScreenerProps) => import("react").JSX.Element;
+export { CryptoScreener };
+//# sourceMappingURL=crypto-screener.d.ts.map

package/dist/backends/gui/crypto-screener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto-screener.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/crypto-screener.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,aAAa,GAAG,aAAa,GAAG,iBAAiB,CAAA;AACjG,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,CAAA;AAClD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAA;AAE3C,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1F,iEAAiE;IACjE,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,wEAAwE;IACxE,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AAwBD,QAAA,MAAM,cAAc,oHAUjB,mBAAmB,gCA6BrB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/backends/gui/crypto-screener.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * CryptoScreener — TradingView's crypto market screener, in a gui frame.
+ *
+ * The table is TradingView's own document, so it is an `<iframe>` and nothing
+ * here draws a row of it. What this owns is the frame around it and the
+ * settings the screener opens with — the column set, the display currency,
+ * the theme — written into the iframe's address the way TradingView's own
+ * embed script writes them:
+ * `/embed-widget/screener/?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 table arrives.
+ *
+ * The iframe is keyed on that address, because a browser treats a `src` that
+ * differs only in its fragment as a same-document navigation and does not
+ * reload — without the key a new `defaultColumn` would change the URL and
+ * leave the old table on screen.
+ */
+import { YStack, isWeb } from '@hanzo/gui';
+import { slot } from './slot.js';
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/screener/?locale=en#';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ defaultColumn = 'overview', displayCurrency = 'USD', colorTheme = 'dark', isTransparent = false, locale = 'en', width = '100%', height = 550, }) => ({
+    defaultColumn,
+    screener_type: 'crypto_mkt',
+    displayCurrency,
+    colorTheme,
+    isTransparent,
+    locale,
+    width,
+    height,
+});
+const CryptoScreener = ({ market: _market, defaultColumn, displayCurrency, colorTheme, isTransparent, locale, width, height, ...props }) => {
+    const s = settings({ defaultColumn, displayCurrency, colorTheme, isTransparent, locale, width, height });
+    const src = EMBED + encodeURIComponent(JSON.stringify(s));
+    return (_jsx(YStack, { ...slot('crypto-screener'), "data-column": s.defaultColumn, "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: isWeb && (_jsx("iframe", { src: src, title: "Crypto screener", loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+export { CryptoScreener };
+//# sourceMappingURL=crypto-screener.js.map

package/dist/backends/gui/crypto-screener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto-screener.js","sourceRoot":"","sources":["../../../src/backends/gui/crypto-screener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAqB7B,MAAM,KAAK,GAAG,sEAAsE,CAAA;AAEpF,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,aAAa,GAAG,UAAU,EAC1B,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,EACrB,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,GACQ,EAAE,EAAE,CAAC,CAAC;IAC1B,aAAa;IACb,aAAa,EAAE,YAAY;IAC3B,eAAe;IACf,UAAU;IACV,aAAa;IACb,MAAM;IACN,KAAK;IACL,MAAM;CACP,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,CAAC,EACtB,MAAM,EAAE,OAAO,EACf,aAAa,EACb,eAAe,EACf,UAAU,EACV,aAAa,EACb,MAAM,EACN,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;IACxG,MAAM,GAAG,GAAG,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,iBAAiB,CAAC,iBACd,CAAC,CAAC,aAAa,sBACV,CAAC,CAAC,UAAU;QAC9B,wEAAwE;QACxE,qEAAqE;QACrE,KAAK,EAAE,CAAC,CAAC,KAA6B,EACtC,MAAM,EAAE,CAAC,CAAC,MAA+B,EACzC,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,QAAQ,KACP,KAAK,YAER,KAAK,IAAI,CACR,iBAEE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,IAAI,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IALhE,GAAG,CAMR,CACH,GACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/backends/gui/cursor.cjs

@@ -0,0 +1,37 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cursor = Cursor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Cursor — a container that replaces the pointer with a small round follower
+ * while the pointer sits over it.
+ *
+ * A `mousemove` on the frame turns the client point into a position relative
+ * to the frame's own box (`getBoundingClientRect`), so the follower is placed
+ * with plain `left`/`top` inside a `position: relative` parent — no fixed
+ * positioning, no document listener, and nothing rendered before the pointer
+ * has actually entered. `cursorText` draws a label inside the dot; leaving it
+ * unset draws a bare dot. The frame hides the native cursor for its own box
+ * only (`cursor: none`), so the effect is local to whatever the caller wraps,
+ * unlike a page-wide replacement.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const sx_1 = require("../../sx.cjs");
+const slot_1 = require("./slot.cjs");
+function Cursor({ children, cursorText, cursorSize = 20, className }) {
+    const [position, setPosition] = (0, react_1.useState)({ x: 0, y: 0 });
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('cursor'), position: "relative", style: gui_1.isWeb ? { cursor: 'none' } : undefined, ...(0, sx_1.sx)(className), onMouseMove: (e) => {
+            const rect = e.currentTarget.getBoundingClientRect();
+            setPosition({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+        }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [children, isHovered && ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('cursor-dot'), position: "absolute", items: "center", justify: "center", rounded: 9999, bg: "$color6", pointerEvents: "none", style: {
+                    left: position.x,
+                    top: position.y,
+                    width: cursorSize,
+                    height: cursorSize,
+                    transform: 'translate(-50%, -50%)',
+                    zIndex: 50,
+                }, children: cursorText && ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", fontWeight: "500", color: "$color", children: cursorText })) }))] }));
+}

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

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+export type CursorPosition = {
+    x: number;
+    y: number;
+};
+export type CursorProps = {
+    /** Content the cursor effect plays over. */
+    children: ReactNode;
+    /** Label drawn inside the follower dot; omit for a bare dot. */
+    cursorText?: string;
+    /** Diameter of the follower dot, in px. */
+    cursorSize?: number;
+    /** Class notation, converted to style props on the frame. */
+    className?: string;
+};
+export declare function Cursor({ children, cursorText, cursorSize, className }: CursorProps): import("react").JSX.Element;
+//# sourceMappingURL=cursor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/cursor.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIhD,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAA;IACnB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAe,EAAE,SAAS,EAAE,EAAE,WAAW,+BA6CvF"}

package/dist/backends/gui/cursor.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Cursor — a container that replaces the pointer with a small round follower
+ * while the pointer sits over it.
+ *
+ * A `mousemove` on the frame turns the client point into a position relative
+ * to the frame's own box (`getBoundingClientRect`), so the follower is placed
+ * with plain `left`/`top` inside a `position: relative` parent — no fixed
+ * positioning, no document listener, and nothing rendered before the pointer
+ * has actually entered. `cursorText` draws a label inside the dot; leaving it
+ * unset draws a bare dot. The frame hides the native cursor for its own box
+ * only (`cursor: none`), so the effect is local to whatever the caller wraps,
+ * unlike a page-wide replacement.
+ */
+import { SizableText, YStack, isWeb } from '@hanzo/gui';
+import { useState } from 'react';
+import { sx } from '../../sx.js';
+import { slot } from './slot.js';
+export function Cursor({ children, cursorText, cursorSize = 20, className }) {
+    const [position, setPosition] = useState({ x: 0, y: 0 });
+    const [isHovered, setIsHovered] = useState(false);
+    return (_jsxs(YStack, { ...slot('cursor'), position: "relative", style: isWeb ? { cursor: 'none' } : undefined, ...sx(className), onMouseMove: (e) => {
+            const rect = e.currentTarget.getBoundingClientRect();
+            setPosition({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+        }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [children, isHovered && (_jsx(YStack, { ...slot('cursor-dot'), position: "absolute", items: "center", justify: "center", rounded: 9999, bg: "$color6", pointerEvents: "none", style: {
+                    left: position.x,
+                    top: position.y,
+                    width: cursorSize,
+                    height: cursorSize,
+                    transform: 'translate(-50%, -50%)',
+                    zIndex: 50,
+                }, children: cursorText && (_jsx(SizableText, { size: "$1", fontWeight: "500", color: "$color", children: cursorText })) }))] }));
+}
+//# sourceMappingURL=cursor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.js","sourceRoot":"","sources":["../../../src/backends/gui/cursor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAe7B,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,EAAe;IACtF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,QAAQ,CAAC,EAClB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,KACzC,EAAE,CAAC,SAAS,CAAC,EACjB,WAAW,EAAE,CAAC,CAAgC,EAAE,EAAE;YAChD,MAAM,IAAI,GAAI,CAAC,CAAC,aAA6B,CAAC,qBAAqB,EAAE,CAAA;YACrE,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;QACpE,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,aAEtC,QAAQ,EACR,SAAS,IAAI,CACZ,KAAC,MAAM,OACD,IAAI,CAAC,YAAY,CAAC,EACtB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,IAAI,EACb,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE;oBACL,IAAI,EAAE,QAAQ,CAAC,CAAC;oBAChB,GAAG,EAAE,QAAQ,CAAC,CAAC;oBACf,KAAK,EAAE,UAAU;oBACjB,MAAM,EAAE,UAAU;oBAClB,SAAS,EAAE,uBAAuB;oBAClC,MAAM,EAAE,EAAE;iBACX,YAEA,UAAU,IAAI,CACb,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,YACnD,UAAU,GACC,CACf,GACM,CACV,IACM,CACV,CAAA;AACH,CAAC"}