@luxfi/ui 7.3.2 → 7.4.0

package/dist/input.cjs

@@ -38,13 +38,21 @@ var INPUT_VARIANT_CLASSES = {
   unstyled: "border-0 bg-transparent p-0 h-auto"
 };
 var Input = React__default.default.forwardRef(
-  ({ size = "md", variant = "outline", className, ...rest }, ref) => {
+  ({ size = "md", variant = "outline", className, onChange, onChangeText, ...rest }, ref) => {
+    const handleChange = React__default.default.useCallback(
+      (event) => {
+        onChange?.(event);
+        onChangeText?.(event.target.value);
+      },
+      [onChange, onChangeText]
+    );
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
         ref,
         className: cn(INPUT_BASE, INPUT_SIZE_CLASSES[size], INPUT_VARIANT_CLASSES[variant], className),
-        ...rest
+        ...rest,
+        onChange: handleChange
       }
     );
   }

package/dist/input.d.cts

@@ -5,6 +5,14 @@ type InputVariant = 'outline' | 'filled' | 'unstyled';
 interface InputProps extends Omit<React__default.ComponentPropsWithRef<'input'>, 'size'> {
     readonly size?: InputSize;
     readonly variant?: InputVariant;
+    /**
+     * Tamagui / React-Native convention: called with the text value on every
+     * change. Bridged to the native `onChange`, so callers using EITHER the web
+     * `onChange(e)` API OR the `onChangeText(text)` API get updates. Without this
+     * bridge, RN/Tamagui-style code (e.g. seed-phrase / PIN entry ported from a
+     * gui-based surface) passes `onChangeText` and the field silently no-ops.
+     */
+    readonly onChangeText?: (text: string) => void;
 }
 declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 

package/dist/input.d.ts

@@ -5,6 +5,14 @@ type InputVariant = 'outline' | 'filled' | 'unstyled';
 interface InputProps extends Omit<React__default.ComponentPropsWithRef<'input'>, 'size'> {
     readonly size?: InputSize;
     readonly variant?: InputVariant;
+    /**
+     * Tamagui / React-Native convention: called with the text value on every
+     * change. Bridged to the native `onChange`, so callers using EITHER the web
+     * `onChange(e)` API OR the `onChangeText(text)` API get updates. Without this
+     * bridge, RN/Tamagui-style code (e.g. seed-phrase / PIN entry ported from a
+     * gui-based surface) passes `onChangeText` and the field silently no-ops.
+     */
+    readonly onChangeText?: (text: string) => void;
 }
 declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 

package/dist/input.js

@@ -32,13 +32,21 @@ var INPUT_VARIANT_CLASSES = {
   unstyled: "border-0 bg-transparent p-0 h-auto"
 };
 var Input = React.forwardRef(
-  ({ size = "md", variant = "outline", className, ...rest }, ref) => {
+  ({ size = "md", variant = "outline", className, onChange, onChangeText, ...rest }, ref) => {
+    const handleChange = React.useCallback(
+      (event) => {
+        onChange?.(event);
+        onChangeText?.(event.target.value);
+      },
+      [onChange, onChangeText]
+    );
     return /* @__PURE__ */ jsx(
       "input",
       {
         ref,
         className: cn(INPUT_BASE, INPUT_SIZE_CLASSES[size], INPUT_VARIANT_CLASSES[variant], className),
-        ...rest
+        ...rest,
+        onChange: handleChange
       }
     );
   }

package/dist/lux.config.cjs

@@ -0,0 +1,56 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var gui = require('@hanzo/gui');
+var v5 = require('@hanzogui/config/v5');
+
+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;
+
+exports.LUX_BRAND = LUX_BRAND;
+exports.PARS_GOLD = PARS_GOLD;
+exports.config = config;
+exports.default = lux_config_default;
+exports.luxThemes = luxThemes;

package/dist/lux.config.d.cts

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