@luxfi/ui 7.3.2 → 7.4.2

package/dist/lux.config.d.ts

@@ -0,0 +1,433 @@
+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 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: {
+        0: number;
+        1: number;
+        2: number;
+        3: number;
+        4: number;
+        true: number;
+        5: number;
+        6: number;
+        7: number;
+        8: number;
+        9: number;
+        10: number;
+        11: number;
+        12: number;
+    };
+    readonly zIndex: {
+        0: number;
+        1: number;
+        2: number;
+        3: number;
+        4: number;
+        5: number;
+    };
+    readonly space: {
+        0: number;
+        0.25: number;
+        0.5: number;
+        0.75: number;
+        1: number;
+        1.5: number;
+        2: number;
+        2.5: number;
+        3: number;
+        3.5: number;
+        4: number;
+        true: number;
+        4.5: number;
+        5: number;
+        6: number;
+        7: number;
+        8: number;
+        9: number;
+        10: number;
+        11: number;
+        12: number;
+        13: number;
+        14: number;
+        15: number;
+        16: number;
+        17: number;
+        18: number;
+        19: number;
+        20: number;
+        [-0.25]: number;
+        [-0.5]: number;
+        [-0.75]: number;
+        [-1]: number;
+        [-1.5]: number;
+        [-2]: number;
+        [-2.5]: number;
+        [-3]: number;
+        [-3.5]: number;
+        [-4]: number;
+        "-true": number;
+        [-4.5]: number;
+        [-5]: number;
+        [-6]: number;
+        [-7]: number;
+        [-8]: number;
+        [-9]: number;
+        [-10]: number;
+        [-11]: number;
+        [-12]: number;
+        [-13]: number;
+        [-14]: number;
+        [-15]: number;
+        [-16]: number;
+        [-17]: number;
+        [-18]: number;
+        [-19]: number;
+        [-20]: number;
+    };
+    readonly size: {
+        $0: number;
+        "$0.25": number;
+        "$0.5": number;
+        "$0.75": number;
+        $1: number;
+        "$1.5": number;
+        $2: number;
+        "$2.5": number;
+        $3: number;
+        "$3.5": number;
+        $4: number;
+        $true: number;
+        "$4.5": number;
+        $5: number;
+        $6: number;
+        $7: number;
+        $8: number;
+        $9: number;
+        $10: number;
+        $11: number;
+        $12: number;
+        $13: number;
+        $14: number;
+        $15: number;
+        $16: number;
+        $17: number;
+        $18: number;
+        $19: number;
+        $20: number;
+    };
+}, {
+    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;
+    light: _hanzogui_themes_v5.V5Theme;
+    light_accent: _hanzogui_themes_v5.V5Theme;
+    dark_accent: _hanzogui_themes_v5.V5Theme;
+    light_black: _hanzogui_themes_v5.V5Theme;
+    light_white: _hanzogui_themes_v5.V5Theme;
+    light_gray: _hanzogui_themes_v5.V5Theme;
+    light_blue: _hanzogui_themes_v5.V5Theme;
+    light_red: _hanzogui_themes_v5.V5Theme;
+    light_yellow: _hanzogui_themes_v5.V5Theme;
+    light_green: _hanzogui_themes_v5.V5Theme;
+    light_orange: _hanzogui_themes_v5.V5Theme;
+    light_pink: _hanzogui_themes_v5.V5Theme;
+    light_purple: _hanzogui_themes_v5.V5Theme;
+    light_teal: _hanzogui_themes_v5.V5Theme;
+    light_neutral: _hanzogui_themes_v5.V5Theme;
+    dark_black: _hanzogui_themes_v5.V5Theme;
+    dark_white: _hanzogui_themes_v5.V5Theme;
+    dark_gray: _hanzogui_themes_v5.V5Theme;
+    dark_blue: _hanzogui_themes_v5.V5Theme;
+    dark_red: _hanzogui_themes_v5.V5Theme;
+    dark_yellow: _hanzogui_themes_v5.V5Theme;
+    dark_green: _hanzogui_themes_v5.V5Theme;
+    dark_orange: _hanzogui_themes_v5.V5Theme;
+    dark_pink: _hanzogui_themes_v5.V5Theme;
+    dark_purple: _hanzogui_themes_v5.V5Theme;
+    dark_teal: _hanzogui_themes_v5.V5Theme;
+    dark_neutral: _hanzogui_themes_v5.V5Theme;
+    light_surface1: _hanzogui_themes_v5.V5Theme;
+    light_white_surface1: _hanzogui_themes_v5.V5Theme;
+    light_surface2: _hanzogui_themes_v5.V5Theme;
+    light_white_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_black_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_black_surface2: _hanzogui_themes_v5.V5Theme;
+    light_black_accent: _hanzogui_themes_v5.V5Theme;
+    light_black_surface1: _hanzogui_themes_v5.V5Theme;
+    light_black_surface2: _hanzogui_themes_v5.V5Theme;
+    light_white_accent: _hanzogui_themes_v5.V5Theme;
+    light_gray_accent: _hanzogui_themes_v5.V5Theme;
+    light_gray_surface1: _hanzogui_themes_v5.V5Theme;
+    light_gray_surface2: _hanzogui_themes_v5.V5Theme;
+    light_blue_accent: _hanzogui_themes_v5.V5Theme;
+    light_blue_surface1: _hanzogui_themes_v5.V5Theme;
+    light_blue_surface2: _hanzogui_themes_v5.V5Theme;
+    light_red_accent: _hanzogui_themes_v5.V5Theme;
+    light_red_surface1: _hanzogui_themes_v5.V5Theme;
+    light_red_surface2: _hanzogui_themes_v5.V5Theme;
+    light_yellow_accent: _hanzogui_themes_v5.V5Theme;
+    light_yellow_surface1: _hanzogui_themes_v5.V5Theme;
+    light_yellow_surface2: _hanzogui_themes_v5.V5Theme;
+    light_green_accent: _hanzogui_themes_v5.V5Theme;
+    light_green_surface1: _hanzogui_themes_v5.V5Theme;
+    light_green_surface2: _hanzogui_themes_v5.V5Theme;
+    light_orange_accent: _hanzogui_themes_v5.V5Theme;
+    light_orange_surface1: _hanzogui_themes_v5.V5Theme;
+    light_orange_surface2: _hanzogui_themes_v5.V5Theme;
+    light_pink_accent: _hanzogui_themes_v5.V5Theme;
+    light_pink_surface1: _hanzogui_themes_v5.V5Theme;
+    light_pink_surface2: _hanzogui_themes_v5.V5Theme;
+    light_purple_accent: _hanzogui_themes_v5.V5Theme;
+    light_purple_surface1: _hanzogui_themes_v5.V5Theme;
+    light_purple_surface2: _hanzogui_themes_v5.V5Theme;
+    light_teal_accent: _hanzogui_themes_v5.V5Theme;
+    light_teal_surface1: _hanzogui_themes_v5.V5Theme;
+    light_teal_surface2: _hanzogui_themes_v5.V5Theme;
+    light_neutral_accent: _hanzogui_themes_v5.V5Theme;
+    light_neutral_surface1: _hanzogui_themes_v5.V5Theme;
+    light_neutral_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_black_accent: _hanzogui_themes_v5.V5Theme;
+    dark_white_accent: _hanzogui_themes_v5.V5Theme;
+    dark_white_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_white_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_gray_accent: _hanzogui_themes_v5.V5Theme;
+    dark_gray_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_gray_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_blue_accent: _hanzogui_themes_v5.V5Theme;
+    dark_blue_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_blue_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_red_accent: _hanzogui_themes_v5.V5Theme;
+    dark_red_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_red_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_yellow_accent: _hanzogui_themes_v5.V5Theme;
+    dark_yellow_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_yellow_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_green_accent: _hanzogui_themes_v5.V5Theme;
+    dark_green_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_green_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_orange_accent: _hanzogui_themes_v5.V5Theme;
+    dark_orange_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_orange_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_pink_accent: _hanzogui_themes_v5.V5Theme;
+    dark_pink_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_pink_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_purple_accent: _hanzogui_themes_v5.V5Theme;
+    dark_purple_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_purple_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_teal_accent: _hanzogui_themes_v5.V5Theme;
+    dark_teal_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_teal_surface2: _hanzogui_themes_v5.V5Theme;
+    dark_neutral_accent: _hanzogui_themes_v5.V5Theme;
+    dark_neutral_surface1: _hanzogui_themes_v5.V5Theme;
+    dark_neutral_surface2: _hanzogui_themes_v5.V5Theme;
+}, {
+    text: "textAlign";
+    b: "bottom";
+    bg: "backgroundColor";
+    content: "alignContent";
+    grow: "flexGrow";
+    items: "alignItems";
+    justify: "justifyContent";
+    l: "left";
+    m: "margin";
+    maxH: "maxHeight";
+    maxW: "maxWidth";
+    mb: "marginBottom";
+    minH: "minHeight";
+    minW: "minWidth";
+    ml: "marginLeft";
+    mr: "marginRight";
+    mt: "marginTop";
+    mx: "marginHorizontal";
+    my: "marginVertical";
+    p: "padding";
+    pb: "paddingBottom";
+    pl: "paddingLeft";
+    pr: "paddingRight";
+    pt: "paddingTop";
+    px: "paddingHorizontal";
+    py: "paddingVertical";
+    r: "right";
+    rounded: "borderRadius";
+    select: "userSelect";
+    self: "alignSelf";
+    shrink: "flexShrink";
+    t: "top";
+    z: "zIndex";
+}, {
+    readonly touchable: {
+        pointer: string;
+    };
+    readonly hoverable: {
+        hover: string;
+    };
+    readonly 'max-xxl': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xl': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-lg': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-md': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-sm': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xxs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xxxs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-200': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-100': {
+        readonly maxWidth: number;
+    };
+    readonly xxxs: {
+        readonly minWidth: number;
+    };
+    readonly xxs: {
+        readonly minWidth: number;
+    };
+    readonly xs: {
+        readonly minWidth: number;
+    };
+    readonly sm: {
+        readonly minWidth: number;
+    };
+    readonly md: {
+        readonly minWidth: number;
+    };
+    readonly lg: {
+        readonly minWidth: number;
+    };
+    readonly xl: {
+        readonly minWidth: number;
+    };
+    readonly xxl: {
+        readonly minWidth: number;
+    };
+    readonly 'max-height-lg': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-md': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-sm': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xxs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xxxs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-200': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-100': {
+        readonly maxHeight: number;
+    };
+    readonly 'height-sm': {
+        readonly minHeight: number;
+    };
+    readonly 'height-md': {
+        readonly minHeight: number;
+    };
+    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">;
+}, {
+    onlyAllowShorthands: false;
+    mediaQueryDefaultActive: {
+        touchable: boolean;
+        hoverable: boolean;
+        "max-xxl": boolean;
+        "max-xl": boolean;
+        "max-lg": boolean;
+        "max-md": boolean;
+        "max-sm": boolean;
+        "max-xs": boolean;
+        "max-xxs": boolean;
+        "max-xxxs": boolean;
+        xxxs: boolean;
+        xxs: boolean;
+        xs: boolean;
+        sm: boolean;
+        md: boolean;
+        lg: boolean;
+        xl: boolean;
+        xxl: boolean;
+        "max-height-sm": boolean;
+        "max-height-md": boolean;
+        "max-height-lg": boolean;
+        "height-sm": boolean;
+        "height-md": boolean;
+        "height-lg": boolean;
+    };
+    defaultFont: string;
+    fastSchemeChange: true;
+    shouldAddPrefersColorThemes: true;
+    allowedStyleValues: "somewhat-strict-web";
+    addThemeClassName: "html";
+    styleCompat: "react-native";
+}, "default">;
+type Conf = typeof config;
+declare module '@hanzo/gui' {
+    interface GuiCustomConfig extends Conf {
+    }
+}
+
+export { type Conf, config, config as default, luxThemes };

package/dist/lux.config.js

@@ -0,0 +1,69 @@
+"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",
+  // 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,
+  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 = createGui({
+  ...defaultConfig,
+  animations,
+  settings: {
+    ...defaultConfig.settings,
+    onlyAllowShorthands: false
+  },
+  themes: {
+    ...defaultConfig.themes,
+    ...luxThemes
+  }
+});
+var lux_config_default = config;
+
+export { LUX_BRAND, PARS_GOLD, config, lux_config_default as default, luxThemes };

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 };