@opensite/ui 1.4.6 → 1.4.8

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 (11) hide show
  1. package/dist/components.cjs +11 -8
  2. package/dist/components.js +11 -8
  3. package/dist/footer-comprehensive-links.cjs +1 -1
  4. package/dist/footer-comprehensive-links.js +1 -1
  5. package/dist/footer-social-newsletter.cjs +11 -8
  6. package/dist/footer-social-newsletter.js +11 -8
  7. package/dist/index.cjs +11 -8
  8. package/dist/index.js +11 -8
  9. package/dist/registry.cjs +12 -9
  10. package/dist/registry.js +12 -9
  11. package/package.json +1 -1
package/dist/components.cjs CHANGED
@@ -3600,7 +3600,7 @@ function FooterSocialNewsletter({
3600
3600
  className: cn(className),
3601
3601
  containerClassName,
3602
3602
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
3603
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-10", children: [
3603
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-20", children: [
3604
3604
  logo && /* @__PURE__ */ jsxRuntime.jsx(
3605
3605
  FooterLogo,
3606
3606
  {
@@ -3640,7 +3640,7 @@ function FooterSocialNewsletter({
3640
3640
  "div",
3641
3641
  {
3642
3642
  className: cn(
3643
- "grid grid-cols-2 gap-8 lg:grid-cols-4",
3643
+ "space-y-12 space-x-4 md:space-y-6 md:space-x-6 grid grid-cols-2 lg:grid-cols-4",
3644
3644
  gridClassName
3645
3645
  ),
3646
3646
  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
@@ -3660,7 +3660,7 @@ function FooterSocialNewsletter({
3660
3660
  "div",
3661
3661
  {
3662
3662
  className: cn(
3663
- "mt-16 flex flex-col gap-6 border-t pt-8 lg:flex-row lg:items-start lg:justify-between",
3663
+ "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
3664
3664
  bottomClassName
3665
3665
  ),
3666
3666
  children: [
@@ -3693,7 +3693,7 @@ function FooterSocialNewsletter({
3693
3693
  newsletterClassName
3694
3694
  ),
3695
3695
  children: [
3696
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-center", children: [
3696
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
3697
3697
  /* @__PURE__ */ jsxRuntime.jsx(
3698
3698
  "input",
3699
3699
  {
@@ -3701,7 +3701,7 @@ function FooterSocialNewsletter({
3701
3701
  id: "newsletter-email",
3702
3702
  placeholder: newsletterPlaceholder || "Enter your email",
3703
3703
  className: cn(
3704
- "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 sm:w-64",
3704
+ "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 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 sm:w-64",
3705
3705
  newsletterInputClassName
3706
3706
  )
3707
3707
  }
@@ -3713,10 +3713,13 @@ function FooterSocialNewsletter({
3713
3713
  e.preventDefault();
3714
3714
  },
3715
3715
  variant: "default",
3716
- size: "default",
3716
+ size: "icon",
3717
3717
  asButton: true,
3718
- className: cn("shrink-0", newsletterButtonClassName),
3719
- children: newsletterButtonText
3718
+ className: cn(
3719
+ "rounded-l-none rounded-r-md shrink-0 h-10",
3720
+ newsletterButtonClassName
3721
+ ),
3722
+ children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "feather/send" })
3720
3723
  }
3721
3724
  )
3722
3725
  ] }),
package/dist/components.js CHANGED
@@ -3577,7 +3577,7 @@ function FooterSocialNewsletter({
3577
3577
  className: cn(className),
3578
3578
  containerClassName,
3579
3579
  children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
3580
- /* @__PURE__ */ jsxs("div", { className: "mb-10", children: [
3580
+ /* @__PURE__ */ jsxs("div", { className: "mb-20", children: [
3581
3581
  logo && /* @__PURE__ */ jsx(
3582
3582
  FooterLogo,
3583
3583
  {
@@ -3617,7 +3617,7 @@ function FooterSocialNewsletter({
3617
3617
  "div",
3618
3618
  {
3619
3619
  className: cn(
3620
- "grid grid-cols-2 gap-8 lg:grid-cols-4",
3620
+ "space-y-12 space-x-4 md:space-y-6 md:space-x-6 grid grid-cols-2 lg:grid-cols-4",
3621
3621
  gridClassName
3622
3622
  ),
3623
3623
  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
@@ -3637,7 +3637,7 @@ function FooterSocialNewsletter({
3637
3637
  "div",
3638
3638
  {
3639
3639
  className: cn(
3640
- "mt-16 flex flex-col gap-6 border-t pt-8 lg:flex-row lg:items-start lg:justify-between",
3640
+ "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
3641
3641
  bottomClassName
3642
3642
  ),
3643
3643
  children: [
@@ -3670,7 +3670,7 @@ function FooterSocialNewsletter({
3670
3670
  newsletterClassName
3671
3671
  ),
3672
3672
  children: [
3673
- /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-center", children: [
3673
+ /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
3674
3674
  /* @__PURE__ */ jsx(
3675
3675
  "input",
3676
3676
  {
@@ -3678,7 +3678,7 @@ function FooterSocialNewsletter({
3678
3678
  id: "newsletter-email",
3679
3679
  placeholder: newsletterPlaceholder || "Enter your email",
3680
3680
  className: cn(
3681
- "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 sm:w-64",
3681
+ "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 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 sm:w-64",
3682
3682
  newsletterInputClassName
3683
3683
  )
3684
3684
  }
@@ -3690,10 +3690,13 @@ function FooterSocialNewsletter({
3690
3690
  e.preventDefault();
3691
3691
  },
3692
3692
  variant: "default",
3693
- size: "default",
3693
+ size: "icon",
3694
3694
  asButton: true,
3695
- className: cn("shrink-0", newsletterButtonClassName),
3696
- children: newsletterButtonText
3695
+ className: cn(
3696
+ "rounded-l-none rounded-r-md shrink-0 h-10",
3697
+ newsletterButtonClassName
3698
+ ),
3699
+ children: /* @__PURE__ */ jsx(DynamicIcon, { name: "feather/send" })
3697
3700
  }
3698
3701
  )
3699
3702
  ] }),
package/dist/footer-comprehensive-links.cjs CHANGED
@@ -1706,7 +1706,7 @@ function FooterComprehensiveLinks({
1706
1706
  }
1707
1707
  )
1708
1708
  ] }),
1709
- (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
1709
+ (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6 w-full md:w-fit mt-6 md:mt-0", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
1710
1710
  Pressable,
1711
1711
  {
1712
1712
  href: link.href,
package/dist/footer-comprehensive-links.js CHANGED
@@ -1685,7 +1685,7 @@ function FooterComprehensiveLinks({
1685
1685
  }
1686
1686
  )
1687
1687
  ] }),
1688
- (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsx(
1688
+ (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6 w-full md:w-fit mt-6 md:mt-0", children: bottomLinks?.map((link) => /* @__PURE__ */ jsx(
1689
1689
  Pressable,
1690
1690
  {
1691
1691
  href: link.href,
package/dist/footer-social-newsletter.cjs CHANGED
@@ -1659,7 +1659,7 @@ function FooterSocialNewsletter({
1659
1659
  className: cn(className),
1660
1660
  containerClassName,
1661
1661
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
1662
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-10", children: [
1662
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-20", children: [
1663
1663
  logo && /* @__PURE__ */ jsxRuntime.jsx(
1664
1664
  FooterLogo,
1665
1665
  {
@@ -1699,7 +1699,7 @@ function FooterSocialNewsletter({
1699
1699
  "div",
1700
1700
  {
1701
1701
  className: cn(
1702
- "grid grid-cols-2 gap-8 lg:grid-cols-4",
1702
+ "space-y-12 space-x-4 md:space-y-6 md:space-x-6 grid grid-cols-2 lg:grid-cols-4",
1703
1703
  gridClassName
1704
1704
  ),
1705
1705
  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
@@ -1719,7 +1719,7 @@ function FooterSocialNewsletter({
1719
1719
  "div",
1720
1720
  {
1721
1721
  className: cn(
1722
- "mt-16 flex flex-col gap-6 border-t pt-8 lg:flex-row lg:items-start lg:justify-between",
1722
+ "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
1723
1723
  bottomClassName
1724
1724
  ),
1725
1725
  children: [
@@ -1752,7 +1752,7 @@ function FooterSocialNewsletter({
1752
1752
  newsletterClassName
1753
1753
  ),
1754
1754
  children: [
1755
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-center", children: [
1755
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
1756
1756
  /* @__PURE__ */ jsxRuntime.jsx(
1757
1757
  "input",
1758
1758
  {
@@ -1760,7 +1760,7 @@ function FooterSocialNewsletter({
1760
1760
  id: "newsletter-email",
1761
1761
  placeholder: newsletterPlaceholder || "Enter your email",
1762
1762
  className: cn(
1763
- "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 sm:w-64",
1763
+ "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 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 sm:w-64",
1764
1764
  newsletterInputClassName
1765
1765
  )
1766
1766
  }
@@ -1772,10 +1772,13 @@ function FooterSocialNewsletter({
1772
1772
  e.preventDefault();
1773
1773
  },
1774
1774
  variant: "default",
1775
- size: "default",
1775
+ size: "icon",
1776
1776
  asButton: true,
1777
- className: cn("shrink-0", newsletterButtonClassName),
1778
- children: newsletterButtonText
1777
+ className: cn(
1778
+ "rounded-l-none rounded-r-md shrink-0 h-10",
1779
+ newsletterButtonClassName
1780
+ ),
1781
+ children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "feather/send" })
1779
1782
  }
1780
1783
  )
1781
1784
  ] }),
package/dist/footer-social-newsletter.js CHANGED
@@ -1638,7 +1638,7 @@ function FooterSocialNewsletter({
1638
1638
  className: cn(className),
1639
1639
  containerClassName,
1640
1640
  children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
1641
- /* @__PURE__ */ jsxs("div", { className: "mb-10", children: [
1641
+ /* @__PURE__ */ jsxs("div", { className: "mb-20", children: [
1642
1642
  logo && /* @__PURE__ */ jsx(
1643
1643
  FooterLogo,
1644
1644
  {
@@ -1678,7 +1678,7 @@ function FooterSocialNewsletter({
1678
1678
  "div",
1679
1679
  {
1680
1680
  className: cn(
1681
- "grid grid-cols-2 gap-8 lg:grid-cols-4",
1681
+ "space-y-12 space-x-4 md:space-y-6 md:space-x-6 grid grid-cols-2 lg:grid-cols-4",
1682
1682
  gridClassName
1683
1683
  ),
1684
1684
  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
@@ -1698,7 +1698,7 @@ function FooterSocialNewsletter({
1698
1698
  "div",
1699
1699
  {
1700
1700
  className: cn(
1701
- "mt-16 flex flex-col gap-6 border-t pt-8 lg:flex-row lg:items-start lg:justify-between",
1701
+ "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
1702
1702
  bottomClassName
1703
1703
  ),
1704
1704
  children: [
@@ -1731,7 +1731,7 @@ function FooterSocialNewsletter({
1731
1731
  newsletterClassName
1732
1732
  ),
1733
1733
  children: [
1734
- /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-center", children: [
1734
+ /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
1735
1735
  /* @__PURE__ */ jsx(
1736
1736
  "input",
1737
1737
  {
@@ -1739,7 +1739,7 @@ function FooterSocialNewsletter({
1739
1739
  id: "newsletter-email",
1740
1740
  placeholder: newsletterPlaceholder || "Enter your email",
1741
1741
  className: cn(
1742
- "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 sm:w-64",
1742
+ "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 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 sm:w-64",
1743
1743
  newsletterInputClassName
1744
1744
  )
1745
1745
  }
@@ -1751,10 +1751,13 @@ function FooterSocialNewsletter({
1751
1751
  e.preventDefault();
1752
1752
  },
1753
1753
  variant: "default",
1754
- size: "default",
1754
+ size: "icon",
1755
1755
  asButton: true,
1756
- className: cn("shrink-0", newsletterButtonClassName),
1757
- children: newsletterButtonText
1756
+ className: cn(
1757
+ "rounded-l-none rounded-r-md shrink-0 h-10",
1758
+ newsletterButtonClassName
1759
+ ),
1760
+ children: /* @__PURE__ */ jsx(DynamicIcon, { name: "feather/send" })
1758
1761
  }
1759
1762
  )
1760
1763
  ] }),
package/dist/index.cjs CHANGED
@@ -3631,7 +3631,7 @@ function FooterSocialNewsletter({
3631
3631
  className: cn(className),
3632
3632
  containerClassName,
3633
3633
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
3634
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-10", children: [
3634
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-20", children: [
3635
3635
  logo && /* @__PURE__ */ jsxRuntime.jsx(
3636
3636
  FooterLogo,
3637
3637
  {
@@ -3671,7 +3671,7 @@ function FooterSocialNewsletter({
3671
3671
  "div",
3672
3672
  {
3673
3673
  className: cn(
3674
- "grid grid-cols-2 gap-8 lg:grid-cols-4",
3674
+ "space-y-12 space-x-4 md:space-y-6 md:space-x-6 grid grid-cols-2 lg:grid-cols-4",
3675
3675
  gridClassName
3676
3676
  ),
3677
3677
  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
@@ -3691,7 +3691,7 @@ function FooterSocialNewsletter({
3691
3691
  "div",
3692
3692
  {
3693
3693
  className: cn(
3694
- "mt-16 flex flex-col gap-6 border-t pt-8 lg:flex-row lg:items-start lg:justify-between",
3694
+ "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
3695
3695
  bottomClassName
3696
3696
  ),
3697
3697
  children: [
@@ -3724,7 +3724,7 @@ function FooterSocialNewsletter({
3724
3724
  newsletterClassName
3725
3725
  ),
3726
3726
  children: [
3727
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-center", children: [
3727
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
3728
3728
  /* @__PURE__ */ jsxRuntime.jsx(
3729
3729
  "input",
3730
3730
  {
@@ -3732,7 +3732,7 @@ function FooterSocialNewsletter({
3732
3732
  id: "newsletter-email",
3733
3733
  placeholder: newsletterPlaceholder || "Enter your email",
3734
3734
  className: cn(
3735
- "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 sm:w-64",
3735
+ "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 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 sm:w-64",
3736
3736
  newsletterInputClassName
3737
3737
  )
3738
3738
  }
@@ -3744,10 +3744,13 @@ function FooterSocialNewsletter({
3744
3744
  e.preventDefault();
3745
3745
  },
3746
3746
  variant: "default",
3747
- size: "default",
3747
+ size: "icon",
3748
3748
  asButton: true,
3749
- className: cn("shrink-0", newsletterButtonClassName),
3750
- children: newsletterButtonText
3749
+ className: cn(
3750
+ "rounded-l-none rounded-r-md shrink-0 h-10",
3751
+ newsletterButtonClassName
3752
+ ),
3753
+ children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "feather/send" })
3751
3754
  }
3752
3755
  )
3753
3756
  ] }),
package/dist/index.js CHANGED
@@ -3608,7 +3608,7 @@ function FooterSocialNewsletter({
3608
3608
  className: cn(className),
3609
3609
  containerClassName,
3610
3610
  children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
3611
- /* @__PURE__ */ jsxs("div", { className: "mb-10", children: [
3611
+ /* @__PURE__ */ jsxs("div", { className: "mb-20", children: [
3612
3612
  logo && /* @__PURE__ */ jsx(
3613
3613
  FooterLogo,
3614
3614
  {
@@ -3648,7 +3648,7 @@ function FooterSocialNewsletter({
3648
3648
  "div",
3649
3649
  {
3650
3650
  className: cn(
3651
- "grid grid-cols-2 gap-8 lg:grid-cols-4",
3651
+ "space-y-12 space-x-4 md:space-y-6 md:space-x-6 grid grid-cols-2 lg:grid-cols-4",
3652
3652
  gridClassName
3653
3653
  ),
3654
3654
  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
@@ -3668,7 +3668,7 @@ function FooterSocialNewsletter({
3668
3668
  "div",
3669
3669
  {
3670
3670
  className: cn(
3671
- "mt-16 flex flex-col gap-6 border-t pt-8 lg:flex-row lg:items-start lg:justify-between",
3671
+ "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
3672
3672
  bottomClassName
3673
3673
  ),
3674
3674
  children: [
@@ -3701,7 +3701,7 @@ function FooterSocialNewsletter({
3701
3701
  newsletterClassName
3702
3702
  ),
3703
3703
  children: [
3704
- /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-center", children: [
3704
+ /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
3705
3705
  /* @__PURE__ */ jsx(
3706
3706
  "input",
3707
3707
  {
@@ -3709,7 +3709,7 @@ function FooterSocialNewsletter({
3709
3709
  id: "newsletter-email",
3710
3710
  placeholder: newsletterPlaceholder || "Enter your email",
3711
3711
  className: cn(
3712
- "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 sm:w-64",
3712
+ "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 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 sm:w-64",
3713
3713
  newsletterInputClassName
3714
3714
  )
3715
3715
  }
@@ -3721,10 +3721,13 @@ function FooterSocialNewsletter({
3721
3721
  e.preventDefault();
3722
3722
  },
3723
3723
  variant: "default",
3724
- size: "default",
3724
+ size: "icon",
3725
3725
  asButton: true,
3726
- className: cn("shrink-0", newsletterButtonClassName),
3727
- children: newsletterButtonText
3726
+ className: cn(
3727
+ "rounded-l-none rounded-r-md shrink-0 h-10",
3728
+ newsletterButtonClassName
3729
+ ),
3730
+ children: /* @__PURE__ */ jsx(DynamicIcon, { name: "feather/send" })
3728
3731
  }
3729
3732
  )
3730
3733
  ] }),
package/dist/registry.cjs CHANGED
@@ -22797,7 +22797,7 @@ function FooterSocialNewsletter({
22797
22797
  className: cn(className),
22798
22798
  containerClassName,
22799
22799
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
22800
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-10", children: [
22800
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-20", children: [
22801
22801
  logo && /* @__PURE__ */ jsxRuntime.jsx(
22802
22802
  FooterLogo,
22803
22803
  {
@@ -22837,7 +22837,7 @@ function FooterSocialNewsletter({
22837
22837
  "div",
22838
22838
  {
22839
22839
  className: cn(
22840
- "grid grid-cols-2 gap-8 lg:grid-cols-4",
22840
+ "space-y-12 space-x-4 md:space-y-6 md:space-x-6 grid grid-cols-2 lg:grid-cols-4",
22841
22841
  gridClassName
22842
22842
  ),
22843
22843
  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
@@ -22857,7 +22857,7 @@ function FooterSocialNewsletter({
22857
22857
  "div",
22858
22858
  {
22859
22859
  className: cn(
22860
- "mt-16 flex flex-col gap-6 border-t pt-8 lg:flex-row lg:items-start lg:justify-between",
22860
+ "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
22861
22861
  bottomClassName
22862
22862
  ),
22863
22863
  children: [
@@ -22890,7 +22890,7 @@ function FooterSocialNewsletter({
22890
22890
  newsletterClassName
22891
22891
  ),
22892
22892
  children: [
22893
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-center", children: [
22893
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
22894
22894
  /* @__PURE__ */ jsxRuntime.jsx(
22895
22895
  "input",
22896
22896
  {
@@ -22898,7 +22898,7 @@ function FooterSocialNewsletter({
22898
22898
  id: "newsletter-email",
22899
22899
  placeholder: newsletterPlaceholder || "Enter your email",
22900
22900
  className: cn(
22901
- "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 sm:w-64",
22901
+ "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 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 sm:w-64",
22902
22902
  newsletterInputClassName
22903
22903
  )
22904
22904
  }
@@ -22910,10 +22910,13 @@ function FooterSocialNewsletter({
22910
22910
  e.preventDefault();
22911
22911
  },
22912
22912
  variant: "default",
22913
- size: "default",
22913
+ size: "icon",
22914
22914
  asButton: true,
22915
- className: cn("shrink-0", newsletterButtonClassName),
22916
- children: newsletterButtonText
22915
+ className: cn(
22916
+ "rounded-l-none rounded-r-md shrink-0 h-10",
22917
+ newsletterButtonClassName
22918
+ ),
22919
+ children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "feather/send" })
22917
22920
  }
22918
22921
  )
22919
22922
  ] }),
@@ -29731,7 +29734,7 @@ function FooterComprehensiveLinks({
29731
29734
  }
29732
29735
  )
29733
29736
  ] }),
29734
- (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
29737
+ (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6 w-full md:w-fit mt-6 md:mt-0", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
29735
29738
  Pressable,
29736
29739
  {
29737
29740
  href: link.href,
package/dist/registry.js CHANGED
@@ -22757,7 +22757,7 @@ function FooterSocialNewsletter({
22757
22757
  className: cn(className),
22758
22758
  containerClassName,
22759
22759
  children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
22760
- /* @__PURE__ */ jsxs("div", { className: "mb-10", children: [
22760
+ /* @__PURE__ */ jsxs("div", { className: "mb-20", children: [
22761
22761
  logo && /* @__PURE__ */ jsx(
22762
22762
  FooterLogo,
22763
22763
  {
@@ -22797,7 +22797,7 @@ function FooterSocialNewsletter({
22797
22797
  "div",
22798
22798
  {
22799
22799
  className: cn(
22800
- "grid grid-cols-2 gap-8 lg:grid-cols-4",
22800
+ "space-y-12 space-x-4 md:space-y-6 md:space-x-6 grid grid-cols-2 lg:grid-cols-4",
22801
22801
  gridClassName
22802
22802
  ),
22803
22803
  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
@@ -22817,7 +22817,7 @@ function FooterSocialNewsletter({
22817
22817
  "div",
22818
22818
  {
22819
22819
  className: cn(
22820
- "mt-16 flex flex-col gap-6 border-t pt-8 lg:flex-row lg:items-start lg:justify-between",
22820
+ "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
22821
22821
  bottomClassName
22822
22822
  ),
22823
22823
  children: [
@@ -22850,7 +22850,7 @@ function FooterSocialNewsletter({
22850
22850
  newsletterClassName
22851
22851
  ),
22852
22852
  children: [
22853
- /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-center", children: [
22853
+ /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
22854
22854
  /* @__PURE__ */ jsx(
22855
22855
  "input",
22856
22856
  {
@@ -22858,7 +22858,7 @@ function FooterSocialNewsletter({
22858
22858
  id: "newsletter-email",
22859
22859
  placeholder: newsletterPlaceholder || "Enter your email",
22860
22860
  className: cn(
22861
- "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 sm:w-64",
22861
+ "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 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 sm:w-64",
22862
22862
  newsletterInputClassName
22863
22863
  )
22864
22864
  }
@@ -22870,10 +22870,13 @@ function FooterSocialNewsletter({
22870
22870
  e.preventDefault();
22871
22871
  },
22872
22872
  variant: "default",
22873
- size: "default",
22873
+ size: "icon",
22874
22874
  asButton: true,
22875
- className: cn("shrink-0", newsletterButtonClassName),
22876
- children: newsletterButtonText
22875
+ className: cn(
22876
+ "rounded-l-none rounded-r-md shrink-0 h-10",
22877
+ newsletterButtonClassName
22878
+ ),
22879
+ children: /* @__PURE__ */ jsx(DynamicIcon, { name: "feather/send" })
22877
22880
  }
22878
22881
  )
22879
22882
  ] }),
@@ -29691,7 +29694,7 @@ function FooterComprehensiveLinks({
29691
29694
  }
29692
29695
  )
29693
29696
  ] }),
29694
- (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsx(
29697
+ (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6 w-full md:w-fit mt-6 md:mt-0", children: bottomLinks?.map((link) => /* @__PURE__ */ jsx(
29695
29698
  Pressable,
29696
29699
  {
29697
29700
  href: link.href,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "1.4.6",
3
+ "version": "1.4.8",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",