@luxfi/ui 8.2.6 → 8.2.8

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

@@ -1,122 +1,20 @@
+'use client';
 'use strict';
 
 var ui = require('@hanzo/ui');
-var react = require('react');
-var lucideReact = require('lucide-react');
+var MobileNavMenuAI = require('./mobile-nav-menu-ai.js');
+var AuthWidget = require('../auth/widget.js');
 var primitives = require('@hanzo/ui/primitives');
+var lucideReact = require('lucide-react');
 var Link = require('next/link');
-var logo = require('@luxfi/logo');
 var jsxRuntime = require('react/jsx-runtime');
-var react$1 = require('@hanzo/iam/react');
-require('embla-carousel-autoplay');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var MobileNavMenuAI__default = /*#__PURE__*/_interopDefault(MobileNavMenuAI);
+var AuthWidget__default = /*#__PURE__*/_interopDefault(AuthWidget);
 var Link__default = /*#__PURE__*/_interopDefault(Link);
 
-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 });
-};
-
-// src/site/components/auth/resume.ts
-var KEY = "lux-auth-resume";
-var remember = () => {
-  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
-};
-var Widget = ({
-  noLogin = false,
-  handleLogin,
-  className
-}) => {
-  const { isAuthenticated, isLoading, login, logout } = react$1.useIam();
-  const identity = react$1.useIamIdentity();
-  if (isLoading) {
-    return null;
-  }
-  if (!isAuthenticated) {
-    return noLogin ? null : /* @__PURE__ */ jsxRuntime.jsx(
-      primitives.Button,
-      {
-        variant: "primary",
-        className: ui.cn("h-8 w-fit !min-w-0", className),
-        onClick: handleLogin ?? (() => {
-          remember();
-          void login();
-        }),
-        children: "Login"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(primitives.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(primitives.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      primitives.Button,
-      {
-        variant: "outline",
-        size: "icon",
-        className: ui.cn("rounded-full text-muted border-2 border-muted bg-level-1 hover:bg-level-2 hover:border-foreground hover:text-foreground uppercase w-8 h-8", className),
-        children: identity?.initials
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(primitives.PopoverContent, { className: "bg-level-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 truncate", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium leading-none truncate", children: identity?.name }),
-        identity?.email && identity.email !== identity.name && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-50 truncate", children: identity.email })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(primitives.Separator, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(primitives.Button, { variant: "outline", onClick: () => {
-        logout();
-      }, children: "Logout" })
-    ] }) })
-  ] });
-};
-var AuthWidget = (props) => react.useContext(react$1.IamContext) ? /* @__PURE__ */ jsxRuntime.jsx(Widget, { ...props }) : null;
-var widget_default = AuthWidget;
-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 MobileNav = ({
   currentAs,
   links,
@@ -126,7 +24,7 @@ var MobileNav = ({
   setChatbotOpen,
   setMenuOpen
 }) => links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn("flex flex-col h-full", className), children: [
-  /* @__PURE__ */ jsxRuntime.jsx(mobile_nav_menu_ai_default, { setMenuOpen }),
+  /* @__PURE__ */ jsxRuntime.jsx(MobileNavMenuAI__default.default, { setMenuOpen }),
   /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex flex-col flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(primitives.Accordion, { type: "single", collapsible: true, className: "w-full h-full", children: links.map((el, index) => {
     const itemClx = commonItemClx ? typeof commonItemClx === "string" ? commonItemClx : commonItemClx(el) : "";
     const variant = el.variant ?? "link";
@@ -166,7 +64,7 @@ var MobileNav = ({
       ] }, index);
     }
   }) }) }),
-  /* @__PURE__ */ jsxRuntime.jsx(widget_default, { className: "text-2xl z-10", handleLogin: () => {
+  /* @__PURE__ */ jsxRuntime.jsx(AuthWidget__default.default, { className: "text-2xl z-10", handleLogin: () => {
     setMenuState("login");
   } })
 ] }) : null;

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

@@ -1,116 +1,12 @@
+'use client';
 import { Box, cn, css } from '@hanzo/ui';
-import { useState, useContext } from 'react';
-import { ChevronDown, Plus, ArrowRight } from 'lucide-react';
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent, Card, Button, Popover, PopoverTrigger, PopoverContent, Separator } from '@hanzo/ui/primitives';
+import MobileNavMenuAI from './mobile-nav-menu-ai.js';
+import AuthWidget from '../auth/widget.js';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@hanzo/ui/primitives';
+import { ChevronDown } from 'lucide-react';
 import Link from 'next/link';
-import { Logo as Logo$1, Wordmark } from '@luxfi/logo';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IamContext, useIam, useIamIdentity } from '@hanzo/iam/react';
-import 'embla-carousel-autoplay';
+import { jsxs, 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 });
-};
-
-// src/site/components/auth/resume.ts
-var KEY = "lux-auth-resume";
-var remember = () => {
-  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
-};
-var Widget = ({
-  noLogin = false,
-  handleLogin,
-  className
-}) => {
-  const { isAuthenticated, isLoading, login, logout } = useIam();
-  const identity = useIamIdentity();
-  if (isLoading) {
-    return null;
-  }
-  if (!isAuthenticated) {
-    return noLogin ? null : /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "primary",
-        className: cn("h-8 w-fit !min-w-0", className),
-        onClick: handleLogin ?? (() => {
-          remember();
-          void login();
-        }),
-        children: "Login"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "icon",
-        className: cn("rounded-full text-muted border-2 border-muted bg-level-1 hover:bg-level-2 hover:border-foreground hover:text-foreground uppercase w-8 h-8", className),
-        children: identity?.initials
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "bg-level-0", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2 truncate", children: [
-        /* @__PURE__ */ jsx("h4", { className: "font-medium leading-none truncate", children: identity?.name }),
-        identity?.email && identity.email !== identity.name && /* @__PURE__ */ jsx("p", { className: "text-sm opacity-50 truncate", children: identity.email })
-      ] }),
-      /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => {
-        logout();
-      }, children: "Logout" })
-    ] }) })
-  ] });
-};
-var AuthWidget = (props) => useContext(IamContext) ? /* @__PURE__ */ jsx(Widget, { ...props }) : null;
-var widget_default = AuthWidget;
-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 MobileNav = ({
   currentAs,
   links,
@@ -120,7 +16,7 @@ var MobileNav = ({
   setChatbotOpen,
   setMenuOpen
 }) => links.length > 0 ? /* @__PURE__ */ jsxs(Box, { className: cn("flex flex-col h-full", className), children: [
-  /* @__PURE__ */ jsx(mobile_nav_menu_ai_default, { setMenuOpen }),
+  /* @__PURE__ */ jsx(MobileNavMenuAI, { setMenuOpen }),
   /* @__PURE__ */ jsx(Box, { className: "flex flex-col flex-1 overflow-auto", children: /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full h-full", children: links.map((el, index) => {
     const itemClx = commonItemClx ? typeof commonItemClx === "string" ? commonItemClx : commonItemClx(el) : "";
     const variant = el.variant ?? "link";
@@ -160,7 +56,7 @@ var MobileNav = ({
       ] }, index);
     }
   }) }) }),
-  /* @__PURE__ */ jsx(widget_default, { className: "text-2xl z-10", handleLogin: () => {
+  /* @__PURE__ */ jsx(AuthWidget, { className: "text-2xl z-10", handleLogin: () => {
     setMenuState("login");
   } })
 ] }) : null;