@luxfi/ui 7.3.1 → 7.4.0

package/dist/lux.config.d.ts

@@ -0,0 +1,415 @@
+import * as _hanzogui_web from '@hanzogui/web';
+import * as _hanzogui_themes_v5 from '@hanzogui/themes/v5';
+
+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;
+};
+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;
+    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;
+    };
+}, {}, {
+    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, LUX_BRAND, type LuxBrand, PARS_GOLD, config, config as default, luxThemes };

package/dist/lux.config.js

@@ -0,0 +1,48 @@
+"use client";
+import { createGui } from '@hanzo/gui';
+import { defaultConfig } from '@hanzogui/config/v5';
+
+var LUX_BRAND = {
+  lux: "#7000FF",
+  zoo: "#6C5EFB",
+  hanzo: "#EA580C",
+  pars: "#1C3879"
+};
+var PARS_GOLD = "#C8A45C";
+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 })
+};
+var config = createGui({
+  ...defaultConfig,
+  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/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/provider.cjs

@@ -1,30 +1,80 @@
 "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 jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _guiInitialized = false;
-function ensureGui() {
-  if (_guiInitialized) return;
-  if (typeof window === "undefined") return;
-  core.createGui({ settings: { autocompleteSpecificTokens: "except-special" } });
-  _guiInitialized = true;
-}
+var LUX_BRAND = {
+  lux: "#7000FF",
+  zoo: "#6C5EFB",
+  hanzo: "#EA580C",
+  pars: "#1C3879"
+};
+var PARS_GOLD = "#C8A45C";
+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 })
+};
+var config = gui.createGui({
+  ...v5.defaultConfig,
+  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 }) => {
-  React__default.default.useEffect(() => {
-    ensureGui();
+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);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children });
+};
+var AppProvider = ({
+  children,
+  queryClient,
+  defaultTheme = "dark_lux"
+}) => {
+  useFontBodyReset();
+  return /* @__PURE__ */ jsxRuntime.jsx(gui.GuiProvider, { config: lux_config_default, defaultTheme, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children }) });
 };
 
 Object.defineProperty(exports, "QueryClient", {

package/dist/provider.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { QueryClient } from '@tanstack/react-query';
 export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import React__default from 'react';
@@ -6,7 +5,9 @@ import React__default from 'react';
 interface AppProviderProps {
     children: React__default.ReactNode;
     queryClient?: QueryClient;
+    /** Lux brand child-theme row: dark_lux | dark_zoo | dark_hanzo | dark_pars */
+    defaultTheme?: string;
 }
-declare const AppProvider: ({ children, queryClient }: AppProviderProps) => react_jsx_runtime.JSX.Element;
+declare const AppProvider: ({ children, queryClient, defaultTheme, }: AppProviderProps) => React__default.ReactElement;
 
 export { AppProvider };

package/dist/provider.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { QueryClient } from '@tanstack/react-query';
 export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import React__default from 'react';
@@ -6,7 +5,9 @@ import React__default from 'react';
 interface AppProviderProps {
     children: React__default.ReactNode;
     queryClient?: QueryClient;
+    /** Lux brand child-theme row: dark_lux | dark_zoo | dark_hanzo | dark_pars */
+    defaultTheme?: string;
 }
-declare const AppProvider: ({ children, queryClient }: AppProviderProps) => react_jsx_runtime.JSX.Element;
+declare const AppProvider: ({ children, queryClient, defaultTheme, }: AppProviderProps) => React__default.ReactElement;
 
 export { AppProvider };