@luxfi/ui 7.4.15 → 8.1.0

package/dist/empty.js

@@ -0,0 +1,110 @@
+"use client";
+import { variants, Box, cn } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+// src/empty.tsx
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty",
+      className: cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-header",
+      className: cn(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var emptyMediaVariants = variants(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-icon",
+      "data-variant": variant,
+      className: cn(emptyMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function EmptyTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-title",
+      className: cn("text-lg font-medium tracking-tight", className),
+      ...props
+    }
+  );
+}
+function EmptyDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-description",
+      className: cn(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-content",
+      className: cn(
+        "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/engine.cjs

@@ -0,0 +1,91 @@
+"use client";
+'use strict';
+
+// src/engine.ts
+var GUI_PACKAGES = [
+  "@hanzo/gui",
+  "@hanzogui/accordion",
+  "@hanzogui/adapt",
+  "@hanzogui/alert-dialog",
+  "@hanzogui/animate",
+  "@hanzogui/animate-presence",
+  "@hanzogui/avatar",
+  "@hanzogui/button",
+  "@hanzogui/card",
+  "@hanzogui/checkbox",
+  "@hanzogui/collapsible",
+  "@hanzogui/component-helpers",
+  "@hanzogui/compose-refs",
+  "@hanzogui/config",
+  "@hanzogui/context-menu",
+  "@hanzogui/core",
+  "@hanzogui/create-context",
+  "@hanzogui/create-menu",
+  "@hanzogui/dialog",
+  "@hanzogui/dismissable",
+  "@hanzogui/element",
+  "@hanzogui/elements",
+  "@hanzogui/floating",
+  "@hanzogui/focus-scope",
+  "@hanzogui/font-size",
+  "@hanzogui/form",
+  "@hanzogui/get-token",
+  "@hanzogui/group",
+  "@hanzogui/helpers",
+  "@hanzogui/image",
+  "@hanzogui/input",
+  "@hanzogui/label",
+  "@hanzogui/list-item",
+  "@hanzogui/menu",
+  "@hanzogui/popover",
+  "@hanzogui/popper",
+  "@hanzogui/portal",
+  "@hanzogui/progress",
+  "@hanzogui/radio-group",
+  "@hanzogui/react-native-media-driver",
+  "@hanzogui/remove-scroll",
+  "@hanzogui/scroll-view",
+  "@hanzogui/select",
+  "@hanzogui/separator",
+  "@hanzogui/shapes",
+  "@hanzogui/sheet",
+  "@hanzogui/slider",
+  "@hanzogui/spacer",
+  "@hanzogui/spinner",
+  "@hanzogui/stacks",
+  "@hanzogui/switch",
+  "@hanzogui/tabs",
+  "@hanzogui/text",
+  "@hanzogui/theme",
+  "@hanzogui/toast",
+  "@hanzogui/toggle-group",
+  "@hanzogui/tooltip",
+  "@hanzogui/use-controllable-state",
+  "@hanzogui/use-debounce",
+  "@hanzogui/use-force-update",
+  "@hanzogui/use-presence",
+  "@hanzogui/use-window-dimensions",
+  "@hanzogui/visually-hidden",
+  "@hanzogui/web",
+  "@hanzogui/z-index-stack",
+  "@luxfi/ui"
+];
+var GUI_DEFINES = {
+  "process.env.EXPO_OS": JSON.stringify("web"),
+  "process.env.IS_WEB": JSON.stringify("true")
+};
+var ENGINE_DEDUPE = [
+  "react",
+  "react-dom",
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
+var ALIASABLE = [
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
+
+exports.ALIASABLE = ALIASABLE;
+exports.ENGINE_DEDUPE = ENGINE_DEDUPE;
+exports.GUI_DEFINES = GUI_DEFINES;
+exports.GUI_PACKAGES = GUI_PACKAGES;

package/dist/engine.d.ts

@@ -0,0 +1,35 @@
+/** Every package `@hanzo/gui` re-exports — the engine, in full. */
+export declare const GUI_PACKAGES: ReadonlyArray<string>;
+/**
+ * The engine branches on these at module scope; without them a browser bundle
+ * takes the native path.
+ */
+export declare const GUI_DEFINES: Readonly<Record<string, string>>;
+/**
+ * Every package that must exist exactly ONCE in a bundle — the engine, plus the
+ * three libraries outside it that also publish a module-scope React context.
+ *
+ * `react` and `react-dom` are the classic case. `@tanstack/react-query` is the
+ * same failure with a different message: lux.market resolved two copies (one
+ * under react@19.1.0, one under react@19.2.8), the app's `QueryClientProvider`
+ * came from copy A and `@luxfi/ui`'s `useQuery` read copy B's context, and the
+ * whole page died with "No QueryClient set, use QueryClientProvider to set one".
+ *
+ * ONE list, shared by both bundler wrappers, so vite and next cannot dedupe
+ * different sets — which is exactly how that market bug survived: the vite
+ * wrapper already listed these three, the Next wrapper did not.
+ */
+export declare const ENGINE_DEDUPE: ReadonlyArray<string>;
+/**
+ * The subset of ENGINE_DEDUPE that may be pinned by a hard bundler ALIAS.
+ *
+ * `dedupe` is advisory hoisting; an alias is a hard redirect, and redirecting
+ * `react` / `react-dom` inside a Next app breaks the framework's own graph —
+ * the RSC client manifest is keyed on Next's copy, so the MPC dashboard died
+ * with `Could not find the module … segment-explorer-node.js#SegmentViewNode in
+ * the React Client Manifest` followed by `__webpack_modules__[moduleId] is not
+ * a function`. Next already guarantees one React; it does not guarantee one
+ * react-query, and it does not guarantee one popper.
+ */
+export declare const ALIASABLE: ReadonlyArray<string>;
+//# sourceMappingURL=engine.d.ts.map

package/dist/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AA2BA,mEAAmE;AACnE,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,MAAM,CAmE9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAGxD,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,MAAM,CAK/C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,MAAM,CAG3C,CAAC"}

package/dist/engine.js

@@ -0,0 +1,86 @@
+"use client";
+// src/engine.ts
+var GUI_PACKAGES = [
+  "@hanzo/gui",
+  "@hanzogui/accordion",
+  "@hanzogui/adapt",
+  "@hanzogui/alert-dialog",
+  "@hanzogui/animate",
+  "@hanzogui/animate-presence",
+  "@hanzogui/avatar",
+  "@hanzogui/button",
+  "@hanzogui/card",
+  "@hanzogui/checkbox",
+  "@hanzogui/collapsible",
+  "@hanzogui/component-helpers",
+  "@hanzogui/compose-refs",
+  "@hanzogui/config",
+  "@hanzogui/context-menu",
+  "@hanzogui/core",
+  "@hanzogui/create-context",
+  "@hanzogui/create-menu",
+  "@hanzogui/dialog",
+  "@hanzogui/dismissable",
+  "@hanzogui/element",
+  "@hanzogui/elements",
+  "@hanzogui/floating",
+  "@hanzogui/focus-scope",
+  "@hanzogui/font-size",
+  "@hanzogui/form",
+  "@hanzogui/get-token",
+  "@hanzogui/group",
+  "@hanzogui/helpers",
+  "@hanzogui/image",
+  "@hanzogui/input",
+  "@hanzogui/label",
+  "@hanzogui/list-item",
+  "@hanzogui/menu",
+  "@hanzogui/popover",
+  "@hanzogui/popper",
+  "@hanzogui/portal",
+  "@hanzogui/progress",
+  "@hanzogui/radio-group",
+  "@hanzogui/react-native-media-driver",
+  "@hanzogui/remove-scroll",
+  "@hanzogui/scroll-view",
+  "@hanzogui/select",
+  "@hanzogui/separator",
+  "@hanzogui/shapes",
+  "@hanzogui/sheet",
+  "@hanzogui/slider",
+  "@hanzogui/spacer",
+  "@hanzogui/spinner",
+  "@hanzogui/stacks",
+  "@hanzogui/switch",
+  "@hanzogui/tabs",
+  "@hanzogui/text",
+  "@hanzogui/theme",
+  "@hanzogui/toast",
+  "@hanzogui/toggle-group",
+  "@hanzogui/tooltip",
+  "@hanzogui/use-controllable-state",
+  "@hanzogui/use-debounce",
+  "@hanzogui/use-force-update",
+  "@hanzogui/use-presence",
+  "@hanzogui/use-window-dimensions",
+  "@hanzogui/visually-hidden",
+  "@hanzogui/web",
+  "@hanzogui/z-index-stack",
+  "@luxfi/ui"
+];
+var GUI_DEFINES = {
+  "process.env.EXPO_OS": JSON.stringify("web"),
+  "process.env.IS_WEB": JSON.stringify("true")
+};
+var ENGINE_DEDUPE = [
+  "react",
+  "react-dom",
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
+var ALIASABLE = [
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
+
+export { ALIASABLE, ENGINE_DEDUPE, GUI_DEFINES, GUI_PACKAGES };

package/dist/expiration-selector.d.ts

@@ -1,16 +1,14 @@
 import * as React from 'react';
-
-interface ExpirationOption {
+export interface ExpirationOption {
     date: string;
     dte: number;
     type: 'weekly' | 'monthly' | 'quarterly';
 }
-interface ExpirationSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+export interface ExpirationSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     readonly expirations: ExpirationOption[];
     readonly selected: string;
     readonly onSelect: (date: string) => void;
     readonly showGroups?: boolean;
 }
-declare const ExpirationSelector: React.ForwardRefExoticComponent<ExpirationSelectorProps & React.RefAttributes<HTMLDivElement>>;
-
-export { type ExpirationOption, ExpirationSelector, type ExpirationSelectorProps };
+export declare const ExpirationSelector: React.ForwardRefExoticComponent<ExpirationSelectorProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=expiration-selector.d.ts.map

package/dist/expiration-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expiration-selector.d.ts","sourceRoot":"","sources":["../src/expiration-selector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;CAC1C;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrG,QAAQ,CAAC,WAAW,EAAE,gBAAgB,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AA4FD,eAAO,MAAM,kBAAkB,gGAqE9B,CAAC"}

package/dist/field.cjs

@@ -2,6 +2,7 @@
 'use strict';
 
 var gui = require('@hanzo/gui');
+var ui = require('@hanzo/ui');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -80,7 +81,7 @@ var Field = React__namespace.forwardRef(
           flexDirection: "row",
           gap: 4,
           color: "var(--color-input-placeholder)",
-          className: "lux-field-float",
+          ...ui.sx("lux-field-float"),
           children: [
             label,
             /* @__PURE__ */ jsxRuntime.jsx(Marks, { required, optionalText, errorText })

package/dist/field.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { InputProps } from './input.js';
-import { InputGroupProps } from './input-group.js';
-
-interface FieldProps {
+import type { InputProps } from './input';
+import type { InputGroupProps } from './input-group';
+export interface FieldProps {
     readonly label?: React.ReactNode;
     readonly helperText?: React.ReactNode;
     readonly errorText?: React.ReactNode;
@@ -18,6 +17,5 @@ interface FieldProps {
     readonly className?: string;
     readonly style?: React.CSSProperties;
 }
-declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Field, type FieldProps };
+export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=field.d.ts.map

package/dist/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAqBrD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IACxF,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAcD,eAAO,MAAM,KAAK,mFA2FjB,CAAC"}

package/dist/field.js

@@ -1,5 +1,6 @@
 "use client";
-import { YStack, Label, Text } from '@hanzo/gui';
+import { Label, YStack, Text } from '@hanzo/gui';
+import { sx } from '@hanzo/ui';
 import * as React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -58,7 +59,7 @@ var Field = React.forwardRef(
           flexDirection: "row",
           gap: 4,
           color: "var(--color-input-placeholder)",
-          className: "lux-field-float",
+          ...sx("lux-field-float"),
           children: [
             label,
             /* @__PURE__ */ jsx(Marks, { required, optionalText, errorText })

package/dist/financials.cjs

@@ -0,0 +1,66 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Financials({
+  symbol = "NASDAQ:AAPL",
+  width = "100%",
+  height = "500",
+  locale = "en",
+  colorTheme = "dark",
+  isTransparent = false,
+  displayMode = "adaptive",
+  largeChartUrl = ""
+}) {
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!containerRef.current) return;
+    if (containerRef.current.dataset.initialized === "true") {
+      return;
+    }
+    containerRef.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-financials.js";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      colorTheme,
+      isTransparent,
+      largeChartUrl,
+      displayMode,
+      width,
+      height,
+      symbol,
+      locale
+    });
+    containerRef.current.appendChild(script);
+    return () => {
+      if (containerRef.current) {
+        delete containerRef.current.dataset.initialized;
+        const scripts = containerRef.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, [
+    symbol,
+    width,
+    height,
+    locale,
+    colorTheme,
+    isTransparent,
+    displayMode,
+    largeChartUrl
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      className: "tradingview-widget-container w-full h-[500px]",
+      ref: containerRef,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container__widget h-full" })
+    }
+  );
+}
+
+module.exports = Financials;

package/dist/financials.d.ts

@@ -0,0 +1,12 @@
+export interface FinancialsProps {
+    symbol?: string;
+    width?: string | number;
+    height?: string | number;
+    locale?: string;
+    colorTheme?: "light" | "dark";
+    isTransparent?: boolean;
+    displayMode?: "regular" | "compact" | "adaptive";
+    largeChartUrl?: string;
+}
+export default function Financials({ symbol, width, height, locale, colorTheme, isTransparent, displayMode, largeChartUrl, }: FinancialsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=financials.d.ts.map

package/dist/financials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"financials.d.ts","sourceRoot":"","sources":["../src/financials.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IAChD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAsB,EACtB,KAAc,EACd,MAAc,EACd,MAAa,EACb,UAAmB,EACnB,aAAqB,EACrB,WAAwB,EACxB,aAAkB,GACnB,EAAE,eAAe,2CA2DjB"}

package/dist/financials.js

@@ -0,0 +1,64 @@
+"use client";
+import { useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Financials({
+  symbol = "NASDAQ:AAPL",
+  width = "100%",
+  height = "500",
+  locale = "en",
+  colorTheme = "dark",
+  isTransparent = false,
+  displayMode = "adaptive",
+  largeChartUrl = ""
+}) {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!containerRef.current) return;
+    if (containerRef.current.dataset.initialized === "true") {
+      return;
+    }
+    containerRef.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-financials.js";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      colorTheme,
+      isTransparent,
+      largeChartUrl,
+      displayMode,
+      width,
+      height,
+      symbol,
+      locale
+    });
+    containerRef.current.appendChild(script);
+    return () => {
+      if (containerRef.current) {
+        delete containerRef.current.dataset.initialized;
+        const scripts = containerRef.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, [
+    symbol,
+    width,
+    height,
+    locale,
+    colorTheme,
+    isTransparent,
+    displayMode,
+    largeChartUrl
+  ]);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: "tradingview-widget-container w-full h-[500px]",
+      ref: containerRef,
+      children: /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container__widget h-full" })
+    }
+  );
+}
+
+export { Financials as default };

package/dist/forex-screener.cjs

@@ -0,0 +1,44 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ForexScreener() {
+  const container = react.useRef(null);
+  react.useEffect(() => {
+    if (!container.current) return;
+    if (container.current.dataset.initialized === "true") {
+      return;
+    }
+    container.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-screener.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      market: "forex",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "general",
+      isTransparent: false,
+      locale: "en",
+      colorTheme: "dark",
+      width: "100%",
+      height: 550
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container__widget" }) });
+}
+var forex_screener_default = react.memo(ForexScreener);
+
+module.exports = forex_screener_default;

package/dist/forex-screener.d.ts

@@ -0,0 +1,4 @@
+declare function ForexScreener(): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof ForexScreener>;
+export default _default;
+//# sourceMappingURL=forex-screener.d.ts.map

package/dist/forex-screener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forex-screener.d.ts","sourceRoot":"","sources":["../src/forex-screener.tsx"],"names":[],"mappings":"AAKA,iBAAS,aAAa,4CAkDrB;;AAED,wBAAkC"}

package/dist/forex-screener.js

@@ -0,0 +1,42 @@
+"use client";
+import { memo, useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function ForexScreener() {
+  const container = useRef(null);
+  useEffect(() => {
+    if (!container.current) return;
+    if (container.current.dataset.initialized === "true") {
+      return;
+    }
+    container.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-screener.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      market: "forex",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "general",
+      isTransparent: false,
+      locale: "en",
+      colorTheme: "dark",
+      width: "100%",
+      height: 550
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container__widget" }) });
+}
+var forex_screener_default = memo(ForexScreener);
+
+export { forex_screener_default as default };