@sonordev/site-kit 6.1.0 → 6.1.3

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

@@ -1 +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`\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, at the layout root and outside <main> (it's an <aside>\n * landmark). Never inside a blurred header: backdrop-filter on an ancestor\n * turns it into the 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":["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\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/styles.d.ts.map

@@ -1 +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,QA0GvB,CAAA;AAED,wBAAgB,YAAY,sBAM3B"}
+{"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;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;AA6KD,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"}
+{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/engage/ChatWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAoE,MAAM,OAAO,CAAA;AAExF,OAAO,KAAK,EAAE,UAAU,EAAY,MAAM,SAAS,CAAA;AAmBnD,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;AA2KD,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,qBAwlDzR"}

package/dist/engage/EchoUiActions.d.ts

@@ -3,7 +3,8 @@
  *
  * Renders the optional `uiActions` the visitor Echo concierge returns alongside
  * a chat reply (see signal-api echo.service.ts). Rendered beneath the assistant
- * message in ChatWidget, on-brand with the widget's primary-color tokens.
+ * message in ChatWidget, on-brand with the widget's primary-color tokens and
+ * the brand foreground colours from brand-color.ts.
  *
  * - show_form           → compact inline managed form (reuses the canonical
  *                         forms `useForm` fetch/validate/submit path) with optional prefill.
@@ -20,9 +21,11 @@ export interface EchoUiActionsProps {
     actions: UiAction[];
     primaryColor: string;
     primaryRgb: string;
+    /** The brand as text on the panel: ChatWidget's `brandTextColor(primaryColor, panelTint)`. */
+    brandText: string;
     /** Called by a suggest_action chip — send the message as the next turn or navigate. */
     onSuggest: (action: string | undefined, message: string) => void;
 }
-export declare function EchoUiActions({ actions, primaryColor, primaryRgb, onSuggest }: EchoUiActionsProps): React.JSX.Element | null;
+export declare function EchoUiActions({ actions, primaryColor, primaryRgb, brandText, onSuggest }: EchoUiActionsProps): React.JSX.Element | null;
 export { isNavigable };
 //# sourceMappingURL=EchoUiActions.d.ts.map

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;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"}
+{"version":3,"file":"EchoUiActions.d.ts","sourceRoot":"","sources":["../../src/engage/EchoUiActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAoBvC,mFAAmF;AACnF,iBAAS,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE5C;AAyRD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,QAAQ,EAAE,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,8FAA8F;IAC9F,SAAS,EAAE,MAAM,CAAA;IACjB,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,SAAS,EAAE,EAAE,kBAAkB,4BAkD5G;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/engage/brand-color.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @sonordev/site-kit/engage — Echo's brand colours
+ *
+ * Single source of truth for how Echo turns the site's brand colour into
+ * foreground colours. ChatWidget and EchoUiActions route every such decision
+ * through here; don't re-derive one inline.
+ *
+ *   - Brand as a FILL (launcher, avatar tile, the visitor's bubbles, the send
+ *     and submit buttons) stays the raw brand, and text on it is
+ *     `onBrandColor(brand)`.
+ *   - Brand as TEXT on the glass panel (quick-action chips, the phone link,
+ *     markdown link buttons, suggestion chips, the handoff button, the
+ *     sent-message check) is `brandTextColor(brand, panelTint)`: the raw brand
+ *     when it already reads, otherwise the brand pulled toward black (light
+ *     panel) or white (dark panel) just far enough to clear WCAG AA.
+ *
+ * Why: a light brand (Gunning Homes' #d4af37 gold, any yellow) drawn as text
+ * on the ~86% white panel sat at about 2:1.
+ */
+/** Light enough that text and icons on a fill of it should be dark. Unreadable colours count as dark. */
+export declare function isLightColor(color: string): boolean;
+/** Text or icon colour on a fill of the brand. */
+export declare function onBrandColor(brand: string): string;
+/**
+ * An "r, g, b" triplet for `rgba(var(--sk-primary-rgb, <triplet>), a)`, or
+ * the fallback when the colour can't be read.
+ */
+export declare function rgbTriplet(color: string, fallback?: string): string;
+/**
+ * The brand as text on Echo's glass panel.
+ *
+ * `panelTint` is the panel's resolved tint (the glass recipe's
+ * `--sk-glass-t`: `--sk-glass-tint`, then `--sk-bg`, then white). Unset or
+ * unreadable, the panel is taken to be white, the default.
+ */
+export declare function brandTextColor(brand: string, panelTint?: string | null): string;
+//# sourceMappingURL=brand-color.d.ts.map

package/dist/engage/brand-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-color.d.ts","sourceRoot":"","sources":["../../src/engage/brand-color.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AA4CH,yGAAyG;AACzG,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAInD;AAED,kDAAkD;AAClD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAgB,GAAG,MAAM,CAK1E;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAuB/E"}

package/dist/engage/index.js

@@ -1,22 +1,23 @@
 'use client';
 'use strict';
 
-var chunkXKJLJLQ4_js = require('../chunk-XKJLJLQ4.js');
-var chunkRVFOUPK4_js = require('../chunk-RVFOUPK4.js');
+var chunkOZTVJSFX_js = require('../chunk-OZTVJSFX.js');
+var chunk7VRK3DWU_js = require('../chunk-7VRK3DWU.js');
 require('../chunk-ESP5RMB7.js');
 require('../chunk-NBOBOYMT.js');
 require('../chunk-G6WF4G3E.js');
-require('../chunk-SDGS2R5O.js');
+require('../chunk-2SLA2LOD.js');
 require('../chunk-5XFFUP6D.js');
-require('../chunk-AQUWWATH.js');
+require('../chunk-IZRVSIOK.js');
 require('../chunk-KHPJ3CEL.js');
+require('../chunk-M2N7NY3V.js');
 require('../chunk-RC4WWQXR.js');
 require('../chunk-P4Y75QSU.js');
 require('../chunk-VJMPIRSD.js');
 require('../chunk-5RNAUYWE.js');
-require('../chunk-ZQJGCQHC.js');
-require('../chunk-LF44SJPP.js');
-require('../chunk-OXA4ZSX2.js');
+require('../chunk-IWHAJBYL.js');
+require('../chunk-BGBP4UN4.js');
+require('../chunk-OI3FCJSP.js');
 require('../chunk-SNAQBZPT.js');
 
 // src/engage/echo-config.ts
@@ -48,15 +49,15 @@ function getEchoWidgetProps(config = SONOR_PUBLIC_ECHO_DEFAULTS) {
 
 Object.defineProperty(exports, "ChatWidget", {
   enumerable: true,
-  get: function () { return chunkXKJLJLQ4_js.ChatWidget; }
+  get: function () { return chunkOZTVJSFX_js.ChatWidget; }
 });
 Object.defineProperty(exports, "DesignRenderer", {
   enumerable: true,
-  get: function () { return chunkRVFOUPK4_js.DesignRenderer; }
+  get: function () { return chunk7VRK3DWU_js.DesignRenderer; }
 });
 Object.defineProperty(exports, "EngageWidget", {
   enumerable: true,
-  get: function () { return chunkRVFOUPK4_js.EngageWidget; }
+  get: function () { return chunk7VRK3DWU_js.EngageWidget; }
 });
 exports.SONOR_PUBLIC_ECHO_DEFAULTS = SONOR_PUBLIC_ECHO_DEFAULTS;
 exports.getEchoWidgetProps = getEchoWidgetProps;

package/dist/engage/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/engage/echo-config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgBO,IAAM,0BAAA,GAA+C;AAAA,EAC1D,SAAA,EAAW,yBAAA;AAAA,EACX,cAAA,EACE,0KAAA;AAAA,EACF,kBAAA,EAAoB;AAAA,IAClB,qBAAA;AAAA,IACA,0BAAA;AAAA,IACA,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,UAAA,EAAY,SAAA;AAAA;AAAA,EACZ,aAAA,EAAe;AACjB;AAEO,SAAS,kBAAA,CAAmB,SAA2B,0BAAA,EAA4B;AACxF,EAAA,OAAO;AAAA,IACL,cAAA,EAAgB,IAAA;AAAA,IAChB,UAAA,EAAY,MAAA,CAAO,SAAA,IAAa,0BAAA,CAA2B,SAAA;AAAA,IAC3D,eAAA,EAAiB,MAAA,CAAO,cAAA,IAAkB,0BAAA,CAA2B,cAAA;AAAA,IACrE,mBAAA,EAAqB,MAAA,CAAO,kBAAA,IAAsB,0BAAA,CAA2B,kBAAA;AAAA,IAC7E,WAAA,EAAa,MAAA,CAAO,UAAA,IAAc,0BAAA,CAA2B,UAAA;AAAA,IAC7D,cAAA,EAAgB,MAAA,CAAO,aAAA,IAAiB,0BAAA,CAA2B,aAAA;AAAA,IACnE,kBAAkB,MAAA,CAAO;AAAA,GAC3B;AACF","file":"index.js","sourcesContent":["/**\n * @sonordev/site-kit/engage - Echo Public Configuration\n *\n * Helpers for configuring the ChatWidget with Echo-specific defaults\n * for the Sonor public site (sonor.io).\n */\n\nexport interface EchoPublicConfig {\n  signalUrl?: string\n  welcomeMessage?: string\n  suggestedQuestions?: string[]\n  brandColor?: string\n  assistantName?: string\n  assistantAvatar?: string\n}\n\nexport const SONOR_PUBLIC_ECHO_DEFAULTS: EchoPublicConfig = {\n  signalUrl: 'https://signal.sonor.io',\n  welcomeMessage:\n    \"Hi! I'm Echo, Sonor's AI assistant. I can answer questions about our platform, help you understand pricing, or get you started with a demo. What would you like to know?\",\n  suggestedQuestions: [\n    'What does Sonor do?',\n    'How does Signal AI work?',\n    'What are the pricing plans?',\n    'Can I migrate from HubSpot?',\n    'How does the SEO module work?',\n  ],\n  brandColor: '#2563eb', // blue-600 (~5.2:1 on white, AA); overridden by --sk-primary CSS var or API brand_primary\n  assistantName: 'Echo',\n}\n\nexport function getEchoWidgetProps(config: EchoPublicConfig = SONOR_PUBLIC_ECHO_DEFAULTS) {\n  return {\n    signal_enabled: true,\n    signal_url: config.signalUrl || SONOR_PUBLIC_ECHO_DEFAULTS.signalUrl,\n    welcome_message: config.welcomeMessage || SONOR_PUBLIC_ECHO_DEFAULTS.welcomeMessage,\n    suggested_questions: config.suggestedQuestions || SONOR_PUBLIC_ECHO_DEFAULTS.suggestedQuestions,\n    brand_color: config.brandColor || SONOR_PUBLIC_ECHO_DEFAULTS.brandColor,\n    assistant_name: config.assistantName || SONOR_PUBLIC_ECHO_DEFAULTS.assistantName,\n    assistant_avatar: config.assistantAvatar,\n  }\n}\n"]}
+{"version":3,"sources":["../../src/engage/echo-config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBO,IAAM,0BAAA,GAA+C;AAAA,EAC1D,SAAA,EAAW,yBAAA;AAAA,EACX,cAAA,EACE,0KAAA;AAAA,EACF,kBAAA,EAAoB;AAAA,IAClB,qBAAA;AAAA,IACA,0BAAA;AAAA,IACA,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,UAAA,EAAY,SAAA;AAAA;AAAA,EACZ,aAAA,EAAe;AACjB;AAEO,SAAS,kBAAA,CAAmB,SAA2B,0BAAA,EAA4B;AACxF,EAAA,OAAO;AAAA,IACL,cAAA,EAAgB,IAAA;AAAA,IAChB,UAAA,EAAY,MAAA,CAAO,SAAA,IAAa,0BAAA,CAA2B,SAAA;AAAA,IAC3D,eAAA,EAAiB,MAAA,CAAO,cAAA,IAAkB,0BAAA,CAA2B,cAAA;AAAA,IACrE,mBAAA,EAAqB,MAAA,CAAO,kBAAA,IAAsB,0BAAA,CAA2B,kBAAA;AAAA,IAC7E,WAAA,EAAa,MAAA,CAAO,UAAA,IAAc,0BAAA,CAA2B,UAAA;AAAA,IAC7D,cAAA,EAAgB,MAAA,CAAO,aAAA,IAAiB,0BAAA,CAA2B,aAAA;AAAA,IACnE,kBAAkB,MAAA,CAAO;AAAA,GAC3B;AACF","file":"index.js","sourcesContent":["/**\n * @sonordev/site-kit/engage - Echo Public Configuration\n *\n * Helpers for configuring the ChatWidget with Echo-specific defaults\n * for the Sonor public site (sonor.io).\n */\n\nexport interface EchoPublicConfig {\n  signalUrl?: string\n  welcomeMessage?: string\n  suggestedQuestions?: string[]\n  brandColor?: string\n  assistantName?: string\n  assistantAvatar?: string\n}\n\nexport const SONOR_PUBLIC_ECHO_DEFAULTS: EchoPublicConfig = {\n  signalUrl: 'https://signal.sonor.io',\n  welcomeMessage:\n    \"Hi! I'm Echo, Sonor's AI assistant. I can answer questions about our platform, help you understand pricing, or get you started with a demo. What would you like to know?\",\n  suggestedQuestions: [\n    'What does Sonor do?',\n    'How does Signal AI work?',\n    'What are the pricing plans?',\n    'Can I migrate from HubSpot?',\n    'How does the SEO module work?',\n  ],\n  brandColor: '#2563eb', // blue-600 (~5.2:1 on white, AA); overridden by --sk-primary CSS var or API brand_primary\n  assistantName: 'Echo',\n}\n\nexport function getEchoWidgetProps(config: EchoPublicConfig = SONOR_PUBLIC_ECHO_DEFAULTS) {\n  return {\n    signal_enabled: true,\n    signal_url: config.signalUrl || SONOR_PUBLIC_ECHO_DEFAULTS.signalUrl,\n    welcome_message: config.welcomeMessage || SONOR_PUBLIC_ECHO_DEFAULTS.welcomeMessage,\n    suggested_questions: config.suggestedQuestions || SONOR_PUBLIC_ECHO_DEFAULTS.suggestedQuestions,\n    brand_color: config.brandColor || SONOR_PUBLIC_ECHO_DEFAULTS.brandColor,\n    assistant_name: config.assistantName || SONOR_PUBLIC_ECHO_DEFAULTS.assistantName,\n    assistant_avatar: config.assistantAvatar,\n  }\n}\n"]}

package/dist/engage/index.mjs

@@ -1,20 +1,21 @@
 'use client';
-export { ChatWidget } from '../chunk-4EJI4IOX.mjs';
-export { DesignRenderer, EngageWidget } from '../chunk-NMKUYGKK.mjs';
+export { ChatWidget } from '../chunk-PTQHPWEK.mjs';
+export { DesignRenderer, EngageWidget } from '../chunk-RGXYE2ZI.mjs';
 import '../chunk-4U5NCKQY.mjs';
 import '../chunk-OBKS3CPP.mjs';
 import '../chunk-NSWO43XW.mjs';
-import '../chunk-YP5WAFTI.mjs';
+import '../chunk-6FIIA6ME.mjs';
 import '../chunk-QRHVMTHF.mjs';
-import '../chunk-OQWAJBYA.mjs';
+import '../chunk-OWEJXMKY.mjs';
 import '../chunk-TMVKRQGJ.mjs';
+import '../chunk-NYXENHD2.mjs';
 import '../chunk-ZZQAGCSI.mjs';
 import '../chunk-5SANRSX3.mjs';
 import '../chunk-6EDVCUAG.mjs';
 import '../chunk-A6UYV475.mjs';
-import '../chunk-RGCUND5Q.mjs';
-import '../chunk-3DXJHMQM.mjs';
-import '../chunk-ACKFL6WA.mjs';
+import '../chunk-CI7T4ZRP.mjs';
+import '../chunk-GYKFHQSZ.mjs';
+import '../chunk-5FBALULE.mjs';
 import '../chunk-BEXTDHO4.mjs';
 
 // src/engage/echo-config.ts

package/dist/engage/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/engage/echo-config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAgBO,IAAM,0BAAA,GAA+C;AAAA,EAC1D,SAAA,EAAW,yBAAA;AAAA,EACX,cAAA,EACE,0KAAA;AAAA,EACF,kBAAA,EAAoB;AAAA,IAClB,qBAAA;AAAA,IACA,0BAAA;AAAA,IACA,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,UAAA,EAAY,SAAA;AAAA;AAAA,EACZ,aAAA,EAAe;AACjB;AAEO,SAAS,kBAAA,CAAmB,SAA2B,0BAAA,EAA4B;AACxF,EAAA,OAAO;AAAA,IACL,cAAA,EAAgB,IAAA;AAAA,IAChB,UAAA,EAAY,MAAA,CAAO,SAAA,IAAa,0BAAA,CAA2B,SAAA;AAAA,IAC3D,eAAA,EAAiB,MAAA,CAAO,cAAA,IAAkB,0BAAA,CAA2B,cAAA;AAAA,IACrE,mBAAA,EAAqB,MAAA,CAAO,kBAAA,IAAsB,0BAAA,CAA2B,kBAAA;AAAA,IAC7E,WAAA,EAAa,MAAA,CAAO,UAAA,IAAc,0BAAA,CAA2B,UAAA;AAAA,IAC7D,cAAA,EAAgB,MAAA,CAAO,aAAA,IAAiB,0BAAA,CAA2B,aAAA;AAAA,IACnE,kBAAkB,MAAA,CAAO;AAAA,GAC3B;AACF","file":"index.mjs","sourcesContent":["/**\n * @sonordev/site-kit/engage - Echo Public Configuration\n *\n * Helpers for configuring the ChatWidget with Echo-specific defaults\n * for the Sonor public site (sonor.io).\n */\n\nexport interface EchoPublicConfig {\n  signalUrl?: string\n  welcomeMessage?: string\n  suggestedQuestions?: string[]\n  brandColor?: string\n  assistantName?: string\n  assistantAvatar?: string\n}\n\nexport const SONOR_PUBLIC_ECHO_DEFAULTS: EchoPublicConfig = {\n  signalUrl: 'https://signal.sonor.io',\n  welcomeMessage:\n    \"Hi! I'm Echo, Sonor's AI assistant. I can answer questions about our platform, help you understand pricing, or get you started with a demo. What would you like to know?\",\n  suggestedQuestions: [\n    'What does Sonor do?',\n    'How does Signal AI work?',\n    'What are the pricing plans?',\n    'Can I migrate from HubSpot?',\n    'How does the SEO module work?',\n  ],\n  brandColor: '#2563eb', // blue-600 (~5.2:1 on white, AA); overridden by --sk-primary CSS var or API brand_primary\n  assistantName: 'Echo',\n}\n\nexport function getEchoWidgetProps(config: EchoPublicConfig = SONOR_PUBLIC_ECHO_DEFAULTS) {\n  return {\n    signal_enabled: true,\n    signal_url: config.signalUrl || SONOR_PUBLIC_ECHO_DEFAULTS.signalUrl,\n    welcome_message: config.welcomeMessage || SONOR_PUBLIC_ECHO_DEFAULTS.welcomeMessage,\n    suggested_questions: config.suggestedQuestions || SONOR_PUBLIC_ECHO_DEFAULTS.suggestedQuestions,\n    brand_color: config.brandColor || SONOR_PUBLIC_ECHO_DEFAULTS.brandColor,\n    assistant_name: config.assistantName || SONOR_PUBLIC_ECHO_DEFAULTS.assistantName,\n    assistant_avatar: config.assistantAvatar,\n  }\n}\n"]}
+{"version":3,"sources":["../../src/engage/echo-config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBO,IAAM,0BAAA,GAA+C;AAAA,EAC1D,SAAA,EAAW,yBAAA;AAAA,EACX,cAAA,EACE,0KAAA;AAAA,EACF,kBAAA,EAAoB;AAAA,IAClB,qBAAA;AAAA,IACA,0BAAA;AAAA,IACA,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,UAAA,EAAY,SAAA;AAAA;AAAA,EACZ,aAAA,EAAe;AACjB;AAEO,SAAS,kBAAA,CAAmB,SAA2B,0BAAA,EAA4B;AACxF,EAAA,OAAO;AAAA,IACL,cAAA,EAAgB,IAAA;AAAA,IAChB,UAAA,EAAY,MAAA,CAAO,SAAA,IAAa,0BAAA,CAA2B,SAAA;AAAA,IAC3D,eAAA,EAAiB,MAAA,CAAO,cAAA,IAAkB,0BAAA,CAA2B,cAAA;AAAA,IACrE,mBAAA,EAAqB,MAAA,CAAO,kBAAA,IAAsB,0BAAA,CAA2B,kBAAA;AAAA,IAC7E,WAAA,EAAa,MAAA,CAAO,UAAA,IAAc,0BAAA,CAA2B,UAAA;AAAA,IAC7D,cAAA,EAAgB,MAAA,CAAO,aAAA,IAAiB,0BAAA,CAA2B,aAAA;AAAA,IACnE,kBAAkB,MAAA,CAAO;AAAA,GAC3B;AACF","file":"index.mjs","sourcesContent":["/**\n * @sonordev/site-kit/engage - Echo Public Configuration\n *\n * Helpers for configuring the ChatWidget with Echo-specific defaults\n * for the Sonor public site (sonor.io).\n */\n\nexport interface EchoPublicConfig {\n  signalUrl?: string\n  welcomeMessage?: string\n  suggestedQuestions?: string[]\n  brandColor?: string\n  assistantName?: string\n  assistantAvatar?: string\n}\n\nexport const SONOR_PUBLIC_ECHO_DEFAULTS: EchoPublicConfig = {\n  signalUrl: 'https://signal.sonor.io',\n  welcomeMessage:\n    \"Hi! I'm Echo, Sonor's AI assistant. I can answer questions about our platform, help you understand pricing, or get you started with a demo. What would you like to know?\",\n  suggestedQuestions: [\n    'What does Sonor do?',\n    'How does Signal AI work?',\n    'What are the pricing plans?',\n    'Can I migrate from HubSpot?',\n    'How does the SEO module work?',\n  ],\n  brandColor: '#2563eb', // blue-600 (~5.2:1 on white, AA); overridden by --sk-primary CSS var or API brand_primary\n  assistantName: 'Echo',\n}\n\nexport function getEchoWidgetProps(config: EchoPublicConfig = SONOR_PUBLIC_ECHO_DEFAULTS) {\n  return {\n    signal_enabled: true,\n    signal_url: config.signalUrl || SONOR_PUBLIC_ECHO_DEFAULTS.signalUrl,\n    welcome_message: config.welcomeMessage || SONOR_PUBLIC_ECHO_DEFAULTS.welcomeMessage,\n    suggested_questions: config.suggestedQuestions || SONOR_PUBLIC_ECHO_DEFAULTS.suggestedQuestions,\n    brand_color: config.brandColor || SONOR_PUBLIC_ECHO_DEFAULTS.brandColor,\n    assistant_name: config.assistantName || SONOR_PUBLIC_ECHO_DEFAULTS.assistantName,\n    assistant_avatar: config.assistantAvatar,\n  }\n}\n"]}

package/dist/fleet/index.js

@@ -1,32 +1,32 @@
 'use client';
 'use strict';
 
-var chunkTMNFPVK5_js = require('../chunk-TMNFPVK5.js');
+var chunkJAA42HR7_js = require('../chunk-JAA42HR7.js');
 var chunk7THQ4UW3_js = require('../chunk-7THQ4UW3.js');
 require('../chunk-HGNSJXWT.js');
 require('../chunk-5RNAUYWE.js');
-require('../chunk-ZQJGCQHC.js');
-require('../chunk-LF44SJPP.js');
-require('../chunk-OXA4ZSX2.js');
+require('../chunk-IWHAJBYL.js');
+require('../chunk-BGBP4UN4.js');
+require('../chunk-OI3FCJSP.js');
 require('../chunk-SNAQBZPT.js');
 
 
 
 Object.defineProperty(exports, "FLEET_HEARTBEAT_PATH", {
   enumerable: true,
-  get: function () { return chunkTMNFPVK5_js.FLEET_HEARTBEAT_PATH; }
+  get: function () { return chunkJAA42HR7_js.FLEET_HEARTBEAT_PATH; }
 });
 Object.defineProperty(exports, "FleetHeartbeat", {
   enumerable: true,
-  get: function () { return chunkTMNFPVK5_js.FleetHeartbeat; }
+  get: function () { return chunkJAA42HR7_js.FleetHeartbeat; }
 });
 Object.defineProperty(exports, "detectNextVersion", {
   enumerable: true,
-  get: function () { return chunkTMNFPVK5_js.detectNextVersion; }
+  get: function () { return chunkJAA42HR7_js.detectNextVersion; }
 });
 Object.defineProperty(exports, "sendFleetHeartbeat", {
   enumerable: true,
-  get: function () { return chunkTMNFPVK5_js.sendFleetHeartbeat; }
+  get: function () { return chunkJAA42HR7_js.sendFleetHeartbeat; }
 });
 Object.defineProperty(exports, "FLEET_CONTRACT_VERSION", {
   enumerable: true,

package/dist/fleet/index.mjs

@@ -1,11 +1,11 @@
 'use client';
-export { FLEET_HEARTBEAT_PATH, FleetHeartbeat, detectNextVersion, sendFleetHeartbeat } from '../chunk-XOYQKFKI.mjs';
+export { FLEET_HEARTBEAT_PATH, FleetHeartbeat, detectNextVersion, sendFleetHeartbeat } from '../chunk-EVETX2XF.mjs';
 export { FLEET_CONTRACT_VERSION, FLEET_MODULES, FLEET_MODULES_MAX, FLEET_SITE_MAX_LENGTH, FLEET_VERSION_MAX_LENGTH, FLEET_VERSION_PATTERN, buildFleetHeartbeatPayload, isFleetModule, normalizeFleetModules, normalizeFleetSite, sanitizeFleetVersion } from '../chunk-4WCA2HM6.mjs';
 import '../chunk-ZVBLXXNJ.mjs';
 import '../chunk-A6UYV475.mjs';
-import '../chunk-RGCUND5Q.mjs';
-import '../chunk-3DXJHMQM.mjs';
-import '../chunk-ACKFL6WA.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/forms/index.js

@@ -1,23 +1,23 @@
 'use client';
 'use strict';
 
-var chunkMZK5APTV_js = require('../chunk-MZK5APTV.js');
+var chunkKDLN2MR5_js = require('../chunk-KDLN2MR5.js');
 var chunkDVYYGHSG_js = require('../chunk-DVYYGHSG.js');
 var chunkYVJASVVK_js = require('../chunk-YVJASVVK.js');
-require('../chunk-36NE4PSS.js');
-var chunkDQXEYUTD_js = require('../chunk-DQXEYUTD.js');
+require('../chunk-MQEVQ5YB.js');
+var chunkI7KIVKVW_js = require('../chunk-I7KIVKVW.js');
 require('../chunk-HGNSJXWT.js');
-require('../chunk-NDVKIDMN.js');
+require('../chunk-RQG7I6O4.js');
 var chunkXA2GJFVM_js = require('../chunk-XA2GJFVM.js');
-var chunkSDGS2R5O_js = require('../chunk-SDGS2R5O.js');
+var chunk2SLA2LOD_js = require('../chunk-2SLA2LOD.js');
 require('../chunk-5XFFUP6D.js');
-var chunkAQUWWATH_js = require('../chunk-AQUWWATH.js');
+var chunkIZRVSIOK_js = require('../chunk-IZRVSIOK.js');
 require('../chunk-KHPJ3CEL.js');
 require('../chunk-P4Y75QSU.js');
 require('../chunk-VJMPIRSD.js');
-var chunkZQJGCQHC_js = require('../chunk-ZQJGCQHC.js');
-require('../chunk-LF44SJPP.js');
-require('../chunk-OXA4ZSX2.js');
+var chunkIWHAJBYL_js = require('../chunk-IWHAJBYL.js');
+require('../chunk-BGBP4UN4.js');
+require('../chunk-OI3FCJSP.js');
 require('../chunk-SNAQBZPT.js');
 
 // src/forms/formsApi.ts
@@ -49,7 +49,7 @@ async function apiRequest(method, path, body) {
     const token = await getAuthToken();
     headers["Authorization"] = `Bearer ${token}`;
   }
-  const response = await chunkZQJGCQHC_js.sonorFetch(`${baseUrl}${path}`, {
+  const response = await chunkIWHAJBYL_js.sonorFetch(`${baseUrl}${path}`, {
     method,
     headers,
     body: body ? JSON.stringify(body) : void 0
@@ -340,11 +340,11 @@ async function initializeForms(forms) {
 
 Object.defineProperty(exports, "FormClient", {
   enumerable: true,
-  get: function () { return chunkMZK5APTV_js.FormClient; }
+  get: function () { return chunkKDLN2MR5_js.FormClient; }
 });
 Object.defineProperty(exports, "ManagedForm", {
   enumerable: true,
-  get: function () { return chunkMZK5APTV_js.ManagedForm; }
+  get: function () { return chunkKDLN2MR5_js.ManagedForm; }
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
@@ -356,7 +356,7 @@ Object.defineProperty(exports, "FormCelebration", {
 });
 Object.defineProperty(exports, "FormEnhancer", {
   enumerable: true,
-  get: function () { return chunkDQXEYUTD_js.FormEnhancer; }
+  get: function () { return chunkI7KIVKVW_js.FormEnhancer; }
 });
 Object.defineProperty(exports, "FormFieldComponent", {
   enumerable: true,
@@ -364,15 +364,15 @@ Object.defineProperty(exports, "FormFieldComponent", {
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkSDGS2R5O_js.useForm; }
+  get: function () { return chunk2SLA2LOD_js.useForm; }
 });
 Object.defineProperty(exports, "useFormTracking", {
   enumerable: true,
-  get: function () { return chunkSDGS2R5O_js.useFormTracking; }
+  get: function () { return chunk2SLA2LOD_js.useFormTracking; }
 });
 Object.defineProperty(exports, "DEFAULT_FORM_SUCCESS_MESSAGE", {
   enumerable: true,
-  get: function () { return chunkAQUWWATH_js.DEFAULT_FORM_SUCCESS_MESSAGE; }
+  get: function () { return chunkIZRVSIOK_js.DEFAULT_FORM_SUCCESS_MESSAGE; }
 });
 exports.configureFormsApi = configureFormsApi;
 exports.defineForm = defineForm;

package/dist/forms/index.mjs

@@ -1,21 +1,21 @@
 'use client';
-export { FormClient, ManagedForm } from '../chunk-XGELGOF6.mjs';
+export { FormClient, ManagedForm } from '../chunk-DVZ4BMXX.mjs';
 export { DatePicker } from '../chunk-MU3D5IO7.mjs';
 export { FormCelebration } from '../chunk-54CARHDR.mjs';
-import '../chunk-F6BYWNHU.mjs';
-export { FormEnhancer } from '../chunk-CJX2MC62.mjs';
+import '../chunk-OUP6UL74.mjs';
+export { FormEnhancer } from '../chunk-EXVHO3CZ.mjs';
 import '../chunk-ZVBLXXNJ.mjs';
-import '../chunk-OF4V7CSP.mjs';
+import '../chunk-QSN2QST7.mjs';
 export { FormField as FormFieldComponent } from '../chunk-VJV7WUR2.mjs';
-export { useForm, useFormTracking } from '../chunk-YP5WAFTI.mjs';
+export { useForm, useFormTracking } from '../chunk-6FIIA6ME.mjs';
 import '../chunk-QRHVMTHF.mjs';
-export { DEFAULT_FORM_SUCCESS_MESSAGE } from '../chunk-OQWAJBYA.mjs';
+export { DEFAULT_FORM_SUCCESS_MESSAGE } from '../chunk-OWEJXMKY.mjs';
 import '../chunk-TMVKRQGJ.mjs';
 import '../chunk-5SANRSX3.mjs';
 import '../chunk-6EDVCUAG.mjs';
-import { sonorFetch } from '../chunk-RGCUND5Q.mjs';
-import '../chunk-3DXJHMQM.mjs';
-import '../chunk-ACKFL6WA.mjs';
+import { sonorFetch } from '../chunk-CI7T4ZRP.mjs';
+import '../chunk-GYKFHQSZ.mjs';
+import '../chunk-5FBALULE.mjs';
 import '../chunk-BEXTDHO4.mjs';
 
 // src/forms/formsApi.ts

package/dist/forms/server.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkDQXEYUTD_js = require('../chunk-DQXEYUTD.js');
+var chunkI7KIVKVW_js = require('../chunk-I7KIVKVW.js');
 require('../chunk-HGNSJXWT.js');
-var chunkI4RU3RCS_js = require('../chunk-I4RU3RCS.js');
-require('../chunk-NDVKIDMN.js');
+var chunkXCOMBHLF_js = require('../chunk-XCOMBHLF.js');
+require('../chunk-RQG7I6O4.js');
 require('../chunk-XA2GJFVM.js');
 var chunkO5GHP7UO_js = require('../chunk-O5GHP7UO.js');
-require('../chunk-AQUWWATH.js');
+require('../chunk-IZRVSIOK.js');
 require('../chunk-KHPJ3CEL.js');
-require('../chunk-ZQJGCQHC.js');
-require('../chunk-LF44SJPP.js');
-require('../chunk-OXA4ZSX2.js');
+require('../chunk-IWHAJBYL.js');
+require('../chunk-BGBP4UN4.js');
+require('../chunk-OI3FCJSP.js');
 require('../chunk-SNAQBZPT.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -27,10 +27,10 @@ async function ServerForm({
   defaultValues
 }) {
   const config = initialConfig ?? await getFormConfig(formId, configOptions);
-  const shell = /* @__PURE__ */ jsxRuntime.jsx(chunkI4RU3RCS_js.StaticForm, { config, className, nativeReturnTo: returnTo });
+  const shell = /* @__PURE__ */ jsxRuntime.jsx(chunkXCOMBHLF_js.StaticForm, { config, className, nativeReturnTo: returnTo });
   if (!enhance) return shell;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDQXEYUTD_js.FormEnhancer,
+    chunkI7KIVKVW_js.FormEnhancer,
     {
       formId,
       initialConfig: config,
@@ -64,7 +64,7 @@ async function getFormConfig(formIdOrSlug, options = {}) {
 
 Object.defineProperty(exports, "StaticForm", {
   enumerable: true,
-  get: function () { return chunkI4RU3RCS_js.StaticForm; }
+  get: function () { return chunkXCOMBHLF_js.StaticForm; }
 });
 exports.ServerForm = ServerForm;
 exports.getFormConfig = getFormConfig;

package/dist/forms/server.mjs

@@ -1,15 +1,15 @@
-import { FormEnhancer } from '../chunk-CJX2MC62.mjs';
+import { FormEnhancer } from '../chunk-EXVHO3CZ.mjs';
 import '../chunk-ZVBLXXNJ.mjs';
-import { StaticForm } from '../chunk-6OSHL7H5.mjs';
-export { StaticForm } from '../chunk-6OSHL7H5.mjs';
-import '../chunk-OF4V7CSP.mjs';
+import { StaticForm } from '../chunk-LXBPTKYT.mjs';
+export { StaticForm } from '../chunk-LXBPTKYT.mjs';
+import '../chunk-QSN2QST7.mjs';
 import '../chunk-VJV7WUR2.mjs';
 import { serverApiFetch } from '../chunk-6XNEGG5B.mjs';
-import '../chunk-OQWAJBYA.mjs';
+import '../chunk-OWEJXMKY.mjs';
 import '../chunk-TMVKRQGJ.mjs';
-import '../chunk-RGCUND5Q.mjs';
-import '../chunk-3DXJHMQM.mjs';
-import '../chunk-ACKFL6WA.mjs';
+import '../chunk-CI7T4ZRP.mjs';
+import '../chunk-GYKFHQSZ.mjs';
+import '../chunk-5FBALULE.mjs';
 import '../chunk-BEXTDHO4.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/forms/static.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var chunkI4RU3RCS_js = require('../chunk-I4RU3RCS.js');
-require('../chunk-NDVKIDMN.js');
+var chunkXCOMBHLF_js = require('../chunk-XCOMBHLF.js');
+require('../chunk-RQG7I6O4.js');
 require('../chunk-XA2GJFVM.js');
-require('../chunk-AQUWWATH.js');
+require('../chunk-IZRVSIOK.js');
 require('../chunk-KHPJ3CEL.js');
-require('../chunk-ZQJGCQHC.js');
-require('../chunk-LF44SJPP.js');
-require('../chunk-OXA4ZSX2.js');
+require('../chunk-IWHAJBYL.js');
+require('../chunk-BGBP4UN4.js');
+require('../chunk-OI3FCJSP.js');
 require('../chunk-SNAQBZPT.js');
 
 
 
 Object.defineProperty(exports, "StaticForm", {
   enumerable: true,
-  get: function () { return chunkI4RU3RCS_js.StaticForm; }
+  get: function () { return chunkXCOMBHLF_js.StaticForm; }
 });
 //# sourceMappingURL=static.js.map
 //# sourceMappingURL=static.js.map

package/dist/forms/static.mjs

@@ -1,11 +1,11 @@
-export { StaticForm } from '../chunk-6OSHL7H5.mjs';
-import '../chunk-OF4V7CSP.mjs';
+export { StaticForm } from '../chunk-LXBPTKYT.mjs';
+import '../chunk-QSN2QST7.mjs';
 import '../chunk-VJV7WUR2.mjs';
-import '../chunk-OQWAJBYA.mjs';
+import '../chunk-OWEJXMKY.mjs';
 import '../chunk-TMVKRQGJ.mjs';
-import '../chunk-RGCUND5Q.mjs';
-import '../chunk-3DXJHMQM.mjs';
-import '../chunk-ACKFL6WA.mjs';
+import '../chunk-CI7T4ZRP.mjs';
+import '../chunk-GYKFHQSZ.mjs';
+import '../chunk-5FBALULE.mjs';
 import '../chunk-BEXTDHO4.mjs';
 //# sourceMappingURL=static.mjs.map
 //# sourceMappingURL=static.mjs.map