npm - @thorprovider/blocks - Versions diffs - 2.0.0 → 3.0.0 - Mend

@thorprovider/blocks 2.0.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (842) hide show

package/dist/blocks/e-commerce/storefront-hero/storefront-hero.mjs.map ADDED Viewed

@@ -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":[]}

package/dist/blocks/marketing/banners/avatar-group.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare function AvatarGroup({ children, className, overlap, }: {
+    children: React.ReactNode;
+    className?: string;
+    overlap?: string;
+}): React.JSX.Element;
+export default AvatarGroup;
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/blocks/marketing/banners/avatar-group.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/banners/avatar-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,OAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,qBA4CA;AAED,eAAe,WAAW,CAAA"}

package/dist/blocks/marketing/banners/avatar-group.js ADDED Viewed

@@ -0,0 +1,90 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var avatar_group_exports = {};
+__export(avatar_group_exports, {
+  AvatarGroup: () => AvatarGroup,
+  default: () => avatar_group_default
+});
+module.exports = __toCommonJS(avatar_group_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_utils = require("../../../lib/utils.js");
+const LIFT = -4;
+const FALLOFF = 0.45;
+const ACTIVE_SCALE = 1.05;
+const DURATION = 320;
+const EASE_IN = "cubic-bezier(0.22, 1, 0.36, 1)";
+const EASE_OUT = "cubic-bezier(0.34, 3.85, 0.64, 1)";
+function AvatarGroup({
+  children,
+  className,
+  overlap = "-ml-2"
+}) {
+  const items = React.Children.toArray(children);
+  const [activeIndex, setActiveIndex] = (0, import_react.useState)(null);
+  const [reducedMotion, setReducedMotion] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const sync = () => setReducedMotion(query.matches);
+    sync();
+    query.addEventListener("change", sync);
+    return () => query.removeEventListener("change", sync);
+  }, []);
+  const itemStyle = (index) => {
+    if (reducedMotion) {
+      return void 0;
+    }
+    const isActive = index === activeIndex;
+    const shift = activeIndex === null ? 0 : LIFT * FALLOFF ** Math.abs(index - activeIndex);
+    return {
+      transform: `translateY(${shift.toFixed(3)}px) scale(${isActive ? ACTIVE_SCALE : 1})`,
+      transition: `transform ${DURATION}ms ${activeIndex === null ? EASE_OUT : EASE_IN}`,
+      willChange: "transform",
+      zIndex: isActive ? 1 : void 0
+    };
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)("flex", className), onMouseLeave: () => setActiveIndex(null), children: items.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_utils.cn)("relative", index > 0 && overlap),
+      style: itemStyle(index),
+      onMouseEnter: () => setActiveIndex(index),
+      children: child
+    },
+    index
+  )) });
+}
+var avatar_group_default = AvatarGroup;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AvatarGroup
+});
+//# sourceMappingURL=avatar-group.js.map

package/dist/blocks/marketing/banners/avatar-group.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/blocks/marketing/banners/avatar-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useState } from 'react'\n\nimport { cn } from '../../../lib/utils'\n\nconst LIFT = -4\nconst FALLOFF = 0.45\nconst ACTIVE_SCALE = 1.05\nconst DURATION = 320\nconst EASE_IN = 'cubic-bezier(0.22, 1, 0.36, 1)'\nconst EASE_OUT = 'cubic-bezier(0.34, 3.85, 0.64, 1)'\n\nexport function AvatarGroup({\n children,\n className,\n overlap = '-ml-2',\n}: {\n children: React.ReactNode\n className?: string\n overlap?: string\n}) {\n const items = React.Children.toArray(children)\n const [activeIndex, setActiveIndex] = useState<number | null>(null)\n const [reducedMotion, setReducedMotion] = useState(false)\n\n useEffect(() => {\n const query = window.matchMedia('(prefers-reduced-motion: reduce)')\n const sync = () => setReducedMotion(query.matches)\n\n sync()\n query.addEventListener('change', sync)\n return () => query.removeEventListener('change', sync)\n }, [])\n\n const itemStyle = (index: number): React.CSSProperties | undefined => {\n if (reducedMotion) {\n return undefined\n }\n\n const isActive = index === activeIndex\n const shift = activeIndex === null ? 0 : LIFT * FALLOFF ** Math.abs(index - activeIndex)\n\n return {\n transform: `translateY(${shift.toFixed(3)}px) scale(${isActive ? ACTIVE_SCALE : 1})`,\n transition: `transform ${DURATION}ms ${activeIndex === null ? EASE_OUT : EASE_IN}`,\n willChange: 'transform',\n zIndex: isActive ? 1 : undefined,\n }\n }\n\n return (\n <div className={cn('flex', className)} onMouseLeave={() => setActiveIndex(null)}>\n {items.map((child, index) => (\n <div\n key={index}\n className={cn('relative', index > 0 && overlap)}\n style={itemStyle(index)}\n onMouseEnter={() => setActiveIndex(index)}\n >\n {child}\n </div>\n ))}\n </div>\n )\n}\n\nexport default AvatarGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDQ;AArDR,YAAuB;AACvB,mBAAoC;AAEpC,mBAAmB;AAEnB,MAAM,OAAO;AACb,MAAM,UAAU;AAChB,MAAM,eAAe;AACrB,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,WAAW;AAEV,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAIG;AACD,QAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ;AAC7C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAwB,IAAI;AAClE,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AAExD,8BAAU,MAAM;AACd,UAAM,QAAQ,OAAO,WAAW,kCAAkC;AAClE,UAAM,OAAO,MAAM,iBAAiB,MAAM,OAAO;AAEjD,SAAK;AACL,UAAM,iBAAiB,UAAU,IAAI;AACrC,WAAO,MAAM,MAAM,oBAAoB,UAAU,IAAI;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,CAAC,UAAmD;AACpE,QAAI,eAAe;AACjB,aAAO;AAAA,IACT;AAEA,UAAM,WAAW,UAAU;AAC3B,UAAM,QAAQ,gBAAgB,OAAO,IAAI,OAAO,WAAW,KAAK,IAAI,QAAQ,WAAW;AAEvF,WAAO;AAAA,MACL,WAAW,cAAc,MAAM,QAAQ,CAAC,CAAC,aAAa,WAAW,eAAe,CAAC;AAAA,MACjF,YAAY,aAAa,QAAQ,MAAM,gBAAgB,OAAO,WAAW,OAAO;AAAA,MAChF,YAAY;AAAA,MACZ,QAAQ,WAAW,IAAI;AAAA,IACzB;AAAA,EACF;AAEA,SACE,4CAAC,SAAI,eAAW,iBAAG,QAAQ,SAAS,GAAG,cAAc,MAAM,eAAe,IAAI,GAC3E,gBAAM,IAAI,CAAC,OAAO,UACjB;AAAA,IAAC;AAAA;AAAA,MAEC,eAAW,iBAAG,YAAY,QAAQ,KAAK,OAAO;AAAA,MAC9C,OAAO,UAAU,KAAK;AAAA,MACtB,cAAc,MAAM,eAAe,KAAK;AAAA,MAEvC;AAAA;AAAA,IALI;AAAA,EAMP,CACD,GACH;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/blocks/marketing/banners/avatar-group.mjs ADDED Viewed

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { cn } from "../../../lib/utils.mjs";
+const LIFT = -4;
+const FALLOFF = 0.45;
+const ACTIVE_SCALE = 1.05;
+const DURATION = 320;
+const EASE_IN = "cubic-bezier(0.22, 1, 0.36, 1)";
+const EASE_OUT = "cubic-bezier(0.34, 3.85, 0.64, 1)";
+function AvatarGroup({
+  children,
+  className,
+  overlap = "-ml-2"
+}) {
+  const items = React.Children.toArray(children);
+  const [activeIndex, setActiveIndex] = useState(null);
+  const [reducedMotion, setReducedMotion] = useState(false);
+  useEffect(() => {
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const sync = () => setReducedMotion(query.matches);
+    sync();
+    query.addEventListener("change", sync);
+    return () => query.removeEventListener("change", sync);
+  }, []);
+  const itemStyle = (index) => {
+    if (reducedMotion) {
+      return void 0;
+    }
+    const isActive = index === activeIndex;
+    const shift = activeIndex === null ? 0 : LIFT * FALLOFF ** Math.abs(index - activeIndex);
+    return {
+      transform: `translateY(${shift.toFixed(3)}px) scale(${isActive ? ACTIVE_SCALE : 1})`,
+      transition: `transform ${DURATION}ms ${activeIndex === null ? EASE_OUT : EASE_IN}`,
+      willChange: "transform",
+      zIndex: isActive ? 1 : void 0
+    };
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex", className), onMouseLeave: () => setActiveIndex(null), children: items.map((child, index) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("relative", index > 0 && overlap),
+      style: itemStyle(index),
+      onMouseEnter: () => setActiveIndex(index),
+      children: child
+    },
+    index
+  )) });
+}
+var avatar_group_default = AvatarGroup;
+export {
+  AvatarGroup,
+  avatar_group_default as default
+};
+//# sourceMappingURL=avatar-group.mjs.map

package/dist/blocks/marketing/banners/avatar-group.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/blocks/marketing/banners/avatar-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useState } from 'react'\n\nimport { cn } from '../../../lib/utils'\n\nconst LIFT = -4\nconst FALLOFF = 0.45\nconst ACTIVE_SCALE = 1.05\nconst DURATION = 320\nconst EASE_IN = 'cubic-bezier(0.22, 1, 0.36, 1)'\nconst EASE_OUT = 'cubic-bezier(0.34, 3.85, 0.64, 1)'\n\nexport function AvatarGroup({\n children,\n className,\n overlap = '-ml-2',\n}: {\n children: React.ReactNode\n className?: string\n overlap?: string\n}) {\n const items = React.Children.toArray(children)\n const [activeIndex, setActiveIndex] = useState<number | null>(null)\n const [reducedMotion, setReducedMotion] = useState(false)\n\n useEffect(() => {\n const query = window.matchMedia('(prefers-reduced-motion: reduce)')\n const sync = () => setReducedMotion(query.matches)\n\n sync()\n query.addEventListener('change', sync)\n return () => query.removeEventListener('change', sync)\n }, [])\n\n const itemStyle = (index: number): React.CSSProperties | undefined => {\n if (reducedMotion) {\n return undefined\n }\n\n const isActive = index === activeIndex\n const shift = activeIndex === null ? 0 : LIFT * FALLOFF ** Math.abs(index - activeIndex)\n\n return {\n transform: `translateY(${shift.toFixed(3)}px) scale(${isActive ? ACTIVE_SCALE : 1})`,\n transition: `transform ${DURATION}ms ${activeIndex === null ? EASE_OUT : EASE_IN}`,\n willChange: 'transform',\n zIndex: isActive ? 1 : undefined,\n }\n }\n\n return (\n <div className={cn('flex', className)} onMouseLeave={() => setActiveIndex(null)}>\n {items.map((child, index) => (\n <div\n key={index}\n className={cn('relative', index > 0 && overlap)}\n style={itemStyle(index)}\n onMouseEnter={() => setActiveIndex(index)}\n >\n {child}\n </div>\n ))}\n </div>\n )\n}\n\nexport default AvatarGroup"],"mappings":";AAuDQ;AArDR,YAAY,WAAW;AACvB,SAAS,WAAW,gBAAgB;AAEpC,SAAS,UAAU;AAEnB,MAAM,OAAO;AACb,MAAM,UAAU;AAChB,MAAM,eAAe;AACrB,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,WAAW;AAEV,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAIG;AACD,QAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ;AAC7C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,IAAI;AAClE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,YAAU,MAAM;AACd,UAAM,QAAQ,OAAO,WAAW,kCAAkC;AAClE,UAAM,OAAO,MAAM,iBAAiB,MAAM,OAAO;AAEjD,SAAK;AACL,UAAM,iBAAiB,UAAU,IAAI;AACrC,WAAO,MAAM,MAAM,oBAAoB,UAAU,IAAI;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,CAAC,UAAmD;AACpE,QAAI,eAAe;AACjB,aAAO;AAAA,IACT;AAEA,UAAM,WAAW,UAAU;AAC3B,UAAM,QAAQ,gBAAgB,OAAO,IAAI,OAAO,WAAW,KAAK,IAAI,QAAQ,WAAW;AAEvF,WAAO;AAAA,MACL,WAAW,cAAc,MAAM,QAAQ,CAAC,CAAC,aAAa,WAAW,eAAe,CAAC;AAAA,MACjF,YAAY,aAAa,QAAQ,MAAM,gBAAgB,OAAO,WAAW,OAAO;AAAA,MAChF,YAAY;AAAA,MACZ,QAAQ,WAAW,IAAI;AAAA,IACzB;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAW,GAAG,QAAQ,SAAS,GAAG,cAAc,MAAM,eAAe,IAAI,GAC3E,gBAAM,IAAI,CAAC,OAAO,UACjB;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW,GAAG,YAAY,QAAQ,KAAK,OAAO;AAAA,MAC9C,OAAO,UAAU,KAAK;AAAA,MACtB,cAAc,MAAM,eAAe,KAAK;AAAA,MAEvC;AAAA;AAAA,IALI;AAAA,EAMP,CACD,GACH;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/blocks/marketing/banners/banner-1.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+export type Banner1Shape = 'bar' | 'pill';
+export interface Banner1Props {
+    /**
+     * 'bar'  — full-width strip above the header (the default).
+     * 'pill' — floating rounded card pinned to the bottom of the viewport, with an avatar stack.
+     */
+    shape?: Banner1Shape;
+    badge?: string;
+    message: string;
+    href: string;
+    linkLabel: string;
+    /** Used by the 'pill' shape only; decorative avatars of the announcement's authors. */
+    avatars?: string[];
+    /**
+     * 'bar' only. When true, the inner content spans the full width of its parent
+     * (skips the centered `max-w-7xl` container) so badge/message/CTA reach the edges.
+     */
+    fullWidth?: boolean;
+    /** Fired when the user clicks the banner CTA. When provided, the CTA renders as a button instead of a link. */
+    onCtaClick?: () => void;
+    /** Fired when the user dismisses the banner. */
+    onDismiss?: () => void;
+}
+export declare function Banner1({ shape, badge, message, href, linkLabel, avatars, fullWidth, onCtaClick, onDismiss, }: Banner1Props): import("react").JSX.Element | null;
+export default Banner1;
+//# sourceMappingURL=banner-1.d.ts.map

package/dist/blocks/marketing/banners/banner-1.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"banner-1.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/banners/banner-1.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,MAAM,CAAA;AAEzC,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+GAA+G;IAC/G,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAID,wBAAgB,OAAO,CAAC,EACtB,KAAa,EACb,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,GACV,EAAE,YAAY,sCA0Id;AAED,eAAe,OAAO,CAAA"}

package/dist/blocks/marketing/banners/banner-1.js ADDED Viewed

@@ -0,0 +1,177 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var banner_1_exports = {};
+__export(banner_1_exports, {
+  Banner1: () => Banner1,
+  default: () => banner_1_default
+});
+module.exports = __toCommonJS(banner_1_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react2 = require("motion/react");
+var import_lucide_react = require("lucide-react");
+var import_avatar = require("../../../ui/avatar.js");
+var import_badge = require("../../../ui/badge.js");
+var import_button = require("../../../ui/button.js");
+var import_avatar_group = require("./avatar-group.js");
+function Banner1({
+  shape = "bar",
+  badge,
+  message,
+  href,
+  linkLabel,
+  avatars,
+  fullWidth,
+  onCtaClick,
+  onDismiss
+}) {
+  const [visibility, setVisibility] = (0, import_react.useState)("visible");
+  const reduceMotion = (0, import_react2.useReducedMotion)();
+  (0, import_react.useEffect)(() => {
+    if (visibility !== "closing") {
+      return;
+    }
+    const timer = window.setTimeout(() => setVisibility("closed"), 200);
+    return () => window.clearTimeout(timer);
+  }, [visibility]);
+  const dismiss = () => {
+    onDismiss?.();
+    setVisibility(reduceMotion ? "closed" : "closing");
+  };
+  if (visibility === "closed") {
+    return null;
+  }
+  const closing = visibility === "closing";
+  if (shape === "pill") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: `fixed inset-x-4 bottom-4 z-50 transition-all duration-200 ease-out motion-reduce:transition-none sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2 ${closing ? "translate-y-2 opacity-0" : "opacity-100"}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-background/95 border-border flex items-center gap-3 rounded-full border py-2 pr-2 pl-3 shadow-lg backdrop-blur sm:pl-4", children: [
+          avatars && avatars.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar_group.AvatarGroup, { "aria-hidden": "true", children: avatars.map((src) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_avatar.Avatar, { className: "ring-background size-6 ring-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.AvatarImage, { src: src || void 0, alt: "" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.AvatarFallback, {})
+          ] }, src)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "truncate text-sm", children: message }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "a",
+            {
+              href,
+              className: "hover:text-foreground text-muted-foreground focus-visible:ring-ring hidden shrink-0 items-center gap-1 rounded-sm text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none sm:inline-flex",
+              children: [
+                linkLabel,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "size-3.5" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "size-8 shrink-0 rounded-full",
+              "aria-label": "Dismiss announcement",
+              onClick: dismiss,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "size-4" })
+            }
+          )
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: `grid transition-all duration-200 ease-out motion-reduce:transition-none ${closing ? "grid-rows-[0fr] opacity-0" : "grid-rows-[1fr] opacity-100"}`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-primary text-primary-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: `flex w-full items-center gap-3 px-4 py-2.5 sm:px-6 lg:px-8 ${fullWidth ? "" : "mx-auto max-w-7xl"}`,
+          children: [
+            badge ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_badge.Badge,
+              {
+                variant: "secondary",
+                className: "hidden shrink-0 rounded-full px-2 py-0 text-xs font-semibold sm:inline-flex",
+                children: badge
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "min-w-0 flex-1 truncate text-sm", children: message }),
+            onCtaClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "relative inline-flex", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react2.motion.span,
+                {
+                  "aria-hidden": "true",
+                  className: "pointer-events-none absolute inset-0 rounded-md ring-2 ring-background/70",
+                  initial: { scale: 1, opacity: 0.7 },
+                  animate: reduceMotion ? { scale: 1, opacity: 0 } : { scale: [1, 1.35], opacity: [0.7, 0] },
+                  transition: { duration: 1.8, repeat: Infinity, ease: "easeOut", repeatDelay: 0.4 }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_button.Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  size: "sm",
+                  onClick: onCtaClick,
+                  className: "shrink-0",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "hidden sm:inline", children: linkLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only sm:hidden", children: linkLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "size-3.5", "aria-hidden": "true" })
+                  ]
+                }
+              )
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "a",
+              {
+                href,
+                className: "focus-visible:ring-ring inline-flex shrink-0 items-center gap-1 rounded-sm text-sm font-medium underline-offset-4 transition-opacity duration-150 hover:opacity-80 hover:underline focus-visible:ring-2 focus-visible:outline-none",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "hidden sm:inline", children: linkLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only sm:hidden", children: linkLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "size-3.5", "aria-hidden": "true" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "hover:bg-primary-foreground/10 hover:text-primary-foreground size-8 shrink-0",
+                "aria-label": "Dismiss announcement",
+                onClick: dismiss,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "size-4" })
+              }
+            )
+          ]
+        }
+      ) }) })
+    }
+  );
+}
+var banner_1_default = Banner1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Banner1
+});
+//# sourceMappingURL=banner-1.js.map

package/dist/blocks/marketing/banners/banner-1.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/blocks/marketing/banners/banner-1.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { motion, useReducedMotion } from 'motion/react'\nimport { ArrowRight, X } from 'lucide-react'\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../ui/avatar'\nimport { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { AvatarGroup } from './avatar-group'\n\nexport type Banner1Shape = 'bar' | 'pill'\n\nexport interface Banner1Props {\n /**\n * 'bar' — full-width strip above the header (the default).\n * 'pill' — floating rounded card pinned to the bottom of the viewport, with an avatar stack.\n */\n shape?: Banner1Shape\n badge?: string\n message: string\n href: string\n linkLabel: string\n /** Used by the 'pill' shape only; decorative avatars of the announcement's authors. */\n avatars?: string[]\n /**\n * 'bar' only. When true, the inner content spans the full width of its parent\n * (skips the centered `max-w-7xl` container) so badge/message/CTA reach the edges.\n */\n fullWidth?: boolean\n /** Fired when the user clicks the banner CTA. When provided, the CTA renders as a button instead of a link. */\n onCtaClick?: () => void\n /** Fired when the user dismisses the banner. */\n onDismiss?: () => void\n}\n\ntype Visibility = 'visible' | 'closing' | 'closed'\n\nexport function Banner1({\n shape = 'bar',\n badge,\n message,\n href,\n linkLabel,\n avatars,\n fullWidth,\n onCtaClick,\n onDismiss,\n}: Banner1Props) {\n const [visibility, setVisibility] = useState<Visibility>('visible')\n const reduceMotion = useReducedMotion()\n\n useEffect(() => {\n if (visibility !== 'closing') {\n return\n }\n\n const timer = window.setTimeout(() => setVisibility('closed'), 200)\n return () => window.clearTimeout(timer)\n }, [visibility])\n\n const dismiss = () => {\n onDismiss?.()\n setVisibility(reduceMotion ? 'closed' : 'closing')\n }\n\n if (visibility === 'closed') {\n return null\n }\n\n const closing = visibility === 'closing'\n\n if (shape === 'pill') {\n return (\n <div\n className={`fixed inset-x-4 bottom-4 z-50 transition-all duration-200 ease-out motion-reduce:transition-none sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2 ${\n closing ? 'translate-y-2 opacity-0' : 'opacity-100'\n }`}\n >\n <div className='bg-background/95 border-border flex items-center gap-3 rounded-full border py-2 pr-2 pl-3 shadow-lg backdrop-blur sm:pl-4'>\n {avatars && avatars.length > 0 && (\n <AvatarGroup aria-hidden='true'>\n {avatars.map(src => (\n <Avatar key={src} className='ring-background size-6 ring-2'>\n <AvatarImage src={src || undefined} alt='' />\n <AvatarFallback />\n </Avatar>\n ))}\n </AvatarGroup>\n )}\n <p className='truncate text-sm'>{message}</p>\n <a\n href={href}\n className='hover:text-foreground text-muted-foreground focus-visible:ring-ring hidden shrink-0 items-center gap-1 rounded-sm text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none sm:inline-flex'\n >\n {linkLabel}\n <ArrowRight className='size-3.5' />\n </a>\n <Button\n variant='ghost'\n size='icon'\n className='size-8 shrink-0 rounded-full'\n aria-label='Dismiss announcement'\n onClick={dismiss}\n >\n <X className='size-4' />\n </Button>\n </div>\n </div>\n )\n }\n\n return (\n <div\n className={`grid transition-all duration-200 ease-out motion-reduce:transition-none ${\n closing ? 'grid-rows-[0fr] opacity-0' : 'grid-rows-[1fr] opacity-100'\n }`}\n >\n <div className='overflow-hidden'>\n <div className='bg-primary text-primary-foreground'>\n <div\n className={`flex w-full items-center gap-3 px-4 py-2.5 sm:px-6 lg:px-8 ${\n fullWidth ? '' : 'mx-auto max-w-7xl'\n }`}\n >\n {badge ? (\n <Badge\n variant='secondary'\n className='hidden shrink-0 rounded-full px-2 py-0 text-xs font-semibold sm:inline-flex'\n >\n {badge}\n </Badge>\n ) : null}\n\n <p className='min-w-0 flex-1 truncate text-sm'>{message}</p>\n\n {onCtaClick ? (\n <span className='relative inline-flex'>\n <motion.span\n aria-hidden='true'\n className='pointer-events-none absolute inset-0 rounded-md ring-2 ring-background/70'\n initial={{ scale: 1, opacity: 0.7 }}\n animate={\n reduceMotion\n ? { scale: 1, opacity: 0 }\n : { scale: [1, 1.35], opacity: [0.7, 0] }\n }\n transition={{ duration: 1.8, repeat: Infinity, ease: 'easeOut', repeatDelay: 0.4 }}\n />\n <Button\n type='button'\n variant='secondary'\n size='sm'\n onClick={onCtaClick}\n className='shrink-0'\n >\n <span className='hidden sm:inline'>{linkLabel}</span>\n <span className='sr-only sm:hidden'>{linkLabel}</span>\n <ArrowRight className='size-3.5' aria-hidden='true' />\n </Button>\n </span>\n ) : (\n <a\n href={href}\n className='focus-visible:ring-ring inline-flex shrink-0 items-center gap-1 rounded-sm text-sm font-medium underline-offset-4 transition-opacity duration-150 hover:opacity-80 hover:underline focus-visible:ring-2 focus-visible:outline-none'\n >\n <span className='hidden sm:inline'>{linkLabel}</span>\n <span className='sr-only sm:hidden'>{linkLabel}</span>\n <ArrowRight className='size-3.5' aria-hidden='true' />\n </a>\n )}\n\n <Button\n variant='ghost'\n size='icon'\n className='hover:bg-primary-foreground/10 hover:text-primary-foreground size-8 shrink-0'\n aria-label='Dismiss announcement'\n onClick={dismiss}\n >\n <X className='size-4' />\n </Button>\n </div>\n </div>\n </div>\n </div>\n )\n}\n\nexport default Banner1"],"mappings":"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","names":["import_react"]}