@brandlab-digital/site-next 3.9.0 → 3.11.0

package/dist/ui-kit/sections/section-sequence.d.ts

@@ -0,0 +1,39 @@
+/**
+ * `SectionSequence` (F15): renders a page family's sections in order. Server component, ported from Omega's
+ * `Sequence` and `alternateTones`. Each section the page offers comes with its guard, computed from the same data it
+ * renders (`faqsReady(props)`, `priceGuideReady(props)` …), so a section that would render nothing is skipped with
+ * its reason without rendering twice. Then the cap drops optional sections first, the light tones alternate so
+ * neighbours never share a background (at most one `band` and one `photo`), and the page's manifest is written as
+ * `<script type="application/json" data-bl-manifest>` (`SECTION_MANIFEST_ATTRIBUTE`) for K12: what was planned, what
+ * rendered with which tone, and what was skipped and why.
+ *
+ * ```tsx
+ * <SectionSequence
+ *   order={orders.service}
+ *   page="/tree-removal"
+ *   sections={[
+ *     { id: 'hero', tone: 'photo', render: (tone) => <Hero tone={tone} {...hero} /> },
+ *     { id: 'price-guide', ready: priceGuideReady(guide), render: (tone) => <PriceGuide tone={tone} {...guide} /> },
+ *     { id: 'cta', tone: 'band', render: (tone) => <CTABand tone={tone} {...cta} /> },
+ *   ]}
+ * />
+ * ```
+ */
+import { type ReactNode } from 'react';
+import { type BrandlabFamilyOrder, type BrandlabSectionManifest, type BrandlabSequenceCandidate } from '@brandlab-digital/site-core/section-order';
+import type { SectionTone } from '../primitives/layout.js';
+/** One section the page offers: its matrix id, its guard, the tone it asks for and how to render it with a tone. */
+export interface SequenceSection extends BrandlabSequenceCandidate {
+    readonly render: (tone: SectionTone) => ReactNode;
+}
+export interface SectionSequenceProps {
+    /** The family's order, from the site's `defineSectionOrder` (or `defaultSectionOrder`). */
+    readonly order: BrandlabFamilyOrder;
+    readonly sections: readonly SequenceSection[];
+    /** The page path, recorded in the manifest. */
+    readonly page?: string;
+}
+/** The manifest as safe inline JSON (no `<`, `>` or `&` that could close the script). */
+export declare function serialiseSectionManifest(manifest: BrandlabSectionManifest): string;
+export declare function SectionSequence({ order, sections, page }: SectionSequenceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=section-sequence.d.ts.map

package/dist/ui-kit/sections/section-sequence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-sequence.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/sections/section-sequence.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,EAC/B,MAAM,2CAA2C,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE1D,oHAAoH;AACpH,MAAM,WAAW,eAAgB,SAAQ,yBAAyB;IAChE,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAA;CAClD;AAED,MAAM,WAAW,oBAAoB;IACnC,2FAA2F;IAC3F,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,SAAS,eAAe,EAAE,CAAA;IAC7C,+CAA+C;IAC/C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,yFAAyF;AACzF,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,uBAAuB,GAAG,MAAM,CAElF;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,oBAAoB,2CAc9E"}

package/dist/ui-kit/sections/section-sequence.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `SectionSequence` (F15): renders a page family's sections in order. Server component, ported from Omega's
+ * `Sequence` and `alternateTones`. Each section the page offers comes with its guard, computed from the same data it
+ * renders (`faqsReady(props)`, `priceGuideReady(props)` …), so a section that would render nothing is skipped with
+ * its reason without rendering twice. Then the cap drops optional sections first, the light tones alternate so
+ * neighbours never share a background (at most one `band` and one `photo`), and the page's manifest is written as
+ * `<script type="application/json" data-bl-manifest>` (`SECTION_MANIFEST_ATTRIBUTE`) for K12: what was planned, what
+ * rendered with which tone, and what was skipped and why.
+ *
+ * ```tsx
+ * <SectionSequence
+ *   order={orders.service}
+ *   page="/tree-removal"
+ *   sections={[
+ *     { id: 'hero', tone: 'photo', render: (tone) => <Hero tone={tone} {...hero} /> },
+ *     { id: 'price-guide', ready: priceGuideReady(guide), render: (tone) => <PriceGuide tone={tone} {...guide} /> },
+ *     { id: 'cta', tone: 'band', render: (tone) => <CTABand tone={tone} {...cta} /> },
+ *   ]}
+ * />
+ * ```
+ */
+import { Fragment } from 'react';
+import { sanitizeJsonLd } from '@brandlab-digital/site-core/schema';
+import { SECTION_MANIFEST_ATTRIBUTE, planSectionSequence, } from '@brandlab-digital/site-core/section-order';
+/** The manifest as safe inline JSON (no `<`, `>` or `&` that could close the script). */
+export function serialiseSectionManifest(manifest) {
+    return sanitizeJsonLd(manifest);
+}
+export function SectionSequence({ order, sections, page }) {
+    const plan = planSectionSequence(order, sections, page);
+    return (_jsxs(_Fragment, { children: [plan.rendered.map((item) => (_jsx(Fragment, { children: sections[item.candidate]?.render(item.tone) }, item.id))), _jsx("script", { type: "application/json", [SECTION_MANIFEST_ATTRIBUTE]: '', dangerouslySetInnerHTML: { __html: serialiseSectionManifest(plan.manifest) } })] }));
+}
+//# sourceMappingURL=section-sequence.js.map

package/dist/ui-kit/sections/section-sequence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-sequence.js","sourceRoot":"","sources":["../../../src/ui-kit/sections/section-sequence.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AACnE,OAAO,EACL,0BAA0B,EAC1B,mBAAmB,GAIpB,MAAM,2CAA2C,CAAA;AAgBlD,yFAAyF;AACzF,MAAM,UAAU,wBAAwB,CAAC,QAAiC;IACxE,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAwB;IAC7E,MAAM,IAAI,GAAG,mBAAmB,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;IACvD,OAAO,CACL,8BACG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,KAAC,QAAQ,cAAgB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAArD,IAAI,CAAC,EAAE,CAA0D,CACjF,CAAC,EACF,iBACE,IAAI,EAAC,kBAAkB,EACjB,CAAC,0BAA0B,CAAC,EAAE,EAAE,EACtC,uBAAuB,EAAE,EAAE,MAAM,EAAE,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,GAC5E,IACD,CACJ,CAAA;AACH,CAAC","sourcesContent":["/**\n * `SectionSequence` (F15): renders a page family's sections in order. Server component, ported from Omega's\n * `Sequence` and `alternateTones`. Each section the page offers comes with its guard, computed from the same data it\n * renders (`faqsReady(props)`, `priceGuideReady(props)` …), so a section that would render nothing is skipped with\n * its reason without rendering twice. Then the cap drops optional sections first, the light tones alternate so\n * neighbours never share a background (at most one `band` and one `photo`), and the page's manifest is written as\n * `<script type=\"application/json\" data-bl-manifest>` (`SECTION_MANIFEST_ATTRIBUTE`) for K12: what was planned, what\n * rendered with which tone, and what was skipped and why.\n *\n * ```tsx\n * <SectionSequence\n *   order={orders.service}\n *   page=\"/tree-removal\"\n *   sections={[\n *     { id: 'hero', tone: 'photo', render: (tone) => <Hero tone={tone} {...hero} /> },\n *     { id: 'price-guide', ready: priceGuideReady(guide), render: (tone) => <PriceGuide tone={tone} {...guide} /> },\n *     { id: 'cta', tone: 'band', render: (tone) => <CTABand tone={tone} {...cta} /> },\n *   ]}\n * />\n * ```\n */\nimport { Fragment, type ReactNode } from 'react'\nimport { sanitizeJsonLd } from '@brandlab-digital/site-core/schema'\nimport {\n  SECTION_MANIFEST_ATTRIBUTE,\n  planSectionSequence,\n  type BrandlabFamilyOrder,\n  type BrandlabSectionManifest,\n  type BrandlabSequenceCandidate,\n} from '@brandlab-digital/site-core/section-order'\nimport type { SectionTone } from '../primitives/layout.js'\n\n/** One section the page offers: its matrix id, its guard, the tone it asks for and how to render it with a tone. */\nexport interface SequenceSection extends BrandlabSequenceCandidate {\n  readonly render: (tone: SectionTone) => ReactNode\n}\n\nexport interface SectionSequenceProps {\n  /** The family's order, from the site's `defineSectionOrder` (or `defaultSectionOrder`). */\n  readonly order: BrandlabFamilyOrder\n  readonly sections: readonly SequenceSection[]\n  /** The page path, recorded in the manifest. */\n  readonly page?: string\n}\n\n/** The manifest as safe inline JSON (no `<`, `>` or `&` that could close the script). */\nexport function serialiseSectionManifest(manifest: BrandlabSectionManifest): string {\n  return sanitizeJsonLd(manifest)\n}\n\nexport function SectionSequence({ order, sections, page }: SectionSequenceProps) {\n  const plan = planSectionSequence(order, sections, page)\n  return (\n    <>\n      {plan.rendered.map((item) => (\n        <Fragment key={item.id}>{sections[item.candidate]?.render(item.tone)}</Fragment>\n      ))}\n      <script\n        type=\"application/json\"\n        {...{ [SECTION_MANIFEST_ATTRIBUTE]: '' }}\n        dangerouslySetInnerHTML={{ __html: serialiseSectionManifest(plan.manifest) }}\n      />\n    </>\n  )\n}\n"]}

package/dist/ui-kit/sections/site-footer-columns.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The footer's phone accordion (client island). Below 640 px of footer width each column's H2 shows its disclosure
+ * button and one column is open at a time; wider, every list shows and the buttons stay hidden. The headings, buttons
+ * and links are server HTML passed in as children; this island only toggles `hidden`, `aria-expanded` and
+ * `data-state`, so without scripts every link shows.
+ */
+import { type ReactNode } from 'react';
+export declare function SiteFooterColumns({ className, children }: {
+    readonly className?: string | undefined;
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=site-footer-columns.d.ts.map

package/dist/ui-kit/sections/site-footer-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer-columns.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/sections/site-footer-columns.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAsDnI"}

package/dist/ui-kit/sections/site-footer-columns.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The footer's phone accordion (client island). Below 640 px of footer width each column's H2 shows its disclosure
+ * button and one column is open at a time; wider, every list shows and the buttons stay hidden. The headings, buttons
+ * and links are server HTML passed in as children; this island only toggles `hidden`, `aria-expanded` and
+ * `data-state`, so without scripts every link shows.
+ */
+import { useEffect, useRef } from 'react';
+export function SiteFooterColumns({ className, children }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const root = ref.current;
+        const footer = root?.closest('[data-bl="footer"]');
+        if (!root || !footer)
+            return;
+        const columns = Array.from(root.querySelectorAll('[data-slot="column"]'));
+        let narrow = false;
+        let open = null;
+        const render = () => {
+            root.dataset.accordion = String(narrow);
+            for (const column of columns) {
+                const expanded = narrow && column === open;
+                const toggle = column.querySelector('[data-slot="toggle"]');
+                const text = column.querySelector('[data-slot="headingText"]');
+                const list = column.querySelector('[data-slot="list"]');
+                if (toggle) {
+                    toggle.hidden = !narrow;
+                    toggle.setAttribute('aria-expanded', String(expanded));
+                }
+                if (text)
+                    text.hidden = narrow;
+                if (list)
+                    list.hidden = narrow && !expanded;
+                if (narrow)
+                    column.dataset.state = expanded ? 'open' : 'closed';
+                else
+                    delete column.dataset.state;
+            }
+        };
+        const onClick = (event) => {
+            const column = event.target?.closest('[data-slot="toggle"]')?.closest('[data-slot="column"]');
+            if (!narrow || !column)
+                return;
+            open = open === column ? null : column;
+            render();
+        };
+        const observer = new ResizeObserver(() => {
+            narrow = footer.getBoundingClientRect().width < 640;
+            if (!narrow)
+                open = null;
+            render();
+        });
+        observer.observe(footer);
+        root.addEventListener('click', onClick);
+        return () => {
+            observer.disconnect();
+            root.removeEventListener('click', onClick);
+        };
+    }, []);
+    return (_jsx("div", { ref: ref, "data-slot": "columns", className: className, children: children }));
+}
+//# sourceMappingURL=site-footer-columns.js.map

package/dist/ui-kit/sections/site-footer-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer-columns.js","sourceRoot":"","sources":["../../../src/ui-kit/sections/site-footer-columns.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\n/**\n * The footer's phone accordion (client island). Below 640 px of footer width each column's H2 shows its disclosure\n * button and one column is open at a time; wider, every list shows and the buttons stay hidden. The headings, buttons\n * and links are server HTML passed in as children; this island only toggles `hidden`, `aria-expanded` and\n * `data-state`, so without scripts every link shows.\n */\nimport { useEffect, useRef, type ReactNode } from 'react'\n\nexport function SiteFooterColumns({ className, children }: { readonly className?: string | undefined; readonly children: ReactNode }) {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const root = ref.current\n    const footer = root?.closest<HTMLElement>('[data-bl=\"footer\"]')\n    if (!root || !footer) return\n    const columns = Array.from(root.querySelectorAll<HTMLElement>('[data-slot=\"column\"]'))\n    let narrow = false\n    let open: HTMLElement | null = null\n\n    const render = () => {\n      root.dataset.accordion = String(narrow)\n      for (const column of columns) {\n        const expanded = narrow && column === open\n        const toggle = column.querySelector<HTMLElement>('[data-slot=\"toggle\"]')\n        const text = column.querySelector<HTMLElement>('[data-slot=\"headingText\"]')\n        const list = column.querySelector<HTMLElement>('[data-slot=\"list\"]')\n        if (toggle) {\n          toggle.hidden = !narrow\n          toggle.setAttribute('aria-expanded', String(expanded))\n        }\n        if (text) text.hidden = narrow\n        if (list) list.hidden = narrow && !expanded\n        if (narrow) column.dataset.state = expanded ? 'open' : 'closed'\n        else delete column.dataset.state\n      }\n    }\n\n    const onClick = (event: MouseEvent) => {\n      const column = (event.target as Element | null)?.closest('[data-slot=\"toggle\"]')?.closest<HTMLElement>('[data-slot=\"column\"]')\n      if (!narrow || !column) return\n      open = open === column ? null : column\n      render()\n    }\n\n    const observer = new ResizeObserver(() => {\n      narrow = footer.getBoundingClientRect().width < 640\n      if (!narrow) open = null\n      render()\n    })\n    observer.observe(footer)\n    root.addEventListener('click', onClick)\n    return () => {\n      observer.disconnect()\n      root.removeEventListener('click', onClick)\n    }\n  }, [])\n\n  return (\n    <div ref={ref} data-slot=\"columns\" className={className}>\n      {children}\n    </div>\n  )\n}\n"]}

package/dist/ui-kit/sections/site-footer.d.ts

@@ -0,0 +1,59 @@
+import type { ReactNode } from 'react';
+import { type SkinEntry } from '../skin.js';
+import type { UiLink, UiPhone, UiSocial } from '../types.js';
+export declare const SITE_FOOTER_VARIANTS: readonly ["columns", "photo"];
+export type SiteFooterVariant = (typeof SITE_FOOTER_VARIANTS)[number];
+export type SiteFooterSlot = 'root' | 'panel' | 'media' | 'inner' | 'brand' | 'logo' | 'description' | 'licences' | 'licenceLink' | 'social' | 'socialLink' | 'contact' | 'phone' | 'phoneLabel' | 'phoneNumber' | 'email' | 'address' | 'columns' | 'column' | 'heading' | 'toggle' | 'list' | 'link' | 'bottom' | 'bottomInner' | 'legal' | 'policies' | 'policyLink';
+export type SiteFooterSkin = SkinEntry<SiteFooterSlot, SiteFooterVariant>;
+/** One licence line: the text as the register shows it, and the register link when there is one. */
+export interface SiteFooterLicence {
+    readonly text: string;
+    readonly href?: string;
+}
+export interface SiteFooterColumn {
+    /** The H2 text, for example "Services". */
+    readonly heading: string;
+    readonly links: readonly UiLink[];
+}
+export interface SiteFooterProps extends SiteFooterSkin {
+    /** The logo link's accessible name. */
+    readonly brandName: string;
+    readonly homeHref?: string;
+    /** The site's logo node (decorative inside the named link). */
+    readonly logo: ReactNode;
+    /** Two or three lines about the business. */
+    readonly description: string;
+    readonly licences?: readonly SiteFooterLicence[];
+    readonly socials?: readonly UiSocial[];
+    readonly phone: UiPhone;
+    /** Optional words before the number, for example "Call us". */
+    readonly phoneLabel?: string;
+    readonly email?: string;
+    /** Only when the business shows its address publicly. */
+    readonly address?: string;
+    /** Services, Areas and Company, rendered in that order; leave one out when the site has nothing true for it. */
+    readonly columns: {
+        readonly services?: SiteFooterColumn;
+        readonly areas?: SiteFooterColumn;
+        readonly company?: SiteFooterColumn;
+    };
+    readonly legal: {
+        /** The legal or trading name. */
+        readonly name: string;
+        readonly abn?: string;
+        /** Defaults to the current year in Sydney. */
+        readonly year?: number;
+        /** The privacy policy link, labelled by the site. */
+        readonly privacy?: UiLink;
+        /** The terms link, labelled by the site. */
+        readonly terms?: UiLink;
+    };
+    /** The `photo` variant's backdrop image for the panel (decorative). */
+    readonly media?: ReactNode;
+    /** Signature art, rendered `aria-hidden`. */
+    readonly decoration?: ReactNode;
+    /** Prefix for the column list ids (default `bl-footer`). */
+    readonly idPrefix?: string;
+}
+export declare function SiteFooter({ brandName, homeHref, logo, description, licences, socials, phone, phoneLabel, email, address, columns, legal, media, decoration, idPrefix, variant, classes, }: SiteFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=site-footer.d.ts.map

package/dist/ui-kit/sections/site-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/sections/site-footer.tsx"],"names":[],"mappings":"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"}

package/dist/ui-kit/sections/site-footer.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * S27 `SiteFooter`: the v1 §6 footer, structured the same on every site. Server component; one small client island
+ * (`SiteFooterColumns`) turns the columns into a phone accordion.
+ *
+ * Column 1: the logo, a short description, one line per licence (with its register link when given), social and
+ * Business Profile icons, then the phone (`phone_link_click` placement `footer`), the email and the address only when
+ * it is public. Then Services, Areas and Company, each under a real H2, in that order. A bottom bar: © year name ·
+ * ABN · the privacy and terms links. Never a quote button, "based in", opening hours, a guides column or a "back to
+ * top" text link: the props have no place for them.
+ *
+ * Variants: `columns`; `photo`, with the site's backdrop image for the panel in `media` (decorative, `aria-hidden`),
+ * for example Superior's sunlit water. Signature art goes in `decoration`.
+ */
+import Link from 'next/link';
+import { Icon, SocialIcon } from '../icons.js';
+import { PhoneLink } from '../primitives/links.js';
+import { slot } from '../skin.js';
+import { SiteFooterColumns } from './site-footer-columns.js';
+export const SITE_FOOTER_VARIANTS = ['columns', 'photo'];
+const COLUMN_KEYS = ['services', 'areas', 'company'];
+function isExternal(href) {
+    return /^https?:\/\//i.test(href);
+}
+function FooterLink({ link, hooks }) {
+    return isExternal(link.href) ? (_jsx("a", { href: link.href, ...hooks, target: "_blank", rel: "noopener noreferrer", children: link.label })) : (_jsx(Link, { href: link.href, ...hooks, children: link.label }));
+}
+function currentYear() {
+    return Number(new Intl.DateTimeFormat('en-AU', { year: 'numeric', timeZone: 'Australia/Sydney' }).format(new Date()));
+}
+export function SiteFooter({ brandName, homeHref = '/', logo, description, licences = [], socials = [], phone, phoneLabel, email, address, columns, legal, media, decoration, idPrefix = 'bl-footer', variant = 'columns', classes, }) {
+    const policies = [legal.privacy, legal.terms].filter((link) => !!link);
+    return (_jsxs("footer", { "data-bl": "footer", "data-variant": variant, className: classes?.root, children: [decoration ? (_jsx("div", { "data-slot": "decoration", "aria-hidden": "true", children: decoration })) : null, _jsxs("div", { ...slot(classes, 'panel'), children: [variant === 'photo' && media ? (_jsx("div", { ...slot(classes, 'media'), "aria-hidden": "true", children: media })) : null, _jsxs("div", { ...slot(classes, 'inner'), children: [_jsxs("div", { ...slot(classes, 'brand'), children: [_jsx(Link, { href: homeHref, ...slot(classes, 'logo'), "aria-label": brandName, children: logo }), _jsx("p", { ...slot(classes, 'description'), children: description }), licences.length > 0 ? (_jsx("ul", { ...slot(classes, 'licences'), children: licences.map((licence) => (_jsx("li", { children: licence.href ? (_jsx("a", { ...slot(classes, 'licenceLink'), href: licence.href, target: "_blank", rel: "noopener noreferrer", children: licence.text })) : (licence.text) }, licence.text))) })) : null, socials.length > 0 ? (_jsx("ul", { ...slot(classes, 'social'), children: socials.map((social) => (_jsx("li", { children: _jsx("a", { ...slot(classes, 'socialLink'), href: social.href, "aria-label": social.label, target: "_blank", rel: "noopener noreferrer", children: _jsx(SocialIcon, { kind: social.kind }) }) }, social.href))) })) : null, _jsxs("div", { ...slot(classes, 'contact'), children: [_jsx(PhoneLink, { phone: phone, placement: "footer", label: phoneLabel, classes: { root: classes?.phone, label: classes?.phoneLabel, number: classes?.phoneNumber } }), email ? (_jsx("a", { ...slot(classes, 'email'), href: `mailto:${email}`, children: email })) : null, address ? _jsx("p", { ...slot(classes, 'address'), children: address }) : null] })] }), _jsx(SiteFooterColumns, { className: classes?.columns, children: COLUMN_KEYS.map((key) => {
+                                    const column = columns[key];
+                                    if (!column || column.links.length === 0)
+                                        return null;
+                                    const listId = `${idPrefix}-${key}`;
+                                    return (_jsxs("div", { ...slot(classes, 'column'), "data-column": key, children: [_jsxs("h2", { ...slot(classes, 'heading'), children: [_jsx("span", { "data-slot": "headingText", children: column.heading }), _jsxs("button", { type: "button", ...slot(classes, 'toggle'), "aria-expanded": "false", "aria-controls": listId, hidden: true, children: [_jsx("span", { children: column.heading }), _jsx(Icon, { name: "chevron" })] })] }), _jsx("ul", { id: listId, ...slot(classes, 'list'), children: column.links.map((link) => (_jsx("li", { children: _jsx(FooterLink, { link: link, hooks: slot(classes, 'link') }) }, link.href))) })] }, key));
+                                }) })] })] }), _jsx("div", { ...slot(classes, 'bottom'), children: _jsxs("div", { ...slot(classes, 'bottomInner'), children: [_jsxs("p", { ...slot(classes, 'legal'), children: ["\u00A9 ", legal.year ?? currentYear(), " ", legal.name, legal.abn ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: " \u00B7 " }), _jsxs("span", { children: ["ABN ", legal.abn] })] })) : null] }), policies.length > 0 ? (_jsx("ul", { ...slot(classes, 'policies'), children: policies.map((link) => (_jsx("li", { children: _jsx(FooterLink, { link: link, hooks: slot(classes, 'policyLink') }) }, link.href))) })) : null] }) })] }));
+}
+//# sourceMappingURL=site-footer.js.map

package/dist/ui-kit/sections/site-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer.js","sourceRoot":"","sources":["../../../src/ui-kit/sections/site-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * S27 `SiteFooter`: the v1 §6 footer, structured the same on every site. Server component; one small client island\n * (`SiteFooterColumns`) turns the columns into a phone accordion.\n *\n * Column 1: the logo, a short description, one line per licence (with its register link when given), social and\n * Business Profile icons, then the phone (`phone_link_click` placement `footer`), the email and the address only when\n * it is public. Then Services, Areas and Company, each under a real H2, in that order. A bottom bar: © year name ·\n * ABN · the privacy and terms links. Never a quote button, \"based in\", opening hours, a guides column or a \"back to\n * top\" text link: the props have no place for them.\n *\n * Variants: `columns`; `photo`, with the site's backdrop image for the panel in `media` (decorative, `aria-hidden`),\n * for example Superior's sunlit water. Signature art goes in `decoration`.\n */\nimport Link from 'next/link'\nimport type { ReactNode } from 'react'\nimport { Icon, SocialIcon } from '../icons.js'\nimport { PhoneLink } from '../primitives/links.js'\nimport { slot, type SkinEntry } from '../skin.js'\nimport type { UiLink, UiPhone, UiSocial } from '../types.js'\nimport { SiteFooterColumns } from './site-footer-columns.js'\n\nexport const SITE_FOOTER_VARIANTS = ['columns', 'photo'] as const\nexport type SiteFooterVariant = (typeof SITE_FOOTER_VARIANTS)[number]\n\nexport type SiteFooterSlot =\n  | 'root'\n  | 'panel'\n  | 'media'\n  | 'inner'\n  | 'brand'\n  | 'logo'\n  | 'description'\n  | 'licences'\n  | 'licenceLink'\n  | 'social'\n  | 'socialLink'\n  | 'contact'\n  | 'phone'\n  | 'phoneLabel'\n  | 'phoneNumber'\n  | 'email'\n  | 'address'\n  | 'columns'\n  | 'column'\n  | 'heading'\n  | 'toggle'\n  | 'list'\n  | 'link'\n  | 'bottom'\n  | 'bottomInner'\n  | 'legal'\n  | 'policies'\n  | 'policyLink'\n\nexport type SiteFooterSkin = SkinEntry<SiteFooterSlot, SiteFooterVariant>\n\n/** One licence line: the text as the register shows it, and the register link when there is one. */\nexport interface SiteFooterLicence {\n  readonly text: string\n  readonly href?: string\n}\n\nexport interface SiteFooterColumn {\n  /** The H2 text, for example \"Services\". */\n  readonly heading: string\n  readonly links: readonly UiLink[]\n}\n\nexport interface SiteFooterProps extends SiteFooterSkin {\n  /** The logo link's accessible name. */\n  readonly brandName: string\n  readonly homeHref?: string\n  /** The site's logo node (decorative inside the named link). */\n  readonly logo: ReactNode\n  /** Two or three lines about the business. */\n  readonly description: string\n  readonly licences?: readonly SiteFooterLicence[]\n  readonly socials?: readonly UiSocial[]\n  readonly phone: UiPhone\n  /** Optional words before the number, for example \"Call us\". */\n  readonly phoneLabel?: string\n  readonly email?: string\n  /** Only when the business shows its address publicly. */\n  readonly address?: string\n  /** Services, Areas and Company, rendered in that order; leave one out when the site has nothing true for it. */\n  readonly columns: {\n    readonly services?: SiteFooterColumn\n    readonly areas?: SiteFooterColumn\n    readonly company?: SiteFooterColumn\n  }\n  readonly legal: {\n    /** The legal or trading name. */\n    readonly name: string\n    readonly abn?: string\n    /** Defaults to the current year in Sydney. */\n    readonly year?: number\n    /** The privacy policy link, labelled by the site. */\n    readonly privacy?: UiLink\n    /** The terms link, labelled by the site. */\n    readonly terms?: UiLink\n  }\n  /** The `photo` variant's backdrop image for the panel (decorative). */\n  readonly media?: ReactNode\n  /** Signature art, rendered `aria-hidden`. */\n  readonly decoration?: ReactNode\n  /** Prefix for the column list ids (default `bl-footer`). */\n  readonly idPrefix?: string\n}\n\nconst COLUMN_KEYS = ['services', 'areas', 'company'] as const\n\nfunction isExternal(href: string) {\n  return /^https?:\\/\\//i.test(href)\n}\n\nfunction FooterLink({ link, hooks }: { link: UiLink; hooks?: { 'data-slot': string; className: string | undefined } }) {\n  return isExternal(link.href) ? (\n    <a href={link.href} {...hooks} target=\"_blank\" rel=\"noopener noreferrer\">\n      {link.label}\n    </a>\n  ) : (\n    <Link href={link.href} {...hooks}>\n      {link.label}\n    </Link>\n  )\n}\n\nfunction currentYear() {\n  return Number(new Intl.DateTimeFormat('en-AU', { year: 'numeric', timeZone: 'Australia/Sydney' }).format(new Date()))\n}\n\nexport function SiteFooter({\n  brandName,\n  homeHref = '/',\n  logo,\n  description,\n  licences = [],\n  socials = [],\n  phone,\n  phoneLabel,\n  email,\n  address,\n  columns,\n  legal,\n  media,\n  decoration,\n  idPrefix = 'bl-footer',\n  variant = 'columns',\n  classes,\n}: SiteFooterProps) {\n  const policies = [legal.privacy, legal.terms].filter((link): link is UiLink => !!link)\n  return (\n    <footer data-bl=\"footer\" data-variant={variant} className={classes?.root}>\n      {decoration ? (\n        <div data-slot=\"decoration\" aria-hidden=\"true\">\n          {decoration}\n        </div>\n      ) : null}\n      <div {...slot(classes, 'panel')}>\n        {variant === 'photo' && media ? (\n          <div {...slot(classes, 'media')} aria-hidden=\"true\">\n            {media}\n          </div>\n        ) : null}\n        <div {...slot(classes, 'inner')}>\n          <div {...slot(classes, 'brand')}>\n            <Link href={homeHref} {...slot(classes, 'logo')} aria-label={brandName}>\n              {logo}\n            </Link>\n            <p {...slot(classes, 'description')}>{description}</p>\n            {licences.length > 0 ? (\n              <ul {...slot(classes, 'licences')}>\n                {licences.map((licence) => (\n                  <li key={licence.text}>\n                    {licence.href ? (\n                      <a {...slot(classes, 'licenceLink')} href={licence.href} target=\"_blank\" rel=\"noopener noreferrer\">\n                        {licence.text}\n                      </a>\n                    ) : (\n                      licence.text\n                    )}\n                  </li>\n                ))}\n              </ul>\n            ) : null}\n            {socials.length > 0 ? (\n              <ul {...slot(classes, 'social')}>\n                {socials.map((social) => (\n                  <li key={social.href}>\n                    <a {...slot(classes, 'socialLink')} href={social.href} aria-label={social.label} target=\"_blank\" rel=\"noopener noreferrer\">\n                      <SocialIcon kind={social.kind} />\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            ) : null}\n            <div {...slot(classes, 'contact')}>\n              <PhoneLink phone={phone} placement=\"footer\" label={phoneLabel} classes={{ root: classes?.phone, label: classes?.phoneLabel, number: classes?.phoneNumber }} />\n              {email ? (\n                <a {...slot(classes, 'email')} href={`mailto:${email}`}>\n                  {email}\n                </a>\n              ) : null}\n              {address ? <p {...slot(classes, 'address')}>{address}</p> : null}\n            </div>\n          </div>\n          <SiteFooterColumns className={classes?.columns}>\n            {COLUMN_KEYS.map((key) => {\n              const column = columns[key]\n              if (!column || column.links.length === 0) return null\n              const listId = `${idPrefix}-${key}`\n              return (\n                <div key={key} {...slot(classes, 'column')} data-column={key}>\n                  <h2 {...slot(classes, 'heading')}>\n                    <span data-slot=\"headingText\">{column.heading}</span>\n                    <button type=\"button\" {...slot(classes, 'toggle')} aria-expanded=\"false\" aria-controls={listId} hidden>\n                      <span>{column.heading}</span>\n                      <Icon name=\"chevron\" />\n                    </button>\n                  </h2>\n                  <ul id={listId} {...slot(classes, 'list')}>\n                    {column.links.map((link) => (\n                      <li key={link.href}>\n                        <FooterLink link={link} hooks={slot(classes, 'link')} />\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              )\n            })}\n          </SiteFooterColumns>\n        </div>\n      </div>\n      <div {...slot(classes, 'bottom')}>\n        <div {...slot(classes, 'bottomInner')}>\n          <p {...slot(classes, 'legal')}>\n            © {legal.year ?? currentYear()} {legal.name}\n            {legal.abn ? (\n              <>\n                <span aria-hidden=\"true\"> · </span>\n                <span>ABN {legal.abn}</span>\n              </>\n            ) : null}\n          </p>\n          {policies.length > 0 ? (\n            <ul {...slot(classes, 'policies')}>\n              {policies.map((link) => (\n                <li key={link.href}>\n                  <FooterLink link={link} hooks={slot(classes, 'policyLink')} />\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      </div>\n    </footer>\n  )\n}\n"]}