@luxfi/ui 8.2.6 → 8.2.8

package/dist/site/components/header/mobile-bag-drawer.cjs

@@ -1,80 +1,16 @@
+'use client';
 'use strict';
 
 var primitives = require('@hanzo/ui/primitives');
 var ui = require('@hanzo/ui');
 var commerce = require('@hanzo/commerce');
-var react = require('react');
-var mobx = require('mobx');
-var mobxReactLite = require('mobx-react-lite');
+var BagButton = require('../commerce/bag-button.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var BagIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "none", viewBox: "0 0 1019 1281", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m977.243 365.553h-175.407v-90.629c0-151.923-131.968-274.924-292.334-274.924-160.367 0-292.337 123.002-292.337 274.924v90.629h-175.4023c-23.3886 0-41.7627 17.051-41.7627 38.756v775.121c0 55.8 48.4456 100.76 108.582 100.76h801.84c60.138 0 108.578-44.96 108.578-100.76v-775.121c0-21.705-18.37-38.756-41.757-38.756zm-676.553-90.629c0-108.517 93.546-196.9408 208.812-196.9408 115.265 0 208.813 88.4218 208.813 196.9408v89.08h-417.625z", fill: "currentColor" }) });
-var bag_icon_default = BagIcon;
-var BagButton = mobxReactLite.observer(({
-  showIfEmpty = false,
-  animateOnHover = true,
-  animateOnQuantityChange = true,
-  size = "default",
-  className = "",
-  iconClx = "",
-  onClick
-}) => {
-  const c = commerce.useCommerce();
-  const wiggleRef = react.useRef(mobx.observable.box("none"));
-  react.useEffect(() => (
-    // return IReactionDisposer
-    animateOnQuantityChange && c ? mobx.reaction(
-      () => c.cartQuantity,
-      (curr, prev) => {
-        if (curr > prev) {
-          mobx.runInAction(() => {
-            wiggleRef.current.set("more");
-          });
-        } else {
-          mobx.runInAction(() => {
-            wiggleRef.current.set("less");
-          });
-        }
-        setTimeout(() => {
-          mobx.runInAction(() => {
-            wiggleRef.current.set("none");
-          });
-        }, 800);
-      }
-    ) : void 0
-  ), []);
-  if (!c || !showIfEmpty && c.cartEmpty) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {});
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.Box,
-    {
-      "aria-label": "Bag",
-      role: "button",
-      onClick,
-      className: ui.cn(
-        primitives.buttonVariants({ variant: "ghost", size }),
-        "rounded-md",
-        // Overides the bg change on hover --not a "hover effect" 
-        "relative group p-0 aspect-square hover:bg-background",
-        wiggleRef.current.get() === "more" ? "item-added-to-cart-animation" : wiggleRef.current.get() === "less" ? "item-removed-from-cart-animation" : "",
-        className
-      ),
-      children: [
-        !c.cartEmpty && /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "z-above-content flex flex-col justify-center items-center  absolute left-0 right-0 top-0 bottom-0 leading-none font-sans font-bold text-primary-fg text-xs ", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[3px] w-full" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: c.cartQuantity })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(bag_icon_default, { width: "24", height: "28", className: ui.cn(
-          "relative -top-[3px] fill-primary",
-          iconClx,
-          animateOnHover ? "group-hover:fill-primary-hover group-hover:scale-105 transition-scale transition-duration-300" : ""
-        ), "aria-hidden": "true" })
-      ]
-    }
-  );
-});
-var bag_button_default = BagButton;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var BagButton__default = /*#__PURE__*/_interopDefault(BagButton);
+
 var MobileBagDrawer = ({
   open,
   setOpen,
@@ -94,7 +30,7 @@ var MobileBagDrawer = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center flex-none justify-center ", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            bag_button_default,
+            BagButton__default.default,
             {
               animateOnHover: false,
               showIfEmpty: true,

package/dist/site/components/header/mobile-bag-drawer.js

@@ -1,78 +1,10 @@
-import { buttonVariants, Drawer, DrawerContent } from '@hanzo/ui/primitives';
-import { Box, cn } from '@hanzo/ui';
-import { useCommerce, CartPanel } from '@hanzo/commerce';
-import { useRef, useEffect } from 'react';
-import { observable, reaction, runInAction } from 'mobx';
-import { observer } from 'mobx-react-lite';
+'use client';
+import { Drawer, DrawerContent } from '@hanzo/ui/primitives';
+import { cn } from '@hanzo/ui';
+import { CartPanel } from '@hanzo/commerce';
+import BagButton from '../commerce/bag-button.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var BagIcon = (props) => /* @__PURE__ */ jsx("svg", { fill: "none", viewBox: "0 0 1019 1281", ...props, children: /* @__PURE__ */ jsx("path", { d: "m977.243 365.553h-175.407v-90.629c0-151.923-131.968-274.924-292.334-274.924-160.367 0-292.337 123.002-292.337 274.924v90.629h-175.4023c-23.3886 0-41.7627 17.051-41.7627 38.756v775.121c0 55.8 48.4456 100.76 108.582 100.76h801.84c60.138 0 108.578-44.96 108.578-100.76v-775.121c0-21.705-18.37-38.756-41.757-38.756zm-676.553-90.629c0-108.517 93.546-196.9408 208.812-196.9408 115.265 0 208.813 88.4218 208.813 196.9408v89.08h-417.625z", fill: "currentColor" }) });
-var bag_icon_default = BagIcon;
-var BagButton = observer(({
-  showIfEmpty = false,
-  animateOnHover = true,
-  animateOnQuantityChange = true,
-  size = "default",
-  className = "",
-  iconClx = "",
-  onClick
-}) => {
-  const c = useCommerce();
-  const wiggleRef = useRef(observable.box("none"));
-  useEffect(() => (
-    // return IReactionDisposer
-    animateOnQuantityChange && c ? reaction(
-      () => c.cartQuantity,
-      (curr, prev) => {
-        if (curr > prev) {
-          runInAction(() => {
-            wiggleRef.current.set("more");
-          });
-        } else {
-          runInAction(() => {
-            wiggleRef.current.set("less");
-          });
-        }
-        setTimeout(() => {
-          runInAction(() => {
-            wiggleRef.current.set("none");
-          });
-        }, 800);
-      }
-    ) : void 0
-  ), []);
-  if (!c || !showIfEmpty && c.cartEmpty) {
-    return /* @__PURE__ */ jsx("div", {});
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "aria-label": "Bag",
-      role: "button",
-      onClick,
-      className: cn(
-        buttonVariants({ variant: "ghost", size }),
-        "rounded-md",
-        // Overides the bg change on hover --not a "hover effect" 
-        "relative group p-0 aspect-square hover:bg-background",
-        wiggleRef.current.get() === "more" ? "item-added-to-cart-animation" : wiggleRef.current.get() === "less" ? "item-removed-from-cart-animation" : "",
-        className
-      ),
-      children: [
-        !c.cartEmpty && /* @__PURE__ */ jsxs(Box, { className: "z-above-content flex flex-col justify-center items-center  absolute left-0 right-0 top-0 bottom-0 leading-none font-sans font-bold text-primary-fg text-xs ", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-[3px] w-full" }),
-          /* @__PURE__ */ jsx("div", { children: c.cartQuantity })
-        ] }),
-        /* @__PURE__ */ jsx(bag_icon_default, { width: "24", height: "28", className: cn(
-          "relative -top-[3px] fill-primary",
-          iconClx,
-          animateOnHover ? "group-hover:fill-primary-hover group-hover:scale-105 transition-scale transition-duration-300" : ""
-        ), "aria-hidden": "true" })
-      ]
-    }
-  );
-});
-var bag_button_default = BagButton;
 var MobileBagDrawer = ({
   open,
   setOpen,
@@ -92,7 +24,7 @@ var MobileBagDrawer = ({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center flex-none justify-center ", children: [
           /* @__PURE__ */ jsx(
-            bag_button_default,
+            BagButton,
             {
               animateOnHover: false,
               showIfEmpty: true,

package/dist/site/components/header/mobile-menu-toggle-button.cjs

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

package/dist/site/components/header/mobile-menu-toggle-button.js

@@ -1,3 +1,4 @@
+'use client';
 import { Plus } from 'lucide-react';
 import { Button } from '@hanzo/ui/primitives';
 import { cn, css } from '@hanzo/ui';

package/dist/site/components/header/mobile-nav-menu-ai.cjs

@@ -1,47 +1,45 @@
+'use client';
 'use strict';
 
 var react = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
 var primitives = require('@hanzo/ui/primitives');
-var Link = require('next/link');
-var logo = require('@luxfi/logo');
-var jsxRuntime = require('react/jsx-runtime');
+require('./access-code-input.js');
+require('./chat-widget.js');
+require('./contact-dialog/index.js');
+require('./copyright.js');
+require('./footer.js');
+require('./header/index.js');
+require('./icons/index.js');
+var default8 = require('./logo.js');
+require('./main.js');
+require('./mini-chart/index.js');
+require('./not-found/index.js');
+require('./auth/provider.js');
+require('./auth/login.js');
+require('./back-button.js');
+require('./commerce/drawer/index.js');
+require('./drawer-margin.js');
+require('./commerce/buy-button.js');
+require('./commerce/checkout-button.js');
+require('./commerce/checkout-panel/index.js');
+require('./auth/login-panel.js');
+require('./analytics.js');
+require('./tooltip.js');
 require('embla-carousel-autoplay');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var Link__default = /*#__PURE__*/_interopDefault(Link);
+var default8__default = /*#__PURE__*/_interopDefault(default8);
 
-var SIZE = {
-  xl: { mark: 40, word: 22, gap: "gap-4" },
-  lg: { mark: 40, word: 22, gap: "gap-4" },
-  md: { mark: 32, word: 18, gap: "gap-3" },
-  sm: { mark: 24, word: 13, gap: "gap-2" },
-  xs: { mark: 16, word: 9, gap: "gap-1.5" }
-};
-var Logo = ({
-  size = "md",
-  href,
-  // no default please!
-  outerClx = "",
-  variant = "full",
-  onClick
-}) => {
-  const s = SIZE[size] ?? SIZE.md;
-  const clx = "flex flex-row items-center " + s.gap + " " + (href ? "hover:opacity-80 cursor-pointer " : "cursor-default ") + outerClx;
-  const art = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    variant !== "wordmark" && /* @__PURE__ */ jsxRuntime.jsx(logo.Logo, { variant: "white", size: s.mark }),
-    variant !== "mark" && /* @__PURE__ */ jsxRuntime.jsx(logo.Wordmark, { height: s.word })
-  ] });
-  return href ? /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href, style: ui.css(clx), onClick, children: art }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: clx, onClick, children: art });
-};
 var MobileNavMenuAI = ({ setMenuOpen }) => {
   const [isOpen, setIsOpen] = react.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "w-full  text-2xl cursor-pointer", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Logo, { variant: "wordmark", size: "md", outerClx: "p-6 h-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(default8__default.default, { variant: "wordmark", size: "md", outerClx: "p-6 h-full" }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: ui.cn("grid", "block h-full aspect-square hover:bg-background sm:hover:bg-level-1 active:scale-75 text-foreground will-change-transform transition-transform transition-scale transition-duration-[1500] mt-6 mr-6 " + (!open ? "rotate-none" : "rotate-[135deg] scale-110")), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { width: 28, height: 28, style: ui.css("w-full h-full"), onClick: () => setMenuOpen(false) }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-5 border-b border-[#3A3A3A] mt-4 rounded-full bg-muted-4 mx-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "text-muted-1 font-bold flex-1 flex justify-between min-h-12 items-center px-2", onClick: () => setIsOpen(true), children: [

package/dist/site/components/header/mobile-nav-menu-ai.js

@@ -1,41 +1,39 @@
+'use client';
 import { useState } from 'react';
 import { Box, cn, css } from '@hanzo/ui';
 import { Plus, ArrowRight } from 'lucide-react';
 import { Card, Button } from '@hanzo/ui/primitives';
-import Link from 'next/link';
-import { Logo as Logo$1, Wordmark } from '@luxfi/logo';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import './access-code-input.js';
+import './chat-widget.js';
+import './contact-dialog/index.js';
+import './copyright.js';
+import './footer.js';
+import './header/index.js';
+import './icons/index.js';
+import default8 from './logo.js';
+import './main.js';
+import './mini-chart/index.js';
+import './not-found/index.js';
+import './auth/provider.js';
+import './auth/login.js';
+import './back-button.js';
+import './commerce/drawer/index.js';
+import './drawer-margin.js';
+import './commerce/buy-button.js';
+import './commerce/checkout-button.js';
+import './commerce/checkout-panel/index.js';
+import './auth/login-panel.js';
+import './analytics.js';
+import './tooltip.js';
 import 'embla-carousel-autoplay';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var SIZE = {
-  xl: { mark: 40, word: 22, gap: "gap-4" },
-  lg: { mark: 40, word: 22, gap: "gap-4" },
-  md: { mark: 32, word: 18, gap: "gap-3" },
-  sm: { mark: 24, word: 13, gap: "gap-2" },
-  xs: { mark: 16, word: 9, gap: "gap-1.5" }
-};
-var Logo = ({
-  size = "md",
-  href,
-  // no default please!
-  outerClx = "",
-  variant = "full",
-  onClick
-}) => {
-  const s = SIZE[size] ?? SIZE.md;
-  const clx = "flex flex-row items-center " + s.gap + " " + (href ? "hover:opacity-80 cursor-pointer " : "cursor-default ") + outerClx;
-  const art = /* @__PURE__ */ jsxs(Fragment, { children: [
-    variant !== "wordmark" && /* @__PURE__ */ jsx(Logo$1, { variant: "white", size: s.mark }),
-    variant !== "mark" && /* @__PURE__ */ jsx(Wordmark, { height: s.word })
-  ] });
-  return href ? /* @__PURE__ */ jsx(Link, { href, style: css(clx), onClick, children: art }) : /* @__PURE__ */ jsx(Box, { tag: "span", className: clx, onClick, children: art });
-};
 var MobileNavMenuAI = ({ setMenuOpen }) => {
   const [isOpen, setIsOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Box, { className: "w-full  text-2xl cursor-pointer", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsx(Logo, { variant: "wordmark", size: "md", outerClx: "p-6 h-full" }),
+        /* @__PURE__ */ jsx(default8, { variant: "wordmark", size: "md", outerClx: "p-6 h-full" }),
         /* @__PURE__ */ jsx(Box, { tag: "span", className: cn("grid", "block h-full aspect-square hover:bg-background sm:hover:bg-level-1 active:scale-75 text-foreground will-change-transform transition-transform transition-scale transition-duration-[1500] mt-6 mr-6 " + (!open ? "rotate-none" : "rotate-[135deg] scale-110")), children: /* @__PURE__ */ jsx(Plus, { width: 28, height: 28, style: css("w-full h-full"), onClick: () => setMenuOpen(false) }) })
       ] }),
       /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-5 border-b border-[#3A3A3A] mt-4 rounded-full bg-muted-4 mx-6", children: /* @__PURE__ */ jsxs(Box, { className: "text-muted-1 font-bold flex-1 flex justify-between min-h-12 items-center px-2", onClick: () => setIsOpen(true), children: [

package/dist/site/components/header/mobile-nav-menu-item.cjs

@@ -1,72 +1,18 @@
+'use client';
 'use strict';
 
 var react = require('react');
 var ui = require('@hanzo/ui');
 var Link = require('next/link');
+var index_js = require('../icons/index.js');
+var MobileNavMenuAI = require('./mobile-nav-menu-ai.js');
 var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var primitives = require('@hanzo/ui/primitives');
-var logo = require('@luxfi/logo');
-require('embla-carousel-autoplay');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var Link__default = /*#__PURE__*/_interopDefault(Link);
+var MobileNavMenuAI__default = /*#__PURE__*/_interopDefault(MobileNavMenuAI);
 
-// src/site/components/header/mobile-nav-menu-item.tsx
-var LeftArrow = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "16", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.06975 7.44328C0.679224 7.83381 0.679224 8.46697 1.06975 8.8575L7.43371 15.2215C7.82423 15.612 8.4574 15.612 8.84792 15.2215C9.23845 14.8309 9.23845 14.1978 8.84792 13.8072L3.19107 8.15039L8.84792 2.49354C9.23845 2.10301 9.23845 1.46985 8.84792 1.07932C8.4574 0.688798 7.82423 0.688798 7.43371 1.07932L1.06975 7.44328ZM1.77686 9.15039H2.49037V7.15039H1.77686V9.15039Z", fill: "white" }) });
-var left_arrow_default = LeftArrow;
-var RightArrow = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.33797 7.58293C8.72849 7.97346 8.72849 8.60662 8.33797 8.99715L1.97401 15.3611C1.58348 15.7516 0.950316 15.7516 0.559792 15.3611C0.169267 14.9706 0.169267 14.3374 0.559792 13.9469L6.21665 8.29004L0.559792 2.63318C0.169267 2.24266 0.169267 1.6095 0.559792 1.21897C0.950316 0.828447 1.58348 0.828447 1.97401 1.21897L8.33797 7.58293ZM7.63086 9.29004H6.91734V7.29004H7.63086V9.29004Z", fill: "white" }) });
-var right_arrow_default = RightArrow;
-var SIZE = {
-  xl: { mark: 40, word: 22, gap: "gap-4" },
-  lg: { mark: 40, word: 22, gap: "gap-4" },
-  md: { mark: 32, word: 18, gap: "gap-3" },
-  sm: { mark: 24, word: 13, gap: "gap-2" },
-  xs: { mark: 16, word: 9, gap: "gap-1.5" }
-};
-var Logo = ({
-  size = "md",
-  href,
-  // no default please!
-  outerClx = "",
-  variant = "full",
-  onClick
-}) => {
-  const s = SIZE[size] ?? SIZE.md;
-  const clx = "flex flex-row items-center " + s.gap + " " + (href ? "hover:opacity-80 cursor-pointer " : "cursor-default ") + outerClx;
-  const art = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    variant !== "wordmark" && /* @__PURE__ */ jsxRuntime.jsx(logo.Logo, { variant: "white", size: s.mark }),
-    variant !== "mark" && /* @__PURE__ */ jsxRuntime.jsx(logo.Wordmark, { height: s.word })
-  ] });
-  return href ? /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href, style: ui.css(clx), onClick, children: art }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: clx, onClick, children: art });
-};
-var MobileNavMenuAI = ({ setMenuOpen }) => {
-  const [isOpen, setIsOpen] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "w-full  text-2xl cursor-pointer", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Logo, { variant: "wordmark", size: "md", outerClx: "p-6 h-full" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: ui.cn("grid", "block h-full aspect-square hover:bg-background sm:hover:bg-level-1 active:scale-75 text-foreground will-change-transform transition-transform transition-scale transition-duration-[1500] mt-6 mr-6 " + (!open ? "rotate-none" : "rotate-[135deg] scale-110")), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { width: 28, height: 28, style: ui.css("w-full h-full"), onClick: () => setMenuOpen(false) }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-5 border-b border-[#3A3A3A] mt-4 rounded-full bg-muted-4 mx-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "text-muted-1 font-bold flex-1 flex justify-between min-h-12 items-center px-2", onClick: () => setIsOpen(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base pl-2 font-light", children: "Ask AI a question" }),
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, {})
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "fixed bottom-0 sm:bottom-16 right-0 w-full h-full sm:max-w-[400px] sm:max-h-[550px] sm:px-4 z-floating " + (isOpen ? "flex" : "hidden"), children: /* @__PURE__ */ jsxRuntime.jsxs(primitives.Card, { className: "flex flex-col h-full w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex px-4 py-2 h-16 bg-level-0 items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-semibold font-heading", children: [
-          "LUX",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: "AI" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(primitives.Button, { onClick: () => setIsOpen(false), variant: "link", size: "icon", className: "w-fit sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "w-6 h-6 flex-none mr-1 rotate-45 transition-transform" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("iframe", { src: "https://lux.chat/iframe", className: "h-full" })
-    ] }) })
-  ] });
-};
-var mobile_nav_menu_ai_default = MobileNavMenuAI;
 var MobileNavMenuItem = ({
   link,
   setMenuOpen
@@ -76,12 +22,12 @@ var MobileNavMenuItem = ({
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "w-full flex items-center px-5 py-3 gap-[27px] text-2xl cursor-pointer", onClick: () => setIsOpen(true), children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block w-[18px] h-[22px] items-center", children: link.icon }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: link.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(right_arrow_default, { className: "" })
+      /* @__PURE__ */ jsxRuntime.jsx(index_js.RightArrow, { className: "" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: `fixed left-0 top-0 w-screen h-screen ${isOpen ? "block" : "hidden"}`, style: { backgroundColor: "black" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(mobile_nav_menu_ai_default, { setMenuOpen }),
+      /* @__PURE__ */ jsxRuntime.jsx(MobileNavMenuAI__default.default, { setMenuOpen }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "w-full flex items-center px-5 py-3 gap-[27px] text-2xl font-bold", onClick: () => setIsOpen(false), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(left_arrow_default, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(index_js.LeftArrow, {}),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-white", children: link.title })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex flex-col", children: link.childMenu?.map((menu, index) => {

package/dist/site/components/header/mobile-nav-menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-nav-menu-item.d.ts","sourceRoot":"","sources":["../../../../src/site/components/header/mobile-nav-menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAI9D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAkCA,CAAA;eAEc,iBAAiB"}
+{"version":3,"file":"mobile-nav-menu-item.d.ts","sourceRoot":"","sources":["../../../../src/site/components/header/mobile-nav-menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAI9D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAkCA,CAAA;eAEc,iBAAiB"}

package/dist/site/components/header/mobile-nav-menu-item.js

@@ -1,66 +1,11 @@
+'use client';
 import { useState } from 'react';
-import { Box, cn, css } from '@hanzo/ui';
+import { Box } from '@hanzo/ui';
 import Link from 'next/link';
+import { RightArrow, LeftArrow } from '../icons/index.js';
+import MobileNavMenuAI from './mobile-nav-menu-ai.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Plus, ArrowRight } from 'lucide-react';
-import { Card, Button } from '@hanzo/ui/primitives';
-import { Logo as Logo$1, Wordmark } from '@luxfi/logo';
-import 'embla-carousel-autoplay';
 
-// src/site/components/header/mobile-nav-menu-item.tsx
-var LeftArrow = (props) => /* @__PURE__ */ jsx("svg", { width: "10", height: "16", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M1.06975 7.44328C0.679224 7.83381 0.679224 8.46697 1.06975 8.8575L7.43371 15.2215C7.82423 15.612 8.4574 15.612 8.84792 15.2215C9.23845 14.8309 9.23845 14.1978 8.84792 13.8072L3.19107 8.15039L8.84792 2.49354C9.23845 2.10301 9.23845 1.46985 8.84792 1.07932C8.4574 0.688798 7.82423 0.688798 7.43371 1.07932L1.06975 7.44328ZM1.77686 9.15039H2.49037V7.15039H1.77686V9.15039Z", fill: "white" }) });
-var left_arrow_default = LeftArrow;
-var RightArrow = (props) => /* @__PURE__ */ jsx("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M8.33797 7.58293C8.72849 7.97346 8.72849 8.60662 8.33797 8.99715L1.97401 15.3611C1.58348 15.7516 0.950316 15.7516 0.559792 15.3611C0.169267 14.9706 0.169267 14.3374 0.559792 13.9469L6.21665 8.29004L0.559792 2.63318C0.169267 2.24266 0.169267 1.6095 0.559792 1.21897C0.950316 0.828447 1.58348 0.828447 1.97401 1.21897L8.33797 7.58293ZM7.63086 9.29004H6.91734V7.29004H7.63086V9.29004Z", fill: "white" }) });
-var right_arrow_default = RightArrow;
-var SIZE = {
-  xl: { mark: 40, word: 22, gap: "gap-4" },
-  lg: { mark: 40, word: 22, gap: "gap-4" },
-  md: { mark: 32, word: 18, gap: "gap-3" },
-  sm: { mark: 24, word: 13, gap: "gap-2" },
-  xs: { mark: 16, word: 9, gap: "gap-1.5" }
-};
-var Logo = ({
-  size = "md",
-  href,
-  // no default please!
-  outerClx = "",
-  variant = "full",
-  onClick
-}) => {
-  const s = SIZE[size] ?? SIZE.md;
-  const clx = "flex flex-row items-center " + s.gap + " " + (href ? "hover:opacity-80 cursor-pointer " : "cursor-default ") + outerClx;
-  const art = /* @__PURE__ */ jsxs(Fragment, { children: [
-    variant !== "wordmark" && /* @__PURE__ */ jsx(Logo$1, { variant: "white", size: s.mark }),
-    variant !== "mark" && /* @__PURE__ */ jsx(Wordmark, { height: s.word })
-  ] });
-  return href ? /* @__PURE__ */ jsx(Link, { href, style: css(clx), onClick, children: art }) : /* @__PURE__ */ jsx(Box, { tag: "span", className: clx, onClick, children: art });
-};
-var MobileNavMenuAI = ({ setMenuOpen }) => {
-  const [isOpen, setIsOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Box, { className: "w-full  text-2xl cursor-pointer", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsx(Logo, { variant: "wordmark", size: "md", outerClx: "p-6 h-full" }),
-        /* @__PURE__ */ jsx(Box, { tag: "span", className: cn("grid", "block h-full aspect-square hover:bg-background sm:hover:bg-level-1 active:scale-75 text-foreground will-change-transform transition-transform transition-scale transition-duration-[1500] mt-6 mr-6 " + (!open ? "rotate-none" : "rotate-[135deg] scale-110")), children: /* @__PURE__ */ jsx(Plus, { width: 28, height: 28, style: css("w-full h-full"), onClick: () => setMenuOpen(false) }) })
-      ] }),
-      /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-5 border-b border-[#3A3A3A] mt-4 rounded-full bg-muted-4 mx-6", children: /* @__PURE__ */ jsxs(Box, { className: "text-muted-1 font-bold flex-1 flex justify-between min-h-12 items-center px-2", onClick: () => setIsOpen(true), children: [
-        /* @__PURE__ */ jsx("span", { className: "text-base pl-2 font-light", children: "Ask AI a question" }),
-        /* @__PURE__ */ jsx(ArrowRight, {})
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { className: "fixed bottom-0 sm:bottom-16 right-0 w-full h-full sm:max-w-[400px] sm:max-h-[550px] sm:px-4 z-floating " + (isOpen ? "flex" : "hidden"), children: /* @__PURE__ */ jsxs(Card, { className: "flex flex-col h-full w-full", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex px-4 py-2 h-16 bg-level-0 items-center justify-between", children: [
-        /* @__PURE__ */ jsxs("h3", { className: "font-semibold font-heading", children: [
-          "LUX",
-          /* @__PURE__ */ jsx("span", { className: "opacity-60", children: "AI" })
-        ] }),
-        /* @__PURE__ */ jsx(Button, { onClick: () => setIsOpen(false), variant: "link", size: "icon", className: "w-fit sm:hidden", children: /* @__PURE__ */ jsx(Plus, { className: "w-6 h-6 flex-none mr-1 rotate-45 transition-transform" }) })
-      ] }),
-      /* @__PURE__ */ jsx("iframe", { src: "https://lux.chat/iframe", className: "h-full" })
-    ] }) })
-  ] });
-};
-var mobile_nav_menu_ai_default = MobileNavMenuAI;
 var MobileNavMenuItem = ({
   link,
   setMenuOpen
@@ -70,12 +15,12 @@ var MobileNavMenuItem = ({
     /* @__PURE__ */ jsxs(Box, { className: "w-full flex items-center px-5 py-3 gap-[27px] text-2xl cursor-pointer", onClick: () => setIsOpen(true), children: [
       /* @__PURE__ */ jsx("span", { className: "block w-[18px] h-[22px] items-center", children: link.icon }),
       /* @__PURE__ */ jsx("span", { className: "flex-1", children: link.title }),
-      /* @__PURE__ */ jsx(right_arrow_default, { className: "" })
+      /* @__PURE__ */ jsx(RightArrow, { className: "" })
     ] }),
     /* @__PURE__ */ jsxs(Box, { className: `fixed left-0 top-0 w-screen h-screen ${isOpen ? "block" : "hidden"}`, style: { backgroundColor: "black" }, children: [
-      /* @__PURE__ */ jsx(mobile_nav_menu_ai_default, { setMenuOpen }),
+      /* @__PURE__ */ jsx(MobileNavMenuAI, { setMenuOpen }),
       /* @__PURE__ */ jsxs(Box, { className: "w-full flex items-center px-5 py-3 gap-[27px] text-2xl font-bold", onClick: () => setIsOpen(false), children: [
-        /* @__PURE__ */ jsx(left_arrow_default, {}),
+        /* @__PURE__ */ jsx(LeftArrow, {}),
         /* @__PURE__ */ jsx(Box, { tag: "span", className: "text-white", children: link.title })
       ] }),
       /* @__PURE__ */ jsx(Box, { className: "flex flex-col", children: link.childMenu?.map((menu, index) => {