@brandlab-digital/site-next 3.13.0 → 3.14.0

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

@@ -1 +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 *\n * Prefetch is off on every internal footer link and the logo (`LINK_PREFETCH_POLICY.footer`): the footer comes into\n * view on every full scroll, and visitors rarely follow its links.\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} prefetch={false} {...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} prefetch={false} {...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"]}
+{"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 *\n * Prefetch is off on every internal footer link and the logo (`LINK_PREFETCH_POLICY.footer`): the footer comes into\n * view on every full scroll, and visitors rarely follow its links.\n */\nimport Link from 'next/link'\nimport type { ReactNode } from 'react'\nimport { Icon, SocialIcon } from '../icons.js'\nimport { PhoneLink } from '../primitives/links.js'\nimport type { RepeatedSlotOf } from '../repeated-slots.js'\nimport { repeatedSlot, 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\n/** Rendered once per licence, profile, column, link or policy: styled from the skin stylesheet, never by class (3.14.0). */\nexport type SiteFooterRepeatedSlot = RepeatedSlotOf<'siteFooter'>\nexport type SiteFooterSkin = SkinEntry<SiteFooterSlot, SiteFooterVariant, Record<never, never>, SiteFooterRepeatedSlot>\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, slotName }: { link: UiLink; slotName: 'link' | 'policyLink' }) {\n  return isExternal(link.href) ? (\n    <a href={link.href} {...repeatedSlot(slotName)} target=\"_blank\" rel=\"noopener noreferrer\">\n      {link.label}\n    </a>\n  ) : (\n    <Link href={link.href} prefetch={false} {...repeatedSlot(slotName)}>\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} prefetch={false} {...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 {...repeatedSlot('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 {...repeatedSlot('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} {...repeatedSlot('column')} data-column={key}>\n                  <h2 {...repeatedSlot('heading')}>\n                    <span data-slot=\"headingText\">{column.heading}</span>\n                    <button type=\"button\" {...repeatedSlot('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} {...repeatedSlot('list')}>\n                    {column.links.map((link) => (\n                      <li key={link.href}>\n                        <FooterLink link={link} slotName=\"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} slotName=\"policyLink\" />\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      </div>\n    </footer>\n  )\n}\n"]}

package/dist/ui-kit/shell/mobile-drawer.d.ts

@@ -1,11 +1,13 @@
 /**
  * F4: the phone and compact-band menu (server component). A modal dialog named "Menu", sliding in at
- * `min(100%, 420px)`: the close button first, then the groups as accordions (one open at a time), the plain links,
- * full-width Call and quote buttons, and the social links. Every link is in the server HTML. `SiteHeader` renders it;
+ * `min(100%, 420px)`: the close button first, then the menu in the desktop order (F1, 3.14.0), each dropdown an
+ * accordion where it stands (one open at a time) and each run of plain links one list, then full-width Call and quote
+ * buttons, and the social links. Every link is in the server HTML. `SiteHeader` renders it;
  * render it on its own only inside a recorded bespoke header.
  */
 import type { BrandlabNavigation } from '@brandlab-digital/site-core/navigation';
 import type { ReactNode } from 'react';
+import type { RepeatedSlotOf } from '../repeated-slots.js';
 import { type SkinEntry } from '../skin.js';
 import type { UiPhone, UiSocial } from '../types.js';
 export type MobileDrawerSlot = 'root' | 'menuButton' | 'menuLabel' | 'panel' | 'top' | 'close' | 'title' | 'logo' | 'nav' | 'group' | 'groupTrigger' | 'groupLinks' | 'groupLink' | 'links' | 'link' | 'actions' | 'call' | 'quote' | 'social' | 'socialLink';
@@ -15,7 +17,9 @@ export interface MobileDrawerLayout {
     /** The side the panel slides from (`side` variant). */
     readonly side?: 'end' | 'start';
 }
-export type MobileDrawerSkin = SkinEntry<MobileDrawerSlot, MobileDrawerVariant, MobileDrawerLayout>;
+/** Rendered once per group, link or social profile: styled from the skin stylesheet, never by class (3.14.0). */
+export type MobileDrawerRepeatedSlot = RepeatedSlotOf<'mobileDrawer'>;
+export type MobileDrawerSkin = SkinEntry<MobileDrawerSlot, MobileDrawerVariant, MobileDrawerLayout, MobileDrawerRepeatedSlot>;
 /** The quote action. `href` is the quote form it falls back to without scripts, for example `/contact#quote`. */
 export interface ShellQuote {
     readonly label: string;

package/dist/ui-kit/shell/mobile-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-drawer.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/mobile-drawer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAA4C,MAAM,wCAAwC,CAAA;AAC1H,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAKpD,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,OAAO,GACP,KAAK,GACL,OAAO,GACP,OAAO,GACP,MAAM,GACN,KAAK,GACL,OAAO,GACP,cAAc,GACd,YAAY,GACZ,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,GACR,YAAY,CAAA;AAChB,eAAO,MAAM,sBAAsB,2BAA4B,CAAA;AAC/D,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACzE,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;CAChC;AACD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC,CAAA;AAEnG,iHAAiH;AACjH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,sEAAsE;IACtE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAA;IAClD,mEAAmE;IACnE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACvC;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAY,EACZ,IAAI,EACJ,QAAsB,EACtB,OAAgB,EAChB,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,2CAwEnB"}
+{"version":3,"file":"mobile-drawer.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/mobile-drawer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAA4C,MAAM,wCAAwC,CAAA;AAC1H,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAC/D,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAKpD,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,OAAO,GACP,KAAK,GACL,OAAO,GACP,OAAO,GACP,MAAM,GACN,KAAK,GACL,OAAO,GACP,cAAc,GACd,YAAY,GACZ,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,GACR,YAAY,CAAA;AAChB,eAAO,MAAM,sBAAsB,2BAA4B,CAAA;AAC/D,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACzE,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;CAChC;AACD,iHAAiH;AACjH,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AACrE,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,wBAAwB,CAAC,CAAA;AAE7H,iHAAiH;AACjH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,sEAAsE;IACtE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAA;IAClD,mEAAmE;IACnE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACvC;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAY,EACZ,IAAI,EACJ,QAAsB,EACtB,OAAgB,EAChB,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,2CAwDnB"}

package/dist/ui-kit/shell/mobile-drawer.js

@@ -2,15 +2,27 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '../icons.js';
 import { PhoneLink } from '../primitives/links.js';
 import { QuoteButton } from '../primitives/quote-button.js';
-import { slot } from '../skin.js';
+import { repeatedSlot, slot } from '../skin.js';
 import { CurrentLink } from './current-link.js';
 import { DrawerController } from './drawer-client.js';
 import { SocialLinks } from './social-links.js';
 export const MOBILE_DRAWER_VARIANTS = ['side', 'full'];
 export function MobileDrawer({ navigation, phone, phoneLabel, quote, socials = [], logo, idPrefix = 'bl-header', variant = 'side', layout, classes, }) {
     const id = `${idPrefix}-drawer`;
-    const groups = navigation.items.filter((item) => item.kind === 'menu');
-    const links = navigation.items.filter((item) => item.kind === 'link');
+    // The drawer keeps the desktop menu's order (F1): a dropdown becomes an accordion where it stands, and each run of
+    // plain links between dropdowns is one list.
+    const runs = [];
+    for (const item of navigation.items) {
+        if (item.kind === 'menu')
+            runs.push(item);
+        else {
+            const last = runs[runs.length - 1];
+            if (Array.isArray(last))
+                last.push(item);
+            else
+                runs.push([item]);
+        }
+    }
     return (_jsxs(DrawerController, { id: id, variant: variant, side: layout?.side ?? 'end', classes: {
             root: classes?.root,
             menuButton: classes?.menuButton,
@@ -20,6 +32,10 @@ export function MobileDrawer({ navigation, phone, phoneLabel, quote, socials = [
             close: classes?.close,
             title: classes?.title,
             logo: classes?.logo,
-        }, logo: logo, menuIcon: _jsx(Icon, { name: "menu" }), closeIcon: _jsx(Icon, { name: "close" }), children: [_jsxs("nav", { "aria-label": "Main", ...slot(classes, 'nav'), children: [groups.map((group) => (_jsxs("details", { name: `${id}-groups`, ...slot(classes, 'group'), children: [_jsxs("summary", { ...slot(classes, 'groupTrigger'), children: [_jsx("span", { children: group.label }), _jsx(Icon, { name: "chevron" })] }), _jsxs("ul", { ...slot(classes, 'groupLinks'), children: [_jsx("li", { children: _jsx(CurrentLink, { href: group.href, slot: "groupLink", prefetch: false, hub: true, className: classes?.groupLink, children: group.hubLabel }) }), group.featured && !group.links.some((link) => link.href === group.featured?.href) ? (_jsx("li", { children: _jsx(CurrentLink, { href: group.featured.href, slot: "groupLink", prefetch: false, className: classes?.groupLink, children: group.featured.label }) })) : null, group.links.map((link) => (_jsx("li", { children: _jsx(CurrentLink, { href: link.href, slot: "groupLink", prefetch: false, className: classes?.groupLink, children: link.label }) }, link.href)))] })] }, group.id))), links.length > 0 ? (_jsx("ul", { ...slot(classes, 'links'), children: links.map((link) => (_jsx("li", { children: _jsx(CurrentLink, { href: link.href, slot: "link", prefetch: false, className: classes?.link, children: link.label }) }, link.id))) })) : null] }), _jsxs("div", { ...slot(classes, 'actions'), children: [_jsx(PhoneLink, { phone: phone, placement: "header", label: phoneLabel, showIcon: true, variant: "button", classes: { root: classes?.call } }), _jsx(QuoteButton, { label: quote.label, href: quote.href, placement: "navigation", ctaId: "quote-menu", classes: { root: classes?.quote } })] }), _jsx(SocialLinks, { socials: socials, slotName: "social", className: classes?.social, linkClassName: classes?.socialLink })] }));
+        }, logo: logo, menuIcon: _jsx(Icon, { name: "menu" }), closeIcon: _jsx(Icon, { name: "close" }), children: [_jsx("nav", { "aria-label": "Main", ...slot(classes, 'nav'), children: runs.map((run) => Array.isArray(run) ? (_jsx("ul", { ...slot(classes, 'links'), children: run.map((link) => (_jsx("li", { children: _jsx(CurrentLink, { href: link.href, slot: "link", prefetch: false, children: link.label }) }, link.id))) }, `links-${run[0].id}`)) : (_jsx(GroupAccordion, { group: run, name: `${id}-groups` }, run.id))) }), _jsxs("div", { ...slot(classes, 'actions'), children: [_jsx(PhoneLink, { phone: phone, placement: "header", label: phoneLabel, showIcon: true, variant: "button", classes: { root: classes?.call } }), _jsx(QuoteButton, { label: quote.label, href: quote.href, placement: "navigation", ctaId: "quote-menu", classes: { root: classes?.quote } })] }), _jsx(SocialLinks, { socials: socials, slotName: "social", className: classes?.social })] }));
+}
+/** One dropdown as an accordion: its hub link first, the featured card's page, then its links. */
+function GroupAccordion({ group, name }) {
+    return (_jsxs("details", { name: name, ...repeatedSlot('group'), children: [_jsxs("summary", { ...repeatedSlot('groupTrigger'), children: [_jsx("span", { children: group.label }), _jsx(Icon, { name: "chevron" })] }), _jsxs("ul", { ...repeatedSlot('groupLinks'), children: [_jsx("li", { children: _jsx(CurrentLink, { href: group.href, slot: "groupLink", prefetch: false, hub: true, children: group.hubLabel }) }), group.featured && !group.links.some((link) => link.href === group.featured?.href) ? (_jsx("li", { children: _jsx(CurrentLink, { href: group.featured.href, slot: "groupLink", prefetch: false, children: group.featured.label }) })) : null, group.links.map((link) => (_jsx("li", { children: _jsx(CurrentLink, { href: link.href, slot: "groupLink", prefetch: false, children: link.label }) }, link.href)))] })] }));
 }
 //# sourceMappingURL=mobile-drawer.js.map

package/dist/ui-kit/shell/mobile-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-drawer.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/mobile-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * F4: the phone and compact-band menu (server component). A modal dialog named \"Menu\", sliding in at\n * `min(100%, 420px)`: the close button first, then the groups as accordions (one open at a time), the plain links,\n * full-width Call and quote buttons, and the social links. Every link is in the server HTML. `SiteHeader` renders it;\n * render it on its own only inside a recorded bespoke header.\n */\nimport type { BrandlabNavigation, BrandlabNavLinkItem, BrandlabNavMenuItem } from '@brandlab-digital/site-core/navigation'\nimport type { ReactNode } from 'react'\nimport { Icon } from '../icons.js'\nimport { PhoneLink } from '../primitives/links.js'\nimport { QuoteButton } from '../primitives/quote-button.js'\nimport { slot, type SkinEntry } from '../skin.js'\nimport type { UiPhone, UiSocial } from '../types.js'\nimport { CurrentLink } from './current-link.js'\nimport { DrawerController } from './drawer-client.js'\nimport { SocialLinks } from './social-links.js'\n\nexport type MobileDrawerSlot =\n  | 'root'\n  | 'menuButton'\n  | 'menuLabel'\n  | 'panel'\n  | 'top'\n  | 'close'\n  | 'title'\n  | 'logo'\n  | 'nav'\n  | 'group'\n  | 'groupTrigger'\n  | 'groupLinks'\n  | 'groupLink'\n  | 'links'\n  | 'link'\n  | 'actions'\n  | 'call'\n  | 'quote'\n  | 'social'\n  | 'socialLink'\nexport const MOBILE_DRAWER_VARIANTS = ['side', 'full'] as const\nexport type MobileDrawerVariant = (typeof MOBILE_DRAWER_VARIANTS)[number]\nexport interface MobileDrawerLayout {\n  /** The side the panel slides from (`side` variant). */\n  readonly side?: 'end' | 'start'\n}\nexport type MobileDrawerSkin = SkinEntry<MobileDrawerSlot, MobileDrawerVariant, MobileDrawerLayout>\n\n/** The quote action. `href` is the quote form it falls back to without scripts, for example `/contact#quote`. */\nexport interface ShellQuote {\n  readonly label: string\n  readonly href: string\n}\n\nexport interface MobileDrawerProps extends MobileDrawerSkin {\n  readonly navigation: BrandlabNavigation\n  readonly phone: UiPhone\n  /** Words before the number on the Call button, for example \"Call\". */\n  readonly phoneLabel?: string | undefined\n  readonly quote: ShellQuote\n  readonly socials?: readonly UiSocial[] | undefined\n  /** An optional logo in the drawer's top bar (decorative there). */\n  readonly logo?: ReactNode\n  /** Prefix for element ids; one per header on the page. */\n  readonly idPrefix?: string | undefined\n}\n\nexport function MobileDrawer({\n  navigation,\n  phone,\n  phoneLabel,\n  quote,\n  socials = [],\n  logo,\n  idPrefix = 'bl-header',\n  variant = 'side',\n  layout,\n  classes,\n}: MobileDrawerProps) {\n  const id = `${idPrefix}-drawer`\n  const groups = navigation.items.filter((item): item is BrandlabNavMenuItem => item.kind === 'menu')\n  const links = navigation.items.filter((item): item is BrandlabNavLinkItem => item.kind === 'link')\n  return (\n    <DrawerController\n      id={id}\n      variant={variant}\n      side={layout?.side ?? 'end'}\n      classes={{\n        root: classes?.root,\n        menuButton: classes?.menuButton,\n        menuLabel: classes?.menuLabel,\n        panel: classes?.panel,\n        top: classes?.top,\n        close: classes?.close,\n        title: classes?.title,\n        logo: classes?.logo,\n      }}\n      logo={logo}\n      menuIcon={<Icon name=\"menu\" />}\n      closeIcon={<Icon name=\"close\" />}\n    >\n      <nav aria-label=\"Main\" {...slot(classes, 'nav')}>\n        {groups.map((group) => (\n          <details key={group.id} name={`${id}-groups`} {...slot(classes, 'group')}>\n            <summary {...slot(classes, 'groupTrigger')}>\n              <span>{group.label}</span>\n              <Icon name=\"chevron\" />\n            </summary>\n            <ul {...slot(classes, 'groupLinks')}>\n              <li>\n                <CurrentLink href={group.href} slot=\"groupLink\" prefetch={false} hub className={classes?.groupLink}>\n                  {group.hubLabel}\n                </CurrentLink>\n              </li>\n              {group.featured && !group.links.some((link) => link.href === group.featured?.href) ? (\n                <li>\n                  <CurrentLink href={group.featured.href} slot=\"groupLink\" prefetch={false} className={classes?.groupLink}>\n                    {group.featured.label}\n                  </CurrentLink>\n                </li>\n              ) : null}\n              {group.links.map((link) => (\n                <li key={link.href}>\n                  <CurrentLink href={link.href} slot=\"groupLink\" prefetch={false} className={classes?.groupLink}>\n                    {link.label}\n                  </CurrentLink>\n                </li>\n              ))}\n            </ul>\n          </details>\n        ))}\n        {links.length > 0 ? (\n          <ul {...slot(classes, 'links')}>\n            {links.map((link) => (\n              <li key={link.id}>\n                <CurrentLink href={link.href} slot=\"link\" prefetch={false} className={classes?.link}>\n                  {link.label}\n                </CurrentLink>\n              </li>\n            ))}\n          </ul>\n        ) : null}\n      </nav>\n      <div {...slot(classes, 'actions')}>\n        <PhoneLink phone={phone} placement=\"header\" label={phoneLabel} showIcon variant=\"button\" classes={{ root: classes?.call }} />\n        <QuoteButton label={quote.label} href={quote.href} placement=\"navigation\" ctaId=\"quote-menu\" classes={{ root: classes?.quote }} />\n      </div>\n      <SocialLinks socials={socials} slotName=\"social\" className={classes?.social} linkClassName={classes?.socialLink} />\n    </DrawerController>\n  )\n}\n"]}
+{"version":3,"file":"mobile-drawer.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/mobile-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * F4: the phone and compact-band menu (server component). A modal dialog named \"Menu\", sliding in at\n * `min(100%, 420px)`: the close button first, then the menu in the desktop order (F1, 3.14.0), each dropdown an\n * accordion where it stands (one open at a time) and each run of plain links one list, then full-width Call and quote\n * buttons, and the social links. Every link is in the server HTML. `SiteHeader` renders it;\n * render it on its own only inside a recorded bespoke header.\n */\nimport type { BrandlabNavigation, BrandlabNavLinkItem, BrandlabNavMenuItem } from '@brandlab-digital/site-core/navigation'\nimport type { ReactNode } from 'react'\nimport { Icon } from '../icons.js'\nimport { PhoneLink } from '../primitives/links.js'\nimport { QuoteButton } from '../primitives/quote-button.js'\nimport type { RepeatedSlotOf } from '../repeated-slots.js'\nimport { repeatedSlot, slot, type SkinEntry } from '../skin.js'\nimport type { UiPhone, UiSocial } from '../types.js'\nimport { CurrentLink } from './current-link.js'\nimport { DrawerController } from './drawer-client.js'\nimport { SocialLinks } from './social-links.js'\n\nexport type MobileDrawerSlot =\n  | 'root'\n  | 'menuButton'\n  | 'menuLabel'\n  | 'panel'\n  | 'top'\n  | 'close'\n  | 'title'\n  | 'logo'\n  | 'nav'\n  | 'group'\n  | 'groupTrigger'\n  | 'groupLinks'\n  | 'groupLink'\n  | 'links'\n  | 'link'\n  | 'actions'\n  | 'call'\n  | 'quote'\n  | 'social'\n  | 'socialLink'\nexport const MOBILE_DRAWER_VARIANTS = ['side', 'full'] as const\nexport type MobileDrawerVariant = (typeof MOBILE_DRAWER_VARIANTS)[number]\nexport interface MobileDrawerLayout {\n  /** The side the panel slides from (`side` variant). */\n  readonly side?: 'end' | 'start'\n}\n/** Rendered once per group, link or social profile: styled from the skin stylesheet, never by class (3.14.0). */\nexport type MobileDrawerRepeatedSlot = RepeatedSlotOf<'mobileDrawer'>\nexport type MobileDrawerSkin = SkinEntry<MobileDrawerSlot, MobileDrawerVariant, MobileDrawerLayout, MobileDrawerRepeatedSlot>\n\n/** The quote action. `href` is the quote form it falls back to without scripts, for example `/contact#quote`. */\nexport interface ShellQuote {\n  readonly label: string\n  readonly href: string\n}\n\nexport interface MobileDrawerProps extends MobileDrawerSkin {\n  readonly navigation: BrandlabNavigation\n  readonly phone: UiPhone\n  /** Words before the number on the Call button, for example \"Call\". */\n  readonly phoneLabel?: string | undefined\n  readonly quote: ShellQuote\n  readonly socials?: readonly UiSocial[] | undefined\n  /** An optional logo in the drawer's top bar (decorative there). */\n  readonly logo?: ReactNode\n  /** Prefix for element ids; one per header on the page. */\n  readonly idPrefix?: string | undefined\n}\n\nexport function MobileDrawer({\n  navigation,\n  phone,\n  phoneLabel,\n  quote,\n  socials = [],\n  logo,\n  idPrefix = 'bl-header',\n  variant = 'side',\n  layout,\n  classes,\n}: MobileDrawerProps) {\n  const id = `${idPrefix}-drawer`\n  // The drawer keeps the desktop menu's order (F1): a dropdown becomes an accordion where it stands, and each run of\n  // plain links between dropdowns is one list.\n  const runs: (BrandlabNavMenuItem | BrandlabNavLinkItem[])[] = []\n  for (const item of navigation.items) {\n    if (item.kind === 'menu') runs.push(item)\n    else {\n      const last = runs[runs.length - 1]\n      if (Array.isArray(last)) last.push(item)\n      else runs.push([item])\n    }\n  }\n  return (\n    <DrawerController\n      id={id}\n      variant={variant}\n      side={layout?.side ?? 'end'}\n      classes={{\n        root: classes?.root,\n        menuButton: classes?.menuButton,\n        menuLabel: classes?.menuLabel,\n        panel: classes?.panel,\n        top: classes?.top,\n        close: classes?.close,\n        title: classes?.title,\n        logo: classes?.logo,\n      }}\n      logo={logo}\n      menuIcon={<Icon name=\"menu\" />}\n      closeIcon={<Icon name=\"close\" />}\n    >\n      <nav aria-label=\"Main\" {...slot(classes, 'nav')}>\n        {runs.map((run) =>\n          Array.isArray(run) ? (\n            <ul key={`links-${run[0]!.id}`} {...slot(classes, 'links')}>\n              {run.map((link) => (\n                <li key={link.id}>\n                  <CurrentLink href={link.href} slot=\"link\" prefetch={false}>\n                    {link.label}\n                  </CurrentLink>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            <GroupAccordion key={run.id} group={run} name={`${id}-groups`} />\n          ),\n        )}\n      </nav>\n      <div {...slot(classes, 'actions')}>\n        <PhoneLink phone={phone} placement=\"header\" label={phoneLabel} showIcon variant=\"button\" classes={{ root: classes?.call }} />\n        <QuoteButton label={quote.label} href={quote.href} placement=\"navigation\" ctaId=\"quote-menu\" classes={{ root: classes?.quote }} />\n      </div>\n      <SocialLinks socials={socials} slotName=\"social\" className={classes?.social} />\n    </DrawerController>\n  )\n}\n\n/** One dropdown as an accordion: its hub link first, the featured card's page, then its links. */\nfunction GroupAccordion({ group, name }: { readonly group: BrandlabNavMenuItem; readonly name: string }) {\n  return (\n    <details name={name} {...repeatedSlot('group')}>\n      <summary {...repeatedSlot('groupTrigger')}>\n        <span>{group.label}</span>\n        <Icon name=\"chevron\" />\n      </summary>\n      <ul {...repeatedSlot('groupLinks')}>\n        <li>\n          <CurrentLink href={group.href} slot=\"groupLink\" prefetch={false} hub>\n            {group.hubLabel}\n          </CurrentLink>\n        </li>\n        {group.featured && !group.links.some((link) => link.href === group.featured?.href) ? (\n          <li>\n            <CurrentLink href={group.featured.href} slot=\"groupLink\" prefetch={false}>\n              {group.featured.label}\n            </CurrentLink>\n          </li>\n        ) : null}\n        {group.links.map((link) => (\n          <li key={link.href}>\n            <CurrentLink href={link.href} slot=\"groupLink\" prefetch={false}>\n              {link.label}\n            </CurrentLink>\n          </li>\n        ))}\n      </ul>\n    </details>\n  )\n}\n"]}

package/dist/ui-kit/shell/site-header.d.ts

@@ -8,6 +8,7 @@
  */
 import type { BrandlabNavigation } from '@brandlab-digital/site-core/navigation';
 import type { ReactNode } from 'react';
+import type { RepeatedSlotOf } from '../repeated-slots.js';
 import { type SkinEntry } from '../skin.js';
 import type { UiPhone, UiSocial } from '../types.js';
 import { type MobileDrawerSkin, type ShellQuote } from './mobile-drawer.js';
@@ -24,7 +25,9 @@ export interface SiteHeaderLayout {
     /** Compact the header (`data-compact="true"`) once the page has scrolled 80 px. It never hides. */
     readonly compactAfterScroll?: boolean;
 }
-export type SiteHeaderSkin = SkinEntry<SiteHeaderSlot, SiteHeaderVariant, SiteHeaderLayout>;
+/** Rendered once per menu item or panel link: styled from the skin stylesheet, never by class (3.14.0). */
+export type SiteHeaderRepeatedSlot = RepeatedSlotOf<'siteHeader'>;
+export type SiteHeaderSkin = SkinEntry<SiteHeaderSlot, SiteHeaderVariant, SiteHeaderLayout, SiteHeaderRepeatedSlot>;
 export interface SiteHeaderProps extends SiteHeaderSkin {
     readonly navigation: BrandlabNavigation;
     /** The logo link's accessible name. */

package/dist/ui-kit/shell/site-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/site-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAA4C,MAAM,wCAAwC,CAAA;AAE1H,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,EAAY,KAAK,SAAS,EAAoB,MAAM,YAAY,CAAA;AACvE,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAgB,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEzF,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,GACP,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,WAAW,GACX,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,eAAe,GACf,cAAc,GACd,SAAS,GACT,OAAO,GACP,WAAW,GACX,YAAY,GACZ,aAAa,GACb,OAAO,GACP,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,WAAW,CAAA;AACf,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AACrE,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IACpC,mGAAmG;IACnG,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CACtC;AACD,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAA;AAE3F,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAA;IACvC,uCAAuC;IACvC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,mGAAmG;IACnG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAA;IAClD,yFAAyF;IACzF,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,8FAA8F;IAC9F,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAA;IAC9C,iDAAiD;IACjD,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACvC;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,UAAU,EACV,QAAsB,EACtB,OAAoB,EACpB,MAAM,EACN,OAAO,GACR,EAAE,eAAe,2CAoEjB"}
+{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/site-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAA4C,MAAM,wCAAwC,CAAA;AAE1H,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACnE,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAgB,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEzF,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,GACP,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,WAAW,GACX,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,eAAe,GACf,cAAc,GACd,SAAS,GACT,OAAO,GACP,WAAW,GACX,YAAY,GACZ,aAAa,GACb,OAAO,GACP,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,WAAW,CAAA;AACf,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AACrE,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IACpC,mGAAmG;IACnG,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CACtC;AACD,2GAA2G;AAC3G,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,sBAAsB,CAAC,CAAA;AAEnH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAA;IACvC,uCAAuC;IACvC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,mGAAmG;IACnG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAA;IAClD,yFAAyF;IACzF,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,8FAA8F;IAC9F,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAA;IAC9C,iDAAiD;IACjD,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACvC;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,UAAU,EACV,QAAsB,EACtB,OAAoB,EACpB,MAAM,EACN,OAAO,GACR,EAAE,eAAe,2CAoEjB"}

package/dist/ui-kit/shell/site-header.js

@@ -5,31 +5,31 @@ import { MAIN_CONTENT_ID } from '../../navigation/constants.js';
 import { Icon } from '../icons.js';
 import { PhoneLink } from '../primitives/links.js';
 import { QuoteButton } from '../primitives/quote-button.js';
-import { cx, slot } from '../skin.js';
+import { cx, repeatedSlot, slot } from '../skin.js';
 import { CurrentLink, LogoLink } from './current-link.js';
 import { HeaderRoot, NavController, NavItem, NavPanel, NavTrigger } from './header-client.js';
 import { MobileDrawer } from './mobile-drawer.js';
 export const SITE_HEADER_VARIANTS = ['standard', 'call-first'];
 export function SiteHeader({ navigation, brandName, homeHref, logo, phone, phoneLabel, quote, socials, skipLabel, utility, drawer, drawerLogo, idPrefix = 'bl-header', variant = 'standard', layout, classes, }) {
     const callFirst = variant === 'call-first';
-    return (_jsxs(_Fragment, { children: [_jsx(SkipLink, { targetId: MAIN_CONTENT_ID, "data-bl": "skip", className: classes?.skip, children: skipLabel }), utility, _jsx(HeaderRoot, { variant: variant, navAlign: layout?.navAlign ?? 'center', compactAfterScroll: layout?.compactAfterScroll ?? false, className: classes?.root, children: _jsx("div", { ...slot(classes, 'bar'), children: _jsxs("div", { ...slot(classes, 'inner'), children: [_jsx(LogoLink, { href: homeHref, label: brandName, slot: "logo", className: classes?.logo, children: logo }), _jsx(NavController, { label: "Main", className: classes?.nav, children: _jsx("ul", { ...slot(classes, 'list'), children: navigation.items.map((item) => item.kind === 'link' ? (_jsx(LinkItem, { item: item, classes: classes }, item.id)) : (_jsx(MenuItem, { item: item, panelId: `${idPrefix}-panel-${item.id}`, classes: classes }, item.id))) }) }), _jsxs("div", { ...slot(classes, 'actions'), children: [_jsx(PhoneLink, { phone: phone, placement: "header", label: phoneLabel, showIcon: true, variant: callFirst ? 'button' : 'text', classes: { root: classes?.phone, icon: classes?.phoneIcon, label: classes?.phoneLabel, number: classes?.phoneNumber } }), _jsx(QuoteButton, { label: quote.label, href: quote.href, placement: "header", ctaId: "quote-header", classes: { root: classes?.quote, label: classes?.quoteLabel, icon: classes?.quoteIcon } }), _jsx(MobileDrawer, { ...drawer, classes: {
+    return (_jsxs(_Fragment, { children: [_jsx(SkipLink, { targetId: MAIN_CONTENT_ID, "data-bl": "skip", className: classes?.skip, children: skipLabel }), utility, _jsx(HeaderRoot, { variant: variant, navAlign: layout?.navAlign ?? 'center', compactAfterScroll: layout?.compactAfterScroll ?? false, className: classes?.root, children: _jsx("div", { ...slot(classes, 'bar'), children: _jsxs("div", { ...slot(classes, 'inner'), children: [_jsx(LogoLink, { href: homeHref, label: brandName, slot: "logo", className: classes?.logo, children: logo }), _jsx(NavController, { label: "Main", className: classes?.nav, children: _jsx("ul", { ...slot(classes, 'list'), children: navigation.items.map((item) => item.kind === 'link' ? (_jsx(LinkItem, { item: item }, item.id)) : (_jsx(MenuItem, { item: item, panelId: `${idPrefix}-panel-${item.id}` }, item.id))) }) }), _jsxs("div", { ...slot(classes, 'actions'), children: [_jsx(PhoneLink, { phone: phone, placement: "header", label: phoneLabel, showIcon: true, variant: callFirst ? 'button' : 'text', classes: { root: classes?.phone, icon: classes?.phoneIcon, label: classes?.phoneLabel, number: classes?.phoneNumber } }), _jsx(QuoteButton, { label: quote.label, href: quote.href, placement: "header", ctaId: "quote-header", classes: { root: classes?.quote, label: classes?.quoteLabel, icon: classes?.quoteIcon } }), _jsx(MobileDrawer, { ...drawer, classes: {
                                             ...drawer?.classes,
                                             menuButton: cx(drawer?.classes?.menuButton, classes?.menuButton),
                                             menuLabel: cx(drawer?.classes?.menuLabel, classes?.menuLabel),
                                         }, navigation: navigation, phone: phone, phoneLabel: phoneLabel, quote: quote, socials: socials, logo: drawerLogo, idPrefix: idPrefix })] })] }) }) })] }));
 }
-function LinkItem({ item, classes }) {
-    return (_jsx(NavItem, { paths: [item.href, ...(item.activePaths ?? [])], className: classes?.item, children: _jsx(CurrentLink, { href: item.href, slot: "link", className: classes?.link, children: item.label }) }));
+function LinkItem({ item }) {
+    return (_jsx(NavItem, { paths: [item.href, ...(item.activePaths ?? [])], children: _jsx(CurrentLink, { href: item.href, slot: "link", children: item.label }) }));
 }
-function MenuItem({ item, panelId, classes }) {
+function MenuItem({ item, panelId }) {
     const groups = item.panel === 'columns' && item.groups && item.groups.length > 0 ? item.groups : undefined;
     // A columns panel never drops a link: links outside every group follow in a last group without a heading.
     const grouped = new Set(groups?.flatMap((group) => group.links.map((link) => link.href)));
     const ungrouped = groups ? item.links.filter((link) => !grouped.has(link.href)) : [];
     const columnCount = groups ? groups.length + (ungrouped.length > 0 ? 1 : 0) : 0;
-    return (_jsxs(NavItem, { menuId: item.id, paths: [item.href, ...(item.activePaths ?? [])], className: classes?.item, children: [_jsxs("span", { ...slot(classes, 'itemRow'), children: [_jsx(CurrentLink, { href: item.href, slot: "link", className: classes?.link, children: item.label }), _jsx(NavTrigger, { menuId: item.id, panelId: panelId, label: item.label, className: classes?.trigger, children: _jsx(Icon, { name: "chevron" }) })] }), _jsx(NavPanel, { menuId: item.id, panelId: panelId, variant: item.panel, columns: groups ? Math.min(3, Math.max(2, columnCount)) : undefined, className: classes?.panel, children: _jsxs("div", { ...slot(classes, 'panelBody'), children: [item.panel === 'featured' && item.featured ? (_jsxs(CurrentLink, { href: item.featured.href, slot: "featured", prefetch: false, className: classes?.featured, children: [_jsx("span", { ...slot(classes, 'featuredMedia'), children: _jsx(Image, { src: item.featured.image.src, alt: item.featured.image.alt, width: item.featured.image.width, height: item.featured.image.height, sizes: "240px" }) }), _jsx("span", { ...slot(classes, 'featuredLabel'), children: item.featured.label }), _jsx("span", { ...slot(classes, 'featuredText'), children: item.featured.description })] })) : null, _jsxs("ul", { ...slot(classes, 'panelList'), children: [_jsx("li", { children: _jsxs(CurrentLink, { href: item.href, slot: "panelLink", hub: true, prefetch: false, className: classes?.panelLink, children: [_jsx("span", { ...slot(classes, 'panelLabel'), children: item.hubLabel }), _jsx(Icon, { name: "arrow" })] }) }), groups ? null : item.links.map((link) => _jsx(PanelLink, { link: link, classes: classes }, link.href))] }), groups?.map((group) => (_jsxs("div", { ...slot(classes, 'panelGroup'), children: [_jsx("p", { ...slot(classes, 'panelHeading'), children: group.heading }), _jsx("ul", { ...slot(classes, 'panelList'), children: group.links.map((link) => (_jsx(PanelLink, { link: link, classes: classes }, link.href))) })] }, group.heading))), ungrouped.length > 0 ? (_jsx("div", { ...slot(classes, 'panelGroup'), children: _jsx("ul", { ...slot(classes, 'panelList'), children: ungrouped.map((link) => (_jsx(PanelLink, { link: link, classes: classes }, link.href))) }) })) : null] }) })] }));
+    return (_jsxs(NavItem, { menuId: item.id, paths: [item.href, ...(item.activePaths ?? [])], children: [_jsxs("span", { ...repeatedSlot('itemRow'), children: [_jsx(CurrentLink, { href: item.href, slot: "link", children: item.label }), _jsx(NavTrigger, { menuId: item.id, panelId: panelId, label: item.label, children: _jsx(Icon, { name: "chevron" }) })] }), _jsx(NavPanel, { menuId: item.id, panelId: panelId, variant: item.panel, columns: groups ? Math.min(3, Math.max(2, columnCount)) : undefined, children: _jsxs("div", { ...repeatedSlot('panelBody'), children: [item.panel === 'featured' && item.featured ? (_jsxs(CurrentLink, { href: item.featured.href, slot: "featured", prefetch: false, children: [_jsx("span", { ...repeatedSlot('featuredMedia'), children: _jsx(Image, { src: item.featured.image.src, alt: item.featured.image.alt, width: item.featured.image.width, height: item.featured.image.height, sizes: "240px" }) }), _jsx("span", { ...repeatedSlot('featuredLabel'), children: item.featured.label }), _jsx("span", { ...repeatedSlot('featuredText'), children: item.featured.description })] })) : null, _jsxs("ul", { ...repeatedSlot('panelList'), children: [_jsx("li", { children: _jsxs(CurrentLink, { href: item.href, slot: "panelLink", hub: true, prefetch: false, children: [_jsx("span", { ...repeatedSlot('panelLabel'), children: item.hubLabel }), _jsx(Icon, { name: "arrow" })] }) }), groups ? null : item.links.map((link) => _jsx(PanelLink, { link: link }, link.href))] }), groups?.map((group) => (_jsxs("div", { ...repeatedSlot('panelGroup'), children: [_jsx("p", { ...repeatedSlot('panelHeading'), children: group.heading }), _jsx("ul", { ...repeatedSlot('panelList'), children: group.links.map((link) => (_jsx(PanelLink, { link: link }, link.href))) })] }, group.heading))), ungrouped.length > 0 ? (_jsx("div", { ...repeatedSlot('panelGroup'), children: _jsx("ul", { ...repeatedSlot('panelList'), children: ungrouped.map((link) => (_jsx(PanelLink, { link: link }, link.href))) }) })) : null] }) })] }));
 }
-function PanelLink({ link, classes }) {
-    return (_jsx("li", { children: _jsxs(CurrentLink, { href: link.href, slot: "panelLink", prefetch: false, className: classes?.panelLink, children: [_jsx("span", { ...slot(classes, 'panelLabel'), children: link.label }), link.description ? _jsx("span", { ...slot(classes, 'panelText'), children: link.description }) : null] }) }));
+function PanelLink({ link }) {
+    return (_jsx("li", { children: _jsxs(CurrentLink, { href: link.href, slot: "panelLink", prefetch: false, children: [_jsx("span", { ...repeatedSlot('panelLabel'), children: link.label }), link.description ? _jsx("span", { ...repeatedSlot('panelText'), children: link.description }) : null] }) }));
 }
 //# sourceMappingURL=site-header.js.map

package/dist/ui-kit/shell/site-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"site-header.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/site-header.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * F2: the header shell (server component). The same structure on every site: the skip link, the optional utility\n * bar, then a sticky, solid `<header>` holding the logo, the menu, the phone and the quote button. Layout follows the\n * header's own width (container queries): from 1280 px the full menu; from 1024 to 1279 px a compact band with the\n * phone and its number, the quote button and a Menu button; below 1024 px the logo, a 44 px call button and a 44 px\n * Menu button. Every menu, hub and panel link is an `<a href>` in the server HTML (F3); client leaves only change\n * state.\n */\nimport type { BrandlabNavigation, BrandlabNavLinkItem, BrandlabNavMenuItem } from '@brandlab-digital/site-core/navigation'\nimport Image from 'next/image'\nimport type { ReactNode } from 'react'\nimport { SkipLink } from '../../ui.js'\nimport { MAIN_CONTENT_ID } from '../../navigation/constants.js'\nimport { Icon } from '../icons.js'\nimport { PhoneLink } from '../primitives/links.js'\nimport { QuoteButton } from '../primitives/quote-button.js'\nimport { cx, slot, type SkinEntry, type SlotClasses } from '../skin.js'\nimport type { UiPhone, UiSocial } from '../types.js'\nimport { CurrentLink, LogoLink } from './current-link.js'\nimport { HeaderRoot, NavController, NavItem, NavPanel, NavTrigger } from './header-client.js'\nimport { MobileDrawer, type MobileDrawerSkin, type ShellQuote } from './mobile-drawer.js'\n\nexport type SiteHeaderSlot =\n  | 'skip'\n  | 'root'\n  | 'bar'\n  | 'inner'\n  | 'logo'\n  | 'nav'\n  | 'list'\n  | 'item'\n  | 'itemRow'\n  | 'link'\n  | 'trigger'\n  | 'panel'\n  | 'panelBody'\n  | 'panelList'\n  | 'panelGroup'\n  | 'panelHeading'\n  | 'panelLink'\n  | 'panelLabel'\n  | 'panelText'\n  | 'featured'\n  | 'featuredMedia'\n  | 'featuredLabel'\n  | 'featuredText'\n  | 'actions'\n  | 'phone'\n  | 'phoneIcon'\n  | 'phoneLabel'\n  | 'phoneNumber'\n  | 'quote'\n  | 'quoteLabel'\n  | 'quoteIcon'\n  | 'menuButton'\n  | 'menuLabel'\nexport const SITE_HEADER_VARIANTS = ['standard', 'call-first'] as const\n/**\n * `call-first` (recorded exceptions, v1 §9.10): the phone is the primary action (a button with its number at every\n * width); the quote button still follows it, as on `standard`.\n */\nexport type SiteHeaderVariant = (typeof SITE_HEADER_VARIANTS)[number]\nexport interface SiteHeaderLayout {\n  /** Where the menu sits between the logo and the actions. */\n  readonly navAlign?: 'center' | 'end'\n  /** Compact the header (`data-compact=\"true\"`) once the page has scrolled 80 px. It never hides. */\n  readonly compactAfterScroll?: boolean\n}\nexport type SiteHeaderSkin = SkinEntry<SiteHeaderSlot, SiteHeaderVariant, SiteHeaderLayout>\n\nexport interface SiteHeaderProps extends SiteHeaderSkin {\n  readonly navigation: BrandlabNavigation\n  /** The logo link's accessible name. */\n  readonly brandName: string\n  readonly homeHref: string\n  readonly logo: ReactNode\n  /** From the derived business facts, never typed by hand. */\n  readonly phone: UiPhone\n  /** The small line above the number, for example \"Call us\". Also leads the drawer's Call button. */\n  readonly phoneLabel?: string | undefined\n  readonly quote: ShellQuote\n  readonly socials?: readonly UiSocial[] | undefined\n  /** The site's skip-link text, for example \"Skip to main content\". It targets `#main`. */\n  readonly skipLabel: string\n  /** The optional utility bar (`<UtilityBar>`), placed between the skip link and the header. */\n  readonly utility?: ReactNode\n  /** The site's `mobileDrawer` skin entry. */\n  readonly drawer?: MobileDrawerSkin | undefined\n  /** An optional logo for the drawer's top bar. */\n  readonly drawerLogo?: ReactNode\n  /** Prefix for element ids; one per header on the page. */\n  readonly idPrefix?: string | undefined\n}\n\nexport function SiteHeader({\n  navigation,\n  brandName,\n  homeHref,\n  logo,\n  phone,\n  phoneLabel,\n  quote,\n  socials,\n  skipLabel,\n  utility,\n  drawer,\n  drawerLogo,\n  idPrefix = 'bl-header',\n  variant = 'standard',\n  layout,\n  classes,\n}: SiteHeaderProps) {\n  const callFirst = variant === 'call-first'\n  return (\n    <>\n      <SkipLink targetId={MAIN_CONTENT_ID} data-bl=\"skip\" className={classes?.skip}>\n        {skipLabel}\n      </SkipLink>\n      {utility}\n      <HeaderRoot\n        variant={variant}\n        navAlign={layout?.navAlign ?? 'center'}\n        compactAfterScroll={layout?.compactAfterScroll ?? false}\n        className={classes?.root}\n      >\n        <div {...slot(classes, 'bar')}>\n          <div {...slot(classes, 'inner')}>\n            <LogoLink href={homeHref} label={brandName} slot=\"logo\" className={classes?.logo}>\n              {logo}\n            </LogoLink>\n            <NavController label=\"Main\" className={classes?.nav}>\n              <ul {...slot(classes, 'list')}>\n                {navigation.items.map((item) =>\n                  item.kind === 'link' ? (\n                    <LinkItem key={item.id} item={item} classes={classes} />\n                  ) : (\n                    <MenuItem key={item.id} item={item} panelId={`${idPrefix}-panel-${item.id}`} classes={classes} />\n                  ),\n                )}\n              </ul>\n            </NavController>\n            <div {...slot(classes, 'actions')}>\n              {/* The phone sits beside the quote button with its icon on the left; its name is its visible text. */}\n              <PhoneLink\n                phone={phone}\n                placement=\"header\"\n                label={phoneLabel}\n                showIcon\n                variant={callFirst ? 'button' : 'text'}\n                classes={{ root: classes?.phone, icon: classes?.phoneIcon, label: classes?.phoneLabel, number: classes?.phoneNumber }}\n              />\n              <QuoteButton\n                label={quote.label}\n                href={quote.href}\n                placement=\"header\"\n                ctaId=\"quote-header\"\n                classes={{ root: classes?.quote, label: classes?.quoteLabel, icon: classes?.quoteIcon }}\n              />\n              <MobileDrawer\n                {...drawer}\n                classes={{\n                  ...drawer?.classes,\n                  menuButton: cx(drawer?.classes?.menuButton, classes?.menuButton),\n                  menuLabel: cx(drawer?.classes?.menuLabel, classes?.menuLabel),\n                }}\n                navigation={navigation}\n                phone={phone}\n                phoneLabel={phoneLabel}\n                quote={quote}\n                socials={socials}\n                logo={drawerLogo}\n                idPrefix={idPrefix}\n              />\n            </div>\n          </div>\n        </div>\n      </HeaderRoot>\n    </>\n  )\n}\n\ntype Classes = SlotClasses<SiteHeaderSlot> | undefined\n\nfunction LinkItem({ item, classes }: { item: BrandlabNavLinkItem; classes: Classes }) {\n  return (\n    <NavItem paths={[item.href, ...(item.activePaths ?? [])]} className={classes?.item}>\n      <CurrentLink href={item.href} slot=\"link\" className={classes?.link}>\n        {item.label}\n      </CurrentLink>\n    </NavItem>\n  )\n}\n\nfunction MenuItem({ item, panelId, classes }: { item: BrandlabNavMenuItem; panelId: string; classes: Classes }) {\n  const groups = item.panel === 'columns' && item.groups && item.groups.length > 0 ? item.groups : undefined\n  // A columns panel never drops a link: links outside every group follow in a last group without a heading.\n  const grouped = new Set(groups?.flatMap((group) => group.links.map((link) => link.href)))\n  const ungrouped = groups ? item.links.filter((link) => !grouped.has(link.href)) : []\n  const columnCount = groups ? groups.length + (ungrouped.length > 0 ? 1 : 0) : 0\n  return (\n    <NavItem menuId={item.id} paths={[item.href, ...(item.activePaths ?? [])]} className={classes?.item}>\n      <span {...slot(classes, 'itemRow')}>\n        <CurrentLink href={item.href} slot=\"link\" className={classes?.link}>\n          {item.label}\n        </CurrentLink>\n        <NavTrigger menuId={item.id} panelId={panelId} label={item.label} className={classes?.trigger}>\n          <Icon name=\"chevron\" />\n        </NavTrigger>\n      </span>\n      <NavPanel\n        menuId={item.id}\n        panelId={panelId}\n        variant={item.panel}\n        columns={groups ? Math.min(3, Math.max(2, columnCount)) : undefined}\n        className={classes?.panel}\n      >\n        <div {...slot(classes, 'panelBody')}>\n          {item.panel === 'featured' && item.featured ? (\n            <CurrentLink href={item.featured.href} slot=\"featured\" prefetch={false} className={classes?.featured}>\n              <span {...slot(classes, 'featuredMedia')}>\n                <Image\n                  src={item.featured.image.src}\n                  alt={item.featured.image.alt}\n                  width={item.featured.image.width}\n                  height={item.featured.image.height}\n                  sizes=\"240px\"\n                />\n              </span>\n              <span {...slot(classes, 'featuredLabel')}>{item.featured.label}</span>\n              <span {...slot(classes, 'featuredText')}>{item.featured.description}</span>\n            </CurrentLink>\n          ) : null}\n          {/* Every panel repeats its hub link first. */}\n          <ul {...slot(classes, 'panelList')}>\n            <li>\n              <CurrentLink href={item.href} slot=\"panelLink\" hub prefetch={false} className={classes?.panelLink}>\n                <span {...slot(classes, 'panelLabel')}>{item.hubLabel}</span>\n                <Icon name=\"arrow\" />\n              </CurrentLink>\n            </li>\n            {groups ? null : item.links.map((link) => <PanelLink key={link.href} link={link} classes={classes} />)}\n          </ul>\n          {groups?.map((group) => (\n            <div key={group.heading} {...slot(classes, 'panelGroup')}>\n              <p {...slot(classes, 'panelHeading')}>{group.heading}</p>\n              <ul {...slot(classes, 'panelList')}>\n                {group.links.map((link) => (\n                  <PanelLink key={link.href} link={link} classes={classes} />\n                ))}\n              </ul>\n            </div>\n          ))}\n          {ungrouped.length > 0 ? (\n            <div {...slot(classes, 'panelGroup')}>\n              <ul {...slot(classes, 'panelList')}>\n                {ungrouped.map((link) => (\n                  <PanelLink key={link.href} link={link} classes={classes} />\n                ))}\n              </ul>\n            </div>\n          ) : null}\n        </div>\n      </NavPanel>\n    </NavItem>\n  )\n}\n\nfunction PanelLink({ link, classes }: { link: BrandlabNavMenuItem['links'][number]; classes: Classes }) {\n  return (\n    <li>\n      <CurrentLink href={link.href} slot=\"panelLink\" prefetch={false} className={classes?.panelLink}>\n        <span {...slot(classes, 'panelLabel')}>{link.label}</span>\n        {link.description ? <span {...slot(classes, 'panelText')}>{link.description}</span> : null}\n      </CurrentLink>\n    </li>\n  )\n}\n"]}
+{"version":3,"file":"site-header.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/site-header.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * F2: the header shell (server component). The same structure on every site: the skip link, the optional utility\n * bar, then a sticky, solid `<header>` holding the logo, the menu, the phone and the quote button. Layout follows the\n * header's own width (container queries): from 1280 px the full menu; from 1024 to 1279 px a compact band with the\n * phone and its number, the quote button and a Menu button; below 1024 px the logo, a 44 px call button and a 44 px\n * Menu button. Every menu, hub and panel link is an `<a href>` in the server HTML (F3); client leaves only change\n * state.\n */\nimport type { BrandlabNavigation, BrandlabNavLinkItem, BrandlabNavMenuItem } from '@brandlab-digital/site-core/navigation'\nimport Image from 'next/image'\nimport type { ReactNode } from 'react'\nimport { SkipLink } from '../../ui.js'\nimport { MAIN_CONTENT_ID } from '../../navigation/constants.js'\nimport { Icon } from '../icons.js'\nimport { PhoneLink } from '../primitives/links.js'\nimport { QuoteButton } from '../primitives/quote-button.js'\nimport type { RepeatedSlotOf } from '../repeated-slots.js'\nimport { cx, repeatedSlot, slot, type SkinEntry } from '../skin.js'\nimport type { UiPhone, UiSocial } from '../types.js'\nimport { CurrentLink, LogoLink } from './current-link.js'\nimport { HeaderRoot, NavController, NavItem, NavPanel, NavTrigger } from './header-client.js'\nimport { MobileDrawer, type MobileDrawerSkin, type ShellQuote } from './mobile-drawer.js'\n\nexport type SiteHeaderSlot =\n  | 'skip'\n  | 'root'\n  | 'bar'\n  | 'inner'\n  | 'logo'\n  | 'nav'\n  | 'list'\n  | 'item'\n  | 'itemRow'\n  | 'link'\n  | 'trigger'\n  | 'panel'\n  | 'panelBody'\n  | 'panelList'\n  | 'panelGroup'\n  | 'panelHeading'\n  | 'panelLink'\n  | 'panelLabel'\n  | 'panelText'\n  | 'featured'\n  | 'featuredMedia'\n  | 'featuredLabel'\n  | 'featuredText'\n  | 'actions'\n  | 'phone'\n  | 'phoneIcon'\n  | 'phoneLabel'\n  | 'phoneNumber'\n  | 'quote'\n  | 'quoteLabel'\n  | 'quoteIcon'\n  | 'menuButton'\n  | 'menuLabel'\nexport const SITE_HEADER_VARIANTS = ['standard', 'call-first'] as const\n/**\n * `call-first` (recorded exceptions, v1 §9.10): the phone is the primary action (a button with its number at every\n * width); the quote button still follows it, as on `standard`.\n */\nexport type SiteHeaderVariant = (typeof SITE_HEADER_VARIANTS)[number]\nexport interface SiteHeaderLayout {\n  /** Where the menu sits between the logo and the actions. */\n  readonly navAlign?: 'center' | 'end'\n  /** Compact the header (`data-compact=\"true\"`) once the page has scrolled 80 px. It never hides. */\n  readonly compactAfterScroll?: boolean\n}\n/** Rendered once per menu item or panel link: styled from the skin stylesheet, never by class (3.14.0). */\nexport type SiteHeaderRepeatedSlot = RepeatedSlotOf<'siteHeader'>\nexport type SiteHeaderSkin = SkinEntry<SiteHeaderSlot, SiteHeaderVariant, SiteHeaderLayout, SiteHeaderRepeatedSlot>\n\nexport interface SiteHeaderProps extends SiteHeaderSkin {\n  readonly navigation: BrandlabNavigation\n  /** The logo link's accessible name. */\n  readonly brandName: string\n  readonly homeHref: string\n  readonly logo: ReactNode\n  /** From the derived business facts, never typed by hand. */\n  readonly phone: UiPhone\n  /** The small line above the number, for example \"Call us\". Also leads the drawer's Call button. */\n  readonly phoneLabel?: string | undefined\n  readonly quote: ShellQuote\n  readonly socials?: readonly UiSocial[] | undefined\n  /** The site's skip-link text, for example \"Skip to main content\". It targets `#main`. */\n  readonly skipLabel: string\n  /** The optional utility bar (`<UtilityBar>`), placed between the skip link and the header. */\n  readonly utility?: ReactNode\n  /** The site's `mobileDrawer` skin entry. */\n  readonly drawer?: MobileDrawerSkin | undefined\n  /** An optional logo for the drawer's top bar. */\n  readonly drawerLogo?: ReactNode\n  /** Prefix for element ids; one per header on the page. */\n  readonly idPrefix?: string | undefined\n}\n\nexport function SiteHeader({\n  navigation,\n  brandName,\n  homeHref,\n  logo,\n  phone,\n  phoneLabel,\n  quote,\n  socials,\n  skipLabel,\n  utility,\n  drawer,\n  drawerLogo,\n  idPrefix = 'bl-header',\n  variant = 'standard',\n  layout,\n  classes,\n}: SiteHeaderProps) {\n  const callFirst = variant === 'call-first'\n  return (\n    <>\n      <SkipLink targetId={MAIN_CONTENT_ID} data-bl=\"skip\" className={classes?.skip}>\n        {skipLabel}\n      </SkipLink>\n      {utility}\n      <HeaderRoot\n        variant={variant}\n        navAlign={layout?.navAlign ?? 'center'}\n        compactAfterScroll={layout?.compactAfterScroll ?? false}\n        className={classes?.root}\n      >\n        <div {...slot(classes, 'bar')}>\n          <div {...slot(classes, 'inner')}>\n            <LogoLink href={homeHref} label={brandName} slot=\"logo\" className={classes?.logo}>\n              {logo}\n            </LogoLink>\n            <NavController label=\"Main\" className={classes?.nav}>\n              <ul {...slot(classes, 'list')}>\n                {navigation.items.map((item) =>\n                  item.kind === 'link' ? (\n                    <LinkItem key={item.id} item={item} />\n                  ) : (\n                    <MenuItem key={item.id} item={item} panelId={`${idPrefix}-panel-${item.id}`} />\n                  ),\n                )}\n              </ul>\n            </NavController>\n            <div {...slot(classes, 'actions')}>\n              {/* The phone sits beside the quote button with its icon on the left; its name is its visible text. */}\n              <PhoneLink\n                phone={phone}\n                placement=\"header\"\n                label={phoneLabel}\n                showIcon\n                variant={callFirst ? 'button' : 'text'}\n                classes={{ root: classes?.phone, icon: classes?.phoneIcon, label: classes?.phoneLabel, number: classes?.phoneNumber }}\n              />\n              <QuoteButton\n                label={quote.label}\n                href={quote.href}\n                placement=\"header\"\n                ctaId=\"quote-header\"\n                classes={{ root: classes?.quote, label: classes?.quoteLabel, icon: classes?.quoteIcon }}\n              />\n              <MobileDrawer\n                {...drawer}\n                classes={{\n                  ...drawer?.classes,\n                  menuButton: cx(drawer?.classes?.menuButton, classes?.menuButton),\n                  menuLabel: cx(drawer?.classes?.menuLabel, classes?.menuLabel),\n                }}\n                navigation={navigation}\n                phone={phone}\n                phoneLabel={phoneLabel}\n                quote={quote}\n                socials={socials}\n                logo={drawerLogo}\n                idPrefix={idPrefix}\n              />\n            </div>\n          </div>\n        </div>\n      </HeaderRoot>\n    </>\n  )\n}\n\nfunction LinkItem({ item }: { item: BrandlabNavLinkItem }) {\n  return (\n    <NavItem paths={[item.href, ...(item.activePaths ?? [])]}>\n      <CurrentLink href={item.href} slot=\"link\">\n        {item.label}\n      </CurrentLink>\n    </NavItem>\n  )\n}\n\nfunction MenuItem({ item, panelId }: { item: BrandlabNavMenuItem; panelId: string }) {\n  const groups = item.panel === 'columns' && item.groups && item.groups.length > 0 ? item.groups : undefined\n  // A columns panel never drops a link: links outside every group follow in a last group without a heading.\n  const grouped = new Set(groups?.flatMap((group) => group.links.map((link) => link.href)))\n  const ungrouped = groups ? item.links.filter((link) => !grouped.has(link.href)) : []\n  const columnCount = groups ? groups.length + (ungrouped.length > 0 ? 1 : 0) : 0\n  return (\n    <NavItem menuId={item.id} paths={[item.href, ...(item.activePaths ?? [])]}>\n      <span {...repeatedSlot('itemRow')}>\n        <CurrentLink href={item.href} slot=\"link\">\n          {item.label}\n        </CurrentLink>\n        <NavTrigger menuId={item.id} panelId={panelId} label={item.label}>\n          <Icon name=\"chevron\" />\n        </NavTrigger>\n      </span>\n      <NavPanel\n        menuId={item.id}\n        panelId={panelId}\n        variant={item.panel}\n        columns={groups ? Math.min(3, Math.max(2, columnCount)) : undefined}\n       \n      >\n        <div {...repeatedSlot('panelBody')}>\n          {item.panel === 'featured' && item.featured ? (\n            <CurrentLink href={item.featured.href} slot=\"featured\" prefetch={false}>\n              <span {...repeatedSlot('featuredMedia')}>\n                <Image\n                  src={item.featured.image.src}\n                  alt={item.featured.image.alt}\n                  width={item.featured.image.width}\n                  height={item.featured.image.height}\n                  sizes=\"240px\"\n                />\n              </span>\n              <span {...repeatedSlot('featuredLabel')}>{item.featured.label}</span>\n              <span {...repeatedSlot('featuredText')}>{item.featured.description}</span>\n            </CurrentLink>\n          ) : null}\n          {/* Every panel repeats its hub link first. */}\n          <ul {...repeatedSlot('panelList')}>\n            <li>\n              <CurrentLink href={item.href} slot=\"panelLink\" hub prefetch={false}>\n                <span {...repeatedSlot('panelLabel')}>{item.hubLabel}</span>\n                <Icon name=\"arrow\" />\n              </CurrentLink>\n            </li>\n            {groups ? null : item.links.map((link) => <PanelLink key={link.href} link={link} />)}\n          </ul>\n          {groups?.map((group) => (\n            <div key={group.heading} {...repeatedSlot('panelGroup')}>\n              <p {...repeatedSlot('panelHeading')}>{group.heading}</p>\n              <ul {...repeatedSlot('panelList')}>\n                {group.links.map((link) => (\n                  <PanelLink key={link.href} link={link} />\n                ))}\n              </ul>\n            </div>\n          ))}\n          {ungrouped.length > 0 ? (\n            <div {...repeatedSlot('panelGroup')}>\n              <ul {...repeatedSlot('panelList')}>\n                {ungrouped.map((link) => (\n                  <PanelLink key={link.href} link={link} />\n                ))}\n              </ul>\n            </div>\n          ) : null}\n        </div>\n      </NavPanel>\n    </NavItem>\n  )\n}\n\nfunction PanelLink({ link }: { link: BrandlabNavMenuItem['links'][number] }) {\n  return (\n    <li>\n      <CurrentLink href={link.href} slot=\"panelLink\" prefetch={false}>\n        <span {...repeatedSlot('panelLabel')}>{link.label}</span>\n        {link.description ? <span {...repeatedSlot('panelText')}>{link.description}</span> : null}\n      </CurrentLink>\n    </li>\n  )\n}\n"]}

package/dist/ui-kit/shell/social-links.d.ts

@@ -1,8 +1,7 @@
 import type { UiSocial } from '../types.js';
-export declare function SocialLinks({ socials, slotName, className, linkClassName, }: {
+export declare function SocialLinks({ socials, slotName, className, }: {
     readonly socials: readonly UiSocial[];
     readonly slotName: string;
     readonly className?: string | undefined;
-    readonly linkClassName?: string | undefined;
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=social-links.d.ts.map

package/dist/ui-kit/shell/social-links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"social-links.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/social-links.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,SAAS,QAAQ,EAAE,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5C,kDAqBA"}
+{"version":3,"file":"social-links.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/social-links.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,SAAS,QAAQ,EAAE,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxC,kDAoBA"}

package/dist/ui-kit/shell/social-links.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/** Social and Business Profile icon links, shared by the drawer and the utility bar. Each link is named by its data. */
+/**
+ * Social and Business Profile icon links, shared by the drawer and the utility bar. Each link is named by its data.
+ * The links are a repeated slot (`socialLink`, 3.14.0): styled from the skin stylesheet, never by class.
+ */
 import { SocialIcon } from '../icons.js';
-export function SocialLinks({ socials, slotName, className, linkClassName, }) {
+export function SocialLinks({ socials, slotName, className, }) {
     if (socials.length === 0)
         return null;
-    return (_jsx("ul", { "data-slot": slotName, className: className, children: socials.map((social) => (_jsx("li", { children: _jsx("a", { href: social.href, target: "_blank", rel: "noopener noreferrer", "aria-label": social.label, "data-slot": "socialLink", "data-social": social.kind, className: linkClassName, children: _jsx(SocialIcon, { kind: social.kind }) }) }, social.href))) }));
+    return (_jsx("ul", { "data-slot": slotName, className: className, children: socials.map((social) => (_jsx("li", { children: _jsx("a", { href: social.href, target: "_blank", rel: "noopener noreferrer", "aria-label": social.label, "data-slot": "socialLink", "data-social": social.kind, children: _jsx(SocialIcon, { kind: social.kind }) }) }, social.href))) }));
 }
 //# sourceMappingURL=social-links.js.map

package/dist/ui-kit/shell/social-links.js.map

@@ -1 +1 @@
-{"version":3,"file":"social-links.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/social-links.tsx"],"names":[],"mappings":";AAAA,wHAAwH;AACxH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,GAMd;IACC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACrC,OAAO,CACL,0BAAe,QAAQ,EAAE,SAAS,EAAE,SAAS,YAC1C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,uBACE,YACE,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,gBACb,MAAM,CAAC,KAAK,eACd,YAAY,iBACT,MAAM,CAAC,IAAI,EACxB,SAAS,EAAE,aAAa,YAExB,KAAC,UAAU,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,GAC/B,IAXG,MAAM,CAAC,IAAI,CAYf,CACN,CAAC,GACC,CACN,CAAA;AACH,CAAC","sourcesContent":["/** Social and Business Profile icon links, shared by the drawer and the utility bar. Each link is named by its data. */\nimport { SocialIcon } from '../icons.js'\nimport type { UiSocial } from '../types.js'\n\nexport function SocialLinks({\n  socials,\n  slotName,\n  className,\n  linkClassName,\n}: {\n  readonly socials: readonly UiSocial[]\n  readonly slotName: string\n  readonly className?: string | undefined\n  readonly linkClassName?: string | undefined\n}) {\n  if (socials.length === 0) return null\n  return (\n    <ul data-slot={slotName} className={className}>\n      {socials.map((social) => (\n        <li key={social.href}>\n          <a\n            href={social.href}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label={social.label}\n            data-slot=\"socialLink\"\n            data-social={social.kind}\n            className={linkClassName}\n          >\n            <SocialIcon kind={social.kind} />\n          </a>\n        </li>\n      ))}\n    </ul>\n  )\n}\n"]}
+{"version":3,"file":"social-links.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/social-links.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,GAKV;IACC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACrC,OAAO,CACL,0BAAe,QAAQ,EAAE,SAAS,EAAE,SAAS,YAC1C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,uBACE,YACE,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,gBACb,MAAM,CAAC,KAAK,eACd,YAAY,iBACT,MAAM,CAAC,IAAI,YAExB,KAAC,UAAU,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,GAC/B,IAVG,MAAM,CAAC,IAAI,CAWf,CACN,CAAC,GACC,CACN,CAAA;AACH,CAAC","sourcesContent":["/**\n * Social and Business Profile icon links, shared by the drawer and the utility bar. Each link is named by its data.\n * The links are a repeated slot (`socialLink`, 3.14.0): styled from the skin stylesheet, never by class.\n */\nimport { SocialIcon } from '../icons.js'\nimport type { UiSocial } from '../types.js'\n\nexport function SocialLinks({\n  socials,\n  slotName,\n  className,\n}: {\n  readonly socials: readonly UiSocial[]\n  readonly slotName: string\n  readonly className?: string | undefined\n}) {\n  if (socials.length === 0) return null\n  return (\n    <ul data-slot={slotName} className={className}>\n      {socials.map((social) => (\n        <li key={social.href}>\n          <a\n            href={social.href}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label={social.label}\n            data-slot=\"socialLink\"\n            data-social={social.kind}\n          >\n            <SocialIcon kind={social.kind} />\n          </a>\n        </li>\n      ))}\n    </ul>\n  )\n}\n"]}

package/dist/ui-kit/shell/utility-bar.d.ts

@@ -1,3 +1,4 @@
+import type { RepeatedSlotOf } from '../repeated-slots.js';
 import { type SkinEntry } from '../skin.js';
 import type { UiSocial } from '../types.js';
 export type UtilityBarSlot = 'root' | 'inner' | 'left' | 'right' | 'item' | 'rating' | 'licence' | 'social' | 'socialLink';
@@ -5,7 +6,9 @@ export interface UtilityBarLayout {
     /** Socials on the left and the rating and licences on the right. */
     readonly reverse?: boolean;
 }
-export type UtilityBarSkin = SkinEntry<UtilityBarSlot, never, UtilityBarLayout>;
+/** Rendered once per licence (and the rating's list item) or social profile: styled from the skin stylesheet, never by class (3.14.0). */
+export type UtilityBarRepeatedSlot = RepeatedSlotOf<'utilityBar'>;
+export type UtilityBarSkin = SkinEntry<UtilityBarSlot, never, UtilityBarLayout, UtilityBarRepeatedSlot>;
 /** The live rating, all from the Business Profile feed: never typed by hand (T4). */
 export interface UtilityRating {
     /** The feed's average rating, for the stars. */

package/dist/ui-kit/shell/utility-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility-bar.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/utility-bar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAG3C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAC1H,MAAM,WAAW,gBAAgB;IAC/B,oEAAoE;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B;AACD,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAA;AAE/E,qFAAqF;AACrF,MAAM,WAAW,aAAa;IAC5B,gDAAgD;IAChD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,qCAAqC;IACrC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,8GAA8G;IAC9G,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,yFAAyF;AACzF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,wEAAwE;IACxE,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,cAAc,EAAE,GAAG,SAAS,CAAA;IACzD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAA;CACnD;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAa,EAAE,OAAY,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,eAAe,kDAqCnG"}
+{"version":3,"file":"utility-bar.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/utility-bar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAG3C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAC1H,MAAM,WAAW,gBAAgB;IAC/B,oEAAoE;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B;AACD,0IAA0I;AAC1I,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,CAAC,CAAA;AAEvG,qFAAqF;AACrF,MAAM,WAAW,aAAa;IAC5B,gDAAgD;IAChD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,qCAAqC;IACrC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,8GAA8G;IAC9G,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,yFAAyF;AACzF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,wEAAwE;IACxE,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,cAAc,EAAE,GAAG,SAAS,CAAA;IACzD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAA;CACnD;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAa,EAAE,OAAY,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,eAAe,kDAqCnG"}

package/dist/ui-kit/shell/utility-bar.js

@@ -5,11 +5,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * scrolls away with the page and is hidden below 768 px. Pass it to `SiteHeader` as `utility`.
  */
 import { RatingStars } from '../primitives/layout.js';
-import { slot } from '../skin.js';
+import { repeatedSlot, slot } from '../skin.js';
 import { SocialLinks } from './social-links.js';
 export function UtilityBar({ rating, licences = [], socials = [], layout, classes }) {
     if (!rating && licences.length === 0 && socials.length === 0)
         return null;
-    return (_jsx("div", { "data-bl": "utility", "data-reverse": layout?.reverse ? 'true' : undefined, className: classes?.root, children: _jsxs("div", { ...slot(classes, 'inner'), children: [rating || licences.length > 0 ? (_jsxs("ul", { ...slot(classes, 'left'), children: [rating ? (_jsx("li", { ...slot(classes, 'item'), children: _jsxs("a", { href: rating.href, target: "_blank", rel: "noopener noreferrer", "data-bl-source": "feed", ...slot(classes, 'rating'), children: [_jsx(RatingStars, { rating: rating.rating }), _jsx("span", { children: rating.text })] }) })) : null, licences.map((licence) => (_jsx("li", { ...slot(classes, 'item'), children: licence.href ? (_jsx("a", { href: licence.href, target: "_blank", rel: "noopener noreferrer", ...slot(classes, 'licence'), children: licence.text })) : (_jsx("span", { ...slot(classes, 'licence'), children: licence.text })) }, licence.text)))] })) : null, socials.length > 0 ? (_jsx("div", { ...slot(classes, 'right'), children: _jsx(SocialLinks, { socials: socials, slotName: "social", className: classes?.social, linkClassName: classes?.socialLink }) })) : null] }) }));
+    return (_jsx("div", { "data-bl": "utility", "data-reverse": layout?.reverse ? 'true' : undefined, className: classes?.root, children: _jsxs("div", { ...slot(classes, 'inner'), children: [rating || licences.length > 0 ? (_jsxs("ul", { ...slot(classes, 'left'), children: [rating ? (_jsx("li", { ...repeatedSlot('item'), children: _jsxs("a", { href: rating.href, target: "_blank", rel: "noopener noreferrer", "data-bl-source": "feed", ...slot(classes, 'rating'), children: [_jsx(RatingStars, { rating: rating.rating }), _jsx("span", { children: rating.text })] }) })) : null, licences.map((licence) => (_jsx("li", { ...repeatedSlot('item'), children: licence.href ? (_jsx("a", { href: licence.href, target: "_blank", rel: "noopener noreferrer", ...repeatedSlot('licence'), children: licence.text })) : (_jsx("span", { ...repeatedSlot('licence'), children: licence.text })) }, licence.text)))] })) : null, socials.length > 0 ? (_jsx("div", { ...slot(classes, 'right'), children: _jsx(SocialLinks, { socials: socials, slotName: "social", className: classes?.social }) })) : null] }) }));
 }
 //# sourceMappingURL=utility-bar.js.map

package/dist/ui-kit/shell/utility-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"utility-bar.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/utility-bar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAgC/C,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,OAAO,EAAmB;IAClG,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACzE,OAAO,CACL,yBAAa,SAAS,kBAAe,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,YACjG,kBAAS,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,aAC5B,MAAM,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC/B,iBAAQ,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,aAC1B,MAAM,CAAC,CAAC,CAAC,CACR,gBAAQ,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,YAE3B,aAAG,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,oBAAgB,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,aAC/G,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAI,EACtC,yBAAO,MAAM,CAAC,IAAI,GAAQ,IACxB,GACD,CACN,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,gBAA2B,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,YAC7C,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,YAAG,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,YAC1F,OAAO,CAAC,IAAI,GACX,CACL,CAAC,CAAC,CAAC,CACF,kBAAU,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,YAAG,OAAO,CAAC,IAAI,GAAQ,CAC1D,IAPM,OAAO,CAAC,IAAI,CAQhB,CACN,CAAC,IACC,CACN,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,iBAAS,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,YAC7B,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,GAAI,GAC/G,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAA;AACH,CAAC","sourcesContent":["/**\n * F5: the optional strip above the header (server component). The live rating chip and licence lines on one side,\n * social and Business Profile links on the other. Never the phone, \"based in\", \"Open 24/7\" or a typed rating. It\n * scrolls away with the page and is hidden below 768 px. Pass it to `SiteHeader` as `utility`.\n */\nimport { RatingStars } from '../primitives/layout.js'\nimport { slot, type SkinEntry } from '../skin.js'\nimport type { UiSocial } from '../types.js'\nimport { SocialLinks } from './social-links.js'\n\nexport type UtilityBarSlot = 'root' | 'inner' | 'left' | 'right' | 'item' | 'rating' | 'licence' | 'social' | 'socialLink'\nexport interface UtilityBarLayout {\n  /** Socials on the left and the rating and licences on the right. */\n  readonly reverse?: boolean\n}\nexport type UtilityBarSkin = SkinEntry<UtilityBarSlot, never, UtilityBarLayout>\n\n/** The live rating, all from the Business Profile feed: never typed by hand (T4). */\nexport interface UtilityRating {\n  /** The feed's average rating, for the stars. */\n  readonly rating: number\n  /** The Google link from the feed. */\n  readonly href: string\n  /** The words beside the stars, built from the same feed values, for example \"4.9 from 212 Google reviews\". */\n  readonly text: string\n}\n\n/** A licence line from the business facts, with the register link where there is one. */\nexport interface UtilityLicence {\n  readonly text: string\n  readonly href?: string | undefined\n}\n\nexport interface UtilityBarProps extends UtilityBarSkin {\n  /** Null or absent when the feed has no rating: the chip is left out. */\n  readonly rating?: UtilityRating | null | undefined\n  readonly licences?: readonly UtilityLicence[] | undefined\n  readonly socials?: readonly UiSocial[] | undefined\n}\n\nexport function UtilityBar({ rating, licences = [], socials = [], layout, classes }: UtilityBarProps) {\n  if (!rating && licences.length === 0 && socials.length === 0) return null\n  return (\n    <div data-bl=\"utility\" data-reverse={layout?.reverse ? 'true' : undefined} className={classes?.root}>\n      <div {...slot(classes, 'inner')}>\n        {rating || licences.length > 0 ? (\n          <ul {...slot(classes, 'left')}>\n            {rating ? (\n              <li {...slot(classes, 'item')}>\n                {/* A minimal chip; the shared RatingChip (sections) replaces it at integration. */}\n                <a href={rating.href} target=\"_blank\" rel=\"noopener noreferrer\" data-bl-source=\"feed\" {...slot(classes, 'rating')}>\n                  <RatingStars rating={rating.rating} />\n                  <span>{rating.text}</span>\n                </a>\n              </li>\n            ) : null}\n            {licences.map((licence) => (\n              <li key={licence.text} {...slot(classes, 'item')}>\n                {licence.href ? (\n                  <a href={licence.href} target=\"_blank\" rel=\"noopener noreferrer\" {...slot(classes, 'licence')}>\n                    {licence.text}\n                  </a>\n                ) : (\n                  <span {...slot(classes, 'licence')}>{licence.text}</span>\n                )}\n              </li>\n            ))}\n          </ul>\n        ) : null}\n        {socials.length > 0 ? (\n          <div {...slot(classes, 'right')}>\n            <SocialLinks socials={socials} slotName=\"social\" className={classes?.social} linkClassName={classes?.socialLink} />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"utility-bar.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/utility-bar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,YAAY,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAA;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAkC/C,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,OAAO,EAAmB;IAClG,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACzE,OAAO,CACL,yBAAa,SAAS,kBAAe,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,YACjG,kBAAS,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,aAC5B,MAAM,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC/B,iBAAQ,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,aAC1B,MAAM,CAAC,CAAC,CAAC,CACR,gBAAQ,YAAY,CAAC,MAAM,CAAC,YAE1B,aAAG,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,oBAAgB,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,aAC/G,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAI,EACtC,yBAAO,MAAM,CAAC,IAAI,GAAQ,IACxB,GACD,CACN,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,gBAA2B,YAAY,CAAC,MAAM,CAAC,YAC5C,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,YAAG,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,YAAY,CAAC,SAAS,CAAC,YACzF,OAAO,CAAC,IAAI,GACX,CACL,CAAC,CAAC,CAAC,CACF,kBAAU,YAAY,CAAC,SAAS,CAAC,YAAG,OAAO,CAAC,IAAI,GAAQ,CACzD,IAPM,OAAO,CAAC,IAAI,CAQhB,CACN,CAAC,IACC,CACN,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,iBAAS,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,YAC7B,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,GAAI,GAC3E,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAA;AACH,CAAC","sourcesContent":["/**\n * F5: the optional strip above the header (server component). The live rating chip and licence lines on one side,\n * social and Business Profile links on the other. Never the phone, \"based in\", \"Open 24/7\" or a typed rating. It\n * scrolls away with the page and is hidden below 768 px. Pass it to `SiteHeader` as `utility`.\n */\nimport { RatingStars } from '../primitives/layout.js'\nimport type { RepeatedSlotOf } from '../repeated-slots.js'\nimport { repeatedSlot, slot, type SkinEntry } from '../skin.js'\nimport type { UiSocial } from '../types.js'\nimport { SocialLinks } from './social-links.js'\n\nexport type UtilityBarSlot = 'root' | 'inner' | 'left' | 'right' | 'item' | 'rating' | 'licence' | 'social' | 'socialLink'\nexport interface UtilityBarLayout {\n  /** Socials on the left and the rating and licences on the right. */\n  readonly reverse?: boolean\n}\n/** Rendered once per licence (and the rating's list item) or social profile: styled from the skin stylesheet, never by class (3.14.0). */\nexport type UtilityBarRepeatedSlot = RepeatedSlotOf<'utilityBar'>\nexport type UtilityBarSkin = SkinEntry<UtilityBarSlot, never, UtilityBarLayout, UtilityBarRepeatedSlot>\n\n/** The live rating, all from the Business Profile feed: never typed by hand (T4). */\nexport interface UtilityRating {\n  /** The feed's average rating, for the stars. */\n  readonly rating: number\n  /** The Google link from the feed. */\n  readonly href: string\n  /** The words beside the stars, built from the same feed values, for example \"4.9 from 212 Google reviews\". */\n  readonly text: string\n}\n\n/** A licence line from the business facts, with the register link where there is one. */\nexport interface UtilityLicence {\n  readonly text: string\n  readonly href?: string | undefined\n}\n\nexport interface UtilityBarProps extends UtilityBarSkin {\n  /** Null or absent when the feed has no rating: the chip is left out. */\n  readonly rating?: UtilityRating | null | undefined\n  readonly licences?: readonly UtilityLicence[] | undefined\n  readonly socials?: readonly UiSocial[] | undefined\n}\n\nexport function UtilityBar({ rating, licences = [], socials = [], layout, classes }: UtilityBarProps) {\n  if (!rating && licences.length === 0 && socials.length === 0) return null\n  return (\n    <div data-bl=\"utility\" data-reverse={layout?.reverse ? 'true' : undefined} className={classes?.root}>\n      <div {...slot(classes, 'inner')}>\n        {rating || licences.length > 0 ? (\n          <ul {...slot(classes, 'left')}>\n            {rating ? (\n              <li {...repeatedSlot('item')}>\n                {/* A minimal chip; the shared RatingChip (sections) replaces it at integration. */}\n                <a href={rating.href} target=\"_blank\" rel=\"noopener noreferrer\" data-bl-source=\"feed\" {...slot(classes, 'rating')}>\n                  <RatingStars rating={rating.rating} />\n                  <span>{rating.text}</span>\n                </a>\n              </li>\n            ) : null}\n            {licences.map((licence) => (\n              <li key={licence.text} {...repeatedSlot('item')}>\n                {licence.href ? (\n                  <a href={licence.href} target=\"_blank\" rel=\"noopener noreferrer\" {...repeatedSlot('licence')}>\n                    {licence.text}\n                  </a>\n                ) : (\n                  <span {...repeatedSlot('licence')}>{licence.text}</span>\n                )}\n              </li>\n            ))}\n          </ul>\n        ) : null}\n        {socials.length > 0 ? (\n          <div {...slot(classes, 'right')}>\n            <SocialLinks socials={socials} slotName=\"social\" className={classes?.social} />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/ui-kit/skin-index.d.ts

@@ -1,3 +1,4 @@
-export { cx, skinned, slot, type SkinEntry, type SkinEntryOf, type SkinnedProps, type SlotClasses } from './skin.js';
+export { cx, repeatedSlot, skinned, slot, type SkinEntry, type SkinEntryOf, type SkinnedProps, type SlotClasses } from './skin.js';
+export { REPEATED_SLOTS, repeatedSlotSelector, type RepeatedSlotComponent, type RepeatedSlotOf } from './repeated-slots.js';
 export type { BrandlabSkin } from './brandlab-skin.js';
 //# sourceMappingURL=skin-index.d.ts.map

package/dist/ui-kit/skin-index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skin-index.d.ts","sourceRoot":"","sources":["../../src/ui-kit/skin-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AACpH,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"skin-index.d.ts","sourceRoot":"","sources":["../../src/ui-kit/skin-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAClI,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC3H,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/ui-kit/skin-index.js

@@ -1,2 +1,3 @@
-export { cx, skinned, slot } from './skin.js';
+export { cx, repeatedSlot, skinned, slot } from './skin.js';
+export { REPEATED_SLOTS, repeatedSlotSelector } from './repeated-slots.js';
 //# sourceMappingURL=skin-index.js.map

package/dist/ui-kit/skin-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin-index.js","sourceRoot":"","sources":["../../src/ui-kit/skin-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAyE,MAAM,WAAW,CAAA","sourcesContent":["export { cx, skinned, slot, type SkinEntry, type SkinEntryOf, type SkinnedProps, type SlotClasses } from './skin.js'\nexport type { BrandlabSkin } from './brandlab-skin.js'\n"]}
+{"version":3,"file":"skin-index.js","sourceRoot":"","sources":["../../src/ui-kit/skin-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAyE,MAAM,WAAW,CAAA;AAClI,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAmD,MAAM,qBAAqB,CAAA","sourcesContent":["export { cx, repeatedSlot, skinned, slot, type SkinEntry, type SkinEntryOf, type SkinnedProps, type SlotClasses } from './skin.js'\nexport { REPEATED_SLOTS, repeatedSlotSelector, type RepeatedSlotComponent, type RepeatedSlotOf } from './repeated-slots.js'\nexport type { BrandlabSkin } from './brandlab-skin.js'\n"]}