@opensite/ui 1.3.7 → 1.3.8

package/dist/feature-showcase.cjs

@@ -1203,7 +1203,7 @@ function FeatureShowcase({
           },
           style: equalizeOnMobile && mobileSlideHeight ? { minHeight: mobileSlideHeight } : void 0,
           className: cn(
-            "flex flex-col gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
+            "flex flex-col-reverse gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
             slideClassName
           ),
           children: [
@@ -1212,7 +1212,7 @@ function FeatureShowcase({
               "div",
               {
                 className: cn(
-                  "w-full",
+                  "relative w-full min-h-[25dvh] h-[25dvh] max-h-[35dvh] md:min-h-0 md:h-auto md:max-h-none [&>*]:h-full [&>*]:object-cover",
                   mediaWrapperClassName,
                   mediaClassName
                 ),
@@ -1229,7 +1229,7 @@ function FeatureShowcase({
           onNext: () => api?.scrollNext(),
           canScrollPrevious,
           canScrollNext,
-          className: "absolute bottom-4 right-0 md:bottom-6"
+          className: "absolute bottom-[calc(25dvh+2rem)] right-4 md:bottom-6 md:right-0"
         }
       )
     ] });

package/dist/feature-showcase.js

@@ -1179,7 +1179,7 @@ function FeatureShowcase({
           },
           style: equalizeOnMobile && mobileSlideHeight ? { minHeight: mobileSlideHeight } : void 0,
           className: cn(
-            "flex flex-col gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
+            "flex flex-col-reverse gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
             slideClassName
           ),
           children: [
@@ -1188,7 +1188,7 @@ function FeatureShowcase({
               "div",
               {
                 className: cn(
-                  "w-full",
+                  "relative w-full min-h-[25dvh] h-[25dvh] max-h-[35dvh] md:min-h-0 md:h-auto md:max-h-none [&>*]:h-full [&>*]:object-cover",
                   mediaWrapperClassName,
                   mediaClassName
                 ),
@@ -1205,7 +1205,7 @@ function FeatureShowcase({
           onNext: () => api?.scrollNext(),
           canScrollPrevious,
           canScrollNext,
-          className: "absolute bottom-4 right-0 md:bottom-6"
+          className: "absolute bottom-[calc(25dvh+2rem)] right-4 md:bottom-6 md:right-0"
         }
       )
     ] });

package/dist/footer-accordion-social.cjs

@@ -1136,6 +1136,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-accordion-social.js

@@ -1115,6 +1115,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-animated-social.cjs

@@ -567,6 +567,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-animated-social.js

@@ -546,6 +546,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-brand-description.cjs

@@ -1013,6 +1013,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-brand-description.js

@@ -992,6 +992,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-brand-links-contact.cjs

@@ -567,6 +567,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-brand-links-contact.js

@@ -546,6 +546,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-comprehensive-links.cjs

@@ -597,6 +597,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-comprehensive-links.js

@@ -576,6 +576,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-contact-card.cjs

@@ -1043,6 +1043,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-contact-card.js

@@ -1022,6 +1022,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-cta-banner.cjs

@@ -1013,6 +1013,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-cta-banner.js

@@ -992,6 +992,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-cta-social.cjs

@@ -941,6 +941,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-cta-social.js

@@ -920,6 +920,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-info-cards-accordion.cjs

@@ -640,6 +640,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React__namespace.forwardRef(

package/dist/footer-info-cards-accordion.js

@@ -618,6 +618,24 @@ var platformIconMap = {
   spotify: "cib/spotify",
   apple: "cib/apple",
   x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
   unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React.forwardRef(

package/dist/footer-links-grid.cjs

@@ -906,10 +906,11 @@ function FooterLinksGrid({
   attributionHref,
   bottomLinks,
   background,
-  spacing,
   pattern,
   patternOpacity,
-  optixFlowConfig
+  optixFlowConfig,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32"
 }) {
   const currentYear = React.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear}`;
@@ -921,9 +922,10 @@ function FooterLinksGrid({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8 lg:grid-cols-6", children: [
-          (logo || tagline) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 mb-8 lg:mb-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 md:gap-8 md:grid-cols-6", children: [
+          (logo || tagline) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex space-y-2 col-span-2 flex-col mb-6 md:mb-0 pr-0 md:pr-6", children: [
             logo && /* @__PURE__ */ jsxRuntime.jsx(
               FooterLogo,
               {
@@ -936,17 +938,10 @@ function FooterLinksGrid({
           ] }),
           menuItems && menuItems.length > 0 && menuItems.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-bold", children: section.title }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
-              "li",
-              {
-                className: "font-medium hover:text-primary",
-                children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text })
-              },
-              linkIdx
-            )) })
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
           ] }, sectionIdx))
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-24 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground md:flex-row md:items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-24 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium md:flex-row md:items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
             attributionText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -958,7 +953,7 @@ function FooterLinksGrid({
               }
             )
           ] }),
-          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "underline hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
+          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "underline", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
         ] })
       ] })
     }

package/dist/footer-links-grid.d.cts

@@ -48,6 +48,10 @@ interface FooterLinksGridProps {
     }[];
     /** Section background variant */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern name */
@@ -67,6 +71,6 @@ interface FooterLinksGridProps {
  * company branding, and bottom legal links. Ideal for corporate websites,
  * SaaS products, and marketing sites that need organized footer navigation.
  */
-declare function FooterLinksGrid({ logo, className, tagline, menuItems, copyright, attributionText, attributionHref, bottomLinks, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterLinksGridProps): React.JSX.Element;
+declare function FooterLinksGrid({ logo, className, tagline, menuItems, copyright, attributionText, attributionHref, bottomLinks, background, pattern, patternOpacity, optixFlowConfig, containerClassName, spacing, }: FooterLinksGridProps): React.JSX.Element;
 
 export { FooterLinksGrid, type FooterLinksGridMenuItem, type FooterLinksGridProps };

package/dist/footer-links-grid.d.ts

@@ -48,6 +48,10 @@ interface FooterLinksGridProps {
     }[];
     /** Section background variant */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern name */
@@ -67,6 +71,6 @@ interface FooterLinksGridProps {
  * company branding, and bottom legal links. Ideal for corporate websites,
  * SaaS products, and marketing sites that need organized footer navigation.
  */
-declare function FooterLinksGrid({ logo, className, tagline, menuItems, copyright, attributionText, attributionHref, bottomLinks, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterLinksGridProps): React.JSX.Element;
+declare function FooterLinksGrid({ logo, className, tagline, menuItems, copyright, attributionText, attributionHref, bottomLinks, background, pattern, patternOpacity, optixFlowConfig, containerClassName, spacing, }: FooterLinksGridProps): React.JSX.Element;
 
 export { FooterLinksGrid, type FooterLinksGridMenuItem, type FooterLinksGridProps };