@timmbr/ui 1.3.1 → 1.4.1

package/dist/components/NavFooter/NavFooter.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { NavFooterProps } from './NavFooter.types';
+export declare const NavFooter: React.ForwardRefExoticComponent<NavFooterProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Convenience alias for `NavFooter`.
+ */
+export declare const Footer: React.ForwardRefExoticComponent<NavFooterProps & React.RefAttributes<HTMLElement>>;
+export default NavFooter;
+//# sourceMappingURL=NavFooter.d.ts.map

package/dist/components/NavFooter/NavFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavFooter.d.ts","sourceRoot":"","sources":["../../../src/components/NavFooter/NavFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,cAAc,EAOf,MAAM,mBAAmB,CAAC;AAc3B,eAAO,MAAM,SAAS,oFAuRrB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,MAAM,oFAAY,CAAC;AAEhC,eAAe,SAAS,CAAC"}

package/dist/components/NavFooter/NavFooter.helpers.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { NavFooterSection, NavFooterLinkItem, NavFooterSocialLink } from './NavFooter.types';
+/**
+ * Resolves full destination URL across micro-frontends and zones.
+ */
+export declare function resolveNavDestination(href?: string, zone?: string, zones?: Record<string, string>): string | undefined;
+/**
+ * Checks if link requires cross-origin / cross-zone full page load.
+ */
+export declare function isCrossZoneNavigation(zone?: string, currentZone?: string, explicitCrossZone?: boolean): boolean;
+/**
+ * Built-in Social Icon SVGs matching Figma design system specifications.
+ */
+export declare const DefaultSocialIcons: Record<string, React.ReactNode>;
+/**
+ * Default sample sections from Figma design for out-of-the-box usage.
+ */
+export declare const DEFAULT_FOOTER_SECTIONS: NavFooterSection[];
+/**
+ * Default sample social links from Figma design.
+ */
+export declare const DEFAULT_FOOTER_SOCIAL_LINKS: NavFooterSocialLink[];
+/**
+ * Default sample legal links.
+ */
+export declare const DEFAULT_FOOTER_LEGAL_LINKS: NavFooterLinkItem[];
+//# sourceMappingURL=NavFooter.helpers.d.ts.map

package/dist/components/NavFooter/NavFooter.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavFooter.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/NavFooter/NavFooter.helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElG;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,CAAC,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,MAAM,GAAG,SAAS,CAGpB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,CAAC,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,MAAM,EACpB,iBAAiB,CAAC,EAAE,OAAO,GAC1B,OAAO,CAKT;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAyC9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,EAgCrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAK5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,iBAAiB,EAGzD,CAAC"}

package/dist/components/NavFooter/NavFooter.helpers.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { resolveZoneHref } from '../../providers/TimmbrConfigProvider.js';
+
+function resolveNavDestination(href, zone, zones) {
+  if (!href) return void 0;
+  return resolveZoneHref(href, zone, zones);
+}
+function isCrossZoneNavigation(zone, currentZone, explicitCrossZone) {
+  if (explicitCrossZone) return true;
+  if (!zone) return false;
+  if (!currentZone) return true;
+  return zone !== currentZone;
+}
+const DefaultSocialIcons = {
+  instagram: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [
+    /* @__PURE__ */ jsx("rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
+    /* @__PURE__ */ jsx("line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5" })
+  ] }),
+  facebook: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }) }),
+  linkedin: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [
+    /* @__PURE__ */ jsx("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }),
+    /* @__PURE__ */ jsx("rect", { width: "4", height: "12", x: "2", y: "9" }),
+    /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "2" })
+  ] }),
+  x: /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) }),
+  twitter: /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) }),
+  youtube: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [
+    /* @__PURE__ */ jsx("path", { d: "M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17" }),
+    /* @__PURE__ */ jsx("polygon", { points: "10 15 15 12 10 9 10 15", fill: "currentColor" })
+  ] }),
+  pinterest: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 0 1 .083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z" }) })
+};
+const DEFAULT_FOOTER_SECTIONS = [
+  {
+    id: "shop",
+    title: "Shop",
+    items: [
+      { id: "sofas", label: "Sofa's", href: "/shop/sofas" },
+      { id: "living", label: "Living", href: "/shop/living" },
+      { id: "bedroom", label: "Bedroom", href: "/shop/bedroom" },
+      { id: "office", label: "Office", href: "/shop/office" },
+      { id: "dining", label: "Dining", href: "/shop/dining" }
+    ]
+  },
+  {
+    id: "craft",
+    title: "Craft",
+    items: [
+      { id: "materials", label: "Our materials", href: "/craft/materials" },
+      { id: "workshop", label: "The workshop", href: "/craft/workshop" },
+      { id: "sustainability", label: "Sustainability", href: "/craft/sustainability" },
+      { id: "care", label: "Care guide", href: "/craft/care-guide" }
+    ]
+  },
+  {
+    id: "help",
+    title: "Help",
+    items: [
+      { id: "contact", label: "Contact Us", href: "/help/contact" },
+      { id: "delivery", label: "Delivery", href: "/help/delivery" },
+      { id: "returns", label: "Returns", href: "/help/returns" },
+      { id: "warranty", label: "Warranty", href: "/help/warranty" }
+    ]
+  }
+];
+const DEFAULT_FOOTER_SOCIAL_LINKS = [
+  { name: "instagram", href: "https://instagram.com/timmbr", ariaLabel: "Follow us on Instagram" },
+  { name: "facebook", href: "https://facebook.com/timmbr", ariaLabel: "Follow us on Facebook" },
+  { name: "linkedin", href: "https://linkedin.com/company/timmbr", ariaLabel: "Connect on LinkedIn" },
+  { name: "x", href: "https://x.com/timmbr", ariaLabel: "Follow us on X" }
+];
+const DEFAULT_FOOTER_LEGAL_LINKS = [
+  { id: "privacy", label: "Privacy", href: "/privacy" },
+  { id: "terms", label: "Terms", href: "/terms" }
+];
+
+export { DEFAULT_FOOTER_LEGAL_LINKS, DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, DefaultSocialIcons, isCrossZoneNavigation, resolveNavDestination };

package/dist/components/NavFooter/NavFooter.js

@@ -0,0 +1,251 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { navFooterContainerVariants, navFooterRootVariants } from './NavFooter.styles.js';
+import { DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, DEFAULT_FOOTER_LEGAL_LINKS } from './NavFooter.helpers.js';
+import { FooterBrand } from './subcomponents/FooterBrand.js';
+import { FooterNavSection } from './subcomponents/FooterNavSection.js';
+import { FooterSocial } from './subcomponents/FooterSocial.js';
+import { FooterOffice } from './subcomponents/FooterOffice.js';
+import { FooterNewsletter } from './subcomponents/FooterNewsletter.js';
+import { FooterLegalBar } from './subcomponents/FooterLegalBar.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const NavFooter = React.forwardRef(
+  (props, ref) => {
+    const {
+      // 1. Modular Configuration Objects
+      branding: brandingProp,
+      navigation: navigationProp,
+      social: socialProp,
+      office: officeProp,
+      newsletter: newsletterProp,
+      legal: legalProp,
+      mobile: mobileProp,
+      // 2. Flat Shorthands
+      logo,
+      description,
+      sections: sectionsProp,
+      socialLinks: socialLinksProp,
+      address,
+      officeTitle,
+      copyright,
+      legalLinks,
+      // 3. Section Visibility Toggles
+      showNavigation: showNavProp,
+      showSocial: showSocialProp,
+      showOffice: showOfficeProp,
+      showLegal: showLegalProp,
+      showNewsletter: showNewsletterProp,
+      // 4. Container & Customization
+      containerMaxWidth = "2xl",
+      linkComponent,
+      motion: motionProp,
+      className,
+      children,
+      ...rest
+    } = props;
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass, dataAttributes } = resolveMotion(motionProp, globalMotion);
+    const resolvedBranding = React.useMemo(() => {
+      return {
+        logo: brandingProp?.logo ?? logo,
+        description: brandingProp?.description ?? description,
+        href: brandingProp?.href ?? "/",
+        zone: brandingProp?.zone,
+        alt: brandingProp?.alt ?? "Timmbr Home",
+        className: brandingProp?.className,
+        onClick: brandingProp?.onClick
+      };
+    }, [brandingProp, logo, description]);
+    const { resolvedSections, isNavigationVisible } = React.useMemo(() => {
+      let sections = DEFAULT_FOOTER_SECTIONS;
+      let isVisible = true;
+      if (Array.isArray(navigationProp)) {
+        sections = navigationProp;
+      } else if (navigationProp && typeof navigationProp === "object") {
+        sections = navigationProp.sections ?? DEFAULT_FOOTER_SECTIONS;
+        if (typeof navigationProp.show === "boolean") isVisible = navigationProp.show;
+      } else if (sectionsProp) {
+        sections = sectionsProp;
+      }
+      if (typeof showNavProp === "boolean") {
+        isVisible = showNavProp;
+      }
+      return { resolvedSections: sections, isNavigationVisible: isVisible };
+    }, [navigationProp, sectionsProp, showNavProp]);
+    const { resolvedSocialLinks, socialTitle, isSocialVisible } = React.useMemo(() => {
+      let links = DEFAULT_FOOTER_SOCIAL_LINKS;
+      let title = void 0;
+      let isVisible = true;
+      if (Array.isArray(socialProp)) {
+        links = socialProp;
+      } else if (socialProp && typeof socialProp === "object") {
+        links = socialProp.links ?? DEFAULT_FOOTER_SOCIAL_LINKS;
+        title = socialProp.title;
+        if (typeof socialProp.show === "boolean") isVisible = socialProp.show;
+      } else if (socialLinksProp) {
+        links = socialLinksProp;
+      }
+      if (typeof showSocialProp === "boolean") {
+        isVisible = showSocialProp;
+      }
+      return { resolvedSocialLinks: links, socialTitle: title, isSocialVisible: isVisible };
+    }, [socialProp, socialLinksProp, showSocialProp]);
+    const { resolvedOffice, isOfficeVisible } = React.useMemo(() => {
+      const office = {
+        title: officeProp?.title ?? officeTitle ?? "Registered Office:",
+        address: officeProp?.address ?? address ?? "Timmbr Furnitures SABN Kallappa Layout, Ashwini Extenstion, Chintamani Karnataka 563125",
+        email: officeProp?.email,
+        phone: officeProp?.phone,
+        extraContent: officeProp?.extraContent,
+        className: officeProp?.className
+      };
+      let isVisible = true;
+      if (officeProp && typeof officeProp === "object" && typeof officeProp.show === "boolean") {
+        isVisible = officeProp.show;
+      }
+      if (typeof showOfficeProp === "boolean") {
+        isVisible = showOfficeProp;
+      }
+      return { resolvedOffice: office, isOfficeVisible: isVisible };
+    }, [officeProp, officeTitle, address, showOfficeProp]);
+    const { resolvedNewsletter, isNewsletterVisible } = React.useMemo(() => {
+      const newsletter = {
+        title: newsletterProp?.title ?? "Stay in the loop",
+        description: newsletterProp?.description ?? "Sign up for our newsletter to receive updates and exclusive offers.",
+        placeholder: newsletterProp?.placeholder ?? "Enter your email...",
+        buttonText: newsletterProp?.buttonText ?? "Subscribe",
+        onSubmit: newsletterProp?.onSubmit,
+        status: newsletterProp?.status,
+        errorMessage: newsletterProp?.errorMessage,
+        successMessage: newsletterProp?.successMessage,
+        className: newsletterProp?.className
+      };
+      let isVisible = Boolean(newsletterProp?.show);
+      if (typeof showNewsletterProp === "boolean") {
+        isVisible = showNewsletterProp;
+      }
+      return { resolvedNewsletter: newsletter, isNewsletterVisible: isVisible };
+    }, [newsletterProp, showNewsletterProp]);
+    const { resolvedLegal, isLegalVisible } = React.useMemo(() => {
+      const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+      const legal = {
+        copyright: legalProp?.copyright ?? copyright ?? `© ${currentYear} Timmbr Furniture Co.`,
+        links: legalProp?.links ?? legalLinks ?? DEFAULT_FOOTER_LEGAL_LINKS,
+        extra: legalProp?.extra,
+        className: legalProp?.className
+      };
+      let isVisible = true;
+      if (legalProp && typeof legalProp === "object" && typeof legalProp.show === "boolean") {
+        isVisible = legalProp.show;
+      }
+      if (typeof showLegalProp === "boolean") {
+        isVisible = showLegalProp;
+      }
+      return { resolvedLegal: legal, isLegalVisible: isVisible };
+    }, [legalProp, copyright, legalLinks, showLegalProp]);
+    const isAccordionEnabled = mobileProp?.accordion ?? true;
+    const allowMultipleOpen = mobileProp?.allowMultipleOpen ?? true;
+    const [openSectionIds, setOpenSectionIds] = React.useState(() => {
+      const initial = /* @__PURE__ */ new Set();
+      resolvedSections.forEach((sec) => {
+        if (sec.defaultOpen) initial.add(sec.id);
+      });
+      return initial;
+    });
+    const handleSectionToggle = (sectionId) => {
+      setOpenSectionIds((prev) => {
+        const next = new Set(prev);
+        if (next.has(sectionId)) {
+          next.delete(sectionId);
+        } else {
+          if (!allowMultipleOpen) {
+            next.clear();
+          }
+          next.add(sectionId);
+        }
+        return next;
+      });
+    };
+    return /* @__PURE__ */ jsx(
+      "footer",
+      {
+        ref,
+        role: "contentinfo",
+        "data-slot": "nav-footer",
+        className: cn(navFooterRootVariants(), className),
+        ...dataAttributes,
+        ...rest,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              navFooterContainerVariants({ maxWidth: containerMaxWidth }),
+              "pt-12 sm:pt-14 md:pt-16 pb-6"
+            ),
+            "data-slot": "nav-footer-inner",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-start justify-between gap-10 sm:gap-12 lg:gap-14 xl:gap-20", children: [
+                /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                  FooterBrand,
+                  {
+                    branding: resolvedBranding,
+                    linkComponent
+                  }
+                ) }),
+                isNavigationVisible && resolvedSections.length > 0 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "w-full lg:flex-1 grid grid-cols-1 md:grid-cols-3 gap-0 md:gap-8 lg:gap-12 xl:gap-16",
+                    "data-slot": "footer-nav-grid",
+                    children: resolvedSections.map((sec) => /* @__PURE__ */ jsx(
+                      FooterNavSection,
+                      {
+                        section: sec,
+                        isMobileAccordion: isAccordionEnabled,
+                        isOpen: openSectionIds.has(sec.id),
+                        onToggle: () => handleSectionToggle(sec.id),
+                        shouldAnimate,
+                        motionClass,
+                        linkComponent
+                      },
+                      sec.id
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8 shrink-0 max-w-[320px] w-full", children: [
+                  isSocialVisible && resolvedSocialLinks.length > 0 && /* @__PURE__ */ jsx(
+                    FooterSocial,
+                    {
+                      links: resolvedSocialLinks,
+                      title: socialTitle,
+                      shouldAnimate,
+                      motionClass
+                    }
+                  ),
+                  isOfficeVisible && /* @__PURE__ */ jsx(FooterOffice, { office: resolvedOffice }),
+                  isNewsletterVisible && /* @__PURE__ */ jsx(FooterNewsletter, { newsletter: resolvedNewsletter })
+                ] })
+              ] }),
+              children && /* @__PURE__ */ jsx("div", { className: "mt-8 mb-4", children }),
+              isLegalVisible && /* @__PURE__ */ jsx("div", { className: "mt-12 sm:mt-14 md:mt-16", children: /* @__PURE__ */ jsx(
+                FooterLegalBar,
+                {
+                  legal: resolvedLegal,
+                  linkComponent
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+NavFooter.displayName = "NavFooter";
+const Footer = NavFooter;
+
+export { Footer, NavFooter };

package/dist/components/NavFooter/NavFooter.styles.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Root footer container styles adhering to Timmbr dark luxury aesthetic.
+ */
+export declare const navFooterRootVariants: (props?: ({
+    tone?: "dark" | "light" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Inner container width and responsive padding variants.
+ */
+export declare const navFooterContainerVariants: (props?: ({
+    maxWidth?: "sm" | "lg" | "md" | "xl" | "2xl" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Navigation column title styles.
+ */
+export declare const footerSectionTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Navigation link item styles.
+ */
+export declare const footerNavLinkVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Social media icon button styles.
+ */
+export declare const footerSocialButtonVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Registered office block styles.
+ */
+export declare const footerOfficeBlockVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Legal sub-bar styles.
+ */
+export declare const footerLegalBarVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Legal policy link styles.
+ */
+export declare const footerLegalLinkVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=NavFooter.styles.d.ts.map

package/dist/components/NavFooter/NavFooter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavFooter.styles.d.ts","sourceRoot":"","sources":["../../../src/components/NavFooter/NavFooter.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;8EAajC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B;;8EAiBtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,oFAEtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,oFAEtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,oFAErC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,oFAElC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,oFAEnC,CAAC"}

package/dist/components/NavFooter/NavFooter.styles.js

@@ -0,0 +1,54 @@
+import { cva } from 'class-variance-authority';
+
+const navFooterRootVariants = cva(
+  "w-full bg-[#1A1714] text-[#F7F1E6] relative border-t border-black/20 transition-colors select-text",
+  {
+    variants: {
+      tone: {
+        dark: "bg-[#1A1714] text-[#F7F1E6]",
+        light: "bg-[var(--color-bg-2,#F7F1E6)] text-[var(--color-grey-800,#3C3C3C)] border-t border-[#E7DFD3]"
+      }
+    },
+    defaultVariants: {
+      tone: "dark"
+    }
+  }
+);
+const navFooterContainerVariants = cva(
+  "mx-auto px-5 sm:px-8 lg:px-12 xl:px-16 transition-all",
+  {
+    variants: {
+      maxWidth: {
+        sm: "max-w-screen-sm",
+        md: "max-w-screen-md",
+        lg: "max-w-screen-lg",
+        xl: "max-w-[1280px]",
+        "2xl": "max-w-[1440px]",
+        full: "max-w-full"
+      }
+    },
+    defaultVariants: {
+      maxWidth: "2xl"
+    }
+  }
+);
+const footerSectionTitleVariants = cva(
+  "font-title text-xs font-semibold text-[#D39375] uppercase tracking-[0.14em] select-none flex items-center justify-between w-full"
+);
+const footerNavLinkVariants = cva(
+  "font-sans text-sm text-[#F7F1E6]/85 hover:text-[#D39375] hover:opacity-100 transition-colors inline-flex items-center gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#D39375]/60 rounded py-0.5 select-none"
+);
+const footerSocialButtonVariants = cva(
+  "inline-flex items-center justify-center text-[#D39375] hover:text-[#F7F1E6] hover:bg-white/5 p-2 rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#D39375]/60 active:scale-95"
+);
+const footerOfficeBlockVariants = cva(
+  "flex flex-col gap-1.5 text-sm text-[#F7F1E6]/85 font-sans leading-relaxed"
+);
+const footerLegalBarVariants = cva(
+  "border-t border-white/10 py-5 sm:py-6 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs font-sans text-[#B7AEA2]"
+);
+const footerLegalLinkVariants = cva(
+  "text-xs font-sans text-[#B7AEA2] hover:text-white transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#D39375]/60 rounded px-1"
+);
+
+export { footerLegalBarVariants, footerLegalLinkVariants, footerNavLinkVariants, footerOfficeBlockVariants, footerSectionTitleVariants, footerSocialButtonVariants, navFooterContainerVariants, navFooterRootVariants };