@brandlab-digital/site-next 3.13.0 → 3.15.0

package/dist/ui-kit/primitives/media-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-frame.js","sourceRoot":"","sources":["../../../src/ui-kit/primitives/media-frame.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * `MediaFrame` (3.14.0, F13): one image from the site's media manifest in a frame of an allowed ratio. Server\n * component over `next/image`, and the library's one image path: `Media` and the hero render through it, so the\n * \"Illustration\" label and the sizing rule below live here only. It is provenance-aware: the root carries\n * `data-provenance`, and an AI image shows the locked visible label \"Illustration\" inside the `<figcaption>`, so the\n * figure's accessible caption names it an illustration too. A caption (\"{what}, {suburb}, {month year}\") or the label\n * makes the root a `<figure>`; otherwise it is a `<div>`.\n *\n * Sizing (cost item 1g) is one of two kinds, and the type takes exactly one:\n * - **fluid** (`sizes`, which must have a `vw` part, for example `(min-width: 1024px) 50vw, 100vw`): Next keeps only the\n *   widths the layout can use.\n * - **fixed** (`displayWidth`, the CSS width in pixels): no `sizes` at all, so Next emits a 1x and a 2x candidate only.\n *   A `sizes` without `vw` (for example `sizes=\"148px\"`) makes Next list all 16 widths, which was 28–30% of some pages'\n *   HTML; it is refused here.\n *\n * `priority` is for the page's largest image (the hero): preloaded and fetched with high priority, never lazy. Every\n * other image loads lazily.\n */\nimport Image from 'next/image'\nimport type { ReactNode } from 'react'\nimport { BRANDLAB_MEDIA_RATIOS, type BrandlabMediaEntry, type BrandlabMediaRatio } from '@brandlab-digital/site-core/media'\nimport { slot, type SkinEntry } from '../skin.js'\n\n/** What a frame needs from a `media.ts` entry; a whole `BrandlabMediaEntry` fits. */\nexport type UiMedia = Pick<BrandlabMediaEntry, 'src' | 'width' | 'height' | 'alt' | 'provenance'> &\n  Partial<Pick<BrandlabMediaEntry, 'decorative' | 'focalPoint'>>\n\nexport type MediaFrameSlot = 'root' | 'img' | 'caption' | 'label'\nexport type MediaFrameSkin = SkinEntry<MediaFrameSlot>\n\n/** The locked visible label on an AI image (F13; truth wording, not site copy). */\nexport const ILLUSTRATION_LABEL = 'Illustration'\n\n/** Exactly one sizing: `sizes` with a `vw` part for a fluid image, or `displayWidth` for a fixed-size one. */\nexport type MediaFrameSizing =\n  | { readonly sizes: string; readonly displayWidth?: never }\n  | { readonly displayWidth: number; readonly sizes?: never }\n\nexport type MediaFrameProps = MediaFrameSkin &\n  MediaFrameSizing & {\n    readonly media: UiMedia\n    /** Crop to an allowed ratio; by default the frame keeps the image's own shape. */\n    readonly ratio?: BrandlabMediaRatio\n    /** \"{what}, {suburb}, {month year}\", only when the photo really shows that job. */\n    readonly caption?: ReactNode\n    /** The page's largest image: preloaded, high fetch priority, never lazy. */\n    readonly priority?: boolean\n  }\n\n/** Next's own test for a `vw` part in `sizes` (shared/lib/get-img-props). */\nconst VIEWPORT_WIDTH = /(^|\\s)(1?\\d?\\d)vw/\n\nfunction ratioOf(ratio: BrandlabMediaRatio): number {\n  const [width, height] = ratio.split(':').map(Number) as [number, number]\n  return height / width\n}\n\nexport function MediaFrame(props: MediaFrameProps) {\n  const { media, ratio, caption, priority = false, classes } = props\n  if (ratio !== undefined && !(BRANDLAB_MEDIA_RATIOS as readonly string[]).includes(ratio)) {\n    throw new Error(`MediaFrame ${media.src}: ratio \"${ratio}\" is not one of ${BRANDLAB_MEDIA_RATIOS.join(', ')}.`)\n  }\n  let width = media.width\n  let height = media.height\n  let sizes: string | undefined\n  if (props.sizes !== undefined) {\n    if (!VIEWPORT_WIDTH.test(props.sizes)) {\n      throw new Error(\n        `MediaFrame ${media.src}: sizes \"${props.sizes}\" has no vw part, so Next would list every width. Give a fluid image a vw size, or a fixed-size image its displayWidth instead.`,\n      )\n    }\n    sizes = props.sizes\n  } else {\n    if (!Number.isInteger(props.displayWidth) || props.displayWidth <= 0) {\n      throw new Error(`MediaFrame ${media.src}: displayWidth must be the image's CSS width in whole pixels.`)\n    }\n    width = props.displayWidth\n    height = Math.round(props.displayWidth * (ratio ? ratioOf(ratio) : media.height / media.width))\n  }\n  const illustration = media.provenance === 'illustrative-ai'\n  const hasCaption = caption !== undefined && caption !== null && caption !== ''\n  const Root = illustration || hasCaption ? 'figure' : 'div'\n  const focal = media.focalPoint ? { objectPosition: `${media.focalPoint.x}% ${media.focalPoint.y}%` } : undefined\n  return (\n    <Root\n      data-bl=\"media\"\n      data-ratio={ratio}\n      data-fit={sizes ? 'fluid' : 'fixed'}\n      data-provenance={media.provenance}\n      className={classes?.root}\n    >\n      <Image\n        src={media.src}\n        alt={media.decorative ? '' : media.alt}\n        width={width}\n        height={height}\n        sizes={sizes}\n        style={focal}\n        {...(priority ? { preload: true, fetchPriority: 'high' as const } : { loading: 'lazy' as const })}\n        {...slot(classes, 'img')}\n      />\n      {illustration || hasCaption ? (\n        <figcaption {...slot(classes, 'caption')}>\n          {illustration ? <span {...slot(classes, 'label')}>{ILLUSTRATION_LABEL}</span> : null}\n          {illustration && hasCaption ? ' ' : null}\n          {hasCaption ? caption : null}\n        </figcaption>\n      ) : null}\n    </Root>\n  )\n}\n"]}

package/dist/ui-kit/primitives/media.d.ts

@@ -0,0 +1,38 @@
+/**
+ * `Media` (F13, 3.14.0): one image from the site's media manifest (`src/data/media.ts`, `defineMedia`), rendered through
+ * `MediaFrame`, the library's one image path. Server component. It takes a skin entry with `layout.ratio`, which the
+ * services grid uses for its photos; everything else (provenance, the locked "Illustration" label, the focal point
+ * and the sizing rule) is `MediaFrame`'s.
+ *
+ * - `sizes` is required. A number is a fixed CSS width (logos, avatars, thumbnails, the header's featured image): it
+ *   becomes `MediaFrame`'s `displayWidth`, so the image renders no `sizes` and Next emits only the 1x and 2x candidates
+ *   (cost item 1g). A string is a fluid `sizes` value and must have a `vw` part.
+ * - `preload` is for the page's main (hero) image only: preloaded at high priority and never lazy.
+ * - `layout.ratio` crops to one of the allowed ratios, keeping the entry's focal point in view.
+ */
+import type { ReactNode } from 'react';
+import type { BrandlabMediaEntry, BrandlabMediaRatio } from '@brandlab-digital/site-core/media';
+import type { SkinEntry } from '../skin.js';
+export type MediaSlot = 'root' | 'img' | 'caption' | 'label';
+export interface MediaLayout {
+    /** Crop to one of the allowed ratios (16:9, 4:5, 4:3, 3:2). Left out, the image keeps its own shape. */
+    readonly ratio?: BrandlabMediaRatio;
+}
+export type MediaSkin = SkinEntry<MediaSlot, never, MediaLayout>;
+/** The visible label on an AI image (F13). Locked: a site can't rename or hide it. The same value as `ILLUSTRATION_LABEL`. */
+export declare const MEDIA_ILLUSTRATION_LABEL = "Illustration";
+export interface MediaProps extends MediaSkin {
+    /** The manifest entry, for example `media['castle-hill-gum-removal']`. */
+    readonly media: BrandlabMediaEntry;
+    /**
+     * The rendered width: a whole number of CSS pixels for a fixed-size image (no `sizes`, so 1x and 2x only), or a
+     * fluid `sizes` string with a `vw` part such as `(min-width: 1024px) 50vw, 100vw`.
+     */
+    readonly sizes: number | string;
+    /** The page's main image: preloaded at high priority, never lazy. One per page. */
+    readonly preload?: boolean;
+    /** A visible caption, for example "Gum removal over a pool, Epping, March 2026". */
+    readonly caption?: ReactNode;
+}
+export declare function Media({ media, sizes, preload, caption, layout, classes }: MediaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=media.d.ts.map

package/dist/ui-kit/primitives/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/primitives/media.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAG3C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,CAAA;AAC5D,MAAM,WAAW,WAAW;IAC1B,wGAAwG;IACxG,QAAQ,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAA;CACpC;AACD,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAEhE,8HAA8H;AAC9H,eAAO,MAAM,wBAAwB,iBAAqB,CAAA;AAE1D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,mFAAmF;IACnF,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;CAC7B;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAe,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,UAAU,2CAK5F"}

package/dist/ui-kit/primitives/media.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ILLUSTRATION_LABEL, MediaFrame } from './media-frame.js';
+/** The visible label on an AI image (F13). Locked: a site can't rename or hide it. The same value as `ILLUSTRATION_LABEL`. */
+export const MEDIA_ILLUSTRATION_LABEL = ILLUSTRATION_LABEL;
+export function Media({ media, sizes, preload = false, caption, layout, classes }) {
+    const sizing = typeof sizes === 'number' ? { displayWidth: sizes } : { sizes };
+    return (_jsx(MediaFrame, { media: media, ...sizing, ratio: layout?.ratio, caption: caption, priority: preload, classes: classes }));
+}
+//# sourceMappingURL=media.js.map

package/dist/ui-kit/primitives/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/ui-kit/primitives/media.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AASjE,8HAA8H;AAC9H,MAAM,CAAC,MAAM,wBAAwB,GAAG,kBAAkB,CAAA;AAgB1D,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAc;IAC3F,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAA;IAC9E,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,KAAM,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CACtH,CAAA;AACH,CAAC","sourcesContent":["/**\n * `Media` (F13, 3.14.0): one image from the site's media manifest (`src/data/media.ts`, `defineMedia`), rendered through\n * `MediaFrame`, the library's one image path. Server component. It takes a skin entry with `layout.ratio`, which the\n * services grid uses for its photos; everything else (provenance, the locked \"Illustration\" label, the focal point\n * and the sizing rule) is `MediaFrame`'s.\n *\n * - `sizes` is required. A number is a fixed CSS width (logos, avatars, thumbnails, the header's featured image): it\n *   becomes `MediaFrame`'s `displayWidth`, so the image renders no `sizes` and Next emits only the 1x and 2x candidates\n *   (cost item 1g). A string is a fluid `sizes` value and must have a `vw` part.\n * - `preload` is for the page's main (hero) image only: preloaded at high priority and never lazy.\n * - `layout.ratio` crops to one of the allowed ratios, keeping the entry's focal point in view.\n */\nimport type { ReactNode } from 'react'\nimport type { BrandlabMediaEntry, BrandlabMediaRatio } from '@brandlab-digital/site-core/media'\nimport type { SkinEntry } from '../skin.js'\nimport { ILLUSTRATION_LABEL, MediaFrame } from './media-frame.js'\n\nexport type MediaSlot = 'root' | 'img' | 'caption' | 'label'\nexport interface MediaLayout {\n  /** Crop to one of the allowed ratios (16:9, 4:5, 4:3, 3:2). Left out, the image keeps its own shape. */\n  readonly ratio?: BrandlabMediaRatio\n}\nexport type MediaSkin = SkinEntry<MediaSlot, never, MediaLayout>\n\n/** The visible label on an AI image (F13). Locked: a site can't rename or hide it. The same value as `ILLUSTRATION_LABEL`. */\nexport const MEDIA_ILLUSTRATION_LABEL = ILLUSTRATION_LABEL\n\nexport interface MediaProps extends MediaSkin {\n  /** The manifest entry, for example `media['castle-hill-gum-removal']`. */\n  readonly media: BrandlabMediaEntry\n  /**\n   * The rendered width: a whole number of CSS pixels for a fixed-size image (no `sizes`, so 1x and 2x only), or a\n   * fluid `sizes` string with a `vw` part such as `(min-width: 1024px) 50vw, 100vw`.\n   */\n  readonly sizes: number | string\n  /** The page's main image: preloaded at high priority, never lazy. One per page. */\n  readonly preload?: boolean\n  /** A visible caption, for example \"Gum removal over a pool, Epping, March 2026\". */\n  readonly caption?: ReactNode\n}\n\nexport function Media({ media, sizes, preload = false, caption, layout, classes }: MediaProps) {\n  const sizing = typeof sizes === 'number' ? { displayWidth: sizes } : { sizes }\n  return (\n    <MediaFrame media={media} {...sizing} ratio={layout?.ratio} caption={caption} priority={preload} classes={classes} />\n  )\n}\n"]}

package/dist/ui-kit/primitives/quote-button.d.ts

@@ -16,8 +16,31 @@ export interface QuoteButtonProps extends QuoteButtonSkin {
     readonly placement: LeadCtaPlacement;
     /** A stable id for `lead_cta_click`, for example `quote-header` or `quote-cta`. */
     readonly ctaId: string;
-    /** `auto` by default: the main quote action keeps Next's prefetch (`LINK_PREFETCH_POLICY.primaryAction`). */
+    /**
+     * `auto` by default: the main quote action keeps Next's prefetch (`LINK_PREFETCH_POLICY.primaryAction`). A link to a
+     * place on the same page (`#quote-hero`) never prefetches, and in the header, drawer and call bar the button never
+     * prefetches its own page (on `/contact`, `/contact#quote`).
+     */
     readonly prefetch?: LinkPrefetch;
 }
-export declare function QuoteButton({ label, href, placement, ctaId, prefetch, variant, layout, classes }: QuoteButtonProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * The quote button's anchor props and content (internal; not exported from the subpath). `QuoteButton` renders them
+ * through `next/link`; the shell's header, drawer and call bar render them through a link that also turns prefetch
+ * off on the quote page itself.
+ */
+export declare function quoteButtonParts({ label, href, placement, ctaId, variant, layout, classes }: QuoteButtonProps, options?: {
+    readonly compactLabel?: string | undefined;
+}): {
+    href: string;
+    hooks: {
+        'data-bl': string;
+        'data-variant': "primary" | "secondary" | "quiet";
+        'data-size': "regular" | "large";
+        'data-bl-cta': string;
+        'data-bl-cta-placement': "header" | "footer" | "hero" | "page" | "section" | "navigation" | "floating";
+        className: string | undefined;
+    };
+    children: import("react/jsx-runtime").JSX.Element;
+};
+export declare function QuoteButton(props: QuoteButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=quote-button.d.ts.map

package/dist/ui-kit/primitives/quote-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quote-button.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/primitives/quote-button.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AACvD,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,eAAe,EAAE,aAAa,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAA;AAEvH,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,yGAAyG;IACzG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAA;IACpC,mFAAmF;IACnF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,6GAA6G;IAC7G,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAA;CACjC;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAoB9H"}
+{"version":3,"file":"quote-button.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/primitives/quote-button.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AACvD,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,eAAe,EAAE,aAAa,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAA;AAEvH,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,yGAAyG;IACzG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAA;IACpC,mFAAmF;IACnF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAA;CACjC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,EACzF,OAAO,GAAE;IAAE,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAO;;;;;;;;;;;EAiC7D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAOlD"}

package/dist/ui-kit/primitives/quote-button.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `QuoteButton`: the quote action. A server-rendered link to the page's quote form (for example `/contact#quote`), so
  * it works before scripts run. When a `QuoteDialog` is on the page (3.10.0) it opens the dialog instead; on the
@@ -10,7 +10,29 @@ import Link from 'next/link';
 import { Icon } from '../icons.js';
 import { linkPrefetchProps } from '../prefetch.js';
 import { slot } from '../skin.js';
-export function QuoteButton({ label, href, placement, ctaId, prefetch, variant = 'primary', layout, classes }) {
-    return (_jsxs(Link, { href: href, ...linkPrefetchProps(prefetch), "data-bl": "quote-button", "data-variant": variant, "data-size": layout?.size ?? 'regular', "data-bl-cta": ctaId, "data-bl-cta-placement": placement, className: classes?.root, children: [_jsx("span", { ...slot(classes, 'label'), children: label }), layout?.icon === false ? null : (_jsx("span", { ...slot(classes, 'icon'), children: _jsx(Icon, { name: "arrow" }) }))] }));
+/**
+ * The quote button's anchor props and content (internal; not exported from the subpath). `QuoteButton` renders them
+ * through `next/link`; the shell's header, drawer and call bar render them through a link that also turns prefetch
+ * off on the quote page itself.
+ */
+export function quoteButtonParts({ label, href, placement, ctaId, variant = 'primary', layout, classes }, options = {}) {
+    const compact = options.compactLabel?.trim();
+    if (compact !== undefined && (compact === '' || !label.toLowerCase().includes(compact.toLowerCase()))) {
+        throw new Error(`The compact quote label "${options.compactLabel}" must be part of the quote label "${label}" (WCAG 2.5.3: the visible label is in the name).`);
+    }
+    const hooks = {
+        'data-bl': 'quote-button',
+        'data-variant': variant,
+        'data-size': layout?.size ?? 'regular',
+        'data-bl-cta': ctaId,
+        'data-bl-cta-placement': placement,
+        className: classes?.root,
+    };
+    const children = (_jsxs(_Fragment, { children: [compact ? (_jsx("span", { ...slot(classes, 'label'), "data-compact-label": compact, children: _jsx("span", { "data-bl-full-label": "", children: label }) })) : (_jsx("span", { ...slot(classes, 'label'), children: label })), layout?.icon === false ? null : (_jsx("span", { ...slot(classes, 'icon'), children: _jsx(Icon, { name: "arrow" }) }))] }));
+    return { href, hooks, children };
+}
+export function QuoteButton(props) {
+    const { href, hooks, children } = quoteButtonParts(props);
+    return (_jsx(Link, { href: href, ...linkPrefetchProps(props.prefetch, href), ...hooks, children: children }));
 }
 //# sourceMappingURL=quote-button.js.map

package/dist/ui-kit/primitives/quote-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"quote-button.js","sourceRoot":"","sources":["../../../src/ui-kit/primitives/quote-button.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAqB,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAA;AAmBjD,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,EAAoB;IAC7H,OAAO,CACL,MAAC,IAAI,IACH,IAAI,EAAE,IAAI,KACN,iBAAiB,CAAC,QAAQ,CAAC,aACvB,cAAc,kBACR,OAAO,eACV,MAAM,EAAE,IAAI,IAAI,SAAS,iBACvB,KAAK,2BACK,SAAS,EAChC,SAAS,EAAE,OAAO,EAAE,IAAI,aAExB,kBAAU,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,YAAG,KAAK,GAAQ,EAC/C,MAAM,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/B,kBAAU,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,YAC7B,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GAChB,CACR,IACI,CACR,CAAA;AACH,CAAC","sourcesContent":["/**\n * `QuoteButton`: the quote action. A server-rendered link to the page's quote form (for example `/contact#quote`), so\n * it works before scripts run. When a `QuoteDialog` is on the page (3.10.0) it opens the dialog instead; on the\n * contact page the link scrolls to the form. It carries the `data-bl-cta` hooks only: from 3.9.0 the shared\n * instrumentation reads them and sends `lead_cta_click` when lead diagnostics are on. Nothing is sent in 3.8.0, and\n * nothing here emits events itself.\n */\nimport Link from 'next/link'\nimport type { LeadCtaPlacement } from '../../analytics.js'\nimport { Icon } from '../icons.js'\nimport { linkPrefetchProps, type LinkPrefetch } from '../prefetch.js'\nimport { slot, type SkinEntry } from '../skin.js'\nimport type { ButtonVariant } from './links.js'\n\nexport type QuoteButtonSlot = 'root' | 'label' | 'icon'\nexport type QuoteButtonSkin = SkinEntry<QuoteButtonSlot, ButtonVariant, { size?: 'regular' | 'large'; icon?: boolean }>\n\nexport interface QuoteButtonProps extends QuoteButtonSkin {\n  /** The site's recorded quote label, or one from the closed list (C5), for example \"Get a free quote\". */\n  readonly label: string\n  /** The quote form this falls back to without scripts, for example `/contact#quote`. */\n  readonly href: string\n  /** Where the button sits, for `lead_cta_click`. */\n  readonly placement: LeadCtaPlacement\n  /** A stable id for `lead_cta_click`, for example `quote-header` or `quote-cta`. */\n  readonly ctaId: string\n  /** `auto` by default: the main quote action keeps Next's prefetch (`LINK_PREFETCH_POLICY.primaryAction`). */\n  readonly prefetch?: LinkPrefetch\n}\n\nexport function QuoteButton({ label, href, placement, ctaId, prefetch, variant = 'primary', layout, classes }: QuoteButtonProps) {\n  return (\n    <Link\n      href={href}\n      {...linkPrefetchProps(prefetch)}\n      data-bl=\"quote-button\"\n      data-variant={variant}\n      data-size={layout?.size ?? 'regular'}\n      data-bl-cta={ctaId}\n      data-bl-cta-placement={placement}\n      className={classes?.root}\n    >\n      <span {...slot(classes, 'label')}>{label}</span>\n      {layout?.icon === false ? null : (\n        <span {...slot(classes, 'icon')}>\n          <Icon name=\"arrow\" />\n        </span>\n      )}\n    </Link>\n  )\n}\n"]}
+{"version":3,"file":"quote-button.js","sourceRoot":"","sources":["../../../src/ui-kit/primitives/quote-button.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAqB,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAA;AAuBjD;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAC9B,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,EAAoB,EACzF,UAA0D,EAAE;IAE5D,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,CAAA;IAC5C,IAAI,OAAO,KAAK,SAAS,IAAI,CAAC,OAAO,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;QACtG,MAAM,IAAI,KAAK,CAAC,4BAA4B,OAAO,CAAC,YAAY,sCAAsC,KAAK,mDAAmD,CAAC,CAAA;IACjK,CAAC;IACD,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,cAAc;QACzB,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,MAAM,EAAE,IAAI,IAAI,SAAS;QACtC,aAAa,EAAE,KAAK;QACpB,uBAAuB,EAAE,SAAS;QAClC,SAAS,EAAE,OAAO,EAAE,IAAI;KACzB,CAAA;IACD,MAAM,QAAQ,GAAG,CACf,8BACG,OAAO,CAAC,CAAC,CAAC,CAGT,kBAAU,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,wBAAsB,OAAO,YAC3D,qCAAyB,EAAE,YAAE,KAAK,GAAQ,GACrC,CACR,CAAC,CAAC,CAAC,CACF,kBAAU,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,YAAG,KAAK,GAAQ,CACjD,EACA,MAAM,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/B,kBAAU,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,YAC7B,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GAChB,CACR,IACA,CACJ,CAAA;IACD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AAClC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACzD,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAM,KAAK,YACrE,QAAQ,GACJ,CACR,CAAA;AACH,CAAC","sourcesContent":["/**\n * `QuoteButton`: the quote action. A server-rendered link to the page's quote form (for example `/contact#quote`), so\n * it works before scripts run. When a `QuoteDialog` is on the page (3.10.0) it opens the dialog instead; on the\n * contact page the link scrolls to the form. It carries the `data-bl-cta` hooks only: from 3.9.0 the shared\n * instrumentation reads them and sends `lead_cta_click` when lead diagnostics are on. Nothing is sent in 3.8.0, and\n * nothing here emits events itself.\n */\nimport Link from 'next/link'\nimport type { LeadCtaPlacement } from '../../analytics.js'\nimport { Icon } from '../icons.js'\nimport { linkPrefetchProps, type LinkPrefetch } from '../prefetch.js'\nimport { slot, type SkinEntry } from '../skin.js'\nimport type { ButtonVariant } from './links.js'\n\nexport type QuoteButtonSlot = 'root' | 'label' | 'icon'\nexport type QuoteButtonSkin = SkinEntry<QuoteButtonSlot, ButtonVariant, { size?: 'regular' | 'large'; icon?: boolean }>\n\nexport interface QuoteButtonProps extends QuoteButtonSkin {\n  /** The site's recorded quote label, or one from the closed list (C5), for example \"Get a free quote\". */\n  readonly label: string\n  /** The quote form this falls back to without scripts, for example `/contact#quote`. */\n  readonly href: string\n  /** Where the button sits, for `lead_cta_click`. */\n  readonly placement: LeadCtaPlacement\n  /** A stable id for `lead_cta_click`, for example `quote-header` or `quote-cta`. */\n  readonly ctaId: string\n  /**\n   * `auto` by default: the main quote action keeps Next's prefetch (`LINK_PREFETCH_POLICY.primaryAction`). A link to a\n   * place on the same page (`#quote-hero`) never prefetches, and in the header, drawer and call bar the button never\n   * prefetches its own page (on `/contact`, `/contact#quote`).\n   */\n  readonly prefetch?: LinkPrefetch\n}\n\n/**\n * The quote button's anchor props and content (internal; not exported from the subpath). `QuoteButton` renders them\n * through `next/link`; the shell's header, drawer and call bar render them through a link that also turns prefetch\n * off on the quote page itself.\n */\nexport function quoteButtonParts(\n  { label, href, placement, ctaId, variant = 'primary', layout, classes }: QuoteButtonProps,\n  options: { readonly compactLabel?: string | undefined } = {},\n) {\n  const compact = options.compactLabel?.trim()\n  if (compact !== undefined && (compact === '' || !label.toLowerCase().includes(compact.toLowerCase()))) {\n    throw new Error(`The compact quote label \"${options.compactLabel}\" must be part of the quote label \"${label}\" (WCAG 2.5.3: the visible label is in the name).`)\n  }\n  const hooks = {\n    'data-bl': 'quote-button',\n    'data-variant': variant,\n    'data-size': layout?.size ?? 'regular',\n    'data-bl-cta': ctaId,\n    'data-bl-cta-placement': placement,\n    className: classes?.root,\n  }\n  const children = (\n    <>\n      {compact ? (\n        // The compact label is drawn from the attribute by the structure CSS on narrow phones (with empty alternative\n        // text), so the text, the accessible name and C5 still read the full label.\n        <span {...slot(classes, 'label')} data-compact-label={compact}>\n          <span data-bl-full-label=\"\">{label}</span>\n        </span>\n      ) : (\n        <span {...slot(classes, 'label')}>{label}</span>\n      )}\n      {layout?.icon === false ? null : (\n        <span {...slot(classes, 'icon')}>\n          <Icon name=\"arrow\" />\n        </span>\n      )}\n    </>\n  )\n  return { href, hooks, children }\n}\n\nexport function QuoteButton(props: QuoteButtonProps) {\n  const { href, hooks, children } = quoteButtonParts(props)\n  return (\n    <Link href={href} {...linkPrefetchProps(props.prefetch, href)} {...hooks}>\n      {children}\n    </Link>\n  )\n}\n"]}

package/dist/ui-kit/primitives/stat.d.ts

@@ -0,0 +1,25 @@
+/**
+ * `Stat` (3.14.0): one proof figure, set large with its label (AA's proof strip, Astute's work numbers). Server
+ * component. The value comes from a verified fact and is the final text in the server HTML: no count-up and nothing
+ * hidden before scripts run. An optional link says where the figure can be checked (the reviews, the licence register).
+ *
+ * Stats are rendered once per entry of a strip, so their parts take no class (3.14.0 repeated slots): the site styles
+ * `[data-bl="stat"]` once in `src/site/skin.css`.
+ */
+import type { RepeatedSlotOf } from '../repeated-slots.js';
+import { type SkinEntry } from '../skin.js';
+import type { UiLink } from '../types.js';
+export type StatSlot = RepeatedSlotOf<'stat'>;
+export type StatSkin = SkinEntry<StatSlot, never, Record<never, never>, StatSlot>;
+export interface StatProps extends StatSkin {
+    /** The figure itself, for example "1,200+" or "4.9". From a verified fact, never typed for effect. */
+    readonly value: string;
+    /** What it counts, for example "trees removed safely since 2009". */
+    readonly label: string;
+    /** Where to check it, for example `{ label: 'Read the reviews', href: '/reviews' }`. Never prefetched. */
+    readonly link?: UiLink;
+    /** `li` inside a list the caller renders, or `div` (the default). */
+    readonly as?: 'div' | 'li';
+}
+export declare function Stat({ value, label, link, as: Root }: StatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stat.d.ts.map

package/dist/ui-kit/primitives/stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/primitives/stat.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAgB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAC7C,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAA;AAEjF,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,sGAAsG;IACtG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,0GAA0G;IAC1G,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;CAC3B;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAY,EAAE,EAAE,SAAS,2CAWvE"}

package/dist/ui-kit/primitives/stat.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { repeatedSlot } from '../skin.js';
+import { Anchor } from './links.js';
+export function Stat({ value, label, link, as: Root = 'div' }) {
+    return (_jsxs(Root, { "data-bl": "stat", children: [_jsx("span", { ...repeatedSlot('value'), children: value }), " ", _jsx("span", { ...repeatedSlot('label'), children: label }), link ? (_jsx(Anchor, { href: link.href, prefetch: false, hooks: { 'data-slot': 'link' }, children: link.label })) : null] }));
+}
+//# sourceMappingURL=stat.js.map

package/dist/ui-kit/primitives/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","sourceRoot":"","sources":["../../../src/ui-kit/primitives/stat.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,YAAY,EAAkB,MAAM,YAAY,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAgBnC,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,GAAG,KAAK,EAAa;IACtE,OAAO,CACL,MAAC,IAAI,eAAS,MAAM,aAClB,kBAAU,YAAY,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,OAAC,kBAAU,YAAY,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,EAC9F,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,YACrE,IAAI,CAAC,KAAK,GACJ,CACV,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC","sourcesContent":["/**\n * `Stat` (3.14.0): one proof figure, set large with its label (AA's proof strip, Astute's work numbers). Server\n * component. The value comes from a verified fact and is the final text in the server HTML: no count-up and nothing\n * hidden before scripts run. An optional link says where the figure can be checked (the reviews, the licence register).\n *\n * Stats are rendered once per entry of a strip, so their parts take no class (3.14.0 repeated slots): the site styles\n * `[data-bl=\"stat\"]` once in `src/site/skin.css`.\n */\nimport type { RepeatedSlotOf } from '../repeated-slots.js'\nimport { repeatedSlot, type SkinEntry } from '../skin.js'\nimport type { UiLink } from '../types.js'\nimport { Anchor } from './links.js'\n\nexport type StatSlot = RepeatedSlotOf<'stat'>\nexport type StatSkin = SkinEntry<StatSlot, never, Record<never, never>, StatSlot>\n\nexport interface StatProps extends StatSkin {\n  /** The figure itself, for example \"1,200+\" or \"4.9\". From a verified fact, never typed for effect. */\n  readonly value: string\n  /** What it counts, for example \"trees removed safely since 2009\". */\n  readonly label: string\n  /** Where to check it, for example `{ label: 'Read the reviews', href: '/reviews' }`. Never prefetched. */\n  readonly link?: UiLink\n  /** `li` inside a list the caller renders, or `div` (the default). */\n  readonly as?: 'div' | 'li'\n}\n\nexport function Stat({ value, label, link, as: Root = 'div' }: StatProps) {\n  return (\n    <Root data-bl=\"stat\">\n      <span {...repeatedSlot('value')}>{value}</span> <span {...repeatedSlot('label')}>{label}</span>\n      {link ? (\n        <Anchor href={link.href} prefetch={false} hooks={{ 'data-slot': 'link' }}>\n          {link.label}\n        </Anchor>\n      ) : null}\n    </Root>\n  )\n}\n"]}

package/dist/ui-kit/repeated-slots.d.ts

@@ -0,0 +1,153 @@
+/**
+ * The repeated slots of every shared component (3.14.0): the parts a component renders once per entry of a list in
+ * its data. They carry their `data-slot` hook and never a class, so a long class string is not repeated in the HTML and
+ * the RSC payload for every link, review, star, card or chip. A site styles them once in `src/site/skin.css`:
+ *
+ * ```css
+ * @layer components {
+ *   [data-bl="footer"] [data-slot="link"] { @apply text-sm text-white/80 hover:text-white; }
+ *   [data-bl="header"] [data-slot="list"] [data-slot="panelLink"] { padding: 0.5rem 0.75rem; }
+ * }
+ * ```
+ *
+ * `scope` is the selector that holds the repeated slots without reaching a nested component that reuses a slot name
+ * (the drawer sits inside the header; the rating chip inside the reviews band uses `stars` too).
+ * `repeatedSlotSelector()` joins the two. Pure data: safe to import anywhere.
+ */
+export declare const REPEATED_SLOTS: {
+    readonly siteHeader: {
+        readonly scope: "[data-bl=\"header\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["item", "itemRow", "link", "trigger", "panel", "panelBody", "panelList", "panelGroup", "panelHeading", "panelLink", "panelLabel", "panelText", "featured", "featuredMedia", "featuredLabel", "featuredText"];
+    };
+    readonly mobileDrawer: {
+        readonly scope: "[data-bl=\"drawer\"]";
+        readonly slots: readonly ["group", "groupTrigger", "groupLinks", "groupLink", "link", "socialLink"];
+    };
+    readonly utilityBar: {
+        readonly scope: "[data-bl=\"utility\"]";
+        readonly slots: readonly ["item", "licence", "socialLink"];
+    };
+    readonly siteFooter: {
+        readonly scope: "[data-bl=\"footer\"]";
+        readonly slots: readonly ["licenceLink", "socialLink", "column", "heading", "toggle", "list", "link", "policyLink"];
+    };
+    readonly accordion: {
+        readonly scope: "[data-bl=\"accordion\"]";
+        readonly slots: readonly ["item", "summary", "label", "marker", "content"];
+    };
+    readonly faqs: {
+        readonly scope: "[data-bl-section=\"faqs\"] [data-slot=\"columns\"]";
+        readonly slots: readonly ["column", "group", "subheading", "accordion", "item", "summary", "label", "marker", "content"];
+        /** The nested accordion's root is its own component: `data-bl="accordion"`, not a `data-slot`. */
+        readonly hooks: {
+            readonly accordion: "[data-bl=\"accordion\"]";
+        };
+    };
+    readonly priceTable: {
+        readonly scope: "[data-bl=\"price-table\"]";
+        readonly slots: readonly ["row", "job", "cell", "label", "range", "unit", "gst", "parts", "part", "includes", "excludes"];
+    };
+    readonly priceGuide: {
+        readonly scope: "[data-bl-section=\"price-guide\"]";
+        readonly slots: readonly ["row", "job", "cell", "label", "range", "unit", "gst", "parts", "part", "includes", "excludes", "card", "title", "figures", "band", "factor", "name", "effect", "detail"];
+    };
+    readonly proofStrip: {
+        readonly scope: "[data-bl-section=\"proof-strip\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["item", "icon", "stars", "value", "label"];
+    };
+    readonly reviewsBand: {
+        readonly scope: "[data-bl-section=\"reviews\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["item", "stars", "quote", "more", "author", "avatar", "name", "date"];
+    };
+    readonly contactBlock: {
+        readonly scope: "[data-bl-section=\"contact\"] [data-slot=\"details\"]";
+        readonly slots: readonly ["line"];
+    };
+    readonly servicesGrid: {
+        readonly scope: "[data-bl-section=\"services\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["item", "body", "media", "title", "summary", "points", "point", "action", "link"];
+    };
+    readonly breadcrumbs: {
+        readonly scope: "[data-bl=\"breadcrumbs\"]";
+        readonly slots: readonly ["item", "link", "current"];
+    };
+    readonly localFacts: {
+        readonly scope: "[data-bl-section=\"local-facts\"]";
+        readonly slots: readonly ["fact", "factSource", "fee"];
+    };
+    readonly councilRules: {
+        readonly scope: "[data-bl-section=\"council-rules\"]";
+        readonly slots: readonly ["fee"];
+    };
+    readonly nearbyJobs: {
+        readonly scope: "[data-bl-section=\"nearby-jobs\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["item", "body", "media", "title", "link", "outcome"];
+    };
+    readonly coverage: {
+        readonly scope: "[data-bl-section=\"coverage\"] [data-slot=\"groups\"]";
+        readonly slots: readonly ["group", "groupHeading"];
+    };
+    readonly relatedServices: {
+        readonly scope: "[data-bl-section=\"related-services\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["item", "body", "media", "title", "summary", "link"];
+    };
+    readonly gallery: {
+        readonly scope: "[data-bl-section=\"gallery\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["item", "link"];
+    };
+    readonly beforeAfter: {
+        readonly scope: "[data-bl-section=\"before-after\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["pair", "frames", "frame", "note"];
+    };
+    readonly licences: {
+        readonly scope: "[data-bl-section=\"licences\"] [data-slot=\"list\"]";
+        readonly slots: readonly ["row", "label", "value", "number", "holder", "classes", "class", "register", "cover", "amount"];
+    };
+    readonly thankYou: {
+        readonly scope: "[data-bl=\"thank-you\"]";
+        readonly slots: readonly ["step"];
+    };
+    readonly photoUpload: {
+        readonly scope: "[data-bl=\"photo-upload\"]";
+        readonly slots: readonly ["photo", "thumb", "remove"];
+    };
+    readonly quoteForm: {
+        readonly scope: "[data-bl=\"quote-form\"] [data-bl=\"photo-upload\"]";
+        readonly slots: readonly ["photo", "thumb", "remove"];
+    };
+    readonly card: {
+        readonly scope: "[data-bl=\"card\"]";
+        readonly slots: readonly ["media", "body", "title", "link", "text", "meta"];
+    };
+    readonly badge: {
+        readonly scope: "[data-bl=\"badge\"]";
+        readonly slots: readonly ["icon", "label"];
+    };
+    readonly chip: {
+        readonly scope: "[data-bl=\"chip\"]";
+        readonly slots: readonly ["icon", "label"];
+    };
+    readonly stat: {
+        readonly scope: "[data-bl=\"stat\"]";
+        readonly slots: readonly ["value", "label", "link"];
+    };
+    readonly tickList: {
+        readonly scope: "[data-bl=\"tick-list\"]";
+        readonly slots: readonly ["item", "tick", "text", "link"];
+    };
+    /** A lean list (cost item 1f): plain `<li><a>` entries with no `data-slot`, reached by element. */
+    readonly linkList: {
+        readonly scope: "[data-bl=\"link-list\"]";
+        readonly slots: readonly ["item", "link"];
+        readonly hooks: {
+            readonly item: "> li";
+            readonly link: "> li > a";
+        };
+    };
+};
+export type RepeatedSlotComponent = keyof typeof REPEATED_SLOTS;
+/** The repeated slots of one component, for example `RepeatedSlotOf<'siteFooter'>` is `'licenceLink' | … | 'policyLink'`. */
+export type RepeatedSlotOf<Component extends RepeatedSlotComponent> = (typeof REPEATED_SLOTS)[Component]['slots'][number];
+/** The selector a skin stylesheet uses for one repeated slot, for example `[data-bl="footer"] [data-slot="link"]`. */
+export declare function repeatedSlotSelector<Component extends RepeatedSlotComponent>(component: Component, slot: RepeatedSlotOf<Component>): string;
+//# sourceMappingURL=repeated-slots.d.ts.map

package/dist/ui-kit/repeated-slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeated-slots.d.ts","sourceRoot":"","sources":["../../src/ui-kit/repeated-slots.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;QAqBvB,kGAAkG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmDpG,mGAAmG;;;;;;;;;CAE3F,CAAA;AAEV,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,cAAc,CAAA;AAC/D,6HAA6H;AAC7H,MAAM,MAAM,cAAc,CAAC,SAAS,SAAS,qBAAqB,IAAI,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzH,sHAAsH;AACtH,wBAAgB,oBAAoB,CAAC,SAAS,SAAS,qBAAqB,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,MAAM,CAG3I"}

package/dist/ui-kit/repeated-slots.js

@@ -0,0 +1,97 @@
+/**
+ * The repeated slots of every shared component (3.14.0): the parts a component renders once per entry of a list in
+ * its data. They carry their `data-slot` hook and never a class, so a long class string is not repeated in the HTML and
+ * the RSC payload for every link, review, star, card or chip. A site styles them once in `src/site/skin.css`:
+ *
+ * ```css
+ * @layer components {
+ *   [data-bl="footer"] [data-slot="link"] { @apply text-sm text-white/80 hover:text-white; }
+ *   [data-bl="header"] [data-slot="list"] [data-slot="panelLink"] { padding: 0.5rem 0.75rem; }
+ * }
+ * ```
+ *
+ * `scope` is the selector that holds the repeated slots without reaching a nested component that reuses a slot name
+ * (the drawer sits inside the header; the rating chip inside the reviews band uses `stars` too).
+ * `repeatedSlotSelector()` joins the two. Pure data: safe to import anywhere.
+ */
+export const REPEATED_SLOTS = {
+    siteHeader: {
+        scope: '[data-bl="header"] [data-slot="list"]',
+        slots: [
+            'item', 'itemRow', 'link', 'trigger', 'panel', 'panelBody', 'panelList', 'panelGroup', 'panelHeading', 'panelLink',
+            'panelLabel', 'panelText', 'featured', 'featuredMedia', 'featuredLabel', 'featuredText',
+        ],
+    },
+    mobileDrawer: {
+        scope: '[data-bl="drawer"]',
+        slots: ['group', 'groupTrigger', 'groupLinks', 'groupLink', 'link', 'socialLink'],
+    },
+    utilityBar: { scope: '[data-bl="utility"]', slots: ['item', 'licence', 'socialLink'] },
+    siteFooter: {
+        scope: '[data-bl="footer"]',
+        slots: ['licenceLink', 'socialLink', 'column', 'heading', 'toggle', 'list', 'link', 'policyLink'],
+    },
+    accordion: { scope: '[data-bl="accordion"]', slots: ['item', 'summary', 'label', 'marker', 'content'] },
+    faqs: {
+        scope: '[data-bl-section="faqs"] [data-slot="columns"]',
+        slots: ['column', 'group', 'subheading', 'accordion', 'item', 'summary', 'label', 'marker', 'content'],
+        /** The nested accordion's root is its own component: `data-bl="accordion"`, not a `data-slot`. */
+        hooks: { accordion: '[data-bl="accordion"]' },
+    },
+    priceTable: {
+        scope: '[data-bl="price-table"]',
+        slots: ['row', 'job', 'cell', 'label', 'range', 'unit', 'gst', 'parts', 'part', 'includes', 'excludes'],
+    },
+    priceGuide: {
+        scope: '[data-bl-section="price-guide"]',
+        slots: [
+            'row', 'job', 'cell', 'label', 'range', 'unit', 'gst', 'parts', 'part', 'includes', 'excludes', 'card', 'title',
+            'figures', 'band', 'factor', 'name', 'effect', 'detail',
+        ],
+    },
+    proofStrip: { scope: '[data-bl-section="proof-strip"] [data-slot="list"]', slots: ['item', 'icon', 'stars', 'value', 'label'] },
+    reviewsBand: {
+        scope: '[data-bl-section="reviews"] [data-slot="list"]',
+        slots: ['item', 'stars', 'quote', 'more', 'author', 'avatar', 'name', 'date'],
+    },
+    contactBlock: { scope: '[data-bl-section="contact"] [data-slot="details"]', slots: ['line'] },
+    servicesGrid: {
+        scope: '[data-bl-section="services"] [data-slot="list"]',
+        slots: ['item', 'body', 'media', 'title', 'summary', 'points', 'point', 'action', 'link'],
+    },
+    breadcrumbs: { scope: '[data-bl="breadcrumbs"]', slots: ['item', 'link', 'current'] },
+    // Location sections (3.15.0). Their link lists are `LinkList`s, reached through `linkList` (`[data-bl="link-list"]`).
+    localFacts: { scope: '[data-bl-section="local-facts"]', slots: ['fact', 'factSource', 'fee'] },
+    councilRules: { scope: '[data-bl-section="council-rules"]', slots: ['fee'] },
+    nearbyJobs: { scope: '[data-bl-section="nearby-jobs"] [data-slot="list"]', slots: ['item', 'body', 'media', 'title', 'link', 'outcome'] },
+    coverage: { scope: '[data-bl-section="coverage"] [data-slot="groups"]', slots: ['group', 'groupHeading'] },
+    relatedServices: {
+        scope: '[data-bl-section="related-services"] [data-slot="list"]',
+        slots: ['item', 'body', 'media', 'title', 'summary', 'link'],
+    },
+    // Proof sections (3.15.0). Their photos are nested `[data-bl="media"]` frames; project cards are `[data-bl="card"]`.
+    gallery: { scope: '[data-bl-section="gallery"] [data-slot="list"]', slots: ['item', 'link'] },
+    beforeAfter: { scope: '[data-bl-section="before-after"] [data-slot="list"]', slots: ['pair', 'frames', 'frame', 'note'] },
+    licences: {
+        scope: '[data-bl-section="licences"] [data-slot="list"]',
+        slots: ['row', 'label', 'value', 'number', 'holder', 'classes', 'class', 'register', 'cover', 'amount'],
+    },
+    thankYou: { scope: '[data-bl="thank-you"]', slots: ['step'] },
+    photoUpload: { scope: '[data-bl="photo-upload"]', slots: ['photo', 'thumb', 'remove'] },
+    quoteForm: { scope: '[data-bl="quote-form"] [data-bl="photo-upload"]', slots: ['photo', 'thumb', 'remove'] },
+    // Primitives rendered once per list entry (3.14.0): every part is repeated, the root included (style the root
+    // through its own hook, `[data-bl="card"]`).
+    card: { scope: '[data-bl="card"]', slots: ['media', 'body', 'title', 'link', 'text', 'meta'] },
+    badge: { scope: '[data-bl="badge"]', slots: ['icon', 'label'] },
+    chip: { scope: '[data-bl="chip"]', slots: ['icon', 'label'] },
+    stat: { scope: '[data-bl="stat"]', slots: ['value', 'label', 'link'] },
+    tickList: { scope: '[data-bl="tick-list"]', slots: ['item', 'tick', 'text', 'link'] },
+    /** A lean list (cost item 1f): plain `<li><a>` entries with no `data-slot`, reached by element. */
+    linkList: { scope: '[data-bl="link-list"]', slots: ['item', 'link'], hooks: { item: '> li', link: '> li > a' } },
+};
+/** The selector a skin stylesheet uses for one repeated slot, for example `[data-bl="footer"] [data-slot="link"]`. */
+export function repeatedSlotSelector(component, slot) {
+    const entry = REPEATED_SLOTS[component];
+    return `${entry.scope} ${entry.hooks?.[slot] ?? `[data-slot="${slot}"]`}`;
+}
+//# sourceMappingURL=repeated-slots.js.map

package/dist/ui-kit/repeated-slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeated-slots.js","sourceRoot":"","sources":["../../src/ui-kit/repeated-slots.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The repeated slots of every shared component (3.14.0): the parts a component renders once per entry of a list in\n * its data. They carry their `data-slot` hook and never a class, so a long class string is not repeated in the HTML and\n * the RSC payload for every link, review, star, card or chip. A site styles them once in `src/site/skin.css`:\n *\n * ```css\n * @layer components {\n *   [data-bl=\"footer\"] [data-slot=\"link\"] { @apply text-sm text-white/80 hover:text-white; }\n *   [data-bl=\"header\"] [data-slot=\"list\"] [data-slot=\"panelLink\"] { padding: 0.5rem 0.75rem; }\n * }\n * ```\n *\n * `scope` is the selector that holds the repeated slots without reaching a nested component that reuses a slot name\n * (the drawer sits inside the header; the rating chip inside the reviews band uses `stars` too).\n * `repeatedSlotSelector()` joins the two. Pure data: safe to import anywhere.\n */\nexport const REPEATED_SLOTS = {\n  siteHeader: {\n    scope: '[data-bl=\"header\"] [data-slot=\"list\"]',\n    slots: [\n      'item', 'itemRow', 'link', 'trigger', 'panel', 'panelBody', 'panelList', 'panelGroup', 'panelHeading', 'panelLink',\n      'panelLabel', 'panelText', 'featured', 'featuredMedia', 'featuredLabel', 'featuredText',\n    ],\n  },\n  mobileDrawer: {\n    scope: '[data-bl=\"drawer\"]',\n    slots: ['group', 'groupTrigger', 'groupLinks', 'groupLink', 'link', 'socialLink'],\n  },\n  utilityBar: { scope: '[data-bl=\"utility\"]', slots: ['item', 'licence', 'socialLink'] },\n  siteFooter: {\n    scope: '[data-bl=\"footer\"]',\n    slots: ['licenceLink', 'socialLink', 'column', 'heading', 'toggle', 'list', 'link', 'policyLink'],\n  },\n  accordion: { scope: '[data-bl=\"accordion\"]', slots: ['item', 'summary', 'label', 'marker', 'content'] },\n  faqs: {\n    scope: '[data-bl-section=\"faqs\"] [data-slot=\"columns\"]',\n    slots: ['column', 'group', 'subheading', 'accordion', 'item', 'summary', 'label', 'marker', 'content'],\n    /** The nested accordion's root is its own component: `data-bl=\"accordion\"`, not a `data-slot`. */\n    hooks: { accordion: '[data-bl=\"accordion\"]' },\n  },\n  priceTable: {\n    scope: '[data-bl=\"price-table\"]',\n    slots: ['row', 'job', 'cell', 'label', 'range', 'unit', 'gst', 'parts', 'part', 'includes', 'excludes'],\n  },\n  priceGuide: {\n    scope: '[data-bl-section=\"price-guide\"]',\n    slots: [\n      'row', 'job', 'cell', 'label', 'range', 'unit', 'gst', 'parts', 'part', 'includes', 'excludes', 'card', 'title',\n      'figures', 'band', 'factor', 'name', 'effect', 'detail',\n    ],\n  },\n  proofStrip: { scope: '[data-bl-section=\"proof-strip\"] [data-slot=\"list\"]', slots: ['item', 'icon', 'stars', 'value', 'label'] },\n  reviewsBand: {\n    scope: '[data-bl-section=\"reviews\"] [data-slot=\"list\"]',\n    slots: ['item', 'stars', 'quote', 'more', 'author', 'avatar', 'name', 'date'],\n  },\n  contactBlock: { scope: '[data-bl-section=\"contact\"] [data-slot=\"details\"]', slots: ['line'] },\n  servicesGrid: {\n    scope: '[data-bl-section=\"services\"] [data-slot=\"list\"]',\n    slots: ['item', 'body', 'media', 'title', 'summary', 'points', 'point', 'action', 'link'],\n  },\n  breadcrumbs: { scope: '[data-bl=\"breadcrumbs\"]', slots: ['item', 'link', 'current'] },\n  // Location sections (3.15.0). Their link lists are `LinkList`s, reached through `linkList` (`[data-bl=\"link-list\"]`).\n  localFacts: { scope: '[data-bl-section=\"local-facts\"]', slots: ['fact', 'factSource', 'fee'] },\n  councilRules: { scope: '[data-bl-section=\"council-rules\"]', slots: ['fee'] },\n  nearbyJobs: { scope: '[data-bl-section=\"nearby-jobs\"] [data-slot=\"list\"]', slots: ['item', 'body', 'media', 'title', 'link', 'outcome'] },\n  coverage: { scope: '[data-bl-section=\"coverage\"] [data-slot=\"groups\"]', slots: ['group', 'groupHeading'] },\n  relatedServices: {\n    scope: '[data-bl-section=\"related-services\"] [data-slot=\"list\"]',\n    slots: ['item', 'body', 'media', 'title', 'summary', 'link'],\n  },\n  // Proof sections (3.15.0). Their photos are nested `[data-bl=\"media\"]` frames; project cards are `[data-bl=\"card\"]`.\n  gallery: { scope: '[data-bl-section=\"gallery\"] [data-slot=\"list\"]', slots: ['item', 'link'] },\n  beforeAfter: { scope: '[data-bl-section=\"before-after\"] [data-slot=\"list\"]', slots: ['pair', 'frames', 'frame', 'note'] },\n  licences: {\n    scope: '[data-bl-section=\"licences\"] [data-slot=\"list\"]',\n    slots: ['row', 'label', 'value', 'number', 'holder', 'classes', 'class', 'register', 'cover', 'amount'],\n  },\n  thankYou: { scope: '[data-bl=\"thank-you\"]', slots: ['step'] },\n  photoUpload: { scope: '[data-bl=\"photo-upload\"]', slots: ['photo', 'thumb', 'remove'] },\n  quoteForm: { scope: '[data-bl=\"quote-form\"] [data-bl=\"photo-upload\"]', slots: ['photo', 'thumb', 'remove'] },\n  // Primitives rendered once per list entry (3.14.0): every part is repeated, the root included (style the root\n  // through its own hook, `[data-bl=\"card\"]`).\n  card: { scope: '[data-bl=\"card\"]', slots: ['media', 'body', 'title', 'link', 'text', 'meta'] },\n  badge: { scope: '[data-bl=\"badge\"]', slots: ['icon', 'label'] },\n  chip: { scope: '[data-bl=\"chip\"]', slots: ['icon', 'label'] },\n  stat: { scope: '[data-bl=\"stat\"]', slots: ['value', 'label', 'link'] },\n  tickList: { scope: '[data-bl=\"tick-list\"]', slots: ['item', 'tick', 'text', 'link'] },\n  /** A lean list (cost item 1f): plain `<li><a>` entries with no `data-slot`, reached by element. */\n  linkList: { scope: '[data-bl=\"link-list\"]', slots: ['item', 'link'], hooks: { item: '> li', link: '> li > a' } },\n} as const\n\nexport type RepeatedSlotComponent = keyof typeof REPEATED_SLOTS\n/** The repeated slots of one component, for example `RepeatedSlotOf<'siteFooter'>` is `'licenceLink' | … | 'policyLink'`. */\nexport type RepeatedSlotOf<Component extends RepeatedSlotComponent> = (typeof REPEATED_SLOTS)[Component]['slots'][number]\n\n/** The selector a skin stylesheet uses for one repeated slot, for example `[data-bl=\"footer\"] [data-slot=\"link\"]`. */\nexport function repeatedSlotSelector<Component extends RepeatedSlotComponent>(component: Component, slot: RepeatedSlotOf<Component>): string {\n  const entry: { readonly scope: string; readonly hooks?: Readonly<Record<string, string>> } = REPEATED_SLOTS[component]\n  return `${entry.scope} ${entry.hooks?.[slot] ?? `[data-slot=\"${slot}\"]`}`\n}\n"]}

package/dist/ui-kit/sections/accordion.d.ts

@@ -5,9 +5,12 @@
  * the native `open` attribute, so skins style `[open]`.
  */
 import type { ReactNode } from 'react';
+import type { RepeatedSlotOf } from '../repeated-slots.js';
 import { type SkinEntry } from '../skin.js';
 export type AccordionSlot = 'root' | 'item' | 'summary' | 'label' | 'marker' | 'content';
-export type AccordionSkin = SkinEntry<AccordionSlot>;
+/** Rendered once per item: styled from the skin stylesheet, never by class (3.14.0). */
+export type AccordionRepeatedSlot = RepeatedSlotOf<'accordion'>;
+export type AccordionSkin = SkinEntry<AccordionSlot, never, Record<never, never>, AccordionRepeatedSlot>;
 export interface AccordionItem {
     /** A stable slug, unique in the group. The item's element id is `{name}-{id}`, so it can be linked to. */
     readonly id: string;

package/dist/ui-kit/sections/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/sections/accordion.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAEjD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AACxF,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAAC,CAAA;AAEpD,MAAM,WAAW,aAAa;IAC5B,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IACxC,8EAA8E;IAC9E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,wEAAwE;IACxE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1C;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,cAAc,kDAoB9E"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/sections/accordion.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAE/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AACxF,wFAAwF;AACxF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAC/D,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,qBAAqB,CAAC,CAAA;AAExG,MAAM,WAAW,aAAa;IAC5B,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IACxC,8EAA8E;IAC9E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,wEAAwE;IACxE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1C;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,cAAc,kDAoB9E"}

package/dist/ui-kit/sections/accordion.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '../icons.js';
-import { slot } from '../skin.js';
+import { repeatedSlot, slot } from '../skin.js';
 export function Accordion({ items, name, defaultOpen, classes }) {
     if (items.length === 0)
         return null;
@@ -9,6 +9,6 @@ export function Accordion({ items, name, defaultOpen, classes }) {
         throw new Error(`Accordion "${name}": item ids must be unique.`);
     if (defaultOpen !== undefined && !ids.has(defaultOpen))
         throw new Error(`Accordion "${name}": defaultOpen "${defaultOpen}" is not an item.`);
-    return (_jsx("div", { "data-bl": "accordion", className: classes?.root, children: items.map((item) => (_jsxs("details", { id: `${name}-${item.id}`, name: name, open: item.id === defaultOpen, ...slot(classes, 'item'), children: [_jsxs("summary", { ...slot(classes, 'summary'), children: [_jsx("span", { ...slot(classes, 'label'), children: item.summary }), _jsx("span", { ...slot(classes, 'marker'), "aria-hidden": "true", children: _jsx(Icon, { name: "chevron" }) })] }), _jsx("div", { ...slot(classes, 'content'), children: item.content })] }, item.id))) }));
+    return (_jsx("div", { "data-bl": "accordion", className: classes?.root, children: items.map((item) => (_jsxs("details", { id: `${name}-${item.id}`, name: name, open: item.id === defaultOpen, ...repeatedSlot('item'), children: [_jsxs("summary", { ...repeatedSlot('summary'), children: [_jsx("span", { ...repeatedSlot('label'), children: item.summary }), _jsx("span", { ...repeatedSlot('marker'), "aria-hidden": "true", children: _jsx(Icon, { name: "chevron" }) })] }), _jsx("div", { ...repeatedSlot('content'), children: item.content })] }, item.id))) }));
 }
 //# sourceMappingURL=accordion.js.map

package/dist/ui-kit/sections/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/ui-kit/sections/accordion.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAA;AAoBjD,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAkB;IAC7E,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IACjD,IAAI,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,cAAc,IAAI,6BAA6B,CAAC,CAAA;IAC/F,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,cAAc,IAAI,mBAAmB,WAAW,mBAAmB,CAAC,CAAA;IAC5I,OAAO,CACL,yBAAa,WAAW,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,YAC9C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,mBAAuB,EAAE,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,WAAW,KAAM,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,aACnH,sBAAa,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,aACnC,kBAAU,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,YAAG,IAAI,CAAC,OAAO,GAAQ,EACvD,kBAAU,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,iBAAc,MAAM,YACnD,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GAClB,IACC,EACV,iBAAS,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,YAAG,IAAI,CAAC,OAAO,GAAO,KAP3C,IAAI,CAAC,EAAE,CAQX,CACX,CAAC,GACE,CACP,CAAA;AACH,CAAC","sourcesContent":["/**\n * `Accordion`: a list of disclosures on `<details name>`. Server component: items sharing a `name` open one at a time\n * natively (no script), and every item's content is in the server HTML whether open or closed (K7). Items are closed\n * by default; `defaultOpen` opens one only where a site recorded it (Gabrael: Eastern Suburbs open). The open state is\n * the native `open` attribute, so skins style `[open]`.\n */\nimport type { ReactNode } from 'react'\nimport { Icon } from '../icons.js'\nimport { slot, type SkinEntry } from '../skin.js'\n\nexport type AccordionSlot = 'root' | 'item' | 'summary' | 'label' | 'marker' | 'content'\nexport type AccordionSkin = SkinEntry<AccordionSlot>\n\nexport interface AccordionItem {\n  /** A stable slug, unique in the group. The item's element id is `{name}-{id}`, so it can be linked to. */\n  readonly id: string\n  readonly summary: ReactNode\n  readonly content: ReactNode\n}\n\nexport interface AccordionProps extends AccordionSkin {\n  readonly items: readonly AccordionItem[]\n  /** The group: items sharing a name open one at a time. Unique on the page. */\n  readonly name: string\n  /** The id of the item open on load, only when the site recorded one. */\n  readonly defaultOpen?: string | undefined\n}\n\nexport function Accordion({ items, name, defaultOpen, classes }: AccordionProps) {\n  if (items.length === 0) return null\n  const ids = new Set(items.map((item) => item.id))\n  if (ids.size !== items.length) throw new Error(`Accordion \"${name}\": item ids must be unique.`)\n  if (defaultOpen !== undefined && !ids.has(defaultOpen)) throw new Error(`Accordion \"${name}\": defaultOpen \"${defaultOpen}\" is not an item.`)\n  return (\n    <div data-bl=\"accordion\" className={classes?.root}>\n      {items.map((item) => (\n        <details key={item.id} id={`${name}-${item.id}`} name={name} open={item.id === defaultOpen} {...slot(classes, 'item')}>\n          <summary {...slot(classes, 'summary')}>\n            <span {...slot(classes, 'label')}>{item.summary}</span>\n            <span {...slot(classes, 'marker')} aria-hidden=\"true\">\n              <Icon name=\"chevron\" />\n            </span>\n          </summary>\n          <div {...slot(classes, 'content')}>{item.content}</div>\n        </details>\n      ))}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/ui-kit/sections/accordion.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAA;AAsB/D,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAkB;IAC7E,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IACjD,IAAI,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,cAAc,IAAI,6BAA6B,CAAC,CAAA;IAC/F,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,cAAc,IAAI,mBAAmB,WAAW,mBAAmB,CAAC,CAAA;IAC5I,OAAO,CACL,yBAAa,WAAW,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,YAC9C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,mBAAuB,EAAE,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,WAAW,KAAM,YAAY,CAAC,MAAM,CAAC,aAClH,sBAAa,YAAY,CAAC,SAAS,CAAC,aAClC,kBAAU,YAAY,CAAC,OAAO,CAAC,YAAG,IAAI,CAAC,OAAO,GAAQ,EACtD,kBAAU,YAAY,CAAC,QAAQ,CAAC,iBAAc,MAAM,YAClD,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GAClB,IACC,EACV,iBAAS,YAAY,CAAC,SAAS,CAAC,YAAG,IAAI,CAAC,OAAO,GAAO,KAP1C,IAAI,CAAC,EAAE,CAQX,CACX,CAAC,GACE,CACP,CAAA;AACH,CAAC","sourcesContent":["/**\n * `Accordion`: a list of disclosures on `<details name>`. Server component: items sharing a `name` open one at a time\n * natively (no script), and every item's content is in the server HTML whether open or closed (K7). Items are closed\n * by default; `defaultOpen` opens one only where a site recorded it (Gabrael: Eastern Suburbs open). The open state is\n * the native `open` attribute, so skins style `[open]`.\n */\nimport type { ReactNode } from 'react'\nimport { Icon } from '../icons.js'\nimport type { RepeatedSlotOf } from '../repeated-slots.js'\nimport { repeatedSlot, slot, type SkinEntry } from '../skin.js'\n\nexport type AccordionSlot = 'root' | 'item' | 'summary' | 'label' | 'marker' | 'content'\n/** Rendered once per item: styled from the skin stylesheet, never by class (3.14.0). */\nexport type AccordionRepeatedSlot = RepeatedSlotOf<'accordion'>\nexport type AccordionSkin = SkinEntry<AccordionSlot, never, Record<never, never>, AccordionRepeatedSlot>\n\nexport interface AccordionItem {\n  /** A stable slug, unique in the group. The item's element id is `{name}-{id}`, so it can be linked to. */\n  readonly id: string\n  readonly summary: ReactNode\n  readonly content: ReactNode\n}\n\nexport interface AccordionProps extends AccordionSkin {\n  readonly items: readonly AccordionItem[]\n  /** The group: items sharing a name open one at a time. Unique on the page. */\n  readonly name: string\n  /** The id of the item open on load, only when the site recorded one. */\n  readonly defaultOpen?: string | undefined\n}\n\nexport function Accordion({ items, name, defaultOpen, classes }: AccordionProps) {\n  if (items.length === 0) return null\n  const ids = new Set(items.map((item) => item.id))\n  if (ids.size !== items.length) throw new Error(`Accordion \"${name}\": item ids must be unique.`)\n  if (defaultOpen !== undefined && !ids.has(defaultOpen)) throw new Error(`Accordion \"${name}\": defaultOpen \"${defaultOpen}\" is not an item.`)\n  return (\n    <div data-bl=\"accordion\" className={classes?.root}>\n      {items.map((item) => (\n        <details key={item.id} id={`${name}-${item.id}`} name={name} open={item.id === defaultOpen} {...repeatedSlot('item')}>\n          <summary {...repeatedSlot('summary')}>\n            <span {...repeatedSlot('label')}>{item.summary}</span>\n            <span {...repeatedSlot('marker')} aria-hidden=\"true\">\n              <Icon name=\"chevron\" />\n            </span>\n          </summary>\n          <div {...repeatedSlot('content')}>{item.content}</div>\n        </details>\n      ))}\n    </div>\n  )\n}\n"]}