@feathery/react 2.39.4 → 2.40.0

package/dist/{fthry_index.C4i92P7n.js → fthry_index.D74y6OAR.js}

@@ -1,10 +1,10 @@
-import { a1 as stringify, a2 as rulesheet, a3 as COMMENT, a4 as middleware, a5 as RULESET, a6 as combine, a7 as match, a8 as serialize, a9 as copy, aa as replace, ab as WEBKIT, ac as MOZ, ad as MS, ae as KEYFRAMES, af as DECLARATION, ag as dealloc, ah as alloc, ai as hash, aj as charat, ak as strlen, al as indexof, am as next, an as token, ao as from, ap as peek, aq as delimit, ar as slice, as as position, at as compile, a as jsx$1, _ as __assign, j as jsxs, q as Fragment$1, k as __rest, c as __read, F as FORM_Z_INDEX, p as featheryWindow, t as featheryDoc, L as __spreadArray, U as __values, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.DvCeSc1i.js';
+import { a1 as stringify, a2 as rulesheet, a3 as COMMENT, a4 as middleware, a5 as RULESET, a6 as combine, a7 as match, a8 as serialize, a9 as copy, aa as replace, ab as WEBKIT, ac as MOZ, ad as MS, ae as KEYFRAMES, af as DECLARATION, ag as dealloc, ah as alloc, ai as hash, aj as charat, ak as strlen, al as indexof, am as next, an as token, ao as from, ap as peek, aq as delimit, ar as slice, as as position, at as compile, a as jsx$1, _ as __assign, j as jsxs, q as Fragment$1, k as __rest, c as __read, F as FORM_Z_INDEX, p as featheryWindow, t as featheryDoc, L as __spreadArray, U as __values, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.xIaUS4wo.js';
 import * as React from 'react';
 import { useState, useCallback, forwardRef, useContext, useLayoutEffect, useEffect, createContext, useRef, useMemo, Component, Fragment } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DH0_bhWT.js';
-import { P as Placeholder$2 } from './fthry_Placeholder.CsEb_0jP.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DlGyAqqs.js';
-import { T as Tooltip, O as Overlay } from './fthry_Overlay.B-EoMj6i.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Du40UlbF.js';
+import { P as Placeholder$2 } from './fthry_Placeholder.CeQnc05Z.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.YGkWXJ1l.js';
+import { T as Tooltip, O as Overlay } from './fthry_Overlay.D_sj8sym.js';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.CWQ5TF9P.js → fthry_index.DEOA055J.js}

@@ -1,4 +1,4 @@
-import { C as getDefaultExportFromCjs } from './fthry_index.DvCeSc1i.js';
+import { C as getDefaultExportFromCjs } from './fthry_index.xIaUS4wo.js';
 
 var propTypes = {exports: {}};
 

package/dist/{fthry_index.DcJaXrNb.js → fthry_index.Dhg5xJ4s.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, c as __read, a as jsx, _ as __assign, d as countryData, f as fieldValues, j as jsxs, h as hoverStylesGuard, e as css, g as __makeTemplateObject, G as Global, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.DvCeSc1i.js';
+import { u as useBorder, c as __read, a as jsx, _ as __assign, d as countryData, f as fieldValues, j as jsxs, h as hoverStylesGuard, e as css, g as __makeTemplateObject, G as Global, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.xIaUS4wo.js';
 import { useState, useRef, useEffect } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DH0_bhWT.js';
-import { h as hasState, g as getStateOptions } from './fthry_index.DJW01HJc.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DlGyAqqs.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Du40UlbF.js';
+import { h as hasState, g as getStateOptions } from './fthry_index.CSfhoU0u.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.YGkWXJ1l.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.B-EoMj6i.js';
+import './fthry_Overlay.D_sj8sym.js';
 
 function DropdownField(_a) {
     var _b, _c, _d;

package/dist/{fthry_index.CuSdRZlr.js → fthry_index.Dib6rza_.js}

@@ -1,6 +1,6 @@
-import { c as __read, j as jsxs, _ as __assign, a as jsx, h as hoverStylesGuard } from './fthry_index.DvCeSc1i.js';
+import { c as __read, j as jsxs, _ as __assign, a as jsx, h as hoverStylesGuard } from './fthry_index.xIaUS4wo.js';
 import { useState, useEffect } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.B0A-Aezb.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.CRruZ5I3.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.BGbb010x.js → fthry_index.DjZQBlTA.js}

@@ -1,4 +1,4 @@
-import { a as jsx, _ as __assign, c as __read, j as jsxs, E as ErrorInput } from './fthry_index.DvCeSc1i.js';
+import { a as jsx, _ as __assign, c as __read, j as jsxs, E as ErrorInput } from './fthry_index.xIaUS4wo.js';
 import { useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.BxdW5LSK.js → fthry_index.DoLCpn8f.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, c as __read, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, b as iosScrollOnFocus, F as FORM_Z_INDEX, r as resetStyles } from './fthry_index.DvCeSc1i.js';
+import { u as useBorder, c as __read, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, b as iosScrollOnFocus, F as FORM_Z_INDEX, r as resetStyles } from './fthry_index.xIaUS4wo.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.CsEb_0jP.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DH0_bhWT.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CY7vkrxH.js';
+import { P as Placeholder } from './fthry_Placeholder.CeQnc05Z.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Du40UlbF.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.C0yRQ198.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.B-EoMj6i.js';
+import './fthry_Overlay.D_sj8sym.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.CaLdEUIs.js → fthry_index.DukxIF0D.js}

@@ -1,4 +1,4 @@
-import { c as __read, j as jsxs$1, _ as __assign, a as jsx$1, F as FORM_Z_INDEX } from './fthry_index.DvCeSc1i.js';
+import { c as __read, j as jsxs$1, _ as __assign, a as jsx$1, F as FORM_Z_INDEX } from './fthry_index.xIaUS4wo.js';
 import React__default, { useRef, useEffect, useCallback, useState, useMemo, Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.dEOj4jGg.js → fthry_index.DylkcojM.js}

@@ -1,12 +1,12 @@
-import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, r as resetStyles } from './fthry_index.DvCeSc1i.js';
+import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, r as resetStyles } from './fthry_index.xIaUS4wo.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.CsEb_0jP.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DH0_bhWT.js';
+import { P as Placeholder } from './fthry_Placeholder.CeQnc05Z.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Du40UlbF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.B-EoMj6i.js';
+import './fthry_Overlay.D_sj8sym.js';
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/dist/{fthry_index.YBkOgnF3.js → fthry_index.GJ441VFD.js}

@@ -1,16 +1,16 @@
-import { j as jsxs, _ as __assign, a as jsx, D as DROPDOWN_Z_INDEX, c as __read, u as useBorder, y as getFieldValue, z as stringifyWithNull, h as hoverStylesGuard, b as iosScrollOnFocus, F as FORM_Z_INDEX, r as resetStyles, A as emailPatternStr } from './fthry_index.DvCeSc1i.js';
+import { j as jsxs, _ as __assign, a as jsx, D as DROPDOWN_Z_INDEX, c as __read, u as useBorder, y as getFieldValue, z as stringifyWithNull, h as hoverStylesGuard, b as iosScrollOnFocus, F as FORM_Z_INDEX, r as resetStyles, A as emailPatternStr } from './fthry_index.xIaUS4wo.js';
 import { memo, useRef, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.CsEb_0jP.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DH0_bhWT.js';
-import { O as Overlay } from './fthry_Overlay.B-EoMj6i.js';
-import { u as useElementSize } from './fthry_useElementSize.D_HDphFt.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CY7vkrxH.js';
-import { I as IMaskInput } from './fthry_input.CYfy5c88.js';
+import { P as Placeholder } from './fthry_Placeholder.CeQnc05Z.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Du40UlbF.js';
+import { O as Overlay } from './fthry_Overlay.D_sj8sym.js';
+import { u as useElementSize } from './fthry_useElementSize.DyfzVGG2.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.C0yRQ198.js';
+import { I as IMaskInput } from './fthry_input.BUZxnbfK.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_index.CWQ5TF9P.js';
+import './fthry_index.DEOA055J.js';
 
 function TextAutocomplete(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/dist/{fthry_index.BTDPz6lF.js → fthry_index.Km475eeC.js}

@@ -1,14 +1,14 @@
-import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.DvCeSc1i.js';
+import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.xIaUS4wo.js';
 import { useRef, useMemo, useEffect } from 'react';
-import { F as FormControl } from './fthry_FormControl.DW-PzCTD.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CMIcXXN7.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DH0_bhWT.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DlGyAqqs.js';
+import { F as FormControl } from './fthry_FormControl.BaRwUrV1.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.Y8uCPyI1.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Du40UlbF.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.YGkWXJ1l.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.B-EoMj6i.js';
+import './fthry_Overlay.D_sj8sym.js';
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/dist/{fthry_index.D-yMY95w.js → fthry_index.Ky-g0bWJ.js}

@@ -1,4 +1,4 @@
-import { j as jsxs, _ as __assign, a as jsx, c as __read, I as isEmptyArray, J as toList, K as useThumbnailData, L as __spreadArray, i as imgMaxSizeStyles, l as __awaiter, m as __generator, M as downloadFile, N as CloseIcon, b as iosScrollOnFocus, F as FORM_Z_INDEX, O as justRemove } from './fthry_index.DvCeSc1i.js';
+import { j as jsxs, _ as __assign, a as jsx, c as __read, I as isEmptyArray, J as toList, K as useThumbnailData, L as __spreadArray, i as imgMaxSizeStyles, l as __awaiter, m as __generator, M as downloadFile, N as CloseIcon, b as iosScrollOnFocus, F as FORM_Z_INDEX, O as justRemove } from './fthry_index.xIaUS4wo.js';
 import { useRef, useState, useEffect } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.9cP9rowY.js → fthry_index.Qya_gJCa.js}

@@ -1,12 +1,12 @@
-import { u as useBorder, j as jsxs, _ as __assign, a as jsx, h as hoverStylesGuard, i as imgMaxSizeStyles, n as noTextSelectStyles, E as ErrorInput } from './fthry_index.DvCeSc1i.js';
+import { u as useBorder, j as jsxs, _ as __assign, a as jsx, h as hoverStylesGuard, i as imgMaxSizeStyles, n as noTextSelectStyles, E as ErrorInput } from './fthry_index.xIaUS4wo.js';
 import { useRef, useMemo } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DH0_bhWT.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DlGyAqqs.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Du40UlbF.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.YGkWXJ1l.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.B-EoMj6i.js';
+import './fthry_Overlay.D_sj8sym.js';
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;

package/dist/{fthry_index.CMIcXXN7.js → fthry_index.Y8uCPyI1.js}

@@ -1,4 +1,4 @@
-import { _ as __assign, h as hoverStylesGuard, j as jsxs, a as jsx, b as iosScrollOnFocus } from './fthry_index.DvCeSc1i.js';
+import { _ as __assign, h as hoverStylesGuard, j as jsxs, a as jsx, b as iosScrollOnFocus } from './fthry_index.xIaUS4wo.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.DvCeSc1i.js → fthry_index.xIaUS4wo.js}

@@ -8687,6 +8687,63 @@ var TYPE_MESSAGES_TO_IGNORE = [
     // e.g. https://sentry.io/organizations/feathery-forms/issues/3529742129/
     'Load failed'
 ];
+var QUIK_DYNAMIC_ATTACHMENTS_OPTION = '__quik_dynamic_attachments__';
+var getQuikAttachmentPosition = function (position) {
+    return position === 'before' ? 'before' : 'after';
+};
+var isQuikDynamicAttachmentId = function (id) {
+    return typeof id === 'string' &&
+        (id === QUIK_DYNAMIC_ATTACHMENTS_OPTION ||
+            id.startsWith("".concat(QUIK_DYNAMIC_ATTACHMENTS_OPTION, ":")));
+};
+var normalizeConfiguredQuikAttachments = function (value, getDynamicAttachmentIds) {
+    if (getDynamicAttachmentIds === void 0) { getDynamicAttachmentIds = function () { return []; }; }
+    if (value == null || value === '')
+        return [];
+    // Builder config stores attachment rows as a list. Normalize a list or single
+    // row into one flat attachment list so runtime consumers get one shape.
+    if (Array.isArray(value)) {
+        return value.flatMap(function (attachment) {
+            return normalizeConfiguredQuikAttachments(attachment, getDynamicAttachmentIds);
+        });
+    }
+    if (typeof value === 'object') {
+        var id = value.id;
+        if (!id && !value.field_key)
+            return [];
+        // Dynamic rows are builder-configured placeholders. The hidden field
+        // supplies only doc IDs; placement comes from this row's before/after slot.
+        if (isQuikDynamicAttachmentId(id) || value.field_key) {
+            return getDynamicAttachmentIds(value).map(function (attachmentId) { return ({
+                id: attachmentId,
+                position: getQuikAttachmentPosition(value.position)
+            }); });
+        }
+        var attachment = { id: id };
+        if (['before', 'after'].includes(value.position)) {
+            attachment.position = value.position;
+        }
+        return [attachment];
+    }
+    return [];
+};
+var normalizeDynamicQuikAttachmentIds = function (value) {
+    if (!Array.isArray(value))
+        return [];
+    // Dynamic hidden fields intentionally support only string ID arrays.
+    // Invalid values are ignored instead of treated as attachment config.
+    return value
+        .filter(function (id) { return typeof id === 'string'; })
+        .map(function (id) { return id.trim(); })
+        .filter(Boolean);
+};
+var resolveQuikAttachments = function (action) {
+    var getDynamicAttachmentIds = function (attachment) {
+        if (attachment === void 0) { attachment = {}; }
+        return normalizeDynamicQuikAttachmentIds(fieldValues[attachment.field_key]);
+    };
+    return normalizeConfiguredQuikAttachments(action.attachments, getDynamicAttachmentIds);
+};
 // THIRD-PARTY INTEGRATIONS
 var IntegrationClient = /** @class */ (function () {
     function IntegrationClient(formKey, ignoreNetworkErrors, draft, bypassCDN) {
@@ -9224,7 +9281,7 @@ var IntegrationClient = /** @class */ (function () {
     };
     IntegrationClient.prototype.generateQuikEnvelopes = function (action) {
         return __awaiter$2(this, void 0, void 0, function () {
-            var _a, userId, sdkKey, tags, fieldVal;
+            var _a, userId, sdkKey, tags, fieldVal, resolvedAction;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -9242,10 +9299,11 @@ var IntegrationClient = /** @class */ (function () {
                                 tags = [JSON.stringify(fieldVal)];
                             }
                         }
+                        resolvedAction = __assign(__assign({}, action), { attachments: resolveQuikAttachments(action) });
                         return [4 /*yield*/, distExports$2.generateQuikEnvelopes({
                                 sdkKey: sdkKey,
                                 formId: this.formKey,
-                                action: action,
+                                action: resolvedAction,
                                 userId: userId,
                                 tags: tags,
                                 checkInterval: this.QUIK_CHECK_INTERVAL,
@@ -23646,7 +23704,20 @@ function generateHeaderElement(doc, inline) {
     return newHeader;
 }
 
-var FORM_STYLES = "\n  #QFVFormPage {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    width: 100%;\n    margin: 0 auto;\n  }\n  #wrapper {\n    position: static;\n    background: #f6f7fa;\n    overflow: auto;\n    width: 100% !important;\n    height: 100%;\n  }\n  #scroller {\n    width: auto;\n    position: static;\n    max-width: 1000px;\n    margin: 0 auto;\n    background: none !important;\n  }\n\n  #QFVPageList {\n    position: relative;\n    border: none !important;\n  }\n\n  #QFVPageList li {\n    position: relative;\n    margin: 5% 15pt;\n    border: none !important;\n    box-shadow: 0px 1.05px 5.27px 0px #23254340;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  #QFVPageList li > div {\n    width: 100% !important;\n    height: auto !important;\n    position: relative;\n    overflow: hidden;\n  }\n\n  #QFVPageList li > div > div {\n    background: none !important;\n  }\n\n  #QFVPageList li > div > div > img {\n    width: 100% !important;\n  }\n\n  .input-label {\n    border: none !important;\n  }\n\n  #QFVPageList .input-label > span {\n    width: 100% !important;\n    aspect-ratio: 1 / 1;\n    height: auto !important;\n    background-size: contain;\n  }\n";
+var FORM_STYLES = "\n  #QFVFormPage {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    width: 100%;\n    margin: 0 auto;\n  }\n  #wrapper {\n    position: static;\n    background: #f6f7fa;\n    overflow: auto;\n    width: 100% !important;\n    height: 100%;\n  }\n  #scroller {\n    width: auto;\n    position: static;\n    max-width: 1000px;\n    margin: 0 auto;\n    background: none !important;\n  }\n\n  #QFVPageList {\n    position: relative;\n    border: none !important;\n  }\n\n  /*\n   * Each <li> is the responsive \"card\". Its aspect-ratio (set inline per page\n   * from the page's pt dimensions) reserves the correct height as the column\n   * width changes, since the scaled page below does not contribute layout size.\n   */\n  #QFVPageList li {\n    position: relative;\n    margin: 5% 15pt;\n    border: none !important;\n    box-shadow: 0px 1.05px 5.27px 0px #23254340;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  /*\n   * The page itself stays at its natural pt size and is scaled to fill the card\n   * with a single uniform transform. Because the page image and every overlay\n   * live in this one rigid coordinate space, they scale together and cannot\n   * drift relative to each other at any width. --quik-page-scale is set per\n   * page by the injected ResizeObserver (see PAGE_SCALE_SCRIPT).\n   */\n  #QFVPageList li > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform-origin: top left;\n    transform: scale(var(--quik-page-scale, 1));\n  }\n\n  #QFVPageList li > div > div {\n    background: none !important;\n  }\n\n  #QFVPageList li > div > div > img {\n    width: 100% !important;\n    display: block !important;\n  }\n\n  /*\n   * Overlay inputs are sized in pt that already account for their padding and\n   * border (the source renders them border-box via its external CSS/JS, which\n   * does not run inside this restructured iframe). Force border-box so the pt\n   * width/height is the rendered box \u2014 otherwise content-box adds padding +\n   * border on top and the boxes render too large, most visibly in height.\n   */\n  #QFVPageList input,\n  #QFVPageList textarea,\n  #QFVPageList select,\n  #QFVPageList label {\n    box-sizing: border-box !important;\n  }\n\n  .input-label {\n    border: none !important;\n  }\n\n  #QFVPageList .input-label > span {\n    width: 100% !important;\n    aspect-ratio: 1 / 1;\n    height: auto !important;\n    background-size: contain;\n  }\n";
+/**
+ * Left inset (in pt) that every overlay's source 'left' carries relative to the
+ * page-width basis. Subtracted from all elements so inputs align with the page
+ * image the same way labels already did.
+ */
+var PAGE_LEFT_OFFSET_PT = 2;
+/**
+ * Per-page top inset (in pt) baked into the source coordinate system: each page
+ * contributes a 2px (= 1.5pt at 96dpi) top border, so page N's origin is
+ * `1.5 + N * (pageHeight + 1.5)`. Confirmed empirically — before this offset the
+ * residual vertical drift was exactly 1.5pt × (pageIndex + 1).
+ */
+var PAGE_TOP_GAP_PT = 1.5;
 /**
  * Parses a CSS style value (e.g., "123pt" or "calc(2*456pt)") and returns the numerical value in 'pt'.
  * This function handles simple 'pt' values and 'calc()' expressions by using a safe evaluation.
@@ -23657,60 +23728,65 @@ function parsePtValue(styleValue) {
     return styleValue ? parseFloat(styleValue.replace('pt', '')) : 0;
 }
 /**
- * Recalculates the 'top', 'left', 'width', and 'height' of all elements to be
- * relative to their page container and converts them to percentage values.
+ * Makes the Quik document responsive by localizing each overlay onto its page
+ * (in native `pt`) and scaling each page as a single rigid unit to fill its
+ * responsive container.
  *
- * This function is designed to work with the provided HTML structure where
- * elements have absolute positioning based on the entire document and page
- * containers have their dimensions defined in `pt` in their style attribute.
- * It makes the layout responsive by converting these fixed `pt` values to
- * percentages based on the parent page's dimensions.
+ * The source HTML positions every overlay absolutely against one document-wide
+ * container, so coordinates are cumulative across pages and page dimensions are
+ * declared in `pt`. Rather than re-deriving per-axis percentages (which couples
+ * alignment to containing-block and box-model behavior), this keeps the page's
+ * exact coordinate space intact and applies a uniform CSS transform, so the
+ * page image and its overlays can never drift relative to one another.
  *
  * @param doc The document object to manipulate.
  */
 function repositionFormInputs(doc) {
-    var pageOffsetPt = 1.5; // original positions include 2px (1.5pt) top border per page
+    // Overlays are absolutely positioned against a single document-wide container
+    // (#scroller in the source), so their `top` values are cumulative across all
+    // pages. Each page contributes its height plus a 2px (1.5pt) top border, so
+    // the running origin starts at one border and grows by height + border.
+    var pageOffsetPt = PAGE_TOP_GAP_PT;
     var pages = doc.querySelectorAll('#QFVPageList > li > div');
     pages.forEach(function (page) {
-        // Dynamically get the page's dimensions from its style attribute.
         var pageWidthPt = parsePtValue(page.style.width);
         var pageHeightPt = parsePtValue(page.style.height);
         if (pageWidthPt === 0 || pageHeightPt === 0) {
             console.error('Could not determine page dimensions from style attribute:', page);
-            return; // Skip this page if dimensions are not found.
+            // Still advance the cumulative origin so later pages stay in sync.
+            pageOffsetPt += pageHeightPt + PAGE_TOP_GAP_PT;
+            return;
         }
-        // Get all child elements of the page, not just inputs.
-        var elements = Array.from(page.children);
-        elements.forEach(function (element) {
-            if (element instanceof HTMLElement) {
-                var style = element.style;
-                // Get original pt values for all relevant properties.
-                var currentTopPt = parsePtValue(style.top);
-                var currentLeftPt = parsePtValue(style.left);
-                var currentWidthPt = parsePtValue(style.width);
-                var currentHeightPt = parsePtValue(style.height);
-                // Recalculate relative top position in pt by subtracting the cumulative page offset.
-                var relativeTopPt = currentTopPt - pageOffsetPt;
-                if (element.tagName === 'LABEL') {
-                    currentLeftPt -= 2; // Adjust for label (radio box)'s left offset
-                }
-                // Convert pt values to percentages.
-                var newTopPercent = (relativeTopPt / pageHeightPt) * 100;
-                var newLeftPercent = (currentLeftPt / pageWidthPt) * 100;
-                var newWidthPercent = (currentWidthPt / pageWidthPt) * 100;
-                var newHeightPercent = (currentHeightPt / pageHeightPt) * 100;
-                // Update the element's style with percentage values.
-                style.top = "".concat(newTopPercent.toFixed(2), "%");
-                style.left = "".concat(newLeftPercent.toFixed(2), "%");
-                style.width = "".concat(newWidthPercent.toFixed(2), "%");
-                style.height = "".concat(newHeightPercent.toFixed(2), "%");
-                if (element.tagName === 'LABEL') {
-                    element.className = "input-label ".concat(element.className);
-                }
+        // Localize each overlay from the document-wide cumulative coordinate system
+        // onto this page, keeping native pt units. The whole page is scaled as one
+        // rigid unit (see below), so overlays cannot drift relative to the image.
+        Array.from(page.children).forEach(function (element) {
+            if (!(element instanceof HTMLElement))
+                return;
+            // The page image fills the page box; leave it at its natural size.
+            if (element.tagName === 'IMG' || element.querySelector('img'))
+                return;
+            var localTopPt = parsePtValue(element.style.top) - pageOffsetPt;
+            // The source 'left' carries a small (~2pt) inset relative to the page
+            // image's left edge; remove it so overlays sit on the artwork.
+            var localLeftPt = parsePtValue(element.style.left) - PAGE_LEFT_OFFSET_PT;
+            element.style.top = "".concat(localTopPt, "pt");
+            element.style.left = "".concat(localLeftPt, "pt");
+            // width/height stay in their native pt units and scale with the page.
+            if (element.tagName === 'LABEL') {
+                element.className = "input-label ".concat(element.className);
             }
         });
-        // Update the cumulative page offset for the next page.
-        pageOffsetPt += pageHeightPt + 1.5; // Add 1.5pt for the top border of the next page
+        // Pin the page to its natural pt size; the injected ResizeObserver scales it
+        // (via --quik-page-scale) to fill the responsive <li> card. The <li> gets
+        // the matching aspect-ratio so it reserves the correct layout height.
+        page.style.width = "".concat(pageWidthPt, "pt");
+        page.style.height = "".concat(pageHeightPt, "pt");
+        page.dataset.quikPageWidthPt = "".concat(pageWidthPt);
+        var li = page.parentElement;
+        if (li)
+            li.style.aspectRatio = "".concat(pageWidthPt, " / ").concat(pageHeightPt);
+        pageOffsetPt += pageHeightPt + PAGE_TOP_GAP_PT;
     });
 }
 function generateFormElement(doc) {
@@ -23721,12 +23797,26 @@ function generateFormElement(doc) {
     }
     repositionFormInputs(doc);
     injectFormStyles(doc);
+    injectPageScaleScript(doc);
     return form;
 }
 function injectFormStyles(doc) {
     var customFormStyle = doc.createElement('style');
     customFormStyle.innerHTML = FORM_STYLES;
     doc.head.appendChild(customFormStyle);
+}
+/** Points-to-pixels factor at 96dpi (CSS reference pixel: 96px === 72pt). */
+var PT_TO_PX = 96 / 72;
+/**
+ * Sets each page's --quik-page-scale so its natural pt width fills the
+ * responsive <li> card, and keeps it updated on resize. Runs inside the form
+ * iframe. Kept dependency-free and ES5-safe since it executes verbatim there.
+ */
+var PAGE_SCALE_SCRIPT = "\n(function () {\n  var PT_TO_PX = ".concat(PT_TO_PX, ";\n  function applyScale() {\n    var pages = document.querySelectorAll(\n      '#QFVPageList > li > div[data-quik-page-width-pt]'\n    );\n    for (var i = 0; i < pages.length; i++) {\n      var page = pages[i];\n      var li = page.parentElement;\n      if (!li) continue;\n      var widthPt = parseFloat(page.getAttribute('data-quik-page-width-pt'));\n      if (!widthPt) continue;\n      var naturalPx = widthPt * PT_TO_PX;\n      var scale = li.clientWidth / naturalPx;\n      if (scale > 0 && isFinite(scale)) {\n        page.style.setProperty('--quik-page-scale', String(scale));\n      }\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', applyScale);\n  } else {\n    applyScale();\n  }\n  window.addEventListener('resize', applyScale);\n  if (typeof ResizeObserver !== 'undefined') {\n    var list = document.querySelector('#QFVPageList');\n    if (list) new ResizeObserver(applyScale).observe(list);\n  }\n})();\n");
+function injectPageScaleScript(doc) {
+    var script = doc.createElement('script');
+    script.textContent = PAGE_SCALE_SCRIPT;
+    doc.body.appendChild(script);
 }
 
 var SIDEBAR_WIDTH = '200px';
@@ -40891,7 +40981,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.DyxRadsO.js').then(function (n) { return n.A; }); });
+var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.C4E2R_en.js').then(function (n) { return n.A; }); });
 var AssistantChat = function (props) { return (jsx$1(Suspense, __assign({ fallback: null }, { children: jsx$1(LazyAssistantChat, __assign({}, props)) }))); };
 
 var AssistantClient = /** @class */ (function () {
@@ -47497,9 +47587,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.COjfzI9f.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.CHlON7tM.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.z0J580qI.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DVyqdvKt.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47645,7 +47735,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.39.4" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.40.0" + ' ', // replaced with real version during build
     'background: #e2626e; color: white; padding: 2px 6px; border-radius: 3px 0 0 3px; font-weight: bold;', 'background: #fce7e9; color: #c5495a; padding: 2px 6px; border-radius: 0 3px 3px 0;');
 }
 
@@ -49160,64 +49250,64 @@ breakpoint) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return import(/* webpackChunkName: "AddressField" */ './fthry_index.BcuhnRVe.js');
+        return import(/* webpackChunkName: "AddressField" */ './fthry_index.Bhle2u_B.js');
     },
     ButtonGroupField: function () {
-        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.9cP9rowY.js');
+        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.Qya_gJCa.js');
     },
     CheckboxField: function () {
-        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.CMIcXXN7.js');
+        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.Y8uCPyI1.js');
     },
     CheckboxGroupField: function () {
-        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BTDPz6lF.js');
+        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Km475eeC.js');
     },
     ColorPickerField: function () {
-        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CaLdEUIs.js');
+        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DukxIF0D.js');
     },
     CustomField: function () {
-        return import(/* webpackChunkName: "CustomField" */ './fthry_index.DZHccCmm.js');
+        return import(/* webpackChunkName: "CustomField" */ './fthry_index.BJL5DUFv.js');
     },
     DateSelectorField: function () {
-        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.C5s-ri9w.js');
+        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Bi9j2CoL.js');
     },
     DropdownField: function () {
-        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DcJaXrNb.js');
+        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.Dhg5xJ4s.js');
     },
     DropdownMultiField: function () {
-        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.C4i92P7n.js');
+        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.D74y6OAR.js');
     },
     FileUploadField: function () {
-        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.D-yMY95w.js');
+        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.Ky-g0bWJ.js');
     },
     MatrixField: function () {
-        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.BBN9ErVH.js');
+        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.2cm5TGLE.js');
     },
     PasswordField: function () {
-        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.BxdW5LSK.js');
+        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.DoLCpn8f.js');
     },
     PaymentMethodField: function () {
-        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.4z01I9c2.js');
+        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.mzXuSQ8R.js');
     },
-    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.DPzStrPv.js'); },
+    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.BS0y_3jr.js'); },
     PinInputField: function () {
-        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.DOusftvr.js');
+        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.B_kkxOWT.js');
     },
-    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.D-taV-bR.js'); },
+    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.9s5SUZD0.js'); },
     RadioButtonGroupField: function () {
         return import(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DT5K1q45.js');
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.D2-8ZRpd.js');
     },
     RatingField: function () {
-        return import(/* webpackChunkName: "RatingField" */ './fthry_index.BGbb010x.js');
+        return import(/* webpackChunkName: "RatingField" */ './fthry_index.DjZQBlTA.js');
     },
     SignatureField: function () {
-        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.CRN7fgaA.js');
+        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BAW36YGO.js');
     },
     SliderField: function () {
-        return import(/* webpackChunkName: "SliderField" */ './fthry_index.CuSdRZlr.js');
+        return import(/* webpackChunkName: "SliderField" */ './fthry_index.Dib6rza_.js');
     },
-    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.YBkOgnF3.js'); },
-    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.dEOj4jGg.js'); }
+    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.GJ441VFD.js'); },
+    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.DylkcojM.js'); }
 };
 var getPositionKey = function (element) { var _a; return ((_a = element.position) === null || _a === void 0 ? void 0 : _a.join(',')) || 'root'; };
 // Share the resolved component between preload and render. A separate
@@ -50411,7 +50501,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.TGIOgm1P.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.CFui_RpS.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/dist/{fthry_input.CYfy5c88.js → fthry_input.BUZxnbfK.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { P as PropTypes } from './fthry_index.CWQ5TF9P.js';
+import { P as PropTypes } from './fthry_index.DEOA055J.js';
 
 /** Checks if value is string */
 function isString(str) {

package/dist/{fthry_mermaid-O7DHMXV3.B07qWrrr.js → fthry_mermaid-O7DHMXV3.C8qNyDC8.js}

@@ -1,9 +1,9 @@
-export { u as Mermaid } from './fthry_AssistantChat.DyxRadsO.js';
-import './fthry_index.DvCeSc1i.js';
+export { u as Mermaid } from './fthry_AssistantChat.C4E2R_en.js';
+import './fthry_index.xIaUS4wo.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
 import './fthry_clsx.ChV9xqsO.js';
-import './fthry_index.DJW01HJc.js';
+import './fthry_index.CSfhoU0u.js';

package/dist/{fthry_script.COjfzI9f.js → fthry_script.CHlON7tM.js}

@@ -1,4 +1,4 @@
-import { C as getDefaultExportFromCjs } from './fthry_index.DvCeSc1i.js';
+import { C as getDefaultExportFromCjs } from './fthry_index.xIaUS4wo.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/{fthry_styles.B0A-Aezb.js → fthry_styles.CRruZ5I3.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState, useMemo } from 'react';
-import { C as getDefaultExportFromCjs, j as jsxs, q as Fragment, a as jsx, G as Global, e as css, g as __makeTemplateObject } from './fthry_index.DvCeSc1i.js';
+import { C as getDefaultExportFromCjs, j as jsxs, q as Fragment, a as jsx, G as Global, e as css, g as __makeTemplateObject } from './fthry_index.xIaUS4wo.js';
 import { flushSync } from 'react-dom';
 
 function canUseDom() {