@feathery/react 2.32.0 → 2.33.0

package/dist/{fthry_index.DqKZq0Ur.js → fthry_index.Cvy9sCKK.js}

@@ -1,12 +1,12 @@
-import { c as __read, u as useBorder, b as jsxs, a as __assign, k as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.Ddf14JA6.js';
+import { c as __read, u as useBorder, b as jsxs, a as __assign, i as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.kOfgCMDO.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.C8DX1xTT.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
+import { P as Placeholder } from './fthry_Placeholder.D2BgfEJ9.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CaTGHPrf.js';
+import './fthry_Overlay.xJ2zMPu8.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.hyYvw_PS.js → fthry_index.D0TWGtN7.js}

@@ -1,4 +1,4 @@
-import { j as jsx, a as __assign, b as jsxs, c as __read, m as __awaiter, n as __generator, h as featheryWindow, F as Fragment, E as ErrorInput } from './fthry_index.Ddf14JA6.js';
+import { j as jsx, a as __assign, b as jsxs, c as __read, l as __awaiter, m as __generator, v as featheryWindow, F as Fragment, E as ErrorInput } from './fthry_index.kOfgCMDO.js';
 import { useRef, useState, useEffect, memo, useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.CeglQZhs.js → fthry_index.D6Ck5pB3.js}

@@ -1,4 +1,4 @@
-import { a as __assign, k as hoverStylesGuard, b as jsxs, j as jsx, l as iosScrollOnFocus } from './fthry_index.Ddf14JA6.js';
+import { a as __assign, i as hoverStylesGuard, b as jsxs, j as jsx, k as iosScrollOnFocus } from './fthry_index.kOfgCMDO.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.DmcD0QUi.js → fthry_index.D9yH2Okw.js}

@@ -1,4 +1,4 @@
-import { b as jsxs, a as __assign, j as jsx, c as __read, a7 as isEmptyArray, a8 as toList, a9 as useThumbnailData, g as __spreadArray, q as imgMaxSizeStyles, m as __awaiter, n as __generator, aa as downloadFile, ab as CloseIcon, l as iosScrollOnFocus, v as FORM_Z_INDEX, ac as justRemove } from './fthry_index.Ddf14JA6.js';
+import { b as jsxs, a as __assign, j as jsx, c as __read, a7 as isEmptyArray, a8 as toList, a9 as useThumbnailData, g as __spreadArray, p as imgMaxSizeStyles, l as __awaiter, m as __generator, aa as downloadFile, ab as CloseIcon, k as iosScrollOnFocus, t as FORM_Z_INDEX, ac as justRemove } from './fthry_index.kOfgCMDO.js';
 import { useRef, useState, useEffect } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.ty8LJs-R.js → fthry_index.DGgHIFlr.js}

@@ -1,6 +1,6 @@
-import { m as __awaiter, n as __generator, g as __spreadArray, c as __read, e as __values, h as featheryWindow, al as loadQRScanner, am as throttle, j as jsx, b as jsxs, a as __assign, F as Fragment, E as ErrorInput, an as qrPromise } from './fthry_index.Ddf14JA6.js';
+import { l as __awaiter, m as __generator, g as __spreadArray, c as __read, e as __values, v as featheryWindow, al as loadQRScanner, am as throttle, j as jsx, b as jsxs, a as __assign, F as Fragment, E as ErrorInput, an as qrPromise } from './fthry_index.kOfgCMDO.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.Ccd48IiB.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.DbsjdZwt.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.B-oOxFi4.js → fthry_index.Dghw4DVd.js}

@@ -1,5 +1,5 @@
-import { _ as __rest, j as jsx, a as __assign, b as jsxs, F as Fragment, c as __read, f as featheryDoc, d as fieldValues, s as stringifyWithNull, e as __values, g as __spreadArray, h as featheryWindow } from './fthry_index.Ddf14JA6.js';
-import { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
+import { _ as __rest, j as jsx, a as __assign, b as jsxs, F as Fragment, c as __read, f as featheryDoc, d as fieldValues, s as stringifyWithNull, e as __values, g as __spreadArray } from './fthry_index.kOfgCMDO.js';
+import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
 import 'react-dom/client';
@@ -290,20 +290,47 @@ var clickToEditStyle = {
     fontSize: '14px'
 };
 var cellInputStyle = {
+    display: 'block',
     width: '100%',
+    minWidth: 0,
+    maxWidth: '100%',
     padding: '4px 8px',
     border: "1px solid ".concat(colors.blue700),
     borderRadius: '4px',
     fontSize: '14px',
     color: colors.gray900,
     outline: 'none',
-    boxSizing: 'border-box'
+    boxSizing: 'border-box',
+    resize: 'none',
+    overflowY: 'auto',
+    fontFamily: 'inherit',
+    lineHeight: 1.5
 };
 var editableCellContentStyle = {
     display: 'flex',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     gap: '8px'
 };
+var editableCellTextStyle = {
+    flex: 1,
+    minWidth: 0,
+    whiteSpace: 'pre-wrap',
+    overflowWrap: 'anywhere',
+    wordBreak: 'break-word',
+    lineHeight: 1.5
+};
+var editingCellContentStyle = {
+    flex: 1,
+    minWidth: 0,
+    position: 'relative',
+    alignSelf: 'stretch'
+};
+var editingCellSizerStyle = __assign(__assign({}, cellInputStyle), { whiteSpace: 'pre-wrap', overflowWrap: 'anywhere', wordBreak: 'break-word', visibility: 'hidden', pointerEvents: 'none' });
+var editingCellInputStyle = {
+    position: 'absolute',
+    inset: 0,
+    height: '100%'
+};
 var overflowIconStyle = {
     display: 'flex',
     alignItems: 'center',
@@ -689,7 +716,7 @@ function EditableCell(_a) {
         shouldSaveRef.current = true;
     };
     var handleKeyDown = function (e) {
-        if (e.key === 'Enter') {
+        if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
             e.preventDefault();
             shouldSaveRef.current = false;
             saveEdit();
@@ -712,12 +739,12 @@ function EditableCell(_a) {
         setIsMenuOpen(!isMenuOpen);
     };
     if (isEditing) {
-        return (jsx("input", { ref: inputRef, type: 'text', value: editValue, onChange: function (e) { return setEditValue(e.target.value); }, onBlur: handleBlur, onKeyDown: handleKeyDown, css: cellInputStyle, onClick: function (e) { return e.stopPropagation(); } }));
+        return (jsxs("div", __assign({ css: editingCellContentStyle }, { children: [jsx("div", __assign({ css: editingCellSizerStyle }, { children: "".concat(editValue, "\u200B") })), jsx("textarea", { ref: inputRef, value: editValue, onChange: function (e) { return setEditValue(e.target.value); }, onBlur: handleBlur, onKeyDown: handleKeyDown, css: __assign(__assign({}, cellInputStyle), editingCellInputStyle), onClick: function (e) { return e.stopPropagation(); } })] })));
     }
     if (isEmpty) {
         return (jsx("span", __assign({ css: clickToEditStyle, onClick: startEditing }, { children: "Click to edit" })));
     }
-    return (jsxs("div", __assign({ css: editableCellContentStyle }, { children: [jsx("span", __assign({ css: { flex: 1, minWidth: 0 } }, { children: displayValue })), jsx("button", __assign({ ref: menuButtonRef, type: 'button', "aria-expanded": isMenuOpen, "aria-haspopup": 'menu', css: overflowIconStyle, onClick: handleMenuToggle }, { children: jsx(OverflowIcon, {}) })), isMenuOpen &&
+    return (jsxs("div", __assign({ css: editableCellContentStyle }, { children: [jsx("span", __assign({ css: editableCellTextStyle }, { children: displayValue })), jsx("button", __assign({ ref: menuButtonRef, type: 'button', "aria-expanded": isMenuOpen, "aria-haspopup": 'menu', css: overflowIconStyle, onClick: handleMenuToggle }, { children: jsx(OverflowIcon, {}) })), isMenuOpen &&
                 createPortal(jsxs("div", __assign({ ref: menuRef, role: 'menu', css: __assign(__assign({}, actionMenuStyle), { top: "".concat(menuPosition.top, "px"), left: "".concat(menuPosition.left, "px"), transform: 'translateX(-100%)' }) }, { children: [jsx("button", __assign({ type: 'button', role: 'menuitem', css: actionMenuItemStyle, onClick: function (e) {
                                 e.stopPropagation();
                                 startEditing();
@@ -1328,40 +1355,6 @@ function useTableMutations(_a) {
     };
 }
 
-/**
- * Measures column widths from the browser's auto layout, then locks them
- * for use with table-layout: fixed. Re-measures when columnCount changes.
- */
-function useColumnWidths(tableRef, columnCount) {
-    var _a = __read(useState(null), 2), widths = _a[0], setWidths = _a[1];
-    var prevColumnCount = useRef(columnCount);
-    if (prevColumnCount.current !== columnCount) {
-        prevColumnCount.current = columnCount;
-        setWidths(null);
-    }
-    useLayoutEffect(function () {
-        var _a;
-        if (widths !== null)
-            return;
-        var win = featheryWindow();
-        if (!win || typeof win.getComputedStyle !== 'function')
-            return;
-        var table = tableRef.current;
-        if (!table)
-            return;
-        var headerRow = (_a = table.querySelector('thead tr')) !== null && _a !== void 0 ? _a : table.querySelector('tbody tr');
-        if (!headerRow)
-            return;
-        var measured = [];
-        for (var i = 0; i < headerRow.children.length; i++) {
-            measured.push(headerRow.children[i].getBoundingClientRect().width);
-        }
-        if (measured.length > 0)
-            setWidths(measured);
-    }, [widths, columnCount]);
-    return widths;
-}
-
 function applyTableStyles(responsiveStyles) {
     responsiveStyles.addTargets('table', 'thead', 'tbody', 'th', 'td', 'tr');
     return responsiveStyles;
@@ -1423,11 +1416,6 @@ function TableElement(_a) {
     var actionCellRefs = useRef(new Map());
     var showEmptyState = !hasData || !hasSearchResults;
     var showToolbar = enableSearch || showAddRow;
-    var tableRef = useRef(null);
-    var visibleColumnCount = columns.length +
-        (!isTransposed && actions.length > 0 ? 1 : 0) +
-        (showStandaloneDeleteColumn ? 1 : 0);
-    var columnWidths = useColumnWidths(tableRef, visibleColumnCount);
     return (jsxs("div", __assign({ css: __assign(__assign({}, containerStyle), styles.getTarget('container')) }, { children: [showToolbar && (jsxs("div", __assign({ css: toolbarStyle }, { children: [enableSearch ? (jsx(Search, { searchQuery: searchQuery, onSearchChange: setSearchQuery })) : (jsx("div", {})), showAddRow && (jsx("button", __assign({ type: 'button', css: addRowButtonStyle, onClick: function () {
                             setDeleteRowIndex(null);
                             handleAddRow();
@@ -1437,15 +1425,7 @@ function TableElement(_a) {
                                 prev.forEach(function (idx) { return next.add(idx + 1); });
                                 return next;
                             });
-                        } }, { children: "+ Add Row" })))] }))), showEmptyState ? (jsx(EmptyState, { hasSearchQuery: searchQuery.trim().length > 0 })) : (jsx("div", __assign({ css: { overflowX: 'auto' } }, { children: jsxs("table", __assign({ ref: tableRef, css: __assign(__assign(__assign({}, tableStyle), (columnWidths
-                        ? {
-                            tableLayout: 'fixed',
-                            minWidth: "".concat(columnWidths.reduce(function (a, b) { return a + b; }, 0), "px")
-                        }
-                        : {
-                            tableLayout: 'auto',
-                            width: 'max-content'
-                        })), styles.getTarget('table')) }, { children: [columnWidths && (jsx("colgroup", { children: columnWidths.map(function (w, i) { return (jsx("col", { style: { width: "".concat(w, "px") } }, i)); }) })), !isTransposed && (jsx("thead", __assign({ css: theadStyle }, { children: jsxs("tr", { children: [jsx(SortHeader, { columns: columns, enableSort: enableSort, sortColumn: sortColumn, sortDirection: sortDirection, onSort: handleSort, styles: styles }), actions.length > 0 && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), { paddingLeft: 0 }), styles.getTarget('th')) })), showStandaloneDeleteColumn && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), deleteColumnStyle), styles.getTarget('th')) }))] }) }))), jsxs("tbody", __assign({ css: styles.getTarget('tbody') }, { children: [paginatedRowIndices.map(function (rowIndex) {
+                        } }, { children: "+ Add Row" })))] }))), showEmptyState ? (jsx(EmptyState, { hasSearchQuery: searchQuery.trim().length > 0 })) : (jsx("div", __assign({ css: { overflowX: 'auto' } }, { children: jsxs("table", __assign({ css: __assign(__assign({}, tableStyle), styles.getTarget('table')) }, { children: [!isTransposed && (jsx("thead", __assign({ css: theadStyle }, { children: jsxs("tr", { children: [jsx(SortHeader, { columns: columns, enableSort: enableSort, sortColumn: sortColumn, sortDirection: sortDirection, onSort: handleSort, styles: styles }), actions.length > 0 && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), { paddingLeft: 0 }), styles.getTarget('th')) })), showStandaloneDeleteColumn && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), deleteColumnStyle), styles.getTarget('th')) }))] }) }))), jsxs("tbody", __assign({ css: styles.getTarget('tbody') }, { children: [paginatedRowIndices.map(function (rowIndex) {
                                     var _a, _b;
                                     var rowData = {};
                                     if (!isTransposed) {

package/dist/{fthry_index.CLgjzDTi.js → fthry_index.Do4oXiDH.js}

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

package/dist/{fthry_index.CmpLevaj.js → fthry_index.URxr29cr.js}

@@ -1,14 +1,14 @@
-import { b as jsxs, a as __assign, j as jsx, l as iosScrollOnFocus, r as resetStyles } from './fthry_index.Ddf14JA6.js';
+import { b as jsxs, a as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.kOfgCMDO.js';
 import { useRef, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.C9K2iuFX.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CeglQZhs.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.B6wBqJLI.js';
+import { F as FormControl } from './fthry_FormControl.PVuWlBgz.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.D6Ck5pB3.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.Cbl44iOq.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CaTGHPrf.js';
+import './fthry_Overlay.xJ2zMPu8.js';
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/dist/{fthry_index.C5zUlrOm.js → fthry_index.UVcw7OnE.js}

@@ -1,4 +1,4 @@
-import { i as getDefaultExportFromCjs } from './fthry_index.Ddf14JA6.js';
+import { h as getDefaultExportFromCjs } from './fthry_index.kOfgCMDO.js';
 
 var propTypes = {exports: {}};
 

package/dist/{fthry_index.BZD_DEzj.js → fthry_index.brIY5h5k.js}

@@ -1,4 +1,4 @@
-import { c as __read, b as jsxs$1, a as __assign, j as jsx$1, v as FORM_Z_INDEX } from './fthry_index.Ddf14JA6.js';
+import { c as __read, b as jsxs$1, a as __assign, j as jsx$1, t as FORM_Z_INDEX } from './fthry_index.kOfgCMDO.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.9-q7smC3.js → fthry_index.dvByw-2B.js}

@@ -1,7 +1,7 @@
-import { c as __read, j as jsx, F as Fragment, y as isMobile, b as jsxs, a as __assign, v as FORM_Z_INDEX, l as iosScrollOnFocus } from './fthry_index.Ddf14JA6.js';
+import { c as __read, j as jsx, F as Fragment, y as isMobile, b as jsxs, a as __assign, t as FORM_Z_INDEX, k as iosScrollOnFocus } from './fthry_index.kOfgCMDO.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.CaTGHPrf.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.CeglQZhs.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.xJ2zMPu8.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.D6Ck5pB3.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.DoGwIkbA.js → fthry_index.k6w2ySQR.js}

@@ -1,14 +1,14 @@
-import { c as __read, b as jsxs, a as __assign, j as jsx, l as iosScrollOnFocus, r as resetStyles } from './fthry_index.Ddf14JA6.js';
+import { c as __read, b as jsxs, a as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.kOfgCMDO.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.C9K2iuFX.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CeglQZhs.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.B6wBqJLI.js';
+import { F as FormControl } from './fthry_FormControl.PVuWlBgz.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.D6Ck5pB3.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.Cbl44iOq.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CaTGHPrf.js';
+import './fthry_Overlay.xJ2zMPu8.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.Ddf14JA6.js → fthry_index.kOfgCMDO.js}

@@ -46110,9 +46110,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.DO2CsvZO.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.BgSqcrR6.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.MZhbLTEd.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BfAk31Iw.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46258,7 +46258,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.32.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.33.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;');
 }
 
@@ -47740,39 +47740,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy$1(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.B260ADJ4.js'); });
-var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DKYX71gD.js'); });
-var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.CeglQZhs.js'); });
+var AddressLine1 = lazy$1(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.ChdMOr_X.js'); });
+var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CK5OFXMa.js'); });
+var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.D6Ck5pB3.js'); });
 var CheckboxGroupField = lazy$1(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CmpLevaj.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.URxr29cr.js');
 });
-var ColorPickerField = lazy$1(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BZD_DEzj.js'); });
-var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.hyYvw_PS.js'); });
+var ColorPickerField = lazy$1(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.brIY5h5k.js'); });
+var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.D0TWGtN7.js'); });
 var DateSelectorField = lazy$1(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CqNn14xm.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Bpub9YIO.js');
 });
-var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.8KDT5i8T.js'); });
+var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BejmbDod.js'); });
 var DropdownMultiField = lazy$1(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BjpHx4_T.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CqR05U3I.js');
 });
-var FileUploadField = lazy$1(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.DmcD0QUi.js'); });
-var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.9-q7smC3.js'); });
-var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.kP74GhA8.js'); });
+var FileUploadField = lazy$1(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.D9yH2Okw.js'); });
+var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.dvByw-2B.js'); });
+var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.rCNfS1b1.js'); });
 var PaymentMethodField = lazy$1(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CLy4llPE.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DBnHj0cn.js');
 });
-var PhoneField = lazy$1(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.qJQlILVx.js'); });
-var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.C1_uGweo.js'); });
-var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.ty8LJs-R.js'); });
+var PhoneField = lazy$1(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.BvQ8XEJZ.js'); });
+var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.Cu5c8aId.js'); });
+var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.DGgHIFlr.js'); });
 var RadioButtonGroupField = lazy$1(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DoGwIkbA.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.k6w2ySQR.js');
 });
-var RatingField = lazy$1(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.CLgjzDTi.js'); });
-var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.DQsvec3-.js'); });
-var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.WnliJHmX.js'); });
-var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CYyOgKWx.js'); });
-var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.DqKZq0Ur.js'); });
+var RatingField = lazy$1(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.Do4oXiDH.js'); });
+var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BrCePUsU.js'); });
+var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.BlF_0Ffc.js'); });
+var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.o0_GqIs7.js'); });
+var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.Cvy9sCKK.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48722,7 +48722,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.B-oOxFi4.js'); });
+var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.Dghw4DVd.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -59465,4 +59465,4 @@ var Feathery = {
     renderAt: renderAt
 };
 
-export { next as $, countryData as A, stringify$2 as B, rulesheet as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, Fragment as F, Global as G, COMMENT as H, middleware as I, combine as J, match as K, serialize as L, copy as M, replace as N, MOZ as O, MS as P, KEYFRAMES as Q, RULESET as R, DECLARATION as S, dealloc as T, alloc as U, hash as V, WEBKIT as W, charat as X, strlen as Y, indexof as Z, __rest$1 as _, __assign as a, token as a0, from as a1, peek as a2, delimit as a3, slice as a4, position as a5, compile as a6, isEmptyArray as a7, toList as a8, useThumbnailData as a9, updateTheme as aA, setFieldValues as aB, getFieldValues as aC, renderAt as aD, LoginForm as aE, useAuthClient as aF, AssistantChat as aG, Feathery as aH, StyledContainer as aI, downloadFile as aa, CloseIcon as ab, justRemove as ac, getStripe as ad, filterKeys as ae, ERROR_COLOR as af, phoneLib as ag, authState as ah, firebaseSMSCountries as ai, phoneLibPromise as aj, isNum as ak, loadQRScanner as al, throttle$1 as am, qrPromise as an, devicePixelRatio as ao, toBase64 as ap, MODAL_Z_INDEX as aq, dataURLToFile as ar, cls as as, getFieldValue$1 as at, emailPatternStr as au, replaceTextVariables as av, ReactForm as aw, Elements as ax, init as ay, updateUserId as az, jsxs as b, __read as c, fieldValues as d, __values as e, featheryDoc as f, __spreadArray as g, featheryWindow as h, getDefaultExportFromCjs as i, jsx$1 as j, hoverStylesGuard as k, iosScrollOnFocus as l, __awaiter$2 as m, __generator as n, FeatheryClient as o, debounce as p, imgMaxSizeStyles as q, resetStyles as r, stringifyWithNull as s, noTextSelectStyles as t, useBorder as u, FORM_Z_INDEX as v, css as w, __makeTemplateObject as x, isMobile as y, formatDateString as z };
+export { next as $, countryData as A, stringify$2 as B, rulesheet as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, Fragment as F, Global as G, COMMENT as H, middleware as I, combine as J, match as K, serialize as L, copy as M, replace as N, MOZ as O, MS as P, KEYFRAMES as Q, RULESET as R, DECLARATION as S, dealloc as T, alloc as U, hash as V, WEBKIT as W, charat as X, strlen as Y, indexof as Z, __rest$1 as _, __assign as a, token as a0, from as a1, peek as a2, delimit as a3, slice as a4, position as a5, compile as a6, isEmptyArray as a7, toList as a8, useThumbnailData as a9, updateTheme as aA, setFieldValues as aB, getFieldValues as aC, renderAt as aD, LoginForm as aE, useAuthClient as aF, AssistantChat as aG, Feathery as aH, StyledContainer as aI, downloadFile as aa, CloseIcon as ab, justRemove as ac, getStripe as ad, filterKeys as ae, ERROR_COLOR as af, phoneLib as ag, authState as ah, firebaseSMSCountries as ai, phoneLibPromise as aj, isNum as ak, loadQRScanner as al, throttle$1 as am, qrPromise as an, devicePixelRatio as ao, toBase64 as ap, MODAL_Z_INDEX as aq, dataURLToFile as ar, cls as as, getFieldValue$1 as at, emailPatternStr as au, replaceTextVariables as av, ReactForm as aw, Elements as ax, init as ay, updateUserId as az, jsxs as b, __read as c, fieldValues as d, __values as e, featheryDoc as f, __spreadArray as g, getDefaultExportFromCjs as h, hoverStylesGuard as i, jsx$1 as j, iosScrollOnFocus as k, __awaiter$2 as l, __generator as m, FeatheryClient as n, debounce as o, imgMaxSizeStyles as p, noTextSelectStyles as q, resetStyles as r, stringifyWithNull as s, FORM_Z_INDEX as t, useBorder as u, featheryWindow as v, css as w, __makeTemplateObject as x, isMobile as y, formatDateString as z };

package/dist/{fthry_index.CYyOgKWx.js → fthry_index.o0_GqIs7.js}

@@ -1,16 +1,16 @@
-import { b as jsxs, a as __assign, j as jsx, D as DROPDOWN_Z_INDEX, c as __read, u as useBorder, at as getFieldValue, s as stringifyWithNull, k as hoverStylesGuard, l as iosScrollOnFocus, v as FORM_Z_INDEX, r as resetStyles, au as emailPatternStr } from './fthry_index.Ddf14JA6.js';
+import { b as jsxs, a as __assign, j as jsx, D as DROPDOWN_Z_INDEX, c as __read, u as useBorder, at as getFieldValue, s as stringifyWithNull, i as hoverStylesGuard, k as iosScrollOnFocus, t as FORM_Z_INDEX, r as resetStyles, au as emailPatternStr } from './fthry_index.kOfgCMDO.js';
 import { memo, useRef, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.C8DX1xTT.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
-import { O as Overlay } from './fthry_Overlay.CaTGHPrf.js';
-import { u as useElementSize } from './fthry_useElementSize.C-0G4BJy.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CLCEl1M3.js';
-import { a as IMaskInput } from './fthry_input.DjzutNam.js';
+import { P as Placeholder } from './fthry_Placeholder.D2BgfEJ9.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
+import { O as Overlay } from './fthry_Overlay.xJ2zMPu8.js';
+import { u as useElementSize } from './fthry_useElementSize.yMElTorV.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.y-R1E9to.js';
+import { a as IMaskInput } from './fthry_input.BKW831Tj.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_index.C5zUlrOm.js';
+import './fthry_index.UVcw7OnE.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.kP74GhA8.js → fthry_index.rCNfS1b1.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, c as __read, b as jsxs, a as __assign, k as hoverStylesGuard, j as jsx, l as iosScrollOnFocus, v as FORM_Z_INDEX, r as resetStyles } from './fthry_index.Ddf14JA6.js';
+import { u as useBorder, c as __read, b as jsxs, a as __assign, i as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, t as FORM_Z_INDEX, r as resetStyles } from './fthry_index.kOfgCMDO.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.C8DX1xTT.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CLCEl1M3.js';
+import { P as Placeholder } from './fthry_Placeholder.D2BgfEJ9.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.y-R1E9to.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CaTGHPrf.js';
+import './fthry_Overlay.xJ2zMPu8.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_input.DjzutNam.js → fthry_input.BKW831Tj.js}

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

package/dist/{fthry_script.DO2CsvZO.js → fthry_script.BgSqcrR6.js}

@@ -1,4 +1,4 @@
-import { i as getDefaultExportFromCjs } from './fthry_index.Ddf14JA6.js';
+import { h as getDefaultExportFromCjs } from './fthry_index.kOfgCMDO.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/{fthry_styles.Ccd48IiB.js → fthry_styles.DbsjdZwt.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState, useMemo } from 'react';
-import { as as cls, b as jsxs, F as Fragment, j as jsx, G as Global, w as css, x as __makeTemplateObject } from './fthry_index.Ddf14JA6.js';
+import { as as cls, b as jsxs, F as Fragment, j as jsx, G as Global, w as css, x as __makeTemplateObject } from './fthry_index.kOfgCMDO.js';
 import { flushSync } from 'react-dom';
 
 function canUseDom() {

package/dist/{fthry_useElementSize.C-0G4BJy.js → fthry_useElementSize.yMElTorV.js}

@@ -1,4 +1,4 @@
-import { c as __read, h as featheryWindow } from './fthry_index.Ddf14JA6.js';
+import { c as __read, v as featheryWindow } from './fthry_index.kOfgCMDO.js';
 import { useState, useLayoutEffect } from 'react';
 
 function useElementSize(anchorRef) {

package/dist/{fthry_useSalesforceSync.B6wBqJLI.js → fthry_useSalesforceSync.Cbl44iOq.js}

@@ -1,4 +1,4 @@
-import { c as __read, m as __awaiter, n as __generator, o as FeatheryClient } from './fthry_index.Ddf14JA6.js';
+import { c as __read, l as __awaiter, m as __generator, n as FeatheryClient } from './fthry_index.kOfgCMDO.js';
 import { useState, useEffect } from 'react';
 
 function useSalesforceSync(salesforceSync, editMode) {

package/dist/{fthry_webfontloader.MZhbLTEd.js → fthry_webfontloader.BfAk31Iw.js}

@@ -1,4 +1,4 @@
-import { i as getDefaultExportFromCjs } from './fthry_index.Ddf14JA6.js';
+import { h as getDefaultExportFromCjs } from './fthry_index.kOfgCMDO.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/dist/index.js

@@ -1,4 +1,4 @@
-export { aG as AssistantChat, ax as Elements, aH as Feathery, aw as Form, aE as LoginForm, aI as StyledContainer, aC as getFieldValues, ay as init, aD as renderAt, aB as setFieldValues, aA as updateTheme, az as updateUserId, aF as useAuthClient } from './fthry_index.Ddf14JA6.js';
+export { aG as AssistantChat, ax as Elements, aH as Feathery, aw as Form, aE as LoginForm, aI as StyledContainer, aC as getFieldValues, ay as init, aD as renderAt, aB as setFieldValues, aA as updateTheme, az as updateUserId, aF as useAuthClient } from './fthry_index.kOfgCMDO.js';
 import 'react-dom/client';
 import 'react/jsx-runtime';
 import 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feathery/react",
-  "version": "2.32.0",
+  "version": "2.33.0",
   "description": "React library for Feathery",
   "author": "Boyang Dun",
   "license": "MIT",