@luxfi/ui 7.4.0 → 7.4.2

package/dist/input.cjs

@@ -1,6 +1,7 @@
 "use client";
 'use strict';
 
+var gui = require('@hanzo/gui');
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -47,9 +48,10 @@ var Input = React__default.default.forwardRef(
       [onChange, onChangeText]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
+      gui.Input,
       {
         ref,
+        unstyled: true,
         className: cn(INPUT_BASE, INPUT_SIZE_CLASSES[size], INPUT_VARIANT_CLASSES[variant], className),
         ...rest,
         onChange: handleChange

package/dist/input.d.cts

@@ -6,11 +6,9 @@ interface InputProps extends Omit<React__default.ComponentPropsWithRef<'input'>,
     readonly size?: InputSize;
     readonly variant?: InputVariant;
     /**
-     * Tamagui / React-Native convention: called with the text value on every
-     * change. Bridged to the native `onChange`, so callers using EITHER the web
-     * `onChange(e)` API OR the `onChangeText(text)` API get updates. Without this
-     * bridge, RN/Tamagui-style code (e.g. seed-phrase / PIN entry ported from a
-     * gui-based surface) passes `onChangeText` and the field silently no-ops.
+     * React-Native convention: called with the text value on every change. The gui
+     * Input raises it natively; on web we bridge it off `onChange`, so callers
+     * using EITHER API get updates on either platform.
      */
     readonly onChangeText?: (text: string) => void;
 }

package/dist/input.d.ts

@@ -6,11 +6,9 @@ interface InputProps extends Omit<React__default.ComponentPropsWithRef<'input'>,
     readonly size?: InputSize;
     readonly variant?: InputVariant;
     /**
-     * Tamagui / React-Native convention: called with the text value on every
-     * change. Bridged to the native `onChange`, so callers using EITHER the web
-     * `onChange(e)` API OR the `onChangeText(text)` API get updates. Without this
-     * bridge, RN/Tamagui-style code (e.g. seed-phrase / PIN entry ported from a
-     * gui-based surface) passes `onChangeText` and the field silently no-ops.
+     * React-Native convention: called with the text value on every change. The gui
+     * Input raises it natively; on web we bridge it off `onChange`, so callers
+     * using EITHER API get updates on either platform.
      */
     readonly onChangeText?: (text: string) => void;
 }

package/dist/input.js

@@ -1,4 +1,5 @@
 "use client";
+import { Input as Input$1 } from '@hanzo/gui';
 import React from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -41,9 +42,10 @@ var Input = React.forwardRef(
       [onChange, onChangeText]
     );
     return /* @__PURE__ */ jsx(
-      "input",
+      Input$1,
       {
         ref,
+        unstyled: true,
         className: cn(INPUT_BASE, INPUT_SIZE_CLASSES[size], INPUT_VARIANT_CLASSES[variant], className),
         ...rest,
         onChange: handleChange

package/dist/lux.config.cjs

@@ -5,14 +5,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var gui = require('@hanzo/gui');
 var v5 = require('@hanzogui/config/v5');
+var v5Css = require('@hanzogui/config/v5-css');
 
+// src/white-label.ts
 var LUX_BRAND = {
   lux: "#7000FF",
   zoo: "#6C5EFB",
   hanzo: "#EA580C",
-  pars: "#1C3879"
+  pars: "#1C3879",
+  // bootno.de is its own white label with its own IdP (id.bootno.de) — accent
+  // taken from the bootnode console's own brand default, not invented here.
+  bootnode: "#3B82F6"
 };
 var PARS_GOLD = "#C8A45C";
+({
+  lux: {
+    accent: LUX_BRAND.lux},
+  zoo: {
+    accent: LUX_BRAND.zoo},
+  bootnode: {
+    accent: LUX_BRAND.lux},
+  hanzo: {
+    accent: LUX_BRAND.hanzo},
+  pars: {
+    accent: LUX_BRAND.pars}
+});
+
+// src/lux.config.ts
 var TRUE_BLACK = "#000000";
 var darkBase = {
   ...v5.defaultConfig.themes.dark,
@@ -34,10 +53,12 @@ var luxThemes = {
   dark_lux: brandTheme(LUX_BRAND.lux),
   dark_zoo: brandTheme(LUX_BRAND.zoo),
   dark_hanzo: brandTheme(LUX_BRAND.hanzo),
-  dark_pars: brandTheme(LUX_BRAND.pars, { accentColor: PARS_GOLD })
+  dark_pars: brandTheme(LUX_BRAND.pars, { accentColor: PARS_GOLD }),
+  dark_bootnode: brandTheme(LUX_BRAND.bootnode)
 };
 var config = gui.createGui({
   ...v5.defaultConfig,
+  animations: v5Css.animations,
   settings: {
     ...v5.defaultConfig.settings,
     onlyAllowShorthands: false

package/dist/lux.config.d.cts

@@ -1,20 +1,14 @@
 import * as _hanzogui_web from '@hanzogui/web';
 import * as _hanzogui_themes_v5 from '@hanzogui/themes/v5';
+export { LUX_BRAND, LuxBrand, PARS_GOLD } from './white-label.cjs';
 
-declare const LUX_BRAND: {
-    readonly lux: "#7000FF";
-    readonly zoo: "#6C5EFB";
-    readonly hanzo: "#EA580C";
-    readonly pars: "#1C3879";
-};
-declare const PARS_GOLD = "#C8A45C";
-type LuxBrand = keyof typeof LUX_BRAND;
 declare const luxThemes: {
     dark: _hanzogui_themes_v5.V5Theme;
     dark_lux: _hanzogui_themes_v5.V5Theme;
     dark_zoo: _hanzogui_themes_v5.V5Theme;
     dark_hanzo: _hanzogui_themes_v5.V5Theme;
     dark_pars: _hanzogui_themes_v5.V5Theme;
+    dark_bootnode: _hanzogui_themes_v5.V5Theme;
 };
 declare const config: _hanzogui_web.GuiInternalConfig<{
     readonly radius: {
@@ -137,6 +131,7 @@ declare const config: _hanzogui_web.GuiInternalConfig<{
     dark_zoo: _hanzogui_themes_v5.V5Theme;
     dark_hanzo: _hanzogui_themes_v5.V5Theme;
     dark_pars: _hanzogui_themes_v5.V5Theme;
+    dark_bootnode: _hanzogui_themes_v5.V5Theme;
     light: _hanzogui_themes_v5.V5Theme;
     light_accent: _hanzogui_themes_v5.V5Theme;
     dark_accent: _hanzogui_themes_v5.V5Theme;
@@ -368,7 +363,30 @@ declare const config: _hanzogui_web.GuiInternalConfig<{
     readonly 'height-lg': {
         readonly minHeight: number;
     };
-}, {}, {
+}, {
+    '0ms': string;
+    '50ms': string;
+    '75ms': string;
+    '100ms': string;
+    '200ms': string;
+    '250ms': string;
+    '300ms': string;
+    '400ms': string;
+    '500ms': string;
+    superBouncy: string;
+    bouncy: string;
+    superLazy: string;
+    lazy: string;
+    medium: string;
+    slowest: string;
+    slow: string;
+    quick: string;
+    quickLessBouncy: string;
+    quicker: string;
+    quickerLessBouncy: string;
+    quickest: string;
+    quickestLessBouncy: string;
+}, {
     body: _hanzogui_web.FillInFont<_hanzogui_web.GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 11 | 12 | 14 | 4 | 7 | 8 | 13 | "true">;
     heading: _hanzogui_web.FillInFont<_hanzogui_web.GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 11 | 12 | 14 | 4 | 7 | 8 | 13 | "true">;
 }, {
@@ -412,4 +430,4 @@ declare module '@hanzo/gui' {
     }
 }
 
-export { type Conf, LUX_BRAND, type LuxBrand, PARS_GOLD, config, config as default, luxThemes };
+export { type Conf, config, config as default, luxThemes };

package/dist/lux.config.d.ts

@@ -1,20 +1,14 @@
 import * as _hanzogui_web from '@hanzogui/web';
 import * as _hanzogui_themes_v5 from '@hanzogui/themes/v5';
+export { LUX_BRAND, LuxBrand, PARS_GOLD } from './white-label.js';
 
-declare const LUX_BRAND: {
-    readonly lux: "#7000FF";
-    readonly zoo: "#6C5EFB";
-    readonly hanzo: "#EA580C";
-    readonly pars: "#1C3879";
-};
-declare const PARS_GOLD = "#C8A45C";
-type LuxBrand = keyof typeof LUX_BRAND;
 declare const luxThemes: {
     dark: _hanzogui_themes_v5.V5Theme;
     dark_lux: _hanzogui_themes_v5.V5Theme;
     dark_zoo: _hanzogui_themes_v5.V5Theme;
     dark_hanzo: _hanzogui_themes_v5.V5Theme;
     dark_pars: _hanzogui_themes_v5.V5Theme;
+    dark_bootnode: _hanzogui_themes_v5.V5Theme;
 };
 declare const config: _hanzogui_web.GuiInternalConfig<{
     readonly radius: {
@@ -137,6 +131,7 @@ declare const config: _hanzogui_web.GuiInternalConfig<{
     dark_zoo: _hanzogui_themes_v5.V5Theme;
     dark_hanzo: _hanzogui_themes_v5.V5Theme;
     dark_pars: _hanzogui_themes_v5.V5Theme;
+    dark_bootnode: _hanzogui_themes_v5.V5Theme;
     light: _hanzogui_themes_v5.V5Theme;
     light_accent: _hanzogui_themes_v5.V5Theme;
     dark_accent: _hanzogui_themes_v5.V5Theme;
@@ -368,7 +363,30 @@ declare const config: _hanzogui_web.GuiInternalConfig<{
     readonly 'height-lg': {
         readonly minHeight: number;
     };
-}, {}, {
+}, {
+    '0ms': string;
+    '50ms': string;
+    '75ms': string;
+    '100ms': string;
+    '200ms': string;
+    '250ms': string;
+    '300ms': string;
+    '400ms': string;
+    '500ms': string;
+    superBouncy: string;
+    bouncy: string;
+    superLazy: string;
+    lazy: string;
+    medium: string;
+    slowest: string;
+    slow: string;
+    quick: string;
+    quickLessBouncy: string;
+    quicker: string;
+    quickerLessBouncy: string;
+    quickest: string;
+    quickestLessBouncy: string;
+}, {
     body: _hanzogui_web.FillInFont<_hanzogui_web.GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 11 | 12 | 14 | 4 | 7 | 8 | 13 | "true">;
     heading: _hanzogui_web.FillInFont<_hanzogui_web.GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 11 | 12 | 14 | 4 | 7 | 8 | 13 | "true">;
 }, {
@@ -412,4 +430,4 @@ declare module '@hanzo/gui' {
     }
 }
 
-export { type Conf, LUX_BRAND, type LuxBrand, PARS_GOLD, config, config as default, luxThemes };
+export { type Conf, config, config as default, luxThemes };

package/dist/lux.config.js

@@ -1,14 +1,33 @@
 "use client";
 import { createGui } from '@hanzo/gui';
 import { defaultConfig } from '@hanzogui/config/v5';
+import { animations } from '@hanzogui/config/v5-css';
 
+// src/white-label.ts
 var LUX_BRAND = {
   lux: "#7000FF",
   zoo: "#6C5EFB",
   hanzo: "#EA580C",
-  pars: "#1C3879"
+  pars: "#1C3879",
+  // bootno.de is its own white label with its own IdP (id.bootno.de) — accent
+  // taken from the bootnode console's own brand default, not invented here.
+  bootnode: "#3B82F6"
 };
 var PARS_GOLD = "#C8A45C";
+({
+  lux: {
+    accent: LUX_BRAND.lux},
+  zoo: {
+    accent: LUX_BRAND.zoo},
+  bootnode: {
+    accent: LUX_BRAND.lux},
+  hanzo: {
+    accent: LUX_BRAND.hanzo},
+  pars: {
+    accent: LUX_BRAND.pars}
+});
+
+// src/lux.config.ts
 var TRUE_BLACK = "#000000";
 var darkBase = {
   ...defaultConfig.themes.dark,
@@ -30,10 +49,12 @@ var luxThemes = {
   dark_lux: brandTheme(LUX_BRAND.lux),
   dark_zoo: brandTheme(LUX_BRAND.zoo),
   dark_hanzo: brandTheme(LUX_BRAND.hanzo),
-  dark_pars: brandTheme(LUX_BRAND.pars, { accentColor: PARS_GOLD })
+  dark_pars: brandTheme(LUX_BRAND.pars, { accentColor: PARS_GOLD }),
+  dark_bootnode: brandTheme(LUX_BRAND.bootnode)
 };
 var config = createGui({
   ...defaultConfig,
+  animations,
   settings: {
     ...defaultConfig.settings,
     onlyAllowShorthands: false

package/dist/menu.cjs

@@ -3,7 +3,7 @@
 
 var DropdownMenu = require('@radix-ui/react-dropdown-menu');
 var React = require('react');
-var lu = require('react-icons/lu');
+var lucideReact = require('lucide-react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
@@ -222,7 +222,7 @@ var MenuCheckboxItem = React__namespace.forwardRef(function MenuCheckboxItem2(pr
       ),
       ...rest,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuCheck, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
         children
       ]
     }
@@ -257,7 +257,7 @@ var MenuRadioItem = React__namespace.forwardRef(function MenuRadioItem2(props, r
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuCheck, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children })
       ]
     }
@@ -283,7 +283,7 @@ var MenuTriggerItem = React__namespace.forwardRef(function MenuTriggerItem2(prop
       children: [
         startIcon,
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children }),
-        /* @__PURE__ */ jsxRuntime.jsx(lu.LuChevronRight, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
       ]
     }
   ) });

package/dist/menu.js

@@ -1,7 +1,7 @@
 "use client";
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
-import { LuCheck, LuChevronRight } from 'react-icons/lu';
+import { Check, ChevronRight } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -199,7 +199,7 @@ var MenuCheckboxItem = React.forwardRef(function MenuCheckboxItem2(props, ref) {
       ),
       ...rest,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(LuCheck, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
         children
       ]
     }
@@ -234,7 +234,7 @@ var MenuRadioItem = React.forwardRef(function MenuRadioItem2(props, ref) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(LuCheck, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
         /* @__PURE__ */ jsx("span", { children })
       ]
     }
@@ -260,7 +260,7 @@ var MenuTriggerItem = React.forwardRef(function MenuTriggerItem2(props, ref) {
       children: [
         startIcon,
         /* @__PURE__ */ jsx("span", { className: "flex-1", children }),
-        /* @__PURE__ */ jsx(LuChevronRight, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
       ]
     }
   ) });

package/dist/next.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+// src/next.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/element",
+  "@hanzogui/elements",
+  "@hanzogui/font-size",
+  "@hanzogui/form",
+  "@hanzogui/group",
+  "@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/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-window-dimensions",
+  "@hanzogui/visually-hidden",
+  "@hanzogui/web",
+  "@luxfi/ui"
+];
+var DEFINES = {
+  "process.env.EXPO_OS": JSON.stringify("web"),
+  "process.env.IS_WEB": JSON.stringify("true")
+};
+function withLuxUi(config = {}) {
+  const userWebpack = config.webpack;
+  return {
+    ...config,
+    transpilePackages: [.../* @__PURE__ */ new Set([...config.transpilePackages ?? [], ...GUI_PACKAGES])],
+    turbopack: {
+      ...config.turbopack,
+      resolveAlias: {
+        "react-native": "react-native-web",
+        ...config.turbopack?.resolveAlias
+      }
+    },
+    // Next inlines `env` into the client bundle, which is how the engine's
+    // module-scope platform checks get their answer under Turbopack too.
+    env: { EXPO_OS: "web", IS_WEB: "true", ...config.env },
+    webpack(webpackConfig, context) {
+      const next = userWebpack ? userWebpack(webpackConfig, context) : webpackConfig;
+      next.resolve = {
+        ...next.resolve,
+        alias: { ...next.resolve?.alias, "react-native$": "react-native-web" }
+      };
+      const webpackModule = context?.webpack;
+      if (webpackModule?.DefinePlugin) {
+        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin(DEFINES)];
+      }
+      return next;
+    }
+  };
+}
+
+exports.GUI_PACKAGES = GUI_PACKAGES;
+exports.withLuxUi = withLuxUi;

package/dist/next.d.cts

@@ -0,0 +1,29 @@
+/** Every package `@hanzo/gui` re-exports — the engine, in full. */
+declare const GUI_PACKAGES: string[];
+interface WebpackConfig {
+    resolve?: {
+        alias?: Record<string, unknown>;
+    };
+    plugins?: Array<unknown>;
+    [key: string]: unknown;
+}
+/** The structural slice of a Next config this wrapper touches. */
+interface LuxUiNextConfig {
+    transpilePackages?: Array<string>;
+    turbopack?: {
+        resolveAlias?: Record<string, string>;
+        [key: string]: unknown;
+    };
+    env?: Record<string, string>;
+    webpack?: (config: WebpackConfig, context: unknown) => WebpackConfig;
+    [key: string]: unknown;
+}
+/**
+ * Wrap a Next config so `@luxfi/ui` and the gui engine build.
+ *
+ * Additive: an existing `transpilePackages`, `turbopack.resolveAlias`,
+ * `env` and `webpack()` are all preserved and extended, never replaced.
+ */
+declare function withLuxUi(config?: LuxUiNextConfig): LuxUiNextConfig;
+
+export { GUI_PACKAGES, type LuxUiNextConfig, withLuxUi };

package/dist/next.d.ts

@@ -0,0 +1,29 @@
+/** Every package `@hanzo/gui` re-exports — the engine, in full. */
+declare const GUI_PACKAGES: string[];
+interface WebpackConfig {
+    resolve?: {
+        alias?: Record<string, unknown>;
+    };
+    plugins?: Array<unknown>;
+    [key: string]: unknown;
+}
+/** The structural slice of a Next config this wrapper touches. */
+interface LuxUiNextConfig {
+    transpilePackages?: Array<string>;
+    turbopack?: {
+        resolveAlias?: Record<string, string>;
+        [key: string]: unknown;
+    };
+    env?: Record<string, string>;
+    webpack?: (config: WebpackConfig, context: unknown) => WebpackConfig;
+    [key: string]: unknown;
+}
+/**
+ * Wrap a Next config so `@luxfi/ui` and the gui engine build.
+ *
+ * Additive: an existing `transpilePackages`, `turbopack.resolveAlias`,
+ * `env` and `webpack()` are all preserved and extended, never replaced.
+ */
+declare function withLuxUi(config?: LuxUiNextConfig): LuxUiNextConfig;
+
+export { GUI_PACKAGES, type LuxUiNextConfig, withLuxUi };

package/dist/next.js

@@ -0,0 +1,96 @@
+// src/next.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/element",
+  "@hanzogui/elements",
+  "@hanzogui/font-size",
+  "@hanzogui/form",
+  "@hanzogui/group",
+  "@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/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-window-dimensions",
+  "@hanzogui/visually-hidden",
+  "@hanzogui/web",
+  "@luxfi/ui"
+];
+var DEFINES = {
+  "process.env.EXPO_OS": JSON.stringify("web"),
+  "process.env.IS_WEB": JSON.stringify("true")
+};
+function withLuxUi(config = {}) {
+  const userWebpack = config.webpack;
+  return {
+    ...config,
+    transpilePackages: [.../* @__PURE__ */ new Set([...config.transpilePackages ?? [], ...GUI_PACKAGES])],
+    turbopack: {
+      ...config.turbopack,
+      resolveAlias: {
+        "react-native": "react-native-web",
+        ...config.turbopack?.resolveAlias
+      }
+    },
+    // Next inlines `env` into the client bundle, which is how the engine's
+    // module-scope platform checks get their answer under Turbopack too.
+    env: { EXPO_OS: "web", IS_WEB: "true", ...config.env },
+    webpack(webpackConfig, context) {
+      const next = userWebpack ? userWebpack(webpackConfig, context) : webpackConfig;
+      next.resolve = {
+        ...next.resolve,
+        alias: { ...next.resolve?.alias, "react-native$": "react-native-web" }
+      };
+      const webpackModule = context?.webpack;
+      if (webpackModule?.DefinePlugin) {
+        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin(DEFINES)];
+      }
+      return next;
+    }
+  };
+}
+
+export { GUI_PACKAGES, withLuxUi };

package/dist/option-chain.cjs

@@ -179,7 +179,7 @@ var OptionChain = React__namespace.forwardRef(
                     {
                       className: cn(
                         "px-2 py-1 text-center font-mono tabular-nums text-xs font-semibold",
-                        isATM ? "text-amber-400 bg-zinc-800/80" : "text-zinc-300"
+                        isATM ? "text-[var(--foreground)] bg-[var(--secondary)]" : "text-[var(--muted-foreground)]"
                       ),
                       children: fmt(row.strike)
                     }

package/dist/option-chain.js

@@ -157,7 +157,7 @@ var OptionChain = React.forwardRef(
                     {
                       className: cn(
                         "px-2 py-1 text-center font-mono tabular-nums text-xs font-semibold",
-                        isATM ? "text-amber-400 bg-zinc-800/80" : "text-zinc-300"
+                        isATM ? "text-[var(--foreground)] bg-[var(--secondary)]" : "text-[var(--muted-foreground)]"
                       ),
                       children: fmt(row.strike)
                     }

package/dist/option-position.cjs

@@ -59,7 +59,8 @@ var OptionPositionCard = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(
               "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-semibold",
-              isCall ? "bg-blue-900/40 text-blue-400" : "bg-orange-900/40 text-orange-400"
+              // Call vs put is a rank difference, not a hue difference.
+              isCall ? "bg-[var(--secondary)] text-[var(--foreground)]" : "bg-[var(--muted)] text-[var(--muted-foreground)]"
             ), children: [
               position.underlying,
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono tabular-nums", children: position.strike }),