@opensite/ui 1.6.3 → 1.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/components.cjs +155 -75
  2. package/dist/components.js +155 -75
  3. package/dist/feature-utility-cards-grid.cjs +1 -1
  4. package/dist/feature-utility-cards-grid.js +1 -1
  5. package/dist/footer-cta-banner.cjs +155 -75
  6. package/dist/footer-cta-banner.d.cts +5 -1
  7. package/dist/footer-cta-banner.d.ts +5 -1
  8. package/dist/footer-cta-banner.js +155 -75
  9. package/dist/hero-overlay-cta-grid.cjs +85 -90
  10. package/dist/hero-overlay-cta-grid.js +85 -90
  11. package/dist/hero-pattern-badge-logos.cjs +28 -9
  12. package/dist/hero-pattern-badge-logos.js +28 -9
  13. package/dist/hero-pattern-logo-tech-stack.cjs +133 -105
  14. package/dist/hero-pattern-logo-tech-stack.d.cts +1 -4
  15. package/dist/hero-pattern-logo-tech-stack.d.ts +1 -4
  16. package/dist/hero-pattern-logo-tech-stack.js +133 -105
  17. package/dist/index.cjs +155 -75
  18. package/dist/index.js +155 -75
  19. package/dist/link-page-newsletter-social.cjs +75 -137
  20. package/dist/link-page-newsletter-social.d.cts +1 -1
  21. package/dist/link-page-newsletter-social.d.ts +1 -1
  22. package/dist/link-page-newsletter-social.js +75 -137
  23. package/dist/link-tree-block.cjs +31 -32
  24. package/dist/link-tree-block.d.cts +1 -5
  25. package/dist/link-tree-block.d.ts +1 -5
  26. package/dist/link-tree-block.js +31 -32
  27. package/dist/registry.cjs +465 -317
  28. package/dist/registry.js +465 -317
  29. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -4438,7 +4438,8 @@ function FooterCtaBanner({
4438
4438
  legalLinksClassName,
4439
4439
  legalLinkClassName,
4440
4440
  background,
4441
- spacing,
4441
+ containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
4442
+ spacing = "py-6 md:py-32",
4442
4443
  pattern,
4443
4444
  patternOpacity,
4444
4445
  optixFlowConfig
@@ -4450,89 +4451,168 @@ function FooterCtaBanner({
4450
4451
  spacing,
4451
4452
  pattern,
4452
4453
  patternOpacity,
4453
- className: cn("dark", className),
4454
+ className,
4455
+ containerClassName,
4454
4456
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
4455
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-16 rounded-lg border p-8 text-center md:p-12", ctaBannerClassName), children: [
4456
- /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-4 text-3xl font-bold md:text-4xl", ctaHeadingClassName), children: ctaHeading }),
4457
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mx-auto mb-6 max-w-2xl opacity-80", ctaDescriptionClassName), children: ctaDescription }),
4458
- /* @__PURE__ */ jsxRuntime.jsx(
4459
- Pressable,
4460
- {
4461
- href: ctaButtonUrl,
4462
- className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 h-11 px-8", ctaButtonClassName),
4463
- children: ctaButtonText
4464
- }
4465
- )
4466
- ] }),
4467
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-10 lg:grid-cols-5", gridClassName), children: [
4468
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:col-span-2", brandClassName), children: [
4469
- logo && /* @__PURE__ */ jsxRuntime.jsx(
4470
- FooterLogo,
4471
- {
4472
- logo,
4473
- logoClassName: cn("mb-6", logoWrapperClassName),
4474
- logoImageClassName: logoClassName,
4475
- optixFlowConfig
4476
- }
4457
+ /* @__PURE__ */ jsxRuntime.jsxs(
4458
+ "div",
4459
+ {
4460
+ className: cn(
4461
+ "mb-16 rounded-lg border p-8 text-center md:p-12",
4462
+ ctaBannerClassName
4477
4463
  ),
4478
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-6", newsletterClassName), children: [
4479
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-medium", children: newsletterLabel }),
4480
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-sm gap-2", children: [
4481
- /* @__PURE__ */ jsxRuntime.jsx(
4482
- "input",
4464
+ children: [
4465
+ /* @__PURE__ */ jsxRuntime.jsx(
4466
+ "h2",
4467
+ {
4468
+ className: cn(
4469
+ "mb-4 text-3xl font-bold md:text-4xl text-balance",
4470
+ ctaHeadingClassName
4471
+ ),
4472
+ children: ctaHeading
4473
+ }
4474
+ ),
4475
+ /* @__PURE__ */ jsxRuntime.jsx(
4476
+ "p",
4477
+ {
4478
+ className: cn(
4479
+ "mx-auto mb-6 max-w-2xl opacity-80 text-balance",
4480
+ ctaDescriptionClassName
4481
+ ),
4482
+ children: ctaDescription
4483
+ }
4484
+ ),
4485
+ /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: ctaButtonUrl, asButton: true, variant: "default", children: ctaButtonText })
4486
+ ]
4487
+ }
4488
+ ),
4489
+ /* @__PURE__ */ jsxRuntime.jsxs(
4490
+ "div",
4491
+ {
4492
+ className: cn(
4493
+ "grid gap-10 grid-cols-2 md:grid-cols-5",
4494
+ gridClassName
4495
+ ),
4496
+ children: [
4497
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("col-span-2", brandClassName), children: [
4498
+ logo && /* @__PURE__ */ jsxRuntime.jsx(
4499
+ FooterLogo,
4483
4500
  {
4484
- type: "email",
4485
- placeholder: newsletterPlaceholder,
4486
- className: cn("flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", newsletterInputClassName)
4501
+ logo,
4502
+ logoClassName: cn("mb-6", logoWrapperClassName),
4503
+ logoImageClassName: logoClassName,
4504
+ optixFlowConfig
4487
4505
  }
4488
4506
  ),
4507
+ newsletterClassName && newsletterLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-6", newsletterClassName), children: [
4508
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-medium", children: newsletterLabel }),
4509
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-sm gap-2", children: [
4510
+ /* @__PURE__ */ jsxRuntime.jsx(
4511
+ "input",
4512
+ {
4513
+ type: "email",
4514
+ placeholder: newsletterPlaceholder,
4515
+ className: cn(
4516
+ "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
4517
+ newsletterInputClassName
4518
+ )
4519
+ }
4520
+ ),
4521
+ /* @__PURE__ */ jsxRuntime.jsx(
4522
+ "button",
4523
+ {
4524
+ type: "submit",
4525
+ className: cn(
4526
+ "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2",
4527
+ newsletterButtonClassName
4528
+ ),
4529
+ children: newsletterButtonText
4530
+ }
4531
+ )
4532
+ ] })
4533
+ ] }),
4489
4534
  /* @__PURE__ */ jsxRuntime.jsx(
4490
- "button",
4535
+ "ul",
4536
+ {
4537
+ className: cn("flex items-center gap-4", socialLinksClassName),
4538
+ children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
4539
+ SocialLinkIcon,
4540
+ {
4541
+ href: social.href,
4542
+ label: social.label,
4543
+ iconNameOverride: social.iconNameOverride,
4544
+ className: cn(
4545
+ "opacity-80 transition-colors hover:opacity-100",
4546
+ socialLinkClassName
4547
+ )
4548
+ }
4549
+ ) }, idx))
4550
+ }
4551
+ )
4552
+ ] }),
4553
+ sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
4554
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-semibold", navTitleClassName), children: section.title }),
4555
+ /* @__PURE__ */ jsxRuntime.jsx(
4556
+ "ul",
4491
4557
  {
4492
- type: "submit",
4493
- className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2", newsletterButtonClassName),
4494
- children: newsletterButtonText
4558
+ className: cn(
4559
+ "space-y-3 text-sm opacity-80",
4560
+ navLinksClassName
4561
+ ),
4562
+ children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
4563
+ Pressable,
4564
+ {
4565
+ href: link.href,
4566
+ className: cn("hover:opacity-100", navLinkClassName),
4567
+ children: link.name
4568
+ }
4569
+ ) }, linkIdx))
4495
4570
  }
4496
4571
  )
4497
- ] })
4498
- ] }),
4499
- /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
4500
- SocialLinkIcon,
4501
- {
4502
- href: social.href,
4503
- label: social.label,
4504
- iconNameOverride: social.iconNameOverride,
4505
- className: cn("opacity-80 transition-colors hover:opacity-100", socialLinkClassName)
4506
- }
4507
- ) }, idx)) })
4508
- ] }),
4509
- sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
4510
- /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-semibold", navTitleClassName), children: section.title }),
4511
- /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3 text-sm opacity-80", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
4512
- Pressable,
4513
- {
4514
- href: link.href,
4515
- className: cn("hover:opacity-100", navLinkClassName),
4516
- children: link.name
4517
- }
4518
- ) }, linkIdx)) })
4519
- ] }, sectionIdx))
4520
- ] }),
4521
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
4522
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
4523
- /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
4524
- /* @__PURE__ */ jsxRuntime.jsx(
4525
- BrandAttribution,
4526
- {
4527
- internalBrandSlug: "open_site_ai",
4528
- optionIndex: 8,
4529
- variant: "span",
4530
- linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
4531
- }
4532
- )
4533
- ] }),
4534
- /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: cn("hover:opacity-100", legalLinkClassName), children: link.name }) }, idx)) })
4535
- ] })
4572
+ ] }, sectionIdx))
4573
+ ]
4574
+ }
4575
+ ),
4576
+ /* @__PURE__ */ jsxRuntime.jsxs(
4577
+ "div",
4578
+ {
4579
+ className: cn(
4580
+ "mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
4581
+ bottomClassName
4582
+ ),
4583
+ children: [
4584
+ /* @__PURE__ */ jsxRuntime.jsxs(
4585
+ "div",
4586
+ {
4587
+ className: cn(
4588
+ "flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
4589
+ copyrightClassName
4590
+ ),
4591
+ children: [
4592
+ /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
4593
+ /* @__PURE__ */ jsxRuntime.jsx(
4594
+ BrandAttribution,
4595
+ {
4596
+ internalBrandSlug: "open_site_ai",
4597
+ optionIndex: 8,
4598
+ variant: "span",
4599
+ linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
4600
+ }
4601
+ )
4602
+ ]
4603
+ }
4604
+ ),
4605
+ /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
4606
+ Pressable,
4607
+ {
4608
+ href: link.href,
4609
+ className: cn("hover:opacity-100", legalLinkClassName),
4610
+ children: link.name
4611
+ }
4612
+ ) }, idx)) })
4613
+ ]
4614
+ }
4615
+ )
4536
4616
  ] }) })
4537
4617
  }
4538
4618
  );
package/dist/index.js CHANGED
@@ -4415,7 +4415,8 @@ function FooterCtaBanner({
4415
4415
  legalLinksClassName,
4416
4416
  legalLinkClassName,
4417
4417
  background,
4418
- spacing,
4418
+ containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
4419
+ spacing = "py-6 md:py-32",
4419
4420
  pattern,
4420
4421
  patternOpacity,
4421
4422
  optixFlowConfig
@@ -4427,89 +4428,168 @@ function FooterCtaBanner({
4427
4428
  spacing,
4428
4429
  pattern,
4429
4430
  patternOpacity,
4430
- className: cn("dark", className),
4431
+ className,
4432
+ containerClassName,
4431
4433
  children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
4432
- /* @__PURE__ */ jsxs("div", { className: cn("mb-16 rounded-lg border p-8 text-center md:p-12", ctaBannerClassName), children: [
4433
- /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-3xl font-bold md:text-4xl", ctaHeadingClassName), children: ctaHeading }),
4434
- /* @__PURE__ */ jsx("p", { className: cn("mx-auto mb-6 max-w-2xl opacity-80", ctaDescriptionClassName), children: ctaDescription }),
4435
- /* @__PURE__ */ jsx(
4436
- Pressable,
4437
- {
4438
- href: ctaButtonUrl,
4439
- className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 h-11 px-8", ctaButtonClassName),
4440
- children: ctaButtonText
4441
- }
4442
- )
4443
- ] }),
4444
- /* @__PURE__ */ jsxs("div", { className: cn("grid gap-10 lg:grid-cols-5", gridClassName), children: [
4445
- /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-2", brandClassName), children: [
4446
- logo && /* @__PURE__ */ jsx(
4447
- FooterLogo,
4448
- {
4449
- logo,
4450
- logoClassName: cn("mb-6", logoWrapperClassName),
4451
- logoImageClassName: logoClassName,
4452
- optixFlowConfig
4453
- }
4434
+ /* @__PURE__ */ jsxs(
4435
+ "div",
4436
+ {
4437
+ className: cn(
4438
+ "mb-16 rounded-lg border p-8 text-center md:p-12",
4439
+ ctaBannerClassName
4454
4440
  ),
4455
- /* @__PURE__ */ jsxs("div", { className: cn("mb-6", newsletterClassName), children: [
4456
- /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm font-medium", children: newsletterLabel }),
4457
- /* @__PURE__ */ jsxs("div", { className: "flex max-w-sm gap-2", children: [
4458
- /* @__PURE__ */ jsx(
4459
- "input",
4441
+ children: [
4442
+ /* @__PURE__ */ jsx(
4443
+ "h2",
4444
+ {
4445
+ className: cn(
4446
+ "mb-4 text-3xl font-bold md:text-4xl text-balance",
4447
+ ctaHeadingClassName
4448
+ ),
4449
+ children: ctaHeading
4450
+ }
4451
+ ),
4452
+ /* @__PURE__ */ jsx(
4453
+ "p",
4454
+ {
4455
+ className: cn(
4456
+ "mx-auto mb-6 max-w-2xl opacity-80 text-balance",
4457
+ ctaDescriptionClassName
4458
+ ),
4459
+ children: ctaDescription
4460
+ }
4461
+ ),
4462
+ /* @__PURE__ */ jsx(Pressable, { href: ctaButtonUrl, asButton: true, variant: "default", children: ctaButtonText })
4463
+ ]
4464
+ }
4465
+ ),
4466
+ /* @__PURE__ */ jsxs(
4467
+ "div",
4468
+ {
4469
+ className: cn(
4470
+ "grid gap-10 grid-cols-2 md:grid-cols-5",
4471
+ gridClassName
4472
+ ),
4473
+ children: [
4474
+ /* @__PURE__ */ jsxs("div", { className: cn("col-span-2", brandClassName), children: [
4475
+ logo && /* @__PURE__ */ jsx(
4476
+ FooterLogo,
4460
4477
  {
4461
- type: "email",
4462
- placeholder: newsletterPlaceholder,
4463
- className: cn("flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", newsletterInputClassName)
4478
+ logo,
4479
+ logoClassName: cn("mb-6", logoWrapperClassName),
4480
+ logoImageClassName: logoClassName,
4481
+ optixFlowConfig
4464
4482
  }
4465
4483
  ),
4484
+ newsletterClassName && newsletterLabel && /* @__PURE__ */ jsxs("div", { className: cn("mb-6", newsletterClassName), children: [
4485
+ /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm font-medium", children: newsletterLabel }),
4486
+ /* @__PURE__ */ jsxs("div", { className: "flex max-w-sm gap-2", children: [
4487
+ /* @__PURE__ */ jsx(
4488
+ "input",
4489
+ {
4490
+ type: "email",
4491
+ placeholder: newsletterPlaceholder,
4492
+ className: cn(
4493
+ "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
4494
+ newsletterInputClassName
4495
+ )
4496
+ }
4497
+ ),
4498
+ /* @__PURE__ */ jsx(
4499
+ "button",
4500
+ {
4501
+ type: "submit",
4502
+ className: cn(
4503
+ "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2",
4504
+ newsletterButtonClassName
4505
+ ),
4506
+ children: newsletterButtonText
4507
+ }
4508
+ )
4509
+ ] })
4510
+ ] }),
4466
4511
  /* @__PURE__ */ jsx(
4467
- "button",
4512
+ "ul",
4513
+ {
4514
+ className: cn("flex items-center gap-4", socialLinksClassName),
4515
+ children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
4516
+ SocialLinkIcon,
4517
+ {
4518
+ href: social.href,
4519
+ label: social.label,
4520
+ iconNameOverride: social.iconNameOverride,
4521
+ className: cn(
4522
+ "opacity-80 transition-colors hover:opacity-100",
4523
+ socialLinkClassName
4524
+ )
4525
+ }
4526
+ ) }, idx))
4527
+ }
4528
+ )
4529
+ ] }),
4530
+ sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
4531
+ /* @__PURE__ */ jsx("h3", { className: cn("mb-4 font-semibold", navTitleClassName), children: section.title }),
4532
+ /* @__PURE__ */ jsx(
4533
+ "ul",
4468
4534
  {
4469
- type: "submit",
4470
- className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2", newsletterButtonClassName),
4471
- children: newsletterButtonText
4535
+ className: cn(
4536
+ "space-y-3 text-sm opacity-80",
4537
+ navLinksClassName
4538
+ ),
4539
+ children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
4540
+ Pressable,
4541
+ {
4542
+ href: link.href,
4543
+ className: cn("hover:opacity-100", navLinkClassName),
4544
+ children: link.name
4545
+ }
4546
+ ) }, linkIdx))
4472
4547
  }
4473
4548
  )
4474
- ] })
4475
- ] }),
4476
- /* @__PURE__ */ jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
4477
- SocialLinkIcon,
4478
- {
4479
- href: social.href,
4480
- label: social.label,
4481
- iconNameOverride: social.iconNameOverride,
4482
- className: cn("opacity-80 transition-colors hover:opacity-100", socialLinkClassName)
4483
- }
4484
- ) }, idx)) })
4485
- ] }),
4486
- sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
4487
- /* @__PURE__ */ jsx("h3", { className: cn("mb-4 font-semibold", navTitleClassName), children: section.title }),
4488
- /* @__PURE__ */ jsx("ul", { className: cn("space-y-3 text-sm opacity-80", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
4489
- Pressable,
4490
- {
4491
- href: link.href,
4492
- className: cn("hover:opacity-100", navLinkClassName),
4493
- children: link.name
4494
- }
4495
- ) }, linkIdx)) })
4496
- ] }, sectionIdx))
4497
- ] }),
4498
- /* @__PURE__ */ jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
4499
- /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
4500
- /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
4501
- /* @__PURE__ */ jsx(
4502
- BrandAttribution,
4503
- {
4504
- internalBrandSlug: "open_site_ai",
4505
- optionIndex: 8,
4506
- variant: "span",
4507
- linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
4508
- }
4509
- )
4510
- ] }),
4511
- /* @__PURE__ */ jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: cn("hover:opacity-100", legalLinkClassName), children: link.name }) }, idx)) })
4512
- ] })
4549
+ ] }, sectionIdx))
4550
+ ]
4551
+ }
4552
+ ),
4553
+ /* @__PURE__ */ jsxs(
4554
+ "div",
4555
+ {
4556
+ className: cn(
4557
+ "mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
4558
+ bottomClassName
4559
+ ),
4560
+ children: [
4561
+ /* @__PURE__ */ jsxs(
4562
+ "div",
4563
+ {
4564
+ className: cn(
4565
+ "flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
4566
+ copyrightClassName
4567
+ ),
4568
+ children: [
4569
+ /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
4570
+ /* @__PURE__ */ jsx(
4571
+ BrandAttribution,
4572
+ {
4573
+ internalBrandSlug: "open_site_ai",
4574
+ optionIndex: 8,
4575
+ variant: "span",
4576
+ linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
4577
+ }
4578
+ )
4579
+ ]
4580
+ }
4581
+ ),
4582
+ /* @__PURE__ */ jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
4583
+ Pressable,
4584
+ {
4585
+ href: link.href,
4586
+ className: cn("hover:opacity-100", legalLinkClassName),
4587
+ children: link.name
4588
+ }
4589
+ ) }, idx)) })
4590
+ ]
4591
+ }
4592
+ )
4513
4593
  ] }) })
4514
4594
  }
4515
4595
  );