@opensite/ui 2.5.1 → 2.5.2

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.
@@ -1466,6 +1466,7 @@ function FooterNewsletterMinimal({
1466
1466
  socialLinksClassName,
1467
1467
  socialLinkClassName,
1468
1468
  newsletterSectionClassName,
1469
+ newsletterLabelClassName,
1469
1470
  newsletterFormClassName,
1470
1471
  bottomGridClassName,
1471
1472
  locationClassName,
@@ -1579,29 +1580,41 @@ function FooterNewsletterMinimal({
1579
1580
  ),
1580
1581
  children: [
1581
1582
  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
1582
- heading && /* @__PURE__ */ jsx(
1583
- "p",
1584
- {
1585
- className: cn(
1586
- "relative text-4xl font-medium tracking-tight lg:text-5xl",
1587
- headingClassName
1588
- ),
1589
- children: heading
1590
- }
1591
- ),
1592
- (supportLabel || supportEmail) && /* @__PURE__ */ jsxs(
1583
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
1584
+ heading && /* @__PURE__ */ jsx(
1585
+ "h2",
1586
+ {
1587
+ className: cn(
1588
+ "relative text-4xl font-semibold tracking-tight lg:text-5xl text-balance",
1589
+ headingClassName
1590
+ ),
1591
+ children: heading
1592
+ }
1593
+ ),
1594
+ location && /* @__PURE__ */ jsx(
1595
+ "div",
1596
+ {
1597
+ className: cn(
1598
+ "font-semibold text-lg opacity-75",
1599
+ locationClassName
1600
+ ),
1601
+ children: location
1602
+ }
1603
+ )
1604
+ ] }),
1605
+ /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: (supportLabel || supportEmail) && /* @__PURE__ */ jsxs(
1593
1606
  "div",
1594
1607
  {
1595
1608
  className: cn(
1596
- "space-y-1 text-sm font-light tracking-tight lg:text-base",
1609
+ "space-y-1 text-sm tracking-tight lg:text-base",
1597
1610
  supportClassName
1598
1611
  ),
1599
1612
  children: [
1600
- supportLabel && /* @__PURE__ */ jsx("p", { children: supportLabel }),
1601
- supportEmail && /* @__PURE__ */ jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
1613
+ supportLabel && /* @__PURE__ */ jsx("p", { className: "font-light opacity-75", children: supportLabel }),
1614
+ supportEmail && /* @__PURE__ */ jsx(Pressable, { className: "font-semibold", href: supportEmail, children: supportEmail })
1602
1615
  ]
1603
1616
  }
1604
- )
1617
+ ) })
1605
1618
  ] }),
1606
1619
  /* @__PURE__ */ jsxs(
1607
1620
  "div",
@@ -1619,41 +1632,35 @@ function FooterNewsletterMinimal({
1619
1632
  ]
1620
1633
  }
1621
1634
  ),
1622
- /* @__PURE__ */ jsxs(
1635
+ /* @__PURE__ */ jsx(
1623
1636
  "div",
1624
1637
  {
1625
1638
  className: cn(
1626
1639
  "mt-20 flex flex-col justify-between gap-15 lg:flex-row",
1627
1640
  newsletterSectionClassName
1628
1641
  ),
1629
- children: [
1630
- formEngineSetup && /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
1631
- newsletterLabel && /* @__PURE__ */ jsx("p", { children: newsletterLabel }),
1632
- renderForm
1633
- ] }) }),
1634
- /* @__PURE__ */ jsxs(
1635
- "div",
1642
+ children: formEngineSetup && /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
1643
+ newsletterLabel && /* @__PURE__ */ jsx(
1644
+ "p",
1636
1645
  {
1637
1646
  className: cn(
1638
- "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base",
1639
- bottomGridClassName
1647
+ "text-xl font-light tracking-tight",
1648
+ newsletterLabelClassName
1640
1649
  ),
1641
- children: [
1642
- location && /* @__PURE__ */ jsx("div", { className: cn("w-32", locationClassName), children: location }),
1643
- /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
1644
- ]
1650
+ children: newsletterLabel
1645
1651
  }
1646
- )
1647
- ]
1652
+ ),
1653
+ renderForm
1654
+ ] }) })
1648
1655
  }
1649
1656
  ),
1650
1657
  brandText && /* @__PURE__ */ jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsx(
1651
1658
  motion.div,
1652
1659
  {
1653
- initial: { opacity: 0, y: 20 },
1660
+ initial: { opacity: 0, y: 80 },
1654
1661
  whileInView: { opacity: 1, y: 0 },
1655
- viewport: { once: true },
1656
- transition: { duration: 0.6 },
1662
+ viewport: { once: true, amount: 0.5 },
1663
+ transition: { duration: 0.9, ease: [0.16, 1, 0.3, 1] },
1657
1664
  className: "text-center",
1658
1665
  children: /* @__PURE__ */ jsx(
1659
1666
  "span",
@@ -1671,19 +1678,51 @@ function FooterNewsletterMinimal({
1671
1678
  "div",
1672
1679
  {
1673
1680
  className: cn(
1674
- "mt-8 text-center text-sm opacity-80",
1681
+ "flex flex-col items-center space-y-6",
1682
+ brandText ? "mb-24" : "mt-8",
1675
1683
  copyrightClassName
1676
1684
  ),
1677
1685
  children: [
1678
- /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
1679
1686
  /* @__PURE__ */ jsx(
1680
- BrandAttribution,
1687
+ "div",
1688
+ {
1689
+ className: cn(
1690
+ "flex items-center justify-center",
1691
+ bottomGridClassName
1692
+ ),
1693
+ children: /* @__PURE__ */ jsx(
1694
+ "div",
1695
+ {
1696
+ className: cn(
1697
+ "flex gap-4 md:gap-6 text-sm font-light lg:text-base",
1698
+ "text-center items-center justify-center flex-wrap",
1699
+ footerLinksClassName
1700
+ ),
1701
+ children: footerLinksContent
1702
+ }
1703
+ )
1704
+ }
1705
+ ),
1706
+ /* @__PURE__ */ jsxs(
1707
+ "div",
1681
1708
  {
1682
- internalBrandSlug: "open_site_ai",
1683
- optionIndex: 4,
1684
- variant: "div",
1685
- containerClassName: "mt-2",
1686
- linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
1709
+ className: cn(
1710
+ "mt-8 text-center text-sm opacity-50",
1711
+ copyrightClassName
1712
+ ),
1713
+ children: [
1714
+ /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
1715
+ /* @__PURE__ */ jsx(
1716
+ BrandAttribution,
1717
+ {
1718
+ internalBrandSlug: "open_site_ai",
1719
+ optionIndex: 4,
1720
+ variant: "div",
1721
+ containerClassName: "mt-2",
1722
+ linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
1723
+ }
1724
+ )
1725
+ ]
1687
1726
  }
1688
1727
  )
1689
1728
  ]
package/dist/index.cjs CHANGED
@@ -6323,6 +6323,7 @@ function FooterNewsletterMinimal({
6323
6323
  socialLinksClassName,
6324
6324
  socialLinkClassName,
6325
6325
  newsletterSectionClassName,
6326
+ newsletterLabelClassName,
6326
6327
  newsletterFormClassName,
6327
6328
  bottomGridClassName,
6328
6329
  locationClassName,
@@ -6436,29 +6437,41 @@ function FooterNewsletterMinimal({
6436
6437
  ),
6437
6438
  children: [
6438
6439
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10", children: [
6439
- heading && /* @__PURE__ */ jsxRuntime.jsx(
6440
- "p",
6441
- {
6442
- className: cn(
6443
- "relative text-4xl font-medium tracking-tight lg:text-5xl",
6444
- headingClassName
6445
- ),
6446
- children: heading
6447
- }
6448
- ),
6449
- (supportLabel || supportEmail) && /* @__PURE__ */ jsxRuntime.jsxs(
6440
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
6441
+ heading && /* @__PURE__ */ jsxRuntime.jsx(
6442
+ "h2",
6443
+ {
6444
+ className: cn(
6445
+ "relative text-4xl font-semibold tracking-tight lg:text-5xl text-balance",
6446
+ headingClassName
6447
+ ),
6448
+ children: heading
6449
+ }
6450
+ ),
6451
+ location && /* @__PURE__ */ jsxRuntime.jsx(
6452
+ "div",
6453
+ {
6454
+ className: cn(
6455
+ "font-semibold text-lg opacity-75",
6456
+ locationClassName
6457
+ ),
6458
+ children: location
6459
+ }
6460
+ )
6461
+ ] }),
6462
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: (supportLabel || supportEmail) && /* @__PURE__ */ jsxRuntime.jsxs(
6450
6463
  "div",
6451
6464
  {
6452
6465
  className: cn(
6453
- "space-y-1 text-sm font-light tracking-tight lg:text-base",
6466
+ "space-y-1 text-sm tracking-tight lg:text-base",
6454
6467
  supportClassName
6455
6468
  ),
6456
6469
  children: [
6457
- supportLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { children: supportLabel }),
6458
- supportEmail && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
6470
+ supportLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-light opacity-75", children: supportLabel }),
6471
+ supportEmail && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { className: "font-semibold", href: supportEmail, children: supportEmail })
6459
6472
  ]
6460
6473
  }
6461
- )
6474
+ ) })
6462
6475
  ] }),
6463
6476
  /* @__PURE__ */ jsxRuntime.jsxs(
6464
6477
  "div",
@@ -6476,41 +6489,35 @@ function FooterNewsletterMinimal({
6476
6489
  ]
6477
6490
  }
6478
6491
  ),
6479
- /* @__PURE__ */ jsxRuntime.jsxs(
6492
+ /* @__PURE__ */ jsxRuntime.jsx(
6480
6493
  "div",
6481
6494
  {
6482
6495
  className: cn(
6483
6496
  "mt-20 flex flex-col justify-between gap-15 lg:flex-row",
6484
6497
  newsletterSectionClassName
6485
6498
  ),
6486
- children: [
6487
- formEngineSetup && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
6488
- newsletterLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { children: newsletterLabel }),
6489
- renderForm
6490
- ] }) }),
6491
- /* @__PURE__ */ jsxRuntime.jsxs(
6492
- "div",
6499
+ children: formEngineSetup && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
6500
+ newsletterLabel && /* @__PURE__ */ jsxRuntime.jsx(
6501
+ "p",
6493
6502
  {
6494
6503
  className: cn(
6495
- "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base",
6496
- bottomGridClassName
6504
+ "text-xl font-light tracking-tight",
6505
+ newsletterLabelClassName
6497
6506
  ),
6498
- children: [
6499
- location && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-32", locationClassName), children: location }),
6500
- /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
6501
- ]
6507
+ children: newsletterLabel
6502
6508
  }
6503
- )
6504
- ]
6509
+ ),
6510
+ renderForm
6511
+ ] }) })
6505
6512
  }
6506
6513
  ),
6507
6514
  brandText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
6508
6515
  framerMotion.motion.div,
6509
6516
  {
6510
- initial: { opacity: 0, y: 20 },
6517
+ initial: { opacity: 0, y: 80 },
6511
6518
  whileInView: { opacity: 1, y: 0 },
6512
- viewport: { once: true },
6513
- transition: { duration: 0.6 },
6519
+ viewport: { once: true, amount: 0.5 },
6520
+ transition: { duration: 0.9, ease: [0.16, 1, 0.3, 1] },
6514
6521
  className: "text-center",
6515
6522
  children: /* @__PURE__ */ jsxRuntime.jsx(
6516
6523
  "span",
@@ -6528,19 +6535,51 @@ function FooterNewsletterMinimal({
6528
6535
  "div",
6529
6536
  {
6530
6537
  className: cn(
6531
- "mt-8 text-center text-sm opacity-80",
6538
+ "flex flex-col items-center space-y-6",
6539
+ brandText ? "mb-24" : "mt-8",
6532
6540
  copyrightClassName
6533
6541
  ),
6534
6542
  children: [
6535
- /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
6536
6543
  /* @__PURE__ */ jsxRuntime.jsx(
6537
- BrandAttribution,
6544
+ "div",
6538
6545
  {
6539
- internalBrandSlug: "open_site_ai",
6540
- optionIndex: 4,
6541
- variant: "div",
6542
- containerClassName: "mt-2",
6543
- linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
6546
+ className: cn(
6547
+ "flex items-center justify-center",
6548
+ bottomGridClassName
6549
+ ),
6550
+ children: /* @__PURE__ */ jsxRuntime.jsx(
6551
+ "div",
6552
+ {
6553
+ className: cn(
6554
+ "flex gap-4 md:gap-6 text-sm font-light lg:text-base",
6555
+ "text-center items-center justify-center flex-wrap",
6556
+ footerLinksClassName
6557
+ ),
6558
+ children: footerLinksContent
6559
+ }
6560
+ )
6561
+ }
6562
+ ),
6563
+ /* @__PURE__ */ jsxRuntime.jsxs(
6564
+ "div",
6565
+ {
6566
+ className: cn(
6567
+ "mt-8 text-center text-sm opacity-50",
6568
+ copyrightClassName
6569
+ ),
6570
+ children: [
6571
+ /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
6572
+ /* @__PURE__ */ jsxRuntime.jsx(
6573
+ BrandAttribution,
6574
+ {
6575
+ internalBrandSlug: "open_site_ai",
6576
+ optionIndex: 4,
6577
+ variant: "div",
6578
+ containerClassName: "mt-2",
6579
+ linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
6580
+ }
6581
+ )
6582
+ ]
6544
6583
  }
6545
6584
  )
6546
6585
  ]
package/dist/index.js CHANGED
@@ -6301,6 +6301,7 @@ function FooterNewsletterMinimal({
6301
6301
  socialLinksClassName,
6302
6302
  socialLinkClassName,
6303
6303
  newsletterSectionClassName,
6304
+ newsletterLabelClassName,
6304
6305
  newsletterFormClassName,
6305
6306
  bottomGridClassName,
6306
6307
  locationClassName,
@@ -6414,29 +6415,41 @@ function FooterNewsletterMinimal({
6414
6415
  ),
6415
6416
  children: [
6416
6417
  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
6417
- heading && /* @__PURE__ */ jsx(
6418
- "p",
6419
- {
6420
- className: cn(
6421
- "relative text-4xl font-medium tracking-tight lg:text-5xl",
6422
- headingClassName
6423
- ),
6424
- children: heading
6425
- }
6426
- ),
6427
- (supportLabel || supportEmail) && /* @__PURE__ */ jsxs(
6418
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
6419
+ heading && /* @__PURE__ */ jsx(
6420
+ "h2",
6421
+ {
6422
+ className: cn(
6423
+ "relative text-4xl font-semibold tracking-tight lg:text-5xl text-balance",
6424
+ headingClassName
6425
+ ),
6426
+ children: heading
6427
+ }
6428
+ ),
6429
+ location && /* @__PURE__ */ jsx(
6430
+ "div",
6431
+ {
6432
+ className: cn(
6433
+ "font-semibold text-lg opacity-75",
6434
+ locationClassName
6435
+ ),
6436
+ children: location
6437
+ }
6438
+ )
6439
+ ] }),
6440
+ /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: (supportLabel || supportEmail) && /* @__PURE__ */ jsxs(
6428
6441
  "div",
6429
6442
  {
6430
6443
  className: cn(
6431
- "space-y-1 text-sm font-light tracking-tight lg:text-base",
6444
+ "space-y-1 text-sm tracking-tight lg:text-base",
6432
6445
  supportClassName
6433
6446
  ),
6434
6447
  children: [
6435
- supportLabel && /* @__PURE__ */ jsx("p", { children: supportLabel }),
6436
- supportEmail && /* @__PURE__ */ jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
6448
+ supportLabel && /* @__PURE__ */ jsx("p", { className: "font-light opacity-75", children: supportLabel }),
6449
+ supportEmail && /* @__PURE__ */ jsx(Pressable, { className: "font-semibold", href: supportEmail, children: supportEmail })
6437
6450
  ]
6438
6451
  }
6439
- )
6452
+ ) })
6440
6453
  ] }),
6441
6454
  /* @__PURE__ */ jsxs(
6442
6455
  "div",
@@ -6454,41 +6467,35 @@ function FooterNewsletterMinimal({
6454
6467
  ]
6455
6468
  }
6456
6469
  ),
6457
- /* @__PURE__ */ jsxs(
6470
+ /* @__PURE__ */ jsx(
6458
6471
  "div",
6459
6472
  {
6460
6473
  className: cn(
6461
6474
  "mt-20 flex flex-col justify-between gap-15 lg:flex-row",
6462
6475
  newsletterSectionClassName
6463
6476
  ),
6464
- children: [
6465
- formEngineSetup && /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
6466
- newsletterLabel && /* @__PURE__ */ jsx("p", { children: newsletterLabel }),
6467
- renderForm
6468
- ] }) }),
6469
- /* @__PURE__ */ jsxs(
6470
- "div",
6477
+ children: formEngineSetup && /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
6478
+ newsletterLabel && /* @__PURE__ */ jsx(
6479
+ "p",
6471
6480
  {
6472
6481
  className: cn(
6473
- "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base",
6474
- bottomGridClassName
6482
+ "text-xl font-light tracking-tight",
6483
+ newsletterLabelClassName
6475
6484
  ),
6476
- children: [
6477
- location && /* @__PURE__ */ jsx("div", { className: cn("w-32", locationClassName), children: location }),
6478
- /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
6479
- ]
6485
+ children: newsletterLabel
6480
6486
  }
6481
- )
6482
- ]
6487
+ ),
6488
+ renderForm
6489
+ ] }) })
6483
6490
  }
6484
6491
  ),
6485
6492
  brandText && /* @__PURE__ */ jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsx(
6486
6493
  motion.div,
6487
6494
  {
6488
- initial: { opacity: 0, y: 20 },
6495
+ initial: { opacity: 0, y: 80 },
6489
6496
  whileInView: { opacity: 1, y: 0 },
6490
- viewport: { once: true },
6491
- transition: { duration: 0.6 },
6497
+ viewport: { once: true, amount: 0.5 },
6498
+ transition: { duration: 0.9, ease: [0.16, 1, 0.3, 1] },
6492
6499
  className: "text-center",
6493
6500
  children: /* @__PURE__ */ jsx(
6494
6501
  "span",
@@ -6506,19 +6513,51 @@ function FooterNewsletterMinimal({
6506
6513
  "div",
6507
6514
  {
6508
6515
  className: cn(
6509
- "mt-8 text-center text-sm opacity-80",
6516
+ "flex flex-col items-center space-y-6",
6517
+ brandText ? "mb-24" : "mt-8",
6510
6518
  copyrightClassName
6511
6519
  ),
6512
6520
  children: [
6513
- /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
6514
6521
  /* @__PURE__ */ jsx(
6515
- BrandAttribution,
6522
+ "div",
6516
6523
  {
6517
- internalBrandSlug: "open_site_ai",
6518
- optionIndex: 4,
6519
- variant: "div",
6520
- containerClassName: "mt-2",
6521
- linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
6524
+ className: cn(
6525
+ "flex items-center justify-center",
6526
+ bottomGridClassName
6527
+ ),
6528
+ children: /* @__PURE__ */ jsx(
6529
+ "div",
6530
+ {
6531
+ className: cn(
6532
+ "flex gap-4 md:gap-6 text-sm font-light lg:text-base",
6533
+ "text-center items-center justify-center flex-wrap",
6534
+ footerLinksClassName
6535
+ ),
6536
+ children: footerLinksContent
6537
+ }
6538
+ )
6539
+ }
6540
+ ),
6541
+ /* @__PURE__ */ jsxs(
6542
+ "div",
6543
+ {
6544
+ className: cn(
6545
+ "mt-8 text-center text-sm opacity-50",
6546
+ copyrightClassName
6547
+ ),
6548
+ children: [
6549
+ /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
6550
+ /* @__PURE__ */ jsx(
6551
+ BrandAttribution,
6552
+ {
6553
+ internalBrandSlug: "open_site_ai",
6554
+ optionIndex: 4,
6555
+ variant: "div",
6556
+ containerClassName: "mt-2",
6557
+ linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
6558
+ }
6559
+ )
6560
+ ]
6522
6561
  }
6523
6562
  )
6524
6563
  ]