@clay-ds/react 0.3.0 → 0.3.1

package/dist/index.d.ts

@@ -389,6 +389,17 @@ export declare const FOOTER_ASSETS: {
  */
 export declare const FOOTER_DEFAULTS: Omit<FooterSectionProps, 'logo'>;
 
+/**
+ * Canonical content for the compact (`short`) footer variant.
+ *
+ * Reuses the full footer's shared bottom bar (social, badges, legal,
+ * language, accessibility) and only swaps the navigation for a single
+ * row of two-link columns. Spread it the same way as FOOTER_DEFAULTS:
+ *
+ *   <FooterSection {...FOOTER_SHORT_DEFAULTS} logo={{ src, alt, href }} />
+ */
+export declare const FOOTER_SHORT_DEFAULTS: Omit<FooterSectionProps, 'logo'>;
+
 export declare interface FooterBadge {
     src: string;
     alt: string;
@@ -427,6 +438,12 @@ export declare interface FooterNavLink {
 export declare const FooterSection: ForwardRefExoticComponent<FooterSectionProps & RefAttributes<HTMLElement>>;
 
 export declare interface FooterSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /**
+     * Layout variant.
+     * - `full` (default): the multi-column mega footer.
+     * - `short`: a compact footer with the logo + a single row of link columns.
+     */
+    variant?: FooterVariant;
     logo?: {
         src: string;
         alt: string;
@@ -453,6 +470,8 @@ export declare interface FooterSocialLink {
     icon: ReactNode;
 }
 
+export declare type FooterVariant = 'full' | 'short';
+
 export declare interface FormField {
     name: string;
     placeholder: string;

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef, useId, useState } from "react";
-import { M as MediaSlot, r as Tag } from "./footerDefaults-Dx94Jc_F.js";
-import { B, a, C, b, c, d, e, f, F, g, h, i, j, H, I, k, l, N, m, S, n, T, o, p, q, s, t, u, v } from "./footerDefaults-Dx94Jc_F.js";
+import { M as MediaSlot, s as Tag } from "./footerDefaults-DRDmvQb8.js";
+import { B, a, C, b, c, d, e, f, F, g, h, i, j, k, H, I, l, m, N, n, S, o, T, p, q, r, t, u, v, w } from "./footerDefaults-DRDmvQb8.js";
 import { iconSvgMap } from "./icons.js";
 const icon = "_icon_171j1_2";
 const styles$c = {
@@ -1301,9 +1301,10 @@ export {
   CustomerStoryCard,
   F as FOOTER_ASSETS,
   g as FOOTER_DEFAULTS,
-  h as FaqSection,
-  i as FeaturesSection,
-  j as FooterSection,
+  h as FOOTER_SHORT_DEFAULTS,
+  i as FaqSection,
+  j as FeaturesSection,
+  k as FooterSection,
   G2Icon,
   G2_BADGES,
   Grid,
@@ -1313,13 +1314,13 @@ export {
   ImageCard,
   Input,
   I as IntegrationCard,
-  k as IntegrationLogo,
-  l as Integrations,
+  l as IntegrationLogo,
+  m as Integrations,
   MarketingCta,
   MediaPrimitive,
   MediaSlot,
   N as NavbarMenu,
-  m as NumbersSection,
+  n as NumbersSection,
   ProductLogo,
   SHAPE_NAMES,
   SHAPE_PATHS,
@@ -1328,19 +1329,19 @@ export {
   Shapes,
   SiteFooter,
   S as SliderArrow,
-  n as SliderDots,
+  o as SliderDots,
   T as Tab,
-  o as TabList,
-  p as TabPanel,
-  q as Tabs,
+  p as TabList,
+  q as TabPanel,
+  r as Tabs,
   TabsShellMuted,
   TabsShellStroke,
   Tag,
-  s as TestimonialsSection,
+  t as TestimonialsSection,
   Toggle,
-  t as TrustBadge,
-  u as TrustBentoSection,
-  v as TrustSection,
+  u as TrustBadge,
+  v as TrustBentoSection,
+  w as TrustSection,
   WIDE_SHAPES,
   WebLayout
 };

package/dist/render.cjs

@@ -9,7 +9,7 @@ const node_url = require("node:url");
 const node_module = require("node:module");
 const logos_resolve = require("./logos/resolve.cjs");
 const pageSpec = require("./page-spec.cjs");
-const footerDefaults = require("./footerDefaults-BILm5CMK.cjs");
+const footerDefaults = require("./footerDefaults-C-9-hOSt.cjs");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 const __dirname$1 = node_path.dirname(node_url.fileURLToPath(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("render.cjs", document.baseURI).href));
 const require$1 = node_module.createRequire(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("render.cjs", document.baseURI).href);

package/dist/render.js

@@ -7,7 +7,7 @@ import { fileURLToPath } from "node:url";
 import { createRequire } from "node:module";
 import { logoSvg } from "./logos/resolve.js";
 import { PageSpec, sectionSchemas } from "./page-spec.js";
-import { N as NavbarMenu, l as Integrations, m as NumbersSection, v as TrustSection, b as ContactSection, j as FooterSection, g as FOOTER_DEFAULTS, d as CtaSection, a as Button, B as BulletsSection, h as FaqSection, e as CustomerLogo, s as TestimonialsSection, C as CardsSection, i as FeaturesSection, f as CustomerLogoSection, H as HeaderSection, M as MediaSlot } from "./footerDefaults-Dx94Jc_F.js";
+import { N as NavbarMenu, m as Integrations, n as NumbersSection, w as TrustSection, b as ContactSection, k as FooterSection, g as FOOTER_DEFAULTS, d as CtaSection, a as Button, B as BulletsSection, i as FaqSection, e as CustomerLogo, t as TestimonialsSection, C as CardsSection, j as FeaturesSection, f as CustomerLogoSection, H as HeaderSection, M as MediaSlot } from "./footerDefaults-DRDmvQb8.js";
 const __dirname$1 = dirname(fileURLToPath(import.meta.url));
 const require$1 = createRequire(import.meta.url);
 function svgDataUrl(svg) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clay-ds/react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "sideEffects": [
     "**/*.css"