@luxfi/core 5.2.11 → 5.2.13

package/site-def/main-nav.tsx

@@ -35,6 +35,34 @@ import Wallet from '../components/icons/wallet'
 import Validators from '../components/icons/validators'
 import OpenSource from '../components/icons/open-source'
 import LuxPass from '../components/icons/lux-pass'
+import CompareCardsAct from '../components/icons/compare-cards-act'
+import ViewAllCardsAct from '../components/icons/view-all-card-act'
+import MoreBenefitsAct from '../components/icons/more-benefits-act'
+import AIChatAct from '../components/icons/ai-chat-act'
+import ExchangeAct from '../components/icons/exchange-act'
+import MarketAct from '../components/icons/market-act'
+import ShopAct from '../components/icons/shop-act'
+import CreditAct from '../components/icons/credit-act'
+import LuxFinanceAct from '../components/icons/lux-finance-act'
+import LuxQuestsAct from '../components/icons/lux-quests-act'
+import BridgeAct from '../components/icons/bridge-act'
+import ExplorerAct from '../components/icons/explorer-act'
+import LaunchSubnetAct from '../components/icons/launchsubnet-act'
+import CoinsAct from '../components/icons/coins-act'
+import SafeAct from '../components/icons/safe-act'
+import LuxWalletAct from '../components/icons/wallet-act'
+import ValidatorsAct from '../components/icons/validators-act'
+import DeveloperDocsAct from '../components/icons/developer-docs-act'
+import OpenSourceAct from '../components/icons/open-source-act'
+import LuxPassAct from '../components/icons/lux-pass-act'
+import IntegrationAct from '../components/icons/integrations-act'
+import TemplatesAct from '../components/icons/templates-act'
+import CustomersAct from '../components/icons/customers-act'
+import BlogAct from '../components/icons/blog-act'
+import ChangeLogAct from '../components/icons/changelog-act'
+import CustomerSupportAct from '../components/icons/customer-support-act'
+import FAQsAct from '../components/icons/faqs-act'
+import GuidesAct from '../components/icons/guides-act'
 
 export interface LinkDefExtended extends LinkDef {
   isAIMenu?: boolean
@@ -46,6 +74,7 @@ export interface LinkDefExtended extends LinkDef {
 
 export interface ChildMenu extends LinkDef{
   groupName?:string
+  icon_act?:any
 }
 
 export default [
@@ -67,6 +96,7 @@ export default [
         groupName:'Black Card',
         title: "Anodized Black Titanium",
         icon: <Anodized />,
+        icon_act: '',
         href: "https://lux.credit/cards/black?sku=LXM-CR-B-ABT",
         newTab: false,
         contents:"" //insert string to here
@@ -75,6 +105,7 @@ export default [
         groupName:'Black Card',
         title: "Black Gunmetal",
         icon: <GunMetal />,
+        icon_act: '',
         href: "https://lux.credit/cards/black?sku=LXM-CR-B-GM",
         newTab: false,
         contents:"" //insert string to here
@@ -83,6 +114,7 @@ export default [
         groupName:'Founder Card',
         title: "Cool Chrome",
         icon: <Chrome />,
+        icon_act: '',
         href: "https://lux.credit/cards/founder?sku=LXM-CR-F-CC",
         newTab: false,
         contents:"" //insert string to here
@@ -91,6 +123,7 @@ export default [
         groupName:'Founder Card',
         title: "Iridescent Chrome",
         icon: <Irradescent />,
+        icon_act: '',
         href: "https://lux.credit/cards/founder?sku=LXM-CR-F-IC",
         newTab: false,
         contents:"" //insert string to here
@@ -98,7 +131,8 @@ export default [
       {
         groupName:'Explore',
         title: "Compare cards",
-        icon: <CompareCards width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <CompareCards width={25} height={25} />,
+        icon_act: <CompareCardsAct width={27} height={27} />,
         href: "https://lux.credit/compare",
         newTab: false,
         contents:"Evaluate Lux cards"
@@ -106,7 +140,8 @@ export default [
       {
         groupName:'Explore',
         title: "View all cards",
-        icon: <ViewAllCards width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <ViewAllCards width={25} height={25} />,
+        icon_act: <ViewAllCardsAct  width={25} height={25}/>,
         href: "https://lux.credit/cards",
         newTab: false,
         contents:"General overview"
@@ -114,7 +149,8 @@ export default [
       {
         groupName:'Explore',
         title: "More benefits",
-        icon: <MoreBenefits  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <MoreBenefits  width={25} height={25} />,
+        icon_act: <MoreBenefitsAct width={27} height={27} />,
         href: "#",
         newTab: false,
         contents:"See what's truly unique"
@@ -123,6 +159,7 @@ export default [
         groupName:'Elite Card',
         title: "24k Gold",
         icon: <GoldCard />,
+        icon_act: "",
         href: "https://lux.credit/cards/elite?sku=LXM-CR-E-24G",
         newTab: false,
         contents:"" //insert string to here
@@ -131,6 +168,7 @@ export default [
         groupName:'Elite Card',
         title: "Sterling Silver",
         icon: <Sterling />,
+        icon_act: "",
         href: "https://lux.credit/cards/elite?sku=LXM-CR-E-SS",
         newTab: false,
         contents:"" //insert string to here
@@ -139,6 +177,7 @@ export default [
         groupName:'Sovereign Card',
         title: "Reflective Titanium",
         icon: <MirroredTitanium/>,
+        icon_act: "",
         href: "https://lux.credit/cards/sovereign?sku=LXM-CR-S-RT",
         newTab: false,
         contents:"" //insert string to here
@@ -155,7 +194,8 @@ export default [
       {
         groupName:'Blockchain',
         title: "AI Chat",
-        icon: <AIChat  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <AIChat  width={25} height={25} />,
+        icon_act: <AIChatAct width={27} height={27}/>,
         href: "https://lux.chat",
         newTab: false,
         contents:"Ask anything, literally"
@@ -163,7 +203,8 @@ export default [
       {
         groupName:'Blockchain',
         title: "Exchange",
-        icon: <Exchange  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Exchange  width={25} height={25} />,
+        icon_act: <ExchangeAct width={27} height={27} />,
         href: "https://lux.exchange",
         newTab: false,
         contents:"Buy, sell, trade, swap..."
@@ -171,7 +212,8 @@ export default [
       {
         groupName:'Blockchain',
         title: "Market",
-        icon: <Market  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Market  width={25} height={25} />,
+        icon_act: <MarketAct width={27} height={27}/>,
         href: "https://lux.market",
         newTab: false,
         contents:"Digital collectibles & more" 
@@ -179,7 +221,8 @@ export default [
       {
         groupName:'Blockchain',
         title: "Shop",
-        icon: <Shop  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Shop  width={25} height={25} />,
+        icon_act: <ShopAct width={27} height={27}/>,
         href: "https://lux.market",
         newTab: false,
         contents:"Find any Lux product for sale"
@@ -187,7 +230,8 @@ export default [
       {
         groupName:'Real World',
         title: "Credit",
-        icon: <Credit  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Credit  width={25} height={25} />,
+        icon_act: <CreditAct width={27} height={27}/>,
         href: "https://lux.credit",
         newTab: false,
         contents:"Risk free loans" 
@@ -195,7 +239,8 @@ export default [
       {
         groupName:'Real World',
         title: "Lux Finance",
-        icon: <LuxFinance  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <LuxFinance  width={25} height={25} />,
+        icon_act: <LuxFinanceAct width={27} height={27}/>,
         href: "https://lux.finance",
         newTab: false,
         contents:"Financial arbitrage"
@@ -203,7 +248,8 @@ export default [
       {
         groupName:'More',
         title: "Lux Quest",
-        icon: <LuxQuests  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <LuxQuests  width={25} height={25} />,
+        icon_act: <LuxQuestsAct width={27} height={27}/>,
         href: "https://lux.quest",
         newTab: false,
         contents:"Go above and beyond"
@@ -220,7 +266,8 @@ export default [
       {
         groupName:'Defi Tools',
         title: "Bridge",
-        icon: <Bridge width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Bridge width={25} height={25} />,
+        icon_act: <BridgeAct width={27} height={27}/>,
         href: "https://bridge.lux.network/",
         newTab: false,
         contents:"Teleport assets"
@@ -228,7 +275,8 @@ export default [
       {
         groupName:'Defi Tools',
         title: "Explorer",
-        icon: <Explorer width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Explorer width={25} height={25} />,
+        icon_act: <ExplorerAct width={27} height={27}/>,
         href: "https://explorer.lux.network/",
         newTab: false,
         contents:"All transactions"
@@ -236,7 +284,8 @@ export default [
       {
         groupName:'Defi Tools',
         title: "Launch Subnet",
-        icon: <LaunchSubnet width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <LaunchSubnet width={25} height={25} />,
+        icon_act: <LaunchSubnetAct width={27} height={27}/>,
         href: "https://docs.lux.network/build/subnet/hello-subnet",
         newTab: false,
         contents:"Easy, free, and superior"
@@ -244,7 +293,8 @@ export default [
       {
         groupName:'Earn',
         title: "Coins",
-        icon: <Coins width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Coins width={25} height={25} />,
+        icon_act: <CoinsAct width={27} height={27}/>,
         href: "https://lux.network/coin",
         newTab: false,
         contents:"Be part of the ecosystem"
@@ -252,7 +302,8 @@ export default [
       {
         groupName:'Earn',
         title: "Safe",
-        icon: <Safe width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Safe width={25} height={25} />,
+        icon_act: <SafeAct width={27} height={27} />,
         href: "https://safe.lux.network",
         newTab: false,
         contents:"Multi-signature wallet"
@@ -260,7 +311,8 @@ export default [
       {
         groupName:'Earn',
         title: "Lux Wallet",
-        icon: <Wallet width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Wallet width={25} height={25} />,
+        icon_act: <LuxWalletAct width={27} height={27}/>,
         href: "https://wallet.lux.network",
         newTab: false,
         contents:"Safe and quantum secure"
@@ -268,7 +320,8 @@ export default [
       {
         groupName:'Earn',
         title: "Validators",
-        icon: <Validators width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Validators width={25} height={25} />,
+        icon_act: <ValidatorsAct width={27} height={27}/>,
         href: "https://lux.market/validator",
         newTab: false,
         contents:"Own a part of the network"
@@ -276,7 +329,8 @@ export default [
       {
         groupName:'Get Access',
         title: "Developer docs",
-        icon: <DeveloperDocs width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <DeveloperDocs width={25} height={25} />,
+        icon_act: <DeveloperDocsAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Software explained"
@@ -284,7 +338,8 @@ export default [
       {
         groupName:'Get Access',
         title: "Open Source",
-        icon: <OpenSource width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <OpenSource width={25} height={25} />,
+        icon_act: <OpenSourceAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Accessible for everyone"
@@ -292,7 +347,8 @@ export default [
       {
         groupName:'Get Access',
         title: "Lux Pass",
-        icon: <LuxPass width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <LuxPass width={25} height={25} />,
+        icon_act: <LuxPassAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"All access pass to network"
@@ -309,7 +365,8 @@ export default [
       {
         groupName:'Tools',
         title: "Resource Center",
-        icon: <AIChat  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <AIChat  width={25} height={25} />,
+        icon_act: <AIChatAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Dynamic solutions"
@@ -317,7 +374,8 @@ export default [
       {
         groupName:'Tools',
         title: "Integrations",
-        icon: <Integration  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Integration  width={25} height={25} />,
+        icon_act: <IntegrationAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Simplified onboarding"
@@ -325,7 +383,8 @@ export default [
       {
         groupName:'Tools',
         title: "Templates",
-        icon: <Templates  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Templates  width={25} height={25} />,
+        icon_act: <TemplatesAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Speedy app development"
@@ -333,7 +392,8 @@ export default [
       {
         groupName:'Tools',
         title: "Guides",
-        icon: <Guides  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Guides  width={25} height={25} />,
+        icon_act: <GuidesAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Find help quickly"
@@ -341,7 +401,8 @@ export default [
       {
         groupName:'Company',
         title: "Customers",
-        icon: <Customers  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Customers  width={25} height={25} />,
+        icon_act: <CustomersAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Trusted by the best teams"
@@ -349,7 +410,8 @@ export default [
       {
         groupName:'Company',
         title: "Blog",
-        icon: <Blog  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <Blog  width={25} height={25} />,
+        icon_act: <BlogAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Latest posts and changes"
@@ -357,7 +419,8 @@ export default [
       {
         groupName:'Company',
         title: "Changelog",
-        icon: <ChangeLog  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <ChangeLog  width={25} height={25} />,
+        icon_act: <ChangeLogAct width={27} height={27} />,
         href: "#",
         newTab: false,
         contents:"Manage deployments"
@@ -365,7 +428,8 @@ export default [
       {
         groupName:'More',
         title: "Developer docs",
-        icon: <DeveloperDocs  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <DeveloperDocs  width={25} height={25} />,
+        icon_act: <DeveloperDocsAct width={25}  height={25}/>,
         href: "#",
         newTab: false,
         contents:"Software explained"
@@ -373,7 +437,8 @@ export default [
       {
         groupName:'More',
         title: "Customer Support",
-        icon: <CustomerSupport  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <CustomerSupport  width={25} height={25} />,
+        icon_act: <CustomerSupportAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Dedicated help, 24/7"
@@ -381,7 +446,8 @@ export default [
       {
         groupName:'More',
         title: "FAQs",
-        icon: <FAQs  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        icon: <FAQs  width={25} height={25} />,
+        icon_act: <FAQsAct width={27} height={27}/>,
         href: "#",
         newTab: false,
         contents:"Common queries"

package/style/lux-global.css

@@ -28,4 +28,21 @@ div.nextjs-toast-errors-parent[data-nextjs-toast="true"] {
 .sq-card-wrapper .sq-card-message {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
+}
+
+
+.element-container:hover .icon-container-nor {
+  display: none;
+}
+
+.icon-container-hov {
+  display: none;
+}
+
+.element-container:hover .icon-container-hov {
+  display: block !important;
+}
+
+.element-container:hover .text-container {
+  background: transparent;
 }

package/components/commerce/checkout-panel/cart-accordian.tsx

@@ -1,66 +0,0 @@
-'use client'
-import React  from 'react'
-import { observer } from 'mobx-react-lite'
-
-import { ChevronRight } from 'lucide-react'
-
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from '@hanzo/ui/primitives'
-import { cn } from '@hanzo/ui/util'
-
-import { useCommerce, CartPanel, formatCurrencyValue } from '@hanzo/commerce' 
-
-const CartAccordian: React.FC<{
-  icon?: React.ReactNode
-  clx?: string
-  triggerClx?: string
-  panelClx?: string
-  scrollAfter: number
-  scrollHeightClx: string
-}> = observer(({
-  icon,
-  clx='',
-  panelClx='',
-  triggerClx='',
-  scrollAfter,
-  scrollHeightClx
-}) => { 
-  const cmmc = useCommerce()
-  return (
-    <Accordion type="single" collapsible className={clx}>
-      <AccordionItem value="cart" className='w-full border-b-0'>
-        <AccordionTrigger className={'!no-underline group flex justify-between '} headerClx={ triggerClx}>
-          <div className='flex gap-0 items-center'>
-            {icon}
-            <h5 className='text-sm sm:text-xl grow'>
-              <span className='group-data-[state=open]:hidden' >Order Total:</span>
-              <span className='group-data-[state=closed]:hidden' >Your Order</span>
-            </h5>
-          </div>
-          <div className='flex gap-1 items-center'>
-            <h5 className='text-sm sm:text-xl grow truncate'>{formatCurrencyValue(cmmc.promoAppliedCartTotal)}</h5>
-            <ChevronRight className="h-5 w-5 -mr-2 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" />
-          </div>
-        </AccordionTrigger>
-        <AccordionContent className='data-[state=open]:mb-4'>
-          <CartPanel 
-            className={cn('w-full', panelClx)} 
-            scrollAfter={scrollAfter}
-            scrollHeightClx={scrollHeightClx}
-            listClx='mt-0'
-            itemClx='mt-0.5 mb-0'
-            totalClx='sticky px-1 pr-2 border-t -bottom-[1px] bg-background'
-            showShipping
-            showPromoCode
-          />
-        </AccordionContent>
-      </AccordionItem>
-    </Accordion>
-  )
-})
-
-export default CartAccordian

package/components/commerce/checkout-panel/checkout-panel-props.ts

@@ -1,10 +0,0 @@
-interface CheckoutPanelProps {
-  step: number
-  stepNames: string[]
-  onLeave:() => void
-  clx?: string
-}
-
-export {
-  type CheckoutPanelProps as default 
-}

package/components/commerce/checkout-panel/desktop-cp.tsx

@@ -1,83 +0,0 @@
-'use client'
-import React, { type PropsWithChildren } from 'react'
-import { observer } from 'mobx-react-lite'
-
-import { ScrollArea, StepIndicator } from '@hanzo/ui/primitives'
-import { AuthWidget } from '@hanzo/auth/components'
-import { CartPanel, useCommerce } from '@hanzo/commerce'
-import { cn } from '@hanzo/ui/util'
-
-import { BackButton, Logo, Tooltip } from '../..'
-import DesktopBagCarousel from './desktop-bag-carousel'
-import LinksRow from './policy-links'
-import type CheckoutPanelProps from './checkout-panel-props'
-
-const DesktopCheckoutPanel: React.FC<PropsWithChildren & CheckoutPanelProps> = observer(({
-  step,
-  stepNames,
-  onLeave,
-  clx='',
-  children
-}) => {
-
-  const cmmc = useCommerce()
-  return ( 
-    <div /* id='CHECKOUT_PANEL' */  className={cn('grid grid-cols-2',  clx)}>
-      <div key={1} className='w-full h-full bg-background flex flex-row items-start justify-end'>
-        <div className='w-full h-full max-w-[750px] relative flex flex-col items-stretch justify-start px-8 pb-8'>
-          <div key={1} className='h-[80px] grow-0 flex flex-row items-center z-10' >
-            <Logo size='md' href='/' onClick={onLeave} variant='text-only' outerClx='logo-outer-tooltip-class' />
-            <Tooltip select='.logo-outer-tooltip-class' text='home' position='right' offset={6}/>
-          </div>
-          <BackButton 
-            size='sm' 
-            clx={
-              'z-10 absolute top-14 left-6 !px-0 aspect-square ' + 
-              'rounded-full hover:!bg-level-3 ' + 
-              'back-button-tooltip-class '
-            }
-            onBack={onLeave}
-          />
-          <Tooltip  select='.back-button-tooltip-class' text='back' position='right' offset={5}/>
-          <div key={2} className={cn(
-            'w-full grow min-h-0 max-w-[550px] mx-auto flex flex-col gap-3',
-            (cmmc.cartItems.length > 4 ? 'justify-between' : 'justify-start gap-10 pt-10')
-          )}>
-            <DesktopBagCarousel className='grow-0 h-[260px] w-[360px] lg:w-[420px] mx-auto -mt-8' constrainTo={{w: 250, h: 250}}/>
-            <CartPanel 
-              className='w-full border-none p-0' 
-              itemClx='mb-2' 
-              totalClx='sticky bottom-0 bg-background'
-              listClx='pr-3'
-              scrollAfter={4}
-              scrollHeightClx='min-h-[50vh] grow'
-              showPromoCode
-              showShipping
-              selectItems
-            />
-          </div>
-        </div>
-      </div>
-      <div key={2} className='w-full h-full flex flex-col bg-level-1 min-h-screen justify-between'>
-        <ScrollArea className='w-full flex flex-row items-start justify-start overflow-y-auto'>
-          <div className='h-full w-full max-w-[750px] relative flex flex-col items-center px-8 pt-0'>
-            <div key={1} className='bg-level-1 sticky h-[80px] bg-[#aaaaff] w-full top-0 flex justify-center items-end'>
-              <AuthWidget noLogin className='hidden md:flex absolute top-4 right-4 '/>
-              <StepIndicator dotSizeRem={1.35} steps={stepNames} currentStep={step} className='gap-2 text-base w-pr-70' />
-            </div>
-            <div key={2} className='w-full max-w-[550px] mx-auto py-8'>
-              {children}
-            </div>
-          </div>
-        </ScrollArea>
-        <div className='w-full max-w-[750px] relative flex flex-col items-center px-8 pt-0'>
-          <div className='w-full max-w-[550px] mx-auto flex flex-col items-center'>
-            <LinksRow clx='w-full' />
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-})
-
-export default DesktopCheckoutPanel

package/components/commerce/checkout-panel/mobile-cp.tsx

@@ -1,67 +0,0 @@
-'use client'
-import React, { type PropsWithChildren } from 'react'
-
-import { StepIndicator } from '@hanzo/ui/primitives'
-import { cn } from '@hanzo/ui/util'
-import { AuthWidget } from '@hanzo/auth/components'
-
-import { BackButton, Logo } from '../..'
-import BagButton from '../bag-button'
-import PolicyLinks from './policy-links'
-import CartAccordian from './cart-accordian'
-import type CheckoutPanelProps from './checkout-panel-props'
-
-
-const MobileCheckoutPanel: React.FC<PropsWithChildren & CheckoutPanelProps> = ({
-  step,
-  stepNames,
-  onLeave,
-  clx='',
-  children
-}) => (
-
-  <div /* id='MOBILE_GRID' */ className={cn('bg-background flex flex-col justify-start px-4 pt-[101px]', clx)}>
-    <div className='fixed z-11 top-0 h-[45px] w-full flex justify-between items-stretch bg-background'>
-      <div className='flex items-stretch gap-1 grow-0'>
-        <BackButton 
-          size='sm' 
-          clx={
-            '-ml-5 !px-0 aspect-square h-full ' + 
-            'rounded-full active:!bg-level-3 ' 
-          }
-          onBack={onLeave}
-        />
-        <Logo size='xs' variant='text-only' href='/' onClick={onLeave} outerClx='-ml-2'/>
-      </div>
-      <StepIndicator 
-        dotSizeRem={1} 
-        steps={stepNames} 
-        currentStep={step} 
-        className='relative grow mx-2 top-[14px] text-xs font-semibold w-full' 
-      />
-
-      {/* 72px by observation (for centering).  Need wrapper div since 'noLogin' returns null if no logged in user */}
-      <div className='w-[72px] grow-0 shrink-0 flex items-center justify-center'><AuthWidget noLogin className=''/></div>
-    </div>
-    <CartAccordian 
-      icon={
-        <BagButton 
-          animateOnHover={false} 
-          showIfEmpty 
-          size='sm'
-          className='mr-1 relative w-5 h-6 sm:w-6 sm:h-7'
-          iconClx='fill-foreground'
-        />
-      } 
-      clx='flex items-center justify-center w-full'
-      triggerClx='bg-background fixed z-11 top-[45px] left-0 right-0 !m-0 px-4'
-      panelClx='!py-0'
-      scrollAfter={3}
-      scrollHeightClx='h-[385px]' 
-    />
-    {children}
-    <PolicyLinks clx='mt-auto mb-3 pt-2' />
-  </div>
-)
-
-export default MobileCheckoutPanel

package/components/commerce/checkout-panel/policy-links.tsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import Link from 'next/link'
-
-import { Separator, buttonVariants } from '@hanzo/ui/primitives'
-import { cn } from '@hanzo/ui/util'
-
-
-const linkClx = buttonVariants({ 
-  variant: 'linkMuted', 
-  size: 'link',
-  rounded: 'none', 
-})
-
-const PolicyLinks: React.FC<{
-  clx?: string
-}> = ({
-  clx=''
-}) => (
-  <div className={cn('flex flex-col items-center', clx)}>
-    <Separator/>
-    <div className='flex gap-4 py-2 text-sm'>
-      {/* TODO: add Refund policy and Privacy policy links */}
-      <Link className={linkClx} href=''>refund policy</Link>
-      <Link className={linkClx} href=''>privacy policy</Link>
-    </div>
-  </div>   
-)
-
-export default PolicyLinks