@thorprovider/blocks 2.0.0 → 3.0.0

package/dist/blocks/e-commerce/storefront-hero/storefront-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/storefront-hero/storefront-hero.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { motion, useReducedMotion } from 'motion/react'\nimport { ArrowRight, MapPin, Search, ShoppingBag, Star } from 'lucide-react'\nimport type { ComponentProps, ReactNode } from 'react'\n\nimport { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent } from '../../../ui/card'\nimport { Carousel, CarouselContent, CarouselItem, type CarouselApi } from '../../../ui/carousel'\nimport { Input } from '../../../ui/input'\nimport { cn } from '../../../lib/utils'\nimport type { CTA } from '../../../lib/types'\n\n/**\n * Display contract for products featured in the hero. Every popularity,\n * review, or availability field is host-supplied evidence: omitted fields\n * render nothing (honest omission) instead of fabricated defaults.\n */\nexport interface FeaturedProduct {\n  id: string\n  name: string\n  /** Current selling price. */\n  price: number\n  /** Real compare-at price. Discount treatments render only from a real `originalPrice > price` pair. */\n  originalPrice?: number\n  /** Image URL or path; omitted entirely when absent or blank (never an empty `src`). */\n  image?: string\n  /** Accessible image description (falls back to `name`). */\n  imageAlt?: string\n  /** Host-supplied brand label; the row renders only when supplied. */\n  brand?: string\n  /** Host-supplied swatch colors; the row renders only when supplied. */\n  colors?: string[]\n  /** Host-supplied rating (0–5); rendered only when supplied. */\n  rating?: number\n  /** Host-supplied review count; rendered only when supplied. */\n  reviewCount?: number\n  /** Host-supplied availability. Absence makes no stock claim; an explicit `false` disables purchase. */\n  inStock?: boolean\n  /** Host-supplied \"new\" flag; the badge renders only when true. */\n  isNew?: boolean\n  /** Host-supplied badge label for showcase slides (e.g. a category); rendered only when supplied. */\n  tag?: string\n}\n\nexport interface HeroImage {\n  src: string\n  alt: string\n}\n\nexport interface HeroDepartment {\n  id: string\n  name: string\n  /** Image URL; omitted entirely when absent or blank. */\n  image?: string\n  /** Accessible image description (falls back to `name`). */\n  imageAlt?: string\n  /** Host-supplied count label; rendered only when supplied. */\n  count?: string\n  /** Link destination; renders the chip as a link when present. */\n  href?: string\n}\n\nexport interface HeroFeaturedDeal {\n  id: string\n  name: string\n  /** Host-supplied supporting description; rendered only when supplied. */\n  description?: string\n  /** Image URL; omitted entirely when absent or blank. */\n  image?: string\n  /** Accessible image description (falls back to `name`). */\n  imageAlt?: string\n  price: number\n  /** Real compare-at price; rendered struck-through only when greater than `price`. */\n  originalPrice?: number\n  /** Optional call to action shown on the card. */\n  cta?: CTA\n}\n\nexport interface HeroStoreLocator {\n  title: string\n  description: string\n  ctaLabel: string\n  /** Link destination for the locator button; falls back to `onLocateStores`. */\n  ctaHref?: string\n}\n\nexport interface HeroDeal {\n  id: string\n  /** Deal name shown in the deals bar badge, e.g. a campaign name. */\n  title: string\n  /** Host-supplied discount label (from a real compare-at price); rendered only when supplied. */\n  discount?: string\n  /** Host-supplied countdown text; rendered only when supplied — the block never invents one. */\n  endTime?: string\n}\n\nexport interface HeroCategory {\n  id: string\n  name: string\n  /** Image URL; omitted entirely when absent or blank. */\n  image?: string\n  /** Accessible image description (falls back to `name`). */\n  imageAlt?: string\n  /** Host-supplied count label; rendered only when supplied. */\n  count?: string\n  /** Link destination; renders the card arrow as a link when present. */\n  href?: string\n}\n\n/**\n * The bounded presentation surface, reusing the registry's archetype intent\n * vocabulary: `compact` (text-forward hero + product grid), `showcase`\n * (search affordance + rotating product carousel), `editorial` (department\n * navigation + optional deals/locator), `promotional` (deals bar + category\n * grid). The value changes structure, never the data contract.\n */\nexport type StorefrontHeroPresentation = 'compact' | 'showcase' | 'editorial' | 'promotional'\n\nexport interface StorefrontHeroProps {\n  title: string\n  description: string\n  /** Bounded presentation option; defaults to `compact`. */\n  presentation?: StorefrontHeroPresentation\n  /** ISO 4217 code used to format prices via `Intl.NumberFormat`; never hardcoded. */\n  currency?: string\n  /** Featured products. An empty list renders the hero text-forward with no empty grid chrome. */\n  products: FeaturedProduct[]\n  badge?: string\n  titleAccent?: string\n  primaryCta?: CTA\n  secondaryCta?: CTA\n  /**\n   * Optional editorial image. Rendered as a native `<img>` when `src` is a\n   * non-empty string; omitted entirely when absent or blank (never an empty\n   * `src`).\n   */\n  heroImage?: HeroImage\n  /** `showcase` only. The search input renders only when a handler is supplied. */\n  onSearch?: (query: string) => void\n  /** `editorial` only: department navigation grid. */\n  departments?: HeroDepartment[]\n  /** `editorial` only: featured deal cards. */\n  featuredDeals?: HeroFeaturedDeal[]\n  /** `editorial` only: store locator strip. */\n  storeLocator?: HeroStoreLocator\n  /** `editorial` only: shipping banner text under the CTAs. */\n  shippingInfo?: string\n  /** `promotional` only: rotating deals bar. */\n  deals?: HeroDeal[]\n  /** `promotional` only: category card grid. */\n  categories?: HeroCategory[]\n  /** Milliseconds between rotations (showcase carousel and promotional deals bar; default 3000). */\n  rotationInterval?: number\n  onAddToCart?: (product: FeaturedProduct) => void\n  onBuyNow?: (product: FeaturedProduct) => void\n  onSelectColor?: (product: FeaturedProduct, index: number, color: string) => void\n  onDepartmentClick?: (department: HeroDepartment) => void\n  onShopNow?: (item: HeroFeaturedDeal | HeroDeal) => void\n  onLocateStores?: () => void\n  onCategoryClick?: (category: HeroCategory) => void\n  /** Detail/purchase affordance on product cards and showcase slides. */\n  addToCartLabel?: string\n  buyNowLabel?: string\n  newLabel?: string\n  outOfStockLabel?: string\n  colorsLabel?: string\n  /** Suffix appended to the computed discount percentage (default `% OFF`). */\n  discountSuffixLabel?: string\n  /** `showcase` labels. */\n  searchPlaceholder?: string\n  searchLabel?: string\n  /** `showcase` copy under each slide's product name. */\n  featuredDescription?: string\n  /** `editorial`/`promotional` labels. */\n  shopNowLabel?: string\n  endsInLabel?: string\n  productsLabel?: string\n  viewLabel?: string\n}\n\nfunction hasRealDiscount(item: Pick<FeaturedProduct, 'price' | 'originalPrice'>): boolean {\n  return (\n    typeof item.originalPrice === 'number' &&\n    Number.isFinite(item.originalPrice) &&\n    item.originalPrice > item.price &&\n    item.price >= 0\n  )\n}\n\nfunction discountPercent(price: number, originalPrice: number): number {\n  return Math.round(((originalPrice - price) / originalPrice) * 100)\n}\n\nfunction formatAmount(amount: number, currency?: string): string {\n  if (currency) {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(amount)\n  }\n  return new Intl.NumberFormat(undefined, { maximumFractionDigits: 2 }).format(amount)\n}\n\nfunction CtaButton({\n  cta,\n  variant,\n  className = 'group relative cursor-pointer overflow-hidden px-8 py-6 text-base font-medium',\n  children,\n}: {\n  cta: CTA\n  variant?: ComponentProps<typeof Button>['variant']\n  className?: string\n  children: ReactNode\n}) {\n  if (cta.href) {\n    return (\n      <Button variant={variant} size='lg' className={className} asChild>\n        <a href={cta.href}>{children}</a>\n      </Button>\n    )\n  }\n\n  return (\n    <Button variant={variant} size='lg' className={className}>\n      {children}\n    </Button>\n  )\n}\n\nfunction HeroHeading({\n  title,\n  titleAccent,\n  badge,\n}: {\n  title: string\n  titleAccent?: string\n  badge?: string\n}) {\n  return (\n    <>\n      {badge && (\n        <div className='border-primary/20 bg-primary/5 text-primary inline-flex items-center rounded-full border px-4 py-1.5 text-sm font-medium backdrop-blur-sm'>\n          {badge}\n        </div>\n      )}\n      <h1 className='text-foreground mt-8 text-4xl font-bold tracking-tight sm:text-5xl md:text-7xl'>\n        {title}{' '}\n        {titleAccent && (\n          <span className='from-primary to-primary/70 bg-gradient-to-r bg-clip-text text-transparent'>\n            {titleAccent}\n          </span>\n        )}\n      </h1>\n    </>\n  )\n}\n\nfunction EditorialHeading({\n  title,\n  titleAccent,\n  badge,\n}: {\n  title: string\n  titleAccent?: string\n  badge?: string\n}) {\n  return (\n    <>\n      {badge && (\n        <div className='border-primary/20 bg-primary/5 text-primary inline-flex items-center justify-center rounded-md border px-4 py-1.5 text-sm'>\n          {badge}\n        </div>\n      )}\n      <h1 className='mt-6 text-4xl font-bold tracking-tight text-balance sm:text-5xl md:text-6xl'>\n        {title} {titleAccent && <span className='text-primary'>{titleAccent}</span>}\n      </h1>\n    </>\n  )\n}\n\ninterface HeroLabels {\n  addToCartLabel: string\n  buyNowLabel: string\n  newLabel: string\n  outOfStockLabel: string\n  colorsLabel: string\n  discountSuffixLabel: string\n  searchPlaceholder: string\n  searchLabel: string\n  featuredDescription?: string\n  shopNowLabel: string\n  endsInLabel: string\n  productsLabel: string\n  viewLabel: string\n}\n\nfunction CompactProductCard({\n  product,\n  currency,\n  labels,\n  onAddToCart,\n  onBuyNow,\n  onSelectColor,\n  hasCustomBuyNowLabel,\n}: {\n  product: FeaturedProduct\n  currency?: string\n  labels: HeroLabels\n  onAddToCart?: (product: FeaturedProduct) => void\n  onBuyNow?: (product: FeaturedProduct) => void\n  onSelectColor?: (product: FeaturedProduct, index: number, color: string) => void\n  hasCustomBuyNowLabel: boolean\n}) {\n  const outOfStock = product.inStock === false\n  const onSale = hasRealDiscount(product)\n  // A host-supplied custom action label is a purchase affordance and requires\n  // its handler; the block's default label is a detail affordance that may\n  // render without one. Never infer this from the label's language.\n  const showBuyNow = Boolean(onBuyNow) || !hasCustomBuyNowLabel\n\n  return (\n    <div className='bg-card relative h-full overflow-hidden rounded-lg border shadow-sm transition-shadow hover:shadow-md'>\n      <div className='absolute top-4 left-4 z-10 flex flex-col gap-2'>\n        {product.isNew && (\n          <Badge variant='secondary' className='rounded-full'>{labels.newLabel}</Badge>\n        )}\n        {onSale && (\n          <Badge variant='destructive' className='rounded-full'>\n            {discountPercent(product.price, product.originalPrice as number)}\n            {labels.discountSuffixLabel}\n          </Badge>\n        )}\n      </div>\n\n      <div className='relative aspect-square overflow-hidden'>\n        {product.image && product.image.trim().length > 0 ? (\n          <img\n            src={product.image}\n            alt={product.imageAlt ?? product.name}\n            className='size-full object-cover'\n            loading='lazy'\n          />\n        ) : null}\n        {outOfStock && (\n          <div className='absolute inset-0 flex items-center justify-center bg-black/50'>\n            <span className='rounded bg-white/90 px-3 py-1 text-sm font-medium'>{labels.outOfStockLabel}</span>\n          </div>\n        )}\n      </div>\n\n      <div className='p-4'>\n        {product.brand && product.brand.trim().length > 0 && (\n          <div className='text-muted-foreground mb-1 text-sm font-medium'>{product.brand}</div>\n        )}\n        <h3 className='mb-2 font-medium'>{product.name}</h3>\n\n        <div className='mb-3'>\n          <span className='text-lg font-bold'>{formatAmount(product.price, currency)}</span>\n          {onSale && (\n            <span className='text-muted-foreground ms-2 text-sm line-through'>\n              {formatAmount(product.originalPrice as number, currency)}\n            </span>\n          )}\n        </div>\n\n        {product.colors && product.colors.length > 0 && (\n          <div className='mb-4 flex items-center'>\n            <span className='text-muted-foreground me-2 text-sm'>{labels.colorsLabel}</span>\n            <div className='flex gap-1'>\n              {product.colors.map((color, i) => (\n                <button\n                  key={i}\n                  className='size-5 rounded-full border'\n                  style={{ backgroundColor: color }}\n                  aria-label={`Opción de color ${i + 1}`}\n                  onClick={onSelectColor ? () => onSelectColor(product, i, color) : undefined}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {typeof product.rating === 'number' && (\n          <div className='mb-4 flex items-center'>\n            <div className='flex'>\n              {[...Array(5)].map((_, i) => (\n                <Star\n                  key={i}\n                  className={`size-4 ${i < Math.floor(product.rating ?? 0) ? 'fill-foreground text-foreground' : 'text-muted-foreground'}`}\n                />\n              ))}\n            </div>\n            {typeof product.reviewCount === 'number' && (\n              <span className='text-muted-foreground ms-2 text-sm'>({product.reviewCount.toLocaleString()})</span>\n            )}\n          </div>\n        )}\n\n        <div className='flex flex-col gap-2'>\n          {onAddToCart && (\n            <Button\n              variant='outline'\n              className='h-9 cursor-pointer px-4 py-2'\n              disabled={outOfStock}\n              onClick={() => onAddToCart(product)}\n            >\n              <ShoppingBag />\n              {labels.addToCartLabel}\n            </Button>\n          )}\n          {showBuyNow && (\n            <Button\n              className='h-9 cursor-pointer px-4 py-2'\n              disabled={outOfStock}\n              onClick={onBuyNow ? () => onBuyNow(product) : undefined}\n            >\n              {labels.buyNowLabel}\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction CompactPresentation({\n  title,\n  description,\n  products,\n  badge,\n  titleAccent,\n  primaryCta,\n  secondaryCta,\n  heroImage,\n  currency,\n  labels,\n  onAddToCart,\n  onBuyNow,\n  onSelectColor,\n  hasCustomBuyNowLabel,\n}: {\n  title: string\n  description: string\n  products: FeaturedProduct[]\n  badge?: string\n  titleAccent?: string\n  primaryCta?: CTA\n  secondaryCta?: CTA\n  heroImage?: HeroImage\n  currency?: string\n  labels: HeroLabels\n  onAddToCart?: (product: FeaturedProduct) => void\n  onBuyNow?: (product: FeaturedProduct) => void\n  onSelectColor?: (product: FeaturedProduct, index: number, color: string) => void\n  hasCustomBuyNowLabel: boolean\n}) {\n  const reduceMotion = useReducedMotion()\n\n  return (\n    <div className='from-primary/5 to-background relative overflow-hidden bg-gradient-to-br'>\n      <div className='relative z-10 mx-auto w-full max-w-7xl flex flex-col items-center justify-between gap-12 px-4 sm:px-6 lg:px-8 py-16 lg:py-20 xl:flex-row xl:items-start'>\n        <motion.div\n          initial={reduceMotion ? false : { opacity: 0, y: 24 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{ duration: 0.5, ease: 'easeOut' }}\n          className='mx-auto max-w-xl text-center lg:mx-0 xl:text-left'\n        >\n          <HeroHeading title={title} titleAccent={titleAccent} badge={badge} />\n          <p className='text-muted-foreground mt-8 text-lg'>{description}</p>\n          {(primaryCta || secondaryCta) && (\n            <div className='mt-10 flex flex-col gap-4 sm:flex-row sm:justify-center xl:justify-start'>\n              {primaryCta && (\n                <CtaButton cta={primaryCta}>\n                  <span className='relative z-10 flex items-center gap-2'>\n                    {primaryCta.label}\n                    <ArrowRight className='transition-transform group-hover:translate-x-1' />\n                  </span>\n                  <span className='bg-primary/5 absolute inset-0 -z-0 opacity-0 transition-opacity group-hover:opacity-100'></span>\n                </CtaButton>\n              )}\n              {secondaryCta && (\n                <CtaButton cta={secondaryCta} variant='outline'>\n                  <span className='relative z-10 flex items-center gap-2'>\n                    <ShoppingBag />\n                    {secondaryCta.label}\n                  </span>\n                </CtaButton>\n              )}\n            </div>\n          )}\n          {heroImage && heroImage.src.trim().length > 0 ? (\n            <img\n              src={heroImage.src}\n              alt={heroImage.alt}\n              className='mt-10 aspect-video w-full rounded-lg object-cover'\n            />\n          ) : null}\n        </motion.div>\n\n        {products.length > 0 && (\n          <div className='w-full max-w-2xl lg:mt-0'>\n            <div className='grid gap-6 sm:grid-cols-2'>\n              {products.map((product, index) => (\n                <motion.div\n                  key={product.id}\n                  initial={reduceMotion ? false : { opacity: 0, y: 24 }}\n                  whileInView={{ opacity: 1, y: 0 }}\n                  viewport={{ once: true, margin: '-40px' }}\n                  transition={{\n                    duration: 0.45,\n                    delay: reduceMotion ? 0 : index * 0.1,\n                    ease: 'easeOut',\n                  }}\n                >\n                  <CompactProductCard\n                    product={product}\n                    currency={currency}\n                    labels={labels}\n                    onAddToCart={onAddToCart}\n                    onBuyNow={onBuyNow}\n                    onSelectColor={onSelectColor}\n                    hasCustomBuyNowLabel={hasCustomBuyNowLabel}\n                  />\n                </motion.div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      <div className='bg-primary/10 absolute -top-32 -right-32 size-96 rounded-full blur-3xl' />\n      <div className='bg-secondary/30 absolute -bottom-32 -left-32 size-96 rounded-full blur-3xl' />\n    </div>\n  )\n}\n\nfunction ShowcaseSlide({\n  product,\n  currency,\n  labels,\n  onBuyNow,\n}: {\n  product: FeaturedProduct\n  currency?: string\n  labels: HeroLabels\n  onBuyNow?: (product: FeaturedProduct) => void\n}) {\n  const outOfStock = product.inStock === false\n\n  return (\n    <Card className='relative size-full overflow-hidden border-1 py-4'>\n      <CardContent className='px-4'>\n        <div className='relative size-full overflow-hidden rounded-md'>\n          {product.image && product.image.trim().length > 0 ? (\n            <img\n              src={product.image}\n              alt={product.imageAlt ?? product.name}\n              className='h-[500px] w-full object-cover'\n              loading='lazy'\n            />\n          ) : null}\n        </div>\n        <div className='from-background/90 via-background/30 absolute inset-0 bg-linear-to-t to-transparent' />\n\n        <div className='text-background-foreground absolute inset-0 flex flex-col justify-end p-8'>\n          <div className='relative z-10 flex max-w-md flex-col gap-4'>\n            {product.tag && (\n              <Badge className='w-fit rounded-full px-2.5 py-0.5 font-semibold'>{product.tag}</Badge>\n            )}\n            <h2 className='text-4xl font-bold'>{product.name}</h2>\n            {labels.featuredDescription && (\n              <p className='text-background-foreground/80 text-lg'>{labels.featuredDescription}</p>\n            )}\n            <span className='text-3xl font-bold'>{formatAmount(product.price, currency)}</span>\n            <div className='flex items-center gap-4 pt-2'>\n              {onBuyNow && (\n                <Button\n                  size='lg'\n                  className='h-10 cursor-pointer rounded-full px-8'\n                  disabled={outOfStock}\n                  onClick={() => onBuyNow(product)}\n                >\n                  {labels.buyNowLabel}\n                </Button>\n              )}\n              {typeof product.rating === 'number' && (\n                <div className='text-foreground flex items-center gap-1'>\n                  <Star className='fill-foreground size-5' />\n                  <span className='font-medium'>{product.rating}</span>\n                  {typeof product.reviewCount === 'number' && (\n                    <span className='text-foreground/80'>({product.reviewCount})</span>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n\nfunction ShowcasePresentation({\n  title,\n  description,\n  products,\n  badge,\n  primaryCta,\n  secondaryCta,\n  currency,\n  labels,\n  onSearch,\n  onBuyNow,\n  rotationInterval,\n}: {\n  title: string\n  description: string\n  products: FeaturedProduct[]\n  badge?: string\n  primaryCta?: CTA\n  secondaryCta?: CTA\n  currency?: string\n  labels: HeroLabels\n  onSearch?: (query: string) => void\n  onBuyNow?: (product: FeaturedProduct) => void\n  rotationInterval: number\n}) {\n  const reduceMotion = useReducedMotion()\n  const [searchQuery, setSearchQuery] = useState('')\n  const [api, setApi] = useState<CarouselApi>()\n  const [currentSlide, setCurrentSlide] = useState(0)\n\n  useEffect(() => {\n    if (!api || products.length <= 1 || reduceMotion) return\n\n    const interval = setInterval(() => {\n      const nextSlide = (currentSlide + 1) % products.length\n      api.scrollTo(nextSlide)\n      setCurrentSlide(nextSlide)\n    }, rotationInterval)\n\n    return () => clearInterval(interval)\n  }, [api, currentSlide, products.length, reduceMotion, rotationInterval])\n\n  const handleSearch = () => {\n    if (onSearch) onSearch(searchQuery)\n  }\n\n  return (\n    <section className='from-background to-accent/20 relative bg-linear-to-b'>\n      <div className='relative mx-auto w-full max-w-7xl px-4 py-16 sm:px-6 lg:px-8 lg:py-20'>\n        <div className='grid grid-cols-1 items-center gap-12 lg:grid-cols-2'>\n          <header className='flex flex-col gap-8'>\n            {badge && (\n              <Badge variant='outline' className='flex h-auto w-fit items-center rounded-full px-4 py-2 font-semibold'>\n                {badge}\n              </Badge>\n            )}\n\n            <h1 className='text-5xl leading-tight font-bold text-balance md:text-6xl lg:text-7xl'>{title}</h1>\n\n            <p className='text-muted-foreground max-w-lg text-xl text-balance'>{description}</p>\n\n            {onSearch && (\n              <div className='relative max-w-md'>\n                <Input\n                  type='search'\n                  placeholder={labels.searchPlaceholder}\n                  value={searchQuery}\n                  onChange={e => setSearchQuery(e.target.value)}\n                  onKeyDown={e => {\n                    if (e.key === 'Enter') handleSearch()\n                  }}\n                  className='h-14 rounded-full pe-4 pl-12 text-lg'\n                  aria-label={labels.searchPlaceholder}\n                />\n                <Search className='text-muted-foreground absolute top-1/2 start-4 size-5 -translate-y-1/2' />\n                <Button\n                  size='lg'\n                  className='absolute top-1/2 end-2 h-10 -translate-y-1/2 cursor-pointer rounded-full px-6'\n                  onClick={handleSearch}\n                >\n                  {labels.searchLabel}\n                </Button>\n              </div>\n            )}\n\n            {(primaryCta || secondaryCta) && (\n              <div className='flex items-center gap-4'>\n                {primaryCta && (\n                  <CtaButton cta={primaryCta} className='h-10 cursor-pointer rounded-full px-4'>\n                    <span className='flex items-center gap-2'>\n                      {primaryCta.label}\n                      <ArrowRight />\n                    </span>\n                  </CtaButton>\n                )}\n                {secondaryCta && (\n                  <CtaButton cta={secondaryCta} variant='outline' className='h-10 cursor-pointer rounded-full px-4'>\n                    <span className='flex items-center gap-2'>\n                      <ShoppingBag />\n                      {secondaryCta.label}\n                    </span>\n                  </CtaButton>\n                )}\n              </div>\n            )}\n          </header>\n\n          {products.length > 0 && (\n            <div className='flex flex-col gap-4'>\n              <div className='relative h-[500px] w-full border-0'>\n                <Carousel\n                  className='group size-full'\n                  setApi={setApi}\n                  opts={{\n                    align: 'start',\n                    loop: true,\n                    duration: 20,\n                    skipSnaps: true,\n                  }}\n                >\n                  <CarouselContent className='h-full'>\n                    {products.map(product => (\n                      <CarouselItem key={product.id} className='h-full'>\n                        <ShowcaseSlide product={product} currency={currency} labels={labels} onBuyNow={onBuyNow} />\n                      </CarouselItem>\n                    ))}\n                  </CarouselContent>\n                </Carousel>\n              </div>\n\n              <div className='relative mt-8 flex justify-center gap-3'>\n                {products.map((product, index) => (\n                  <button\n                    key={product.id}\n                    type='button'\n                    onClick={() => {\n                      api?.scrollTo(index)\n                      setCurrentSlide(index)\n                    }}\n                    className={cn(\n                      'relative size-3 rounded-full transition-all',\n                      currentSlide === index ? 'bg-primary' : 'bg-foreground/20 hover:bg-foreground/40'\n                    )}\n                    aria-label={`Ir a la diapositiva ${index + 1}`}\n                    aria-current={currentSlide === index ? 'step' : undefined}\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nfunction EditorialPresentation({\n  title,\n  description,\n  badge,\n  titleAccent,\n  primaryCta,\n  secondaryCta,\n  shippingInfo,\n  departments,\n  featuredDeals,\n  storeLocator,\n  currency,\n  labels,\n  onDepartmentClick,\n  onShopNow,\n  onLocateStores,\n}: {\n  title: string\n  description: string\n  badge?: string\n  titleAccent?: string\n  primaryCta?: CTA\n  secondaryCta?: CTA\n  shippingInfo?: string\n  departments: HeroDepartment[]\n  featuredDeals: HeroFeaturedDeal[]\n  storeLocator?: HeroStoreLocator\n  currency?: string\n  labels: HeroLabels\n  onDepartmentClick?: (department: HeroDepartment) => void\n  onShopNow?: (item: HeroFeaturedDeal | HeroDeal) => void\n  onLocateStores?: () => void\n}) {\n  const departmentChipClasses = cn(\n    'flex flex-col items-center gap-4 rounded-lg p-2 text-center outline-none',\n    'transition-opacity hover:opacity-90 focus-visible:ring-2 focus-visible:ring-ring',\n  )\n\n  return (\n    <div className='bg-background relative overflow-hidden'>\n      <div className='relative z-10'>\n        <div className='mx-auto w-full max-w-7xl px-4 py-16 sm:px-6 lg:px-8 lg:py-20'>\n          <div className='mx-auto max-w-4xl text-center'>\n            <EditorialHeading title={title} titleAccent={titleAccent} badge={badge} />\n\n            <p className='text-muted-foreground mx-auto mt-6 max-w-2xl text-lg'>{description}</p>\n\n            {(primaryCta || secondaryCta) && (\n              <div className='mt-8 flex flex-wrap justify-center gap-4'>\n                {primaryCta && (\n                  <CtaButton cta={primaryCta} className='group h-10 cursor-pointer px-4 text-base'>\n                    {primaryCta.label}\n                    <ArrowRight className='transition-transform group-hover:translate-x-1' />\n                  </CtaButton>\n                )}\n                {secondaryCta && (\n                  <CtaButton cta={secondaryCta} variant='outline' className='group h-10 cursor-pointer px-4 text-base'>\n                    {secondaryCta.label}\n                  </CtaButton>\n                )}\n              </div>\n            )}\n\n            {shippingInfo && (\n              <div className='mt-6'>\n                <div className='bg-background/80 text-muted-foreground inline-flex items-center gap-2 rounded-full px-4 py-1.5 text-sm backdrop-blur-sm'>\n                  <MapPin className='text-primary size-4' aria-hidden='true' />\n                  <span>{shippingInfo}</span>\n                </div>\n              </div>\n            )}\n\n            {departments.length > 0 && (\n              <div className='mt-12 grid grid-cols-3 gap-8'>\n                {departments.map(department => {\n                  const chip = (\n                    <>\n                      {department.image && department.image.trim().length > 0 ? (\n                        <img\n                          src={department.image}\n                          alt={department.imageAlt ?? department.name}\n                          className='bg-card border-border size-16 rounded-full border object-cover'\n                          loading='lazy'\n                        />\n                      ) : null}\n                      <div>\n                        <div className='text-lg font-medium'>{department.name}</div>\n                        {department.count && (\n                          <div className='text-muted-foreground mt-1 text-sm'>{department.count}</div>\n                        )}\n                      </div>\n                    </>\n                  )\n\n                  if (department.href) {\n                    return (\n                      <a\n                        key={department.id}\n                        href={department.href}\n                        className={cn(departmentChipClasses, 'cursor-pointer')}\n                      >\n                        {chip}\n                      </a>\n                    )\n                  }\n\n                  return (\n                    <button\n                      key={department.id}\n                      type='button'\n                      onClick={onDepartmentClick ? () => onDepartmentClick(department) : undefined}\n                      className={cn(departmentChipClasses, 'cursor-pointer')}\n                    >\n                      {chip}\n                    </button>\n                  )\n                })}\n              </div>\n            )}\n\n            {featuredDeals.length > 0 && (\n              <div className='mt-16 grid gap-6 sm:grid-cols-2'>\n                {featuredDeals.map(deal => {\n                  const onSale = hasRealDiscount(deal)\n\n                  return (\n                    <Card key={deal.id} className='mx-auto h-full w-full overflow-hidden border-0 py-0 shadow-lg'>\n                      <CardContent className='p-0'>\n                        <div className='relative aspect-[3/2] overflow-hidden'>\n                          {deal.image && deal.image.trim().length > 0 ? (\n                            <img\n                              src={deal.image}\n                              alt={deal.imageAlt ?? deal.name}\n                              className='size-full object-cover object-center transition-transform duration-700 hover:scale-105'\n                              loading='lazy'\n                            />\n                          ) : null}\n                          <div className='from-background/90 via-background/30 absolute inset-0 bg-gradient-to-t to-transparent' />\n                          <div className='absolute inset-0 flex items-end p-8'>\n                            <div className='w-full'>\n                              <div className='bg-background/80 flex flex-col items-center justify-between gap-6 rounded-lg p-6 backdrop-blur-sm sm:flex-row sm:gap-8'>\n                                <div className='text-center sm:text-left'>\n                                  <h3 className='text-2xl font-bold tracking-tight sm:text-3xl'>{deal.name}</h3>\n                                  {deal.description && (\n                                    <p className='text-muted-foreground mt-1'>{deal.description}</p>\n                                  )}\n                                  <div className='mt-2 flex items-baseline justify-center gap-2 sm:justify-start'>\n                                    <span className='text-lg font-bold'>{formatAmount(deal.price, currency)}</span>\n                                    {onSale && (\n                                      <span className='text-muted-foreground text-sm line-through'>\n                                        {formatAmount(deal.originalPrice as number, currency)}\n                                      </span>\n                                    )}\n                                  </div>\n                                </div>\n                                {(deal.cta?.href || onShopNow) && (\n                                  <div className='flex-shrink-0'>\n                                    {deal.cta?.href ? (\n                                      <Button size='lg' className='group h-10 cursor-pointer px-4' asChild>\n                                        <a href={deal.cta.href}>\n                                          {deal.cta.label}\n                                          <ArrowRight className='transition-transform group-hover:translate-x-1' />\n                                        </a>\n                                      </Button>\n                                    ) : (\n                                      <Button\n                                        size='lg'\n                                        className='group h-10 cursor-pointer px-4'\n                                        onClick={() => onShopNow?.(deal)}\n                                      >\n                                        {deal.cta?.label ?? labels.shopNowLabel}\n                                        <ArrowRight className='transition-transform group-hover:translate-x-1' />\n                                      </Button>\n                                    )}\n                                  </div>\n                                )}\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </CardContent>\n                    </Card>\n                  )\n                })}\n              </div>\n            )}\n\n            {storeLocator && (\n              <div className='border-border/50 bg-background/50 mt-8 rounded-lg border p-6 backdrop-blur-sm'>\n                <div className='flex flex-col items-center gap-6 sm:flex-row sm:justify-between'>\n                  <div className='flex items-center gap-4'>\n                    <div className='bg-primary/10 text-primary flex size-12 items-center justify-center rounded-full'>\n                      <MapPin className='size-6' aria-hidden='true' />\n                    </div>\n                    <div className='text-start'>\n                      <h4 className='text-lg font-medium'>{storeLocator.title}</h4>\n                      <p className='text-muted-foreground'>{storeLocator.description}</p>\n                    </div>\n                  </div>\n                  {(storeLocator.ctaHref || onLocateStores) && (\n                    <div>\n                      {storeLocator.ctaHref ? (\n                        <Button variant='outline' className='h-9 cursor-pointer px-4 py-2 whitespace-nowrap' asChild>\n                          <a href={storeLocator.ctaHref}>{storeLocator.ctaLabel}</a>\n                        </Button>\n                      ) : (\n                        <Button\n                          variant='outline'\n                          className='h-9 cursor-pointer px-4 py-2 whitespace-nowrap'\n                          onClick={onLocateStores}\n                        >\n                          {storeLocator.ctaLabel}\n                        </Button>\n                      )}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction PromotionalPresentation({\n  title,\n  description,\n  badge,\n  titleAccent,\n  deals,\n  categories,\n  rotationInterval,\n  labels,\n  onShopNow,\n  onCategoryClick,\n}: {\n  title: string\n  description: string\n  badge?: string\n  titleAccent?: string\n  deals: HeroDeal[]\n  categories: HeroCategory[]\n  rotationInterval: number\n  labels: HeroLabels\n  onShopNow?: (item: HeroFeaturedDeal | HeroDeal) => void\n  onCategoryClick?: (category: HeroCategory) => void\n}) {\n  const reduceMotion = useReducedMotion()\n  const [currentDeal, setCurrentDeal] = useState(0)\n\n  useEffect(() => {\n    if (deals.length <= 1 || reduceMotion) return\n\n    const interval = setInterval(() => {\n      setCurrentDeal(prev => (prev + 1) % deals.length)\n    }, rotationInterval)\n\n    return () => clearInterval(interval)\n  }, [deals.length, reduceMotion, rotationInterval])\n\n  const deal = deals[currentDeal]\n\n  return (\n    <div className='relative'>\n      {deal && (\n        <header className='bg-primary text-primary-foreground sticky top-0 z-50 shadow-md'>\n          <div className='mx-auto w-full max-w-7xl px-4 py-2 sm:px-6 lg:px-8'>\n            <div className='flex items-center justify-center'>\n              <div className='flex w-full max-w-3xl items-center justify-center gap-4'>\n                <div className='flex items-center gap-2'>\n                  <Badge\n                    variant='secondary'\n                    className='bg-primary-foreground text-primary px-2.5 py-0.5 font-semibold'\n                  >\n                    {deal.title}\n                  </Badge>\n                  {deal.discount && <span className='font-semibold'>{deal.discount}</span>}\n                </div>\n                {deal.endTime && (\n                  <span className='hidden sm:inline'>\n                    {labels.endsInLabel} {deal.endTime}\n                  </span>\n                )}\n                {onShopNow && (\n                  <Button\n                    variant='link'\n                    size='sm'\n                    className='text-primary-foreground hover:text-primary-foreground/80 ml-auto h-8 cursor-pointer px-3 text-xs'\n                    onClick={() => onShopNow(deal)}\n                  >\n                    {labels.shopNowLabel} <ArrowRight />\n                  </Button>\n                )}\n              </div>\n            </div>\n          </div>\n        </header>\n      )}\n\n      <main className='mx-auto w-full max-w-7xl px-4 py-8 sm:px-6 lg:px-8'>\n        <div className='mb-12 text-center'>\n          {badge && (\n            <div className='relative inline-block'>\n              <Badge\n                variant='outline'\n                className='mb-4 flex h-auto items-center rounded-full px-3.5 py-1.5 text-sm font-normal'\n              >\n                {badge}\n              </Badge>\n            </div>\n          )}\n          <h1 className='text-4xl font-bold tracking-tight text-balance sm:text-5xl md:text-6xl'>\n            {title}\n            {titleAccent && (\n              <>\n                <br />\n                {titleAccent}\n              </>\n            )}\n          </h1>\n          <p className='text-muted-foreground mx-auto mt-4 max-w-2xl text-lg'>{description}</p>\n        </div>\n\n        {categories.length > 0 && (\n          <div className='grid gap-4 sm:grid-cols-2 lg:grid-cols-4'>\n            {categories.map(category => (\n              <Card key={category.id} className='group relative overflow-hidden py-0 transition-all duration-500'>\n                {category.image && category.image.trim().length > 0 ? (\n                  <img\n                    src={category.image}\n                    alt={category.imageAlt ?? category.name}\n                    className='aspect-4/5 size-full object-cover grayscale transition-all duration-500 hover:grayscale-0'\n                    width={400}\n                    height={500}\n                    loading='lazy'\n                  />\n                ) : (\n                  <div className='bg-muted aspect-4/5 size-full' />\n                )}\n                <CardContent className='absolute inset-x-0 bottom-0 p-4'>\n                  <div className='mt-1 flex items-center justify-between'>\n                    <div>\n                      <h2 className='text-background dark:text-foreground text-lg font-medium'>{category.name}</h2>\n                      {category.count && (\n                        <span className='text-background/80 dark:text-foreground/80 text-sm'>\n                          {category.count} {labels.productsLabel}\n                        </span>\n                      )}\n                    </div>\n                    {category.href ? (\n                      <Button\n                        variant='secondary'\n                        size='icon'\n                        className='h-9 w-9 cursor-pointer rounded-full backdrop-blur-xs'\n                        aria-label={`${labels.viewLabel} ${category.name}`}\n                        asChild\n                      >\n                        <a href={category.href}>\n                          <ArrowRight />\n                        </a>\n                      </Button>\n                    ) : onCategoryClick ? (\n                      <Button\n                        variant='secondary'\n                        size='icon'\n                        className='h-9 w-9 cursor-pointer rounded-full backdrop-blur-xs'\n                        aria-label={`${labels.viewLabel} ${category.name}`}\n                        onClick={() => onCategoryClick(category)}\n                      >\n                        <ArrowRight />\n                      </Button>\n                    ) : null}\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        )}\n      </main>\n    </div>\n  )\n}\n\nexport function StorefrontHero({\n  title,\n  description,\n  presentation = 'compact',\n  currency,\n  products,\n  badge,\n  titleAccent,\n  primaryCta,\n  secondaryCta,\n  heroImage,\n  onSearch,\n  departments = [],\n  featuredDeals = [],\n  storeLocator,\n  shippingInfo,\n  deals = [],\n  categories = [],\n  rotationInterval = 3000,\n  onAddToCart,\n  onBuyNow,\n  onSelectColor,\n  onDepartmentClick,\n  onShopNow,\n  onLocateStores,\n  onCategoryClick,\n  addToCartLabel = 'Agregar al carrito',\n  buyNowLabel,\n  newLabel = 'Nuevo',\n  outOfStockLabel = 'Agotado',\n  colorsLabel = 'Colores:',\n  discountSuffixLabel = '% OFF',\n  searchPlaceholder = 'Buscar productos...',\n  searchLabel = 'Buscar',\n  featuredDescription,\n  shopNowLabel = 'Comprar ahora',\n  endsInLabel = 'Termina en',\n  productsLabel = 'productos',\n  viewLabel = 'Ver',\n}: StorefrontHeroProps) {\n  // Presence-based, never label-language based: a host-supplied custom action\n  // label is a purchase affordance that must be handler-gated, while the\n  // block's own default label is a non-purchase detail affordance that may\n  // render without a handler (preserving the accepted default detail).\n  const resolvedBuyNowLabel = buyNowLabel ?? 'Ver producto'\n  const hasCustomBuyNowLabel = buyNowLabel !== undefined\n  const labels: HeroLabels = {\n    addToCartLabel,\n    buyNowLabel: resolvedBuyNowLabel,\n    newLabel,\n    outOfStockLabel,\n    colorsLabel,\n    discountSuffixLabel,\n    searchPlaceholder,\n    searchLabel,\n    featuredDescription,\n    shopNowLabel,\n    endsInLabel,\n    productsLabel,\n    viewLabel,\n  }\n\n  if (presentation === 'showcase') {\n    return (\n      <ShowcasePresentation\n        title={title}\n        description={description}\n        products={products}\n        badge={badge}\n        primaryCta={primaryCta}\n        secondaryCta={secondaryCta}\n        currency={currency}\n        labels={labels}\n        onSearch={onSearch}\n        onBuyNow={onBuyNow}\n        rotationInterval={rotationInterval}\n      />\n    )\n  }\n\n  if (presentation === 'editorial') {\n    return (\n      <EditorialPresentation\n        title={title}\n        description={description}\n        badge={badge}\n        titleAccent={titleAccent}\n        primaryCta={primaryCta}\n        secondaryCta={secondaryCta}\n        shippingInfo={shippingInfo}\n        departments={departments}\n        featuredDeals={featuredDeals}\n        storeLocator={storeLocator}\n        currency={currency}\n        labels={labels}\n        onDepartmentClick={onDepartmentClick}\n        onShopNow={onShopNow}\n        onLocateStores={onLocateStores}\n      />\n    )\n  }\n\n  if (presentation === 'promotional') {\n    return (\n      <PromotionalPresentation\n        title={title}\n        description={description}\n        badge={badge}\n        titleAccent={titleAccent}\n        deals={deals}\n        categories={categories}\n        rotationInterval={rotationInterval}\n        labels={labels}\n        onShopNow={onShopNow}\n        onCategoryClick={onCategoryClick}\n      />\n    )\n  }\n\n  return (\n    <CompactPresentation\n      title={title}\n      description={description}\n      products={products}\n      badge={badge}\n      titleAccent={titleAccent}\n      primaryCta={primaryCta}\n      secondaryCta={secondaryCta}\n      heroImage={heroImage}\n      currency={currency}\n      labels={labels}\n      onAddToCart={onAddToCart}\n      onBuyNow={onBuyNow}\n      onSelectColor={onSelectColor}\n      hasCustomBuyNowLabel={hasCustomBuyNowLabel}\n    />\n  )\n}\n\nexport default StorefrontHero\n"],"mappings":"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","names":["import_react"]}