@flopay/ui 0.6.0 → 0.6.1

package/README.md

@@ -81,7 +81,13 @@ them via `className` + `cn()`).
 import logo from "@flopay/ui/logo.png";
 import { FlopayFooter, Nav } from "@flopay/ui/marketing";
 
-<Nav logo={{ src: logo, label: "FloPay" }} links={[{ href: "/pricing", label: "Pricing" }]} />;
+<Nav
+  logo={{ src: logo, label: "FloPay" }}
+  links={[
+    { href: "/pricing", label: "Pricing" },
+    { href: "/contact", label: "Contact", cta: true },
+  ]}
+/>;
 
 <FlopayFooter logo={logo} />;                               // on flopay.com itself
 <FlopayFooter logo={logo} baseUrl="https://flopay.com" />;  // any other portal

package/dist/marketing/index.cjs

@@ -97,13 +97,17 @@ var COMPANY = "FloPay LLC";
 var DOCS_URL = "https://docs.flopay.com/docs";
 var API_URL = "https://api.flopay.com/docs";
 var DEMO_URL = "https://demo.flopay.com";
+function normalizeBase(baseUrl) {
+  return baseUrl.replace(/\/+$/, "");
+}
 function flopayFooterContent({
   baseUrl = "",
   demoUrl = DEMO_URL,
   contactUrl
 } = {}) {
-  const route = (path) => `${baseUrl}${path}`;
-  const pending = baseUrl || "#";
+  const base = normalizeBase(baseUrl);
+  const route = (path) => `${base}${path}`;
+  const pending = base || "#";
   return {
     tagline: TAGLINE,
     columns: [
@@ -156,7 +160,7 @@ function FlopayFooter({ logo, brand, className, ...options }) {
         src: logo,
         alt: "FloPay",
         label: "FloPay",
-        href: options.baseUrl || "/",
+        href: normalizeBase(options.baseUrl ?? "") || "/",
         size: 20,
         mark: true,
         tagline,

package/dist/marketing/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/marketing/index.ts","../../src/marketing/footer.tsx","../../src/cn.ts","../../src/marketing/link.tsx","../../src/marketing/flopay-footer.tsx","../../src/marketing/nav.tsx"],"sourcesContent":["export type {\n  FlopayFooterContent,\n  FlopayFooterOptions,\n  FlopayFooterProps,\n} from './flopay-footer';\nexport { FlopayFooter, flopayFooterContent } from './flopay-footer';\nexport type { FooterBrand, FooterColumn, FooterLink, FooterProps } from './footer';\nexport { Footer } from './footer';\nexport type { MarketingLinkProps } from './link';\nexport { MarketingLink } from './link';\nexport type { NavLink, NavLogo, NavProps } from './nav';\nexport { Nav } from './nav';\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface FooterLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n}\n\nexport interface FooterColumn {\n  title: ReactNode;\n  links: FooterLink[];\n}\n\nexport interface FooterBrand {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  size?: number;\n  mark?: boolean;\n  tagline?: ReactNode;\n}\n\nexport interface FooterProps {\n  brand: FooterBrand;\n  columns?: FooterColumn[];\n  legal?: FooterLink[];\n  copyright?: ReactNode;\n  className?: string;\n}\n\n/** Shared site footer for marketing surfaces (landing, demo). */\nexport function Footer({ brand, columns = [], legal = [], copyright, className }: FooterProps) {\n  const size = brand.size ?? 20;\n  const image = <Image src={brand.src} alt={brand.alt ?? ''} width={size} height={size} />;\n\n  return (\n    <footer className={cn('footer', className)}>\n      <div className=\"footer-inner\">\n        <div className=\"footer-brand\">\n          <MarketingLink href={brand.href ?? '/'} className=\"nav-logo\">\n            {brand.mark ? (\n              <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n                {image}\n              </span>\n            ) : (\n              image\n            )}\n            {brand.label}\n          </MarketingLink>\n          {brand.tagline ? <p>{brand.tagline}</p> : null}\n        </div>\n        {columns.map((column, index) => (\n          <div className=\"footer-column\" key={index}>\n            <h4>{column.title}</h4>\n            <ul>\n              {/* Keyed by index: placeholder links legitimately share an href. */}\n              {column.links.map((link, linkIndex) => (\n                <li key={linkIndex}>\n                  <MarketingLink href={link.href} external={link.external}>\n                    {link.label}\n                  </MarketingLink>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n      <div className=\"footer-bottom\">\n        {copyright ? <p>{copyright}</p> : <span />}\n        {legal.length > 0 ? (\n          <div className=\"footer-legal\">\n            {legal.map((link) => (\n              <MarketingLink key={link.href} href={link.href} external={link.external}>\n                {link.label}\n              </MarketingLink>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Merge class names, resolving conflicting Tailwind utilities (last wins).\n * Mirrors the helper used across the FloPay frontends so consumers can extend\n * any primitive's classes safely.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import Link from 'next/link';\nimport type { ReactNode } from 'react';\n\nexport interface MarketingLinkProps {\n  href: string;\n  /** Force new-tab rendering. Defaults to true for absolute http(s) URLs. */\n  external?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Picks the right element for a marketing link:\n * - internal route (\"/...\", \"#...\") → next/link\n * - protocol link (mailto:/tel:) → plain anchor\n * - absolute URL (or `external`) → new-tab anchor\n */\nexport function MarketingLink({ href, external, className, children }: MarketingLinkProps) {\n  const isAbsolute = /^https?:\\/\\//.test(href) || href.startsWith('//');\n  const isProtocol = !isAbsolute && /^[a-z][a-z0-9+.-]*:/i.test(href);\n  const openExternally = external ?? isAbsolute;\n\n  if (openExternally) {\n    return (\n      <a href={href} className={className} target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    );\n  }\n  if (isProtocol) {\n    return (\n      <a href={href} className={className}>\n        {children}\n      </a>\n    );\n  }\n  return (\n    <Link href={href} className={className}>\n      {children}\n    </Link>\n  );\n}\n","import type { ImageProps } from 'next/image';\nimport type { FooterBrand, FooterColumn, FooterLink } from './footer';\nimport { Footer } from './footer';\n\nexport interface FlopayFooterOptions {\n  /**\n   * Origin for marketing-site routes, e.g. `https://flopay.com`. Leave unset on\n   * the marketing site itself so its own routes stay relative.\n   */\n  baseUrl?: string;\n  /** Where \"Demo Playground\" points. Defaults to the hosted playground. */\n  demoUrl?: string;\n  /** Where \"Contact\" points. Defaults to `<baseUrl>/contact`. */\n  contactUrl?: string;\n}\n\nexport interface FlopayFooterContent {\n  tagline: string;\n  columns: FooterColumn[];\n  legal: FooterLink[];\n  copyright: string;\n}\n\nconst TAGLINE = 'Payment Orchestration That Keeps Revenue Flowing';\nconst COMPANY = 'FloPay LLC';\nconst DOCS_URL = 'https://docs.flopay.com/docs';\nconst API_URL = 'https://api.flopay.com/docs';\nconst DEMO_URL = 'https://demo.flopay.com';\n\n/**\n * The FloPay footer sitemap — one source of truth so every portal shows the\n * same columns, labels and order.\n *\n * Products without a page yet point at the marketing home page (`#` when the\n * caller *is* the marketing site, where that would be a self-link).\n */\nexport function flopayFooterContent({\n  baseUrl = '',\n  demoUrl = DEMO_URL,\n  contactUrl,\n}: FlopayFooterOptions = {}): FlopayFooterContent {\n  const route = (path: string) => `${baseUrl}${path}`;\n  const pending = baseUrl || '#';\n\n  return {\n    tagline: TAGLINE,\n    columns: [\n      {\n        title: 'Product',\n        links: [\n          { href: route('/vault'), label: 'Card Vault' },\n          { href: route('/chargeback-prevention'), label: 'Chargeback Prevention' },\n          { href: pending, label: 'Agent-Assisted Commerce' },\n          { href: pending, label: 'The Agent Vault' },\n          { href: pending, label: 'Agentic Discovery Network' },\n          { href: pending, label: 'Smart Agentic Orchestration' },\n        ],\n      },\n      {\n        title: 'Development',\n        links: [\n          { href: DOCS_URL, label: 'Documentation' },\n          { href: pending, label: 'MCP Server' },\n          { href: API_URL, label: 'API Reference' },\n          { href: demoUrl, label: 'Demo Playground' },\n        ],\n      },\n      {\n        title: 'Company',\n        links: [\n          { href: route('/mission'), label: 'Mission' },\n          { href: route('/values'), label: 'Values' },\n          { href: route('/pricing'), label: 'Pricing' },\n          { href: route('/blog'), label: 'Blog' },\n          { href: contactUrl ?? route('/contact'), label: 'Contact' },\n        ],\n      },\n    ],\n    legal: [\n      { href: route('/legal/privacy'), label: 'Privacy' },\n      { href: route('/legal/terms'), label: 'Terms' },\n      { href: route('/legal/cookies'), label: 'Cookies' },\n    ],\n    copyright: `© ${new Date().getFullYear()} ${COMPANY}. All rights reserved.`,\n  };\n}\n\nexport interface FlopayFooterProps extends FlopayFooterOptions {\n  /** The shared logo: `import logo from '@flopay/ui/logo.png'`. */\n  logo: ImageProps['src'];\n  /** Override parts of the default brand block (label, tagline, size, …). */\n  brand?: Partial<Omit<FooterBrand, 'src'>>;\n  className?: string;\n}\n\n/**\n * The FloPay footer, content included — drop it into any portal and the\n * sitemap, tagline and copyright come from this package.\n *\n * ```tsx\n * import logo from '@flopay/ui/logo.png';\n * <FlopayFooter logo={logo} />                              // on flopay.com\n * <FlopayFooter logo={logo} baseUrl=\"https://flopay.com\" /> // anywhere else\n * ```\n */\nexport function FlopayFooter({ logo, brand, className, ...options }: FlopayFooterProps) {\n  const { tagline, columns, legal, copyright } = flopayFooterContent(options);\n\n  return (\n    <Footer\n      className={className}\n      brand={{\n        src: logo,\n        alt: 'FloPay',\n        label: 'FloPay',\n        href: options.baseUrl || '/',\n        size: 20,\n        mark: true,\n        tagline,\n        ...brand,\n      }}\n      columns={columns}\n      legal={legal}\n      copyright={copyright}\n    />\n  );\n}\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface NavLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n  /** Render as the prominent call-to-action button. */\n  cta?: boolean;\n}\n\nexport interface NavLogo {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  /** Logo image edge size in px (default 28). */\n  size?: number;\n  /** Wrap the image in the rounded brand mark. */\n  mark?: boolean;\n}\n\nexport interface NavProps {\n  logo: NavLogo;\n  links?: NavLink[];\n  /** Extra item appended to the link list (e.g. an interactive control). */\n  children?: ReactNode;\n  className?: string;\n}\n\n/** Shared fixed top navigation for marketing surfaces (landing, demo). */\nexport function Nav({ logo, links = [], children, className }: NavProps) {\n  const size = logo.size ?? 28;\n  const image = <Image src={logo.src} alt={logo.alt ?? ''} width={size} height={size} priority />;\n\n  return (\n    <nav className={cn('nav', className)}>\n      <div className=\"nav-inner\">\n        <MarketingLink href={logo.href ?? '/'} className=\"nav-logo\">\n          {logo.mark ? (\n            <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n              {image}\n            </span>\n          ) : (\n            image\n          )}\n          {logo.label}\n        </MarketingLink>\n        <ul className=\"nav-links\">\n          {/* Keyed by index: placeholder links legitimately share an href.\n              `nav-link-item` is what the narrow-viewport rule hides, so the\n              call to action survives on mobile while the rest collapse. */}\n          {links.map((link, index) => (\n            <li key={index} className={link.cta ? undefined : 'nav-link-item'}>\n              <MarketingLink\n                href={link.href}\n                external={link.external}\n                className={link.cta ? 'nav-cta' : undefined}\n              >\n                {link.label}\n              </MarketingLink>\n            </li>\n          ))}\n          {children ? <li>{children}</li> : null}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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","names":["Link","import_jsx_runtime","Image","import_jsx_runtime","import_image","import_jsx_runtime","Image"]}
+{"version":3,"sources":["../../src/marketing/index.ts","../../src/marketing/footer.tsx","../../src/cn.ts","../../src/marketing/link.tsx","../../src/marketing/flopay-footer.tsx","../../src/marketing/nav.tsx"],"sourcesContent":["export type {\n  FlopayFooterContent,\n  FlopayFooterOptions,\n  FlopayFooterProps,\n} from './flopay-footer';\nexport { FlopayFooter, flopayFooterContent } from './flopay-footer';\nexport type { FooterBrand, FooterColumn, FooterLink, FooterProps } from './footer';\nexport { Footer } from './footer';\nexport type { MarketingLinkProps } from './link';\nexport { MarketingLink } from './link';\nexport type { NavLink, NavLogo, NavProps } from './nav';\nexport { Nav } from './nav';\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface FooterLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n}\n\nexport interface FooterColumn {\n  title: ReactNode;\n  links: FooterLink[];\n}\n\nexport interface FooterBrand {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  size?: number;\n  mark?: boolean;\n  tagline?: ReactNode;\n}\n\nexport interface FooterProps {\n  brand: FooterBrand;\n  columns?: FooterColumn[];\n  legal?: FooterLink[];\n  copyright?: ReactNode;\n  className?: string;\n}\n\n/** Shared site footer for marketing surfaces (landing, demo). */\nexport function Footer({ brand, columns = [], legal = [], copyright, className }: FooterProps) {\n  const size = brand.size ?? 20;\n  const image = <Image src={brand.src} alt={brand.alt ?? ''} width={size} height={size} />;\n\n  return (\n    <footer className={cn('footer', className)}>\n      <div className=\"footer-inner\">\n        <div className=\"footer-brand\">\n          <MarketingLink href={brand.href ?? '/'} className=\"nav-logo\">\n            {brand.mark ? (\n              <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n                {image}\n              </span>\n            ) : (\n              image\n            )}\n            {brand.label}\n          </MarketingLink>\n          {brand.tagline ? <p>{brand.tagline}</p> : null}\n        </div>\n        {columns.map((column, index) => (\n          <div className=\"footer-column\" key={index}>\n            <h4>{column.title}</h4>\n            <ul>\n              {/* Keyed by index: placeholder links legitimately share an href. */}\n              {column.links.map((link, linkIndex) => (\n                <li key={linkIndex}>\n                  <MarketingLink href={link.href} external={link.external}>\n                    {link.label}\n                  </MarketingLink>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n      <div className=\"footer-bottom\">\n        {copyright ? <p>{copyright}</p> : <span />}\n        {legal.length > 0 ? (\n          <div className=\"footer-legal\">\n            {legal.map((link) => (\n              <MarketingLink key={link.href} href={link.href} external={link.external}>\n                {link.label}\n              </MarketingLink>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Merge class names, resolving conflicting Tailwind utilities (last wins).\n * Mirrors the helper used across the FloPay frontends so consumers can extend\n * any primitive's classes safely.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import Link from 'next/link';\nimport type { ReactNode } from 'react';\n\nexport interface MarketingLinkProps {\n  href: string;\n  /** Force new-tab rendering. Defaults to true for absolute http(s) URLs. */\n  external?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Picks the right element for a marketing link:\n * - internal route (\"/...\", \"#...\") → next/link\n * - protocol link (mailto:/tel:) → plain anchor\n * - absolute URL (or `external`) → new-tab anchor\n */\nexport function MarketingLink({ href, external, className, children }: MarketingLinkProps) {\n  const isAbsolute = /^https?:\\/\\//.test(href) || href.startsWith('//');\n  const isProtocol = !isAbsolute && /^[a-z][a-z0-9+.-]*:/i.test(href);\n  const openExternally = external ?? isAbsolute;\n\n  if (openExternally) {\n    return (\n      <a href={href} className={className} target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    );\n  }\n  if (isProtocol) {\n    return (\n      <a href={href} className={className}>\n        {children}\n      </a>\n    );\n  }\n  return (\n    <Link href={href} className={className}>\n      {children}\n    </Link>\n  );\n}\n","import type { ImageProps } from 'next/image';\nimport type { FooterBrand, FooterColumn, FooterLink } from './footer';\nimport { Footer } from './footer';\n\nexport interface FlopayFooterOptions {\n  /**\n   * Origin for marketing-site routes, e.g. `https://flopay.com`. Leave unset on\n   * the marketing site itself so its own routes stay relative.\n   */\n  baseUrl?: string;\n  /** Where \"Demo Playground\" points. Defaults to the hosted playground. */\n  demoUrl?: string;\n  /** Where \"Contact\" points. Defaults to `<baseUrl>/contact`. */\n  contactUrl?: string;\n}\n\nexport interface FlopayFooterContent {\n  tagline: string;\n  columns: FooterColumn[];\n  legal: FooterLink[];\n  copyright: string;\n}\n\nconst TAGLINE = 'Payment Orchestration That Keeps Revenue Flowing';\nconst COMPANY = 'FloPay LLC';\nconst DOCS_URL = 'https://docs.flopay.com/docs';\nconst API_URL = 'https://api.flopay.com/docs';\nconst DEMO_URL = 'https://demo.flopay.com';\n\n/**\n * Trim trailing slashes so `${base}${path}` can't double up: a caller passing\n * `https://flopay.com/` should still get `https://flopay.com/vault`, and the\n * placeholder href shouldn't keep a dangling slash either.\n */\nfunction normalizeBase(baseUrl: string) {\n  return baseUrl.replace(/\\/+$/, '');\n}\n\n/**\n * The FloPay footer sitemap — one source of truth so every portal shows the\n * same columns, labels and order.\n *\n * Products without a page yet point at the marketing home page (`#` when the\n * caller *is* the marketing site, where that would be a self-link).\n */\nexport function flopayFooterContent({\n  baseUrl = '',\n  demoUrl = DEMO_URL,\n  contactUrl,\n}: FlopayFooterOptions = {}): FlopayFooterContent {\n  const base = normalizeBase(baseUrl);\n  const route = (path: string) => `${base}${path}`;\n  const pending = base || '#';\n\n  return {\n    tagline: TAGLINE,\n    columns: [\n      {\n        title: 'Product',\n        links: [\n          { href: route('/vault'), label: 'Card Vault' },\n          { href: route('/chargeback-prevention'), label: 'Chargeback Prevention' },\n          { href: pending, label: 'Agent-Assisted Commerce' },\n          { href: pending, label: 'The Agent Vault' },\n          { href: pending, label: 'Agentic Discovery Network' },\n          { href: pending, label: 'Smart Agentic Orchestration' },\n        ],\n      },\n      {\n        title: 'Development',\n        links: [\n          { href: DOCS_URL, label: 'Documentation' },\n          { href: pending, label: 'MCP Server' },\n          { href: API_URL, label: 'API Reference' },\n          { href: demoUrl, label: 'Demo Playground' },\n        ],\n      },\n      {\n        title: 'Company',\n        links: [\n          { href: route('/mission'), label: 'Mission' },\n          { href: route('/values'), label: 'Values' },\n          { href: route('/pricing'), label: 'Pricing' },\n          { href: route('/blog'), label: 'Blog' },\n          { href: contactUrl ?? route('/contact'), label: 'Contact' },\n        ],\n      },\n    ],\n    legal: [\n      { href: route('/legal/privacy'), label: 'Privacy' },\n      { href: route('/legal/terms'), label: 'Terms' },\n      { href: route('/legal/cookies'), label: 'Cookies' },\n    ],\n    copyright: `© ${new Date().getFullYear()} ${COMPANY}. All rights reserved.`,\n  };\n}\n\nexport interface FlopayFooterProps extends FlopayFooterOptions {\n  /** The shared logo: `import logo from '@flopay/ui/logo.png'`. */\n  logo: ImageProps['src'];\n  /** Override parts of the default brand block (label, tagline, size, …). */\n  brand?: Partial<Omit<FooterBrand, 'src'>>;\n  className?: string;\n}\n\n/**\n * The FloPay footer, content included — drop it into any portal and the\n * sitemap, tagline and copyright come from this package.\n *\n * ```tsx\n * import logo from '@flopay/ui/logo.png';\n * <FlopayFooter logo={logo} />                              // on flopay.com\n * <FlopayFooter logo={logo} baseUrl=\"https://flopay.com\" /> // anywhere else\n * ```\n */\nexport function FlopayFooter({ logo, brand, className, ...options }: FlopayFooterProps) {\n  const { tagline, columns, legal, copyright } = flopayFooterContent(options);\n\n  return (\n    <Footer\n      className={className}\n      brand={{\n        src: logo,\n        alt: 'FloPay',\n        label: 'FloPay',\n        href: normalizeBase(options.baseUrl ?? '') || '/',\n        size: 20,\n        mark: true,\n        tagline,\n        ...brand,\n      }}\n      columns={columns}\n      legal={legal}\n      copyright={copyright}\n    />\n  );\n}\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface NavLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n  /** Render as the prominent call-to-action button. */\n  cta?: boolean;\n}\n\nexport interface NavLogo {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  /** Logo image edge size in px (default 28). */\n  size?: number;\n  /** Wrap the image in the rounded brand mark. */\n  mark?: boolean;\n}\n\nexport interface NavProps {\n  logo: NavLogo;\n  links?: NavLink[];\n  /** Extra item appended to the link list (e.g. an interactive control). */\n  children?: ReactNode;\n  className?: string;\n}\n\n/** Shared fixed top navigation for marketing surfaces (landing, demo). */\nexport function Nav({ logo, links = [], children, className }: NavProps) {\n  const size = logo.size ?? 28;\n  const image = <Image src={logo.src} alt={logo.alt ?? ''} width={size} height={size} priority />;\n\n  return (\n    <nav className={cn('nav', className)}>\n      <div className=\"nav-inner\">\n        <MarketingLink href={logo.href ?? '/'} className=\"nav-logo\">\n          {logo.mark ? (\n            <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n              {image}\n            </span>\n          ) : (\n            image\n          )}\n          {logo.label}\n        </MarketingLink>\n        <ul className=\"nav-links\">\n          {/* Keyed by index: placeholder links legitimately share an href.\n              `nav-link-item` is what the narrow-viewport rule hides, so the\n              call to action survives on mobile while the rest collapse. */}\n          {links.map((link, index) => (\n            <li key={index} className={link.cta ? undefined : 'nav-link-item'}>\n              <MarketingLink\n                href={link.href}\n                external={link.external}\n                className={link.cta ? 'nav-cta' : undefined}\n              >\n                {link.label}\n              </MarketingLink>\n            </li>\n          ))}\n          {children ? <li>{children}</li> : null}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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","names":["Link","import_jsx_runtime","Image","import_jsx_runtime","import_image","import_jsx_runtime","Image"]}

package/dist/marketing/index.mjs

@@ -54,13 +54,17 @@ var COMPANY = "FloPay LLC";
 var DOCS_URL = "https://docs.flopay.com/docs";
 var API_URL = "https://api.flopay.com/docs";
 var DEMO_URL = "https://demo.flopay.com";
+function normalizeBase(baseUrl) {
+  return baseUrl.replace(/\/+$/, "");
+}
 function flopayFooterContent({
   baseUrl = "",
   demoUrl = DEMO_URL,
   contactUrl
 } = {}) {
-  const route = (path) => `${baseUrl}${path}`;
-  const pending = baseUrl || "#";
+  const base = normalizeBase(baseUrl);
+  const route = (path) => `${base}${path}`;
+  const pending = base || "#";
   return {
     tagline: TAGLINE,
     columns: [
@@ -113,7 +117,7 @@ function FlopayFooter({ logo, brand, className, ...options }) {
         src: logo,
         alt: "FloPay",
         label: "FloPay",
-        href: options.baseUrl || "/",
+        href: normalizeBase(options.baseUrl ?? "") || "/",
         size: 20,
         mark: true,
         tagline,

package/dist/marketing/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/marketing/footer.tsx","../../src/marketing/link.tsx","../../src/marketing/flopay-footer.tsx","../../src/marketing/nav.tsx"],"sourcesContent":["import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface FooterLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n}\n\nexport interface FooterColumn {\n  title: ReactNode;\n  links: FooterLink[];\n}\n\nexport interface FooterBrand {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  size?: number;\n  mark?: boolean;\n  tagline?: ReactNode;\n}\n\nexport interface FooterProps {\n  brand: FooterBrand;\n  columns?: FooterColumn[];\n  legal?: FooterLink[];\n  copyright?: ReactNode;\n  className?: string;\n}\n\n/** Shared site footer for marketing surfaces (landing, demo). */\nexport function Footer({ brand, columns = [], legal = [], copyright, className }: FooterProps) {\n  const size = brand.size ?? 20;\n  const image = <Image src={brand.src} alt={brand.alt ?? ''} width={size} height={size} />;\n\n  return (\n    <footer className={cn('footer', className)}>\n      <div className=\"footer-inner\">\n        <div className=\"footer-brand\">\n          <MarketingLink href={brand.href ?? '/'} className=\"nav-logo\">\n            {brand.mark ? (\n              <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n                {image}\n              </span>\n            ) : (\n              image\n            )}\n            {brand.label}\n          </MarketingLink>\n          {brand.tagline ? <p>{brand.tagline}</p> : null}\n        </div>\n        {columns.map((column, index) => (\n          <div className=\"footer-column\" key={index}>\n            <h4>{column.title}</h4>\n            <ul>\n              {/* Keyed by index: placeholder links legitimately share an href. */}\n              {column.links.map((link, linkIndex) => (\n                <li key={linkIndex}>\n                  <MarketingLink href={link.href} external={link.external}>\n                    {link.label}\n                  </MarketingLink>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n      <div className=\"footer-bottom\">\n        {copyright ? <p>{copyright}</p> : <span />}\n        {legal.length > 0 ? (\n          <div className=\"footer-legal\">\n            {legal.map((link) => (\n              <MarketingLink key={link.href} href={link.href} external={link.external}>\n                {link.label}\n              </MarketingLink>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n","import Link from 'next/link';\nimport type { ReactNode } from 'react';\n\nexport interface MarketingLinkProps {\n  href: string;\n  /** Force new-tab rendering. Defaults to true for absolute http(s) URLs. */\n  external?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Picks the right element for a marketing link:\n * - internal route (\"/...\", \"#...\") → next/link\n * - protocol link (mailto:/tel:) → plain anchor\n * - absolute URL (or `external`) → new-tab anchor\n */\nexport function MarketingLink({ href, external, className, children }: MarketingLinkProps) {\n  const isAbsolute = /^https?:\\/\\//.test(href) || href.startsWith('//');\n  const isProtocol = !isAbsolute && /^[a-z][a-z0-9+.-]*:/i.test(href);\n  const openExternally = external ?? isAbsolute;\n\n  if (openExternally) {\n    return (\n      <a href={href} className={className} target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    );\n  }\n  if (isProtocol) {\n    return (\n      <a href={href} className={className}>\n        {children}\n      </a>\n    );\n  }\n  return (\n    <Link href={href} className={className}>\n      {children}\n    </Link>\n  );\n}\n","import type { ImageProps } from 'next/image';\nimport type { FooterBrand, FooterColumn, FooterLink } from './footer';\nimport { Footer } from './footer';\n\nexport interface FlopayFooterOptions {\n  /**\n   * Origin for marketing-site routes, e.g. `https://flopay.com`. Leave unset on\n   * the marketing site itself so its own routes stay relative.\n   */\n  baseUrl?: string;\n  /** Where \"Demo Playground\" points. Defaults to the hosted playground. */\n  demoUrl?: string;\n  /** Where \"Contact\" points. Defaults to `<baseUrl>/contact`. */\n  contactUrl?: string;\n}\n\nexport interface FlopayFooterContent {\n  tagline: string;\n  columns: FooterColumn[];\n  legal: FooterLink[];\n  copyright: string;\n}\n\nconst TAGLINE = 'Payment Orchestration That Keeps Revenue Flowing';\nconst COMPANY = 'FloPay LLC';\nconst DOCS_URL = 'https://docs.flopay.com/docs';\nconst API_URL = 'https://api.flopay.com/docs';\nconst DEMO_URL = 'https://demo.flopay.com';\n\n/**\n * The FloPay footer sitemap — one source of truth so every portal shows the\n * same columns, labels and order.\n *\n * Products without a page yet point at the marketing home page (`#` when the\n * caller *is* the marketing site, where that would be a self-link).\n */\nexport function flopayFooterContent({\n  baseUrl = '',\n  demoUrl = DEMO_URL,\n  contactUrl,\n}: FlopayFooterOptions = {}): FlopayFooterContent {\n  const route = (path: string) => `${baseUrl}${path}`;\n  const pending = baseUrl || '#';\n\n  return {\n    tagline: TAGLINE,\n    columns: [\n      {\n        title: 'Product',\n        links: [\n          { href: route('/vault'), label: 'Card Vault' },\n          { href: route('/chargeback-prevention'), label: 'Chargeback Prevention' },\n          { href: pending, label: 'Agent-Assisted Commerce' },\n          { href: pending, label: 'The Agent Vault' },\n          { href: pending, label: 'Agentic Discovery Network' },\n          { href: pending, label: 'Smart Agentic Orchestration' },\n        ],\n      },\n      {\n        title: 'Development',\n        links: [\n          { href: DOCS_URL, label: 'Documentation' },\n          { href: pending, label: 'MCP Server' },\n          { href: API_URL, label: 'API Reference' },\n          { href: demoUrl, label: 'Demo Playground' },\n        ],\n      },\n      {\n        title: 'Company',\n        links: [\n          { href: route('/mission'), label: 'Mission' },\n          { href: route('/values'), label: 'Values' },\n          { href: route('/pricing'), label: 'Pricing' },\n          { href: route('/blog'), label: 'Blog' },\n          { href: contactUrl ?? route('/contact'), label: 'Contact' },\n        ],\n      },\n    ],\n    legal: [\n      { href: route('/legal/privacy'), label: 'Privacy' },\n      { href: route('/legal/terms'), label: 'Terms' },\n      { href: route('/legal/cookies'), label: 'Cookies' },\n    ],\n    copyright: `© ${new Date().getFullYear()} ${COMPANY}. All rights reserved.`,\n  };\n}\n\nexport interface FlopayFooterProps extends FlopayFooterOptions {\n  /** The shared logo: `import logo from '@flopay/ui/logo.png'`. */\n  logo: ImageProps['src'];\n  /** Override parts of the default brand block (label, tagline, size, …). */\n  brand?: Partial<Omit<FooterBrand, 'src'>>;\n  className?: string;\n}\n\n/**\n * The FloPay footer, content included — drop it into any portal and the\n * sitemap, tagline and copyright come from this package.\n *\n * ```tsx\n * import logo from '@flopay/ui/logo.png';\n * <FlopayFooter logo={logo} />                              // on flopay.com\n * <FlopayFooter logo={logo} baseUrl=\"https://flopay.com\" /> // anywhere else\n * ```\n */\nexport function FlopayFooter({ logo, brand, className, ...options }: FlopayFooterProps) {\n  const { tagline, columns, legal, copyright } = flopayFooterContent(options);\n\n  return (\n    <Footer\n      className={className}\n      brand={{\n        src: logo,\n        alt: 'FloPay',\n        label: 'FloPay',\n        href: options.baseUrl || '/',\n        size: 20,\n        mark: true,\n        tagline,\n        ...brand,\n      }}\n      columns={columns}\n      legal={legal}\n      copyright={copyright}\n    />\n  );\n}\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface NavLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n  /** Render as the prominent call-to-action button. */\n  cta?: boolean;\n}\n\nexport interface NavLogo {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  /** Logo image edge size in px (default 28). */\n  size?: number;\n  /** Wrap the image in the rounded brand mark. */\n  mark?: boolean;\n}\n\nexport interface NavProps {\n  logo: NavLogo;\n  links?: NavLink[];\n  /** Extra item appended to the link list (e.g. an interactive control). */\n  children?: ReactNode;\n  className?: string;\n}\n\n/** Shared fixed top navigation for marketing surfaces (landing, demo). */\nexport function Nav({ logo, links = [], children, className }: NavProps) {\n  const size = logo.size ?? 28;\n  const image = <Image src={logo.src} alt={logo.alt ?? ''} width={size} height={size} priority />;\n\n  return (\n    <nav className={cn('nav', className)}>\n      <div className=\"nav-inner\">\n        <MarketingLink href={logo.href ?? '/'} className=\"nav-logo\">\n          {logo.mark ? (\n            <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n              {image}\n            </span>\n          ) : (\n            image\n          )}\n          {logo.label}\n        </MarketingLink>\n        <ul className=\"nav-links\">\n          {/* Keyed by index: placeholder links legitimately share an href.\n              `nav-link-item` is what the narrow-viewport rule hides, so the\n              call to action survives on mobile while the rest collapse. */}\n          {links.map((link, index) => (\n            <li key={index} className={link.cta ? undefined : 'nav-link-item'}>\n              <MarketingLink\n                href={link.href}\n                external={link.external}\n                className={link.cta ? 'nav-cta' : undefined}\n              >\n                {link.label}\n              </MarketingLink>\n            </li>\n          ))}\n          {children ? <li>{children}</li> : null}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","Image","jsx","jsxs","Image"]}
+{"version":3,"sources":["../../src/marketing/footer.tsx","../../src/marketing/link.tsx","../../src/marketing/flopay-footer.tsx","../../src/marketing/nav.tsx"],"sourcesContent":["import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface FooterLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n}\n\nexport interface FooterColumn {\n  title: ReactNode;\n  links: FooterLink[];\n}\n\nexport interface FooterBrand {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  size?: number;\n  mark?: boolean;\n  tagline?: ReactNode;\n}\n\nexport interface FooterProps {\n  brand: FooterBrand;\n  columns?: FooterColumn[];\n  legal?: FooterLink[];\n  copyright?: ReactNode;\n  className?: string;\n}\n\n/** Shared site footer for marketing surfaces (landing, demo). */\nexport function Footer({ brand, columns = [], legal = [], copyright, className }: FooterProps) {\n  const size = brand.size ?? 20;\n  const image = <Image src={brand.src} alt={brand.alt ?? ''} width={size} height={size} />;\n\n  return (\n    <footer className={cn('footer', className)}>\n      <div className=\"footer-inner\">\n        <div className=\"footer-brand\">\n          <MarketingLink href={brand.href ?? '/'} className=\"nav-logo\">\n            {brand.mark ? (\n              <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n                {image}\n              </span>\n            ) : (\n              image\n            )}\n            {brand.label}\n          </MarketingLink>\n          {brand.tagline ? <p>{brand.tagline}</p> : null}\n        </div>\n        {columns.map((column, index) => (\n          <div className=\"footer-column\" key={index}>\n            <h4>{column.title}</h4>\n            <ul>\n              {/* Keyed by index: placeholder links legitimately share an href. */}\n              {column.links.map((link, linkIndex) => (\n                <li key={linkIndex}>\n                  <MarketingLink href={link.href} external={link.external}>\n                    {link.label}\n                  </MarketingLink>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n      <div className=\"footer-bottom\">\n        {copyright ? <p>{copyright}</p> : <span />}\n        {legal.length > 0 ? (\n          <div className=\"footer-legal\">\n            {legal.map((link) => (\n              <MarketingLink key={link.href} href={link.href} external={link.external}>\n                {link.label}\n              </MarketingLink>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n","import Link from 'next/link';\nimport type { ReactNode } from 'react';\n\nexport interface MarketingLinkProps {\n  href: string;\n  /** Force new-tab rendering. Defaults to true for absolute http(s) URLs. */\n  external?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Picks the right element for a marketing link:\n * - internal route (\"/...\", \"#...\") → next/link\n * - protocol link (mailto:/tel:) → plain anchor\n * - absolute URL (or `external`) → new-tab anchor\n */\nexport function MarketingLink({ href, external, className, children }: MarketingLinkProps) {\n  const isAbsolute = /^https?:\\/\\//.test(href) || href.startsWith('//');\n  const isProtocol = !isAbsolute && /^[a-z][a-z0-9+.-]*:/i.test(href);\n  const openExternally = external ?? isAbsolute;\n\n  if (openExternally) {\n    return (\n      <a href={href} className={className} target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    );\n  }\n  if (isProtocol) {\n    return (\n      <a href={href} className={className}>\n        {children}\n      </a>\n    );\n  }\n  return (\n    <Link href={href} className={className}>\n      {children}\n    </Link>\n  );\n}\n","import type { ImageProps } from 'next/image';\nimport type { FooterBrand, FooterColumn, FooterLink } from './footer';\nimport { Footer } from './footer';\n\nexport interface FlopayFooterOptions {\n  /**\n   * Origin for marketing-site routes, e.g. `https://flopay.com`. Leave unset on\n   * the marketing site itself so its own routes stay relative.\n   */\n  baseUrl?: string;\n  /** Where \"Demo Playground\" points. Defaults to the hosted playground. */\n  demoUrl?: string;\n  /** Where \"Contact\" points. Defaults to `<baseUrl>/contact`. */\n  contactUrl?: string;\n}\n\nexport interface FlopayFooterContent {\n  tagline: string;\n  columns: FooterColumn[];\n  legal: FooterLink[];\n  copyright: string;\n}\n\nconst TAGLINE = 'Payment Orchestration That Keeps Revenue Flowing';\nconst COMPANY = 'FloPay LLC';\nconst DOCS_URL = 'https://docs.flopay.com/docs';\nconst API_URL = 'https://api.flopay.com/docs';\nconst DEMO_URL = 'https://demo.flopay.com';\n\n/**\n * Trim trailing slashes so `${base}${path}` can't double up: a caller passing\n * `https://flopay.com/` should still get `https://flopay.com/vault`, and the\n * placeholder href shouldn't keep a dangling slash either.\n */\nfunction normalizeBase(baseUrl: string) {\n  return baseUrl.replace(/\\/+$/, '');\n}\n\n/**\n * The FloPay footer sitemap — one source of truth so every portal shows the\n * same columns, labels and order.\n *\n * Products without a page yet point at the marketing home page (`#` when the\n * caller *is* the marketing site, where that would be a self-link).\n */\nexport function flopayFooterContent({\n  baseUrl = '',\n  demoUrl = DEMO_URL,\n  contactUrl,\n}: FlopayFooterOptions = {}): FlopayFooterContent {\n  const base = normalizeBase(baseUrl);\n  const route = (path: string) => `${base}${path}`;\n  const pending = base || '#';\n\n  return {\n    tagline: TAGLINE,\n    columns: [\n      {\n        title: 'Product',\n        links: [\n          { href: route('/vault'), label: 'Card Vault' },\n          { href: route('/chargeback-prevention'), label: 'Chargeback Prevention' },\n          { href: pending, label: 'Agent-Assisted Commerce' },\n          { href: pending, label: 'The Agent Vault' },\n          { href: pending, label: 'Agentic Discovery Network' },\n          { href: pending, label: 'Smart Agentic Orchestration' },\n        ],\n      },\n      {\n        title: 'Development',\n        links: [\n          { href: DOCS_URL, label: 'Documentation' },\n          { href: pending, label: 'MCP Server' },\n          { href: API_URL, label: 'API Reference' },\n          { href: demoUrl, label: 'Demo Playground' },\n        ],\n      },\n      {\n        title: 'Company',\n        links: [\n          { href: route('/mission'), label: 'Mission' },\n          { href: route('/values'), label: 'Values' },\n          { href: route('/pricing'), label: 'Pricing' },\n          { href: route('/blog'), label: 'Blog' },\n          { href: contactUrl ?? route('/contact'), label: 'Contact' },\n        ],\n      },\n    ],\n    legal: [\n      { href: route('/legal/privacy'), label: 'Privacy' },\n      { href: route('/legal/terms'), label: 'Terms' },\n      { href: route('/legal/cookies'), label: 'Cookies' },\n    ],\n    copyright: `© ${new Date().getFullYear()} ${COMPANY}. All rights reserved.`,\n  };\n}\n\nexport interface FlopayFooterProps extends FlopayFooterOptions {\n  /** The shared logo: `import logo from '@flopay/ui/logo.png'`. */\n  logo: ImageProps['src'];\n  /** Override parts of the default brand block (label, tagline, size, …). */\n  brand?: Partial<Omit<FooterBrand, 'src'>>;\n  className?: string;\n}\n\n/**\n * The FloPay footer, content included — drop it into any portal and the\n * sitemap, tagline and copyright come from this package.\n *\n * ```tsx\n * import logo from '@flopay/ui/logo.png';\n * <FlopayFooter logo={logo} />                              // on flopay.com\n * <FlopayFooter logo={logo} baseUrl=\"https://flopay.com\" /> // anywhere else\n * ```\n */\nexport function FlopayFooter({ logo, brand, className, ...options }: FlopayFooterProps) {\n  const { tagline, columns, legal, copyright } = flopayFooterContent(options);\n\n  return (\n    <Footer\n      className={className}\n      brand={{\n        src: logo,\n        alt: 'FloPay',\n        label: 'FloPay',\n        href: normalizeBase(options.baseUrl ?? '') || '/',\n        size: 20,\n        mark: true,\n        tagline,\n        ...brand,\n      }}\n      columns={columns}\n      legal={legal}\n      copyright={copyright}\n    />\n  );\n}\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface NavLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n  /** Render as the prominent call-to-action button. */\n  cta?: boolean;\n}\n\nexport interface NavLogo {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  /** Logo image edge size in px (default 28). */\n  size?: number;\n  /** Wrap the image in the rounded brand mark. */\n  mark?: boolean;\n}\n\nexport interface NavProps {\n  logo: NavLogo;\n  links?: NavLink[];\n  /** Extra item appended to the link list (e.g. an interactive control). */\n  children?: ReactNode;\n  className?: string;\n}\n\n/** Shared fixed top navigation for marketing surfaces (landing, demo). */\nexport function Nav({ logo, links = [], children, className }: NavProps) {\n  const size = logo.size ?? 28;\n  const image = <Image src={logo.src} alt={logo.alt ?? ''} width={size} height={size} priority />;\n\n  return (\n    <nav className={cn('nav', className)}>\n      <div className=\"nav-inner\">\n        <MarketingLink href={logo.href ?? '/'} className=\"nav-logo\">\n          {logo.mark ? (\n            <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n              {image}\n            </span>\n          ) : (\n            image\n          )}\n          {logo.label}\n        </MarketingLink>\n        <ul className=\"nav-links\">\n          {/* Keyed by index: placeholder links legitimately share an href.\n              `nav-link-item` is what the narrow-viewport rule hides, so the\n              call to action survives on mobile while the rest collapse. */}\n          {links.map((link, index) => (\n            <li key={index} className={link.cta ? undefined : 'nav-link-item'}>\n              <MarketingLink\n                href={link.href}\n                external={link.external}\n                className={link.cta ? 'nav-cta' : undefined}\n              >\n                {link.label}\n              </MarketingLink>\n            </li>\n          ))}\n          {children ? <li>{children}</li> : null}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","Image","jsx","jsxs","Image"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flopay/ui",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "type": "module",
   "packageManager": "pnpm@11.17.0",
   "description": "FloPay shared design system — design tokens, a Tailwind v4 preset, and React primitives shared across landing, demo, docs, and dashboard.",