@clay-ds/react 0.3.0 → 0.3.1

package/dist/catalog.json

@@ -17,7 +17,7 @@
     "variants": [
       "12 layouts"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "CustomerLogoSection": {
     "type": "CustomerLogoSection",
@@ -32,7 +32,7 @@
     "variants": [
       "3 color modes"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "FeaturesSection": {
     "type": "FeaturesSection",
@@ -51,7 +51,7 @@
       "side-by-side",
       "tabs-background"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "CardsSection": {
     "type": "CardsSection",
@@ -72,7 +72,7 @@
       "side-by-side",
       "horizontal-reveal"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "TestimonialsSection": {
     "type": "TestimonialsSection",
@@ -94,7 +94,7 @@
       "carousel-with-stat",
       "mixed-stat-and-quote"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "FaqSection": {
     "type": "FaqSection",
@@ -111,7 +111,7 @@
       "side-by-side",
       "centered"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "BulletsSection": {
     "type": "BulletsSection",
@@ -132,7 +132,7 @@
       "icons",
       "cardsRight"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "CtaSection": {
     "type": "CtaSection",
@@ -150,7 +150,7 @@
       "centered",
       "floating-card"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "FooterSection": {
     "type": "FooterSection",
@@ -161,7 +161,7 @@
       "logoAlt"
     ],
     "variants": [],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "ContactSection": {
     "type": "ContactSection",
@@ -180,7 +180,7 @@
       "containerWidth"
     ],
     "variants": [],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "TrustSection": {
     "type": "TrustSection",
@@ -207,7 +207,7 @@
       "badges",
       "bento"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "NumbersSection": {
     "type": "NumbersSection",
@@ -224,7 +224,7 @@
       "bento",
       "stack-bento"
     ],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   },
   "IntegrationsSection": {
     "type": "IntegrationsSection",
@@ -241,6 +241,6 @@
       "ctaHref"
     ],
     "variants": [],
-    "generatedFromSha": "b4362a4ed6d7315c42bd5ce08f2ea7e2d5b1fe09"
+    "generatedFromSha": "dba403a3e109ab9f7773a39bdfb8a730bf6586ab"
   }
 }

package/dist/{footerDefaults-BILm5CMK.cjs → footerDefaults-C-9-hOSt.cjs}

@@ -670,7 +670,7 @@ const logo = "_logo_waxuh_51";
 const logoImg$2 = "_logoImg_waxuh_62";
 const nav = "_nav_waxuh_2";
 const full = "_full_waxuh_81";
-const short = "_short_waxuh_91";
+const short$1 = "_short_waxuh_91";
 const navList = "_navList_waxuh_96";
 const navItem = "_navItem_waxuh_106";
 const navLink = "_navLink_waxuh_112";
@@ -723,7 +723,7 @@ const styles$f = {
   logoImg: logoImg$2,
   nav,
   full,
-  short,
+  short: short$1,
   navList,
   navItem,
   navLink,
@@ -2848,101 +2848,101 @@ const FeaturesSection = React.forwardRef(
     ] }) });
   }
 );
-const section$8 = "_section_1t4uf_4";
-const container$5 = "_container_1t4uf_13";
-const card$3 = "_card_1t4uf_23";
-const inner$1 = "_inner_1t4uf_32";
-const textContent$1 = "_textContent_1t4uf_40";
-const textBlock$1 = "_textBlock_1t4uf_47";
-const titleGroup = "_titleGroup_1t4uf_55";
-const miniTitle$2 = "_miniTitle_1t4uf_61";
-const heading$9 = "_heading_1t4uf_70";
-const description$5 = "_description_1t4uf_78";
-const actions$3 = "_actions_1t4uf_86";
-const media = "_media_1t4uf_92";
-const sideBySide$1 = "_side-by-side_1t4uf_161";
-const grid$3 = "_grid_1t4uf_194";
-const gridWrapper = "_gridWrapper_1t4uf_198";
-const gridCard = "_gridCard_1t4uf_205";
-const gridMedia = "_gridMedia_1t4uf_215";
-const gridContent = "_gridContent_1t4uf_228";
-const gridTexts = "_gridTexts_1t4uf_235";
-const gridHeading = "_gridHeading_1t4uf_243";
-const gridDescription = "_gridDescription_1t4uf_251";
-const gridActions = "_gridActions_1t4uf_259";
-const valueCards = "_value-cards_1t4uf_302";
-const vcHeading = "_vcHeading_1t4uf_313";
-const vcRow = "_vcRow_1t4uf_325";
-const vcCard = "_vcCard_1t4uf_333";
-const vcCardInner = "_vcCardInner_1t4uf_341";
-const vcTextGroup = "_vcTextGroup_1t4uf_347";
-const vcIcon = "_vcIcon_1t4uf_353";
-const vcTexts = "_vcTexts_1t4uf_359";
-const vcCardHeading = "_vcCardHeading_1t4uf_367";
-const vcCardDescription = "_vcCardDescription_1t4uf_375";
-const vcFooter = "_vcFooter_1t4uf_382";
-const vcPlusBtn = "_vcPlusBtn_1t4uf_388";
-const oneMedia = "_one-media_1t4uf_454";
-const mmHeading = "_mmHeading_1t4uf_459";
-const mmRow = "_mmRow_1t4uf_470";
-const mmFeatureCard = "_mmFeatureCard_1t4uf_476";
-const mmIcon = "_mmIcon_1t4uf_491";
-const mmTexts = "_mmTexts_1t4uf_497";
-const mmCardHeading = "_mmCardHeading_1t4uf_505";
-const mmCardDescription = "_mmCardDescription_1t4uf_513";
-const mmMediaCard = "_mmMediaCard_1t4uf_520";
-const mediaTop = "_media-top_1t4uf_582";
-const mtRow = "_mtRow_1t4uf_588";
-const mtCard = "_mtCard_1t4uf_595";
-const mtMediaArea = "_mtMediaArea_1t4uf_602";
-const mtContent = "_mtContent_1t4uf_618";
-const mtContentTop = "_mtContentTop_1t4uf_630";
-const mtTag = "_mtTag_1t4uf_637";
-const mtTexts = "_mtTexts_1t4uf_653";
-const mtCardHeading = "_mtCardHeading_1t4uf_661";
-const mtCardDescription = "_mtCardDescription_1t4uf_669";
-const mtActions = "_mtActions_1t4uf_676";
-const iconWithLink = "_icon-with-link_1t4uf_720";
-const fgHeading = "_fgHeading_1t4uf_725";
-const fgRow = "_fgRow_1t4uf_736";
-const fgCard = "_fgCard_1t4uf_743";
-const fgTop = "_fgTop_1t4uf_758";
-const fgIcon = "_fgIcon_1t4uf_765";
-const fgContent = "_fgContent_1t4uf_772";
-const fgHeadline = "_fgHeadline_1t4uf_780";
-const fgCardHeading = "_fgCardHeading_1t4uf_784";
-const fgCardDescription = "_fgCardDescription_1t4uf_792";
-const fgLink = "_fgLink_1t4uf_799";
-const fgLinkText = "_fgLinkText_1t4uf_818";
-const horizontalReveal = "_horizontal-reveal_1t4uf_851";
-const sectionHeader = "_sectionHeader_1t4uf_860";
-const sectionHeaderInner = "_sectionHeaderInner_1t4uf_868";
-const tagline = "_tagline_1t4uf_879";
-const cardRow = "_cardRow_1t4uf_901";
-const marqueeWrapper = "_marqueeWrapper_1t4uf_917";
-const cardRowMarquee$1 = "_cardRowMarquee_1t4uf_923";
-const marquee = "_marquee_1t4uf_917";
-const marqueeTrack = "_marqueeTrack_1t4uf_933";
-const revealCard = "_revealCard_1t4uf_951";
-const revealed = "_revealed_1t4uf_972";
-const revealFront = "_revealFront_1t4uf_978";
-const revealMedia = "_revealMedia_1t4uf_986";
-const revealBack = "_revealBack_1t4uf_1013";
-const revealHeader = "_revealHeader_1t4uf_1026";
-const revealAvatar = "_revealAvatar_1t4uf_1032";
-const revealName = "_revealName_1t4uf_1047";
-const revealList = "_revealList_1t4uf_1055";
-const revealListItem = "_revealListItem_1t4uf_1064";
-const bulletIcon$1 = "_bulletIcon_1t4uf_1075";
-const revealFooter = "_revealFooter_1t4uf_1087";
-const revealFooterContent = "_revealFooterContent_1t4uf_1095";
-const revealFooterName = "_revealFooterName_1t4uf_1102";
-const revealTags = "_revealTags_1t4uf_1112";
-const revealTag = "_revealTag_1t4uf_1112";
-const revealToggle = "_revealToggle_1t4uf_1130";
-const navDots = "_navDots_1t4uf_1154";
-const containerWide$5 = "_containerWide_1t4uf_1191";
-const containerFull$5 = "_containerFull_1t4uf_1195";
+const section$8 = "_section_14jny_4";
+const container$5 = "_container_14jny_13";
+const card$3 = "_card_14jny_23";
+const inner$1 = "_inner_14jny_32";
+const textContent$1 = "_textContent_14jny_40";
+const textBlock$1 = "_textBlock_14jny_47";
+const titleGroup = "_titleGroup_14jny_55";
+const miniTitle$2 = "_miniTitle_14jny_61";
+const heading$9 = "_heading_14jny_70";
+const description$5 = "_description_14jny_78";
+const actions$3 = "_actions_14jny_86";
+const media = "_media_14jny_92";
+const sideBySide$1 = "_side-by-side_14jny_107";
+const grid$3 = "_grid_14jny_221";
+const gridWrapper = "_gridWrapper_14jny_225";
+const gridCard = "_gridCard_14jny_232";
+const gridMedia = "_gridMedia_14jny_242";
+const gridContent = "_gridContent_14jny_255";
+const gridTexts = "_gridTexts_14jny_262";
+const gridHeading = "_gridHeading_14jny_270";
+const gridDescription = "_gridDescription_14jny_278";
+const gridActions = "_gridActions_14jny_286";
+const valueCards = "_value-cards_14jny_329";
+const vcHeading = "_vcHeading_14jny_340";
+const vcRow = "_vcRow_14jny_352";
+const vcCard = "_vcCard_14jny_360";
+const vcCardInner = "_vcCardInner_14jny_368";
+const vcTextGroup = "_vcTextGroup_14jny_374";
+const vcIcon = "_vcIcon_14jny_380";
+const vcTexts = "_vcTexts_14jny_386";
+const vcCardHeading = "_vcCardHeading_14jny_394";
+const vcCardDescription = "_vcCardDescription_14jny_402";
+const vcFooter = "_vcFooter_14jny_409";
+const vcPlusBtn = "_vcPlusBtn_14jny_415";
+const oneMedia = "_one-media_14jny_481";
+const mmHeading = "_mmHeading_14jny_486";
+const mmRow = "_mmRow_14jny_497";
+const mmFeatureCard = "_mmFeatureCard_14jny_503";
+const mmIcon = "_mmIcon_14jny_518";
+const mmTexts = "_mmTexts_14jny_524";
+const mmCardHeading = "_mmCardHeading_14jny_532";
+const mmCardDescription = "_mmCardDescription_14jny_540";
+const mmMediaCard = "_mmMediaCard_14jny_547";
+const mediaTop = "_media-top_14jny_609";
+const mtRow = "_mtRow_14jny_615";
+const mtCard = "_mtCard_14jny_622";
+const mtMediaArea = "_mtMediaArea_14jny_629";
+const mtContent = "_mtContent_14jny_645";
+const mtContentTop = "_mtContentTop_14jny_657";
+const mtTag = "_mtTag_14jny_664";
+const mtTexts = "_mtTexts_14jny_680";
+const mtCardHeading = "_mtCardHeading_14jny_688";
+const mtCardDescription = "_mtCardDescription_14jny_696";
+const mtActions = "_mtActions_14jny_703";
+const iconWithLink = "_icon-with-link_14jny_747";
+const fgHeading = "_fgHeading_14jny_752";
+const fgRow = "_fgRow_14jny_763";
+const fgCard = "_fgCard_14jny_770";
+const fgTop = "_fgTop_14jny_785";
+const fgIcon = "_fgIcon_14jny_792";
+const fgContent = "_fgContent_14jny_799";
+const fgHeadline = "_fgHeadline_14jny_807";
+const fgCardHeading = "_fgCardHeading_14jny_811";
+const fgCardDescription = "_fgCardDescription_14jny_819";
+const fgLink = "_fgLink_14jny_826";
+const fgLinkText = "_fgLinkText_14jny_845";
+const horizontalReveal = "_horizontal-reveal_14jny_878";
+const sectionHeader = "_sectionHeader_14jny_887";
+const sectionHeaderInner = "_sectionHeaderInner_14jny_895";
+const tagline = "_tagline_14jny_906";
+const cardRow = "_cardRow_14jny_928";
+const marqueeWrapper = "_marqueeWrapper_14jny_944";
+const cardRowMarquee$1 = "_cardRowMarquee_14jny_950";
+const marquee = "_marquee_14jny_944";
+const marqueeTrack = "_marqueeTrack_14jny_960";
+const revealCard = "_revealCard_14jny_978";
+const revealed = "_revealed_14jny_999";
+const revealFront = "_revealFront_14jny_1005";
+const revealMedia = "_revealMedia_14jny_1013";
+const revealBack = "_revealBack_14jny_1040";
+const revealHeader = "_revealHeader_14jny_1053";
+const revealAvatar = "_revealAvatar_14jny_1059";
+const revealName = "_revealName_14jny_1074";
+const revealList = "_revealList_14jny_1082";
+const revealListItem = "_revealListItem_14jny_1091";
+const bulletIcon$1 = "_bulletIcon_14jny_1102";
+const revealFooter = "_revealFooter_14jny_1114";
+const revealFooterContent = "_revealFooterContent_14jny_1122";
+const revealFooterName = "_revealFooterName_14jny_1129";
+const revealTags = "_revealTags_14jny_1139";
+const revealTag = "_revealTag_14jny_1139";
+const revealToggle = "_revealToggle_14jny_1157";
+const navDots = "_navDots_14jny_1181";
+const containerWide$5 = "_containerWide_14jny_1218";
+const containerFull$5 = "_containerFull_14jny_1222";
 const styles$b = {
   section: section$8,
   container: container$5,
@@ -2956,7 +2956,7 @@ const styles$b = {
   description: description$5,
   actions: actions$3,
   media,
-  "side-by-side": "_side-by-side_1t4uf_161",
+  "side-by-side": "_side-by-side_14jny_107",
   sideBySide: sideBySide$1,
   grid: grid$3,
   gridWrapper,
@@ -2967,7 +2967,7 @@ const styles$b = {
   gridHeading,
   gridDescription,
   gridActions,
-  "value-cards": "_value-cards_1t4uf_302",
+  "value-cards": "_value-cards_14jny_329",
   valueCards,
   vcHeading,
   vcRow,
@@ -2980,7 +2980,7 @@ const styles$b = {
   vcCardDescription,
   vcFooter,
   vcPlusBtn,
-  "one-media": "_one-media_1t4uf_454",
+  "one-media": "_one-media_14jny_481",
   oneMedia,
   mmHeading,
   mmRow,
@@ -2990,7 +2990,7 @@ const styles$b = {
   mmCardHeading,
   mmCardDescription,
   mmMediaCard,
-  "media-top": "_media-top_1t4uf_582",
+  "media-top": "_media-top_14jny_609",
   mediaTop,
   mtRow,
   mtCard,
@@ -3002,7 +3002,7 @@ const styles$b = {
   mtCardHeading,
   mtCardDescription,
   mtActions,
-  "icon-with-link": "_icon-with-link_1t4uf_720",
+  "icon-with-link": "_icon-with-link_14jny_747",
   iconWithLink,
   fgHeading,
   fgRow,
@@ -3015,7 +3015,7 @@ const styles$b = {
   fgCardDescription,
   fgLink,
   fgLinkText,
-  "horizontal-reveal": "_horizontal-reveal_1t4uf_851",
+  "horizontal-reveal": "_horizontal-reveal_14jny_878",
   horizontalReveal,
   sectionHeader,
   sectionHeaderInner,
@@ -3147,7 +3147,7 @@ const CardsSection = React.forwardRef(
         const c = cards ?? [];
         const filler = c[0] ?? { heading: "" };
         const displayCards = c.length >= 2 ? c : [...c, ...Array(2 - c.length).fill(filler)];
-        return displayCards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.card, style: { "--clay-sticky-top": `${15 + i * 3}%` }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.inner, children: [
+        return displayCards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.card, style: { "--clay-sticky-top": "15%" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.inner, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textContent, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textBlock, children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.titleGroup, children: [
@@ -11807,42 +11807,43 @@ const NumbersSection = React.forwardRef(
     ] }) });
   }
 );
-const footer = "_footer_183rd_3";
-const dividerTop = "_dividerTop_183rd_10";
-const dividerBottom = "_dividerBottom_183rd_11";
-const navContainer = "_navContainer_183rd_19";
-const navGrid = "_navGrid_183rd_27";
-const column = "_column_183rd_33";
-const columnBrand = "_columnBrand_183rd_40";
-const brand = "_brand_183rd_44";
-const logoImg = "_logoImg_183rd_48";
-const heading = "_heading_183rd_56";
-const links = "_links_183rd_67";
-const linkItem = "_linkItem_183rd_76";
-const linkIcon = "_linkIcon_183rd_82";
-const link = "_link_183rd_67";
-const subGroup = "_subGroup_183rd_113";
-const bottomContainer = "_bottomContainer_183rd_118";
-const bottomContent = "_bottomContent_183rd_126";
-const bottomLeft = "_bottomLeft_183rd_133";
-const languageSelector = "_languageSelector_183rd_140";
-const complianceBadges = "_complianceBadges_183rd_144";
-const complianceBadge = "_complianceBadge_183rd_144";
-const bottomCenter = "_bottomCenter_183rd_159";
-const socialLinks = "_socialLinks_183rd_166";
-const socialLink = "_socialLink_183rd_166";
-const legalBlock = "_legalBlock_183rd_194";
-const legalLinks = "_legalLinks_183rd_200";
-const legalItem = "_legalItem_183rd_207";
-const legalLink = "_legalLink_183rd_200";
-const pipe = "_pipe_183rd_226";
-const copyright = "_copyright_183rd_230";
-const bottomRight = "_bottomRight_183rd_240";
-const appStoreBadges = "_appStoreBadges_183rd_247";
-const appStoreBadge = "_appStoreBadge_183rd_247";
-const accessibility = "_accessibility_183rd_258";
-const accessibilityIcon = "_accessibilityIcon_183rd_264";
-const accessibilityLink = "_accessibilityLink_183rd_280";
+const footer = "_footer_17cq5_3";
+const dividerTop = "_dividerTop_17cq5_10";
+const dividerBottom = "_dividerBottom_17cq5_11";
+const navContainer = "_navContainer_17cq5_19";
+const navGrid = "_navGrid_17cq5_27";
+const column = "_column_17cq5_33";
+const columnBrand = "_columnBrand_17cq5_40";
+const brand = "_brand_17cq5_44";
+const logoImg = "_logoImg_17cq5_48";
+const heading = "_heading_17cq5_56";
+const links = "_links_17cq5_67";
+const linkItem = "_linkItem_17cq5_76";
+const linkIcon = "_linkIcon_17cq5_82";
+const link = "_link_17cq5_67";
+const subGroup = "_subGroup_17cq5_113";
+const bottomContainer = "_bottomContainer_17cq5_118";
+const bottomContent = "_bottomContent_17cq5_126";
+const bottomLeft = "_bottomLeft_17cq5_133";
+const languageSelector = "_languageSelector_17cq5_140";
+const complianceBadges = "_complianceBadges_17cq5_144";
+const complianceBadge = "_complianceBadge_17cq5_144";
+const bottomCenter = "_bottomCenter_17cq5_159";
+const socialLinks = "_socialLinks_17cq5_166";
+const socialLink = "_socialLink_17cq5_166";
+const legalBlock = "_legalBlock_17cq5_194";
+const legalLinks = "_legalLinks_17cq5_200";
+const legalItem = "_legalItem_17cq5_207";
+const legalLink = "_legalLink_17cq5_200";
+const pipe = "_pipe_17cq5_226";
+const copyright = "_copyright_17cq5_230";
+const bottomRight = "_bottomRight_17cq5_240";
+const appStoreBadges = "_appStoreBadges_17cq5_247";
+const appStoreBadge = "_appStoreBadge_17cq5_247";
+const accessibility = "_accessibility_17cq5_258";
+const accessibilityIcon = "_accessibilityIcon_17cq5_264";
+const accessibilityLink = "_accessibilityLink_17cq5_280";
+const short = "_short_17cq5_448";
 const styles = {
   footer,
   dividerTop,
@@ -11879,10 +11880,12 @@ const styles = {
   appStoreBadge,
   accessibility,
   accessibilityIcon,
-  accessibilityLink
+  accessibilityLink,
+  short
 };
 const FooterSection = React.forwardRef(
   function FooterSection2({
+    variant = "full",
     logo: logo2,
     columns,
     socialLinks: socialLinks2,
@@ -11897,54 +11900,57 @@ const FooterSection = React.forwardRef(
     className = "",
     ...rest
   }, ref) {
+    const isShort = variant === "short";
+    const logoImg2 = logo2 && /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo2.src, alt: logo2.alt, className: styles.logoImg });
+    const brand2 = logo2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.brand, children: logo2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo2.href, "aria-label": "Home", children: logoImg2 }) : logoImg2 });
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "footer",
       {
         ref,
-        className: [styles.footer, className].filter(Boolean).join(" "),
+        className: [styles.footer, isShort ? styles.short : "", className].filter(Boolean).join(" "),
         ...rest,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.dividerTop, role: "separator" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.navContainer, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.navGrid, children: columns.map((col, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "nav",
-            {
-              className: [
-                styles.column,
-                index2 === 0 && !col.heading ? styles.columnBrand : ""
-              ].filter(Boolean).join(" "),
-              "aria-label": col.heading ?? "Footer navigation",
-              children: [
-                index2 === 0 && logo2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.brand, children: logo2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo2.href, "aria-label": "Home", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
-                  {
-                    src: logo2.src,
-                    alt: logo2.alt,
-                    className: styles.logoImg
-                  }
-                ) }) : /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
-                  {
-                    src: logo2.src,
-                    alt: logo2.alt,
-                    className: styles.logoImg
-                  }
-                ) }),
-                col.heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles.heading, children: col.heading }),
-                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles.links, children: col.links.map((link2) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.linkItem, children: [
-                  link2.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.linkIcon, children: link2.icon }),
-                  link2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.link, children: link2.label })
-                ] }, link2.label)) }),
-                col.groups && col.groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.subGroup, children: [
-                  group.heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles.heading, children: group.heading }),
-                  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles.links, children: group.links.map((link2) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.linkItem, children: [
-                    link2.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.linkIcon, children: link2.icon }),
-                    link2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.link, children: link2.label })
-                  ] }, link2.label)) })
-                ] }, group.heading ?? "sub"))
-              ]
-            },
-            col.heading ?? `col-${index2}`
-          )) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.navContainer, children: (() => {
+            const GridTag = isShort ? "nav" : "div";
+            const ColumnTag = isShort ? "div" : "nav";
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              GridTag,
+              {
+                className: styles.navGrid,
+                "aria-label": isShort ? "Footer" : void 0,
+                children: [
+                  isShort && brand2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: [styles.column, styles.columnBrand].join(" "), children: brand2 }),
+                  columns.map((col, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    ColumnTag,
+                    {
+                      className: [
+                        styles.column,
+                        !isShort && index2 === 0 && !col.heading ? styles.columnBrand : ""
+                      ].filter(Boolean).join(" "),
+                      "aria-label": isShort ? void 0 : col.heading ?? "Footer navigation",
+                      children: [
+                        !isShort && index2 === 0 && brand2,
+                        col.heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles.heading, children: col.heading }),
+                        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles.links, children: col.links.map((link2) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.linkItem, children: [
+                          link2.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.linkIcon, children: link2.icon }),
+                          link2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.link, children: link2.label })
+                        ] }, link2.label)) }),
+                        col.groups && col.groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.subGroup, children: [
+                          group.heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles.heading, children: group.heading }),
+                          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles.links, children: group.links.map((link2) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.linkItem, children: [
+                            link2.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.linkIcon, children: link2.icon }),
+                            link2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.link, children: link2.label })
+                          ] }, link2.label)) })
+                        ] }, group.heading ?? "sub"))
+                      ]
+                    },
+                    col.heading ?? `col-${index2}`
+                  ))
+                ]
+              }
+            );
+          })() }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.dividerBottom, role: "separator" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.bottomContainer, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.bottomContent, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.bottomLeft, children: [
@@ -12179,6 +12185,36 @@ const FOOTER_DEFAULTS = {
   accessibilityHref: "#",
   accessibilityIcon: /* @__PURE__ */ jsxRuntime.jsx("img", { src: iconAccessibility, alt: "", width: 21, height: 21 })
 };
+const FOOTER_SHORT_DEFAULTS = {
+  ...FOOTER_DEFAULTS,
+  variant: "short",
+  columns: [
+    {
+      links: [
+        { label: "Pricing", href: "#" },
+        { label: "About us", href: "#" }
+      ]
+    },
+    {
+      links: [
+        { label: "24/7 support", href: "#" },
+        { label: "Customer stories", href: "#" }
+      ]
+    },
+    {
+      links: [
+        { label: "Contact sales", href: "#" },
+        { label: "Enterprise", href: "#" }
+      ]
+    },
+    {
+      links: [
+        { label: "Integrations", href: "#" },
+        { label: "Templates", href: "#" }
+      ]
+    }
+  ]
+};
 exports.BulletsSection = BulletsSection;
 exports.Button = Button;
 exports.CardsSection = CardsSection;
@@ -12189,6 +12225,7 @@ exports.CustomerLogo = CustomerLogo;
 exports.CustomerLogoSection = CustomerLogoSection;
 exports.FOOTER_ASSETS = FOOTER_ASSETS;
 exports.FOOTER_DEFAULTS = FOOTER_DEFAULTS;
+exports.FOOTER_SHORT_DEFAULTS = FOOTER_SHORT_DEFAULTS;
 exports.FaqSection = FaqSection;
 exports.FeaturesSection = FeaturesSection;
 exports.FooterSection = FooterSection;
@@ -12210,4 +12247,4 @@ exports.TestimonialsSection = TestimonialsSection;
 exports.TrustBadge = TrustBadge;
 exports.TrustBentoSection = TrustBentoSection;
 exports.TrustSection = TrustSection;
-//# sourceMappingURL=footerDefaults-BILm5CMK.cjs.map
+//# sourceMappingURL=footerDefaults-C-9-hOSt.cjs.map