@opensite/ui 2.5.0 → 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.
Files changed (23) hide show
  1. package/dist/components.cjs +133 -162
  2. package/dist/components.js +134 -163
  3. package/dist/footer-accordion-social.cjs +22 -104
  4. package/dist/footer-accordion-social.d.cts +8 -18
  5. package/dist/footer-accordion-social.d.ts +8 -18
  6. package/dist/footer-accordion-social.js +23 -105
  7. package/dist/footer-newsletter-contact.cjs +8 -8
  8. package/dist/footer-newsletter-contact.d.cts +2 -2
  9. package/dist/footer-newsletter-contact.d.ts +2 -2
  10. package/dist/footer-newsletter-contact.js +8 -8
  11. package/dist/footer-newsletter-minimal.cjs +81 -42
  12. package/dist/footer-newsletter-minimal.d.cts +3 -1
  13. package/dist/footer-newsletter-minimal.d.ts +3 -1
  14. package/dist/footer-newsletter-minimal.js +81 -42
  15. package/dist/footer-social-newsletter.cjs +619 -758
  16. package/dist/footer-social-newsletter.d.cts +17 -54
  17. package/dist/footer-social-newsletter.d.ts +17 -54
  18. package/dist/footer-social-newsletter.js +620 -759
  19. package/dist/index.cjs +133 -162
  20. package/dist/index.js +134 -163
  21. package/dist/registry.cjs +272 -311
  22. package/dist/registry.js +273 -312
  23. package/package.json +4 -3
package/dist/footer-newsletter-minimal.js CHANGED
@@ -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
  ]