@luxfi/ui 7.4.2 → 7.4.4

package/dist/next.cjs

@@ -1,6 +1,13 @@
 'use strict';
 
-// src/next.ts
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/engine.ts
 var GUI_PACKAGES = [
   "@hanzo/gui",
   "@hanzogui/accordion",
@@ -21,11 +28,16 @@ var GUI_PACKAGES = [
   "@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",
@@ -37,6 +49,7 @@ var GUI_PACKAGES = [
   "@hanzogui/progress",
   "@hanzogui/radio-group",
   "@hanzogui/react-native-media-driver",
+  "@hanzogui/remove-scroll",
   "@hanzogui/scroll-view",
   "@hanzogui/select",
   "@hanzogui/separator",
@@ -56,19 +69,37 @@ var GUI_PACKAGES = [
   "@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 DEFINES = {
+var GUI_DEFINES = {
   "process.env.EXPO_OS": JSON.stringify("web"),
   "process.env.IS_WEB": JSON.stringify("true")
 };
+function guiAliases(from) {
+  const { createRequire } = __require("module");
+  const require_ = createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
+  const alias = {};
+  for (const pkg of GUI_PACKAGES) {
+    try {
+      alias[`${pkg}$`] = require_.resolve(pkg);
+    } catch {
+    }
+  }
+  return alias;
+}
+
+// src/next.ts
 function withLuxUi(config = {}) {
   const userWebpack = config.webpack;
+  const engine = guiAliases(config.dir ?? process.cwd());
+  const { dir: _dir, ...rest } = config;
   return {
-    ...config,
+    ...rest,
     transpilePackages: [.../* @__PURE__ */ new Set([...config.transpilePackages ?? [], ...GUI_PACKAGES])],
     turbopack: {
       ...config.turbopack,
@@ -84,11 +115,13 @@ function withLuxUi(config = {}) {
       const next = userWebpack ? userWebpack(webpackConfig, context) : webpackConfig;
       next.resolve = {
         ...next.resolve,
-        alias: { ...next.resolve?.alias, "react-native$": "react-native-web" }
+        // The app's own aliases win — an app pinning a package on purpose is not
+        // something the umbrella should override.
+        alias: { "react-native$": "react-native-web", ...engine, ...next.resolve?.alias }
       };
       const webpackModule = context?.webpack;
       if (webpackModule?.DefinePlugin) {
-        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin(DEFINES)];
+        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin({ ...GUI_DEFINES })];
       }
       return next;
     }

package/dist/next.d.cts

@@ -1,5 +1,6 @@
 /** Every package `@hanzo/gui` re-exports — the engine, in full. */
-declare const GUI_PACKAGES: string[];
+declare const GUI_PACKAGES: ReadonlyArray<string>;
+
 interface WebpackConfig {
     resolve?: {
         alias?: Record<string, unknown>;
@@ -9,6 +10,8 @@ interface WebpackConfig {
 }
 /** The structural slice of a Next config this wrapper touches. */
 interface LuxUiNextConfig {
+    /** App root, for resolving the engine's single copy. Defaults to `cwd`. */
+    dir?: string;
     transpilePackages?: Array<string>;
     turbopack?: {
         resolveAlias?: Record<string, string>;

package/dist/next.d.ts

@@ -1,5 +1,6 @@
 /** Every package `@hanzo/gui` re-exports — the engine, in full. */
-declare const GUI_PACKAGES: string[];
+declare const GUI_PACKAGES: ReadonlyArray<string>;
+
 interface WebpackConfig {
     resolve?: {
         alias?: Record<string, unknown>;
@@ -9,6 +10,8 @@ interface WebpackConfig {
 }
 /** The structural slice of a Next config this wrapper touches. */
 interface LuxUiNextConfig {
+    /** App root, for resolving the engine's single copy. Defaults to `cwd`. */
+    dir?: string;
     transpilePackages?: Array<string>;
     turbopack?: {
         resolveAlias?: Record<string, string>;

package/dist/next.js

@@ -1,4 +1,11 @@
-// src/next.ts
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/engine.ts
 var GUI_PACKAGES = [
   "@hanzo/gui",
   "@hanzogui/accordion",
@@ -19,11 +26,16 @@ var GUI_PACKAGES = [
   "@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",
@@ -35,6 +47,7 @@ var GUI_PACKAGES = [
   "@hanzogui/progress",
   "@hanzogui/radio-group",
   "@hanzogui/react-native-media-driver",
+  "@hanzogui/remove-scroll",
   "@hanzogui/scroll-view",
   "@hanzogui/select",
   "@hanzogui/separator",
@@ -54,19 +67,37 @@ var GUI_PACKAGES = [
   "@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 DEFINES = {
+var GUI_DEFINES = {
   "process.env.EXPO_OS": JSON.stringify("web"),
   "process.env.IS_WEB": JSON.stringify("true")
 };
+function guiAliases(from) {
+  const { createRequire } = __require("module");
+  const require_ = createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
+  const alias = {};
+  for (const pkg of GUI_PACKAGES) {
+    try {
+      alias[`${pkg}$`] = require_.resolve(pkg);
+    } catch {
+    }
+  }
+  return alias;
+}
+
+// src/next.ts
 function withLuxUi(config = {}) {
   const userWebpack = config.webpack;
+  const engine = guiAliases(config.dir ?? process.cwd());
+  const { dir: _dir, ...rest } = config;
   return {
-    ...config,
+    ...rest,
     transpilePackages: [.../* @__PURE__ */ new Set([...config.transpilePackages ?? [], ...GUI_PACKAGES])],
     turbopack: {
       ...config.turbopack,
@@ -82,11 +113,13 @@ function withLuxUi(config = {}) {
       const next = userWebpack ? userWebpack(webpackConfig, context) : webpackConfig;
       next.resolve = {
         ...next.resolve,
-        alias: { ...next.resolve?.alias, "react-native$": "react-native-web" }
+        // The app's own aliases win — an app pinning a package on purpose is not
+        // something the umbrella should override.
+        alias: { "react-native$": "react-native-web", ...engine, ...next.resolve?.alias }
       };
       const webpackModule = context?.webpack;
       if (webpackModule?.DefinePlugin) {
-        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin(DEFINES)];
+        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin({ ...GUI_DEFINES })];
       }
       return next;
     }

package/dist/provider.cjs

@@ -36,10 +36,17 @@ var ORGS = {
     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",
+    // Zoo's issuer is `zoolabs.id` — the one row where it is not `<org>.id`,
+    // and the one every hand-rolled branding map gets wrong. `id.zoo.network`
+    // ANSWERS, which is why it keeps being copied around, but it is an alias:
+    // its own discovery document advertises
+    //   issuer                  https://zoolabs.id
+    //   authorization_endpoint  https://zoolabs.id/v1/iam/oauth/authorize
+    //   jwks_uri                https://zoolabs.id/v1/iam/.well-known/jwks
+    // so a client configured on the alias validates `iss` against a string the
+    // IdP never emits and rejects every token it is given — the exact shape of
+    // the lux.id outage. `zoo.id` is not an IdP at all (no discovery document).
+    iamDomain: "zoolabs.id",
     accent: LUX_BRAND.zoo,
     accentForeground: "#FFFFFF"
   },
@@ -73,15 +80,18 @@ var DOMAIN_ORG = [
   ["lux.cloud", "lux"],
   ["lux.id", "lux"],
   ["lux.finance", "lux"],
+  ["lux.market", "lux"],
+  ["lux.exchange", "lux"],
   ["zoo.ngo", "zoo"],
   ["zoo.network", "zoo"],
   ["zoo.cloud", "zoo"],
-  ["zoo.id", "zoo"],
+  ["zoolabs.id", "zoo"],
   ["hanzo.ai", "hanzo"],
   ["hanzo.cloud", "hanzo"],
   ["hanzo.id", "hanzo"],
-  ["pars.id", "pars"],
-  ["parsdao.org", "pars"],
+  ["pars.id", "pars", "app"],
+  ["pars.network", "pars", "app"],
+  ["parsdao.org", "pars", "app"],
   ["bootno.de", "bootnode", "platform"]
 ];
 var DEFAULT_ORG = "lux";
@@ -101,11 +111,11 @@ function matchDomain(host) {
   }
   return best;
 }
-function appSlug(host, domain, apexApp) {
+function appSlug(host, domain, pinned) {
+  if (pinned) return pinned;
   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;

package/dist/provider.js

@@ -31,10 +31,17 @@ var ORGS = {
     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",
+    // Zoo's issuer is `zoolabs.id` — the one row where it is not `<org>.id`,
+    // and the one every hand-rolled branding map gets wrong. `id.zoo.network`
+    // ANSWERS, which is why it keeps being copied around, but it is an alias:
+    // its own discovery document advertises
+    //   issuer                  https://zoolabs.id
+    //   authorization_endpoint  https://zoolabs.id/v1/iam/oauth/authorize
+    //   jwks_uri                https://zoolabs.id/v1/iam/.well-known/jwks
+    // so a client configured on the alias validates `iss` against a string the
+    // IdP never emits and rejects every token it is given — the exact shape of
+    // the lux.id outage. `zoo.id` is not an IdP at all (no discovery document).
+    iamDomain: "zoolabs.id",
     accent: LUX_BRAND.zoo,
     accentForeground: "#FFFFFF"
   },
@@ -68,15 +75,18 @@ var DOMAIN_ORG = [
   ["lux.cloud", "lux"],
   ["lux.id", "lux"],
   ["lux.finance", "lux"],
+  ["lux.market", "lux"],
+  ["lux.exchange", "lux"],
   ["zoo.ngo", "zoo"],
   ["zoo.network", "zoo"],
   ["zoo.cloud", "zoo"],
-  ["zoo.id", "zoo"],
+  ["zoolabs.id", "zoo"],
   ["hanzo.ai", "hanzo"],
   ["hanzo.cloud", "hanzo"],
   ["hanzo.id", "hanzo"],
-  ["pars.id", "pars"],
-  ["parsdao.org", "pars"],
+  ["pars.id", "pars", "app"],
+  ["pars.network", "pars", "app"],
+  ["parsdao.org", "pars", "app"],
   ["bootno.de", "bootnode", "platform"]
 ];
 var DEFAULT_ORG = "lux";
@@ -96,11 +106,11 @@ function matchDomain(host) {
   }
   return best;
 }
-function appSlug(host, domain, apexApp) {
+function appSlug(host, domain, pinned) {
+  if (pinned) return pinned;
   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;

package/dist/tag.cjs

@@ -332,8 +332,8 @@ var Tooltip = React4__namespace.forwardRef(
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
     const handleClickAway = React4__namespace.useCallback(() => {
-      handleOpenChangeManual(false);
-    }, [handleOpenChangeManual]);
+      if (open) handleOpenChangeManual(false);
+    }, [open, handleOpenChangeManual]);
     const triggerRef = usehooks.useClickAway(handleClickAway);
     const handleTriggerClick = React4__namespace.useCallback(() => {
       handleOpenChangeManual(!open);
@@ -373,7 +373,7 @@ var Tooltip = React4__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             gui.Tooltip.Trigger,
             {
-              ref: open ? triggerRef : void 0,
+              ref: triggerRef,
               asChild: true,
               ...isMobile ? { onPress: handleTriggerClick } : {},
               ...triggerProps,

package/dist/tag.js

@@ -310,8 +310,8 @@ var Tooltip = React4.forwardRef(
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
     const handleClickAway = React4.useCallback(() => {
-      handleOpenChangeManual(false);
-    }, [handleOpenChangeManual]);
+      if (open) handleOpenChangeManual(false);
+    }, [open, handleOpenChangeManual]);
     const triggerRef = useClickAway(handleClickAway);
     const handleTriggerClick = React4.useCallback(() => {
       handleOpenChangeManual(!open);
@@ -351,7 +351,7 @@ var Tooltip = React4.forwardRef(
           /* @__PURE__ */ jsx(
             Tooltip$1.Trigger,
             {
-              ref: open ? triggerRef : void 0,
+              ref: triggerRef,
               asChild: true,
               ...isMobile ? { onPress: handleTriggerClick } : {},
               ...triggerProps,

package/dist/tooltip.cjs

@@ -83,8 +83,8 @@ var Tooltip = React2__namespace.forwardRef(
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
     const handleClickAway = React2__namespace.useCallback(() => {
-      handleOpenChangeManual(false);
-    }, [handleOpenChangeManual]);
+      if (open) handleOpenChangeManual(false);
+    }, [open, handleOpenChangeManual]);
     const triggerRef = usehooks.useClickAway(handleClickAway);
     const handleTriggerClick = React2__namespace.useCallback(() => {
       handleOpenChangeManual(!open);
@@ -124,7 +124,7 @@ var Tooltip = React2__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             gui.Tooltip.Trigger,
             {
-              ref: open ? triggerRef : void 0,
+              ref: triggerRef,
               asChild: true,
               ...isMobile ? { onPress: handleTriggerClick } : {},
               ...triggerProps,

package/dist/tooltip.js

@@ -61,8 +61,8 @@ var Tooltip = React2.forwardRef(
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
     const handleClickAway = React2.useCallback(() => {
-      handleOpenChangeManual(false);
-    }, [handleOpenChangeManual]);
+      if (open) handleOpenChangeManual(false);
+    }, [open, handleOpenChangeManual]);
     const triggerRef = useClickAway(handleClickAway);
     const handleTriggerClick = React2.useCallback(() => {
       handleOpenChangeManual(!open);
@@ -102,7 +102,7 @@ var Tooltip = React2.forwardRef(
           /* @__PURE__ */ jsx(
             Tooltip$1.Trigger,
             {
-              ref: open ? triggerRef : void 0,
+              ref: triggerRef,
               asChild: true,
               ...isMobile ? { onPress: handleTriggerClick } : {},
               ...triggerProps,

package/dist/vite.cjs

@@ -1,13 +1,85 @@
 '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")
+};
+
 // src/vite.ts
 var DEDUPE = [
   "react",
   "react-dom",
   "@tanstack/react-query",
-  "@hanzo/gui",
-  "@hanzogui/core",
-  "@hanzogui/web"
+  ...GUI_PACKAGES
 ];
 var INCLUDE = [
   "react-native-web",
@@ -21,11 +93,8 @@ function luxUi(options = {}) {
     name: "@luxfi/ui",
     config: () => ({
       // The engine branches on these at module scope; without them it takes the
-      // native path in a browser bundle.
-      define: {
-        "process.env.EXPO_OS": JSON.stringify("web"),
-        "process.env.IS_WEB": JSON.stringify("true")
-      },
+      // native path in a browser bundle. (./engine)
+      define: { ...GUI_DEFINES },
       resolve: {
         alias: { "react-native": "react-native-web" },
         dedupe: [.../* @__PURE__ */ new Set([...DEDUPE, ...options.dedupe ?? []])]

package/dist/vite.js

@@ -1,11 +1,83 @@
+// 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")
+};
+
 // src/vite.ts
 var DEDUPE = [
   "react",
   "react-dom",
   "@tanstack/react-query",
-  "@hanzo/gui",
-  "@hanzogui/core",
-  "@hanzogui/web"
+  ...GUI_PACKAGES
 ];
 var INCLUDE = [
   "react-native-web",
@@ -19,11 +91,8 @@ function luxUi(options = {}) {
     name: "@luxfi/ui",
     config: () => ({
       // The engine branches on these at module scope; without them it takes the
-      // native path in a browser bundle.
-      define: {
-        "process.env.EXPO_OS": JSON.stringify("web"),
-        "process.env.IS_WEB": JSON.stringify("true")
-      },
+      // native path in a browser bundle. (./engine)
+      define: { ...GUI_DEFINES },
       resolve: {
         alias: { "react-native": "react-native-web" },
         dedupe: [.../* @__PURE__ */ new Set([...DEDUPE, ...options.dedupe ?? []])]