@opensite/ui 0.6.2 → 0.6.3

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.
@@ -1752,20 +1752,29 @@ function AboutMissionPrinciples({
1752
1752
  const principlesContent = useMemo(() => {
1753
1753
  if (principlesSlot) return principlesSlot;
1754
1754
  if (!principles || principles.length === 0) return null;
1755
- return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-6 sm:grid-cols-2", principlesClassName), children: principles.map((principle, idx) => /* @__PURE__ */ jsxs(
1755
+ return /* @__PURE__ */ jsx(
1756
1756
  "div",
1757
1757
  {
1758
- className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
1759
- children: [
1760
- principle.number && /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
1761
- /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
1762
- principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
1763
- principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
1764
- ] })
1765
- ]
1766
- },
1767
- idx
1768
- )) });
1758
+ className: cn(
1759
+ "grid grid-cols-1 gap-6 sm:grid-cols-2",
1760
+ principlesClassName
1761
+ ),
1762
+ children: principles.map((principle, idx) => /* @__PURE__ */ jsxs(
1763
+ "div",
1764
+ {
1765
+ className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
1766
+ children: [
1767
+ principle.number && /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
1768
+ /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
1769
+ principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
1770
+ principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
1771
+ ] })
1772
+ ]
1773
+ },
1774
+ idx
1775
+ ))
1776
+ }
1777
+ );
1769
1778
  }, [principlesSlot, principles, principlesClassName]);
1770
1779
  const visionActionContent = useMemo(() => {
1771
1780
  if (visionActionSlot) return visionActionSlot;
@@ -1804,21 +1813,75 @@ function AboutMissionPrinciples({
1804
1813
  containerClassName,
1805
1814
  children: [
1806
1815
  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2 lg:gap-24", children: [
1807
- /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
1808
- badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
1809
- missionHeading && (typeof missionHeading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-4xl font-bold leading-tight tracking-tight lg:text-5xl", missionHeadingClassName), children: missionHeading }) : /* @__PURE__ */ jsx("div", { className: missionHeadingClassName, children: missionHeading })),
1810
- missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl text-muted-foreground", missionDescriptionClassName), children: missionDescription }) : /* @__PURE__ */ jsx("div", { className: missionDescriptionClassName, children: missionDescription })),
1816
+ /* @__PURE__ */ jsxs("div", { className: "space-y-4 md:space-y-8", children: [
1817
+ badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx(
1818
+ "div",
1819
+ {
1820
+ className: cn(
1821
+ "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
1822
+ badgeClassName
1823
+ ),
1824
+ children: badgeText
1825
+ }
1826
+ ) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
1827
+ missionHeading && (typeof missionHeading === "string" ? /* @__PURE__ */ jsx(
1828
+ "h2",
1829
+ {
1830
+ className: cn(
1831
+ "text-4xl font-bold leading-tight tracking-tight lg:text-5xl",
1832
+ missionHeadingClassName
1833
+ ),
1834
+ children: missionHeading
1835
+ }
1836
+ ) : /* @__PURE__ */ jsx("div", { className: missionHeadingClassName, children: missionHeading })),
1837
+ missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsx(
1838
+ "p",
1839
+ {
1840
+ className: cn(
1841
+ "text-xl text-muted-foreground",
1842
+ missionDescriptionClassName
1843
+ ),
1844
+ children: missionDescription
1845
+ }
1846
+ ) : /* @__PURE__ */ jsx("div", { className: missionDescriptionClassName, children: missionDescription })),
1811
1847
  missionActionContent
1812
1848
  ] }),
1813
1849
  principlesContent
1814
1850
  ] }),
1815
- /* @__PURE__ */ jsx("div", { className: cn("mt-24 rounded-lg bg-muted p-8 lg:p-12", visionClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
1816
- /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
1817
- visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", visionHeadingClassName), children: visionHeading }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
1818
- visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-foreground/80", visionDescriptionClassName), children: visionDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
1819
- ] }),
1820
- /* @__PURE__ */ jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
1821
- ] }) })
1851
+ /* @__PURE__ */ jsx(
1852
+ "div",
1853
+ {
1854
+ className: cn(
1855
+ "mt-6 md:mt-24 rounded-lg bg-muted p-8 lg:p-12",
1856
+ visionClassName
1857
+ ),
1858
+ children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
1859
+ /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
1860
+ visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsx(
1861
+ "h3",
1862
+ {
1863
+ className: cn(
1864
+ "mb-4 text-2xl font-bold",
1865
+ visionHeadingClassName
1866
+ ),
1867
+ children: visionHeading
1868
+ }
1869
+ ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
1870
+ visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsx(
1871
+ "p",
1872
+ {
1873
+ className: cn(
1874
+ "mb-4 text-foreground/80",
1875
+ visionDescriptionClassName
1876
+ ),
1877
+ children: visionDescription
1878
+ }
1879
+ ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
1880
+ ] }),
1881
+ /* @__PURE__ */ jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
1882
+ ] })
1883
+ }
1884
+ )
1822
1885
  ]
1823
1886
  }
1824
1887
  );
package/dist/index.cjs CHANGED
@@ -1776,20 +1776,29 @@ function AboutMissionPrinciples({
1776
1776
  const principlesContent = React4.useMemo(() => {
1777
1777
  if (principlesSlot) return principlesSlot;
1778
1778
  if (!principles || principles.length === 0) return null;
1779
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-1 gap-6 sm:grid-cols-2", principlesClassName), children: principles.map((principle, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
1779
+ return /* @__PURE__ */ jsxRuntime.jsx(
1780
1780
  "div",
1781
1781
  {
1782
- className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
1783
- children: [
1784
- principle.number && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
1785
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
1786
- principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
1787
- principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
1788
- ] })
1789
- ]
1790
- },
1791
- idx
1792
- )) });
1782
+ className: cn(
1783
+ "grid grid-cols-1 gap-6 sm:grid-cols-2",
1784
+ principlesClassName
1785
+ ),
1786
+ children: principles.map((principle, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
1787
+ "div",
1788
+ {
1789
+ className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
1790
+ children: [
1791
+ principle.number && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
1792
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
1793
+ principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
1794
+ principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
1795
+ ] })
1796
+ ]
1797
+ },
1798
+ idx
1799
+ ))
1800
+ }
1801
+ );
1793
1802
  }, [principlesSlot, principles, principlesClassName]);
1794
1803
  const visionActionContent = React4.useMemo(() => {
1795
1804
  if (visionActionSlot) return visionActionSlot;
@@ -1828,21 +1837,75 @@ function AboutMissionPrinciples({
1828
1837
  containerClassName,
1829
1838
  children: [
1830
1839
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2 lg:gap-24", children: [
1831
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-8", children: [
1832
- badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badgeText })),
1833
- missionHeading && (typeof missionHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl font-bold leading-tight tracking-tight lg:text-5xl", missionHeadingClassName), children: missionHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionHeadingClassName, children: missionHeading })),
1834
- missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xl text-muted-foreground", missionDescriptionClassName), children: missionDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionDescriptionClassName, children: missionDescription })),
1840
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 md:space-y-8", children: [
1841
+ badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1842
+ "div",
1843
+ {
1844
+ className: cn(
1845
+ "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
1846
+ badgeClassName
1847
+ ),
1848
+ children: badgeText
1849
+ }
1850
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badgeText })),
1851
+ missionHeading && (typeof missionHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1852
+ "h2",
1853
+ {
1854
+ className: cn(
1855
+ "text-4xl font-bold leading-tight tracking-tight lg:text-5xl",
1856
+ missionHeadingClassName
1857
+ ),
1858
+ children: missionHeading
1859
+ }
1860
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionHeadingClassName, children: missionHeading })),
1861
+ missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1862
+ "p",
1863
+ {
1864
+ className: cn(
1865
+ "text-xl text-muted-foreground",
1866
+ missionDescriptionClassName
1867
+ ),
1868
+ children: missionDescription
1869
+ }
1870
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionDescriptionClassName, children: missionDescription })),
1835
1871
  missionActionContent
1836
1872
  ] }),
1837
1873
  principlesContent
1838
1874
  ] }),
1839
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-24 rounded-lg bg-muted p-8 lg:p-12", visionClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
1840
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2", children: [
1841
- visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-2xl font-bold", visionHeadingClassName), children: visionHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
1842
- visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-foreground/80", visionDescriptionClassName), children: visionDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
1843
- ] }),
1844
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
1845
- ] }) })
1875
+ /* @__PURE__ */ jsxRuntime.jsx(
1876
+ "div",
1877
+ {
1878
+ className: cn(
1879
+ "mt-6 md:mt-24 rounded-lg bg-muted p-8 lg:p-12",
1880
+ visionClassName
1881
+ ),
1882
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
1883
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2", children: [
1884
+ visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1885
+ "h3",
1886
+ {
1887
+ className: cn(
1888
+ "mb-4 text-2xl font-bold",
1889
+ visionHeadingClassName
1890
+ ),
1891
+ children: visionHeading
1892
+ }
1893
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
1894
+ visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1895
+ "p",
1896
+ {
1897
+ className: cn(
1898
+ "mb-4 text-foreground/80",
1899
+ visionDescriptionClassName
1900
+ ),
1901
+ children: visionDescription
1902
+ }
1903
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
1904
+ ] }),
1905
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
1906
+ ] })
1907
+ }
1908
+ )
1846
1909
  ]
1847
1910
  }
1848
1911
  );
package/dist/index.js CHANGED
@@ -1753,20 +1753,29 @@ function AboutMissionPrinciples({
1753
1753
  const principlesContent = useMemo(() => {
1754
1754
  if (principlesSlot) return principlesSlot;
1755
1755
  if (!principles || principles.length === 0) return null;
1756
- return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-6 sm:grid-cols-2", principlesClassName), children: principles.map((principle, idx) => /* @__PURE__ */ jsxs(
1756
+ return /* @__PURE__ */ jsx(
1757
1757
  "div",
1758
1758
  {
1759
- className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
1760
- children: [
1761
- principle.number && /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
1762
- /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
1763
- principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
1764
- principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
1765
- ] })
1766
- ]
1767
- },
1768
- idx
1769
- )) });
1759
+ className: cn(
1760
+ "grid grid-cols-1 gap-6 sm:grid-cols-2",
1761
+ principlesClassName
1762
+ ),
1763
+ children: principles.map((principle, idx) => /* @__PURE__ */ jsxs(
1764
+ "div",
1765
+ {
1766
+ className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
1767
+ children: [
1768
+ principle.number && /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
1769
+ /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
1770
+ principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
1771
+ principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
1772
+ ] })
1773
+ ]
1774
+ },
1775
+ idx
1776
+ ))
1777
+ }
1778
+ );
1770
1779
  }, [principlesSlot, principles, principlesClassName]);
1771
1780
  const visionActionContent = useMemo(() => {
1772
1781
  if (visionActionSlot) return visionActionSlot;
@@ -1805,21 +1814,75 @@ function AboutMissionPrinciples({
1805
1814
  containerClassName,
1806
1815
  children: [
1807
1816
  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2 lg:gap-24", children: [
1808
- /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
1809
- badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
1810
- missionHeading && (typeof missionHeading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-4xl font-bold leading-tight tracking-tight lg:text-5xl", missionHeadingClassName), children: missionHeading }) : /* @__PURE__ */ jsx("div", { className: missionHeadingClassName, children: missionHeading })),
1811
- missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl text-muted-foreground", missionDescriptionClassName), children: missionDescription }) : /* @__PURE__ */ jsx("div", { className: missionDescriptionClassName, children: missionDescription })),
1817
+ /* @__PURE__ */ jsxs("div", { className: "space-y-4 md:space-y-8", children: [
1818
+ badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx(
1819
+ "div",
1820
+ {
1821
+ className: cn(
1822
+ "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
1823
+ badgeClassName
1824
+ ),
1825
+ children: badgeText
1826
+ }
1827
+ ) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
1828
+ missionHeading && (typeof missionHeading === "string" ? /* @__PURE__ */ jsx(
1829
+ "h2",
1830
+ {
1831
+ className: cn(
1832
+ "text-4xl font-bold leading-tight tracking-tight lg:text-5xl",
1833
+ missionHeadingClassName
1834
+ ),
1835
+ children: missionHeading
1836
+ }
1837
+ ) : /* @__PURE__ */ jsx("div", { className: missionHeadingClassName, children: missionHeading })),
1838
+ missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsx(
1839
+ "p",
1840
+ {
1841
+ className: cn(
1842
+ "text-xl text-muted-foreground",
1843
+ missionDescriptionClassName
1844
+ ),
1845
+ children: missionDescription
1846
+ }
1847
+ ) : /* @__PURE__ */ jsx("div", { className: missionDescriptionClassName, children: missionDescription })),
1812
1848
  missionActionContent
1813
1849
  ] }),
1814
1850
  principlesContent
1815
1851
  ] }),
1816
- /* @__PURE__ */ jsx("div", { className: cn("mt-24 rounded-lg bg-muted p-8 lg:p-12", visionClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
1817
- /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
1818
- visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", visionHeadingClassName), children: visionHeading }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
1819
- visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-foreground/80", visionDescriptionClassName), children: visionDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
1820
- ] }),
1821
- /* @__PURE__ */ jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
1822
- ] }) })
1852
+ /* @__PURE__ */ jsx(
1853
+ "div",
1854
+ {
1855
+ className: cn(
1856
+ "mt-6 md:mt-24 rounded-lg bg-muted p-8 lg:p-12",
1857
+ visionClassName
1858
+ ),
1859
+ children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
1860
+ /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
1861
+ visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsx(
1862
+ "h3",
1863
+ {
1864
+ className: cn(
1865
+ "mb-4 text-2xl font-bold",
1866
+ visionHeadingClassName
1867
+ ),
1868
+ children: visionHeading
1869
+ }
1870
+ ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
1871
+ visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsx(
1872
+ "p",
1873
+ {
1874
+ className: cn(
1875
+ "mb-4 text-foreground/80",
1876
+ visionDescriptionClassName
1877
+ ),
1878
+ children: visionDescription
1879
+ }
1880
+ ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
1881
+ ] }),
1882
+ /* @__PURE__ */ jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
1883
+ ] })
1884
+ }
1885
+ )
1823
1886
  ]
1824
1887
  }
1825
1888
  );