@luxfi/ui 8.2.6 → 8.2.8

package/dist/team-switcher-navigation-bar.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/technical-analysis.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/technical-analysis.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { useRef, useEffect } from 'react';
 import { Box } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/terminal.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/terminal.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn, css } from '@hanzo/ui';
 import { Check, Copy } from 'lucide-react';

package/dist/textarea.cjs

@@ -1,63 +1,16 @@
-"use client";
+'use client';
 'use strict';
 
 var gui = require('@hanzo/gui');
 var React = require('react');
+var input_js = require('./input.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-// src/textarea.tsx
 var SIZE = {
-  xs: { height: 24, paddingHorizontal: 8, fontSize: "$1", borderRadius: 4 },
-  sm: { height: 32, paddingHorizontal: 12, fontSize: "$3", borderRadius: 6 },
-  md: { height: 40, paddingHorizontal: 16, fontSize: "$5", borderRadius: 6 },
-  lg: { height: 48, paddingHorizontal: 16, fontSize: "$6", borderRadius: 8 },
-  "2xl": { height: 56, paddingHorizontal: 16, fontSize: "$7", borderRadius: 8 }
-};
-var VARIANT = {
-  outline: { borderWidth: 1, borderStyle: "solid" },
-  filled: { borderWidth: 0, backgroundColor: "var(--color-input-filled-bg)" },
-  unstyled: { borderWidth: 0, backgroundColor: "transparent", padding: 0, height: "auto" }
-};
-var CONTROL = {
-  width: "100%",
-  outlineWidth: 0,
-  backgroundColor: "var(--color-input-bg)",
-  color: "var(--color-input-fg)",
-  borderColor: "var(--color-input-border)",
-  hoverStyle: { borderColor: "var(--color-input-border-hover)" },
-  focusStyle: { borderColor: "var(--color-input-border-focus)" },
-  disabledStyle: { opacity: 0.4, cursor: "not-allowed" }
-};
-var Input = React__default.default.forwardRef(
-  ({ size = "md", variant = "outline", className, onChange, onChangeText, ...rest }, ref) => {
-    const handleChange = React__default.default.useCallback(
-      (event) => {
-        onChange?.(event);
-        onChangeText?.(event.target.value);
-      },
-      [onChange, onChangeText]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      gui.Input,
-      {
-        ref,
-        unstyled: true,
-        className: className ? `lux-control ${className}` : "lux-control",
-        ...CONTROL,
-        ...SIZE[size],
-        ...VARIANT[variant],
-        ...rest,
-        onChange: handleChange
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-var SIZE2 = {
   xs: { paddingHorizontal: 8, paddingVertical: 4, fontSize: "$1", borderRadius: 4 },
   sm: { paddingHorizontal: 12, paddingVertical: 8, fontSize: "$3", borderRadius: 6 },
   md: { paddingHorizontal: 16, paddingVertical: 8, fontSize: "$5", borderRadius: 6 },
@@ -79,9 +32,9 @@ var Textarea = React__default.default.forwardRef(
         ref,
         unstyled: true,
         className: className ? `lux-control ${className}` : "lux-control",
-        ...CONTROL,
-        ...SIZE2[size],
-        ...VARIANT[variant],
+        ...input_js.CONTROL,
+        ...SIZE[size],
+        ...input_js.VARIANT[variant],
         ...rest,
         onChange: handleChange
       }

package/dist/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../src/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtD,KAAK,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC1F,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IAEnC,oFAAoF;IACpF,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAWD,eAAO,MAAM,QAAQ,wGAuBpB,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../src/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtD,KAAK,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC1F,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IAEnC,oFAAoF;IACpF,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAWD,eAAO,MAAM,QAAQ,wGAuBpB,CAAC"}

package/dist/textarea.js

@@ -1,57 +1,10 @@
-"use client";
-import { Input as Input$1, TextArea } from '@hanzo/gui';
+'use client';
+import { TextArea } from '@hanzo/gui';
 import React from 'react';
+import { VARIANT, CONTROL } from './input.js';
 import { jsx } from 'react/jsx-runtime';
 
-// src/textarea.tsx
 var SIZE = {
-  xs: { height: 24, paddingHorizontal: 8, fontSize: "$1", borderRadius: 4 },
-  sm: { height: 32, paddingHorizontal: 12, fontSize: "$3", borderRadius: 6 },
-  md: { height: 40, paddingHorizontal: 16, fontSize: "$5", borderRadius: 6 },
-  lg: { height: 48, paddingHorizontal: 16, fontSize: "$6", borderRadius: 8 },
-  "2xl": { height: 56, paddingHorizontal: 16, fontSize: "$7", borderRadius: 8 }
-};
-var VARIANT = {
-  outline: { borderWidth: 1, borderStyle: "solid" },
-  filled: { borderWidth: 0, backgroundColor: "var(--color-input-filled-bg)" },
-  unstyled: { borderWidth: 0, backgroundColor: "transparent", padding: 0, height: "auto" }
-};
-var CONTROL = {
-  width: "100%",
-  outlineWidth: 0,
-  backgroundColor: "var(--color-input-bg)",
-  color: "var(--color-input-fg)",
-  borderColor: "var(--color-input-border)",
-  hoverStyle: { borderColor: "var(--color-input-border-hover)" },
-  focusStyle: { borderColor: "var(--color-input-border-focus)" },
-  disabledStyle: { opacity: 0.4, cursor: "not-allowed" }
-};
-var Input = React.forwardRef(
-  ({ size = "md", variant = "outline", className, onChange, onChangeText, ...rest }, ref) => {
-    const handleChange = React.useCallback(
-      (event) => {
-        onChange?.(event);
-        onChangeText?.(event.target.value);
-      },
-      [onChange, onChangeText]
-    );
-    return /* @__PURE__ */ jsx(
-      Input$1,
-      {
-        ref,
-        unstyled: true,
-        className: className ? `lux-control ${className}` : "lux-control",
-        ...CONTROL,
-        ...SIZE[size],
-        ...VARIANT[variant],
-        ...rest,
-        onChange: handleChange
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-var SIZE2 = {
   xs: { paddingHorizontal: 8, paddingVertical: 4, fontSize: "$1", borderRadius: 4 },
   sm: { paddingHorizontal: 12, paddingVertical: 8, fontSize: "$3", borderRadius: 6 },
   md: { paddingHorizontal: 16, paddingVertical: 8, fontSize: "$5", borderRadius: 6 },
@@ -74,7 +27,7 @@ var Textarea = React.forwardRef(
         unstyled: true,
         className: className ? `lux-control ${className}` : "lux-control",
         ...CONTROL,
-        ...SIZE2[size],
+        ...SIZE[size],
         ...VARIANT[variant],
         ...rest,
         onChange: handleChange

package/dist/ticker-tape.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/ticker-tape.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { memo, useRef, useEffect } from 'react';
 import { Box } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/ticker.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/ticker.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn } from '@hanzo/ui';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/timeline.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/timeline.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn, css } from '@hanzo/ui';
 import { Circle, Check, Clock } from 'lucide-react';

package/dist/toaster.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var gui = require('@hanzo/gui');

package/dist/toaster.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { ToastProvider, YStack, ToastViewport, Toast, XStack, Text } from '@hanzo/gui';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/toggle.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/toggle.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { XStack } from '@hanzo/gui';
 import { useState } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/tooltip.cjs

@@ -1,9 +1,11 @@
-"use client";
+'use client';
 'use strict';
 
 var gui = require('@hanzo/gui');
 var usehooks = require('@uidotdev/usehooks');
-var React2 = require('react');
+var React = require('react');
+var ink_js = require('./ink.js');
+var useNarrow_js = require('./use-narrow.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -24,35 +26,13 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/tooltip.tsx
-var ink = (children, Wrap = gui.Text, props = {}) => {
-  let hasText = false;
-  React2.Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return React2.Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? React2.createElement(Wrap, props, child) : child);
-};
-var TOUCH_PX = 1024;
-function useBelow(px) {
-  const [below, setBelow] = React2__namespace.useState(false);
-  React2__namespace.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${px - 1}px)`);
-    const apply = () => setBelow(mql.matches);
-    apply();
-    mql.addEventListener("change", apply);
-    return () => mql.removeEventListener("change", apply);
-  }, [px]);
-  return below;
-}
-var useIsTouch = () => useBelow(TOUCH_PX);
 function mapPlacement(p) {
   if (!p) return void 0;
   return p;
 }
-var Tooltip = React2__namespace.forwardRef(
+var Tooltip = React__namespace.forwardRef(
   function Tooltip2(props, ref) {
     const {
       showArrow: showArrowProp,
@@ -71,28 +51,28 @@ var Tooltip = React2__namespace.forwardRef(
       interactive,
       positioning
     } = props;
-    const [open, setOpen] = React2__namespace.useState(defaultOpen);
-    const timeoutRef = React2__namespace.useRef(null);
-    const isMobile = useIsTouch();
-    const handleOpenChange = React2__namespace.useCallback((nextOpen) => {
+    const [open, setOpen] = React__namespace.useState(defaultOpen);
+    const timeoutRef = React__namespace.useRef(null);
+    const isMobile = useNarrow_js.useIsTouch();
+    const handleOpenChange = React__namespace.useCallback((nextOpen) => {
       setOpen(nextOpen);
       onOpenChange?.({ open: nextOpen });
     }, [onOpenChange]);
-    const handleOpenChangeManual = React2__namespace.useCallback((nextOpen) => {
+    const handleOpenChangeManual = React__namespace.useCallback((nextOpen) => {
       timeoutRef.current && window.clearTimeout(timeoutRef.current);
       timeoutRef.current = window.setTimeout(() => {
         setOpen(nextOpen);
         onOpenChange?.({ open: nextOpen });
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
-    const handleClickAway = React2__namespace.useCallback(() => {
+    const handleClickAway = React__namespace.useCallback(() => {
       if (open) handleOpenChangeManual(false);
     }, [open, handleOpenChangeManual]);
     const triggerRef = usehooks.useClickAway(handleClickAway);
-    const handleTriggerClick = React2__namespace.useCallback(() => {
+    const handleTriggerClick = React__namespace.useCallback(() => {
       handleOpenChangeManual(!open);
     }, [handleOpenChangeManual, open]);
-    const handleContentClick = React2__namespace.useCallback((event) => {
+    const handleContentClick = React__namespace.useCallback((event) => {
       event.stopPropagation();
       if (interactive) {
         const closestLink = event.target?.closest("a");
@@ -101,7 +81,7 @@ var Tooltip = React2__namespace.forwardRef(
         }
       }
     }, [interactive, handleOpenChangeManual]);
-    React2__namespace.useEffect(() => {
+    React__namespace.useEffect(() => {
       return () => {
         if (timeoutRef.current) {
           clearTimeout(timeoutRef.current);
@@ -165,7 +145,7 @@ var Tooltip = React2__namespace.forwardRef(
                     backgroundColor: isPopover ? "var(--color-popover-bg)" : "var(--color-tooltip-bg)"
                   }
                 ),
-                ink(content, void 0, {
+                ink_js.ink(content, void 0, {
                   fontSize: 14,
                   color: isPopover ? "var(--color-text-primary)" : "var(--color-tooltip-fg)"
                 })

package/dist/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC;QACpK,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;YAAC,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACpD,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,qFAuJnB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC;QACpK,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;YAAC,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACpD,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,qFAuJnB,CAAC"}

package/dist/tooltip.js

@@ -1,37 +1,16 @@
-"use client";
-import { TooltipGroup, Tooltip as Tooltip$1, Text } from '@hanzo/gui';
+'use client';
+import { TooltipGroup, Tooltip as Tooltip$1 } from '@hanzo/gui';
 import { useClickAway } from '@uidotdev/usehooks';
-import * as React2 from 'react';
-import { Children, createElement } from 'react';
+import * as React from 'react';
+import { ink } from './ink.js';
+import { useIsTouch } from './use-narrow.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/tooltip.tsx
-var ink = (children, Wrap = Text, props = {}) => {
-  let hasText = false;
-  Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? createElement(Wrap, props, child) : child);
-};
-var TOUCH_PX = 1024;
-function useBelow(px) {
-  const [below, setBelow] = React2.useState(false);
-  React2.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${px - 1}px)`);
-    const apply = () => setBelow(mql.matches);
-    apply();
-    mql.addEventListener("change", apply);
-    return () => mql.removeEventListener("change", apply);
-  }, [px]);
-  return below;
-}
-var useIsTouch = () => useBelow(TOUCH_PX);
 function mapPlacement(p) {
   if (!p) return void 0;
   return p;
 }
-var Tooltip = React2.forwardRef(
+var Tooltip = React.forwardRef(
   function Tooltip2(props, ref) {
     const {
       showArrow: showArrowProp,
@@ -50,28 +29,28 @@ var Tooltip = React2.forwardRef(
       interactive,
       positioning
     } = props;
-    const [open, setOpen] = React2.useState(defaultOpen);
-    const timeoutRef = React2.useRef(null);
+    const [open, setOpen] = React.useState(defaultOpen);
+    const timeoutRef = React.useRef(null);
     const isMobile = useIsTouch();
-    const handleOpenChange = React2.useCallback((nextOpen) => {
+    const handleOpenChange = React.useCallback((nextOpen) => {
       setOpen(nextOpen);
       onOpenChange?.({ open: nextOpen });
     }, [onOpenChange]);
-    const handleOpenChangeManual = React2.useCallback((nextOpen) => {
+    const handleOpenChangeManual = React.useCallback((nextOpen) => {
       timeoutRef.current && window.clearTimeout(timeoutRef.current);
       timeoutRef.current = window.setTimeout(() => {
         setOpen(nextOpen);
         onOpenChange?.({ open: nextOpen });
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
-    const handleClickAway = React2.useCallback(() => {
+    const handleClickAway = React.useCallback(() => {
       if (open) handleOpenChangeManual(false);
     }, [open, handleOpenChangeManual]);
     const triggerRef = useClickAway(handleClickAway);
-    const handleTriggerClick = React2.useCallback(() => {
+    const handleTriggerClick = React.useCallback(() => {
       handleOpenChangeManual(!open);
     }, [handleOpenChangeManual, open]);
-    const handleContentClick = React2.useCallback((event) => {
+    const handleContentClick = React.useCallback((event) => {
       event.stopPropagation();
       if (interactive) {
         const closestLink = event.target?.closest("a");
@@ -80,7 +59,7 @@ var Tooltip = React2.forwardRef(
         }
       }
     }, [interactive, handleOpenChangeManual]);
-    React2.useEffect(() => {
+    React.useEffect(() => {
       return () => {
         if (timeoutRef.current) {
           clearTimeout(timeoutRef.current);

package/dist/trading-panel.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/trading-panel.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { useState, useEffect } from 'react';
 import { Box, css } from '@hanzo/ui';
 import { TrendingUp, TrendingDown } from 'lucide-react';

package/dist/two-tier-navigation-bar.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/two-tier-navigation-bar.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/underline-navigation-bar.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/underline-navigation-bar.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/use-narrow.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/use-narrow.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 
 var NARROW_PX = 640;

package/dist/vite.cjs

@@ -1,87 +1,9 @@
+'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 engine_js = require('./engine.js');
 
-// src/vite.ts
-var DEDUPE = ENGINE_DEDUPE;
+var DEDUPE = engine_js.ENGINE_DEDUPE;
 var INCLUDE = [
   "react-native-web",
   "@react-native/normalize-color",
@@ -95,7 +17,7 @@ function luxUi(options = {}) {
     config: () => ({
       // The engine branches on these at module scope; without them it takes the
       // native path in a browser bundle. (./engine)
-      define: { ...GUI_DEFINES },
+      define: { ...engine_js.GUI_DEFINES },
       resolve: {
         alias: { "react-native": "react-native-web" },
         dedupe: [.../* @__PURE__ */ new Set([...DEDUPE, ...options.dedupe ?? []])]

package/dist/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAkBA,UAAU,gBAAgB;IACxB;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC1C;AAED,iFAAiF;AACjF,UAAU,eAAe;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM;QACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SAAE,CAAC;QAClE,YAAY,EAAE;YAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SAAE,CAAC;KAC1C,CAAC;CACH;AAiBD,wBAAgB,KAAK,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CAgBrE;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAmBA,UAAU,gBAAgB;IACxB;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC1C;AAED,iFAAiF;AACjF,UAAU,eAAe;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM;QACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SAAE,CAAC;QAClE,YAAY,EAAE;YAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SAAE,CAAC;KAC1C,CAAC;CACH;AAiBD,wBAAgB,KAAK,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CAgBrE;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAC"}