@clay-ds/react 0.2.1 → 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;