@thorprovider/blocks 2.0.0 → 3.0.1

package/src/blocks/shared/reaction-toggle.tsx

@@ -1,145 +0,0 @@
-'use client'
-
-import { useEffect, useRef, useState, type ComponentType } from 'react'
-
-import { cn } from '../../lib/utils'
-
-const PARTICLE_COUNT = 8
-
-const STYLE_MARKER = 'data-reaction-toggle-keyframes'
-const STYLES = `
-@keyframes reaction-toggle-pop {
-  0% { transform: scale(1); }
-  30% { transform: scale(0.82); }
-  100% { transform: scale(1); }
-}
-@keyframes reaction-toggle-burst {
-  0% { opacity: 0; transform: translate(0, 0) scale(0.4); }
-  20% { opacity: 1; transform: translate(calc(var(--rx) * 0.25), calc(var(--ry) * 0.25)) scale(1); }
-  100% { opacity: 0; transform: translate(var(--rx), var(--ry)) scale(0.6); }
-}
-.reaction-toggle-pop {
-  animation: reaction-toggle-pop 350ms cubic-bezier(0.34, 1.96, 0.64, 1);
-}
-.reaction-toggle-burst {
-  animation-name: reaction-toggle-burst;
-  animation-timing-function: ease-out;
-  animation-fill-mode: forwards;
-}
-@media (prefers-reduced-motion: reduce) {
-  .reaction-toggle-pop,
-  .reaction-toggle-burst { animation: none !important; }
-}
-`
-
-function useReactionToggleStyles() {
-  useEffect(() => {
-    if (document.head.querySelector(`[${STYLE_MARKER}]`)) return
-
-    const style = document.createElement('style')
-    style.setAttribute(STYLE_MARKER, '')
-    style.textContent = STYLES
-    document.head.append(style)
-  }, [])
-}
-
-type ReactionIconProps = {
-  className?: string
-}
-
-type Particle = {
-  rx: number
-  ry: number
-  duration: number
-  delay: number
-  size: number
-}
-
-function buildParticles(): Particle[] {
-  return Array.from({ length: PARTICLE_COUNT }, (_, i) => {
-    const angle = (Math.PI * 2 * i) / PARTICLE_COUNT + (Math.random() - 0.5) * 0.4
-    const dist = 16 + Math.random() * 10
-
-    return {
-      rx: Math.round(Math.cos(angle) * dist * 10) / 10,
-      ry: Math.round(Math.sin(angle) * dist * 10) / 10,
-      duration: Math.round(500 + Math.random() * 200),
-      delay: Math.round(Math.random() * 60),
-      size: Math.round((0.7 + Math.random() * 0.8) * 100) / 100,
-    }
-  })
-}
-
-type ReactionToggleProps = {
-  active: boolean
-  icon: ComponentType<ReactionIconProps>
-  className?: string
-  iconClassName?: string
-  activeColorClassName?: string
-}
-
-export function ReactionToggle({
-  active,
-  icon: Icon,
-  className,
-  iconClassName,
-  activeColorClassName = 'text-primary',
-}: ReactionToggleProps) {
-  const [isBursting, setIsBursting] = useState(false)
-  const wasActive = useRef(active)
-  const particlesRef = useRef<Particle[]>(buildParticles())
-
-  useReactionToggleStyles()
-
-  useEffect(() => {
-    if (active && !wasActive.current) {
-      particlesRef.current = buildParticles()
-      setIsBursting(true)
-      const timeout = setTimeout(() => setIsBursting(false), 700)
-      wasActive.current = active
-      return () => clearTimeout(timeout)
-    }
-
-    wasActive.current = active
-  }, [active])
-
-  return (
-    <span className={cn('relative inline-flex', className)}>
-      <span className={cn('inline-flex', active && 'reaction-toggle-pop')}>
-        <Icon
-          className={cn(
-            'transition-[fill,stroke,color] duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]',
-            active ? cn('fill-current', activeColorClassName) : 'fill-transparent',
-            iconClassName
-          )}
-        />
-      </span>
-
-      {isBursting && (
-        <span
-          aria-hidden='true'
-          className={cn('pointer-events-none absolute top-1/2 left-1/2 size-0', activeColorClassName)}
-        >
-          {particlesRef.current.map((particle, index) => (
-            <i
-              key={index}
-              className='reaction-toggle-burst absolute rounded-full bg-current opacity-0'
-              style={
-                {
-                  '--rx': `${particle.rx}px`,
-                  '--ry': `${particle.ry}px`,
-                  animationDuration: `${particle.duration}ms`,
-                  animationDelay: `${particle.delay}ms`,
-                  width: `${2.5 * particle.size}px`,
-                  height: `${2.5 * particle.size}px`,
-                  left: `${-1.25 * particle.size}px`,
-                  top: `${-1.25 * particle.size}px`,
-                } as React.CSSProperties
-              }
-            />
-          ))}
-        </span>
-      )}
-    </span>
-  )
-}

package/src/hooks/use-mobile.ts

@@ -1,19 +0,0 @@
-import * as React from "react"
-
-const MOBILE_BREAKPOINT = 768
-
-export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
-
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    }
-    mql.addEventListener("change", onChange)
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    return () => mql.removeEventListener("change", onChange)
-  }, [])
-
-  return !!isMobile
-}

package/src/index.ts

@@ -1,284 +0,0 @@
-'use client'
-
-export { cn } from './lib/utils'
-export type { CTA } from './lib/types'
-
-export { Badge, badgeVariants } from './ui/badge'
-export { Button, buttonVariants } from './ui/button'
-export { Avatar, AvatarImage, AvatarFallback } from './ui/avatar'
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-} from './ui/card'
-
-export { default as Navbar } from './blocks/marketing/navbars/navbar'
-export { default as StorefrontNavbar } from './blocks/e-commerce/navigation/storefront-navbar'
-export { default as Banner1 } from './blocks/marketing/banners/banner-1'
-export { default as HeroSection1 } from './blocks/marketing/hero-sections/hero-section-1'
-export { default as CtaSection1 } from './blocks/marketing/cta/cta-section-1'
-export { default as Feature } from './blocks/marketing/features/feature'
-export { TestimonialSection } from './blocks/marketing/testimonials/testimonial-section'
-export { default as FaqBlock1 } from './blocks/marketing/faq/faq-block-1'
-export { default as PricingSection1 } from './blocks/marketing/pricing/pricing-section-1'
-export type { CtaSection1Props } from './blocks/marketing/cta/cta-section-1'
-export type { FaqBlock1Props, FaqItem } from './blocks/marketing/faq/faq-block-1'
-export type {
-  FeatureProps,
-  FeatureItem,
-  FeaturePresentation,
-} from './blocks/marketing/features/feature'
-export type { LogoCloud1Props, LogoCloud1Platform } from './blocks/marketing/logo-clouds/logo-cloud-1'
-export type { PricingSection1Props, PricingTier } from './blocks/marketing/pricing/pricing-section-1'
-export type { Statistic1Props, StatisticItem } from './blocks/marketing/statistics/statistic-1'
-export type {
-  TestimonialItem,
-  TestimonialCarouselLabels,
-  TestimonialSectionProps,
-} from './blocks/marketing/testimonials/testimonial-section'
-export { default as Statistic1 } from './blocks/marketing/statistics/statistic-1'
-export { default as LogoCloud1 } from './blocks/marketing/logo-clouds/logo-cloud-1'
-export { FooterSection } from './blocks/marketing/footers/footer-section'
-export type {
-  FooterBrandAccent,
-  FooterContact,
-  FooterContactItem,
-  FooterLink as CanonicalFooterLink,
-  FooterLinkBehavior,
-  FooterLinkColumn as CanonicalFooterLinkColumn,
-  FooterNewsletter,
-  FooterPresentation,
-  FooterSectionProps,
-  FooterSocialLink,
-} from './blocks/marketing/footers/footer-section'
-export type {
-  NavbarFeatured,
-  NavbarGroup,
-  NavbarIcon,
-  NavbarIconMap,
-  NavbarItem,
-  NavbarLink,
-  NavbarPresentation,
-  NavbarProps,
-} from './blocks/marketing/navbars/navbar'
-export type { StorefrontNavbarProps } from './blocks/e-commerce/navigation/storefront-navbar'
-export { ProductCard } from './blocks/e-commerce/product-list/product-card'
-export type {
-  ProductCardProps,
-  ProductCardPresentation,
-} from './blocks/e-commerce/product-list/product-card'
-export { ProductGrid } from './blocks/e-commerce/product-list/product-grid'
-export type { ProductGridProps } from './blocks/e-commerce/product-list/product-grid'
-export { default as ProductShowcase1 } from './blocks/e-commerce/product-list/product-showcase-1'
-export type { ProductShowcase1Props } from './blocks/e-commerce/product-list/product-showcase-1'
-export { default as ProductOverview } from './blocks/e-commerce/product-overview/product-overview'
-export type {
-  ProductOverviewProps,
-  ProductOverviewRating,
-  ProductOverviewPresentation,
-  ProductOverviewReview,
-  ProductDetailProduct,
-  ProductDetailVariant,
-} from './blocks/e-commerce/product-overview/product-overview'
-export { default as ProductQuickView } from './blocks/e-commerce/product-overview/product-quick-view'
-export { default as ReviewRating1 } from './blocks/e-commerce/reviews/review-rating-1'
-export type { ReviewRating1Review } from './blocks/e-commerce/reviews/review-rating-1'
-export { default as ReviewRating2 } from './blocks/e-commerce/reviews/review-rating-2'
-export { default as ProductCategory } from './blocks/e-commerce/product-categories/product-category'
-export type {
-  ProductCategoryProps,
-  ProductCategoryPresentation,
-} from './blocks/e-commerce/product-categories/product-category'
-export { default as CategoryCard } from './blocks/e-commerce/product-categories/category-card'
-export type {
-  CategoryCardProps,
-  CategoryCardPresentation,
-} from './blocks/e-commerce/product-categories/category-card'
-export { default as CategoryGrid } from './blocks/e-commerce/product-categories/product-category-grid'
-export type {
-  CategoryGridProps,
-  CategoryGridPresentation,
-} from './blocks/e-commerce/product-categories/product-category-grid'
-export { MegaMenu, megaMenuPropsSchema } from './blocks/e-commerce/navigation/mega-menu'
-export type { MegaMenuProps } from './blocks/e-commerce/navigation/mega-menu'
-export { MobileCategoryDrawer, mobileCategoryDrawerPropsSchema } from './blocks/e-commerce/navigation/mobile-category-drawer'
-export type { MobileCategoryDrawerProps } from './blocks/e-commerce/navigation/mobile-category-drawer'
-export { CategoryIcon, categoryIconNameSchema, categoryIconPropsSchema } from './blocks/e-commerce/navigation/category-icon'
-export type { CategoryIconName, CategoryIconProps } from './blocks/e-commerce/navigation/category-icon'
-export { Breadcrumb, breadcrumbItemSchema, breadcrumbPropsSchema } from './blocks/e-commerce/navigation/breadcrumb'
-export type { BreadcrumbItemData, BreadcrumbProps } from './blocks/e-commerce/navigation/breadcrumb'
-export { SkipToContent, skipToContentPropsSchema } from './blocks/e-commerce/navigation/skip-to-content'
-export type { SkipToContentProps } from './blocks/e-commerce/navigation/skip-to-content'
-export { BackToTop, backToTopPropsSchema, resolveScrollBehavior } from './blocks/e-commerce/navigation/back-to-top'
-export type { BackToTopProps } from './blocks/e-commerce/navigation/back-to-top'
-export { MobileBottomNav, mobileBottomNavItemSchema, mobileBottomNavPropsSchema } from './blocks/e-commerce/navigation/mobile-bottom-nav'
-export type { MobileBottomNavItem, MobileBottomNavProps } from './blocks/e-commerce/navigation/mobile-bottom-nav'
-export { menuItemSchema, collectionItemSchema } from './lib/types/menu'
-export type { MenuItem, CollectionItem } from './lib/types/menu'
-export { CategoryListing, CategoryListingStatusView, buildFilterChange, reconcileSearchDraft, toggleFilterValue } from './blocks/e-commerce/category-filters/category-listing'
-export type {
-  CategoryListingActiveFilter,
-  CategoryListingActiveFilterKind,
-  CategoryListingFacetGroup,
-  CategoryListingFacetOption,
-  CategoryListingFilters,
-  CategoryListingOption,
-  CategoryListingPresentation,
-  CategoryListingPriceRange,
-  CategoryListingProps,
-  CategoryListingQueryError,
-  CategoryListingSortOption,
-  CategoryListingStatus,
-  CategoryListingStatusViewProps,
-} from './blocks/e-commerce/category-filters/category-listing'
-export { default as ShoppingCart } from './blocks/e-commerce/shopping-carts/shopping-cart'
-export type {
-  ShoppingCartProps,
-  ShoppingCartPromotion,
-  ShoppingCartPresentation,
-  ShoppingCartTotalsState,
-} from './blocks/e-commerce/shopping-carts/shopping-cart'
-export { default as StoreContainer1 } from './blocks/e-commerce/store-containers/store-container-1'
-export type { StoreContainer1Props } from './blocks/e-commerce/store-containers/store-container-1'
-export { default as Checkout } from './blocks/e-commerce/checkout-forms/checkout'
-export type {
-  CheckoutProps,
-  CheckoutValues,
-  CheckoutPresentation,
-  CheckoutStepId,
-  CheckoutLabels,
-  CheckoutValuesFieldErrors,
-  CheckoutFieldDescriptions,
-  CheckoutChangeHandler,
-  CheckoutOrderSummary,
-  CheckoutOrderLine,
-  CheckoutTotals,
-  CheckoutTotalsState,
-  CheckoutCountryOption,
-  CheckoutShippingOption,
-} from './blocks/e-commerce/checkout-forms/checkout'
-export { default as CheckoutConfirmation } from './blocks/e-commerce/checkout-forms/checkout-confirmation'
-export type {
-  CheckoutConfirmationProps,
-  FulfilmentStage,
-  FulfilmentStageDetail,
-  Order,
-  OrderLine,
-  OrderAddress,
-  OrderTotals,
-} from './blocks/e-commerce/checkout-forms/checkout-confirmation'
-export type { CheckoutFieldError, CheckoutFieldErrors } from './blocks/e-commerce/checkout-forms/checkout-form-types'
-export { default as OrderHistory1 } from './blocks/e-commerce/order-history/order-history-1'
-export { default as OrderHistory2 } from './blocks/e-commerce/order-history/order-history-2'
-export { default as StorefrontHero } from './blocks/e-commerce/storefront-hero/storefront-hero'
-export type {
-  FeaturedProduct,
-  HeroImage,
-  HeroDepartment,
-  HeroFeaturedDeal,
-  HeroStoreLocator,
-  HeroDeal,
-  HeroCategory,
-  StorefrontHeroPresentation,
-  StorefrontHeroProps,
-} from './blocks/e-commerce/storefront-hero/storefront-hero'
-export { default as AppShell1 } from './blocks/application/app-shells/app-shell-1'
-export { default as LoginPage } from './blocks/application/login-forms/login-page'
-export { default as SignUpPage1 } from './blocks/application/signup-forms/signup-page-1'
-export { default as ForgotPasswordPage1 } from './blocks/application/password-recovery/forgot-password-page-1'
-export { default as Verify1 } from './blocks/application/verification/verify-1'
-export type { LoginPageProps, LoginPageFormData, LoginPageProvider } from './blocks/application/login-forms/login-page'
-export type { SignUpPage1Props, SignUpPage1Data, SignUpPage1SocialButton } from './blocks/application/signup-forms/signup-page-1'
-export type { ForgotPasswordPage1Props } from './blocks/application/password-recovery/forgot-password-page-1'
-export type { Verify1Props } from './blocks/application/verification/verify-1'
-
-// Spec-driven storefront contracts (Zod serializable subset, obeys @thorprovider/types)
-export type { CanonMoney, CanonProduct } from './lib/contracts'
-export { PRODUCT_IMAGE_FALLBACK } from './lib/contracts'
-export {
-  isCompleteFiniteDecimal,
-  isAvailableMoney,
-  formatMoney,
-} from './lib/money'
-export { resolveAbsoluteQuantity } from './lib/cart'
-export {
-  moneySchema,
-  cartTotalsSchema,
-  productDetailProductSchema,
-  productDetailVariantSchema,
-  productOverviewPropsSchema,
-  storefrontHeroPropsSchema,
-  storefrontHeroProductSchema,
-  buttonPropsSchema,
-  storeContainer1PropsSchema,
-  productCardPropsSchema,
-  productGridPropsSchema,
-  productPresentationSchema,
-  productShowcase1PropsSchema,
-  shoppingCartPropsSchema,
-  shoppingCartItemSchema,
-  shoppingCartSuggestionSchema,
-  navbarPresentationSchema,
-  navbarItemSchema,
-  navbarGroupSchema,
-  navbarLinkSchema,
-  navbarFeaturedSchema,
-  navbarPropsSchema,
-  storefrontNavbarPropsSchema,
-  paymentMethodSchema,
-  cardProductSchema,
-  cartItemSchema,
-  promotionSchema,
-  storeCategorySchema,
-  utilityLinkSchema,
-  navCartItemSchema,
-  storeUserSchema,
-  accountMenuItemSchema,
-  featurePropsSchema,
-  featureCardsSpecSchema,
-  featureSplitSpecSchema,
-  productCategoryItemSchema,
-  productCategoryPropsSchema,
-} from './lib/contracts'
-export type {
-  ProductDetailProductSpec,
-  ProductDetailVariantSpec,
-  StorefrontHeroProduct,
-  StorefrontHeroSpecProps,
-  CartTotals,
-  ButtonSpecProps,
-  StoreContainer1SpecProps,
-  ProductCardSpecProps,
-  ProductGridSpecProps,
-  ProductPresentation,
-  ProductShowcase1SpecProps,
-  ShoppingCartItem,
-  ShoppingCartSuggestion,
-  ShoppingCartSpecProps,
-  NavbarPresentationSpec,
-  NavbarItemSpec,
-  NavbarGroupSpec,
-  NavbarLinkSpec,
-  NavbarFeaturedSpec,
-  NavbarSpecProps,
-  StorefrontNavbarSpecProps,
-  CardProduct,
-  CartItem,
-  Promotion,
-  StoreCategory,
-  UtilityLink,
-  NavCartItem,
-  StoreUser,
-  AccountMenuItem,
-  FeatureSpecProps,
-  FeatureCardsSpecProps,
-  FeatureSplitSpecProps,
-  ProductCategoryItem,
-  ProductCategorySpecProps,
-  CategoryCardSpecProps,
-  CategoryGridSpecProps,
-} from './lib/contracts'

package/src/lib/cart.test.ts

@@ -1,15 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { resolveAbsoluteQuantity } from './cart'
-
-describe('resolveAbsoluteQuantity', () => {
-  it('converts a Navbar DELTA into an ABSOLUTE quantity against the authoritative current quantity', () => {
-    expect(resolveAbsoluteQuantity(3, -1)).toBe(2)
-    expect(resolveAbsoluteQuantity(3, 1)).toBe(4)
-    expect(resolveAbsoluteQuantity(1, 1)).toBe(2)
-  })
-
-  it('never drops below one — removal is a distinct callback, not a zero quantity', () => {
-    expect(resolveAbsoluteQuantity(1, -1)).toBe(1)
-    expect(resolveAbsoluteQuantity(0, -1)).toBe(1)
-  })
-})

package/src/lib/contracts-curated.test.ts

@@ -1,225 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import {
-  brandAccentSchema,
-  cartItemSchema,
-  ctaSchema,
-  ctaSection1PropsSchema,
-  faqBlock1PropsSchema,
-  faqItemSchema,
-  heroImageSchema,
-  logoAccentSchema,
-  moneySchema,
-  navCartItemSchema,
-  storefrontNavbarPropsSchema,
-  productOverviewPropsSchema,
-  shoppingCartPropsSchema,
-} from './contracts'
-
-const product = {
-  id: 'p1',
-  title: 'Taladro',
-  options: [{ id: 'o1', name: 'Color', values: ['Rojo'] }],
-  variants: [
-    {
-      id: 'v1',
-      title: 'Rojo',
-      availableForSale: true,
-      selectedOptions: [{ name: 'Color', value: 'Rojo' }],
-      price: { amount: '69.99', currencyCode: 'USD' },
-    },
-    {
-      id: 'v2',
-      title: 'Gris',
-      availableForSale: true,
-      selectedOptions: [{ name: 'Color', value: 'Gris' }],
-      price: null,
-    },
-  ],
-  images: [],
-}
-
-describe('moneySchema', () => {
-  it('accepts canonical Money in major units', () => {
-    expect(moneySchema.parse({ amount: '69.99', currencyCode: 'USD' })).toEqual({
-      amount: '69.99',
-      currencyCode: 'USD',
-    })
-  })
-
-  it('rejects a missing amount', () => {
-    expect(moneySchema.safeParse({ currencyCode: 'USD' }).success).toBe(false)
-  })
-
-  it('accepts the unresolved amount sentinel "" so a whole view is not rejected', () => {
-    expect(moneySchema.safeParse({ amount: '', currencyCode: 'USD' }).success).toBe(true)
-  })
-})
-
-describe('productOverviewPropsSchema', () => {
-  it('accepts a product whose variant price is omitted or null (unavailable)', () => {
-    expect(productOverviewPropsSchema.safeParse({ product }).success).toBe(true)
-  })
-
-  it('accepts an explicit controlled selected variant id', () => {
-    expect(productOverviewPropsSchema.safeParse({ product, selectedVariantId: 'v1' }).success).toBe(true)
-  })
-
-  it('rejects a variant missing selectedOptions', () => {
-    const bad = {
-      ...product,
-      variants: [{ id: 'v1', title: 'x', availableForSale: true, price: null }],
-    }
-    expect(productOverviewPropsSchema.safeParse({ product: bad }).success).toBe(false)
-  })
-})
-
-describe('cart item schemas — absent images are omitted, never ""', () => {
-  it('accepts a nav cart line without an image', () => {
-    expect(navCartItemSchema.safeParse({ id: 'l1', name: 'x', price: 1, qty: 1 }).success).toBe(true)
-  })
-
-  it('accepts a cart line without an image and with canonical money line totals', () => {
-    const result = cartItemSchema.safeParse({
-      id: 'l1',
-      name: 'x',
-      price: 1,
-      quantity: 1,
-      lineTotal: { amount: '1.00', currencyCode: 'USD' },
-    })
-    expect(result.success).toBe(true)
-  })
-})
-
-describe('optional brand seams — present, omitted, invalid', () => {
-  it('parses an accent with and without a className', () => {
-    expect(logoAccentSchema.parse({ text: 'Cuba' })).toEqual({ text: 'Cuba' })
-    expect(brandAccentSchema.parse({ text: 'Cuba', className: 'text-brand-promo' })).toEqual({
-      text: 'Cuba',
-      className: 'text-brand-promo',
-    })
-  })
-
-  it('parses an editorial hero image', () => {
-    expect(heroImageSchema.parse({ src: '/hero.png', alt: 'Taller' })).toEqual({
-      src: '/hero.png',
-      alt: 'Taller',
-    })
-  })
-
-  it('accepts navbar props with the accent omitted (backward compatible)', () => {
-    const base = {
-      storeCategories: [],
-      shippingNote: 'Catálogo en línea',
-      utilityLinks: [],
-      logoText: 'ElectroCuba',
-    }
-    const parsed = storefrontNavbarPropsSchema.parse(base)
-    expect(parsed.logoAccent).toBeUndefined()
-  })
-
-  it('accepts navbar props with the accent present', () => {
-    const parsed = storefrontNavbarPropsSchema.parse({
-      storeCategories: [],
-      shippingNote: 'Catálogo en línea',
-      utilityLinks: [],
-      logoText: 'ElectroCuba',
-      logoAccent: { text: 'Cuba', className: 'text-brand-promo' },
-    })
-    expect(parsed.logoAccent).toEqual({ text: 'Cuba', className: 'text-brand-promo' })
-  })
-
-  it('accepts navbar props with a surface className present or omitted', () => {
-    const base = {
-      storeCategories: [],
-      shippingNote: 'Catálogo en línea',
-      utilityLinks: [],
-      logoText: 'My Shop',
-    }
-    expect(storefrontNavbarPropsSchema.parse(base).className).toBeUndefined()
-    expect(storefrontNavbarPropsSchema.parse({ ...base, className: 'bg-brand-nav text-brand-nav-foreground' }).className).toBe(
-      'bg-brand-nav text-brand-nav-foreground',
-    )
-  })
-
-  it('rejects a malformed accent or hero image', () => {
-    expect(logoAccentSchema.safeParse({}).success).toBe(false)
-    expect(heroImageSchema.safeParse({ src: '/hero.png' }).success).toBe(false)
-  })
-})
-
-describe('faqBlock1PropsSchema / ctaSection1PropsSchema — bounded editorial sections', () => {
-  const faqItem = { value: 'q1', question: '¿Envían a todo el país?', answer: 'Sí.' }
-
-  it('parses a valid faq payload', () => {
-    expect(faqBlock1PropsSchema.safeParse({ items: [faqItem], title: 'Preguntas' }).success).toBe(true)
-  })
-
-  it('parses a valid cta payload with a link or a callback-bound button', () => {
-    expect(ctaSchema.parse({ label: 'Ir', href: '/productos' })).toEqual({ label: 'Ir', href: '/productos' })
-    expect(ctaSection1PropsSchema.safeParse({ title: 'Compra', primaryCta: { label: 'Ir', href: '/x' } }).success).toBe(
-      true,
-    )
-    expect(ctaSection1PropsSchema.safeParse({ primaryCta: { label: 'Ir' } }).success).toBe(true)
-  })
-
-  it('rejects an unknown accordionType', () => {
-    expect(faqBlock1PropsSchema.safeParse({ items: [faqItem], accordionType: 'always' }).success).toBe(false)
-  })
-
-  it('rejects missing required items and item fields', () => {
-    expect(faqBlock1PropsSchema.safeParse({}).success).toBe(false)
-    expect(faqItemSchema.safeParse({ value: 'q1', question: '¿Envían?' }).success).toBe(false)
-    expect(faqItemSchema.safeParse({ question: '¿Envían?', answer: 'Sí.' }).success).toBe(false)
-  })
-
-  it('allows optional fields to be omitted', () => {
-    const faq = faqBlock1PropsSchema.parse({ items: [faqItem] })
-    expect(faq.title).toBeUndefined()
-    expect(faq.description).toBeUndefined()
-    expect(faq.accordionType).toBeUndefined()
-    const cta = ctaSection1PropsSchema.parse({})
-    expect(cta.badgeText).toBeUndefined()
-    expect(cta.primaryCta).toBeUndefined()
-  })
-
-  it('ignores React-only callbacks — they are not part of the serializable contract', () => {
-    const parsed = ctaSection1PropsSchema.parse({ title: 'X', onPrimaryClick: () => {} })
-    expect('onPrimaryClick' in parsed).toBe(false)
-  })
-})
-
-describe('shoppingCartPropsSchema — canonical Money-only cart lines', () => {
-  const money = { amount: '22.22', currencyCode: 'USD' }
-
-  it('accepts a canonical Money line keyed by backend line id', () => {
-    const result = shoppingCartPropsSchema.safeParse({
-      items: [{ id: 'line_1', name: 'Teclado', quantity: 2, unitPrice: money, lineTotal: money }],
-      totals: { subtotal: money, total: money },
-      totalsState: 'idle',
-    })
-    expect(result.success).toBe(true)
-  })
-
-  it('rejects a legacy numeric-price line without canonical Money', () => {
-    const result = shoppingCartPropsSchema.safeParse({
-      items: [{ id: 'line_1', name: 'Teclado', price: 10, quantity: 2 }],
-    })
-    expect(result.success).toBe(false)
-  })
-
-  it('rejects an unknown totals state', () => {
-    const result = shoppingCartPropsSchema.safeParse({
-      items: [],
-      totalsState: 'loading',
-    })
-    expect(result.success).toBe(false)
-  })
-
-  it('omits an absent suggestion image and price honestly', () => {
-    const result = shoppingCartPropsSchema.safeParse({
-      items: [{ id: 'line_1', name: 'x', quantity: 1, unitPrice: money, lineTotal: money }],
-      recentlyViewed: [{ id: 'p1', name: 'Mouse' }],
-    })
-    expect(result.success).toBe(true)
-  })
-})