@luxfi/ui 8.0.0 → 8.1.0

package/dist/status.cjs

@@ -0,0 +1,85 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/status.tsx
+var statusVariants = ui.variants(
+  "inline-flex items-center gap-2 rounded-full px-2.5 py-0.5 text-xs font-medium",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary/10 text-primary",
+        success: "bg-[var(--lux-state-success)] text-[var(--lux-state-success)] dark:bg-[var(--lux-state-success)]/30 dark:text-[var(--lux-state-success)]",
+        warning: "bg-[var(--lux-state-notice)] text-[var(--lux-state-notice)] dark:bg-[var(--lux-state-notice)]/30 dark:text-[var(--lux-state-notice)]",
+        error: "bg-[var(--lux-state-error)] text-[var(--lux-state-error)] dark:bg-[var(--lux-state-error)]/30 dark:text-[var(--lux-state-error)]",
+        info: "bg-[var(--color-link-primary)] text-[var(--color-link-primary)] dark:bg-[var(--color-link-primary)]/30 dark:text-[var(--color-link-primary)]",
+        gray: "bg-[var(--color-bg-body)] text-[var(--color-text-primary)] dark:bg-[var(--color-bg-primary)]/30 dark:text-[var(--color-text-secondary)]"
+      },
+      dot: {
+        true: "pl-1.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      dot: "true"
+    }
+  }
+);
+var Status = React__namespace.forwardRef(
+  ({ className, variant, dot, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Box,
+      {
+        tag: "span",
+        ref,
+        className: ui.cn(statusVariants({ variant, dot }), className),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Box,
+            {
+              tag: "span",
+              className: ui.cn(
+                "h-1.5 w-1.5 rounded-full",
+                variant === "success" && "bg-[var(--lux-state-success)]",
+                variant === "warning" && "bg-[var(--lux-state-notice)]",
+                variant === "error" && "bg-[var(--lux-state-error)]",
+                variant === "info" && "bg-[var(--color-link-primary)]",
+                variant === "gray" && "bg-[var(--color-bg-body)]",
+                variant === "default" && "bg-primary"
+              )
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+Status.displayName = "Status";
+
+exports.Status = Status;
+exports.statusVariants = statusVariants;

package/dist/status.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { VariantProps } from '@hanzo/ui';
+declare const statusVariants: (choice?: (import("@hanzo/ui").Choice<{
+    variant: {
+        default: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        gray: string;
+    };
+    dot: {
+        true: string;
+    };
+}> & {
+    class?: import("@hanzo/ui").ClassValue;
+    className?: import("@hanzo/ui").ClassValue;
+}) | undefined) => string;
+export interface StatusProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusVariants> {
+}
+declare const Status: React.ForwardRefExoticComponent<StatusProps & React.RefAttributes<HTMLSpanElement>>;
+export { Status, statusVariants };
+//# sourceMappingURL=status.d.ts.map

package/dist/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../src/status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,YAAY,EAAY,MAAM,WAAW,CAAA;AAIvD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;yBAuBnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,QAAA,MAAM,MAAM,qFAyBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/status.js

@@ -0,0 +1,62 @@
+"use client";
+import * as React from 'react';
+import { variants, Box, cn } from '@hanzo/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/status.tsx
+var statusVariants = variants(
+  "inline-flex items-center gap-2 rounded-full px-2.5 py-0.5 text-xs font-medium",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary/10 text-primary",
+        success: "bg-[var(--lux-state-success)] text-[var(--lux-state-success)] dark:bg-[var(--lux-state-success)]/30 dark:text-[var(--lux-state-success)]",
+        warning: "bg-[var(--lux-state-notice)] text-[var(--lux-state-notice)] dark:bg-[var(--lux-state-notice)]/30 dark:text-[var(--lux-state-notice)]",
+        error: "bg-[var(--lux-state-error)] text-[var(--lux-state-error)] dark:bg-[var(--lux-state-error)]/30 dark:text-[var(--lux-state-error)]",
+        info: "bg-[var(--color-link-primary)] text-[var(--color-link-primary)] dark:bg-[var(--color-link-primary)]/30 dark:text-[var(--color-link-primary)]",
+        gray: "bg-[var(--color-bg-body)] text-[var(--color-text-primary)] dark:bg-[var(--color-bg-primary)]/30 dark:text-[var(--color-text-secondary)]"
+      },
+      dot: {
+        true: "pl-1.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      dot: "true"
+    }
+  }
+);
+var Status = React.forwardRef(
+  ({ className, variant, dot, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        tag: "span",
+        ref,
+        className: cn(statusVariants({ variant, dot }), className),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsx(
+            Box,
+            {
+              tag: "span",
+              className: cn(
+                "h-1.5 w-1.5 rounded-full",
+                variant === "success" && "bg-[var(--lux-state-success)]",
+                variant === "warning" && "bg-[var(--lux-state-notice)]",
+                variant === "error" && "bg-[var(--lux-state-error)]",
+                variant === "info" && "bg-[var(--color-link-primary)]",
+                variant === "gray" && "bg-[var(--color-bg-body)]",
+                variant === "default" && "bg-primary"
+              )
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+Status.displayName = "Status";
+
+export { Status, statusVariants };

package/dist/stock-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 StockScreener() {
+  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: "america",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "most_capitalized",
+      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 stock_screener_default = react.memo(StockScreener);
+
+module.exports = stock_screener_default;

package/dist/stock-screener.d.ts

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

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

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

package/dist/stock-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 StockScreener() {
+  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: "america",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "most_capitalized",
+      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 stock_screener_default = memo(StockScreener);
+
+export { stock_screener_default as default };

package/dist/switch.cjs

@@ -63,7 +63,7 @@ var SwitchBase = React__namespace.forwardRef(
         if (!isControlled) {
           setInternalChecked(nextChecked);
         }
-        onCheckedChange?.({ checked: nextChecked });
+        onCheckedChange?.(nextChecked);
       },
       [isControlled, onCheckedChange]
     );

package/dist/switch.d.ts

@@ -13,9 +13,7 @@ export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'
     };
     checked?: boolean;
     defaultChecked?: boolean;
-    onCheckedChange?: (details: {
-        checked: boolean;
-    }) => void;
+    onCheckedChange?: (checked: boolean) => void;
     onChange?: React.FormEventHandler<HTMLLabelElement>;
     disabled?: boolean;
     size?: 'sm' | 'md' | 'lg';

package/dist/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IACpG,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3D,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B;AA2HD,eAAO,MAAM,MAAM,sFAAa,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IACpG,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3D,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B;AA2HD,eAAO,MAAM,MAAM,sFAAa,CAAC"}

package/dist/switch.js

@@ -41,7 +41,7 @@ var SwitchBase = React.forwardRef(
         if (!isControlled) {
           setInternalChecked(nextChecked);
         }
-        onCheckedChange?.({ checked: nextChecked });
+        onCheckedChange?.(nextChecked);
       },
       [isControlled, onCheckedChange]
     );

package/dist/symbol-info.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 SymbolInfo({
+  symbol = "NASDAQ:AAPL",
+  width = "100%",
+  locale = "en",
+  colorTheme = "dark",
+  isTransparent = false
+}) {
+  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-symbol-info.js";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      symbol,
+      width,
+      locale,
+      colorTheme,
+      isTransparent
+    });
+    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, locale, colorTheme, isTransparent]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container", ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container__widget" }) });
+}
+
+module.exports = SymbolInfo;

package/dist/symbol-info.d.ts

@@ -0,0 +1,9 @@
+export interface SymbolInfoProps {
+    symbol?: string;
+    width?: string | number;
+    locale?: string;
+    colorTheme?: "light" | "dark";
+    isTransparent?: boolean;
+}
+export default function SymbolInfo({ symbol, width, locale, colorTheme, isTransparent, }: SymbolInfoProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=symbol-info.d.ts.map

package/dist/symbol-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-info.d.ts","sourceRoot":"","sources":["../src/symbol-info.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,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAsB,EACtB,KAAc,EACd,MAAa,EACb,UAAmB,EACnB,aAAqB,GACtB,EAAE,eAAe,2CA4CjB"}

package/dist/symbol-info.js

@@ -0,0 +1,42 @@
+"use client";
+import { useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function SymbolInfo({
+  symbol = "NASDAQ:AAPL",
+  width = "100%",
+  locale = "en",
+  colorTheme = "dark",
+  isTransparent = false
+}) {
+  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-symbol-info.js";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      symbol,
+      width,
+      locale,
+      colorTheme,
+      isTransparent
+    });
+    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, locale, colorTheme, isTransparent]);
+  return /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container", ref: containerRef, children: /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container__widget" }) });
+}
+
+export { SymbolInfo as default };