@luxfi/ui 7.4.15 → 8.1.0

package/dist/3d-text.js

@@ -0,0 +1,341 @@
+"use client";
+import * as React from 'react';
+import { variants, Box, cn } from '@hanzo/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var text3DVariants = variants(
+  [
+    "relative inline-block font-bold transform-gpu will-change-transform",
+    "before:absolute before:inset-0 before:z-[-1]",
+    "after:absolute after:inset-0 after:z-[-2]"
+  ],
+  {
+    variants: {
+      variant: {
+        extruded: [
+          "text-white",
+          "before:content-[attr(data-text)] before:text-[var(--color-text-secondary)] before:translate-x-1 before:translate-y-1",
+          "after:content-[attr(data-text)] after:text-[var(--color-text-primary)] before:translate-x-2 after:translate-y-2"
+        ],
+        neon: [
+          "text-white",
+          "before:content-[attr(data-text)] before:text-[var(--color-link-primary)] before:blur-sm before:animate-pulse",
+          "after:content-[attr(data-text)] after:text-[var(--color-link-primary)] after:blur-md after:animate-pulse after:animation-delay-150"
+        ],
+        metallic: [
+          "bg-gradient-to-b from-[var(--color-border-divider)] via-[var(--color-border-divider)] to-[var(--color-border-divider)] bg-clip-text text-transparent",
+          "before:content-[attr(data-text)] before:bg-gradient-to-b before:from-[var(--color-border-divider)] before:to-[var(--color-border-divider)] before:bg-clip-text before:text-transparent before:translate-x-0.5 before:translate-y-0.5",
+          "after:content-[attr(data-text)] after:bg-gradient-to-b after:from-[var(--color-border-divider)] after:to-[var(--color-border-divider)] after:bg-clip-text after:text-transparent after:translate-x-1 after:translate-y-1"
+        ],
+        rainbow: [
+          "bg-gradient-to-r from-[var(--lux-state-error)] via-[var(--lux-state-notice)] via-[var(--lux-state-success)] via-[var(--color-link-primary)] to-[var(--color-link-primary)] bg-clip-text text-transparent",
+          "before:content-[attr(data-text)] before:bg-gradient-to-r before:from-[var(--lux-state-error)] before:via-[var(--lux-state-notice)] before:via-[var(--lux-state-success)] before:via-[var(--color-link-primary)] before:to-[var(--color-link-primary)] before:bg-clip-text before:text-transparent before:translate-x-0.5 before:translate-y-0.5",
+          "after:content-[attr(data-text)] after:bg-gradient-to-r after:from-[var(--lux-state-error)] after:via-[var(--lux-state-notice)] after:via-[var(--lux-state-success)] after:via-[var(--color-link-primary)] after:to-[var(--color-link-primary)] after:bg-clip-text after:text-transparent after:translate-x-1 after:translate-y-1"
+        ],
+        fire: [
+          "bg-gradient-to-t from-[var(--lux-state-error)] via-[var(--lux-state-notice)] to-[var(--lux-state-notice)] bg-clip-text text-transparent",
+          "before:content-[attr(data-text)] before:bg-gradient-to-t before:from-[var(--lux-state-error)] before:via-[var(--lux-state-notice)] before:to-[var(--lux-state-notice)] before:bg-clip-text before:text-transparent before:translate-x-0.5 before:translate-y-0.5",
+          "after:content-[attr(data-text)] after:bg-gradient-to-t after:from-[var(--lux-state-error)] after:via-[var(--lux-state-notice)] after:to-[var(--lux-state-notice)] after:bg-clip-text after:text-transparent after:translate-x-1 after:translate-y-1"
+        ],
+        ice: [
+          "bg-gradient-to-b from-[var(--color-link-primary)] via-[var(--color-link-primary)] to-[var(--color-link-primary)] bg-clip-text text-transparent",
+          "before:content-[attr(data-text)] before:bg-gradient-to-b before:from-[var(--color-link-primary)] before:via-[var(--color-link-primary)] before:to-[var(--color-link-primary)] before:bg-clip-text before:text-transparent before:translate-x-0.5 before:translate-y-0.5",
+          "after:content-[attr(data-text)] after:bg-gradient-to-b after:from-[var(--color-link-primary)] after:via-[var(--color-link-primary)] after:to-[var(--color-link-primary)] after:bg-clip-text after:text-transparent after:translate-x-1 after:translate-y-1"
+        ],
+        gold: [
+          "bg-gradient-to-b from-[var(--lux-state-notice)] via-[var(--lux-state-notice)] to-[var(--lux-state-notice)] bg-clip-text text-transparent",
+          "before:content-[attr(data-text)] before:bg-gradient-to-b before:from-[var(--lux-state-notice)] before:via-[var(--lux-state-notice)] before:to-[var(--lux-state-notice)] before:bg-clip-text before:text-transparent before:translate-x-0.5 before:translate-y-0.5",
+          "after:content-[attr(data-text)] after:bg-gradient-to-b after:from-[var(--lux-state-notice)] after:via-[var(--lux-state-notice)] after:to-[var(--lux-state-notice)] after:bg-clip-text after:text-transparent after:translate-x-1 after:translate-y-1"
+        ],
+        glass: [
+          "text-white/90 backdrop-blur-sm",
+          "before:content-[attr(data-text)] before:text-white/60 before:blur-[0.5px] before:translate-x-0.5 before:translate-y-0.5",
+          "after:content-[attr(data-text)] after:text-white/30 after:blur-[1px] after:translate-x-1 after:translate-y-1"
+        ]
+      },
+      size: {
+        sm: "text-sm",
+        default: "text-base",
+        lg: "text-lg",
+        xl: "text-xl",
+        "2xl": "text-2xl",
+        "3xl": "text-3xl",
+        "4xl": "text-4xl",
+        "5xl": "text-5xl",
+        "6xl": "text-6xl"
+      },
+      depth: {
+        none: "before:translate-x-0 before:translate-y-0 after:translate-x-0 after:translate-y-0",
+        sm: "before:translate-x-0.5 before:translate-y-0.5 after:translate-x-1 after:translate-y-1",
+        default: "before:translate-x-1 before:translate-y-1 after:translate-x-2 after:translate-y-2",
+        lg: "before:translate-x-1.5 before:translate-y-1.5 after:translate-x-3 after:translate-y-3",
+        xl: "before:translate-x-2 before:translate-y-2 after:translate-x-4 after:translate-y-4"
+      }
+    },
+    defaultVariants: {
+      variant: "extruded",
+      size: "default",
+      depth: "default"
+    }
+  }
+);
+var Text3D = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    depth,
+    children,
+    animate = false,
+    rotateOnHover = false,
+    glowOnHover = false,
+    pulseAnimation = false,
+    perspective = 1e3,
+    onMouseEnter,
+    onMouseLeave,
+    onMouseMove,
+    style,
+    ...props
+  }, ref) => {
+    const textRef = React.useRef(null);
+    const [isHovered, setIsHovered] = React.useState(false);
+    const [rotateTransform, setRotateTransform] = React.useState({ x: 0, y: 0 });
+    const updateRotation = React.useCallback(
+      (e) => {
+        if (!rotateOnHover || !textRef.current) return;
+        const rect = textRef.current.getBoundingClientRect();
+        const centerX = rect.left + rect.width / 2;
+        const centerY = rect.top + rect.height / 2;
+        const deltaX = (e.clientX - centerX) / (rect.width / 2);
+        const deltaY = (e.clientY - centerY) / (rect.height / 2);
+        setRotateTransform({
+          x: deltaY * -15,
+          y: deltaX * 15
+        });
+      },
+      [rotateOnHover]
+    );
+    const resetRotation = React.useCallback(() => {
+      setRotateTransform({ x: 0, y: 0 });
+    }, []);
+    const handleMouseEnter = React.useCallback(
+      (e) => {
+        setIsHovered(true);
+        onMouseEnter?.(e);
+      },
+      [onMouseEnter]
+    );
+    const handleMouseLeave = React.useCallback(
+      (e) => {
+        setIsHovered(false);
+        resetRotation();
+        onMouseLeave?.(e);
+      },
+      [onMouseLeave, resetRotation]
+    );
+    const handleMouseMove = React.useCallback(
+      (e) => {
+        if (rotateOnHover) {
+          updateRotation(e);
+        }
+        onMouseMove?.(e);
+      },
+      [onMouseMove, rotateOnHover, updateRotation]
+    );
+    React.useImperativeHandle(ref, () => textRef.current);
+    const textString = typeof children === "string" ? children : "";
+    const textStyle = {
+      ...style,
+      perspective: `${perspective}px`,
+      transform: rotateOnHover ? `perspective(${perspective}px) rotateX(${rotateTransform.x}deg) rotateY(${rotateTransform.y}deg)` : void 0,
+      transition: "all 300ms cubic-bezier(0.4, 0, 0.2, 1)",
+      filter: glowOnHover && isHovered ? "drop-shadow(0 0 20px currentColor) drop-shadow(0 0 40px currentColor)" : void 0
+    };
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        tag: "span",
+        ref: textRef,
+        className: cn(
+          text3DVariants({ variant, size, depth }),
+          animate && "animate-bounce",
+          pulseAnimation && "animate-pulse",
+          glowOnHover && "transition-all duration-300",
+          className
+        ),
+        style: textStyle,
+        "data-text": textString,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onMouseMove: handleMouseMove,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Text3D.displayName = "Text3D";
+var Text3DAnimated = React.forwardRef(
+  ({
+    children,
+    animationType = "typewriter",
+    duration = 2e3,
+    delay = 0,
+    ...props
+  }, ref) => {
+    const [displayText, setDisplayText] = React.useState("");
+    const [currentIndex, setCurrentIndex] = React.useState(0);
+    const text = typeof children === "string" ? children : "";
+    React.useEffect(() => {
+      if (animationType === "typewriter") {
+        const timer = setTimeout(
+          () => {
+            if (currentIndex < text.length) {
+              setDisplayText((prev) => prev + text[currentIndex]);
+              setCurrentIndex((prev) => prev + 1);
+            }
+          },
+          delay + currentIndex * duration / text.length
+        );
+        return () => clearTimeout(timer);
+      } else {
+        setDisplayText(text);
+      }
+    }, [currentIndex, text, animationType, duration, delay]);
+    if (animationType === "typewriter") {
+      return /* @__PURE__ */ jsxs(Text3D, { ref, ...props, children: [
+        displayText,
+        /* @__PURE__ */ jsx(Box, { tag: "span", className: "animate-pulse", children: "|" })
+      ] });
+    }
+    if (animationType === "wave") {
+      return /* @__PURE__ */ jsx(Text3D, { ref, ...props, children: text.split("").map((char, index) => /* @__PURE__ */ jsx(
+        Box,
+        {
+          tag: "span",
+          className: "inline-block animate-bounce",
+          style: {
+            animationDelay: `${delay + index * 100}ms`,
+            animationDuration: `${duration}ms`
+          },
+          children: char === " " ? "\xA0" : char
+        },
+        index
+      )) });
+    }
+    if (animationType === "flip") {
+      return /* @__PURE__ */ jsx(Text3D, { ref, ...props, children: text.split("").map((char, index) => /* @__PURE__ */ jsx(
+        Box,
+        {
+          tag: "span",
+          className: "inline-block transition-transform duration-300 hover:rotate-y-180",
+          style: {
+            transformStyle: "preserve-3d",
+            animationDelay: `${delay + index * 50}ms`
+          },
+          children: char === " " ? "\xA0" : char
+        },
+        index
+      )) });
+    }
+    return /* @__PURE__ */ jsx(Text3D, { ref, ...props, children });
+  }
+);
+Text3DAnimated.displayName = "Text3DAnimated";
+var Text3DPreset = {
+  Hero: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+    Text3D,
+    {
+      ref,
+      variant: "rainbow",
+      size: "6xl",
+      depth: "lg",
+      rotateOnHover: true,
+      glowOnHover: true,
+      ...props
+    }
+  )),
+  Neon: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+    Text3D,
+    {
+      ref,
+      variant: "neon",
+      size: "3xl",
+      depth: "default",
+      glowOnHover: true,
+      pulseAnimation: true,
+      ...props
+    }
+  )),
+  Metallic: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+    Text3D,
+    {
+      ref,
+      variant: "metallic",
+      size: "2xl",
+      depth: "default",
+      rotateOnHover: true,
+      ...props
+    }
+  )),
+  Fire: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+    Text3D,
+    {
+      ref,
+      variant: "fire",
+      size: "xl",
+      depth: "sm",
+      glowOnHover: true,
+      ...props
+    }
+  )),
+  Glass: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+    Text3D,
+    {
+      ref,
+      variant: "glass",
+      size: "lg",
+      depth: "sm",
+      rotateOnHover: true,
+      ...props
+    }
+  ))
+};
+Text3DPreset.Hero.displayName = "Text3DPreset.Hero";
+Text3DPreset.Neon.displayName = "Text3DPreset.Neon";
+Text3DPreset.Metallic.displayName = "Text3DPreset.Metallic";
+Text3DPreset.Fire.displayName = "Text3DPreset.Fire";
+Text3DPreset.Glass.displayName = "Text3DPreset.Glass";
+var Text3DFloating = React.forwardRef(({ children, floatIntensity = 5, floatSpeed = 2, ...props }, ref) => {
+  const text = typeof children === "string" ? children : "";
+  return /* @__PURE__ */ jsxs(Text3D, { ref, ...props, children: [
+    text.split("").map((char, index) => /* @__PURE__ */ jsx(
+      Box,
+      {
+        tag: "span",
+        className: "inline-block",
+        style: {
+          animation: `float ${floatSpeed}s ease-in-out infinite`,
+          animationDelay: `${index * 0.1}s`,
+          "--float-y": `${floatIntensity}px`
+        },
+        children: char === " " ? "\xA0" : char
+      },
+      index
+    )),
+    /* @__PURE__ */ jsx("style", { children: `
+        @keyframes float {
+          0%,
+          100% {
+            transform: translateY(0px);
+          }
+          50% {
+            transform: translateY(var(--float-y, -10px));
+          }
+        }
+      ` })
+  ] });
+});
+Text3DFloating.displayName = "Text3DFloating";
+
+export { Text3D, Text3DAnimated, Text3DFloating, Text3DPreset, text3DVariants };

package/dist/accordion.d.ts

@@ -1,7 +1,6 @@
 import { Accordion } from '@hanzo/gui';
 import * as React from 'react';
-
-interface AccordionRootProps extends Omit<React.ComponentProps<typeof Accordion>, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'size'> {
+export interface AccordionRootProps extends Omit<React.ComponentProps<typeof Accordion>, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'size'> {
     /** Controlled open items. */
     readonly value?: Array<string>;
     /** Uncontrolled initial open items. */
@@ -13,10 +12,10 @@ interface AccordionRootProps extends Omit<React.ComponentProps<typeof Accordion>
     readonly variant?: 'outline' | 'faq';
     readonly size?: 'sm' | 'md';
 }
-declare const AccordionRoot: ({ value, defaultValue, onValueChange, variant, size, children, ...rest }: AccordionRootProps) => React.ReactElement;
-type AccordionItemProps = React.ComponentProps<typeof Accordion.Item>;
-declare const AccordionItem: (props: AccordionItemProps) => React.ReactElement;
-type AccordionItemTriggerProps = React.ComponentProps<typeof Accordion.Trigger> & {
+export declare const AccordionRoot: ({ value, defaultValue, onValueChange, variant, size, children, ...rest }: AccordionRootProps) => React.ReactElement;
+export type AccordionItemProps = React.ComponentProps<typeof Accordion.Item>;
+export declare const AccordionItem: (props: AccordionItemProps) => React.ReactElement;
+export type AccordionItemTriggerProps = React.ComponentProps<typeof Accordion.Trigger> & {
     readonly indicatorPlacement?: 'start' | 'end';
     readonly noIndicator?: boolean;
     readonly variant?: 'outline' | 'faq';
@@ -24,11 +23,11 @@ type AccordionItemTriggerProps = React.ComponentProps<typeof Accordion.Trigger>
     /** The DOM button type — see (3) above. Defaults to `button`, not submit. */
     readonly type?: 'button' | 'submit' | 'reset';
 };
-declare const AccordionItemTrigger: ({ children, indicatorPlacement: placementProp, variant: variantProp, noIndicator, headingLevel, ...rest }: AccordionItemTriggerProps) => React.ReactElement;
-type AccordionItemContentProps = React.ComponentProps<typeof Accordion.Content>;
-declare const AccordionItemContent: ({ children, ...rest }: AccordionItemContentProps) => React.ReactElement;
+export declare const AccordionItemTrigger: ({ children, indicatorPlacement: placementProp, variant: variantProp, noIndicator, headingLevel, ...rest }: AccordionItemTriggerProps) => React.ReactElement;
+export type AccordionItemContentProps = React.ComponentProps<typeof Accordion.Content>;
+export declare const AccordionItemContent: ({ children, ...rest }: AccordionItemContentProps) => React.ReactElement;
 /** Open state for an accordion whose items are addressable by URL fragment. */
-declare function useAccordion(items: Array<{
+export declare function useAccordion(items: Array<{
     id: string;
 }>): {
     value: string[];
@@ -37,5 +36,4 @@ declare function useAccordion(items: Array<{
     }) => void;
     scrollToItemFromUrl: () => void;
 };
-
-export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, type AccordionItemProps, AccordionItemTrigger, type AccordionItemTriggerProps, AccordionRoot, type AccordionRootProps, useAccordion };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../src/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmE/B,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,MAAM,CAAC;IAElH,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE/B,uCAAuC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEtC,6CAA6C;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IAErE,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACrC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC7B;AAID,eAAO,MAAM,aAAa,GAAI,0EAQ3B,kBAAkB,KAAG,KAAK,CAAC,YAgB7B,CAAC;AAMF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAE7E,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,KAAK,CAAC,YAO/D,CAAC;AAMF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,GAAG;IACvF,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC9C,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAE9C,6EAA6E;IAC7E,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,2GAOlC,yBAAyB,KAAG,KAAK,CAAC,YAmCpC,CAAC;AAMF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;AAEvF,eAAO,MAAM,oBAAoB,GAAI,uBAAuB,yBAAyB,KAAG,KAAK,CAAC,YAU7F,CAAC;AAMF,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;;qCAGG;QAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE;;EAmBnF"}

package/dist/advanced-chart.cjs

@@ -0,0 +1,53 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function AdvancedChart({ symbol = "NASDAQ:AAPL" }) {
+  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-advanced-chart.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      width: "100%",
+      height: "600",
+      symbol,
+      interval: "D",
+      timezone: "Etc/UTC",
+      theme: "dark",
+      style: "1",
+      locale: "en",
+      allow_symbol_change: true,
+      calendar: false,
+      support_host: "https://www.tradingview.com"
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, [symbol]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      className: "tradingview-widget-container w-full h-[600px]",
+      ref: container,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container__widget h-full" })
+    }
+  );
+}
+var advanced_chart_default = react.memo(AdvancedChart);
+
+module.exports = advanced_chart_default;

package/dist/advanced-chart.d.ts

@@ -0,0 +1,6 @@
+declare function AdvancedChart({ symbol }: {
+    symbol?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AdvancedChart>;
+export default _default;
+//# sourceMappingURL=advanced-chart.d.ts.map

package/dist/advanced-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-chart.d.ts","sourceRoot":"","sources":["../src/advanced-chart.tsx"],"names":[],"mappings":"AAKA,iBAAS,aAAa,CAAC,EAAE,MAAsB,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,2CAuDrE;;AAED,wBAAkC"}

package/dist/advanced-chart.js

@@ -0,0 +1,51 @@
+"use client";
+import { memo, useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function AdvancedChart({ symbol = "NASDAQ:AAPL" }) {
+  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-advanced-chart.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      width: "100%",
+      height: "600",
+      symbol,
+      interval: "D",
+      timezone: "Etc/UTC",
+      theme: "dark",
+      style: "1",
+      locale: "en",
+      allow_symbol_change: true,
+      calendar: false,
+      support_host: "https://www.tradingview.com"
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, [symbol]);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: "tradingview-widget-container w-full h-[600px]",
+      ref: container,
+      children: /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container__widget h-full" })
+    }
+  );
+}
+var advanced_chart_default = memo(AdvancedChart);
+
+export { advanced_chart_default as default };