@luxfi/ui 8.2.7 → 8.2.9

package/dist/link.js

@@ -1,63 +1,9 @@
-import * as React from 'react';
-import React__default from 'react';
-import { Box, sx, cn } from '@hanzo/ui';
+import React from 'react';
+import { cn, Box, sx } from '@hanzo/ui';
+import { Skeleton } from './skeleton.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/link.tsx
-var SKELETON_CLASSES = "lux-skeleton rounded-sm";
-var Skeleton = React.forwardRef(
-  function Skeleton2(props, ref) {
-    const { loading = true, asChild, className, children, style, ...rest } = props;
-    if (!loading) {
-      if (asChild && React.isValidElement(children)) return children;
-      return /* @__PURE__ */ jsx(Box, { ref, className, style, ...rest, children });
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        "data-loading": true,
-        ...sx(
-          SKELETON_CLASSES,
-          asChild || children ? "[&_*]:invisible" : "min-h-5",
-          className
-        ),
-        style,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-React.forwardRef(
-  function SkeletonCircle2(props, ref) {
-    const { size = 40, loading = true, className, ...rest } = props;
-    const dimension = typeof size === "number" ? `${size}px` : size;
-    return /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        ref,
-        loading,
-        ...sx("rounded-full shrink-0", className),
-        style: { width: dimension, height: dimension, ...rest.style },
-        ...rest
-      }
-    );
-  }
-);
-React.forwardRef(
-  function SkeletonText2(props, ref) {
-    const { noOfLines = 3, loading = true, className, ...rest } = props;
-    return /* @__PURE__ */ jsx(Box, { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        loading,
-        ...sx(cn("h-4", index === noOfLines - 1 && "max-w-[80%]"))
-      },
-      index
-    )) });
-  }
-);
 var ArrowIcon = ({ className, style }) => /* @__PURE__ */ jsx("svg", { className, style, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M11 3h6v6M17 3L7 13M14 11v6H3V6h6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 function stripUtmParams(url) {
   try {
@@ -135,7 +81,7 @@ function resolveSpacing(v) {
   }
   return void 0;
 }
-var Link = React__default.forwardRef(
+var Link = React.forwardRef(
   function Link2(props, ref) {
     const {
       external,
@@ -227,7 +173,7 @@ var Link = React__default.forwardRef(
     ) });
   }
 );
-var LinkBox = React__default.forwardRef(
+var LinkBox = React.forwardRef(
   function LinkBox2(props, ref) {
     const { className, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -240,7 +186,7 @@ var LinkBox = React__default.forwardRef(
     );
   }
 );
-var LinkOverlay = React__default.forwardRef(
+var LinkOverlay = React.forwardRef(
   function LinkOverlay2(props, ref) {
     const {
       children,

package/dist/lux.config.cjs

@@ -7,32 +7,8 @@ var gui = require('@hanzo/gui');
 var guiConfig = require('@hanzo/ui/gui-config');
 var v5 = require('@hanzogui/config/v5');
 var v5Css = require('@hanzogui/config/v5-css');
+var whiteLabel_cjs = require('./white-label.cjs');
 
-// 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 = {
   ...v5.defaultConfig.themes.dark,
@@ -51,11 +27,11 @@ var brandTheme = (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)
+  dark_lux: brandTheme(whiteLabel_cjs.LUX_BRAND.lux),
+  dark_zoo: brandTheme(whiteLabel_cjs.LUX_BRAND.zoo),
+  dark_hanzo: brandTheme(whiteLabel_cjs.LUX_BRAND.hanzo),
+  dark_pars: brandTheme(whiteLabel_cjs.LUX_BRAND.pars, { accentColor: whiteLabel_cjs.PARS_GOLD }),
+  dark_bootnode: brandTheme(whiteLabel_cjs.LUX_BRAND.bootnode)
 };
 var config = gui.createGui({
   ...v5.defaultConfig,
@@ -72,8 +48,14 @@ var config = gui.createGui({
 });
 var lux_config_default = config;
 
-exports.LUX_BRAND = LUX_BRAND;
-exports.PARS_GOLD = PARS_GOLD;
+Object.defineProperty(exports, "LUX_BRAND", {
+  enumerable: true,
+  get: function () { return whiteLabel_cjs.LUX_BRAND; }
+});
+Object.defineProperty(exports, "PARS_GOLD", {
+  enumerable: true,
+  get: function () { return whiteLabel_cjs.PARS_GOLD; }
+});
 exports.config = config;
 exports.default = lux_config_default;
 exports.luxThemes = luxThemes;

package/dist/lux.config.js

@@ -3,32 +3,9 @@ import { createGui } from '@hanzo/gui';
 import { config as config$1 } from '@hanzo/ui/gui-config';
 import { defaultConfig } from '@hanzogui/config/v5';
 import { animations } from '@hanzogui/config/v5-css';
+import { LUX_BRAND, PARS_GOLD } from './white-label.js';
+export { LUX_BRAND, PARS_GOLD } from './white-label.js';
 
-// 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,
@@ -68,4 +45,4 @@ var config = createGui({
 });
 var lux_config_default = config;
 
-export { LUX_BRAND, PARS_GOLD, config, lux_config_default as default, luxThemes };
+export { config, lux_config_default as default, luxThemes };

package/dist/menu.cjs

@@ -3,17 +3,9 @@
 
 var gui = require('@hanzo/gui');
 var lucideReact = require('lucide-react');
-var react = require('react');
+var ink_cjs = require('./ink.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
-var ink = (children, Wrap = gui.Text, props = {}) => {
-  let hasText = false;
-  react.Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return react.Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? react.createElement(Wrap, props, child) : child);
-};
 var ITEM_HOVER = "var(--color-popover-item-hover)";
 var TEXT = "var(--color-text-primary)";
 var ROW = {
@@ -91,7 +83,7 @@ var MenuItem = ({ children, value: _value, asChild, ...rest }) => (
       paddingVertical: 6,
       disabledStyle: { opacity: 0.5, pointerEvents: "none" },
       ...rest,
-      children: ink(children, void 0, { fontSize: 14, color: TEXT })
+      children: ink_cjs.ink(children, void 0, { fontSize: 14, color: TEXT })
     }
   )
 );
@@ -139,7 +131,7 @@ var MenuCheckboxItem = ({ children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx
     ...rest,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(Indicator, {}),
-      ink(children, void 0, { fontSize: 14, color: TEXT })
+      ink_cjs.ink(children, void 0, { fontSize: 14, color: TEXT })
     ]
   }
 );
@@ -156,7 +148,7 @@ var MenuRadioItem = ({ children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsxs(
     ...rest,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(Indicator, {}),
-      ink(children, void 0, { fontSize: 14, color: TEXT })
+      ink_cjs.ink(children, void 0, { fontSize: 14, color: TEXT })
     ]
   }
 );
@@ -172,7 +164,7 @@ var MenuTriggerItem = ({ startIcon, children, ...rest }) => /* @__PURE__ */ jsxR
     ...rest,
     children: [
       startIcon,
-      /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { flex: 1, children: ink(children, void 0, { fontSize: 14, color: TEXT }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { flex: 1, children: ink_cjs.ink(children, void 0, { fontSize: 14, color: TEXT }) }),
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 16 })
     ]
   }

package/dist/menu.js

@@ -1,17 +1,9 @@
 'use client';
 import { Menu, Text, View, XStack } from '@hanzo/gui';
 import { ChevronRight, Check } from 'lucide-react';
-import { Children, createElement } from 'react';
+import { ink } from './ink.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var ink = (children, Wrap = Text, props = {}) => {
-  let hasText = false;
-  Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? createElement(Wrap, props, child) : child);
-};
 var ITEM_HOVER = "var(--color-popover-item-hover)";
 var TEXT = "var(--color-text-primary)";
 var ROW = {