@sonordev/site-kit 7.1.1 → 7.2.0

package/dist/{chunk-QPEEKFCA.js → chunk-4NTBQNHA.js}

@@ -1,6 +1,6 @@
+import { declarativeToolField } from './chunk-HW7B43E5.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/forms/delight.tsx
 var STYLE_ID = "sk-delight-css";
 var CSS = `
 /* Every frame must carry the centering translateY: the animation fills both
@@ -208,6 +208,101 @@ function FormMomentum({ done, total }) {
     }
   );
 }
+
+// src/forms/field-autocomplete.ts
+var TOKEN_BY_KEY = {
+  email: "email",
+  email_address: "email",
+  e_mail: "email",
+  first_name: "given-name",
+  firstname: "given-name",
+  fname: "given-name",
+  given_name: "given-name",
+  last_name: "family-name",
+  lastname: "family-name",
+  lname: "family-name",
+  surname: "family-name",
+  family_name: "family-name",
+  name: "name",
+  full_name: "name",
+  fullname: "name",
+  your_name: "name",
+  contact_name: "name",
+  phone: "tel",
+  phone_number: "tel",
+  telephone: "tel",
+  mobile: "tel",
+  mobile_phone: "tel",
+  cell: "tel",
+  cell_phone: "tel",
+  tel: "tel",
+  company: "organization",
+  company_name: "organization",
+  organization: "organization",
+  organisation: "organization",
+  business_name: "organization",
+  job_title: "organization-title",
+  website: "url",
+  website_url: "url",
+  company_website: "url",
+  url: "url",
+  street_address: "street-address",
+  address_line1: "address-line1",
+  address_line_1: "address-line1",
+  address1: "address-line1",
+  address_line2: "address-line2",
+  address_line_2: "address-line2",
+  address2: "address-line2",
+  city: "address-level2",
+  state: "address-level1",
+  province: "address-level1",
+  zip: "postal-code",
+  zip_code: "postal-code",
+  zipcode: "postal-code",
+  postal_code: "postal-code",
+  postcode: "postal-code",
+  country: "country-name"
+};
+var TOKEN_FIELD_TYPES = /* @__PURE__ */ new Set(["text", "email", "phone", "tel", "select"]);
+function toKey(raw) {
+  return raw.replace(/([a-z0-9])([A-Z])/g, "$1_$2").toLowerCase().replace(/\*/g, "").trim().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+}
+function withoutGeneratedSuffix(key) {
+  const match = /^(.+)_([a-z0-9]{6,10})$/.exec(key);
+  if (match && /\d/.test(match[2])) return match[1];
+  return key;
+}
+function tokenForKey(raw) {
+  if (!raw) return void 0;
+  const key = toKey(raw);
+  return TOKEN_BY_KEY[key] ?? TOKEN_BY_KEY[withoutGeneratedSuffix(key)];
+}
+function autocompleteFor(field) {
+  if (!TOKEN_FIELD_TYPES.has(field.field_type)) return void 0;
+  const destination = field.destination_field;
+  if (destination && !destination.startsWith("custom.")) {
+    const fromDestination = tokenForKey(destination);
+    if (fromDestination) return fromDestination;
+  }
+  if (field.field_type === "email") return "email";
+  if (field.field_type === "phone" || field.field_type === "tel") return "tel";
+  return tokenForKey(field.slug) ?? tokenForKey(field.label);
+}
+var SINGLE_CONTROL_TYPES = /* @__PURE__ */ new Set([
+  "text",
+  "email",
+  "phone",
+  "tel",
+  "number",
+  "textarea",
+  "select",
+  "multi-select",
+  "date",
+  "time",
+  "datetime",
+  "file",
+  "slider"
+]);
 function normalizeOptions(options) {
   if (!options) return [];
   if (Array.isArray(options)) {
@@ -243,8 +338,8 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
     // cascade from the section produced cream-on-white on brand-colored panels
     // (found live). Default pairs with the white bg; theme both via vars.
     //
-    // The fallback chain matters, and it is the reason this was broken on
-    // upforgelabs.com: a dark site that set --sk-input-bg and --sk-text-primary
+    // The fallback chain matters, and it is why this once broke on a dark
+    // site: one that set --sk-input-bg and --sk-text-primary
     // but never heard of --sk-input-text landed on #111827 over its own dark
     // field, 1.03:1, an input you cannot read your own typing in. Falling
     // through --sk-text-primary first means theming the page's text is enough.
@@ -279,6 +374,17 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
   }
   const hideLabel = !!field.hide_label;
   const effectivePlaceholder = hideLabel ? field.label : field.placeholder;
+  const labelId = `${inputId}-label`;
+  const errorId = `${inputId}-error`;
+  const helpId = `${inputId}-help`;
+  const showsHelp = !!field.help_text && !error && field.field_type !== "checkbox";
+  const describedBy = [error ? errorId : null, showsHelp ? helpId : null].filter(Boolean).join(" ") || void 0;
+  const a11y = {
+    "aria-invalid": error ? true : void 0,
+    "aria-describedby": describedBy
+  };
+  const autoComplete = autocompleteFor(field);
+  const toolParam = field.help_text ? declarativeToolField(`${field.label}. ${field.help_text}`) : {};
   const focusProps = interactive && (onFocus || onBlur) ? {
     onFocus: (e) => {
       if (!e.currentTarget.contains(e.relatedTarget)) onFocus?.();
@@ -288,10 +394,19 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
     }
   } : {};
   return /* @__PURE__ */ jsxs("div", { className: `${classPrefix}__field ${classPrefix}__field--${field.field_type}`, ...focusProps, children: [
-    /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: `${classPrefix}__label`, style: { ...labelStyle, ...hideLabel ? { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", border: 0 } : {} }, children: [
-      field.label,
-      field.is_required && /* @__PURE__ */ jsx("span", { style: { color: "var(--sk-error, #dc2626)" }, children: " *" })
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        id: labelId,
+        htmlFor: SINGLE_CONTROL_TYPES.has(field.field_type) ? inputId : void 0,
+        className: `${classPrefix}__label`,
+        style: { ...labelStyle, ...hideLabel ? { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", border: 0 } : {} },
+        children: [
+          field.label,
+          field.is_required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { color: "var(--sk-error, #dc2626)" }, children: " *" })
+        ]
+      }
+    ),
     ["text", "email", "phone", "tel", "number"].includes(field.field_type) && /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, "data-sk-part": "field-input-wrap", "data-sk-valid": showValid ? "true" : void 0, children: [
       /* @__PURE__ */ jsx(
         "input",
@@ -303,6 +418,9 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
           ...bind(String(value || "")),
           placeholder: effectivePlaceholder,
           required: field.is_required,
+          autoComplete,
+          ...a11y,
+          ...toolParam,
           style: baseInputStyle
         }
       ),
@@ -317,6 +435,8 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
         ...bind(String(value || "")),
         placeholder: effectivePlaceholder,
         required: field.is_required,
+        ...a11y,
+        ...toolParam,
         rows: 4,
         style: { ...baseInputStyle, resize: "vertical" }
       }
@@ -329,6 +449,9 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
         name: field.slug,
         ...bind(String(value || "")),
         required: field.is_required,
+        autoComplete,
+        ...a11y,
+        ...toolParam,
         style: baseInputStyle,
         children: [
           /* @__PURE__ */ jsx("option", { value: "", children: effectivePlaceholder || "Select an option" }),
@@ -347,24 +470,38 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
           onChange: (e) => emit(Array.from(e.target.selectedOptions, (opt) => opt.value))
         } : { defaultValue: Array.isArray(value) ? value : [] },
         required: field.is_required,
+        ...a11y,
+        ...toolParam,
         multiple: true,
         style: { ...baseInputStyle, height: 120 },
         children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
       }
     ),
-    field.field_type === "radio" && /* @__PURE__ */ jsx("div", { className: `${classPrefix}__radio-group`, style: { display: "flex", flexDirection: "column", gap: 8 }, children: options.map((option) => /* @__PURE__ */ jsxs("label", { className: `${classPrefix}__radio-option`, style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "radio",
-          name: field.slug,
-          value: option.value,
-          ...interactive ? { checked: value === option.value, onChange: () => emit(option.value) } : { defaultChecked: value === option.value },
-          required: field.is_required
-        }
-      ),
-      option.label
-    ] }, option.value)) }),
+    field.field_type === "radio" && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${classPrefix}__radio-group`,
+        role: "radiogroup",
+        "aria-labelledby": labelId,
+        "aria-required": field.is_required || void 0,
+        ...a11y,
+        style: { display: "flex", flexDirection: "column", gap: 8 },
+        children: options.map((option) => /* @__PURE__ */ jsxs("label", { className: `${classPrefix}__radio-option`, style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: field.slug,
+              value: option.value,
+              ...interactive ? { checked: value === option.value, onChange: () => emit(option.value) } : { defaultChecked: value === option.value },
+              required: field.is_required,
+              ...toolParam
+            }
+          ),
+          option.label
+        ] }, option.value))
+      }
+    ),
     field.field_type === "checkbox" && options.length === 0 && /* @__PURE__ */ jsxs("label", { className: `${classPrefix}__checkbox`, style: { display: "flex", alignItems: "center", gap: 8 }, children: [
       /* @__PURE__ */ jsx(
         "input",
@@ -372,32 +509,43 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
           type: "checkbox",
           name: field.slug,
           ...interactive ? { checked: !!value, onChange: (e) => emit(e.target.checked) } : { defaultChecked: !!value },
-          required: field.is_required
+          required: field.is_required,
+          ...a11y
         }
       ),
       field.help_text || field.label
     ] }),
-    field.field_type === "checkbox" && options.length > 0 && /* @__PURE__ */ jsx("div", { className: `${classPrefix}__checkbox-group`, style: { display: "flex", flexDirection: "column", gap: 8 }, children: options.map((option) => {
-      const selectedValues = Array.isArray(value) ? value : [];
-      const isChecked = selectedValues.includes(option.value);
-      return /* @__PURE__ */ jsxs("label", { className: `${classPrefix}__checkbox-option`, style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            name: field.slug,
-            value: option.value,
-            ...interactive ? {
-              checked: isChecked,
-              onChange: () => emit(
-                isChecked ? selectedValues.filter((v) => v !== option.value) : [...selectedValues, option.value]
-              )
-            } : { defaultChecked: isChecked }
-          }
-        ),
-        option.label
-      ] }, option.value);
-    }) }),
+    field.field_type === "checkbox" && options.length > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${classPrefix}__checkbox-group`,
+        role: "group",
+        "aria-labelledby": labelId,
+        "aria-describedby": describedBy,
+        style: { display: "flex", flexDirection: "column", gap: 8 },
+        children: options.map((option) => {
+          const selectedValues = Array.isArray(value) ? value : [];
+          const isChecked = selectedValues.includes(option.value);
+          return /* @__PURE__ */ jsxs("label", { className: `${classPrefix}__checkbox-option`, style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                name: field.slug,
+                value: option.value,
+                ...interactive ? {
+                  checked: isChecked,
+                  onChange: () => emit(
+                    isChecked ? selectedValues.filter((v) => v !== option.value) : [...selectedValues, option.value]
+                  )
+                } : { defaultChecked: isChecked }
+              }
+            ),
+            option.label
+          ] }, option.value);
+        })
+      }
+    ),
     field.field_type === "date" && (interactive && controls?.Date ? /* @__PURE__ */ jsx(
       controls.Date,
       {
@@ -421,6 +569,8 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
           name: field.slug,
           defaultValue: String(value || "") || void 0,
           required: field.is_required,
+          ...a11y,
+          ...toolParam,
           style: baseInputStyle
         }
       )
@@ -434,6 +584,8 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
         name: field.slug,
         ...bind(String(value || "")),
         required: field.is_required,
+        ...a11y,
+        ...toolParam,
         style: baseInputStyle
       }
     ),
@@ -446,6 +598,8 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
         name: field.slug,
         ...bind(String(value || "")),
         required: field.is_required,
+        ...a11y,
+        ...toolParam,
         style: baseInputStyle
       }
     ),
@@ -469,47 +623,60 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
           type: "file",
           name: field.slug,
           required: field.is_required,
+          ...a11y,
           style: baseInputStyle
         }
       )
     )),
-    field.field_type === "rating" && /* @__PURE__ */ jsxs("div", { className: `${classPrefix}__rating`, style: { display: "flex", gap: 4 }, role: interactive ? void 0 : "radiogroup", "aria-label": interactive ? void 0 : field.label, children: [
-      !interactive && [1, 2, 3, 4, 5].map((star) => (
-        // Static: a real radio group. Submits natively, and is reachable
-        // by keyboard and screen readers without any script.
-        /* @__PURE__ */ jsxs("label", { className: `${classPrefix}__rating-star`, style: { fontSize: 24, cursor: "pointer", color: value >= star ? "var(--sk-rating-active, #fbbf24)" : "var(--sk-rating-inactive, #d1d5db)" }, children: [
-          /* @__PURE__ */ jsx(
-            "input",
+    field.field_type === "rating" && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${classPrefix}__rating`,
+        style: { display: "flex", gap: 4 },
+        role: interactive ? "group" : "radiogroup",
+        "aria-labelledby": labelId,
+        "aria-describedby": describedBy,
+        children: [
+          !interactive && [1, 2, 3, 4, 5].map((star) => (
+            // Static: a real radio group. Submits natively, and is reachable
+            // by keyboard and screen readers without any script.
+            /* @__PURE__ */ jsxs("label", { className: `${classPrefix}__rating-star`, style: { fontSize: 24, cursor: "pointer", color: value >= star ? "var(--sk-rating-active, #fbbf24)" : "var(--sk-rating-inactive, #d1d5db)" }, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: field.slug,
+                  value: star,
+                  defaultChecked: value === star,
+                  required: field.is_required && star === 1,
+                  style: { position: "absolute", width: 1, height: 1, opacity: 0 }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { "aria-label": `${star} star${star > 1 ? "s" : ""}`, children: "\u2605" })
+            ] }, `s${star}`)
+          )),
+          interactive && [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx(
+            "button",
             {
-              type: "radio",
-              name: field.slug,
-              value: star,
-              defaultChecked: value === star,
-              required: field.is_required && star === 1,
-              style: { position: "absolute", width: 1, height: 1, opacity: 0 }
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { "aria-label": `${star} star${star > 1 ? "s" : ""}`, children: "\u2605" })
-        ] }, `s${star}`)
-      )),
-      interactive && [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => emit(star),
-          className: `${classPrefix}__rating-star`,
-          style: {
-            background: "none",
-            border: "none",
-            fontSize: 24,
-            cursor: "pointer",
-            color: value >= star ? "var(--sk-rating-active, #fbbf24)" : "var(--sk-rating-inactive, #d1d5db)"
-          },
-          children: "\u2605"
-        },
-        star
-      ))
-    ] }),
+              type: "button",
+              onClick: () => emit(star),
+              "aria-label": `${star} star${star > 1 ? "s" : ""}`,
+              "aria-pressed": value === star,
+              className: `${classPrefix}__rating-star`,
+              style: {
+                background: "none",
+                border: "none",
+                fontSize: 24,
+                cursor: "pointer",
+                color: value >= star ? "var(--sk-rating-active, #fbbf24)" : "var(--sk-rating-inactive, #d1d5db)"
+              },
+              children: "\u2605"
+            },
+            star
+          ))
+        ]
+      }
+    ),
     field.field_type === "slider" && /* @__PURE__ */ jsxs("div", { className: `${classPrefix}__slider`, children: [
       /* @__PURE__ */ jsx(
         "input",
@@ -520,13 +687,15 @@ function FormField({ field, value, error, onChange, onFocus, onBlur, classPrefix
           ...interactive ? { value: Number(value || 50), onChange: (e) => emit(Number(e.target.value)) } : { defaultValue: Number(value || 50) },
           min: field.validation?.min || 0,
           max: field.validation?.max || 100,
+          ...a11y,
+          ...toolParam,
           style: { width: "100%" }
         }
       ),
       /* @__PURE__ */ jsx("div", { className: `${classPrefix}__slider-value`, style: { textAlign: "center", marginTop: 4 }, children: String(value || 50) })
     ] }),
-    error && /* @__PURE__ */ jsx("p", { className: `${classPrefix}__error`, style: errorStyle, children: error }),
-    field.help_text && !error && field.field_type !== "checkbox" && /* @__PURE__ */ jsx("p", { className: `${classPrefix}__help`, style: helpStyle, children: field.help_text })
+    error && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: `${classPrefix}__error`, style: errorStyle, children: error }),
+    showsHelp && /* @__PURE__ */ jsx("p", { id: helpId, className: `${classPrefix}__help`, style: helpStyle, children: field.help_text })
   ] });
 }
 

package/dist/{chunk-RK7GF7PQ.js → chunk-5V2V5C3Y.js}

@@ -1,5 +1,5 @@
-import { FormEnhancer } from './chunk-RTMMHTEQ.js';
-import { StaticForm } from './chunk-OPRBF7VE.js';
+import { FormEnhancer } from './chunk-OWZ7ATLZ.js';
+import { StaticForm } from './chunk-ZTLMPUO6.js';
 import { serverApiFetch } from './chunk-X6F6SO4S.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -8,7 +8,6 @@ async function ServerForm({
   className,
   experience,
   enter = "fade",
-  enhance = true,
   defer = true,
   initialConfig,
   configOptions,
@@ -16,7 +15,6 @@ async function ServerForm({
 }) {
   const config = initialConfig ?? await getFormConfig(formId, configOptions);
   const shell = /* @__PURE__ */ jsx(StaticForm, { config, className });
-  if (!enhance) return shell;
   return /* @__PURE__ */ jsx(
     FormEnhancer,
     {

package/dist/{chunk-ICFRH2ED.js → chunk-5YCEMV2L.js}

@@ -1,5 +1,5 @@
 'use client';
-import { getSiteDesignTokens, tokensForReport, shouldReportDesign, sendSiteDesign } from './chunk-ODADQM6Z.js';
+import { getSiteDesignTokens, tokensForReport, shouldReportDesign, sendSiteDesign } from './chunk-JJ3DELUL.js';
 import { designTokensHash } from './chunk-IHG36STL.js';
 import { useDeferredActivation } from './chunk-YC7ELZS3.js';
 import { resolveAnalyticsTarget } from './chunk-43OCZ3JA.js';

package/dist/{chunk-V4HUSHZO.js → chunk-64DKGVEI.js}

@@ -1,9 +1,10 @@
 'use client';
+import { VISUAL_VIEWPORT_GAP_PROPERTY } from './chunk-6T6CQVNL.js';
 import { GlassStyles } from './chunk-JE4A5S4F.js';
-import { chatLauncherStyles } from './chunk-NDF4A5JM.js';
-import { useForm } from './chunk-NEKEH4CK.js';
+import { DEFAULT_WIDGET_Z_INDEX } from './chunk-27FISYK4.js';
+import { useForm } from './chunk-FR6BYFPC.js';
 import { parseColor, relativeLuminance, DARK_LUMINANCE, contrastRatio } from './chunk-S22FSH7C.js';
-import { sonorFetch } from './chunk-PXZ7LAOY.js';
+import { sonorFetch } from './chunk-D6ZC7XKZ.js';
 import { useState, useEffect, useRef, useLayoutEffect, useCallback, Fragment as Fragment$1 } from 'react';
 import { lexer } from 'marked';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -144,7 +145,7 @@ function Markdown({ children, components }) {
   return /* @__PURE__ */ jsx(Fragment, { children: blocks(lexer(children, { gfm: true }), components) });
 }
 
-// src/engage/brand-color.ts
+// src/chat/brand-color.ts
 var TEXT_CONTRAST = 4.5;
 var RESTING_TINT = 0.082;
 var UNREADABLE_BRAND_SHARE = 40;
@@ -454,7 +455,40 @@ function EchoUiActions({ actions, primaryColor, primaryRgb, brandText, onSuggest
   ] });
 }
 
-// src/engage/chat-messages.ts
+// src/chat/launcher-placement.ts
+var DEFAULT_LAUNCHER_OFFSET_BOTTOM = "20px";
+var LAUNCHER_OFFSET_PROPERTY = "--sk-echo-offset-bottom";
+var SIDE_GUTTER = "20px";
+var POPUP_ABOVE_LAUNCHER = "70px";
+var POPUP_VERTICAL_RESERVE = "100px";
+function toCssLength(value) {
+  if (typeof value === "number") return Number.isFinite(value) ? `${value}px` : void 0;
+  const trimmed = value?.trim();
+  return trimmed ? trimmed : void 0;
+}
+function chatLauncherStyles({ position, offsetBottom, zIndex } = {}) {
+  const side = position === "bottom-left" ? { left: SIDE_GUTTER } : { right: SIDE_GUTTER };
+  const offset = toCssLength(offsetBottom) ?? DEFAULT_LAUNCHER_OFFSET_BOTTOM;
+  const layer = typeof zIndex === "number" && Number.isFinite(zIndex) ? zIndex : DEFAULT_WIDGET_Z_INDEX;
+  const clearance = `var(${LAUNCHER_OFFSET_PROPERTY}, ${offset}) + env(safe-area-inset-bottom, 0px) + var(${VISUAL_VIEWPORT_GAP_PROPERTY}, 0px)`;
+  return {
+    launcher: {
+      ...side,
+      bottom: `calc(${clearance})`
+    },
+    popup: {
+      ...side,
+      bottom: `calc(${clearance} + ${POPUP_ABOVE_LAUNCHER})`,
+      maxHeight: `calc(100dvh - (${clearance}) - ${POPUP_VERTICAL_RESERVE})`
+    },
+    // One beneath the launcher. At 0 or below, the same layer instead: -1
+    // would paint the popup behind the page's own content, and at a shared
+    // layer the launcher, which renders after the popup, still paints on top.
+    zIndex: { launcher: layer, popup: layer > 0 ? layer - 1 : layer }
+  };
+}
+
+// src/chat/chat-messages.ts
 function userRequestedHandoff(text) {
   const lower = text.toLowerCase().trim();
   const patterns = [
@@ -839,7 +873,7 @@ function EchoChat({ projectId, widgetConfig, config, apiUrl: propApiUrl, signalU
         socketRef.current.disconnect();
         socketRef.current = null;
       }
-      const { createSocket } = await import('./socket-loader-R24ZSRSQ.js');
+      const { createSocket } = await import('./socket-loader-CGIPEG74.js');
       const namespaceUrl = `${baseUrl.replace(/\/$/, "")}/engage/chat`;
       const socket = await createSocket(namespaceUrl, {
         query: { projectId, visitorId, sessionId: currentSessionId },
@@ -1800,4 +1834,4 @@ function EchoChat({ projectId, widgetConfig, config, apiUrl: propApiUrl, signalU
   ] });
 }
 
-export { ChatWidget, EchoChat, isChatEnabled };
+export { ChatWidget, DEFAULT_LAUNCHER_OFFSET_BOTTOM, EchoChat, chatLauncherStyles, isChatEnabled };

package/dist/{chunk-GLHQ3LRO.js → chunk-6U3VLV2C.js}

@@ -1,5 +1,5 @@
 import { freshFetch } from './chunk-VX5CMNMM.js';
-import { LLM_GEO_CONTRACT_VERSION } from './chunk-4Y5FWDPM.js';
+import { LLM_GEO_CONTRACT_VERSION } from './chunk-NZ4RXN3G.js';
 import { withSiteParam } from './chunk-MJP63SSS.js';
 import { cache } from 'react';
 

package/dist/{chunk-ZETJTCMV.js → chunk-BC4Y3S3D.js}

@@ -1,4 +1,4 @@
-import { generateLLMsTxt, generateLLMsFullTxt } from './chunk-J4D6ZXRW.js';
+import { generateLLMsTxt, generateLLMsFullTxt } from './chunk-QL6XNPSD.js';
 import { createHash } from 'crypto';
 import { existsSync, readFileSync } from 'fs';
 import { join } from 'path';

package/dist/{chunk-JSZN6LDZ.js → chunk-BF7TZYC3.js}

@@ -3,12 +3,48 @@ import { normalizeDesignTokens, designTokenCssVars, sanitizePopupHtml, isSafePop
 import { useId, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var DIALOG_FOCUSABLE = 'a[href],button:not([disabled]),input,select,textarea,[tabindex]:not([tabindex="-1"])';
+function usePopupDialog(panelRef, { enabled = true, modal, onClose }) {
+  const onCloseRef = useRef(onClose);
+  useEffect(() => {
+    onCloseRef.current = onClose;
+  });
+  useEffect(() => {
+    if (!enabled) return;
+    const panel = panelRef.current;
+    const previous = document.activeElement;
+    if (modal && panel) panel.focus({ preventScroll: true });
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        onCloseRef.current?.();
+        return;
+      }
+      if (!modal || e.key !== "Tab" || !panel) return;
+      const items = Array.from(panel.querySelectorAll(DIALOG_FOCUSABLE));
+      if (!items.length) return;
+      const first = items[0];
+      const last = items[items.length - 1];
+      const active = document.activeElement;
+      if (e.shiftKey && (active === first || active === panel)) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      if (modal && previous && typeof previous.focus === "function") previous.focus({ preventScroll: true });
+    };
+  }, [enabled, modal, panelRef]);
+}
 var DEFAULT_POPUP_TOKENS = normalizeDesignTokens({
   colors: { background: "#ffffff", text: "#111827", primary: "#111827", muted: "#4b5563", border: "#e5e7eb" },
   fonts: { body: "inherit", heading: "inherit" },
   radius: { control: "8px", card: "16px" }
 });
-var FOCUSABLE = 'a[href],button:not([disabled]),input,select,textarea,[tabindex]:not([tabindex="-1"])';
 var v = (name) => `var(--sk-site-${name})`;
 function renderBlocks(blocks, headingId, placement, press) {
   const out = [];
@@ -153,36 +189,7 @@ function PopupBlocks({
   const hasHeading = blocks.some((b) => b.type === "heading");
   const t = tokens ?? DEFAULT_POPUP_TOKENS;
   const vars = designTokenCssVars(t);
-  useEffect(() => {
-    if (inline) return;
-    const panel2 = panelRef.current;
-    const previous = typeof document !== "undefined" ? document.activeElement : null;
-    if (modal && panel2) panel2.focus({ preventScroll: true });
-    const onKey = (e) => {
-      if (e.key === "Escape") {
-        onClose?.();
-        return;
-      }
-      if (!modal || e.key !== "Tab" || !panel2) return;
-      const items = Array.from(panel2.querySelectorAll(FOCUSABLE));
-      if (!items.length) return;
-      const first = items[0];
-      const last = items[items.length - 1];
-      const active = document.activeElement;
-      if (e.shiftKey && (active === first || active === panel2)) {
-        e.preventDefault();
-        last.focus();
-      } else if (!e.shiftKey && active === last) {
-        e.preventDefault();
-        first.focus();
-      }
-    };
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("keydown", onKey);
-      if (modal && previous && typeof previous.focus === "function") previous.focus({ preventScroll: true });
-    };
-  }, [inline, modal, onClose]);
+  usePopupDialog(panelRef, { enabled: !inline, modal, onClose });
   const press = (block, index, e) => {
     if (onButton?.(block, index) === false || !isSafePopupUrl(block.url)) e.preventDefault();
   };