@timmbr/ui 1.3.1 → 1.4.0

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

@@ -0,0 +1,414 @@
+import * as React from 'react';
+import type { MotionProps } from '../../types/motion';
+/**
+ * Single navigation or legal link item in the footer.
+ */
+export interface NavFooterLinkItem {
+    /**
+     * Unique identifier for the link.
+     */
+    id?: string;
+    /**
+     * Display label for the link.
+     */
+    label: React.ReactNode;
+    /**
+     * Destination URL.
+     */
+    href: string;
+    /**
+     * Optional zone for multi-zone micro-frontend navigation.
+     */
+    zone?: string;
+    /**
+     * Force cross-zone full page transition even if zone matches.
+     */
+    crossZone?: boolean;
+    /**
+     * Standard anchor target (e.g., '_blank').
+     */
+    target?: string;
+    /**
+     * Standard anchor rel attribute.
+     */
+    rel?: string;
+    /**
+     * Optional badge indicator (e.g., 'NEW', 'SALE').
+     */
+    badge?: React.ReactNode;
+    /**
+     * Leading or trailing icon.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Marks as external link (auto sets target="_blank" and rel="noopener noreferrer").
+     */
+    external?: boolean;
+    /**
+     * Custom click handler.
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Additional CSS classes for this link.
+     */
+    className?: string;
+    /**
+     * Custom render function override for this item.
+     */
+    render?: (props: {
+        item: NavFooterLinkItem;
+    }) => React.ReactNode;
+}
+/**
+ * Column of navigation links in the footer (e.g., Shop, Craft, Help).
+ */
+export interface NavFooterSection {
+    /**
+     * Unique identifier for the section.
+     */
+    id: string;
+    /**
+     * Column section title (e.g. 'SHOP', 'CRAFT', 'HELP').
+     */
+    title: React.ReactNode;
+    /**
+     * List of links within this section.
+     */
+    items: NavFooterLinkItem[];
+    /**
+     * Whether this section can collapse into an accordion on mobile viewports.
+     * @default true
+     */
+    collapsible?: boolean;
+    /**
+     * Initial open state on mobile accordion.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Optional custom className for the column container.
+     */
+    className?: string;
+}
+/**
+ * Social media link item in the footer.
+ */
+export interface NavFooterSocialLink {
+    /**
+     * Platform identifier or name ('instagram' | 'facebook' | 'linkedin' | 'x' | 'twitter' | 'youtube' | 'pinterest' | string).
+     */
+    name: 'instagram' | 'facebook' | 'linkedin' | 'x' | 'twitter' | 'youtube' | 'pinterest' | string;
+    /**
+     * Target URL for the social profile.
+     */
+    href: string;
+    /**
+     * Custom icon element. If not provided, a built-in SVG is used for recognized platforms.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Accessible ARIA label for screen readers.
+     */
+    ariaLabel?: string;
+    /**
+     * Target attribute (default: '_blank').
+     */
+    target?: string;
+    /**
+     * Rel attribute (default: 'noopener noreferrer').
+     */
+    rel?: string;
+    /**
+     * Custom click handler.
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Additional CSS classes for this social link icon.
+     */
+    className?: string;
+}
+/**
+ * Brand logo and tagline configuration.
+ */
+export interface NavFooterBranding {
+    /**
+     * Brand logo node or image.
+     */
+    logo?: React.ReactNode;
+    /**
+     * Short tagline or description below the logo.
+     */
+    description?: React.ReactNode;
+    /**
+     * Destination URL when clicking the logo (default: '/').
+     */
+    href?: string;
+    /**
+     * Optional zone for multi-zone micro-frontend routing.
+     */
+    zone?: string;
+    /**
+     * Alt text / ARIA label for the logo link.
+     */
+    alt?: string;
+    /**
+     * Additional CSS classes for the brand block.
+     */
+    className?: string;
+    /**
+     * Custom click handler on brand logo.
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+}
+/**
+ * Registered office and contact information configuration.
+ */
+export interface NavFooterOfficeConfig {
+    /**
+     * Block title (default: 'Registered Office:').
+     */
+    title?: React.ReactNode;
+    /**
+     * Office address text or custom JSX.
+     */
+    address?: React.ReactNode;
+    /**
+     * Optional support / contact email.
+     */
+    email?: string;
+    /**
+     * Optional support phone number.
+     */
+    phone?: string;
+    /**
+     * Additional custom content rendered beneath the address.
+     */
+    extraContent?: React.ReactNode;
+    /**
+     * Additional CSS classes for the office block.
+     */
+    className?: string;
+}
+/**
+ * Newsletter subscription form configuration.
+ */
+export interface NavFooterNewsletterConfig {
+    /**
+     * Explicit toggle to show/hide the newsletter form.
+     */
+    show?: boolean;
+    /**
+     * Title for the newsletter block (e.g. 'Stay in the loop').
+     */
+    title?: React.ReactNode;
+    /**
+     * Subtitle or explanation for the newsletter.
+     */
+    description?: React.ReactNode;
+    /**
+     * Input placeholder text.
+     * @default 'Enter your email...'
+     */
+    placeholder?: string;
+    /**
+     * Label for the subscribe button.
+     * @default 'Subscribe'
+     */
+    buttonText?: string;
+    /**
+     * Submit event handler with entered email.
+     */
+    onSubmit?: (email: string) => void | Promise<void>;
+    /**
+     * Current submission state.
+     */
+    status?: 'idle' | 'loading' | 'success' | 'error';
+    /**
+     * Error message displayed when status is 'error'.
+     */
+    errorMessage?: string;
+    /**
+     * Success message displayed when status is 'success'.
+     */
+    successMessage?: string;
+    /**
+     * Additional CSS classes for the newsletter block.
+     */
+    className?: string;
+}
+/**
+ * Legal links and copyright configuration.
+ */
+export interface NavFooterLegalConfig {
+    /**
+     * Copyright text (default: '© {year} Timmbr Furniture Co.').
+     */
+    copyright?: React.ReactNode;
+    /**
+     * List of legal policy links (e.g., Privacy, Terms, Cookies).
+     */
+    links?: NavFooterLinkItem[];
+    /**
+     * Additional JSX rendered on the legal bar.
+     */
+    extra?: React.ReactNode;
+    /**
+     * Additional CSS classes for the legal bar.
+     */
+    className?: string;
+}
+/**
+ * Mobile-specific behavior configuration.
+ */
+export interface NavFooterMobileConfig {
+    /**
+     * Whether navigation sections collapse into accordions on mobile (< 768px).
+     * @default true
+     */
+    accordion?: boolean;
+    /**
+     * Whether multiple accordion sections can be open simultaneously on mobile.
+     * @default true
+     */
+    allowMultipleOpen?: boolean;
+}
+/**
+ * Modular Navigation Configuration Object.
+ */
+export interface NavFooterNavigationConfig {
+    /**
+     * Array of column sections.
+     */
+    sections: NavFooterSection[];
+    /**
+     * Master visibility toggle for the navigation columns.
+     * @default true
+     */
+    show?: boolean;
+}
+/**
+ * Modular Social Configuration Object.
+ */
+export interface NavFooterSocialConfig {
+    /**
+     * Array of social links.
+     */
+    links: NavFooterSocialLink[];
+    /**
+     * Optional title above the social icons.
+     */
+    title?: React.ReactNode;
+    /**
+     * Master visibility toggle for social links.
+     * @default true
+     */
+    show?: boolean;
+}
+/**
+ * Comprehensive Props for the `NavFooter` component.
+ */
+export interface NavFooterProps extends MotionProps {
+    /**
+     * Brand logo and tagline description.
+     */
+    branding?: NavFooterBranding;
+    /**
+     * Structured navigation columns config or array of sections.
+     */
+    navigation?: NavFooterNavigationConfig | NavFooterSection[];
+    /**
+     * Structured social media configuration or array of social links.
+     */
+    social?: NavFooterSocialConfig | NavFooterSocialLink[];
+    /**
+     * Registered office and contact information configuration.
+     */
+    office?: NavFooterOfficeConfig & {
+        show?: boolean;
+    };
+    /**
+     * Optional newsletter subscription configuration.
+     */
+    newsletter?: NavFooterNewsletterConfig;
+    /**
+     * Legal policy links and copyright configuration.
+     */
+    legal?: NavFooterLegalConfig & {
+        show?: boolean;
+    };
+    /**
+     * Mobile-specific accordion behavior settings.
+     */
+    mobile?: NavFooterMobileConfig;
+    /**
+     * Shorthand brand logo node.
+     */
+    logo?: React.ReactNode;
+    /**
+     * Shorthand brand tagline description.
+     */
+    description?: React.ReactNode;
+    /**
+     * Shorthand array of navigation sections.
+     */
+    sections?: NavFooterSection[];
+    /**
+     * Shorthand array of social links.
+     */
+    socialLinks?: NavFooterSocialLink[];
+    /**
+     * Shorthand office address node or string.
+     */
+    address?: React.ReactNode;
+    /**
+     * Shorthand office block title.
+     */
+    officeTitle?: React.ReactNode;
+    /**
+     * Shorthand copyright notice.
+     */
+    copyright?: React.ReactNode;
+    /**
+     * Shorthand legal policy links.
+     */
+    legalLinks?: NavFooterLinkItem[];
+    /**
+     * Master toggle for the entire navigation section.
+     * @default true
+     */
+    showNavigation?: boolean;
+    /**
+     * Master toggle for social icons.
+     */
+    showSocial?: boolean;
+    /**
+     * Master toggle for registered office block.
+     */
+    showOffice?: boolean;
+    /**
+     * Master toggle for the bottom copyright & legal bar.
+     */
+    showLegal?: boolean;
+    /**
+     * Master toggle for the optional newsletter section.
+     */
+    showNewsletter?: boolean;
+    /**
+     * Maximum container width constraint.
+     * @default '2xl' (1440px)
+     */
+    containerMaxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    /**
+     * Custom Link component injection (e.g. Next.js `next/link`).
+     */
+    linkComponent?: React.ComponentType<any>;
+    /**
+     * Additional root container CSS classes.
+     */
+    className?: string;
+    /**
+     * Optional custom children to append before the legal bar.
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=NavFooter.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavFooter.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavFooter/NavFooter.types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavFooter/index.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { NavFooterBranding } from '../NavFooter.types';
+export interface FooterBrandProps {
+    branding?: NavFooterBranding;
+    linkComponent?: React.ComponentType<any>;
+    className?: string;
+}
+/**
+ * Default Timmbr Brand Wordmark SVG with green sprout leaf accent.
+ */
+export declare const DefaultFooterWordmark: React.FC<{
+    className?: string;
+}>;
+export declare const FooterBrand: React.FC<FooterBrandProps>;
+export default FooterBrand;
+//# sourceMappingURL=FooterBrand.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterBrand.d.ts","sourceRoot":"","sources":["../../../../src/components/NavFooter/subcomponents/FooterBrand.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAG5D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAwBlE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiElD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/NavFooter/subcomponents/FooterBrand.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@timmbr/utils';
+import { resolveNavDestination, isCrossZoneNavigation } from '../NavFooter.helpers.js';
+import { useTimmbrConfig } from '../../../providers/TimmbrConfigProvider.js';
+
+const DefaultFooterWordmark = ({ className }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    viewBox: "0 0 201 50",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: cn("h-10 sm:h-11 w-auto shrink-0", className),
+    "aria-label": "Timmbr Logo",
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M33 9.5C33 9.5 35 2 41 2C42.5 7 38.5 12 33 13.5V9.5Z",
+          fill: "#4E8752"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "text",
+        {
+          x: "0",
+          y: "38",
+          fill: "#D39375",
+          fontFamily: "Outfit, sans-serif",
+          fontWeight: "700",
+          fontSize: "40",
+          letterSpacing: "-0.02em",
+          children: "timmbr"
+        }
+      )
+    ]
+  }
+);
+const FooterBrand = ({
+  branding,
+  linkComponent: CustomLink,
+  className
+}) => {
+  const config = useTimmbrConfig();
+  const {
+    logo,
+    description = "Solid-wood furniture, made by hand in Portland and built to be kept for life.",
+    href = "/",
+    zone,
+    alt = "Timmbr Home",
+    className: brandClass,
+    onClick
+  } = branding || {};
+  const resolvedHref = resolveNavDestination(href, zone, config.zones?.zones) ?? "/";
+  const requiresCrossZone = isCrossZoneNavigation(zone, config.zones?.currentZone);
+  const logoContent = logo ?? /* @__PURE__ */ jsx(DefaultFooterWordmark, {});
+  const logoNode = CustomLink && !requiresCrossZone ? /* @__PURE__ */ jsx(
+    CustomLink,
+    {
+      href: resolvedHref,
+      "aria-label": alt,
+      onClick,
+      className: "inline-flex items-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#D39375]/50 rounded-md transition-opacity hover:opacity-90",
+      "data-slot": "footer-brand-link",
+      children: logoContent
+    }
+  ) : /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: resolvedHref,
+      "aria-label": alt,
+      onClick,
+      "data-cross-zone": requiresCrossZone ? "true" : void 0,
+      className: "inline-flex items-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#D39375]/50 rounded-md transition-opacity hover:opacity-90",
+      "data-slot": "footer-brand-link",
+      children: logoContent
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col gap-4 items-start max-w-[320px]", brandClass, className),
+      "data-slot": "footer-brand",
+      children: [
+        logoNode,
+        description && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "text-sm font-sans text-[#B7AEA2] leading-relaxed select-text",
+            "data-slot": "footer-brand-description",
+            children: typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: "whitespace-pre-line m-0", children: description }) : description
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { DefaultFooterWordmark, FooterBrand };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { NavFooterLegalConfig } from '../NavFooter.types';
+export interface FooterLegalBarProps {
+    legal?: NavFooterLegalConfig;
+    linkComponent?: React.ComponentType<any>;
+    className?: string;
+}
+export declare const FooterLegalBar: React.FC<FooterLegalBarProps>;
+export default FooterLegalBar;
+//# sourceMappingURL=FooterLegalBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLegalBar.d.ts","sourceRoot":"","sources":["../../../../src/components/NavFooter/subcomponents/FooterLegalBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAqB,MAAM,oBAAoB,CAAC;AAIlF,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyExD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/NavFooter/subcomponents/FooterLegalBar.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@timmbr/utils';
+import { footerLegalBarVariants, footerLegalLinkVariants } from '../NavFooter.styles.js';
+import { DEFAULT_FOOTER_LEGAL_LINKS, resolveNavDestination, isCrossZoneNavigation } from '../NavFooter.helpers.js';
+import { useTimmbrConfig } from '../../../providers/TimmbrConfigProvider.js';
+
+const FooterLegalBar = ({
+  legal,
+  linkComponent: CustomLink,
+  className
+}) => {
+  const config = useTimmbrConfig();
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const {
+    copyright = `© ${currentYear} Timmbr Furniture Co.`,
+    links = DEFAULT_FOOTER_LEGAL_LINKS,
+    extra,
+    className: legalClass
+  } = legal || {};
+  const renderLegalLink = (item) => {
+    if (item.render) {
+      return /* @__PURE__ */ jsx("li", { className: "list-none", children: item.render({ item }) }, item.id ?? String(item.label));
+    }
+    const resolvedHref = resolveNavDestination(item.href, item.zone, config.zones?.zones) ?? "#";
+    const requiresCrossZone = isCrossZoneNavigation(item.zone, config.zones?.currentZone, item.crossZone);
+    const isExternal = item.external || item.href.startsWith("http://") || item.href.startsWith("https://");
+    const linkProps = {
+      href: resolvedHref,
+      target: item.target ?? (isExternal ? "_blank" : void 0),
+      rel: item.rel ?? (isExternal ? "noopener noreferrer" : void 0),
+      onClick: item.onClick,
+      className: cn(footerLegalLinkVariants(), item.className),
+      "data-cross-zone": requiresCrossZone ? "true" : void 0,
+      "data-slot": "footer-legal-link"
+    };
+    return /* @__PURE__ */ jsx("li", { className: "list-none", children: CustomLink && !requiresCrossZone && !isExternal ? /* @__PURE__ */ jsx(CustomLink, { ...linkProps, children: item.label }) : /* @__PURE__ */ jsx("a", { ...linkProps, children: item.label }) }, item.id ?? String(item.label));
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(footerLegalBarVariants(), legalClass, className),
+      "data-slot": "footer-legal-bar",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "select-text", "data-slot": "footer-copyright", children: typeof copyright === "string" ? /* @__PURE__ */ jsx("span", { children: copyright }) : copyright }),
+        extra && /* @__PURE__ */ jsx("div", { className: "text-xs text-[#B7AEA2]", children: extra }),
+        links && links.length > 0 && /* @__PURE__ */ jsx(
+          "ul",
+          {
+            className: "flex items-center gap-4 sm:gap-6 flex-wrap list-none p-0 m-0",
+            "data-slot": "footer-legal-links",
+            children: links.map(renderLegalLink)
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { FooterLegalBar };

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { NavFooterSection } from '../NavFooter.types';
+export interface FooterNavSectionProps {
+    section: NavFooterSection;
+    isMobileAccordion?: boolean;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    shouldAnimate?: boolean;
+    motionClass?: string;
+    linkComponent?: React.ComponentType<any>;
+    className?: string;
+}
+export declare const FooterNavSection: React.FC<FooterNavSectionProps>;
+export default FooterNavSection;
+//# sourceMappingURL=FooterNavSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterNavSection.d.ts","sourceRoot":"","sources":["../../../../src/components/NavFooter/subcomponents/FooterNavSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,gBAAgB,EAAqB,MAAM,oBAAoB,CAAC;AAI9E,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4I5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}