@luxfi/ui 8.2.6 → 8.2.8

package/dist/link.js

@@ -1,64 +1,9 @@
-"use client";
-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 {
@@ -136,7 +81,7 @@ function resolveSpacing(v) {
   }
   return void 0;
 }
-var Link = React__default.forwardRef(
+var Link = React.forwardRef(
   function Link2(props, ref) {
     const {
       external,
@@ -228,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(
@@ -241,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/list.cjs

@@ -1,4 +1,3 @@
-"use client";
 'use strict';
 
 var React = require('react');

package/dist/list.js

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 import { Box, cn } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/lux.config.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -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_js = require('./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 = {
   ...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_js.LUX_BRAND.lux),
+  dark_zoo: brandTheme(whiteLabel_js.LUX_BRAND.zoo),
+  dark_hanzo: brandTheme(whiteLabel_js.LUX_BRAND.hanzo),
+  dark_pars: brandTheme(whiteLabel_js.LUX_BRAND.pars, { accentColor: whiteLabel_js.PARS_GOLD }),
+  dark_bootnode: brandTheme(whiteLabel_js.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_js.LUX_BRAND; }
+});
+Object.defineProperty(exports, "PARS_GOLD", {
+  enumerable: true,
+  get: function () { return whiteLabel_js.PARS_GOLD; }
+});
 exports.config = config;
 exports.default = lux_config_default;
 exports.luxThemes = luxThemes;

package/dist/lux.config.js

@@ -1,34 +1,11 @@
-"use client";
+'use client';
 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/magnetic.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/magnetic.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/market-overview.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/market-overview.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { memo, useRef, useEffect } from 'react';
 import { Box } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/marquee.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/marquee.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn } from '@hanzo/ui';
 import { jsx } from 'react/jsx-runtime';

package/dist/menu-dock.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/menu-dock.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import * as React from 'react';
 import { Box, cn } from '@hanzo/ui';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/menu.cjs

@@ -1,19 +1,11 @@
-"use client";
+'use client';
 'use strict';
 
 var gui = require('@hanzo/gui');
 var lucideReact = require('lucide-react');
-var react = require('react');
+var ink_js = require('./ink.js');
 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_js.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_js.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_js.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_js.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";
+'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 = {

package/dist/menubar.cjs

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 'use strict';
 
 var gui = require('@hanzo/gui');

package/dist/menubar.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { XStack } from '@hanzo/gui';
 import { DropdownMenu, DropdownMenuTrigger } from '@hanzo/ui';
 export { DropdownMenuCheckboxItem as MenubarCheckboxItem, DropdownMenuContent as MenubarContent, DropdownMenuGroup as MenubarGroup, DropdownMenuItem as MenubarItem, DropdownMenuLabel as MenubarLabel, DropdownMenuPortal as MenubarPortal, DropdownMenuRadioGroup as MenubarRadioGroup, DropdownMenuRadioItem as MenubarRadioItem, DropdownMenuSeparator as MenubarSeparator, DropdownMenuShortcut as MenubarShortcut, DropdownMenuSub as MenubarSub, DropdownMenuSubContent as MenubarSubContent, DropdownMenuSubTrigger as MenubarSubTrigger } from '@hanzo/ui';