@sonordev/site-kit 6.0.1 → 6.1.1

package/dist/cta-bar/index.js

@@ -0,0 +1,233 @@
+'use strict';
+
+var chunkIWSN4DGG_js = require('../chunk-IWSN4DGG.js');
+require('../chunk-3DWIYCQX.js');
+var chunkNBOBOYMT_js = require('../chunk-NBOBOYMT.js');
+require('../chunk-SNAQBZPT.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CTA_BAR_STYLE_HREF = "sk-cta-bar";
+var CTA_BAR_BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 };
+var BAR_HEIGHT = "calc(var(--sk-cta-bar-action-height, 48px) + 2 * var(--sk-cta-bar-padding, 6px))";
+var ECHO_CLEARANCE = `calc(${BAR_HEIGHT} + var(--sk-cta-bar-inset, 12px) + 12px)`;
+var CTA_BAR_SPACE = `calc(${BAR_HEIGHT} + 2 * var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px))`;
+function presentBelow(name, px) {
+  const rules = `
+  html:has(.sk-cta-bar[data-breakpoint="${name}"]) {
+    --sk-cta-bar-space: ${CTA_BAR_SPACE};
+  }
+  html:has(.sk-cta-bar[data-breakpoint="${name}"][data-echo-clearance]:not([data-hidden])) {
+    --sk-echo-offset-bottom: ${ECHO_CLEARANCE};
+  }`;
+  return px == null ? `
+@media all {${rules}
+}` : `
+@media (max-width: ${px - 0.02}px) {${rules}
+}`;
+}
+function perBreakpoint() {
+  return Object.entries(CTA_BAR_BREAKPOINTS).map(
+    ([name, px]) => `
+@media (min-width: ${px}px) {
+  .sk-cta-bar[data-breakpoint="${name}"], .sk-cta-bar-spacer[data-breakpoint="${name}"] { display: none; }
+}${presentBelow(name, px)}`
+  ).join("");
+}
+var CTA_BAR_CSS = `
+.sk-cta-bar {
+  --sk-cta-h: var(--sk-cta-bar-action-height, 48px);
+  --sk-cta-pad: var(--sk-cta-bar-padding, 6px);
+  position: fixed;
+  z-index: var(--sk-cta-bar-z, 40);
+  left: var(--sk-cta-bar-inset, 12px);
+  right: var(--sk-cta-bar-inset, 12px);
+  bottom: calc(var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px) + var(--sk-vv-layout-gap, 0px));
+  max-width: var(--sk-cta-bar-max-width, 520px);
+  margin: 0 auto;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: var(--sk-cta-pad);
+  border-radius: calc(var(--sk-cta-h) / 2 + var(--sk-cta-pad));
+  color: var(--sk-cta-bar-text, var(--sk-text-primary, #111827));
+  font-family: inherit;
+  transition:
+    transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1),
+    padding 250ms ease,
+    border-radius 250ms ease,
+    visibility 0s linear 0s;
+}
+.sk-cta-bar[data-layout="fit"] { width: fit-content; }
+.sk-cta-bar[data-compact] {
+  --sk-cta-h: calc(var(--sk-cta-bar-action-height, 48px) - 8px);
+  --sk-cta-pad: calc(var(--sk-cta-bar-padding, 6px) - 2px);
+}
+.sk-cta-bar[data-hidden] {
+  transform: translateY(calc(100% + var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px) + 16px));
+  visibility: hidden;
+  transition:
+    transform 350ms cubic-bezier(0.4, 0, 1, 1),
+    visibility 0s linear 350ms;
+}
+.sk-cta-bar__action {
+  flex: 1 1 0%;
+  min-width: 0;
+  box-sizing: border-box;
+  height: var(--sk-cta-h);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 0 18px;
+  margin: 0;
+  border: 0;
+  border-radius: 999px;
+  font: inherit;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  transition:
+    height 250ms ease,
+    flex-grow 300ms ease,
+    flex-basis 300ms ease,
+    padding 250ms ease,
+    transform 150ms ease;
+}
+.sk-cta-bar[data-layout="fit"] .sk-cta-bar__action { flex: 0 0 auto; }
+.sk-cta-bar__action:active { transform: scale(0.97); }
+.sk-cta-bar__action:focus-visible {
+  outline: 2px solid var(--sk-cta-bar-focus, currentColor);
+  outline-offset: 2px;
+}
+.sk-cta-bar__action[data-variant="primary"] {
+  background: var(--sk-cta-primary-bg, var(--sk-primary, #2563eb));
+  color: var(--sk-cta-primary-text, #ffffff);
+  box-shadow:
+    inset 0 1px 0 color-mix(in srgb, #ffffff 28%, transparent),
+    0 1px 2px rgba(0, 0, 0, 0.12);
+}
+.sk-cta-bar__action[data-variant="secondary"] {
+  background: var(--sk-cta-secondary-bg, color-mix(in srgb, currentColor 8%, transparent));
+  color: var(--sk-cta-secondary-text, inherit);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 16%, transparent);
+}
+.sk-cta-bar__icon { display: inline-flex; flex-shrink: 0; }
+.sk-cta-bar__icon > svg { width: 18px; height: 18px; }
+.sk-cta-bar__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.sk-cta-bar[data-compact] .sk-cta-bar__action[data-collapse] {
+  flex: 0 0 var(--sk-cta-h);
+  padding: 0;
+}
+.sk-cta-bar[data-compact] .sk-cta-bar__action[data-collapse] .sk-cta-bar__label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.sk-cta-bar-spacer { height: ${CTA_BAR_SPACE}; }${presentBelow("none", null)}${perBreakpoint()}
+@media (prefers-reduced-motion: reduce) {
+  .sk-cta-bar, .sk-cta-bar[data-hidden], .sk-cta-bar__action { transition: none; }
+}
+@media (scripting: none) {
+  .sk-cta-bar[data-hidden] { transform: none; visibility: visible; }
+}
+@media print {
+  .sk-cta-bar, .sk-cta-bar-spacer { display: none !important; }
+}
+`;
+function CtaBarStyles() {
+  return /* @__PURE__ */ jsxRuntime.jsx("style", { href: CTA_BAR_STYLE_HREF, precedence: "default", children: CTA_BAR_CSS });
+}
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function CtaBar({
+  children,
+  label = "Quick actions",
+  breakpoint = "lg",
+  layout = "fill",
+  showAfter,
+  hideOver,
+  hideWhileTyping = true,
+  compactOnScroll = true,
+  echoClearance = true,
+  spacer = true,
+  track = true,
+  className,
+  id
+}) {
+  const hideOverList = hideOver == null ? void 0 : Array.isArray(hideOver) ? hideOver : [hideOver];
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkNBOBOYMT_js.GlassStyles, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(CtaBarStyles, {}),
+    spacer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-cta-bar-spacer", "data-breakpoint": breakpoint, "aria-hidden": "true" }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "aside",
+      {
+        id,
+        "aria-label": label,
+        className: cx("sk-cta-bar", "sk-glass", className),
+        "data-sk-cta-bar": "",
+        "data-breakpoint": breakpoint,
+        "data-layout": layout,
+        "data-echo-clearance": echoClearance ? "" : void 0,
+        "data-hidden": showAfter ? "" : void 0,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkIWSN4DGG_js.CtaBarBehavior,
+            {
+              showAfter,
+              hideOver: hideOverList,
+              hideWhileTyping,
+              compactOnScroll,
+              track
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function CtaBarAction({
+  as,
+  icon,
+  variant = "primary",
+  collapse,
+  children,
+  className,
+  ...rest
+}) {
+  const Comp = as ?? (rest.href ? "a" : "button");
+  const folds = collapse ?? (variant === "secondary" && icon != null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Comp,
+    {
+      ...Comp === "button" && !("type" in rest) ? { type: "button" } : null,
+      ...rest,
+      className: cx("sk-cta-bar__action", className),
+      "data-variant": variant,
+      "data-collapse": folds ? "" : void 0,
+      children: [
+        icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sk-cta-bar__icon", "aria-hidden": "true", children: icon }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sk-cta-bar__label", children })
+      ]
+    }
+  );
+}
+
+exports.CTA_BAR_BREAKPOINTS = CTA_BAR_BREAKPOINTS;
+exports.CTA_BAR_SPACE = CTA_BAR_SPACE;
+exports.CtaBar = CtaBar;
+exports.CtaBarAction = CtaBarAction;
+exports.ECHO_CLEARANCE = ECHO_CLEARANCE;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/cta-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/cta-bar/styles.tsx","../../src/cta-bar/CtaBar.tsx"],"names":["jsxs","Fragment","jsx","GlassStyles","CtaBarBehavior"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * @sonordev/site-kit/cta-bar — stylesheet\n *\n * Layout and states only. The surface itself is the shared Liquid Glass\n * recipe (`../shared/glass`), applied by putting `sk-glass` on the bar.\n *\n * Geometry is driven by three tokens, and the same three produce the\n * bar's height, the spacer that reserves room for it, and the Echo launcher\n * clearance. Set them on :root, not on the bar, so all three read them:\n *\n *   --sk-cta-bar-inset           gap from the screen edges      (12px)\n *   --sk-cta-bar-padding         gap between glass and buttons  (6px)\n *   --sk-cta-bar-action-height   button height                  (48px)\n *\n * Colour tokens: --sk-cta-bar-text, --sk-cta-primary-bg,\n * --sk-cta-primary-text, --sk-cta-secondary-bg, --sk-cta-secondary-text,\n * plus the --sk-glass-* tokens for the surface.\n */\n\nimport * as React from 'react'\n\nexport const CTA_BAR_STYLE_HREF = 'sk-cta-bar'\n\n/** Show-at-and-above widths per breakpoint name, mirroring Tailwind's defaults. */\nexport const CTA_BAR_BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 } as const\nexport type CtaBarBreakpoint = keyof typeof CTA_BAR_BREAKPOINTS | 'none'\n\nconst BAR_HEIGHT =\n  'calc(var(--sk-cta-bar-action-height, 48px) + 2 * var(--sk-cta-bar-padding, 6px))'\n\n/**\n * Where the Echo launcher goes while a bar is on screen: one bar height plus\n * the bar's own inset, plus 12px of air. Uses the full (not compact) height,\n * so the launcher holds still while the bar breathes during a scroll.\n */\nexport const ECHO_CLEARANCE = `calc(${BAR_HEIGHT} + var(--sk-cta-bar-inset, 12px) + 12px)`\n\n/**\n * The room the bar needs at the end of the page. The spacer is this tall,\n * and it's published as `--sk-cta-bar-space` on <html> while a bar is\n * present below its breakpoint, so a site can pad its footer with it\n * (`spacer={false}`) and let the footer's own background run under the bar\n * instead of a blank strip after it. Reserved whether or not the bar is\n * currently hidden, so showing and hiding never shifts the layout.\n */\nexport const CTA_BAR_SPACE = `calc(${BAR_HEIGHT} + 2 * var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px))`\n\nfunction presentBelow(name: string, px: number | null): string {\n  const rules = `\n  html:has(.sk-cta-bar[data-breakpoint=\"${name}\"]) {\n    --sk-cta-bar-space: ${CTA_BAR_SPACE};\n  }\n  html:has(.sk-cta-bar[data-breakpoint=\"${name}\"][data-echo-clearance]:not([data-hidden])) {\n    --sk-echo-offset-bottom: ${ECHO_CLEARANCE};\n  }`\n  return px == null ? `\\n@media all {${rules}\\n}` : `\\n@media (max-width: ${px - 0.02}px) {${rules}\\n}`\n}\n\nfunction perBreakpoint(): string {\n  return Object.entries(CTA_BAR_BREAKPOINTS)\n    .map(\n      ([name, px]) => `\n@media (min-width: ${px}px) {\n  .sk-cta-bar[data-breakpoint=\"${name}\"], .sk-cta-bar-spacer[data-breakpoint=\"${name}\"] { display: none; }\n}${presentBelow(name, px)}`,\n    )\n    .join('')\n}\n\nexport const CTA_BAR_CSS = `\n.sk-cta-bar {\n  --sk-cta-h: var(--sk-cta-bar-action-height, 48px);\n  --sk-cta-pad: var(--sk-cta-bar-padding, 6px);\n  position: fixed;\n  z-index: var(--sk-cta-bar-z, 40);\n  left: var(--sk-cta-bar-inset, 12px);\n  right: var(--sk-cta-bar-inset, 12px);\n  bottom: calc(var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px) + var(--sk-vv-layout-gap, 0px));\n  max-width: var(--sk-cta-bar-max-width, 520px);\n  margin: 0 auto;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: var(--sk-cta-pad);\n  border-radius: calc(var(--sk-cta-h) / 2 + var(--sk-cta-pad));\n  color: var(--sk-cta-bar-text, var(--sk-text-primary, #111827));\n  font-family: inherit;\n  transition:\n    transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    padding 250ms ease,\n    border-radius 250ms ease,\n    visibility 0s linear 0s;\n}\n.sk-cta-bar[data-layout=\"fit\"] { width: fit-content; }\n.sk-cta-bar[data-compact] {\n  --sk-cta-h: calc(var(--sk-cta-bar-action-height, 48px) - 8px);\n  --sk-cta-pad: calc(var(--sk-cta-bar-padding, 6px) - 2px);\n}\n.sk-cta-bar[data-hidden] {\n  transform: translateY(calc(100% + var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px) + 16px));\n  visibility: hidden;\n  transition:\n    transform 350ms cubic-bezier(0.4, 0, 1, 1),\n    visibility 0s linear 350ms;\n}\n.sk-cta-bar__action {\n  flex: 1 1 0%;\n  min-width: 0;\n  box-sizing: border-box;\n  height: var(--sk-cta-h);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 0 18px;\n  margin: 0;\n  border: 0;\n  border-radius: 999px;\n  font: inherit;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  transition:\n    height 250ms ease,\n    flex-grow 300ms ease,\n    flex-basis 300ms ease,\n    padding 250ms ease,\n    transform 150ms ease;\n}\n.sk-cta-bar[data-layout=\"fit\"] .sk-cta-bar__action { flex: 0 0 auto; }\n.sk-cta-bar__action:active { transform: scale(0.97); }\n.sk-cta-bar__action:focus-visible {\n  outline: 2px solid var(--sk-cta-bar-focus, currentColor);\n  outline-offset: 2px;\n}\n.sk-cta-bar__action[data-variant=\"primary\"] {\n  background: var(--sk-cta-primary-bg, var(--sk-primary, #2563eb));\n  color: var(--sk-cta-primary-text, #ffffff);\n  box-shadow:\n    inset 0 1px 0 color-mix(in srgb, #ffffff 28%, transparent),\n    0 1px 2px rgba(0, 0, 0, 0.12);\n}\n.sk-cta-bar__action[data-variant=\"secondary\"] {\n  background: var(--sk-cta-secondary-bg, color-mix(in srgb, currentColor 8%, transparent));\n  color: var(--sk-cta-secondary-text, inherit);\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 16%, transparent);\n}\n.sk-cta-bar__icon { display: inline-flex; flex-shrink: 0; }\n.sk-cta-bar__icon > svg { width: 18px; height: 18px; }\n.sk-cta-bar__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n.sk-cta-bar[data-compact] .sk-cta-bar__action[data-collapse] {\n  flex: 0 0 var(--sk-cta-h);\n  padding: 0;\n}\n.sk-cta-bar[data-compact] .sk-cta-bar__action[data-collapse] .sk-cta-bar__label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n.sk-cta-bar-spacer { height: ${CTA_BAR_SPACE}; }${presentBelow('none', null)}${perBreakpoint()}\n@media (prefers-reduced-motion: reduce) {\n  .sk-cta-bar, .sk-cta-bar[data-hidden], .sk-cta-bar__action { transition: none; }\n}\n@media (scripting: none) {\n  .sk-cta-bar[data-hidden] { transform: none; visibility: visible; }\n}\n@media print {\n  .sk-cta-bar, .sk-cta-bar-spacer { display: none !important; }\n}\n`\n\nexport function CtaBarStyles() {\n  return (\n    <style href={CTA_BAR_STYLE_HREF} precedence=\"default\">\n      {CTA_BAR_CSS}\n    </style>\n  )\n}\n","/**\n * @sonordev/site-kit/cta-bar — the Liquid Glass mobile CTA bar\n *\n * Single source of truth for the fleet's sticky mobile action bar. Before\n * 6.1.0 eleven sites each carried their own, and each had solved a different\n * subset of the same problems: hiding over the form it points at, staying off\n * the hero until the hero CTA scrolls away, getting out from under the Echo\n * launcher, riding out iOS toolbar resizes. This component does all of them.\n *\n * Server component. It renders plain markup plus a childless behaviour\n * island, so a server layout can pass Next <Link>s straight in:\n *\n *   <CtaBar label=\"Call or book\" showAfter=\"#hero-cta\" hideOver=\"#quote\">\n *     <CtaBarAction href=\"tel:+15135550100\" icon={<Phone />} variant=\"secondary\">Call</CtaBarAction>\n *     <CtaBarAction as={Link} href=\"/quote\" icon={<ClipboardCheck />}>Free quote</CtaBarAction>\n *   </CtaBar>\n *\n * Render it once per page: at the layout root for a site-wide bar, or inside\n * a page for a page-specific one. It's a labelled <aside>, which is valid at\n * either depth (axe 4.13 retired the rule that wanted complementary\n * landmarks top level; the fixture app runs axe on both placements). Never\n * inside a blurred header: backdrop-filter on an ancestor turns it into the\n * containing block for this fixed bar.\n */\n\nimport * as React from 'react'\nimport { GlassStyles } from '../shared/glass'\nimport { CtaBarBehavior } from './CtaBarBehavior'\nimport { CtaBarStyles, type CtaBarBreakpoint } from './styles'\n\nexport interface CtaBarProps {\n  children: React.ReactNode\n  /** Accessible name of the bar's landmark. Default \"Quick actions\". */\n  label?: string\n  /** The bar is hidden at this width and above. `none` shows it at every width. Default `lg` (1024px). */\n  breakpoint?: CtaBarBreakpoint\n  /** `fill` stretches actions across the bar; `fit` hugs a single action in a centred capsule. Default `fill`. */\n  layout?: 'fill' | 'fit'\n  /**\n   * CSS selector. The bar stays off screen until this element has scrolled\n   * off the top, e.g. the hero's own CTA. If nothing matches, the bar shows.\n   */\n  showAfter?: string\n  /** CSS selector(s). The bar steps aside while any match is on screen, e.g. the form it points at, or the footer. */\n  hideOver?: string | string[]\n  /** Hide while a text field has focus (the keyboard is up). Default true. */\n  hideWhileTyping?: boolean\n  /** Tighten while scrolling down, restore on scroll up. Default true. */\n  compactOnScroll?: boolean\n  /** Lift the Echo launcher above the bar while the bar is on screen. Default true. */\n  echoClearance?: boolean\n  /** Reserve the bar's height at the end of the page so it never covers the footer. Default true. */\n  spacer?: boolean\n  /** Send a `cta_click` analytics event for each action tap. Default true. */\n  track?: boolean\n  className?: string\n  id?: string\n}\n\nfunction cx(...parts: Array<string | false | null | undefined>): string {\n  return parts.filter(Boolean).join(' ')\n}\n\nexport function CtaBar({\n  children,\n  label = 'Quick actions',\n  breakpoint = 'lg',\n  layout = 'fill',\n  showAfter,\n  hideOver,\n  hideWhileTyping = true,\n  compactOnScroll = true,\n  echoClearance = true,\n  spacer = true,\n  track = true,\n  className,\n  id,\n}: CtaBarProps) {\n  const hideOverList = hideOver == null ? undefined : Array.isArray(hideOver) ? hideOver : [hideOver]\n  return (\n    <>\n      <GlassStyles />\n      <CtaBarStyles />\n      {spacer ? <div className=\"sk-cta-bar-spacer\" data-breakpoint={breakpoint} aria-hidden=\"true\" /> : null}\n      <aside\n        id={id}\n        aria-label={label}\n        className={cx('sk-cta-bar', 'sk-glass', className)}\n        data-sk-cta-bar=\"\"\n        data-breakpoint={breakpoint}\n        data-layout={layout}\n        data-echo-clearance={echoClearance ? '' : undefined}\n        // Server-rendered off screen when it waits for a start element, so it\n        // never slides in over the hero during hydration. JS-off visitors get\n        // it back through the stylesheet's (scripting: none) rule.\n        data-hidden={showAfter ? '' : undefined}\n      >\n        {children}\n        <CtaBarBehavior\n          showAfter={showAfter}\n          hideOver={hideOverList}\n          hideWhileTyping={hideWhileTyping}\n          compactOnScroll={compactOnScroll}\n          track={track}\n        />\n      </aside>\n    </>\n  )\n}\n\ntype CtaBarActionOwnProps = {\n  /** Element or component to render, e.g. Next's Link. Default: `a` with an href, `button` without. */\n  as?: React.ElementType\n  /** Leading icon; decorative, hidden from assistive tech. */\n  icon?: React.ReactNode\n  /** `primary` = solid brand, `secondary` = tinted glass, `plain` = layout only (style it yourself). Default `primary`. */\n  variant?: 'primary' | 'secondary' | 'plain'\n  /**\n   * Fold to icon-only while the bar is compact. Default: true for a\n   * secondary action with an icon. The label stays in the accessible name.\n   */\n  collapse?: boolean\n  children: React.ReactNode\n  className?: string\n}\n\nexport type CtaBarActionProps = CtaBarActionOwnProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CtaBarActionOwnProps> &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CtaBarActionOwnProps | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>\n\nexport function CtaBarAction({\n  as,\n  icon,\n  variant = 'primary',\n  collapse,\n  children,\n  className,\n  ...rest\n}: CtaBarActionProps) {\n  const Comp: React.ElementType = as ?? (rest.href ? 'a' : 'button')\n  const folds = collapse ?? (variant === 'secondary' && icon != null)\n  return (\n    <Comp\n      {...(Comp === 'button' && !('type' in rest) ? { type: 'button' } : null)}\n      {...rest}\n      className={cx('sk-cta-bar__action', className)}\n      data-variant={variant}\n      data-collapse={folds ? '' : undefined}\n    >\n      {icon != null ? (\n        <span className=\"sk-cta-bar__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      ) : null}\n      <span className=\"sk-cta-bar__label\">{children}</span>\n    </Comp>\n  )\n}\n"]}

package/dist/cta-bar/index.mjs

@@ -0,0 +1,227 @@
+import { CtaBarBehavior } from '../chunk-BZR6RUIN.mjs';
+import '../chunk-SHLWA6JY.mjs';
+import { GlassStyles } from '../chunk-OBKS3CPP.mjs';
+import '../chunk-BEXTDHO4.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var CTA_BAR_STYLE_HREF = "sk-cta-bar";
+var CTA_BAR_BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 };
+var BAR_HEIGHT = "calc(var(--sk-cta-bar-action-height, 48px) + 2 * var(--sk-cta-bar-padding, 6px))";
+var ECHO_CLEARANCE = `calc(${BAR_HEIGHT} + var(--sk-cta-bar-inset, 12px) + 12px)`;
+var CTA_BAR_SPACE = `calc(${BAR_HEIGHT} + 2 * var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px))`;
+function presentBelow(name, px) {
+  const rules = `
+  html:has(.sk-cta-bar[data-breakpoint="${name}"]) {
+    --sk-cta-bar-space: ${CTA_BAR_SPACE};
+  }
+  html:has(.sk-cta-bar[data-breakpoint="${name}"][data-echo-clearance]:not([data-hidden])) {
+    --sk-echo-offset-bottom: ${ECHO_CLEARANCE};
+  }`;
+  return px == null ? `
+@media all {${rules}
+}` : `
+@media (max-width: ${px - 0.02}px) {${rules}
+}`;
+}
+function perBreakpoint() {
+  return Object.entries(CTA_BAR_BREAKPOINTS).map(
+    ([name, px]) => `
+@media (min-width: ${px}px) {
+  .sk-cta-bar[data-breakpoint="${name}"], .sk-cta-bar-spacer[data-breakpoint="${name}"] { display: none; }
+}${presentBelow(name, px)}`
+  ).join("");
+}
+var CTA_BAR_CSS = `
+.sk-cta-bar {
+  --sk-cta-h: var(--sk-cta-bar-action-height, 48px);
+  --sk-cta-pad: var(--sk-cta-bar-padding, 6px);
+  position: fixed;
+  z-index: var(--sk-cta-bar-z, 40);
+  left: var(--sk-cta-bar-inset, 12px);
+  right: var(--sk-cta-bar-inset, 12px);
+  bottom: calc(var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px) + var(--sk-vv-layout-gap, 0px));
+  max-width: var(--sk-cta-bar-max-width, 520px);
+  margin: 0 auto;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: var(--sk-cta-pad);
+  border-radius: calc(var(--sk-cta-h) / 2 + var(--sk-cta-pad));
+  color: var(--sk-cta-bar-text, var(--sk-text-primary, #111827));
+  font-family: inherit;
+  transition:
+    transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1),
+    padding 250ms ease,
+    border-radius 250ms ease,
+    visibility 0s linear 0s;
+}
+.sk-cta-bar[data-layout="fit"] { width: fit-content; }
+.sk-cta-bar[data-compact] {
+  --sk-cta-h: calc(var(--sk-cta-bar-action-height, 48px) - 8px);
+  --sk-cta-pad: calc(var(--sk-cta-bar-padding, 6px) - 2px);
+}
+.sk-cta-bar[data-hidden] {
+  transform: translateY(calc(100% + var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px) + 16px));
+  visibility: hidden;
+  transition:
+    transform 350ms cubic-bezier(0.4, 0, 1, 1),
+    visibility 0s linear 350ms;
+}
+.sk-cta-bar__action {
+  flex: 1 1 0%;
+  min-width: 0;
+  box-sizing: border-box;
+  height: var(--sk-cta-h);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 0 18px;
+  margin: 0;
+  border: 0;
+  border-radius: 999px;
+  font: inherit;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  transition:
+    height 250ms ease,
+    flex-grow 300ms ease,
+    flex-basis 300ms ease,
+    padding 250ms ease,
+    transform 150ms ease;
+}
+.sk-cta-bar[data-layout="fit"] .sk-cta-bar__action { flex: 0 0 auto; }
+.sk-cta-bar__action:active { transform: scale(0.97); }
+.sk-cta-bar__action:focus-visible {
+  outline: 2px solid var(--sk-cta-bar-focus, currentColor);
+  outline-offset: 2px;
+}
+.sk-cta-bar__action[data-variant="primary"] {
+  background: var(--sk-cta-primary-bg, var(--sk-primary, #2563eb));
+  color: var(--sk-cta-primary-text, #ffffff);
+  box-shadow:
+    inset 0 1px 0 color-mix(in srgb, #ffffff 28%, transparent),
+    0 1px 2px rgba(0, 0, 0, 0.12);
+}
+.sk-cta-bar__action[data-variant="secondary"] {
+  background: var(--sk-cta-secondary-bg, color-mix(in srgb, currentColor 8%, transparent));
+  color: var(--sk-cta-secondary-text, inherit);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 16%, transparent);
+}
+.sk-cta-bar__icon { display: inline-flex; flex-shrink: 0; }
+.sk-cta-bar__icon > svg { width: 18px; height: 18px; }
+.sk-cta-bar__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.sk-cta-bar[data-compact] .sk-cta-bar__action[data-collapse] {
+  flex: 0 0 var(--sk-cta-h);
+  padding: 0;
+}
+.sk-cta-bar[data-compact] .sk-cta-bar__action[data-collapse] .sk-cta-bar__label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.sk-cta-bar-spacer { height: ${CTA_BAR_SPACE}; }${presentBelow("none", null)}${perBreakpoint()}
+@media (prefers-reduced-motion: reduce) {
+  .sk-cta-bar, .sk-cta-bar[data-hidden], .sk-cta-bar__action { transition: none; }
+}
+@media (scripting: none) {
+  .sk-cta-bar[data-hidden] { transform: none; visibility: visible; }
+}
+@media print {
+  .sk-cta-bar, .sk-cta-bar-spacer { display: none !important; }
+}
+`;
+function CtaBarStyles() {
+  return /* @__PURE__ */ jsx("style", { href: CTA_BAR_STYLE_HREF, precedence: "default", children: CTA_BAR_CSS });
+}
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function CtaBar({
+  children,
+  label = "Quick actions",
+  breakpoint = "lg",
+  layout = "fill",
+  showAfter,
+  hideOver,
+  hideWhileTyping = true,
+  compactOnScroll = true,
+  echoClearance = true,
+  spacer = true,
+  track = true,
+  className,
+  id
+}) {
+  const hideOverList = hideOver == null ? void 0 : Array.isArray(hideOver) ? hideOver : [hideOver];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GlassStyles, {}),
+    /* @__PURE__ */ jsx(CtaBarStyles, {}),
+    spacer ? /* @__PURE__ */ jsx("div", { className: "sk-cta-bar-spacer", "data-breakpoint": breakpoint, "aria-hidden": "true" }) : null,
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        id,
+        "aria-label": label,
+        className: cx("sk-cta-bar", "sk-glass", className),
+        "data-sk-cta-bar": "",
+        "data-breakpoint": breakpoint,
+        "data-layout": layout,
+        "data-echo-clearance": echoClearance ? "" : void 0,
+        "data-hidden": showAfter ? "" : void 0,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            CtaBarBehavior,
+            {
+              showAfter,
+              hideOver: hideOverList,
+              hideWhileTyping,
+              compactOnScroll,
+              track
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function CtaBarAction({
+  as,
+  icon,
+  variant = "primary",
+  collapse,
+  children,
+  className,
+  ...rest
+}) {
+  const Comp = as ?? (rest.href ? "a" : "button");
+  const folds = collapse ?? (variant === "secondary" && icon != null);
+  return /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      ...Comp === "button" && !("type" in rest) ? { type: "button" } : null,
+      ...rest,
+      className: cx("sk-cta-bar__action", className),
+      "data-variant": variant,
+      "data-collapse": folds ? "" : void 0,
+      children: [
+        icon != null ? /* @__PURE__ */ jsx("span", { className: "sk-cta-bar__icon", "aria-hidden": "true", children: icon }) : null,
+        /* @__PURE__ */ jsx("span", { className: "sk-cta-bar__label", children })
+      ]
+    }
+  );
+}
+
+export { CTA_BAR_BREAKPOINTS, CTA_BAR_SPACE, CtaBar, CtaBarAction, ECHO_CLEARANCE };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/cta-bar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/cta-bar/styles.tsx","../../src/cta-bar/CtaBar.tsx"],"names":["jsx"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * @sonordev/site-kit/cta-bar — stylesheet\n *\n * Layout and states only. The surface itself is the shared Liquid Glass\n * recipe (`../shared/glass`), applied by putting `sk-glass` on the bar.\n *\n * Geometry is driven by three tokens, and the same three produce the\n * bar's height, the spacer that reserves room for it, and the Echo launcher\n * clearance. Set them on :root, not on the bar, so all three read them:\n *\n *   --sk-cta-bar-inset           gap from the screen edges      (12px)\n *   --sk-cta-bar-padding         gap between glass and buttons  (6px)\n *   --sk-cta-bar-action-height   button height                  (48px)\n *\n * Colour tokens: --sk-cta-bar-text, --sk-cta-primary-bg,\n * --sk-cta-primary-text, --sk-cta-secondary-bg, --sk-cta-secondary-text,\n * plus the --sk-glass-* tokens for the surface.\n */\n\nimport * as React from 'react'\n\nexport const CTA_BAR_STYLE_HREF = 'sk-cta-bar'\n\n/** Show-at-and-above widths per breakpoint name, mirroring Tailwind's defaults. */\nexport const CTA_BAR_BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 } as const\nexport type CtaBarBreakpoint = keyof typeof CTA_BAR_BREAKPOINTS | 'none'\n\nconst BAR_HEIGHT =\n  'calc(var(--sk-cta-bar-action-height, 48px) + 2 * var(--sk-cta-bar-padding, 6px))'\n\n/**\n * Where the Echo launcher goes while a bar is on screen: one bar height plus\n * the bar's own inset, plus 12px of air. Uses the full (not compact) height,\n * so the launcher holds still while the bar breathes during a scroll.\n */\nexport const ECHO_CLEARANCE = `calc(${BAR_HEIGHT} + var(--sk-cta-bar-inset, 12px) + 12px)`\n\n/**\n * The room the bar needs at the end of the page. The spacer is this tall,\n * and it's published as `--sk-cta-bar-space` on <html> while a bar is\n * present below its breakpoint, so a site can pad its footer with it\n * (`spacer={false}`) and let the footer's own background run under the bar\n * instead of a blank strip after it. Reserved whether or not the bar is\n * currently hidden, so showing and hiding never shifts the layout.\n */\nexport const CTA_BAR_SPACE = `calc(${BAR_HEIGHT} + 2 * var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px))`\n\nfunction presentBelow(name: string, px: number | null): string {\n  const rules = `\n  html:has(.sk-cta-bar[data-breakpoint=\"${name}\"]) {\n    --sk-cta-bar-space: ${CTA_BAR_SPACE};\n  }\n  html:has(.sk-cta-bar[data-breakpoint=\"${name}\"][data-echo-clearance]:not([data-hidden])) {\n    --sk-echo-offset-bottom: ${ECHO_CLEARANCE};\n  }`\n  return px == null ? `\\n@media all {${rules}\\n}` : `\\n@media (max-width: ${px - 0.02}px) {${rules}\\n}`\n}\n\nfunction perBreakpoint(): string {\n  return Object.entries(CTA_BAR_BREAKPOINTS)\n    .map(\n      ([name, px]) => `\n@media (min-width: ${px}px) {\n  .sk-cta-bar[data-breakpoint=\"${name}\"], .sk-cta-bar-spacer[data-breakpoint=\"${name}\"] { display: none; }\n}${presentBelow(name, px)}`,\n    )\n    .join('')\n}\n\nexport const CTA_BAR_CSS = `\n.sk-cta-bar {\n  --sk-cta-h: var(--sk-cta-bar-action-height, 48px);\n  --sk-cta-pad: var(--sk-cta-bar-padding, 6px);\n  position: fixed;\n  z-index: var(--sk-cta-bar-z, 40);\n  left: var(--sk-cta-bar-inset, 12px);\n  right: var(--sk-cta-bar-inset, 12px);\n  bottom: calc(var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px) + var(--sk-vv-layout-gap, 0px));\n  max-width: var(--sk-cta-bar-max-width, 520px);\n  margin: 0 auto;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: var(--sk-cta-pad);\n  border-radius: calc(var(--sk-cta-h) / 2 + var(--sk-cta-pad));\n  color: var(--sk-cta-bar-text, var(--sk-text-primary, #111827));\n  font-family: inherit;\n  transition:\n    transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    padding 250ms ease,\n    border-radius 250ms ease,\n    visibility 0s linear 0s;\n}\n.sk-cta-bar[data-layout=\"fit\"] { width: fit-content; }\n.sk-cta-bar[data-compact] {\n  --sk-cta-h: calc(var(--sk-cta-bar-action-height, 48px) - 8px);\n  --sk-cta-pad: calc(var(--sk-cta-bar-padding, 6px) - 2px);\n}\n.sk-cta-bar[data-hidden] {\n  transform: translateY(calc(100% + var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px) + 16px));\n  visibility: hidden;\n  transition:\n    transform 350ms cubic-bezier(0.4, 0, 1, 1),\n    visibility 0s linear 350ms;\n}\n.sk-cta-bar__action {\n  flex: 1 1 0%;\n  min-width: 0;\n  box-sizing: border-box;\n  height: var(--sk-cta-h);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 0 18px;\n  margin: 0;\n  border: 0;\n  border-radius: 999px;\n  font: inherit;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  transition:\n    height 250ms ease,\n    flex-grow 300ms ease,\n    flex-basis 300ms ease,\n    padding 250ms ease,\n    transform 150ms ease;\n}\n.sk-cta-bar[data-layout=\"fit\"] .sk-cta-bar__action { flex: 0 0 auto; }\n.sk-cta-bar__action:active { transform: scale(0.97); }\n.sk-cta-bar__action:focus-visible {\n  outline: 2px solid var(--sk-cta-bar-focus, currentColor);\n  outline-offset: 2px;\n}\n.sk-cta-bar__action[data-variant=\"primary\"] {\n  background: var(--sk-cta-primary-bg, var(--sk-primary, #2563eb));\n  color: var(--sk-cta-primary-text, #ffffff);\n  box-shadow:\n    inset 0 1px 0 color-mix(in srgb, #ffffff 28%, transparent),\n    0 1px 2px rgba(0, 0, 0, 0.12);\n}\n.sk-cta-bar__action[data-variant=\"secondary\"] {\n  background: var(--sk-cta-secondary-bg, color-mix(in srgb, currentColor 8%, transparent));\n  color: var(--sk-cta-secondary-text, inherit);\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 16%, transparent);\n}\n.sk-cta-bar__icon { display: inline-flex; flex-shrink: 0; }\n.sk-cta-bar__icon > svg { width: 18px; height: 18px; }\n.sk-cta-bar__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n.sk-cta-bar[data-compact] .sk-cta-bar__action[data-collapse] {\n  flex: 0 0 var(--sk-cta-h);\n  padding: 0;\n}\n.sk-cta-bar[data-compact] .sk-cta-bar__action[data-collapse] .sk-cta-bar__label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n.sk-cta-bar-spacer { height: ${CTA_BAR_SPACE}; }${presentBelow('none', null)}${perBreakpoint()}\n@media (prefers-reduced-motion: reduce) {\n  .sk-cta-bar, .sk-cta-bar[data-hidden], .sk-cta-bar__action { transition: none; }\n}\n@media (scripting: none) {\n  .sk-cta-bar[data-hidden] { transform: none; visibility: visible; }\n}\n@media print {\n  .sk-cta-bar, .sk-cta-bar-spacer { display: none !important; }\n}\n`\n\nexport function CtaBarStyles() {\n  return (\n    <style href={CTA_BAR_STYLE_HREF} precedence=\"default\">\n      {CTA_BAR_CSS}\n    </style>\n  )\n}\n","/**\n * @sonordev/site-kit/cta-bar — the Liquid Glass mobile CTA bar\n *\n * Single source of truth for the fleet's sticky mobile action bar. Before\n * 6.1.0 eleven sites each carried their own, and each had solved a different\n * subset of the same problems: hiding over the form it points at, staying off\n * the hero until the hero CTA scrolls away, getting out from under the Echo\n * launcher, riding out iOS toolbar resizes. This component does all of them.\n *\n * Server component. It renders plain markup plus a childless behaviour\n * island, so a server layout can pass Next <Link>s straight in:\n *\n *   <CtaBar label=\"Call or book\" showAfter=\"#hero-cta\" hideOver=\"#quote\">\n *     <CtaBarAction href=\"tel:+15135550100\" icon={<Phone />} variant=\"secondary\">Call</CtaBarAction>\n *     <CtaBarAction as={Link} href=\"/quote\" icon={<ClipboardCheck />}>Free quote</CtaBarAction>\n *   </CtaBar>\n *\n * Render it once per page: at the layout root for a site-wide bar, or inside\n * a page for a page-specific one. It's a labelled <aside>, which is valid at\n * either depth (axe 4.13 retired the rule that wanted complementary\n * landmarks top level; the fixture app runs axe on both placements). Never\n * inside a blurred header: backdrop-filter on an ancestor turns it into the\n * containing block for this fixed bar.\n */\n\nimport * as React from 'react'\nimport { GlassStyles } from '../shared/glass'\nimport { CtaBarBehavior } from './CtaBarBehavior'\nimport { CtaBarStyles, type CtaBarBreakpoint } from './styles'\n\nexport interface CtaBarProps {\n  children: React.ReactNode\n  /** Accessible name of the bar's landmark. Default \"Quick actions\". */\n  label?: string\n  /** The bar is hidden at this width and above. `none` shows it at every width. Default `lg` (1024px). */\n  breakpoint?: CtaBarBreakpoint\n  /** `fill` stretches actions across the bar; `fit` hugs a single action in a centred capsule. Default `fill`. */\n  layout?: 'fill' | 'fit'\n  /**\n   * CSS selector. The bar stays off screen until this element has scrolled\n   * off the top, e.g. the hero's own CTA. If nothing matches, the bar shows.\n   */\n  showAfter?: string\n  /** CSS selector(s). The bar steps aside while any match is on screen, e.g. the form it points at, or the footer. */\n  hideOver?: string | string[]\n  /** Hide while a text field has focus (the keyboard is up). Default true. */\n  hideWhileTyping?: boolean\n  /** Tighten while scrolling down, restore on scroll up. Default true. */\n  compactOnScroll?: boolean\n  /** Lift the Echo launcher above the bar while the bar is on screen. Default true. */\n  echoClearance?: boolean\n  /** Reserve the bar's height at the end of the page so it never covers the footer. Default true. */\n  spacer?: boolean\n  /** Send a `cta_click` analytics event for each action tap. Default true. */\n  track?: boolean\n  className?: string\n  id?: string\n}\n\nfunction cx(...parts: Array<string | false | null | undefined>): string {\n  return parts.filter(Boolean).join(' ')\n}\n\nexport function CtaBar({\n  children,\n  label = 'Quick actions',\n  breakpoint = 'lg',\n  layout = 'fill',\n  showAfter,\n  hideOver,\n  hideWhileTyping = true,\n  compactOnScroll = true,\n  echoClearance = true,\n  spacer = true,\n  track = true,\n  className,\n  id,\n}: CtaBarProps) {\n  const hideOverList = hideOver == null ? undefined : Array.isArray(hideOver) ? hideOver : [hideOver]\n  return (\n    <>\n      <GlassStyles />\n      <CtaBarStyles />\n      {spacer ? <div className=\"sk-cta-bar-spacer\" data-breakpoint={breakpoint} aria-hidden=\"true\" /> : null}\n      <aside\n        id={id}\n        aria-label={label}\n        className={cx('sk-cta-bar', 'sk-glass', className)}\n        data-sk-cta-bar=\"\"\n        data-breakpoint={breakpoint}\n        data-layout={layout}\n        data-echo-clearance={echoClearance ? '' : undefined}\n        // Server-rendered off screen when it waits for a start element, so it\n        // never slides in over the hero during hydration. JS-off visitors get\n        // it back through the stylesheet's (scripting: none) rule.\n        data-hidden={showAfter ? '' : undefined}\n      >\n        {children}\n        <CtaBarBehavior\n          showAfter={showAfter}\n          hideOver={hideOverList}\n          hideWhileTyping={hideWhileTyping}\n          compactOnScroll={compactOnScroll}\n          track={track}\n        />\n      </aside>\n    </>\n  )\n}\n\ntype CtaBarActionOwnProps = {\n  /** Element or component to render, e.g. Next's Link. Default: `a` with an href, `button` without. */\n  as?: React.ElementType\n  /** Leading icon; decorative, hidden from assistive tech. */\n  icon?: React.ReactNode\n  /** `primary` = solid brand, `secondary` = tinted glass, `plain` = layout only (style it yourself). Default `primary`. */\n  variant?: 'primary' | 'secondary' | 'plain'\n  /**\n   * Fold to icon-only while the bar is compact. Default: true for a\n   * secondary action with an icon. The label stays in the accessible name.\n   */\n  collapse?: boolean\n  children: React.ReactNode\n  className?: string\n}\n\nexport type CtaBarActionProps = CtaBarActionOwnProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CtaBarActionOwnProps> &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CtaBarActionOwnProps | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>\n\nexport function CtaBarAction({\n  as,\n  icon,\n  variant = 'primary',\n  collapse,\n  children,\n  className,\n  ...rest\n}: CtaBarActionProps) {\n  const Comp: React.ElementType = as ?? (rest.href ? 'a' : 'button')\n  const folds = collapse ?? (variant === 'secondary' && icon != null)\n  return (\n    <Comp\n      {...(Comp === 'button' && !('type' in rest) ? { type: 'button' } : null)}\n      {...rest}\n      className={cx('sk-cta-bar__action', className)}\n      data-variant={variant}\n      data-collapse={folds ? '' : undefined}\n    >\n      {icon != null ? (\n        <span className=\"sk-cta-bar__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      ) : null}\n      <span className=\"sk-cta-bar__label\">{children}</span>\n    </Comp>\n  )\n}\n"]}

package/dist/cta-bar/styles.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @sonordev/site-kit/cta-bar — stylesheet
+ *
+ * Layout and states only. The surface itself is the shared Liquid Glass
+ * recipe (`../shared/glass`), applied by putting `sk-glass` on the bar.
+ *
+ * Geometry is driven by three tokens, and the same three produce the
+ * bar's height, the spacer that reserves room for it, and the Echo launcher
+ * clearance. Set them on :root, not on the bar, so all three read them:
+ *
+ *   --sk-cta-bar-inset           gap from the screen edges      (12px)
+ *   --sk-cta-bar-padding         gap between glass and buttons  (6px)
+ *   --sk-cta-bar-action-height   button height                  (48px)
+ *
+ * Colour tokens: --sk-cta-bar-text, --sk-cta-primary-bg,
+ * --sk-cta-primary-text, --sk-cta-secondary-bg, --sk-cta-secondary-text,
+ * plus the --sk-glass-* tokens for the surface.
+ */
+import * as React from 'react';
+export declare const CTA_BAR_STYLE_HREF = "sk-cta-bar";
+/** Show-at-and-above widths per breakpoint name, mirroring Tailwind's defaults. */
+export declare const CTA_BAR_BREAKPOINTS: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+};
+export type CtaBarBreakpoint = keyof typeof CTA_BAR_BREAKPOINTS | 'none';
+/**
+ * Where the Echo launcher goes while a bar is on screen: one bar height plus
+ * the bar's own inset, plus 12px of air. Uses the full (not compact) height,
+ * so the launcher holds still while the bar breathes during a scroll.
+ */
+export declare const ECHO_CLEARANCE = "calc(calc(var(--sk-cta-bar-action-height, 48px) + 2 * var(--sk-cta-bar-padding, 6px)) + var(--sk-cta-bar-inset, 12px) + 12px)";
+/**
+ * The room the bar needs at the end of the page. The spacer is this tall,
+ * and it's published as `--sk-cta-bar-space` on <html> while a bar is
+ * present below its breakpoint, so a site can pad its footer with it
+ * (`spacer={false}`) and let the footer's own background run under the bar
+ * instead of a blank strip after it. Reserved whether or not the bar is
+ * currently hidden, so showing and hiding never shifts the layout.
+ */
+export declare const CTA_BAR_SPACE = "calc(calc(var(--sk-cta-bar-action-height, 48px) + 2 * var(--sk-cta-bar-padding, 6px)) + 2 * var(--sk-cta-bar-inset, 12px) + env(safe-area-inset-bottom, 0px))";
+export declare const CTA_BAR_CSS: string;
+export declare function CtaBarStyles(): React.JSX.Element;
+//# sourceMappingURL=styles.d.ts.map

package/dist/cta-bar/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/cta-bar/styles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,kBAAkB,eAAe,CAAA;AAE9C,mFAAmF;AACnF,eAAO,MAAM,mBAAmB;aAAK,EAAE,EAAE,GAAG;aAAE,EAAE,EAAE,GAAG;aAAE,EAAE,EAAE,IAAI;aAAE,EAAE,EAAE,IAAI;CAAW,CAAA;AACpF,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,GAAG,MAAM,CAAA;AAKxE;;;;GAIG;AACH,eAAO,MAAM,cAAc,kIAA+D,CAAA;AAE1F;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,kKAA+F,CAAA;AAwBzH,eAAO,MAAM,WAAW,QA6GvB,CAAA;AAED,wBAAgB,YAAY,sBAM3B"}

package/dist/engage/ChatWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/engage/ChatWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAY,MAAM,SAAS,CAAA;AAiBnD,UAAU,eAAe;IACvB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAiLD,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,EAAE,eAAe,qBAgjDzR"}
+{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/engage/ChatWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAY,MAAM,SAAS,CAAA;AAkBnD,UAAU,eAAe;IACvB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AA8LD,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,EAAE,eAAe,qBAykDzR"}

package/dist/engage/EchoUiActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EchoUiActions.d.ts","sourceRoot":"","sources":["../../src/engage/EchoUiActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAmBvC,mFAAmF;AACnF,iBAAS,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE5C;AAsRD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,QAAQ,EAAE,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,uFAAuF;IACvF,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACjE;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,kBAAkB,4BAiDjG;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"EchoUiActions.d.ts","sourceRoot":"","sources":["../../src/engage/EchoUiActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAmBvC,mFAAmF;AACnF,iBAAS,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE5C;AAwRD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,QAAQ,EAAE,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,uFAAuF;IACvF,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACjE;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,kBAAkB,4BAiDjG;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/engage/index.js

@@ -1,21 +1,22 @@
 'use client';
 'use strict';
 
-var chunkBWSYPQ5E_js = require('../chunk-BWSYPQ5E.js');
-var chunkLZPICBND_js = require('../chunk-LZPICBND.js');
+var chunkQYRJ4IQD_js = require('../chunk-QYRJ4IQD.js');
+var chunk7IM7VG4E_js = require('../chunk-7IM7VG4E.js');
 require('../chunk-ESP5RMB7.js');
+require('../chunk-NBOBOYMT.js');
 require('../chunk-G6WF4G3E.js');
-require('../chunk-ULSFOC3J.js');
+require('../chunk-WWJQGMMN.js');
 require('../chunk-5XFFUP6D.js');
-require('../chunk-4NBJDP6Y.js');
+require('../chunk-EF7QCYLF.js');
 require('../chunk-KHPJ3CEL.js');
 require('../chunk-RC4WWQXR.js');
 require('../chunk-P4Y75QSU.js');
 require('../chunk-VJMPIRSD.js');
 require('../chunk-5RNAUYWE.js');
-require('../chunk-5ABTBPPK.js');
-require('../chunk-TC3JSQUS.js');
-require('../chunk-F3EAAAZ3.js');
+require('../chunk-VNJTU6LG.js');
+require('../chunk-IPGIFBRN.js');
+require('../chunk-QWUDHOUE.js');
 require('../chunk-SNAQBZPT.js');
 
 // src/engage/echo-config.ts
@@ -45,17 +46,17 @@ function getEchoWidgetProps(config = SONOR_PUBLIC_ECHO_DEFAULTS) {
   };
 }
 
-Object.defineProperty(exports, "DesignRenderer", {
+Object.defineProperty(exports, "ChatWidget", {
   enumerable: true,
-  get: function () { return chunkBWSYPQ5E_js.DesignRenderer; }
+  get: function () { return chunkQYRJ4IQD_js.ChatWidget; }
 });
-Object.defineProperty(exports, "EngageWidget", {
+Object.defineProperty(exports, "DesignRenderer", {
   enumerable: true,
-  get: function () { return chunkBWSYPQ5E_js.EngageWidget; }
+  get: function () { return chunk7IM7VG4E_js.DesignRenderer; }
 });
-Object.defineProperty(exports, "ChatWidget", {
+Object.defineProperty(exports, "EngageWidget", {
   enumerable: true,
-  get: function () { return chunkLZPICBND_js.ChatWidget; }
+  get: function () { return chunk7IM7VG4E_js.EngageWidget; }
 });
 exports.SONOR_PUBLIC_ECHO_DEFAULTS = SONOR_PUBLIC_ECHO_DEFAULTS;
 exports.getEchoWidgetProps = getEchoWidgetProps;