@sonordev/site-kit 6.1.1 → 6.1.3

package/dist/client/index.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunkY4A4G5XJ_js = require('../chunk-Y4A4G5XJ.js');
+var chunkAGEE4CGH_js = require('../chunk-AGEE4CGH.js');
 var chunkHGNSJXWT_js = require('../chunk-HGNSJXWT.js');
 require('../chunk-UZKXOZHR.js');
 require('../chunk-SWIKKSKL.js');
@@ -9,8 +9,8 @@ var chunk3DWIYCQX_js = require('../chunk-3DWIYCQX.js');
 var chunkG6WF4G3E_js = require('../chunk-G6WF4G3E.js');
 var chunkRC4WWQXR_js = require('../chunk-RC4WWQXR.js');
 require('../chunk-VJMPIRSD.js');
-require('../chunk-IPGIFBRN.js');
-require('../chunk-QWUDHOUE.js');
+require('../chunk-BGBP4UN4.js');
+require('../chunk-OI3FCJSP.js');
 require('../chunk-SNAQBZPT.js');
 
 // src/client/SiteKitCredential.tsx
@@ -20,7 +20,7 @@ function SiteKitCredential({
   site,
   debug
 }) {
-  chunkY4A4G5XJ_js.publishSiteCredential({ apiKey, apiUrl, site, debug });
+  chunkAGEE4CGH_js.publishSiteCredential({ apiKey, apiUrl, site, debug });
   return null;
 }
 

package/dist/client/index.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { publishSiteCredential } from '../chunk-U2DWXE2A.mjs';
+import { publishSiteCredential } from '../chunk-I4PUQYBI.mjs';
 export { useDeferredActivation } from '../chunk-ZVBLXXNJ.mjs';
 import '../chunk-KZVSB5WE.mjs';
 import '../chunk-ZN4HBK5C.mjs';
@@ -7,8 +7,8 @@ export { trackConversion, trackEvent } from '../chunk-SHLWA6JY.mjs';
 export { VISUAL_VIEWPORT_GAP_PROPERTY, VisualViewportGap, useVisualViewportGap } from '../chunk-NSWO43XW.mjs';
 export { getOrCreateSessionId, getOrCreateVisitorId, useSiteKitIdentity } from '../chunk-ZZQAGCSI.mjs';
 import '../chunk-6EDVCUAG.mjs';
-import '../chunk-YCA4KCRF.mjs';
-import '../chunk-HQWPCX3N.mjs';
+import '../chunk-GYKFHQSZ.mjs';
+import '../chunk-5FBALULE.mjs';
 import '../chunk-BEXTDHO4.mjs';
 
 // src/client/SiteKitCredential.tsx

package/dist/commerce/index.js

@@ -1,228 +1,228 @@
 'use client';
 'use strict';
 
-var chunkHH5EMIXK_js = require('../chunk-HH5EMIXK.js');
+var chunkJSM4AYSZ_js = require('../chunk-JSM4AYSZ.js');
 require('../chunk-3SDMJMN2.js');
-require('../chunk-S24WZNFP.js');
+require('../chunk-MTHMOXZF.js');
 require('../chunk-3DWIYCQX.js');
 require('../chunk-RC4WWQXR.js');
 require('../chunk-P4Y75QSU.js');
 require('../chunk-VJMPIRSD.js');
 require('../chunk-5RNAUYWE.js');
-require('../chunk-VNJTU6LG.js');
-require('../chunk-IPGIFBRN.js');
-require('../chunk-QWUDHOUE.js');
+require('../chunk-IWHAJBYL.js');
+require('../chunk-BGBP4UN4.js');
+require('../chunk-OI3FCJSP.js');
 require('../chunk-SNAQBZPT.js');
 
 
 
 Object.defineProperty(exports, "CalendarView", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.CalendarView; }
+  get: function () { return chunkJSM4AYSZ_js.CalendarView; }
 });
 Object.defineProperty(exports, "CapacityBadge", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.CapacityBadge; }
+  get: function () { return chunkJSM4AYSZ_js.CapacityBadge; }
 });
 Object.defineProperty(exports, "CheckoutForm", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.CheckoutForm; }
+  get: function () { return chunkJSM4AYSZ_js.CheckoutForm; }
 });
 Object.defineProperty(exports, "EventCalendar", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.EventCalendar; }
+  get: function () { return chunkJSM4AYSZ_js.EventCalendar; }
 });
 Object.defineProperty(exports, "EventCheckout", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.EventCheckout; }
+  get: function () { return chunkJSM4AYSZ_js.EventCheckout; }
 });
 Object.defineProperty(exports, "EventEmbed", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.EventEmbed; }
+  get: function () { return chunkJSM4AYSZ_js.EventEmbed; }
 });
 Object.defineProperty(exports, "EventJsonLd", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.EventJsonLd; }
+  get: function () { return chunkJSM4AYSZ_js.EventJsonLd; }
 });
 Object.defineProperty(exports, "EventModal", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.EventModal; }
+  get: function () { return chunkJSM4AYSZ_js.EventModal; }
 });
 Object.defineProperty(exports, "EventTile", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.EventTile; }
+  get: function () { return chunkJSM4AYSZ_js.EventTile; }
 });
 Object.defineProperty(exports, "EventsAgenda", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.EventsAgenda; }
+  get: function () { return chunkJSM4AYSZ_js.EventsAgenda; }
 });
 Object.defineProperty(exports, "EventsWidget", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.EventsWidget; }
+  get: function () { return chunkJSM4AYSZ_js.EventsWidget; }
 });
 Object.defineProperty(exports, "OfferingCard", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.OfferingCard; }
+  get: function () { return chunkJSM4AYSZ_js.OfferingCard; }
 });
 Object.defineProperty(exports, "OfferingList", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.OfferingList; }
+  get: function () { return chunkJSM4AYSZ_js.OfferingList; }
 });
 Object.defineProperty(exports, "ProductDetail", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.ProductDetail; }
+  get: function () { return chunkJSM4AYSZ_js.ProductDetail; }
 });
 Object.defineProperty(exports, "ProductEmbed", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.ProductEmbed; }
+  get: function () { return chunkJSM4AYSZ_js.ProductEmbed; }
 });
 Object.defineProperty(exports, "ProductGrid", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.ProductGrid; }
+  get: function () { return chunkJSM4AYSZ_js.ProductGrid; }
 });
 Object.defineProperty(exports, "ProductPage", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.ProductPage; }
+  get: function () { return chunkJSM4AYSZ_js.ProductPage; }
 });
 Object.defineProperty(exports, "RegistrationForm", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.RegistrationForm; }
+  get: function () { return chunkJSM4AYSZ_js.RegistrationForm; }
 });
 Object.defineProperty(exports, "SizeChart", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.SizeChart; }
+  get: function () { return chunkJSM4AYSZ_js.SizeChart; }
 });
 Object.defineProperty(exports, "UpcomingEvents", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.UpcomingEvents; }
+  get: function () { return chunkJSM4AYSZ_js.UpcomingEvents; }
 });
 Object.defineProperty(exports, "createCheckoutSession", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.createCheckoutSession; }
+  get: function () { return chunkJSM4AYSZ_js.createCheckoutSession; }
 });
 Object.defineProperty(exports, "createPaymentIntent", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.createPaymentIntent; }
+  get: function () { return chunkJSM4AYSZ_js.createPaymentIntent; }
 });
 Object.defineProperty(exports, "fetchActiveProcessor", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchActiveProcessor; }
+  get: function () { return chunkJSM4AYSZ_js.fetchActiveProcessor; }
 });
 Object.defineProperty(exports, "fetchCategories", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchCategories; }
+  get: function () { return chunkJSM4AYSZ_js.fetchCategories; }
 });
 Object.defineProperty(exports, "fetchLatestOffering", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchLatestOffering; }
+  get: function () { return chunkJSM4AYSZ_js.fetchLatestOffering; }
 });
 Object.defineProperty(exports, "fetchNextEvent", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchNextEvent; }
+  get: function () { return chunkJSM4AYSZ_js.fetchNextEvent; }
 });
 Object.defineProperty(exports, "fetchOffering", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchOffering; }
+  get: function () { return chunkJSM4AYSZ_js.fetchOffering; }
 });
 Object.defineProperty(exports, "fetchOfferings", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchOfferings; }
+  get: function () { return chunkJSM4AYSZ_js.fetchOfferings; }
 });
 Object.defineProperty(exports, "fetchProcessorConfig", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchProcessorConfig; }
+  get: function () { return chunkJSM4AYSZ_js.fetchProcessorConfig; }
 });
 Object.defineProperty(exports, "fetchProductBySlug", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchProductBySlug; }
+  get: function () { return chunkJSM4AYSZ_js.fetchProductBySlug; }
 });
 Object.defineProperty(exports, "fetchProducts", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchProducts; }
+  get: function () { return chunkJSM4AYSZ_js.fetchProducts; }
 });
 Object.defineProperty(exports, "fetchProductsPublic", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchProductsPublic; }
+  get: function () { return chunkJSM4AYSZ_js.fetchProductsPublic; }
 });
 Object.defineProperty(exports, "fetchServices", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchServices; }
+  get: function () { return chunkJSM4AYSZ_js.fetchServices; }
 });
 Object.defineProperty(exports, "fetchShippingRates", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchShippingRates; }
+  get: function () { return chunkJSM4AYSZ_js.fetchShippingRates; }
 });
 Object.defineProperty(exports, "fetchUpcomingEvents", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.fetchUpcomingEvents; }
+  get: function () { return chunkJSM4AYSZ_js.fetchUpcomingEvents; }
 });
 Object.defineProperty(exports, "formatDate", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.formatDate; }
+  get: function () { return chunkJSM4AYSZ_js.formatDate; }
 });
 Object.defineProperty(exports, "formatDateRange", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.formatDateRange; }
+  get: function () { return chunkJSM4AYSZ_js.formatDateRange; }
 });
 Object.defineProperty(exports, "formatDateTime", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.formatDateTime; }
+  get: function () { return chunkJSM4AYSZ_js.formatDateTime; }
 });
 Object.defineProperty(exports, "formatPrice", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.formatPrice; }
+  get: function () { return chunkJSM4AYSZ_js.formatPrice; }
 });
 Object.defineProperty(exports, "formatTime", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.formatTime; }
+  get: function () { return chunkJSM4AYSZ_js.formatTime; }
 });
 Object.defineProperty(exports, "getOfferingUrl", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.getOfferingUrl; }
+  get: function () { return chunkJSM4AYSZ_js.getOfferingUrl; }
 });
 Object.defineProperty(exports, "getRelativeTimeUntil", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.getRelativeTimeUntil; }
+  get: function () { return chunkJSM4AYSZ_js.getRelativeTimeUntil; }
 });
 Object.defineProperty(exports, "getSpotsRemaining", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.getSpotsRemaining; }
+  get: function () { return chunkJSM4AYSZ_js.getSpotsRemaining; }
 });
 Object.defineProperty(exports, "googleCalendarUrl", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.googleCalendarUrl; }
+  get: function () { return chunkJSM4AYSZ_js.googleCalendarUrl; }
 });
 Object.defineProperty(exports, "icsForEvent", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.icsForEvent; }
+  get: function () { return chunkJSM4AYSZ_js.icsForEvent; }
 });
 Object.defineProperty(exports, "icsResponse", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.icsResponse; }
+  get: function () { return chunkJSM4AYSZ_js.icsResponse; }
 });
 Object.defineProperty(exports, "isEventSoldOut", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.isEventSoldOut; }
+  get: function () { return chunkJSM4AYSZ_js.isEventSoldOut; }
 });
 Object.defineProperty(exports, "registerForEvent", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.registerForEvent; }
+  get: function () { return chunkJSM4AYSZ_js.registerForEvent; }
 });
 Object.defineProperty(exports, "shippingSelection", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.shippingSelection; }
+  get: function () { return chunkJSM4AYSZ_js.shippingSelection; }
 });
 Object.defineProperty(exports, "useEventModal", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.useEventModal; }
+  get: function () { return chunkJSM4AYSZ_js.useEventModal; }
 });
 Object.defineProperty(exports, "validateAddress", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.validateAddress; }
+  get: function () { return chunkJSM4AYSZ_js.validateAddress; }
 });
 Object.defineProperty(exports, "validateDiscountCode", {
   enumerable: true,
-  get: function () { return chunkHH5EMIXK_js.validateDiscountCode; }
+  get: function () { return chunkJSM4AYSZ_js.validateDiscountCode; }
 });
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/commerce/index.mjs

@@ -1,15 +1,15 @@
 'use client';
-export { CalendarView, CapacityBadge, CheckoutForm, EventCalendar, EventCheckout, EventEmbed, EventJsonLd, EventModal, EventTile, EventsAgenda, EventsWidget, OfferingCard, OfferingList, ProductDetail, ProductEmbed, ProductGrid, ProductPage, RegistrationForm, SizeChart, UpcomingEvents, createCheckoutSession, createPaymentIntent, fetchActiveProcessor, fetchCategories, fetchLatestOffering, fetchNextEvent, fetchOffering, fetchOfferings, fetchProcessorConfig, fetchProductBySlug, fetchProducts, fetchProductsPublic, fetchServices, fetchShippingRates, fetchUpcomingEvents, formatDate, formatDateRange, formatDateTime, formatPrice, formatTime, getOfferingUrl, getRelativeTimeUntil, getSpotsRemaining, googleCalendarUrl, icsForEvent, icsResponse, isEventSoldOut, registerForEvent, shippingSelection, useEventModal, validateAddress, validateDiscountCode } from '../chunk-CJ5YPYAE.mjs';
+export { CalendarView, CapacityBadge, CheckoutForm, EventCalendar, EventCheckout, EventEmbed, EventJsonLd, EventModal, EventTile, EventsAgenda, EventsWidget, OfferingCard, OfferingList, ProductDetail, ProductEmbed, ProductGrid, ProductPage, RegistrationForm, SizeChart, UpcomingEvents, createCheckoutSession, createPaymentIntent, fetchActiveProcessor, fetchCategories, fetchLatestOffering, fetchNextEvent, fetchOffering, fetchOfferings, fetchProcessorConfig, fetchProductBySlug, fetchProducts, fetchProductsPublic, fetchServices, fetchShippingRates, fetchUpcomingEvents, formatDate, formatDateRange, formatDateTime, formatPrice, formatTime, getOfferingUrl, getRelativeTimeUntil, getSpotsRemaining, googleCalendarUrl, icsForEvent, icsResponse, isEventSoldOut, registerForEvent, shippingSelection, useEventModal, validateAddress, validateDiscountCode } from '../chunk-YK7SEUFJ.mjs';
 import '../chunk-64BOVMXG.mjs';
-import '../chunk-3E7ZXPOB.mjs';
+import '../chunk-NRT7MOEO.mjs';
 import '../chunk-SHLWA6JY.mjs';
 import '../chunk-ZZQAGCSI.mjs';
 import '../chunk-5SANRSX3.mjs';
 import '../chunk-6EDVCUAG.mjs';
 import '../chunk-A6UYV475.mjs';
-import '../chunk-6ZMEJSNX.mjs';
-import '../chunk-YCA4KCRF.mjs';
-import '../chunk-HQWPCX3N.mjs';
+import '../chunk-CI7T4ZRP.mjs';
+import '../chunk-GYKFHQSZ.mjs';
+import '../chunk-5FBALULE.mjs';
 import '../chunk-BEXTDHO4.mjs';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -53,9 +53,8 @@ export interface CtaBarProps {
     id?: string;
 }
 export declare function CtaBar({ children, label, breakpoint, layout, showAfter, hideOver, hideWhileTyping, compactOnScroll, echoClearance, spacer, track, className, id, }: CtaBarProps): React.JSX.Element;
+/** The props CtaBarAction owns. Never taken from the rendered element's own props. */
 type CtaBarActionOwnProps = {
-    /** Element or component to render, e.g. Next's Link. Default: `a` with an href, `button` without. */
-    as?: React.ElementType;
     /** Leading icon; decorative, hidden from assistive tech. */
     icon?: React.ReactNode;
     /** `primary` = solid brand, `secondary` = tinted glass, `plain` = layout only (style it yourself). Default `primary`. */
@@ -68,7 +67,19 @@ type CtaBarActionOwnProps = {
     children: React.ReactNode;
     className?: string;
 };
-export type CtaBarActionProps = CtaBarActionOwnProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CtaBarActionOwnProps> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CtaBarActionOwnProps | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>;
-export declare function CtaBarAction({ as, icon, variant, collapse, children, className, ...rest }: CtaBarActionProps): React.JSX.Element;
+/** Without `as` it renders an `a` (with an href) or a `button`, so it takes both. */
+type CtaBarActionDefaultAttributes = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CtaBarActionOwnProps> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CtaBarActionOwnProps | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+/**
+ * Polymorphic on `as`. With no `as`, the default `a`/`button` attributes
+ * (what 6.1.0 accepted, so existing callers don't change). With `as`, the
+ * rendered component's own props, required ones included, minus the five
+ * CtaBarAction owns: `<CtaBarAction as={ScheduleTourButton} values={…}>`
+ * type-checks, and forgetting a prop the component requires doesn't.
+ */
+export type CtaBarActionProps<C extends React.ElementType | undefined = undefined> = CtaBarActionOwnProps & {
+    /** Element or component to render, e.g. Next's Link. Default: `a` with an href, `button` without. */
+    as?: C;
+} & (C extends React.ElementType ? Omit<React.ComponentPropsWithoutRef<C>, keyof CtaBarActionOwnProps | 'as'> : CtaBarActionDefaultAttributes);
+export declare function CtaBarAction<C extends React.ElementType | undefined = undefined>(props: CtaBarActionProps<C>): React.JSX.Element;
 export {};
 //# sourceMappingURL=CtaBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CtaBar.d.ts","sourceRoot":"","sources":["../../src/cta-bar/CtaBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE9D,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wGAAwG;IACxG,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,gHAAgH;IAChH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oHAAoH;IACpH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qFAAqF;IACrF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mGAAmG;IACnG,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAMD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAuB,EACvB,UAAiB,EACjB,MAAe,EACf,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,eAAsB,EACtB,aAAoB,EACpB,MAAa,EACb,KAAY,EACZ,SAAS,EACT,EAAE,GACH,EAAE,WAAW,qBA+Bb;AAED,KAAK,oBAAoB,GAAG;IAC1B,qGAAqG;IACrG,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yHAAyH;IACzH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,GAClD,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,oBAAoB,CAAC,GAC/E,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,oBAAoB,GAAG,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAEvI,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,IAAI,EACJ,OAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,iBAAiB,qBAmBnB"}
+{"version":3,"file":"CtaBar.d.ts","sourceRoot":"","sources":["../../src/cta-bar/CtaBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE9D,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wGAAwG;IACxG,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,gHAAgH;IAChH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oHAAoH;IACpH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qFAAqF;IACrF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mGAAmG;IACnG,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAMD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAuB,EACvB,UAAiB,EACjB,MAAe,EACf,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,eAAsB,EACtB,aAAoB,EACpB,MAAa,EACb,KAAY,EACZ,SAAS,EACT,EAAE,GACH,EAAE,WAAW,qBA+Bb;AAED,sFAAsF;AACtF,KAAK,oBAAoB,GAAG;IAC1B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yHAAyH;IACzH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,qFAAqF;AACrF,KAAK,6BAA6B,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,oBAAoB,CAAC,GAClH,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,oBAAoB,GAAG,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAEvI;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,GAAG,SAAS,IAAI,oBAAoB,GAAG;IAC1G,qGAAqG;IACrG,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAC1B,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,oBAAoB,GAAG,IAAI,CAAC,GAC1E,6BAA6B,CAAC,CAAA;AAEpC,wBAAgB,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAsB5G"}

package/dist/cta-bar/index.js

@@ -197,22 +197,16 @@ function CtaBar({
     )
   ] });
 }
-function CtaBarAction({
-  as,
-  icon,
-  variant = "primary",
-  collapse,
-  children,
-  className,
-  ...rest
-}) {
-  const Comp = as ?? (rest.href ? "a" : "button");
+function CtaBarAction(props) {
+  const { as, icon, variant = "primary", collapse, children, className, ...rest } = props;
+  const attrs = rest;
+  const Comp = as ?? (attrs.href ? "a" : "button");
   const folds = collapse ?? (variant === "secondary" && icon != null);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Comp,
     {
-      ...Comp === "button" && !("type" in rest) ? { type: "button" } : null,
-      ...rest,
+      ...Comp === "button" && !("type" in attrs) ? { type: "button" } : null,
+      ...attrs,
       className: cx("sk-cta-bar__action", className),
       "data-variant": variant,
       "data-collapse": folds ? "" : void 0,

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

@@ -1 +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"]}
+{"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\n/** The props CtaBarAction owns. Never taken from the rendered element's own props. */\ntype CtaBarActionOwnProps = {\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\n/** Without `as` it renders an `a` (with an href) or a `button`, so it takes both. */\ntype CtaBarActionDefaultAttributes = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CtaBarActionOwnProps> &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CtaBarActionOwnProps | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>\n\n/**\n * Polymorphic on `as`. With no `as`, the default `a`/`button` attributes\n * (what 6.1.0 accepted, so existing callers don't change). With `as`, the\n * rendered component's own props, required ones included, minus the five\n * CtaBarAction owns: `<CtaBarAction as={ScheduleTourButton} values={…}>`\n * type-checks, and forgetting a prop the component requires doesn't.\n */\nexport type CtaBarActionProps<C extends React.ElementType | undefined = undefined> = CtaBarActionOwnProps & {\n  /** Element or component to render, e.g. Next's Link. Default: `a` with an href, `button` without. */\n  as?: C\n} & (C extends React.ElementType\n    ? Omit<React.ComponentPropsWithoutRef<C>, keyof CtaBarActionOwnProps | 'as'>\n    : CtaBarActionDefaultAttributes)\n\nexport function CtaBarAction<C extends React.ElementType | undefined = undefined>(props: CtaBarActionProps<C>) {\n  const { as, icon, variant = 'primary', collapse, children, className, ...rest } = props\n  // The rest is generic over `as`; the only field read here is `href`.\n  const attrs = rest as Record<string, unknown>\n  const Comp: React.ElementType = (as as React.ElementType | undefined) ?? (attrs.href ? 'a' : 'button')\n  const folds = collapse ?? (variant === 'secondary' && icon != null)\n  return (\n    <Comp\n      {...(Comp === 'button' && !('type' in attrs) ? { type: 'button' } : null)}\n      {...attrs}\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

@@ -195,22 +195,16 @@ function CtaBar({
     )
   ] });
 }
-function CtaBarAction({
-  as,
-  icon,
-  variant = "primary",
-  collapse,
-  children,
-  className,
-  ...rest
-}) {
-  const Comp = as ?? (rest.href ? "a" : "button");
+function CtaBarAction(props) {
+  const { as, icon, variant = "primary", collapse, children, className, ...rest } = props;
+  const attrs = rest;
+  const Comp = as ?? (attrs.href ? "a" : "button");
   const folds = collapse ?? (variant === "secondary" && icon != null);
   return /* @__PURE__ */ jsxs(
     Comp,
     {
-      ...Comp === "button" && !("type" in rest) ? { type: "button" } : null,
-      ...rest,
+      ...Comp === "button" && !("type" in attrs) ? { type: "button" } : null,
+      ...attrs,
       className: cx("sk-cta-bar__action", className),
       "data-variant": variant,
       "data-collapse": folds ? "" : void 0,