@luxfi/ui 8.0.0 → 8.2.0

package/dist/lux.config.d.ts

@@ -133,109 +133,109 @@ export declare const config: import("@hanzogui/web").GuiInternalConfig<Omit<{
     dark_hanzo: import("@hanzogui/config/v5").V5Theme;
     dark_pars: import("@hanzogui/config/v5").V5Theme;
     dark_bootnode: import("@hanzogui/config/v5").V5Theme;
-    light: import("@hanzogui/config/v5").V5Theme;
-    light_accent: import("@hanzogui/config/v5").V5Theme;
     dark_accent: import("@hanzogui/config/v5").V5Theme;
-    light_black: import("@hanzogui/config/v5").V5Theme;
-    light_white: import("@hanzogui/config/v5").V5Theme;
-    light_gray: import("@hanzogui/config/v5").V5Theme;
-    light_blue: import("@hanzogui/config/v5").V5Theme;
-    light_red: import("@hanzogui/config/v5").V5Theme;
-    light_yellow: import("@hanzogui/config/v5").V5Theme;
-    light_green: import("@hanzogui/config/v5").V5Theme;
-    light_orange: import("@hanzogui/config/v5").V5Theme;
-    light_pink: import("@hanzogui/config/v5").V5Theme;
-    light_purple: import("@hanzogui/config/v5").V5Theme;
-    light_teal: import("@hanzogui/config/v5").V5Theme;
-    light_neutral: import("@hanzogui/config/v5").V5Theme;
     dark_black: import("@hanzogui/config/v5").V5Theme;
-    dark_white: import("@hanzogui/config/v5").V5Theme;
-    dark_gray: import("@hanzogui/config/v5").V5Theme;
+    dark_black_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_black_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_black_surface2: import("@hanzogui/config/v5").V5Theme;
     dark_blue: import("@hanzogui/config/v5").V5Theme;
-    dark_red: import("@hanzogui/config/v5").V5Theme;
-    dark_yellow: import("@hanzogui/config/v5").V5Theme;
+    dark_blue_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_blue_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_blue_surface2: import("@hanzogui/config/v5").V5Theme;
+    dark_gray: import("@hanzogui/config/v5").V5Theme;
+    dark_gray_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_gray_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_gray_surface2: import("@hanzogui/config/v5").V5Theme;
     dark_green: import("@hanzogui/config/v5").V5Theme;
+    dark_green_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_green_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_green_surface2: import("@hanzogui/config/v5").V5Theme;
+    dark_neutral: import("@hanzogui/config/v5").V5Theme;
+    dark_neutral_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_neutral_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_neutral_surface2: import("@hanzogui/config/v5").V5Theme;
     dark_orange: import("@hanzogui/config/v5").V5Theme;
+    dark_orange_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_orange_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_orange_surface2: import("@hanzogui/config/v5").V5Theme;
     dark_pink: import("@hanzogui/config/v5").V5Theme;
+    dark_pink_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_pink_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_pink_surface2: import("@hanzogui/config/v5").V5Theme;
     dark_purple: import("@hanzogui/config/v5").V5Theme;
-    dark_teal: import("@hanzogui/config/v5").V5Theme;
-    dark_neutral: import("@hanzogui/config/v5").V5Theme;
-    light_surface1: import("@hanzogui/config/v5").V5Theme;
-    light_white_surface1: import("@hanzogui/config/v5").V5Theme;
-    light_surface2: import("@hanzogui/config/v5").V5Theme;
-    light_white_surface2: import("@hanzogui/config/v5").V5Theme;
+    dark_purple_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_purple_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_purple_surface2: import("@hanzogui/config/v5").V5Theme;
+    dark_red: import("@hanzogui/config/v5").V5Theme;
+    dark_red_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_red_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_red_surface2: import("@hanzogui/config/v5").V5Theme;
     dark_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_black_surface1: import("@hanzogui/config/v5").V5Theme;
     dark_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_black_surface2: import("@hanzogui/config/v5").V5Theme;
+    dark_teal: import("@hanzogui/config/v5").V5Theme;
+    dark_teal_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_teal_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_teal_surface2: import("@hanzogui/config/v5").V5Theme;
+    dark_white: import("@hanzogui/config/v5").V5Theme;
+    dark_white_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_white_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_white_surface2: import("@hanzogui/config/v5").V5Theme;
+    dark_yellow: import("@hanzogui/config/v5").V5Theme;
+    dark_yellow_accent: import("@hanzogui/config/v5").V5Theme;
+    dark_yellow_surface1: import("@hanzogui/config/v5").V5Theme;
+    dark_yellow_surface2: import("@hanzogui/config/v5").V5Theme;
+    light: import("@hanzogui/config/v5").V5Theme;
+    light_accent: import("@hanzogui/config/v5").V5Theme;
+    light_black: import("@hanzogui/config/v5").V5Theme;
     light_black_accent: import("@hanzogui/config/v5").V5Theme;
     light_black_surface1: import("@hanzogui/config/v5").V5Theme;
     light_black_surface2: import("@hanzogui/config/v5").V5Theme;
-    light_white_accent: import("@hanzogui/config/v5").V5Theme;
-    light_gray_accent: import("@hanzogui/config/v5").V5Theme;
-    light_gray_surface1: import("@hanzogui/config/v5").V5Theme;
-    light_gray_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_blue: import("@hanzogui/config/v5").V5Theme;
     light_blue_accent: import("@hanzogui/config/v5").V5Theme;
     light_blue_surface1: import("@hanzogui/config/v5").V5Theme;
     light_blue_surface2: import("@hanzogui/config/v5").V5Theme;
-    light_red_accent: import("@hanzogui/config/v5").V5Theme;
-    light_red_surface1: import("@hanzogui/config/v5").V5Theme;
-    light_red_surface2: import("@hanzogui/config/v5").V5Theme;
-    light_yellow_accent: import("@hanzogui/config/v5").V5Theme;
-    light_yellow_surface1: import("@hanzogui/config/v5").V5Theme;
-    light_yellow_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_gray: import("@hanzogui/config/v5").V5Theme;
+    light_gray_accent: import("@hanzogui/config/v5").V5Theme;
+    light_gray_surface1: import("@hanzogui/config/v5").V5Theme;
+    light_gray_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_green: import("@hanzogui/config/v5").V5Theme;
     light_green_accent: import("@hanzogui/config/v5").V5Theme;
     light_green_surface1: import("@hanzogui/config/v5").V5Theme;
     light_green_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_neutral: import("@hanzogui/config/v5").V5Theme;
+    light_neutral_accent: import("@hanzogui/config/v5").V5Theme;
+    light_neutral_surface1: import("@hanzogui/config/v5").V5Theme;
+    light_neutral_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_orange: import("@hanzogui/config/v5").V5Theme;
     light_orange_accent: import("@hanzogui/config/v5").V5Theme;
     light_orange_surface1: import("@hanzogui/config/v5").V5Theme;
     light_orange_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_pink: import("@hanzogui/config/v5").V5Theme;
     light_pink_accent: import("@hanzogui/config/v5").V5Theme;
     light_pink_surface1: import("@hanzogui/config/v5").V5Theme;
     light_pink_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_purple: import("@hanzogui/config/v5").V5Theme;
     light_purple_accent: import("@hanzogui/config/v5").V5Theme;
     light_purple_surface1: import("@hanzogui/config/v5").V5Theme;
     light_purple_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_red: import("@hanzogui/config/v5").V5Theme;
+    light_red_accent: import("@hanzogui/config/v5").V5Theme;
+    light_red_surface1: import("@hanzogui/config/v5").V5Theme;
+    light_red_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_surface1: import("@hanzogui/config/v5").V5Theme;
+    light_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_teal: import("@hanzogui/config/v5").V5Theme;
     light_teal_accent: import("@hanzogui/config/v5").V5Theme;
     light_teal_surface1: import("@hanzogui/config/v5").V5Theme;
     light_teal_surface2: import("@hanzogui/config/v5").V5Theme;
-    light_neutral_accent: import("@hanzogui/config/v5").V5Theme;
-    light_neutral_surface1: import("@hanzogui/config/v5").V5Theme;
-    light_neutral_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_black_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_white_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_white_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_white_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_gray_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_gray_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_gray_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_blue_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_blue_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_blue_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_red_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_red_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_red_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_yellow_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_yellow_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_yellow_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_green_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_green_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_green_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_orange_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_orange_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_orange_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_pink_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_pink_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_pink_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_purple_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_purple_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_purple_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_teal_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_teal_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_teal_surface2: import("@hanzogui/config/v5").V5Theme;
-    dark_neutral_accent: import("@hanzogui/config/v5").V5Theme;
-    dark_neutral_surface1: import("@hanzogui/config/v5").V5Theme;
-    dark_neutral_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_white: import("@hanzogui/config/v5").V5Theme;
+    light_white_accent: import("@hanzogui/config/v5").V5Theme;
+    light_white_surface1: import("@hanzogui/config/v5").V5Theme;
+    light_white_surface2: import("@hanzogui/config/v5").V5Theme;
+    light_yellow: import("@hanzogui/config/v5").V5Theme;
+    light_yellow_accent: import("@hanzogui/config/v5").V5Theme;
+    light_yellow_surface1: import("@hanzogui/config/v5").V5Theme;
+    light_yellow_surface2: import("@hanzogui/config/v5").V5Theme;
 }, {
     text: "textAlign";
     b: "bottom";
@@ -935,18 +935,17 @@ export declare const config: import("@hanzogui/web").GuiInternalConfig<Omit<{
         };
     };
 }, {
-    onlyAllowShorthands: false;
     mediaQueryDefaultActive: {
         touchable: boolean;
         hoverable: boolean;
-        "max-xxl": boolean;
-        "max-xl": boolean;
-        "max-lg": boolean;
-        "max-md": boolean;
-        "max-sm": boolean;
-        "max-xs": boolean;
-        "max-xxs": boolean;
-        "max-xxxs": boolean;
+        'max-xxl': boolean;
+        'max-xl': boolean;
+        'max-lg': boolean;
+        'max-md': boolean;
+        'max-sm': boolean;
+        'max-xs': boolean;
+        'max-xxs': boolean;
+        'max-xxxs': boolean;
         xxxs: boolean;
         xxs: boolean;
         xs: boolean;
@@ -955,12 +954,12 @@ export declare const config: import("@hanzogui/web").GuiInternalConfig<Omit<{
         lg: boolean;
         xl: boolean;
         xxl: boolean;
-        "max-height-sm": boolean;
-        "max-height-md": boolean;
-        "max-height-lg": boolean;
-        "height-sm": boolean;
-        "height-md": boolean;
-        "height-lg": boolean;
+        'max-height-sm': boolean;
+        'max-height-md': boolean;
+        'max-height-lg': boolean;
+        'height-sm': boolean;
+        'height-md': boolean;
+        'height-lg': boolean;
     };
     defaultFont: string;
     fastSchemeChange: true;
@@ -968,6 +967,7 @@ export declare const config: import("@hanzogui/web").GuiInternalConfig<Omit<{
     allowedStyleValues: "somewhat-strict-web";
     addThemeClassName: "html";
     styleCompat: "web";
+    onlyAllowShorthands: false;
 }, "default">;
 export type Conf = typeof config;
 declare module '@hanzo/gui' {

package/dist/lux.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lux.config.d.ts","sourceRoot":"","sources":["../src/lux.config.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AA+BpE,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC;AA+BF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAqB0lV,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAmE,CAAC;sBAAgC,CAAC;;;sBAAqE,CAAC;sBAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAAi6J,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAmE,CAAC;sBAAgC,CAAC;;;sBAAqE,CAAC;sBAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAAgyK,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAkE,CAAC;sBAAgC,CAAC;;;sBAAmE,CAAC;sBAAgC,CAAC;;;sBAAqE,CAAC;sBAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aATt1vB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,OAAO,MAAM,CAAC;AAEjC,OAAO,QAAQ,YAAY,CAAC;IAC1B,UAAU,eAAgB,SAAQ,IAAI;KAAG;CAC1C;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"lux.config.d.ts","sourceRoot":"","sources":["../src/lux.config.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AA+BpE,eAAO,MAAM,SAAS;IACpB,IAAI;IACJ,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,aAAa;CACd,CAAC;AA+BF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAYjB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,OAAO,MAAM,CAAC;AAEjC,OAAO,QAAQ,YAAY,CAAC;IAC1B,UAAU,eAAgB,SAAQ,IAAI;KAAG;CAC1C;eAEc,MAAM"}

package/dist/magnetic.cjs

@@ -0,0 +1,63 @@
+"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);
+
+var Magnetic = React__namespace.forwardRef(
+  ({ className, children, strength = 0.3, ...props }, ref) => {
+    const [position, setPosition] = React__namespace.useState({ x: 0, y: 0 });
+    const elementRef = React__namespace.useRef(null);
+    const handleMouseMove = (e) => {
+      const element = elementRef.current;
+      if (!element) return;
+      const rect = element.getBoundingClientRect();
+      const centerX = rect.left + rect.width / 2;
+      const centerY = rect.top + rect.height / 2;
+      const deltaX = (e.clientX - centerX) * strength;
+      const deltaY = (e.clientY - centerY) * strength;
+      setPosition({ x: deltaX, y: deltaY });
+    };
+    const handleMouseLeave = () => {
+      setPosition({ x: 0, y: 0 });
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Box,
+      {
+        ref: elementRef,
+        className: ui.cn("transition-transform", className),
+        style: {
+          transform: `translate(${position.x}px, ${position.y}px)`
+        },
+        onMouseMove: handleMouseMove,
+        onMouseLeave: handleMouseLeave,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Magnetic.displayName = "Magnetic";
+
+exports.Magnetic = Magnetic;

package/dist/magnetic.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface MagneticProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    strength?: number;
+}
+declare const Magnetic: React.ForwardRefExoticComponent<MagneticProps & React.RefAttributes<HTMLDivElement>>;
+export { Magnetic };
+//# sourceMappingURL=magnetic.d.ts.map

package/dist/magnetic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magnetic.d.ts","sourceRoot":"","sources":["../src/magnetic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,sFAsCb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/magnetic.js

@@ -0,0 +1,41 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+var Magnetic = React.forwardRef(
+  ({ className, children, strength = 0.3, ...props }, ref) => {
+    const [position, setPosition] = React.useState({ x: 0, y: 0 });
+    const elementRef = React.useRef(null);
+    const handleMouseMove = (e) => {
+      const element = elementRef.current;
+      if (!element) return;
+      const rect = element.getBoundingClientRect();
+      const centerX = rect.left + rect.width / 2;
+      const centerY = rect.top + rect.height / 2;
+      const deltaX = (e.clientX - centerX) * strength;
+      const deltaY = (e.clientY - centerY) * strength;
+      setPosition({ x: deltaX, y: deltaY });
+    };
+    const handleMouseLeave = () => {
+      setPosition({ x: 0, y: 0 });
+    };
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref: elementRef,
+        className: cn("transition-transform", className),
+        style: {
+          transform: `translate(${position.x}px, ${position.y}px)`
+        },
+        onMouseMove: handleMouseMove,
+        onMouseLeave: handleMouseLeave,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Magnetic.displayName = "Magnetic";
+
+export { Magnetic };

package/dist/market-overview.cjs

@@ -0,0 +1,102 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function MarketOverview() {
+  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-market-overview.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      colorTheme: "dark",
+      dateRange: "12M",
+      locale: "en",
+      largeChartUrl: "",
+      isTransparent: false,
+      showFloatingTooltip: false,
+      plotLineColorGrowing: "rgba(41, 98, 255, 1)",
+      plotLineColorFalling: "rgba(41, 98, 255, 1)",
+      gridLineColor: "rgba(240, 243, 250, 0)",
+      scaleFontColor: "#DBDBDB",
+      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: [
+        {
+          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" }
+          ],
+          originalTitle: "Indices"
+        },
+        {
+          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" }
+          ],
+          originalTitle: "Futures"
+        },
+        {
+          title: "Bonds",
+          symbols: [
+            { s: "EUREX:FGBL1!", d: "Euro Bund" },
+            { s: "EUREX:FBTP1!", d: "Euro BTP" },
+            { s: "EUREX:FGBM1!", d: "Euro BOBL" }
+          ],
+          originalTitle: "Bonds"
+        },
+        {
+          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" }
+          ],
+          originalTitle: "Forex"
+        }
+      ],
+      support_host: "https://www.tradingview.com",
+      backgroundColor: "#0f0f0f",
+      width: "100%",
+      height: "550",
+      showSymbolLogo: true,
+      showChart: true
+    });
+    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 market_overview_default = react.memo(MarketOverview);
+
+module.exports = market_overview_default;

package/dist/market-overview.d.ts

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

package/dist/market-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"market-overview.d.ts","sourceRoot":"","sources":["../src/market-overview.tsx"],"names":[],"mappings":"AAKA,iBAAS,cAAc,gCA4GtB"}

package/dist/market-overview.js

@@ -0,0 +1,100 @@
+"use client";
+import { memo, useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function MarketOverview() {
+  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-market-overview.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      colorTheme: "dark",
+      dateRange: "12M",
+      locale: "en",
+      largeChartUrl: "",
+      isTransparent: false,
+      showFloatingTooltip: false,
+      plotLineColorGrowing: "rgba(41, 98, 255, 1)",
+      plotLineColorFalling: "rgba(41, 98, 255, 1)",
+      gridLineColor: "rgba(240, 243, 250, 0)",
+      scaleFontColor: "#DBDBDB",
+      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: [
+        {
+          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" }
+          ],
+          originalTitle: "Indices"
+        },
+        {
+          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" }
+          ],
+          originalTitle: "Futures"
+        },
+        {
+          title: "Bonds",
+          symbols: [
+            { s: "EUREX:FGBL1!", d: "Euro Bund" },
+            { s: "EUREX:FBTP1!", d: "Euro BTP" },
+            { s: "EUREX:FGBM1!", d: "Euro BOBL" }
+          ],
+          originalTitle: "Bonds"
+        },
+        {
+          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" }
+          ],
+          originalTitle: "Forex"
+        }
+      ],
+      support_host: "https://www.tradingview.com",
+      backgroundColor: "#0f0f0f",
+      width: "100%",
+      height: "550",
+      showSymbolLogo: true,
+      showChart: true
+    });
+    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 market_overview_default = memo(MarketOverview);
+
+export { market_overview_default as default };

package/dist/marquee.cjs

@@ -0,0 +1,67 @@
+"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);
+
+var Marquee = React__namespace.forwardRef(
+  ({
+    className,
+    children,
+    repeat = 2,
+    reverse = false,
+    pauseOnHover = false,
+    vertical = false,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Box,
+      {
+        ref,
+        className: ui.cn(
+          "group flex overflow-hidden",
+          vertical ? "flex-col" : "flex-row",
+          className
+        ),
+        ...props,
+        children: Array.from({ length: repeat }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Box,
+          {
+            className: ui.cn(
+              "flex shrink-0",
+              vertical ? "animate-marquee-vertical flex-col" : "animate-marquee",
+              reverse && (vertical ? "[animation-direction:reverse]" : "[animation-direction:reverse]"),
+              pauseOnHover && "group-hover:[animation-play-state:paused]"
+            ),
+            children
+          },
+          i
+        ))
+      }
+    );
+  }
+);
+Marquee.displayName = "Marquee";
+
+exports.Marquee = Marquee;

package/dist/marquee.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
+    repeat?: number;
+    reverse?: boolean;
+    pauseOnHover?: boolean;
+    vertical?: boolean;
+}
+declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
+export { Marquee };
+//# sourceMappingURL=marquee.d.ts.map