@luxfi/ui 7.3.2 → 7.4.2

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 }),

package/dist/option-position.js

@@ -37,7 +37,8 @@ var OptionPositionCard = React.forwardRef(
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ 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__ */ jsx("span", { className: "font-mono tabular-nums", children: position.strike }),

package/dist/pnl-diagram.cjs

@@ -54,7 +54,9 @@ function buildPath(points, vb, width, height) {
   });
   return parts.join(" ");
 }
-var LEG_COLORS = ["#6366f1", "#f59e0b", "#ec4899", "#06b6d4"];
+var LEG_COLORS = ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)"];
+var BREAKEVEN_COLOR = "var(--chart-1)";
+var BREAKEVEN_RING = "var(--background)";
 var PnlDiagram = React__namespace.forwardRef(
   function PnlDiagram2(props, ref) {
     const {
@@ -296,13 +298,13 @@ var PnlDiagram = React__namespace.forwardRef(
                   }
                 ),
                 breakevens.map((be, i) => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: scaleX(be), cy: zeroY, r: "3", fill: "#fbbf24", stroke: "#18181b", strokeWidth: "1" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: scaleX(be), cy: zeroY, r: "3", fill: BREAKEVEN_COLOR, stroke: BREAKEVEN_RING, strokeWidth: "1" }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "text",
                     {
                       x: scaleX(be),
                       y: PADDING.top + chartH + 14,
-                      fill: "#fbbf24",
+                      fill: BREAKEVEN_COLOR,
                       fontSize: "8",
                       fontFamily: "monospace",
                       textAnchor: "middle",
@@ -343,7 +345,7 @@ var PnlDiagram = React__namespace.forwardRef(
                       cy: scaleY(hoverPnl),
                       r: "3",
                       fill: hoverPnl >= 0 ? "#22c55e" : "#ef4444",
-                      stroke: "#18181b",
+                      stroke: BREAKEVEN_RING,
                       strokeWidth: "1"
                     }
                   ),
@@ -355,7 +357,7 @@ var PnlDiagram = React__namespace.forwardRef(
                       width: "90",
                       height: "28",
                       rx: "3",
-                      fill: "#18181b",
+                      fill: BREAKEVEN_RING,
                       stroke: "#3f3f46",
                       strokeWidth: "1"
                     }
@@ -437,7 +439,7 @@ var PnlDiagram = React__namespace.forwardRef(
               ] })
             ] }, i)),
             breakevens.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-1.5 rounded-full bg-amber-400" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-1.5 rounded-full", style: { background: BREAKEVEN_COLOR } }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-zinc-500", children: [
                 "BE: ",
                 breakevens.map((b) => b.toFixed(1)).join(", ")

package/dist/pnl-diagram.js

@@ -32,7 +32,9 @@ function buildPath(points, vb, width, height) {
   });
   return parts.join(" ");
 }
-var LEG_COLORS = ["#6366f1", "#f59e0b", "#ec4899", "#06b6d4"];
+var LEG_COLORS = ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)"];
+var BREAKEVEN_COLOR = "var(--chart-1)";
+var BREAKEVEN_RING = "var(--background)";
 var PnlDiagram = React.forwardRef(
   function PnlDiagram2(props, ref) {
     const {
@@ -274,13 +276,13 @@ var PnlDiagram = React.forwardRef(
                   }
                 ),
                 breakevens.map((be, i) => /* @__PURE__ */ jsxs("g", { children: [
-                  /* @__PURE__ */ jsx("circle", { cx: scaleX(be), cy: zeroY, r: "3", fill: "#fbbf24", stroke: "#18181b", strokeWidth: "1" }),
+                  /* @__PURE__ */ jsx("circle", { cx: scaleX(be), cy: zeroY, r: "3", fill: BREAKEVEN_COLOR, stroke: BREAKEVEN_RING, strokeWidth: "1" }),
                   /* @__PURE__ */ jsx(
                     "text",
                     {
                       x: scaleX(be),
                       y: PADDING.top + chartH + 14,
-                      fill: "#fbbf24",
+                      fill: BREAKEVEN_COLOR,
                       fontSize: "8",
                       fontFamily: "monospace",
                       textAnchor: "middle",
@@ -321,7 +323,7 @@ var PnlDiagram = React.forwardRef(
                       cy: scaleY(hoverPnl),
                       r: "3",
                       fill: hoverPnl >= 0 ? "#22c55e" : "#ef4444",
-                      stroke: "#18181b",
+                      stroke: BREAKEVEN_RING,
                       strokeWidth: "1"
                     }
                   ),
@@ -333,7 +335,7 @@ var PnlDiagram = React.forwardRef(
                       width: "90",
                       height: "28",
                       rx: "3",
-                      fill: "#18181b",
+                      fill: BREAKEVEN_RING,
                       stroke: "#3f3f46",
                       strokeWidth: "1"
                     }
@@ -415,7 +417,7 @@ var PnlDiagram = React.forwardRef(
               ] })
             ] }, i)),
             breakevens.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-1.5 w-1.5 rounded-full bg-amber-400" }),
+              /* @__PURE__ */ jsx("div", { className: "h-1.5 w-1.5 rounded-full", style: { background: BREAKEVEN_COLOR } }),
               /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-zinc-500", children: [
                 "BE: ",
                 breakevens.map((b) => b.toFixed(1)).join(", ")

package/dist/popover.cjs

@@ -1,11 +1,10 @@
 "use client";
 'use strict';
 
-var popover = require('@hanzogui/popover');
+var gui = require('@hanzo/gui');
 var React2 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var core = require('@hanzogui/core');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -33,7 +32,7 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
-var CloseButtonFrame = core.styled(core.View, {
+var CloseButtonFrame = gui.styled(gui.View, {
   name: "LuxCloseButton",
   render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close" }),
   role: "button",
@@ -166,7 +165,7 @@ var PopoverRoot = (props) => {
   const placement = mergedPositioning.placement ?? "bottom-start";
   const offset = mergedPositioning.offset?.mainAxis ?? 4;
   return /* @__PURE__ */ jsxRuntime.jsx(PositioningContext.Provider, { value: positioningValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    popover.Popover,
+    gui.Popover,
     {
       open,
       defaultOpen,
@@ -180,7 +179,7 @@ var PopoverRoot = (props) => {
 };
 var PopoverTrigger = React2__namespace.forwardRef(function PopoverTrigger2(props, ref) {
   const { asChild = true, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { asChild: asChild ? "except-style" : void 0, ref, ...rest });
+  return /* @__PURE__ */ jsxRuntime.jsx(gui.Popover.Trigger, { asChild: asChild ? "except-style" : void 0, ref, ...rest });
 });
 var PopoverContent = React2__namespace.forwardRef(function PopoverContent2(props, ref) {
   const { portalled = true, portalRef: _portalRef, className, w, minW, maxW, paddingTop, style: styleProp, ...rest } = props;
@@ -193,7 +192,7 @@ var PopoverContent = React2__namespace.forwardRef(function PopoverContent2(props
     ...paddingTop !== void 0 ? { paddingTop: typeof paddingTop === "number" ? `${paddingTop * 4}px` : paddingTop } : {}
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    popover.Popover.Content,
+    gui.Popover.Content,
     {
       ref,
       unstyled: true,
@@ -216,7 +215,7 @@ var PopoverContent = React2__namespace.forwardRef(function PopoverContent2(props
 var PopoverArrow = React2__namespace.forwardRef(function PopoverArrow2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    popover.Popover.Arrow,
+    gui.Popover.Arrow,
     {
       ref,
       unstyled: true,
@@ -228,7 +227,7 @@ var PopoverArrow = React2__namespace.forwardRef(function PopoverArrow2(props, re
 var PopoverCloseTrigger = React2__namespace.forwardRef(function PopoverCloseTrigger2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    popover.Popover.Close,
+    gui.Popover.Close,
     {
       unstyled: true,
       className: cn("absolute top-1 right-1", className),
@@ -244,7 +243,7 @@ var PopoverCloseTriggerWrapper = React2__namespace.forwardRef(function PopoverCl
   if (disabled) {
     return children;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Close, { ref, ...rest, asChild: true, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(gui.Popover.Close, { ref, ...rest, asChild: true, children });
 });
 var PopoverBody = React2__namespace.forwardRef(function PopoverBody2(props, ref) {
   const {

package/dist/popover.js

@@ -1,9 +1,8 @@
 "use client";
-import { Popover } from '@hanzogui/popover';
+import { styled, View, Popover } from '@hanzo/gui';
 import * as React2 from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { styled, View } from '@hanzogui/core';
 import { jsx } from 'react/jsx-runtime';
 
 // src/popover.tsx

package/dist/progress.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var RadixProgress = require('@radix-ui/react-progress');
+var gui = require('@hanzo/gui');
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -25,7 +25,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var RadixProgress__namespace = /*#__PURE__*/_interopNamespace(RadixProgress);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/progress.tsx
@@ -83,10 +82,11 @@ var Progress = React__namespace.forwardRef(
         style: rootStyle,
         ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          RadixProgress__namespace.Root,
+          gui.Progress,
           {
             value: percent,
             max: 100,
+            unstyled: true,
             className: cn(
               "w-full overflow-hidden rounded-full",
               "bg-[var(--color-progress-track)]",
@@ -95,14 +95,15 @@ var Progress = React__namespace.forwardRef(
             ),
             style: trackStyle,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              RadixProgress__namespace.Indicator,
+              gui.Progress.Indicator,
               {
+                unstyled: true,
+                transition: "slow",
                 className: cn(
-                  "h-full rounded-full transition-transform duration-500 ease-out",
+                  "h-full rounded-full",
                   !color && "bg-[var(--color-progress-indicator)]"
                 ),
                 style: {
-                  width: `${percent}%`,
                   ...color && { backgroundColor: `var(--color-${color.replace(".", "-")}, ${color})` }
                 }
               }

package/dist/progress.js

@@ -1,5 +1,5 @@
 "use client";
-import * as RadixProgress from '@radix-ui/react-progress';
+import { Progress as Progress$1 } from '@hanzo/gui';
 import * as React from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -60,10 +60,11 @@ var Progress = React.forwardRef(
         style: rootStyle,
         ...rest,
         children: /* @__PURE__ */ jsx(
-          RadixProgress.Root,
+          Progress$1,
           {
             value: percent,
             max: 100,
+            unstyled: true,
             className: cn(
               "w-full overflow-hidden rounded-full",
               "bg-[var(--color-progress-track)]",
@@ -72,14 +73,15 @@ var Progress = React.forwardRef(
             ),
             style: trackStyle,
             children: /* @__PURE__ */ jsx(
-              RadixProgress.Indicator,
+              Progress$1.Indicator,
               {
+                unstyled: true,
+                transition: "slow",
                 className: cn(
-                  "h-full rounded-full transition-transform duration-500 ease-out",
+                  "h-full rounded-full",
                   !color && "bg-[var(--color-progress-indicator)]"
                 ),
                 style: {
-                  width: `${percent}%`,
                   ...color && { backgroundColor: `var(--color-${color.replace(".", "-")}, ${color})` }
                 }
               }

package/dist/provider.cjs

@@ -1,18 +1,211 @@
 "use client";
 'use strict';
 
-var core = require('@hanzogui/core');
+var gui = require('@hanzo/gui');
 var reactQuery = require('@tanstack/react-query');
+var React = require('react');
+var v5 = require('@hanzogui/config/v5');
+var v5Css = require('@hanzogui/config/v5-css');
 var jsxRuntime = require('react/jsx-runtime');
 
-if (typeof window !== "undefined") {
-  core.createGui({ settings: { autocompleteSpecificTokens: "except-special" } });
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/white-label.ts
+var LUX_BRAND = {
+  lux: "#7000FF",
+  zoo: "#6C5EFB",
+  hanzo: "#EA580C",
+  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";
+var ORGS = {
+  lux: {
+    org: "lux",
+    name: "Lux",
+    domain: "lux.network",
+    iamDomain: "lux.id",
+    accent: LUX_BRAND.lux,
+    accentForeground: "#FFFFFF"
+  },
+  zoo: {
+    org: "zoo",
+    name: "Zoo",
+    domain: "zoo.ngo",
+    // Zoo's IdP is `id.zoo.network`, not a `zoo.id` apex — the one row in this
+    // table where the issuer is not `<org>.id`, and the one every hand-rolled
+    // per-app branding map got wrong.
+    iamDomain: "id.zoo.network",
+    accent: LUX_BRAND.zoo,
+    accentForeground: "#FFFFFF"
+  },
+  bootnode: {
+    org: "bootnode",
+    name: "Bootnode",
+    domain: "bootno.de",
+    iamDomain: "id.bootno.de",
+    accent: LUX_BRAND.lux,
+    accentForeground: "#FFFFFF"
+  },
+  hanzo: {
+    org: "hanzo",
+    name: "Hanzo",
+    domain: "hanzo.ai",
+    iamDomain: "hanzo.id",
+    accent: LUX_BRAND.hanzo,
+    accentForeground: "#FFFFFF"
+  },
+  pars: {
+    org: "pars",
+    name: "Pars",
+    domain: "pars.id",
+    iamDomain: "pars.id",
+    accent: LUX_BRAND.pars,
+    accentForeground: PARS_GOLD
+  }
+};
+var DOMAIN_ORG = [
+  ["lux.network", "lux"],
+  ["lux.cloud", "lux"],
+  ["lux.id", "lux"],
+  ["lux.finance", "lux"],
+  ["zoo.ngo", "zoo"],
+  ["zoo.network", "zoo"],
+  ["zoo.cloud", "zoo"],
+  ["zoo.id", "zoo"],
+  ["hanzo.ai", "hanzo"],
+  ["hanzo.cloud", "hanzo"],
+  ["hanzo.id", "hanzo"],
+  ["pars.id", "pars"],
+  ["parsdao.org", "pars"],
+  ["bootno.de", "bootnode", "platform"]
+];
+var DEFAULT_ORG = "lux";
+function normalizeHost(host) {
+  const noPort = host.trim().toLowerCase().split(":")[0] ?? "";
+  return noPort.replace(/\.$/, "");
+}
+function isUnder(host, domain) {
+  return host === domain || host.endsWith(`.${domain}`);
+}
+function matchDomain(host) {
+  let best;
+  for (const entry of DOMAIN_ORG) {
+    if (isUnder(host, entry[0]) && (!best || entry[0].length > best[0].length)) {
+      best = entry;
+    }
+  }
+  return best;
+}
+function appSlug(host, domain, apexApp) {
+  const sub = host === domain ? "" : host.slice(0, -(domain.length + 1));
+  const leftmost = sub.split(".")[0] ?? "";
+  if (leftmost && leftmost !== "www") return leftmost;
+  if (apexApp) return apexApp;
+  const label = domain.split(".")[0] ?? "";
+  const tld = domain.split(".").slice(1).join(".");
+  return tld.split(".")[0] || label;
+}
+function isLocal(host) {
+  return host === "localhost" || host.endsWith(".localhost") || host === "127.0.0.1" || host === "0.0.0.0" || host === "[::1]" || host.endsWith(".local");
+}
+function resolveWhiteLabel(host) {
+  const h = normalizeHost(host ?? "");
+  const match = h ? matchDomain(h) : void 0;
+  const org = match ? match[1] : DEFAULT_ORG;
+  const identity = ORGS[org];
+  const app = match ? appSlug(h, match[0], match[2]) : h && isLocal(h) ? "local" : "app";
+  return {
+    ...identity,
+    host: h,
+    app,
+    theme: `dark_${org}`,
+    issuer: `https://${identity.iamDomain}`,
+    clientId: `${org}-${app}`
+  };
 }
+function currentHost() {
+  return typeof window === "undefined" ? "" : window.location.host;
+}
+
+// src/lux.config.ts
+var TRUE_BLACK = "#000000";
+var darkBase = {
+  ...v5.defaultConfig.themes.dark,
+  background: TRUE_BLACK,
+  backgroundHover: "#0A0A0A",
+  backgroundPress: "#141414",
+  backgroundFocus: "#0A0A0A"
+};
+var brandTheme = (accent, extra = {}) => ({
+  ...darkBase,
+  accentBackground: accent,
+  accentColor: "#FFFFFF",
+  borderColorHover: accent,
+  colorHover: accent,
+  ...extra
+});
+var luxThemes = {
+  dark: darkBase,
+  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_bootnode: brandTheme(LUX_BRAND.bootnode)
+};
+var config = gui.createGui({
+  ...v5.defaultConfig,
+  animations: v5Css.animations,
+  settings: {
+    ...v5.defaultConfig.settings,
+    onlyAllowShorthands: false
+  },
+  themes: {
+    ...v5.defaultConfig.themes,
+    ...luxThemes
+  }
+});
+var lux_config_default = config;
 var defaultQueryClient = new reactQuery.QueryClient({
   defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
 });
-var AppProvider = ({ children, queryClient }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children });
+var FONT_BODY_RESET_ID = "lux-ui-font-body-reset";
+var FONT_BODY_RESET_CSS = "body .font_body{line-height:1.5}";
+var useFontBodyReset = () => {
+  React__default.default.useInsertionEffect(() => {
+    if (typeof document === "undefined") return;
+    if (document.getElementById(FONT_BODY_RESET_ID)) return;
+    const style = document.createElement("style");
+    style.id = FONT_BODY_RESET_ID;
+    style.textContent = FONT_BODY_RESET_CSS;
+    document.head.appendChild(style);
+  }, []);
+};
+var WhiteLabelContext = React__default.default.createContext(resolveWhiteLabel(""));
+var useWhiteLabel = () => React__default.default.useContext(WhiteLabelContext);
+var useHostWhiteLabel = (host) => {
+  const [resolvedHost, setResolvedHost] = React__default.default.useState(host ?? "");
+  React__default.default.useEffect(() => {
+    if (host !== void 0) return;
+    const browserHost = currentHost();
+    if (browserHost) setResolvedHost(browserHost);
+  }, [host]);
+  return React__default.default.useMemo(() => resolveWhiteLabel(resolvedHost), [resolvedHost]);
+};
+var AppProvider = ({
+  children,
+  queryClient,
+  host,
+  defaultTheme
+}) => {
+  useFontBodyReset();
+  const whiteLabel = useHostWhiteLabel(host);
+  const theme = defaultTheme ?? whiteLabel.theme;
+  return /* @__PURE__ */ jsxRuntime.jsx(WhiteLabelContext.Provider, { value: whiteLabel, children: /* @__PURE__ */ jsxRuntime.jsx(gui.GuiProvider, { config: lux_config_default, defaultTheme: theme, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children }) }) });
 };
 
 Object.defineProperty(exports, "QueryClient", {
@@ -36,3 +229,4 @@ Object.defineProperty(exports, "useQueryClient", {
   get: function () { return reactQuery.useQueryClient; }
 });
 exports.AppProvider = AppProvider;
+exports.useWhiteLabel = useWhiteLabel;