@thorprovider/blocks 1.0.0 → 3.0.0

package/dist/blocks/marketing/navbars/navbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/navbars/navbar.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState, type ComponentProps, type ComponentType } from 'react'\nimport { ArrowRight, Menu } from 'lucide-react'\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../../ui/accordion'\nimport { Button } from '../../../ui/button'\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n} from '../../../ui/navigation-menu'\nimport { Separator } from '../../../ui/separator'\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '../../../ui/sheet'\nimport { cn } from '../../../lib/utils'\nimport type { CTA } from '../../../lib/types'\n\n/** Structural presentations of the page-level header. */\nexport type NavbarPresentation = 'bar' | 'mega' | 'floating'\n\n/** Icon component bound by the host at render time. */\nexport type NavbarIcon = ComponentType<{ className?: string }>\n\n/** Maps a serializable icon key to a host-bound icon component. */\nexport type NavbarIconMap = Record<string, NavbarIcon>\n\nexport interface NavbarItem {\n  label: string\n  href: string\n  description?: string\n  /** Key resolved through the consumer's `iconMap`. Omit for entries without an icon. */\n  icon?: string\n}\n\nexport interface NavbarGroup {\n  /** Optional column heading. */\n  title?: string\n  items: NavbarItem[]\n}\n\nexport interface NavbarLink {\n  label: string\n  /**\n   * Destination for a plain link. Ignored when `groups` is present, because a grouped\n   * entry opens a flyout instead of navigating.\n   */\n  href?: string\n  /** Grouped entries rendered as a multi-column flyout (and an accordion on mobile). */\n  groups?: NavbarGroup[]\n  /** Renders the link with extra prominence in the flat presentations. */\n  emphasis?: boolean\n}\n\nexport interface NavbarFeatured {\n  eyebrow: string\n  title: string\n  description?: string\n  href: string\n  linkLabel?: string\n  image?: string\n  imageAlt?: string\n}\n\nexport interface NavbarProps {\n  /** Structural presentation. Omit for the static `bar`. */\n  presentation?: NavbarPresentation\n  /** Brand text shown next to the logo mark. */\n  logoText: string\n  logoHref?: string\n  /** Current location, used to indicate the active entry. */\n  currentPath?: string\n  links: NavbarLink[]\n  /** Promo card shown beside grouped flyout entries. */\n  featured?: NavbarFeatured\n  /** Sign-in action. Rendered as a link when `href` is set, otherwise as a button. */\n  signIn?: CTA\n  /** Primary call to action. Rendered as a link when `href` is set, otherwise as a button. */\n  cta?: CTA\n  /** Host-bound icons for grouped entries that declare an `icon` key. */\n  iconMap?: NavbarIconMap\n  /** Fired when the sign-in action has no `href`. */\n  onSignIn?: () => void\n  /** Fired when the primary call to action has no `href`. */\n  onCtaClick?: () => void\n  /** Classes merged onto the header surface, so a brand can restyle it. */\n  className?: string\n}\n\nconst FOCUS_RING =\n  'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none'\n\nfunction Logo({ text, href }: { text: string; href?: string }) {\n  const className = cn(\n    FOCUS_RING,\n    'flex items-center gap-2 rounded-sm focus-visible:ring-offset-2'\n  )\n\n  const content = (\n    <>\n      <svg viewBox='0 0 32 32' aria-hidden='true' className='text-primary size-7' fill='none' xmlns='http://www.w3.org/2000/svg'>\n        <path\n          d='M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z'\n          fill='currentColor'\n        />\n        <path\n          d='M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z'\n          fill='currentColor'\n        />\n        <path\n          d='M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z'\n          fill='currentColor'\n        />\n        <path\n          d='M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z'\n          fill='currentColor'\n        />\n        <path\n          d='M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z'\n          fill='currentColor'\n        />\n        <path d='M21.1694 10.5806L14.5651 17.1849' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' />\n        <path d='M22.1694 14.5806L18.5632 18.1868' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' />\n        <circle cx='13.1' cy='26.1' r='1.7' stroke='currentColor' strokeWidth='1.2' />\n        <circle cx='22.1' cy='26.1' r='1.7' stroke='currentColor' strokeWidth='1.2' />\n      </svg>\n      <span className='text-base font-semibold tracking-tight'>{text}</span>\n    </>\n  )\n\n  if (!href) {\n    return <span className={className}>{content}</span>\n  }\n\n  return (\n    <a href={href} className={className}>\n      {content}\n    </a>\n  )\n}\n\nfunction isCurrent(href: string | undefined, currentPath: string | undefined) {\n  return href !== undefined && href === currentPath\n}\n\n/** Non-color cue so the active entry does not rely on color alone. */\nconst CURRENT_CUE = 'font-semibold underline decoration-2 underline-offset-8'\n\nfunction ActionButton({\n  action,\n  onClick,\n  variant,\n  className,\n  rounded,\n}: {\n  action: CTA\n  onClick?: () => void\n  variant?: ComponentProps<typeof Button>['variant']\n  className?: string\n  rounded?: boolean\n}) {\n  const classes = cn(rounded && 'rounded-full', className)\n\n  if (action.href && !onClick) {\n    return (\n      <Button variant={variant} size='sm' className={classes} asChild>\n        <a href={action.href}>{action.label}</a>\n      </Button>\n    )\n  }\n\n  return (\n    <Button variant={variant} size='sm' className={classes} onClick={onClick}>\n      {action.label}\n    </Button>\n  )\n}\n\nfunction EntryIcon({ name, iconMap }: { name?: string; iconMap?: NavbarIconMap }) {\n  if (!name) {\n    return null\n  }\n\n  const Icon = iconMap?.[name]\n  if (!Icon) {\n    return null\n  }\n\n  return (\n    <span\n      aria-hidden='true'\n      className='bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-md'\n    >\n      <Icon className='size-4' />\n    </span>\n  )\n}\n\nfunction FeaturedCard({ featured }: { featured: NavbarFeatured }) {\n  return (\n    <a\n      href={featured.href}\n      className={cn(\n        'border-border group relative flex h-full min-h-56 flex-col justify-end overflow-hidden rounded-md border',\n        FOCUS_RING\n      )}\n    >\n      {featured.image ? (\n        <img\n          src={featured.image}\n          alt={featured.imageAlt ?? ''}\n          className='absolute inset-0 size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105'\n        />\n      ) : null}\n      {/* Token-driven scrim: follows the consumer theme instead of a hardcoded dark overlay. */}\n      <div\n        aria-hidden='true'\n        className='from-background via-background/70 absolute inset-0 bg-gradient-to-t to-transparent'\n      />\n      <div className='relative z-10 flex flex-col p-4'>\n        <p className='text-muted-foreground text-xs font-semibold tracking-wide uppercase'>\n          {featured.eyebrow}\n        </p>\n        <p className='text-foreground mt-1 text-sm font-medium'>{featured.title}</p>\n        {featured.description ? (\n          <p className='text-muted-foreground mt-1 text-sm'>{featured.description}</p>\n        ) : null}\n        {featured.linkLabel ? (\n          <span className='text-foreground mt-3 inline-flex items-center gap-1 text-sm font-medium'>\n            {featured.linkLabel}\n            <ArrowRight className='size-3.5 transition-transform duration-200 ease-out group-hover:translate-x-0.5' />\n          </span>\n        ) : null}\n      </div>\n    </a>\n  )\n}\n\nfunction MegaEntry({\n  link,\n  featured,\n  currentPath,\n  iconMap,\n}: {\n  link: NavbarLink\n  featured?: NavbarFeatured\n  currentPath?: string\n  iconMap?: NavbarIconMap\n}) {\n  const groups = link.groups ?? []\n  const hasCurrentChild = groups.some(group =>\n    group.items.some(item => isCurrent(item.href, currentPath))\n  )\n\n  return (\n    <NavigationMenuItem>\n      <NavigationMenuTrigger className={cn(hasCurrentChild && CURRENT_CUE)}>\n        {link.label}\n      </NavigationMenuTrigger>\n      <NavigationMenuContent>\n        <div\n          className={cn(\n            'grid gap-3 p-2',\n            featured\n              ? 'w-[760px] grid-cols-[1fr_248px]'\n              : groups.length > 1\n                ? 'w-[760px] grid-cols-2'\n                : 'w-[360px]'\n          )}\n        >\n          <div className={cn('grid gap-3', groups.length > 1 && 'grid-cols-2')}>\n            {groups.map((group, groupIndex) => (\n              <div key={group.title ?? `group-${groupIndex}`}>\n                {group.title ? (\n                  <p className='text-muted-foreground px-3 pt-1 pb-1 text-xs font-semibold tracking-wide uppercase'>\n                    {group.title}\n                  </p>\n                ) : null}\n                <ul className='grid gap-1'>\n                  {group.items.map(item => {\n                    const active = isCurrent(item.href, currentPath)\n\n                    return (\n                      <li key={item.href}>\n                        <NavigationMenuLink\n                          href={item.href}\n                          aria-current={active ? 'page' : undefined}\n                          className={cn('items-start gap-3 p-3', active && CURRENT_CUE)}\n                        >\n                          <EntryIcon name={item.icon} iconMap={iconMap} />\n                          <span className='flex flex-col gap-0.5'>\n                            <span className='text-sm font-medium'>{item.label}</span>\n                            {item.description ? (\n                              <span className='text-muted-foreground line-clamp-2 text-sm leading-5'>\n                                {item.description}\n                              </span>\n                            ) : null}\n                          </span>\n                        </NavigationMenuLink>\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            ))}\n          </div>\n          {featured ? <FeaturedCard featured={featured} /> : null}\n        </div>\n      </NavigationMenuContent>\n    </NavigationMenuItem>\n  )\n}\n\nfunction MobileMenu({\n  links,\n  currentPath,\n  signIn,\n  cta,\n  onSignIn,\n  onCtaClick,\n}: {\n  links: NavbarLink[]\n  currentPath?: string\n  signIn?: CTA\n  cta?: CTA\n  onSignIn?: () => void\n  onCtaClick?: () => void\n}) {\n  const [open, setOpen] = useState(false)\n  const groupedLinks = links.filter(link => (link.groups?.length ?? 0) > 0)\n  const plainLinks = links.filter(link => (link.groups?.length ?? 0) === 0)\n\n  // Nothing to navigate to and no action to offer: no drawer, no dead trigger.\n  if (links.length === 0 && !signIn && !cta) {\n    return null\n  }\n\n  return (\n    <Sheet open={open} onOpenChange={setOpen}>\n      <SheetTrigger asChild>\n        <Button variant='ghost' size='icon' aria-label='Open menu' className='lg:hidden'>\n          <Menu />\n        </Button>\n      </SheetTrigger>\n      <SheetContent\n        side='right'\n        className={cn(\n          'w-full max-w-xs p-0',\n          groupedLinks.length > 0 && 'max-w-sm gap-0 overflow-y-auto'\n        )}\n      >\n        <SheetHeader className='border-border border-b'>\n          <SheetTitle className='text-left text-base'>Menu</SheetTitle>\n        </SheetHeader>\n\n        <nav aria-label='Mobile' className='px-2 py-2'>\n          {groupedLinks.length > 0 ? (\n            <Accordion type='multiple'>\n              {groupedLinks.map(link => (\n                <AccordionItem\n                  key={`${link.label}:${link.href ?? 'group'}`}\n                  value={link.label}\n                  className='border-none'\n                >\n                  <AccordionTrigger className='px-3 py-3 text-base font-medium hover:no-underline'>\n                    {link.label}\n                  </AccordionTrigger>\n                  <AccordionContent className='pb-1'>\n                    {(link.groups ?? []).map((group, groupIndex) => (\n                      <div key={group.title ?? `group-${groupIndex}`}>\n                        {group.title ? (\n                          <p className='text-muted-foreground px-3 pt-1 pb-1 text-xs font-semibold tracking-wide uppercase'>\n                            {group.title}\n                          </p>\n                        ) : null}\n                        <ul className='flex flex-col'>\n                          {group.items.map(item => {\n                            const active = isCurrent(item.href, currentPath)\n\n                            return (\n                              <li key={item.href}>\n                                <SheetClose asChild>\n                                  <a\n                                    href={item.href}\n                                    aria-current={active ? 'page' : undefined}\n                                    className={cn(\n                                      'hover:bg-accent hover:text-accent-foreground flex items-start gap-3 rounded-md px-3 py-3 transition-colors duration-150 ease-out',\n                                      FOCUS_RING,\n                                      active ? 'text-foreground' : 'text-muted-foreground',\n                                      active && CURRENT_CUE\n                                    )}\n                                  >\n                                    <EntryIcon name={item.icon} />\n                                    <span className='flex flex-col gap-0.5'>\n                                      <span className='text-sm font-medium'>{item.label}</span>\n                                      {item.description ? (\n                                        <span className='text-muted-foreground text-sm'>\n                                          {item.description}\n                                        </span>\n                                      ) : null}\n                                    </span>\n                                  </a>\n                                </SheetClose>\n                              </li>\n                            )\n                          })}\n                        </ul>\n                      </div>\n                    ))}\n                  </AccordionContent>\n                </AccordionItem>\n              ))}\n            </Accordion>\n          ) : null}\n\n          {plainLinks.length > 0 ? (\n            <div className={cn('flex flex-col', groupedLinks.length > 0 && 'mt-1')}>\n              {plainLinks.map(link => {\n                const active = isCurrent(link.href, currentPath)\n                const className = cn(\n                  'hover:bg-accent hover:text-accent-foreground rounded-md px-3 py-3 text-base font-medium transition-colors duration-150 ease-out',\n                  FOCUS_RING,\n                  active ? 'text-foreground' : 'text-muted-foreground',\n                  active && CURRENT_CUE\n                )\n\n                return (\n                  <SheetClose key={`${link.label}:${link.href ?? 'plain'}`} asChild>\n                    {link.href ? (\n                      <a href={link.href} aria-current={active ? 'page' : undefined} className={className}>\n                        {link.label}\n                      </a>\n                    ) : (\n                      <button type='button' className={className}>\n                        {link.label}\n                      </button>\n                    )}\n                  </SheetClose>\n                )\n              })}\n            </div>\n          ) : null}\n        </nav>\n\n        {signIn || cta ? (\n          <div className='mt-auto flex flex-col gap-4 p-4'>\n            <Separator />\n            <div className='flex flex-col gap-2'>\n              {signIn ? (\n                <SheetClose asChild>\n                  <ActionButton\n                    action={signIn}\n                    onClick={onSignIn}\n                    variant='outline'\n                    className='w-full'\n                  />\n                </SheetClose>\n              ) : null}\n              {cta ? (\n                <SheetClose asChild>\n                  <ActionButton action={cta} onClick={onCtaClick} className='w-full' />\n                </SheetClose>\n              ) : null}\n            </div>\n          </div>\n        ) : null}\n      </SheetContent>\n    </Sheet>\n  )\n}\n\nfunction FlatLinks({\n  links,\n  currentPath,\n  rounded,\n}: {\n  links: NavbarLink[]\n  currentPath?: string\n  rounded?: boolean\n}) {\n  if (links.length === 0) {\n    return null\n  }\n\n  return (\n    <nav aria-label='Main' className='hidden lg:block'>\n      <ul className='flex items-center gap-1'>\n        {links.map(link => {\n          const active = isCurrent(link.href, currentPath)\n          const className = cn(\n            'hover:text-foreground text-sm font-medium transition-colors duration-150 ease-out',\n            FOCUS_RING,\n            rounded ? 'rounded-full px-3 py-2' : 'rounded-md px-3 py-2',\n            active ? 'text-foreground' : 'text-muted-foreground',\n            active && CURRENT_CUE,\n            !active && link.emphasis && 'text-foreground'\n          )\n\n          return (\n            <li key={`${link.label}:${link.href ?? 'plain'}`}>\n              {link.href ? (\n                <a href={link.href} aria-current={active ? 'page' : undefined} className={className}>\n                  {link.label}\n                </a>\n              ) : (\n                <span className={className}>{link.label}</span>\n              )}\n            </li>\n          )\n        })}\n      </ul>\n    </nav>\n  )\n}\n\nfunction MegaLinks({\n  links,\n  featured,\n  currentPath,\n  iconMap,\n}: {\n  links: NavbarLink[]\n  featured?: NavbarFeatured\n  currentPath?: string\n  iconMap?: NavbarIconMap\n}) {\n  if (links.length === 0) {\n    return null\n  }\n\n  return (\n    <NavigationMenu className='hidden lg:flex' aria-label='Main'>\n      <NavigationMenuList>\n        {links.map(link => {\n          const grouped = (link.groups?.length ?? 0) > 0\n\n          if (grouped) {\n            return (\n              <MegaEntry\n                key={`${link.label}:group`}\n                link={link}\n                featured={featured}\n                currentPath={currentPath}\n                iconMap={iconMap}\n              />\n            )\n          }\n\n          const active = isCurrent(link.href, currentPath)\n\n          return (\n            <NavigationMenuItem key={`${link.label}:${link.href ?? 'plain'}`}>\n              <NavigationMenuLink\n                href={link.href}\n                aria-current={active ? 'page' : undefined}\n                className={cn(\n                  navigationMenuTriggerStyle(),\n                  active && CURRENT_CUE,\n                  !active && link.emphasis && 'text-foreground font-semibold'\n                )}\n              >\n                {link.label}\n              </NavigationMenuLink>\n            </NavigationMenuItem>\n          )\n        })}\n      </NavigationMenuList>\n    </NavigationMenu>\n  )\n}\n\n/**\n * Page-level navigation header.\n *\n * Responsibilities end at navigation: the header renders no cart, account, or search\n * affordance — those belong to the commerce shell (`StorefrontNavbar`).\n *\n * `floating` keeps the header in normal document flow (`sticky`), so it reserves its own\n * space and the consumer adds no compensating padding or scroll offset. A `sticky` header\n * is defeated by an `overflow` ancestor that scrolls; use `bar` there.\n */\nexport function Navbar({\n  presentation = 'bar',\n  logoText,\n  logoHref,\n  currentPath,\n  links,\n  featured,\n  signIn,\n  cta,\n  iconMap,\n  onSignIn,\n  onCtaClick,\n  className,\n}: NavbarProps) {\n  const sentinelRef = useRef<HTMLDivElement>(null)\n  const [scrolled, setScrolled] = useState(false)\n\n  /**\n   * Scroll detection:\n   * - Inside a preview with an overflow ancestor the scroller is not the viewport, so\n   *   `scrollTop` on the nearest scrollable ancestor is the reliable signal.\n   * - On a normal page, an IntersectionObserver on the 8px sentinel gives hysteresis\n   *   without flickering at a hard `scrollY > 8` threshold.\n   */\n  useEffect(() => {\n    if (presentation !== 'floating') {\n      return\n    }\n\n    const sentinel = sentinelRef.current\n    if (!sentinel) {\n      return\n    }\n\n    let ancestor: HTMLElement | null = sentinel.parentElement\n    while (ancestor) {\n      const { overflowY } = getComputedStyle(ancestor)\n      if (\n        (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') &&\n        ancestor.scrollHeight > ancestor.clientHeight + 1\n      ) {\n        const scroller = ancestor\n        const update = () => setScrolled(scroller.scrollTop > 8)\n        update()\n        scroller.addEventListener('scroll', update, { passive: true })\n        return () => scroller.removeEventListener('scroll', update)\n      }\n      ancestor = ancestor.parentElement\n    }\n\n    const observer = new IntersectionObserver(([entry]) => setScrolled(!entry.isIntersecting), {\n      threshold: 0,\n    })\n\n    observer.observe(sentinel)\n    return () => observer.disconnect()\n  }, [presentation])\n\n  if (presentation === 'floating') {\n    return (\n      <>\n        {/*\n          Out of flow: gives the observer an 8px hysteresis target without painting a\n          blank strip under the transparent unscrolled header.\n        */}\n        <div\n          ref={sentinelRef}\n          aria-hidden='true'\n          className='pointer-events-none absolute inset-x-0 top-0 h-2'\n        />\n\n        <header className={cn('sticky top-0 z-50 w-full', className)}>\n          <div\n            className={cn(\n              'mx-auto flex h-14 items-center justify-between gap-4 transition-all duration-300 ease-out motion-reduce:transition-none',\n              scrolled\n                ? 'border-border/60 bg-background/80 max-w-5xl rounded-full border px-4 shadow-sm backdrop-blur-md sm:px-5'\n                : 'max-w-7xl border border-transparent px-4 sm:px-6 lg:px-8'\n            )}\n          >\n            <Logo text={logoText} href={logoHref} />\n\n            <FlatLinks links={links} currentPath={currentPath} rounded />\n\n            <div className='hidden items-center gap-2 lg:flex'>\n              {signIn ? (\n                <ActionButton action={signIn} onClick={onSignIn} variant='ghost' rounded />\n              ) : null}\n              {cta ? <ActionButton action={cta} onClick={onCtaClick} rounded /> : null}\n            </div>\n\n            <MobileMenu\n              links={links}\n              currentPath={currentPath}\n              signIn={signIn}\n              cta={cta}\n              onSignIn={onSignIn}\n              onCtaClick={onCtaClick}\n            />\n          </div>\n        </header>\n      </>\n    )\n  }\n\n  return (\n    <header className={cn('border-border bg-background w-full border-b', className)}>\n      <div className='mx-auto flex h-16 w-full max-w-7xl items-center justify-between gap-4 px-4 sm:px-6 lg:px-8'>\n        {presentation === 'mega' ? (\n          <div className='flex items-center gap-6'>\n            <Logo text={logoText} href={logoHref} />\n            <MegaLinks\n              links={links}\n              featured={featured}\n              currentPath={currentPath}\n              iconMap={iconMap}\n            />\n          </div>\n        ) : (\n          <>\n            <Logo text={logoText} href={logoHref} />\n            <FlatLinks links={links} currentPath={currentPath} />\n          </>\n        )}\n\n        <div className='hidden items-center gap-2 lg:flex'>\n          {signIn ? <ActionButton action={signIn} onClick={onSignIn} variant='ghost' /> : null}\n          {cta ? <ActionButton action={cta} onClick={onCtaClick} /> : null}\n        </div>\n\n        <MobileMenu\n          links={links}\n          currentPath={currentPath}\n          signIn={signIn}\n          cta={cta}\n          onSignIn={onSignIn}\n          onCtaClick={onCtaClick}\n        />\n      </div>\n    </header>\n  )\n}\n\nexport default Navbar\n"],"mappings":"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","names":[]}

package/dist/blocks/marketing/pricing/pricing-section-1.d.ts

@@ -0,0 +1,23 @@
+export interface PricingTier {
+    id: string;
+    name: string;
+    description: string;
+    /** Precio sin símbolo de moneda; el símbolo se pasa aparte en `currencySymbol`. */
+    price: string;
+    /** Frecuencia de facturación, p. ej. '/mes'. */
+    frequency: string;
+    features: string[];
+    popular?: boolean;
+}
+export interface PricingSection1Props {
+    tiers: PricingTier[];
+    currencySymbol?: string;
+    sectionTitle?: string;
+    sectionLabel?: string;
+    popularBadgeLabel?: string;
+    getStartedLabel?: string;
+    onSelectTier?: (tier: PricingTier) => void;
+}
+export declare function PricingSection1({ tiers, currencySymbol, sectionTitle, sectionLabel, popularBadgeLabel, getStartedLabel, onSelectTier, }: PricingSection1Props): import("react").JSX.Element;
+export default PricingSection1;
+//# sourceMappingURL=pricing-section-1.d.ts.map

package/dist/blocks/marketing/pricing/pricing-section-1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-section-1.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/pricing/pricing-section-1.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CAC3C;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,cAAoB,EACpB,YAAiD,EACjD,YAAiC,EACjC,iBAA6B,EAC7B,eAA2B,EAC3B,YAAY,GACb,EAAE,oBAAoB,+BAuDtB;AAED,eAAe,eAAe,CAAA"}

package/dist/blocks/marketing/pricing/pricing-section-1.js

@@ -0,0 +1,89 @@
+"use strict";
+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 pricing_section_1_exports = {};
+__export(pricing_section_1_exports, {
+  PricingSection1: () => PricingSection1,
+  default: () => pricing_section_1_default
+});
+module.exports = __toCommonJS(pricing_section_1_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_utils = require("../../../lib/utils.js");
+var import_badge = require("../../../ui/badge.js");
+function PricingSection1({
+  tiers,
+  currencySymbol = "$",
+  sectionTitle = "El plan perfecto para tu negocio",
+  sectionLabel = "Nuestros precios",
+  popularBadgeLabel = "Popular",
+  getStartedLabel = "Empezar",
+  onSelectTier
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "py-16", id: "pricing", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "mb-12 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mb-2 text-sm font-medium", children: sectionLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-3xl font-bold text-balance lg:text-5xl", children: sectionTitle })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-6 lg:grid-cols-3 lg:gap-8", children: tiers.map((tier) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { className: (0, import_utils.cn)("overflow-hidden py-6", { "shadow-lg": tier.popular }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardHeader, { className: "px-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "text-xl font-bold lg:text-2xl", children: tier.name }),
+          tier.popular && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { className: "px-2.5 py-0.5 font-semibold rounded-full", children: popularBadgeLabel })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", children: tier.description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { className: "flex flex-col flex-1 px-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-6 flex items-baseline gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-3xl font-bold lg:text-5xl", children: [
+            currencySymbol,
+            tier.price
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: tier.frequency })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex flex-col gap-3", children: tier.features.map((feature) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: feature })
+        ] }, feature)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardFooter, { className: "border-0 bg-transparent px-6 pb-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_button.Button,
+        {
+          className: "h-10 px-8 w-full cursor-pointer gap-2",
+          size: "lg",
+          variant: tier.popular ? "default" : "outline",
+          "aria-label": `${getStartedLabel} con ${tier.name}`,
+          onClick: onSelectTier ? () => onSelectTier(tier) : void 0,
+          children: [
+            getStartedLabel,
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, {})
+          ]
+        }
+      ) })
+    ] }, tier.id)) })
+  ] }) });
+}
+var pricing_section_1_default = PricingSection1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PricingSection1
+});
+//# sourceMappingURL=pricing-section-1.js.map

package/dist/blocks/marketing/pricing/pricing-section-1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/pricing/pricing-section-1.tsx"],"sourcesContent":["import { ArrowRight, Check } from 'lucide-react'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardFooter, CardHeader, CardTitle } from '../../../ui/card'\nimport { cn } from '../../../lib/utils'\nimport { Badge } from '../../../ui/badge'\n\nexport interface PricingTier {\n  id: string\n  name: string\n  description: string\n  /** Precio sin símbolo de moneda; el símbolo se pasa aparte en `currencySymbol`. */\n  price: string\n  /** Frecuencia de facturación, p. ej. '/mes'. */\n  frequency: string\n  features: string[]\n  popular?: boolean\n}\n\nexport interface PricingSection1Props {\n  tiers: PricingTier[]\n  currencySymbol?: string\n  sectionTitle?: string\n  sectionLabel?: string\n  popularBadgeLabel?: string\n  getStartedLabel?: string\n  onSelectTier?: (tier: PricingTier) => void\n}\n\nexport function PricingSection1({\n  tiers,\n  currencySymbol = '$',\n  sectionTitle = 'El plan perfecto para tu negocio',\n  sectionLabel = 'Nuestros precios',\n  popularBadgeLabel = 'Popular',\n  getStartedLabel = 'Empezar',\n  onSelectTier,\n}: PricingSection1Props) {\n  return (\n    <section className='py-16' id='pricing'>\n      <div className='mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8'>\n        <header className='mb-12 text-center'>\n          <p className='text-muted-foreground mb-2 text-sm font-medium'>{sectionLabel}</p>\n          <h2 className='text-3xl font-bold text-balance lg:text-5xl'>{sectionTitle}</h2>\n        </header>\n\n        <div className='grid gap-6 lg:grid-cols-3 lg:gap-8'>\n          {tiers.map(tier => (\n            <Card key={tier.id} className={cn('overflow-hidden py-6', { 'shadow-lg': tier.popular })}>\n              <CardHeader className='px-6'>\n                <div className='flex items-center justify-between gap-4'>\n                  <CardTitle className='text-xl font-bold lg:text-2xl'>{tier.name}</CardTitle>\n                  {tier.popular && (\n                    <Badge className='px-2.5 py-0.5 font-semibold rounded-full'>{popularBadgeLabel}</Badge>\n                  )}\n                </div>\n                <p className='text-muted-foreground text-sm'>{tier.description}</p>\n              </CardHeader>\n              <CardContent className='flex flex-col flex-1 px-6'>\n                <div className='mb-6 flex items-baseline gap-2'>\n                  <span className='text-3xl font-bold lg:text-5xl'>\n                    {currencySymbol}\n                    {tier.price}\n                  </span>\n                  <span className='text-muted-foreground text-sm'>{tier.frequency}</span>\n                </div>\n                <ul className='flex flex-col gap-3'>\n                  {tier.features.map(feature => (\n                    <li key={feature} className='flex items-center gap-2'>\n                      <Check className='size-4 shrink-0' />\n                      <span className='text-muted-foreground text-sm'>{feature}</span>\n                    </li>\n                  ))}\n                </ul>\n              </CardContent>\n              <CardFooter className='border-0 bg-transparent px-6 pb-6'>\n                <Button\n                  className='h-10 px-8 w-full cursor-pointer gap-2'\n                  size='lg'\n                  variant={tier.popular ? 'default' : 'outline'}\n                  aria-label={`${getStartedLabel} con ${tier.name}`}\n                  onClick={onSelectTier ? () => onSelectTier(tier) : undefined}\n                >\n                  {getStartedLabel} <ArrowRight />\n                </Button>\n              </CardFooter>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default PricingSection1"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCQ;AAxCR,0BAAkC;AAClC,oBAAuB;AACvB,kBAAqE;AACrE,mBAAmB;AACnB,mBAAsB;AAwBf,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB;AACF,GAAyB;AACvB,SACE,4CAAC,aAAQ,WAAU,SAAQ,IAAG,WAC5B,uDAAC,SAAI,WAAU,iDACb;AAAA,iDAAC,YAAO,WAAU,qBAChB;AAAA,kDAAC,OAAE,WAAU,kDAAkD,wBAAa;AAAA,MAC5E,4CAAC,QAAG,WAAU,+CAA+C,wBAAa;AAAA,OAC5E;AAAA,IAEA,4CAAC,SAAI,WAAU,sCACZ,gBAAM,IAAI,UACT,6CAAC,oBAAmB,eAAW,iBAAG,wBAAwB,EAAE,aAAa,KAAK,QAAQ,CAAC,GACrF;AAAA,mDAAC,0BAAW,WAAU,QACpB;AAAA,qDAAC,SAAI,WAAU,2CACb;AAAA,sDAAC,yBAAU,WAAU,iCAAiC,eAAK,MAAK;AAAA,UAC/D,KAAK,WACJ,4CAAC,sBAAM,WAAU,4CAA4C,6BAAkB;AAAA,WAEnF;AAAA,QACA,4CAAC,OAAE,WAAU,iCAAiC,eAAK,aAAY;AAAA,SACjE;AAAA,MACA,6CAAC,2BAAY,WAAU,6BACrB;AAAA,qDAAC,SAAI,WAAU,kCACb;AAAA,uDAAC,UAAK,WAAU,kCACb;AAAA;AAAA,YACA,KAAK;AAAA,aACR;AAAA,UACA,4CAAC,UAAK,WAAU,iCAAiC,eAAK,WAAU;AAAA,WAClE;AAAA,QACA,4CAAC,QAAG,WAAU,uBACX,eAAK,SAAS,IAAI,aACjB,6CAAC,QAAiB,WAAU,2BAC1B;AAAA,sDAAC,6BAAM,WAAU,mBAAkB;AAAA,UACnC,4CAAC,UAAK,WAAU,iCAAiC,mBAAQ;AAAA,aAFlD,OAGT,CACD,GACH;AAAA,SACF;AAAA,MACA,4CAAC,0BAAW,WAAU,qCACpB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,KAAK,UAAU,YAAY;AAAA,UACpC,cAAY,GAAG,eAAe,QAAQ,KAAK,IAAI;AAAA,UAC/C,SAAS,eAAe,MAAM,aAAa,IAAI,IAAI;AAAA,UAElD;AAAA;AAAA,YAAgB;AAAA,YAAC,4CAAC,kCAAW;AAAA;AAAA;AAAA,MAChC,GACF;AAAA,SArCS,KAAK,EAsChB,CACD,GACH;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,4BAAQ;","names":[]}

package/dist/blocks/marketing/pricing/pricing-section-1.mjs

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRight, Check } from "lucide-react";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "../../../ui/card.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { Badge } from "../../../ui/badge.mjs";
+function PricingSection1({
+  tiers,
+  currencySymbol = "$",
+  sectionTitle = "El plan perfecto para tu negocio",
+  sectionLabel = "Nuestros precios",
+  popularBadgeLabel = "Popular",
+  getStartedLabel = "Empezar",
+  onSelectTier
+}) {
+  return /* @__PURE__ */ jsx("section", { className: "py-16", id: "pricing", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("header", { className: "mb-12 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-2 text-sm font-medium", children: sectionLabel }),
+      /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold text-balance lg:text-5xl", children: sectionTitle })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-6 lg:grid-cols-3 lg:gap-8", children: tiers.map((tier) => /* @__PURE__ */ jsxs(Card, { className: cn("overflow-hidden py-6", { "shadow-lg": tier.popular }), children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "px-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-xl font-bold lg:text-2xl", children: tier.name }),
+          tier.popular && /* @__PURE__ */ jsx(Badge, { className: "px-2.5 py-0.5 font-semibold rounded-full", children: popularBadgeLabel })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: tier.description })
+      ] }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col flex-1 px-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-baseline gap-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-3xl font-bold lg:text-5xl", children: [
+            currencySymbol,
+            tier.price
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: tier.frequency })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-3", children: tier.features.map((feature) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: feature })
+        ] }, feature)) })
+      ] }),
+      /* @__PURE__ */ jsx(CardFooter, { className: "border-0 bg-transparent px-6 pb-6", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          className: "h-10 px-8 w-full cursor-pointer gap-2",
+          size: "lg",
+          variant: tier.popular ? "default" : "outline",
+          "aria-label": `${getStartedLabel} con ${tier.name}`,
+          onClick: onSelectTier ? () => onSelectTier(tier) : void 0,
+          children: [
+            getStartedLabel,
+            " ",
+            /* @__PURE__ */ jsx(ArrowRight, {})
+          ]
+        }
+      ) })
+    ] }, tier.id)) })
+  ] }) });
+}
+var pricing_section_1_default = PricingSection1;
+export {
+  PricingSection1,
+  pricing_section_1_default as default
+};
+//# sourceMappingURL=pricing-section-1.mjs.map

package/dist/blocks/marketing/pricing/pricing-section-1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/pricing/pricing-section-1.tsx"],"sourcesContent":["import { ArrowRight, Check } from 'lucide-react'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardFooter, CardHeader, CardTitle } from '../../../ui/card'\nimport { cn } from '../../../lib/utils'\nimport { Badge } from '../../../ui/badge'\n\nexport interface PricingTier {\n  id: string\n  name: string\n  description: string\n  /** Precio sin símbolo de moneda; el símbolo se pasa aparte en `currencySymbol`. */\n  price: string\n  /** Frecuencia de facturación, p. ej. '/mes'. */\n  frequency: string\n  features: string[]\n  popular?: boolean\n}\n\nexport interface PricingSection1Props {\n  tiers: PricingTier[]\n  currencySymbol?: string\n  sectionTitle?: string\n  sectionLabel?: string\n  popularBadgeLabel?: string\n  getStartedLabel?: string\n  onSelectTier?: (tier: PricingTier) => void\n}\n\nexport function PricingSection1({\n  tiers,\n  currencySymbol = '$',\n  sectionTitle = 'El plan perfecto para tu negocio',\n  sectionLabel = 'Nuestros precios',\n  popularBadgeLabel = 'Popular',\n  getStartedLabel = 'Empezar',\n  onSelectTier,\n}: PricingSection1Props) {\n  return (\n    <section className='py-16' id='pricing'>\n      <div className='mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8'>\n        <header className='mb-12 text-center'>\n          <p className='text-muted-foreground mb-2 text-sm font-medium'>{sectionLabel}</p>\n          <h2 className='text-3xl font-bold text-balance lg:text-5xl'>{sectionTitle}</h2>\n        </header>\n\n        <div className='grid gap-6 lg:grid-cols-3 lg:gap-8'>\n          {tiers.map(tier => (\n            <Card key={tier.id} className={cn('overflow-hidden py-6', { 'shadow-lg': tier.popular })}>\n              <CardHeader className='px-6'>\n                <div className='flex items-center justify-between gap-4'>\n                  <CardTitle className='text-xl font-bold lg:text-2xl'>{tier.name}</CardTitle>\n                  {tier.popular && (\n                    <Badge className='px-2.5 py-0.5 font-semibold rounded-full'>{popularBadgeLabel}</Badge>\n                  )}\n                </div>\n                <p className='text-muted-foreground text-sm'>{tier.description}</p>\n              </CardHeader>\n              <CardContent className='flex flex-col flex-1 px-6'>\n                <div className='mb-6 flex items-baseline gap-2'>\n                  <span className='text-3xl font-bold lg:text-5xl'>\n                    {currencySymbol}\n                    {tier.price}\n                  </span>\n                  <span className='text-muted-foreground text-sm'>{tier.frequency}</span>\n                </div>\n                <ul className='flex flex-col gap-3'>\n                  {tier.features.map(feature => (\n                    <li key={feature} className='flex items-center gap-2'>\n                      <Check className='size-4 shrink-0' />\n                      <span className='text-muted-foreground text-sm'>{feature}</span>\n                    </li>\n                  ))}\n                </ul>\n              </CardContent>\n              <CardFooter className='border-0 bg-transparent px-6 pb-6'>\n                <Button\n                  className='h-10 px-8 w-full cursor-pointer gap-2'\n                  size='lg'\n                  variant={tier.popular ? 'default' : 'outline'}\n                  aria-label={`${getStartedLabel} con ${tier.name}`}\n                  onClick={onSelectTier ? () => onSelectTier(tier) : undefined}\n                >\n                  {getStartedLabel} <ArrowRight />\n                </Button>\n              </CardFooter>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default PricingSection1"],"mappings":"AAwCQ,SACE,KADF;AAxCR,SAAS,YAAY,aAAa;AAClC,SAAS,cAAc;AACvB,SAAS,MAAM,aAAa,YAAY,YAAY,iBAAiB;AACrE,SAAS,UAAU;AACnB,SAAS,aAAa;AAwBf,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB;AACF,GAAyB;AACvB,SACE,oBAAC,aAAQ,WAAU,SAAQ,IAAG,WAC5B,+BAAC,SAAI,WAAU,iDACb;AAAA,yBAAC,YAAO,WAAU,qBAChB;AAAA,0BAAC,OAAE,WAAU,kDAAkD,wBAAa;AAAA,MAC5E,oBAAC,QAAG,WAAU,+CAA+C,wBAAa;AAAA,OAC5E;AAAA,IAEA,oBAAC,SAAI,WAAU,sCACZ,gBAAM,IAAI,UACT,qBAAC,QAAmB,WAAW,GAAG,wBAAwB,EAAE,aAAa,KAAK,QAAQ,CAAC,GACrF;AAAA,2BAAC,cAAW,WAAU,QACpB;AAAA,6BAAC,SAAI,WAAU,2CACb;AAAA,8BAAC,aAAU,WAAU,iCAAiC,eAAK,MAAK;AAAA,UAC/D,KAAK,WACJ,oBAAC,SAAM,WAAU,4CAA4C,6BAAkB;AAAA,WAEnF;AAAA,QACA,oBAAC,OAAE,WAAU,iCAAiC,eAAK,aAAY;AAAA,SACjE;AAAA,MACA,qBAAC,eAAY,WAAU,6BACrB;AAAA,6BAAC,SAAI,WAAU,kCACb;AAAA,+BAAC,UAAK,WAAU,kCACb;AAAA;AAAA,YACA,KAAK;AAAA,aACR;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,eAAK,WAAU;AAAA,WAClE;AAAA,QACA,oBAAC,QAAG,WAAU,uBACX,eAAK,SAAS,IAAI,aACjB,qBAAC,QAAiB,WAAU,2BAC1B;AAAA,8BAAC,SAAM,WAAU,mBAAkB;AAAA,UACnC,oBAAC,UAAK,WAAU,iCAAiC,mBAAQ;AAAA,aAFlD,OAGT,CACD,GACH;AAAA,SACF;AAAA,MACA,oBAAC,cAAW,WAAU,qCACpB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,KAAK,UAAU,YAAY;AAAA,UACpC,cAAY,GAAG,eAAe,QAAQ,KAAK,IAAI;AAAA,UAC/C,SAAS,eAAe,MAAM,aAAa,IAAI,IAAI;AAAA,UAElD;AAAA;AAAA,YAAgB;AAAA,YAAC,oBAAC,cAAW;AAAA;AAAA;AAAA,MAChC,GACF;AAAA,SArCS,KAAK,EAsChB,CACD,GACH;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,4BAAQ;","names":[]}

package/dist/blocks/marketing/statistics/statistic-1.d.ts

@@ -0,0 +1,19 @@
+import type { LucideIcon } from 'lucide-react';
+export interface StatisticItem {
+    id: string;
+    title: string;
+    value: string;
+    description: string;
+    progress: number;
+    progressLabel: string;
+    icon: LucideIcon;
+}
+export interface Statistic1Props {
+    items: StatisticItem[];
+    badge?: string;
+    title?: string;
+    description?: string;
+}
+export declare function Statistic1({ items, badge, title, description }: Statistic1Props): import("react").JSX.Element;
+export default Statistic1;
+//# sourceMappingURL=statistic-1.d.ts.map

package/dist/blocks/marketing/statistics/statistic-1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistic-1.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/statistics/statistic-1.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,eAAe,+BAmE/E;AAED,eAAe,UAAU,CAAA"}

package/dist/blocks/marketing/statistics/statistic-1.js

@@ -0,0 +1,83 @@
+"use strict";
+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 statistic_1_exports = {};
+__export(statistic_1_exports, {
+  Statistic1: () => Statistic1,
+  default: () => statistic_1_default
+});
+module.exports = __toCommonJS(statistic_1_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_card = require("../../../ui/card.js");
+var import_badge = require("../../../ui/badge.js");
+var import_progress = require("../../../ui/progress.js");
+var import_lucide_react = require("lucide-react");
+function Statistic1({ items, badge, title, description }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "py-16 md:py-20", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-16", children: [
+    (badge || title || description) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-6 text-center", children: [
+      badge && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_badge.Badge,
+        {
+          variant: "outline",
+          className: "h-auto [&>svg]:size-4! rounded-md inline-flex items-center gap-2 px-4 py-2 text-sm font-medium self-center",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.BarChart3, {}),
+            badge
+          ]
+        }
+      ),
+      title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-4xl font-bold tracking-tight text-balance lg:text-5xl", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mx-auto max-w-2xl text-lg leading-relaxed", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-6 sm:grid-cols-2 md:grid-cols-3", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_card.Card,
+      {
+        className: "group relative gap-2 overflow-hidden py-6 transition-all duration-300 hover:shadow-lg",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardHeader, { className: "px-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "text-muted-foreground text-sm font-medium text-balance", children: item.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-2xl font-bold", children: item.value }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-muted rounded-xl p-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(item.icon, { className: "text-muted-foreground size-6" }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mt-1 text-xs", children: item.description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { className: "pt-0 px-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: item.progressLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-medium", children: [
+                item.progress,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.Progress, { value: item.progress, className: "h-2" })
+          ] }) })
+        ]
+      },
+      item.id
+    )) })
+  ] }) }) });
+}
+var statistic_1_default = Statistic1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Statistic1
+});
+//# sourceMappingURL=statistic-1.js.map

package/dist/blocks/marketing/statistics/statistic-1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/statistics/statistic-1.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '../../../ui/card'\nimport { Badge } from '../../../ui/badge'\nimport { Progress } from '../../../ui/progress'\nimport { BarChart3 } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\n\nexport interface StatisticItem {\n  id: string\n  title: string\n  value: string\n  description: string\n  progress: number\n  progressLabel: string\n  icon: LucideIcon\n}\n\nexport interface Statistic1Props {\n  items: StatisticItem[]\n  badge?: string\n  title?: string\n  description?: string\n}\n\nexport function Statistic1({ items, badge, title, description }: Statistic1Props) {\n  return (\n    <section className='py-16 md:py-20'>\n      <div className='mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8'>\n        <div className='flex flex-col gap-16'>\n          {(badge || title || description) && (\n            <div className='flex flex-col gap-6 text-center'>\n              {badge && (\n                <Badge\n                  variant='outline'\n                  className='h-auto [&>svg]:size-4! rounded-md inline-flex items-center gap-2 px-4 py-2 text-sm font-medium self-center'\n                >\n                  <BarChart3 />\n                  {badge}\n                </Badge>\n              )}\n              {title && (\n                <h2 className='text-4xl font-bold tracking-tight text-balance lg:text-5xl'>\n                  {title}\n                </h2>\n              )}\n              {description && (\n                <p className='text-muted-foreground mx-auto max-w-2xl text-lg leading-relaxed'>\n                  {description}\n                </p>\n              )}\n            </div>\n          )}\n\n          <div className='grid gap-6 sm:grid-cols-2 md:grid-cols-3'>\n            {items.map(item => (\n              <Card\n                key={item.id}\n                className='group relative gap-2 overflow-hidden py-6 transition-all duration-300 hover:shadow-lg'\n              >\n                <CardHeader className='px-6'>\n                  <div className='flex items-start justify-between'>\n                    <div className='flex-1'>\n                      <CardTitle className='text-muted-foreground text-sm font-medium text-balance'>\n                        {item.title}\n                      </CardTitle>\n                      <div className='mt-2'>\n                        <div className='text-2xl font-bold'>{item.value}</div>\n                      </div>\n                    </div>\n                    <div className='bg-muted rounded-xl p-3'>\n                      <item.icon className='text-muted-foreground size-6' />\n                    </div>\n                  </div>\n                  <p className='text-muted-foreground mt-1 text-xs'>{item.description}</p>\n                </CardHeader>\n                <CardContent className='pt-0 px-6'>\n                  <div className='flex flex-col gap-2'>\n                    <div className='flex items-center justify-between text-xs'>\n                      <span className='text-muted-foreground'>{item.progressLabel}</span>\n                      <span className='font-medium'>{item.progress}%</span>\n                    </div>\n                    <Progress value={item.progress} className='h-2' />\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default Statistic1"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BgB;AA/BhB,kBAAyD;AACzD,mBAAsB;AACtB,sBAAyB;AACzB,0BAA0B;AAoBnB,SAAS,WAAW,EAAE,OAAO,OAAO,OAAO,YAAY,GAAoB;AAChF,SACE,4CAAC,aAAQ,WAAU,kBACjB,sDAAC,SAAI,WAAU,iDACb,uDAAC,SAAI,WAAU,wBACX;AAAA,cAAS,SAAS,gBAClB,6CAAC,SAAI,WAAU,mCACZ;AAAA,eACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UAEV;AAAA,wDAAC,iCAAU;AAAA,YACV;AAAA;AAAA;AAAA,MACH;AAAA,MAED,SACC,4CAAC,QAAG,WAAU,8DACX,iBACH;AAAA,MAED,eACC,4CAAC,OAAE,WAAU,mEACV,uBACH;AAAA,OAEJ;AAAA,IAGF,4CAAC,SAAI,WAAU,4CACZ,gBAAM,IAAI,UACT;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,uDAAC,0BAAW,WAAU,QACpB;AAAA,yDAAC,SAAI,WAAU,oCACb;AAAA,2DAAC,SAAI,WAAU,UACb;AAAA,4DAAC,yBAAU,WAAU,0DAClB,eAAK,OACR;AAAA,gBACA,4CAAC,SAAI,WAAU,QACb,sDAAC,SAAI,WAAU,sBAAsB,eAAK,OAAM,GAClD;AAAA,iBACF;AAAA,cACA,4CAAC,SAAI,WAAU,2BACb,sDAAC,KAAK,MAAL,EAAU,WAAU,gCAA+B,GACtD;AAAA,eACF;AAAA,YACA,4CAAC,OAAE,WAAU,sCAAsC,eAAK,aAAY;AAAA,aACtE;AAAA,UACA,4CAAC,2BAAY,WAAU,aACrB,uDAAC,SAAI,WAAU,uBACb;AAAA,yDAAC,SAAI,WAAU,6CACb;AAAA,0DAAC,UAAK,WAAU,yBAAyB,eAAK,eAAc;AAAA,cAC5D,6CAAC,UAAK,WAAU,eAAe;AAAA,qBAAK;AAAA,gBAAS;AAAA,iBAAC;AAAA,eAChD;AAAA,YACA,4CAAC,4BAAS,OAAO,KAAK,UAAU,WAAU,OAAM;AAAA,aAClD,GACF;AAAA;AAAA;AAAA,MA3BK,KAAK;AAAA,IA4BZ,CACD,GACH;AAAA,KACF,GACF,GACF;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/blocks/marketing/statistics/statistic-1.mjs

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "../../../ui/card.mjs";
+import { Badge } from "../../../ui/badge.mjs";
+import { Progress } from "../../../ui/progress.mjs";
+import { BarChart3 } from "lucide-react";
+function Statistic1({ items, badge, title, description }) {
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-20", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-16", children: [
+    (badge || title || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 text-center", children: [
+      badge && /* @__PURE__ */ jsxs(
+        Badge,
+        {
+          variant: "outline",
+          className: "h-auto [&>svg]:size-4! rounded-md inline-flex items-center gap-2 px-4 py-2 text-sm font-medium self-center",
+          children: [
+            /* @__PURE__ */ jsx(BarChart3, {}),
+            badge
+          ]
+        }
+      ),
+      title && /* @__PURE__ */ jsx("h2", { className: "text-4xl font-bold tracking-tight text-balance lg:text-5xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mx-auto max-w-2xl text-lg leading-relaxed", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-6 sm:grid-cols-2 md:grid-cols-3", children: items.map((item) => /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: "group relative gap-2 overflow-hidden py-6 transition-all duration-300 hover:shadow-lg",
+        children: [
+          /* @__PURE__ */ jsxs(CardHeader, { className: "px-6", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx(CardTitle, { className: "text-muted-foreground text-sm font-medium text-balance", children: item.title }),
+                /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: item.value }) })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-xl p-3", children: /* @__PURE__ */ jsx(item.icon, { className: "text-muted-foreground size-6" }) })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: item.description })
+          ] }),
+          /* @__PURE__ */ jsx(CardContent, { className: "pt-0 px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: item.progressLabel }),
+              /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+                item.progress,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Progress, { value: item.progress, className: "h-2" })
+          ] }) })
+        ]
+      },
+      item.id
+    )) })
+  ] }) }) });
+}
+var statistic_1_default = Statistic1;
+export {
+  Statistic1,
+  statistic_1_default as default
+};
+//# sourceMappingURL=statistic-1.mjs.map

package/dist/blocks/marketing/statistics/statistic-1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/statistics/statistic-1.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '../../../ui/card'\nimport { Badge } from '../../../ui/badge'\nimport { Progress } from '../../../ui/progress'\nimport { BarChart3 } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\n\nexport interface StatisticItem {\n  id: string\n  title: string\n  value: string\n  description: string\n  progress: number\n  progressLabel: string\n  icon: LucideIcon\n}\n\nexport interface Statistic1Props {\n  items: StatisticItem[]\n  badge?: string\n  title?: string\n  description?: string\n}\n\nexport function Statistic1({ items, badge, title, description }: Statistic1Props) {\n  return (\n    <section className='py-16 md:py-20'>\n      <div className='mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8'>\n        <div className='flex flex-col gap-16'>\n          {(badge || title || description) && (\n            <div className='flex flex-col gap-6 text-center'>\n              {badge && (\n                <Badge\n                  variant='outline'\n                  className='h-auto [&>svg]:size-4! rounded-md inline-flex items-center gap-2 px-4 py-2 text-sm font-medium self-center'\n                >\n                  <BarChart3 />\n                  {badge}\n                </Badge>\n              )}\n              {title && (\n                <h2 className='text-4xl font-bold tracking-tight text-balance lg:text-5xl'>\n                  {title}\n                </h2>\n              )}\n              {description && (\n                <p className='text-muted-foreground mx-auto max-w-2xl text-lg leading-relaxed'>\n                  {description}\n                </p>\n              )}\n            </div>\n          )}\n\n          <div className='grid gap-6 sm:grid-cols-2 md:grid-cols-3'>\n            {items.map(item => (\n              <Card\n                key={item.id}\n                className='group relative gap-2 overflow-hidden py-6 transition-all duration-300 hover:shadow-lg'\n              >\n                <CardHeader className='px-6'>\n                  <div className='flex items-start justify-between'>\n                    <div className='flex-1'>\n                      <CardTitle className='text-muted-foreground text-sm font-medium text-balance'>\n                        {item.title}\n                      </CardTitle>\n                      <div className='mt-2'>\n                        <div className='text-2xl font-bold'>{item.value}</div>\n                      </div>\n                    </div>\n                    <div className='bg-muted rounded-xl p-3'>\n                      <item.icon className='text-muted-foreground size-6' />\n                    </div>\n                  </div>\n                  <p className='text-muted-foreground mt-1 text-xs'>{item.description}</p>\n                </CardHeader>\n                <CardContent className='pt-0 px-6'>\n                  <div className='flex flex-col gap-2'>\n                    <div className='flex items-center justify-between text-xs'>\n                      <span className='text-muted-foreground'>{item.progressLabel}</span>\n                      <span className='font-medium'>{item.progress}%</span>\n                    </div>\n                    <Progress value={item.progress} className='h-2' />\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default Statistic1"],"mappings":"AA+BgB,SAIE,KAJF;AA/BhB,SAAS,MAAM,aAAa,YAAY,iBAAiB;AACzD,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAoBnB,SAAS,WAAW,EAAE,OAAO,OAAO,OAAO,YAAY,GAAoB;AAChF,SACE,oBAAC,aAAQ,WAAU,kBACjB,8BAAC,SAAI,WAAU,iDACb,+BAAC,SAAI,WAAU,wBACX;AAAA,cAAS,SAAS,gBAClB,qBAAC,SAAI,WAAU,mCACZ;AAAA,eACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UAEV;AAAA,gCAAC,aAAU;AAAA,YACV;AAAA;AAAA;AAAA,MACH;AAAA,MAED,SACC,oBAAC,QAAG,WAAU,8DACX,iBACH;AAAA,MAED,eACC,oBAAC,OAAE,WAAU,mEACV,uBACH;AAAA,OAEJ;AAAA,IAGF,oBAAC,SAAI,WAAU,4CACZ,gBAAM,IAAI,UACT;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,+BAAC,cAAW,WAAU,QACpB;AAAA,iCAAC,SAAI,WAAU,oCACb;AAAA,mCAAC,SAAI,WAAU,UACb;AAAA,oCAAC,aAAU,WAAU,0DAClB,eAAK,OACR;AAAA,gBACA,oBAAC,SAAI,WAAU,QACb,8BAAC,SAAI,WAAU,sBAAsB,eAAK,OAAM,GAClD;AAAA,iBACF;AAAA,cACA,oBAAC,SAAI,WAAU,2BACb,8BAAC,KAAK,MAAL,EAAU,WAAU,gCAA+B,GACtD;AAAA,eACF;AAAA,YACA,oBAAC,OAAE,WAAU,sCAAsC,eAAK,aAAY;AAAA,aACtE;AAAA,UACA,oBAAC,eAAY,WAAU,aACrB,+BAAC,SAAI,WAAU,uBACb;AAAA,iCAAC,SAAI,WAAU,6CACb;AAAA,kCAAC,UAAK,WAAU,yBAAyB,eAAK,eAAc;AAAA,cAC5D,qBAAC,UAAK,WAAU,eAAe;AAAA,qBAAK;AAAA,gBAAS;AAAA,iBAAC;AAAA,eAChD;AAAA,YACA,oBAAC,YAAS,OAAO,KAAK,UAAU,WAAU,OAAM;AAAA,aAClD,GACF;AAAA;AAAA;AAAA,MA3BK,KAAK;AAAA,IA4BZ,CACD,GACH;AAAA,KACF,GACF,GACF;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/blocks/marketing/testimonials/testimonial-section.d.ts

@@ -0,0 +1,29 @@
+export interface TestimonialItem {
+    id: string;
+    name: string;
+    content: string;
+    role?: string;
+    avatar?: string;
+    rating?: number;
+}
+export interface TestimonialCarouselLabels {
+    previous: string;
+    next: string;
+    slide: string;
+}
+interface TestimonialSectionBaseProps {
+    items: TestimonialItem[];
+    title?: string;
+    description?: string;
+    className?: string;
+}
+export type TestimonialSectionProps = TestimonialSectionBaseProps & ({
+    presentation: 'carousel';
+    carouselLabels: TestimonialCarouselLabels;
+} | {
+    presentation: 'bento';
+    carouselLabels?: never;
+});
+export declare function TestimonialSection(props: TestimonialSectionProps): import("react").JSX.Element | null;
+export default TestimonialSection;
+//# sourceMappingURL=testimonial-section.d.ts.map

package/dist/blocks/marketing/testimonials/testimonial-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testimonial-section.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/testimonials/testimonial-section.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAC/D,CACI;IACE,YAAY,EAAE,UAAU,CAAA;IACxB,cAAc,EAAE,yBAAyB,CAAA;CAC1C,GACD;IACE,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,KAAK,CAAA;CACvB,CACJ,CAAA;AAiMH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,sCAQhE;AAED,eAAe,kBAAkB,CAAA"}