@feathery/react 2.12.3-pr-1522.4bcc507.0 → 2.14.0

package/dist/cjs/fthry_Placeholder.BmZn9eqe.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var index = require('./fthry_index.CtdngFQd.js');
-
-function Placeholder(_a) {
-    var _b;
-    var _c, _d;
-    var value = _a.value, element = _a.element, responsiveStyles = _a.responsiveStyles, _e = _a.type, type = _e === void 0 ? 'input' : _e, _f = _a.inputFocused, inputFocused = _f === void 0 ? false : _f, _g = _a.repeatIndex, repeatIndex = _g === void 0 ? null : _g;
-    var props = element.properties;
-    var repeatPlaceholders = (_c = props.repeat_placeholder) !== null && _c !== void 0 ? _c : [];
-    var placeholder = (_d = repeatPlaceholders[repeatIndex !== null && repeatIndex !== void 0 ? repeatIndex : 0]) !== null && _d !== void 0 ? _d : (props.placeholder || '');
-    var focusedStyles = index.__assign(index.__assign({}, responsiveStyles.getTarget('placeholderFocus')), responsiveStyles.getTarget('placeholderActive'));
-    return (index.jsx("span", index.__assign({ css: index.__assign(index.__assign(index.__assign(index.__assign({ position: 'absolute', pointerEvents: 'none', insetInlineStart: '0.75rem', transition: '0.2s ease all', top: type === 'input' ? '50%' : '0.6rem' }, responsiveStyles.getTarget('placeholder')), (value ? responsiveStyles.getTarget('placeholderFocus') : {})), (inputFocused ? focusedStyles : {})), (_b = {}, _b["".concat(type, ":focus ~ &")] = focusedStyles, _b)) }, { children: placeholder })));
-}
-
-exports.Placeholder = Placeholder;

package/dist/cjs/fthry_ShowEyeIcon.Bm2XEOxd.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var index = require('./fthry_index.CtdngFQd.js');
-
-function ShowEyeIcon$1(_a) {
-    var _b = _a.width, width = _b === void 0 ? 30 : _b, _c = _a.height, height = _c === void 0 ? 30 : _c, props = index.__rest(_a, ["width", "height"]);
-    return (index.jsx("svg", index.__assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 30', fill: 'none', x: '0px', y: '0px', width: width, height: height }, props, { children: index.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M20.8248 3.19128C21.1177 3.48417 21.1177 3.95905 20.8248 4.25194L18.6412 6.43553C20.1944 7.65967 21.4426 9.37509 22.1487 11.5676C22.2392 11.8487 22.2392 12.1513 22.1487 12.4325C19.8665 19.5192 12.0388 21.4893 6.64678 18.43L4.42413 20.6526C4.13124 20.9455 3.65636 20.9455 3.36347 20.6526C3.07058 20.3597 3.07058 19.8849 3.36347 19.592L5.81711 17.1383C5.85403 17.0603 5.90456 16.9883 5.96738 16.9261L9.23128 13.6946C9.26048 13.6497 9.29496 13.6072 9.33473 13.5681C9.37317 13.5304 9.41464 13.4976 9.45835 13.4697L12.2178 10.7376L19.7642 3.19128C20.0571 2.89839 20.5319 2.89839 20.8248 3.19128ZM9.94175 15.135L7.7537 17.3231C12.3935 19.6836 18.7997 17.8825 20.712 12C20.0788 10.052 18.9647 8.56486 17.5962 7.52336L15.1423 9.95291C15.5264 10.5415 15.75 11.2451 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C11.2401 15.75 10.5325 15.5235 9.94175 15.135ZM14.0385 11.0458C14.1743 11.3354 14.25 11.6586 14.25 12C14.25 13.2426 13.2426 14.25 12 14.25C11.6567 14.25 11.3317 14.1734 11.0407 14.0361L13.276 11.8008L14.0385 11.0458ZM3.28797 12C4.88695 7.08124 9.60598 5.02175 13.8411 5.85218C14.2476 5.93188 14.6417 5.66698 14.7214 5.26051C14.8011 4.85403 14.5362 4.45991 14.1297 4.38021C9.24578 3.42256 3.70608 5.80807 1.85133 11.5676C1.76078 11.8487 1.76078 12.1513 1.85133 12.4325C2.24631 13.659 2.81178 14.7387 3.50826 15.6677C3.75674 15.9991 4.22683 16.0663 4.55824 15.8178C4.88965 15.5694 4.95689 15.0993 4.70841 14.7679C4.11894 13.9816 3.63262 13.0603 3.28797 12ZM9.75 12C9.75 10.7574 10.7574 9.75 12 9.75C12.4142 9.75 12.75 9.41421 12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75C9.41421 12.75 9.75 12.4142 9.75 12Z', fill: 'black' }) })));
-}
-
-function ShowEyeIcon(_a) {
-    var _b = _a.width, width = _b === void 0 ? 30 : _b, _c = _a.height, height = _c === void 0 ? 30 : _c, props = index.__rest(_a, ["width", "height"]);
-    return (index.jsx("svg", index.__assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 30', fill: 'none', height: height, width: width }, props, { children: index.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M20.712 12C17.97 20.4349 6.03003 20.4349 3.28797 12C6.03003 3.56512 17.97 3.56512 20.712 12ZM22.1487 11.5676C18.974 1.70927 5.02603 1.70927 1.85133 11.5676C1.76078 11.8487 1.76078 12.1513 1.85133 12.4325C5.02603 22.2907 18.974 22.2907 22.1487 12.4325C22.2392 12.1513 22.2392 11.8487 22.1487 11.5676ZM9.75 12C9.75 10.7574 10.7574 9.75 12 9.75C13.2426 9.75 14.25 10.7574 14.25 12C14.25 13.2426 13.2426 14.25 12 14.25C10.7574 14.25 9.75 13.2426 9.75 12ZM12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25Z', fill: 'black' }) })));
-}
-
-exports.ShowEyeIcon = ShowEyeIcon;
-exports.ShowEyeIcon$1 = ShowEyeIcon$1;

package/dist/cjs/fthry_index.B4YjC-C6.js

@@ -1,94 +0,0 @@
-'use strict';
-
-var index = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-var Overlay = require('./fthry_Overlay.zp3MDZez.js');
-var index$1 = require('./fthry_index.BYMaOURT.js');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-
-function TextHoverTooltip(_a) {
-    var text = _a.text, children = _a.children, containerRef = _a.containerRef;
-    var _b = index.__read(React.useState(false), 2), show = _b[0], setShow = _b[1];
-    var triggerRef = React.useRef(null);
-    if (!text)
-        return index.jsx(index.Fragment, { children: children });
-    var isMobile = index.isMobile();
-    return (index.jsxs(index.Fragment, { children: [index.jsx("span", index.__assign({ ref: triggerRef, onMouseEnter: isMobile ? undefined : function () { return setShow(true); }, onMouseLeave: isMobile ? undefined : function () { return setShow(false); }, onFocus: function () { return setShow(true); }, onBlur: function () { return setShow(false); }, onClick: function () { return setShow(function (prev) { return !prev; }); }, style: { display: 'inline-block', cursor: 'pointer' } }, { children: children })), index.jsx(Overlay.Overlay, index.__assign({ show: show, targetRef: triggerRef, containerRef: containerRef, placement: 'top', onHide: function () { return setShow(false); }, offset: 4 }, { children: index.jsx(Overlay.Tooltip, index.__assign({ id: "tooltip-".concat(text), css: {
-                        zIndex: index.FORM_Z_INDEX + 1,
-                        padding: '.4rem 0',
-                        margin: '0 1rem',
-                        transition: 'opacity .10s linear',
-                        '.tooltip-inner': {
-                            maxWidth: '200px',
-                            padding: '.25rem .5rem',
-                            color: '#fff',
-                            textAlign: 'center',
-                            backgroundColor: '#000',
-                            borderRadius: '.25rem',
-                            fontSize: 'smaller'
-                        }
-                    } }, { children: text })) }))] }));
-}
-
-function MatrixField(_a) {
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.fieldVal, fieldVal = _b === void 0 ? {} : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, _d = _a.onChange, onChange = _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;
-    var servar = element.servar;
-    var allowMultiple = servar.metadata.multiple;
-    var inputType = allowMultiple ? 'checkbox' : 'radio';
-    var containerRef = React.useRef(null);
-    var _g = responsiveStyles.getTarget('sub-fc'), backgroundColor = _g.backgroundColor, borderRadius = _g.borderRadius;
-    var styles = React.useMemo(function () {
-        index$1.applyCheckableInputStyles(element, responsiveStyles);
-        return responsiveStyles;
-    }, [responsiveStyles]);
-    var options;
-    if (repeatIndex !== null &&
-        servar.metadata.repeat_options !== undefined &&
-        servar.metadata.repeat_options[repeatIndex] !== undefined) {
-        options = servar.metadata.repeat_options[repeatIndex];
-    }
-    else {
-        options = servar.metadata.options;
-    }
-    var optionFraction = 100 / (options.length + 1);
-    var widthStyle = { minWidth: '100px', width: "".concat(optionFraction, "%") };
-    var firstColStyle = index.__assign(index.__assign({}, widthStyle), { fontWeight: 400, padding: 8 });
-    return (index.jsxs("div", index.__assign({ ref: containerRef, css: index.__assign(index.__assign({ width: '100%', height: '100%' }, responsiveStyles.getTarget('fc')), { position: 'relative', display: 'flex', flexDirection: 'column', justifyContent: 'center' }) }, elementProps, { children: [children, fieldLabel, index.jsxs("div", index.__assign({ style: { display: 'flex', flexDirection: 'row', marginBottom: 6 } }, { children: [index.jsx("div", { css: firstColStyle }), options.map(function (opt, i) {
-                        // headers
-                        return (index.jsx("div", index.__assign({ style: {
-                                flex: 1,
-                                fontWeight: 600,
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                                display: 'flex',
-                                textAlign: 'center'
-                            } }, { children: opt }), i));
-                    })] })), servar.metadata.questions.map(function (q, i) {
-                var highlight = q.highlight_color
-                    ? "#".concat(q.highlight_color)
-                    : backgroundColor;
-                return (index.jsxs("div", index.__assign({ style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        backgroundColor: highlight,
-                        borderRadius: borderRadius,
-                        marginBottom: 6
-                    } }, { children: [index.jsx(TextHoverTooltip, index.__assign({ text: q.tooltip }, { children: index.jsx("div", index.__assign({ css: firstColStyle }, { children: q.label })) })), options.map(function (opt, j) {
-                            var questionVal = fieldVal[q.id];
-                            var isChecked = Array.isArray(questionVal) && questionVal.includes(opt);
-                            return (index.jsx("div", index.__assign({ css: {
-                                    flex: 1,
-                                    justifyContent: 'center',
-                                    alignItems: 'center',
-                                    display: 'flex'
-                                } }, { children: index.jsx("input", { type: inputType, name: repeatIndex !== null
-                                        ? "".concat(servar.key, "-").concat(i, "-").concat(repeatIndex)
-                                        : "".concat(servar.key, "-").concat(i), "aria-label": element.properties.aria_label, "data-question-id": q.id, value: opt, disabled: disabled || q.read_only, checked: isChecked, onChange: onChange, onFocus: index.iosScrollOnFocus, css: index$1.composeCheckableInputStyle(styles, disabled, !allowMultiple) }) }), j));
-                        })] }), i));
-            })] })));
-}
-
-exports.default = MatrixField;

package/dist/cjs/fthry_index.B9-9P9JF.js

@@ -1,54 +0,0 @@
-'use strict';
-
-var index$1 = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BmZn9eqe.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CbVeAbj-.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.Bm2XEOxd.js');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-require('./fthry_Overlay.zp3MDZez.js');
-
-function PasswordField(_a) {
-    var _b;
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _c = _a.elementProps, elementProps = _c === void 0 ? {} : _c, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.repeatIndex, repeatIndex = _f === void 0 ? null : _f, editMode = _a.editMode, _g = _a.onChange, onChange = _g === void 0 ? function () { } : _g, _h = _a.onEnter, onEnter = _h === void 0 ? function () { } : _h, _j = _a.setRef, setRef = _j === void 0 ? function () { } : _j, _k = _a.rawValue, rawValue = _k === void 0 ? '' : _k, inlineError = _a.inlineError, children = _a.children;
-    var _l = index$1.useBorder({
-        element: element,
-        error: inlineError,
-        breakpoint: responsiveStyles.getMobileBreakpoint()
-    }), borderStyles = _l.borderStyles, customBorder = _l.customBorder, borderId = _l.borderId;
-    var _m = index$1.__read(React.useState(false), 2), showPassword = _m[0], setShowPassword = _m[1];
-    var containerRef = React.useRef(null);
-    var servar = element.servar;
-    var spacing = element.properties.tooltipText ? 30 : 8;
-    return (index$1.jsxs("div", index$1.__assign({ ref: containerRef, css: index$1.__assign({ maxWidth: '100%', width: '100%', height: '100%', position: 'relative', pointerEvents: editMode ? 'none' : 'auto' }, responsiveStyles.getTarget('fc')) }, elementProps, { children: [children, fieldLabel, index$1.jsxs("div", index$1.__assign({ css: index$1.__assign(index$1.__assign(index$1.__assign({ position: 'relative', width: '100%', whiteSpace: 'nowrap', 
-                    // Prevent placeholder overflow
-                    overflowX: 'clip' }, responsiveStyles.getTarget('sub-fc')), (disabled ? responsiveStyles.getTarget('disabled') : {})), { '&:hover': index$1.hoverStylesGuard(disabled
-                        ? {}
-                        : index$1.__assign(index$1.__assign({}, responsiveStyles.getTarget('hover')), borderStyles.hover)) }) }, { children: [index$1.jsx("input", { id: servar.key, name: servar.key, css: {
-                            '.feathery &': index$1.__assign(index$1.__assign(index$1.__assign({ position: 'relative', 
-                                // Position input above the border div
-                                zIndex: index$1.FORM_Z_INDEX, height: '100%', width: '100%', border: 'none', margin: 0, backgroundColor: 'transparent' }, index$1.resetStyles), responsiveStyles.getTarget('field')), (_b = {}, _b["&:focus ~ #".concat(borderId)] = Object.values(borderStyles.active)[0], _b['&:not(:focus)'] = rawValue || !element.properties.placeholder
-                                ? {}
-                                : { color: 'transparent !important' }, _b))
-                        }, "aria-label": element.properties.aria_label, maxLength: servar.max_length, minLength: servar.min_length, required: required, onChange: function (e) {
-                            if (servar.max_length && e.target.value.length > servar.max_length)
-                                return;
-                            onChange(e);
-                        }, onKeyDown: function (e) {
-                            if (e.key === 'Enter')
-                                onEnter(e);
-                        }, placeholder: '', disabled: disabled, value: rawValue, ref: setRef, autoComplete: 'off', type: showPassword ? 'text' : 'password', onFocus: index$1.iosScrollOnFocus }), rawValue && (index$1.jsx("div", index$1.__assign({ css: {
-                            position: 'absolute',
-                            cursor: 'pointer',
-                            insetInlineEnd: "".concat(spacing, "px"),
-                            // We need to subtract half the height of the icon to center it
-                            top: 'calc(50% - 12px)',
-                            zIndex: index$1.FORM_Z_INDEX
-                        }, onClick: function () { return setShowPassword(function (prev) { return !prev; }); }, "aria-label": 'Toggle password visibility' }, { children: showPassword ? index$1.jsx(ShowEyeIcon.ShowEyeIcon, {}) : index$1.jsx(ShowEyeIcon.ShowEyeIcon$1, {}) }))), customBorder, index$1.jsx(Placeholder.Placeholder, { value: rawValue, element: element, responsiveStyles: responsiveStyles, repeatIndex: repeatIndex }), index$1.jsx(InlineTooltip.InlineTooltip, { containerRef: containerRef, id: element.id, text: element.properties.tooltipText, responsiveStyles: responsiveStyles, repeat: element.repeat })] }))] })));
-}
-var index = React.memo(PasswordField);
-
-exports.default = index;

package/dist/cjs/fthry_index.BGZ09_Df.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var index$1 = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BmZn9eqe.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CbVeAbj-.js');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-require('./fthry_Overlay.zp3MDZez.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;
-    var _j = index$1.__read(React.useState(false), 2), focused = _j[0], setFocused = _j[1];
-    var containerRef = React.useRef(null);
-    var _k = index$1.useBorder({
-        element: element,
-        error: inlineError,
-        breakpoint: responsiveStyles.getMobileBreakpoint()
-    }), borderStyles = _k.borderStyles, customBorder = _k.customBorder;
-    var servar = element.servar;
-    return (index$1.jsxs("div", index$1.__assign({ ref: containerRef, css: index$1.__assign({ maxWidth: '100%', position: 'relative', pointerEvents: editMode ? 'none' : 'auto', width: '100%', height: '100%' }, responsiveStyles.getTarget('fc')) }, elementProps, { children: [children, fieldLabel, index$1.jsxs("div", index$1.__assign({ css: index$1.__assign(index$1.__assign(index$1.__assign({ position: 'relative', width: '100%', 
-                    // Prevent placeholder overflow
-                    overflowX: 'clip' }, responsiveStyles.getTarget('sub-fc')), (disabled ? responsiveStyles.getTarget('disabled') : {})), { '&:hover': index$1.hoverStylesGuard(disabled
-                        ? {}
-                        : index$1.__assign(index$1.__assign({}, responsiveStyles.getTarget('hover')), borderStyles.hover)), '&&': focused
-                        ? index$1.__assign(index$1.__assign({}, responsiveStyles.getTarget('active')), borderStyles.active) : {} }) }, { children: [customBorder, index$1.jsx("textarea", { id: servar.key, css: index$1.__assign(index$1.__assign(index$1.__assign(index$1.__assign({ position: 'relative', height: '100%', width: '100%', border: 'none', margin: 0, backgroundColor: 'transparent', resize: 'none' }, index$1.resetStyles), { padding: '0.5rem 0.75rem' }), responsiveStyles.getTarget('field')), (focused || rawValue || !element.properties.placeholder
-                            ? {}
-                            : { color: 'transparent !important' })), "aria-label": element.properties.aria_label, maxLength: servar.max_length || 4096, minLength: servar.min_length, required: required, onChange: onChange, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, placeholder: '', disabled: disabled, value: rawValue, rows: element.styles.num_rows, ref: setRef }), index$1.jsx(Placeholder.Placeholder, { value: rawValue, element: element, responsiveStyles: responsiveStyles, type: 'textarea', repeatIndex: repeatIndex }), index$1.jsx(InlineTooltip.InlineTooltip, { containerRef: containerRef, id: element.id, text: element.properties.tooltipText, responsiveStyles: responsiveStyles, repeat: element.repeat })] }))] })));
-}
-var index = React.memo(TextArea);
-
-exports.default = index;

package/dist/cjs/fthry_index.BHZiDOJy.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var index = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.CbVeAbj-.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DURMJ7-O.js');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-require('./fthry_Overlay.zp3MDZez.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;
-    var containerRef = React.useRef(null);
-    var servar = element.servar;
-    var _g = useSalesforceSync.useSalesforceSync(servar.metadata.salesforce_sync, editMode), dynamicOptions = _g.dynamicOptions, loadingDynamicOptions = _g.loadingDynamicOptions, shouldSalesforceSync = _g.shouldSalesforceSync;
-    var selectedOptMap = React.useMemo(function () {
-        return Array.isArray(fieldVal)
-            ? fieldVal.reduce(function (map, selected) {
-                map[selected] = true;
-                return map;
-            }, {})
-            : {};
-    }, [fieldVal]);
-    var _h = index.useBorder({
-        element: element,
-        error: inlineError,
-        breakpoint: responsiveStyles.getMobileBreakpoint()
-    }), borderStyles = _h.borderStyles, customBorder = _h.customBorder;
-    var labels = servar.metadata.option_labels;
-    var tooltips = servar.metadata.option_tooltips;
-    var options;
-    if (shouldSalesforceSync) {
-        options = dynamicOptions.map(function (option) { return ({
-            value: option.value,
-            label: option.label,
-            tooltip: ''
-        }); });
-    }
-    else if (repeatIndex !== null &&
-        servar.metadata.repeat_options !== undefined &&
-        servar.metadata.repeat_options[repeatIndex] !== undefined) {
-        options = servar.metadata.repeat_options[repeatIndex];
-    }
-    else {
-        options = servar.metadata.options.map(function (opt, index) { return ({
-            value: opt,
-            label: labels && labels[index] ? labels[index] : opt,
-            tooltip: tooltips && tooltips[index] ? tooltips[index] : ''
-        }); });
-    }
-    return (index.jsxs("div", index.__assign({ ref: containerRef, css: index.__assign({ position: 'relative', width: '100%', height: '100%', pointerEvents: editMode || disabled || loadingDynamicOptions ? 'none' : 'auto' }, responsiveStyles.getTarget('fc')) }, { children: [children, fieldLabel, index.jsxs("div", index.__assign({ css: index.__assign({ display: 'flex', flexWrap: 'wrap', width: '100%' }, responsiveStyles.getTarget('bc')) }, elementProps, { children: [options.map(function (option, index$1) {
-                        var _a, _b, _c;
-                        var value = (_a = option.value) !== null && _a !== void 0 ? _a : option;
-                        var label = (_b = option.label) !== null && _b !== void 0 ? _b : option;
-                        var imageUrl = option.image
-                            ? option.image
-                            : servar.metadata.option_images[index$1];
-                        var tooltip = (_c = option.tooltip) !== null && _c !== void 0 ? _c : '';
-                        return (index.jsxs("div", index.__assign({ onClick: function () {
-                                if (!editMode && !disabled && !loadingDynamicOptions) {
-                                    onClick(value);
-                                }
-                            }, css: index.__assign(index.__assign({ position: 'relative', display: 'flex', justifyContent: 'center', alignItems: 'center', boxSizing: 'border-box', cursor: 'pointer' }, responsiveStyles.getTarget('field')), { '&:hover': index.hoverStylesGuard(editMode || disabled || loadingDynamicOptions
-                                    ? {}
-                                    : index.__assign(index.__assign({}, responsiveStyles.getTarget('hover')), borderStyles.hover)), '&&': selectedOptMap[value]
-                                    ? index.__assign(index.__assign({}, responsiveStyles.getTarget('active')), borderStyles.active) : {} }) }, { children: [customBorder, imageUrl && (index.jsx("img", { src: imageUrl, css: index.__assign(index.__assign({}, index.imgMaxSizeStyles), responsiveStyles.getTargets('img')) })), label && (index.jsx("div", index.__assign({ css: index.__assign(index.__assign({ display: 'flex', maxWidth: '100%' }, responsiveStyles.getTargets('label')), index.noTextSelectStyles) }, { children: label }))), tooltip && (index.jsx(InlineTooltip.InlineTooltip, { containerRef: containerRef, id: "".concat(element.id, "-").concat(label), text: tooltip, responsiveStyles: responsiveStyles, absolute: false, repeat: element.repeat }))] }), "".concat(servar.key, "-").concat(index$1)));
-                    }), index.jsx(index.ErrorInput, { id: servar.key, name: servar.key, "aria-label": element.properties.aria_label })] }))] })));
-}
-
-exports.default = ButtonGroupField;

package/dist/cjs/fthry_index.BMG2-fL2.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var index = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-
-function RatingStar(props) {
-    return (index.jsx("svg", index.__assign({ width: '32', viewBox: '0 0 32 31', fill: '#D9D9D9', xmlns: 'http://www.w3.org/2000/svg' }, props, { children: index.jsx("path", { d: 'M24.9576 20.3922C24.8671 19.8489 25.0482 19.2875 25.4466 18.9072L31.2598 13.1846C31.6401 12.8224 31.7849 12.3515 31.7668 11.8988C31.7668 11.8263 31.7668 11.7539 31.7487 11.6815C31.6763 11.3555 31.5314 11.0476 31.296 10.8122L31.2055 10.7216C31.1873 10.7126 31.1738 10.699 31.1602 10.6854C31.1466 10.6718 31.133 10.6583 31.1149 10.6492C30.8976 10.4862 30.6259 10.3595 30.3181 10.3232L30.137 10.3051L22.2593 9.16422C21.9514 9.1099 21.6798 8.98313 21.4444 8.80203C21.2633 8.65715 21.1003 8.45795 20.9916 8.24063L17.3878 0.942454C17.098 0.344836 16.5367 0.0188638 15.9571 0.000754181C15.3414 -0.0173554 14.7076 0.290508 14.3816 0.942454L10.7778 8.24063C10.5424 8.7477 10.0534 9.09179 9.51012 9.16422L1.45135 10.3413C0.0569115 10.5406 -0.48639 12.2429 0.509634 13.2208L6.34093 18.9072C6.73936 19.2875 6.92044 19.8489 6.8299 20.3922L5.45356 28.4148C5.43547 28.5595 5.43546 28.6862 5.43546 28.8129C5.47167 29.3018 5.70711 29.7186 6.05118 30.0084C6.54014 30.4068 7.24642 30.5336 7.89837 30.1895L13.0053 27.5093L15.1241 26.4046C15.4139 26.2597 15.7398 26.1873 16.0658 26.2235C16.2831 26.2416 16.5004 26.2959 16.6996 26.4046L16.7358 26.4227L23.527 29.9903L23.8892 30.1895C25.1206 30.8414 26.5694 29.7911 26.3339 28.4148L24.9576 20.3922Z' }) })));
-}
-
-function Heart(props) {
-    return (index.jsx("svg", index.__assign({ xmlns: 'http://www.w3.org/2000/svg', width: '32', viewBox: '0 0 24 24', fill: '#000000' }, props, { children: index.jsx("path", { d: 'M12 5.881C12.981 4.729 14.484 4 16.05 4C18.822 4 21 6.178 21 8.95C21 12.3492 17.945 15.1195 13.3164 19.3167L13.305 19.327L12 20.515L10.695 19.336L10.6595 19.3037C6.04437 15.1098 3 12.3433 3 8.95C3 6.178 5.178 4 7.95 4C9.516 4 11.019 4.729 12 5.881Z' }) })));
-}
-
-function RatingField(_a) {
-    var _b;
-    var element = _a.element, fieldLabel = _a.fieldLabel, responsiveStyles = _a.responsiveStyles, fieldVal = _a.fieldVal, editMode = _a.editMode, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, _d = _a.elementProps, elementProps = _d === void 0 ? {} : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, children = _a.children;
-    var _f = index.__read(React.useState(null), 2), hoverIndex = _f[0], setHoverIndex = _f[1];
-    var servar = element.servar;
-    var numRatings = (_b = servar.max_length) !== null && _b !== void 0 ? _b : 5;
-    // If no field value, default to 1 less than the max
-    fieldVal = fieldVal !== null && fieldVal !== void 0 ? fieldVal : numRatings - 1;
-    var Icon = element.styles.icon_type === 'heart' ? Heart : RatingStar;
-    return (index.jsxs("div", index.__assign({ css: index.__assign({ maxWidth: '100%', width: '100%', height: '100%', position: 'relative' }, responsiveStyles.getTarget('fc')) }, elementProps, { children: [children, fieldLabel, index.jsxs("div", index.__assign({ css: { display: 'flex', justifyContent: 'space-around' } }, { children: [Array(numRatings)
-                        .fill(null)
-                        .map(function (_, index$1) {
-                        var activeStyles = {};
-                        if (hoverIndex === null) {
-                            if (index$1 <= fieldVal - 1)
-                                activeStyles = responsiveStyles.getTarget('selectedRating');
-                        }
-                        else if (index$1 <= hoverIndex)
-                            activeStyles = responsiveStyles.getTarget('hoverRating');
-                        return (index.jsx(Icon, { onClick: function () { return onChange(index$1 + 1); }, onMouseEnter: function () { return setHoverIndex(index$1); }, onMouseLeave: function () { return setHoverIndex(null); }, css: index.__assign(index.__assign({ pointerEvents: editMode || disabled ? 'none' : 'auto', cursor: editMode || disabled ? 'default' : 'pointer', width: "".concat(100 / numRatings, "%"), paddingRight: '5px' }, responsiveStyles.getTarget('field')), activeStyles) }, index$1));
-                    }), index.jsx(index.ErrorInput, { id: servar.key, name: servar.key, "aria-label": element.properties.aria_label })] }))] })));
-}
-
-exports.default = RatingField;

package/dist/cjs/fthry_index.BRcdDEP7.js

@@ -1,130 +0,0 @@
-'use strict';
-
-var index$1 = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BmZn9eqe.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CbVeAbj-.js');
-var Overlay = require('./fthry_Overlay.zp3MDZez.js');
-var useElementSize = require('./fthry_useElementSize.CUMmUgEh.js');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-
-function useMounted() {
-    var mounted = React.useRef(true);
-    React.useEffect(function () {
-        mounted.current = true; // Handle remount
-        return function () {
-            mounted.current = false;
-        };
-    }, []);
-    return mounted;
-}
-
-function isKeydownValid(event) {
-    return Boolean(event.isTrusted && event.code);
-}
-
-var SEARCH_DELAY_TIME_MS = 500;
-var EXIT_DELAY_TIME_MS = 200;
-function AddressLine1(_a) {
-    var _this = this;
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, autoComplete = _a.autoComplete, editMode = _a.editMode, _d = _a.repeatIndex, repeatIndex = _d === void 0 ? null : _d, _e = _a.onSelect, onSelect = _e === void 0 ? function () { } : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { } : _f, required = _a.required, _g = _a.onBlur, onBlur = _g === void 0 ? function () { } : _g, _h = _a.onEnter, onEnter = _h === void 0 ? function () { } : _h, _j = _a.setRef, setRef = _j === void 0 ? function () { } : _j, _k = _a.value, value = _k === void 0 ? '' : _k, inlineError = _a.inlineError, children = _a.children;
-    var servar = element.servar;
-    var options = useAddressSearch(value, servar);
-    var _l = index$1.__read(React.useState(false), 2), showOptions = _l[0], setShowOptions = _l[1];
-    var _m = index$1.__read(React.useState(false), 2), focused = _m[0], setFocused = _m[1];
-    var inputRef = React.useRef(null);
-    var containerRef = React.useRef(null);
-    var fieldWrapperRef = React.useRef(null);
-    var dropdownWidth = useElementSize.useElementSize(fieldWrapperRef).width;
-    var _o = index$1.useBorder({
-        element: element,
-        error: inlineError,
-        breakpoint: responsiveStyles.getMobileBreakpoint()
-    }), borderStyles = _o.borderStyles, customBorder = _o.customBorder;
-    return (index$1.jsxs("div", index$1.__assign({ ref: containerRef, css: index$1.__assign({ maxWidth: '100%', width: '100%', height: '100%', position: 'relative', pointerEvents: editMode ? 'none' : 'auto' }, responsiveStyles.getTarget('fc')) }, elementProps, { children: [children, fieldLabel, index$1.jsxs("div", index$1.__assign({ ref: fieldWrapperRef, css: index$1.__assign(index$1.__assign(index$1.__assign({ position: 'relative', width: '100%', 
-                    // Prevent placeholder overflow
-                    overflowX: 'clip' }, responsiveStyles.getTarget('sub-fc')), (disabled ? responsiveStyles.getTarget('disabled') : {})), { '&:hover': index$1.hoverStylesGuard(disabled
-                        ? {}
-                        : index$1.__assign(index$1.__assign({}, responsiveStyles.getTarget('hover')), borderStyles.hover)), '&&': focused
-                        ? index$1.__assign(index$1.__assign({}, responsiveStyles.getTarget('active')), borderStyles.active) : {} }) }, { children: [customBorder, index$1.jsx("input", { id: servar.key, name: servar.key, css: index$1.__assign(index$1.__assign(index$1.__assign({ position: 'relative', height: '100%', width: '100%', border: 'none', margin: 0, backgroundColor: 'transparent' }, index$1.resetStyles), responsiveStyles.getTarget('field')), (focused || value || !element.properties.placeholder
-                            ? {}
-                            : { color: 'transparent !important' })), maxLength: servar.max_length, minLength: servar.min_length, placeholder: '', disabled: disabled, "aria-label": element.properties.aria_label, autoComplete: autoComplete === 'on' ? 'street-address' : 'new-password', value: value, ref: function (ref) {
-                            inputRef.current = ref;
-                            setRef(ref);
-                        }, onKeyDown: function (e) {
-                            if (!isKeydownValid(e))
-                                return;
-                            if (e.key === 'Enter')
-                                onEnter(e);
-                            else
-                                setShowOptions(e.key !== 'Escape');
-                        }, onFocus: function (event) {
-                            setFocused(true);
-                            index$1.iosScrollOnFocus(event);
-                        }, onBlur: function (e) {
-                            setTimeout(function () { return setShowOptions(false); }, EXIT_DELAY_TIME_MS);
-                            onBlur(e);
-                            setFocused(false);
-                        }, onChange: onChange, required: required }), index$1.jsx(Overlay.Overlay, index$1.__assign({ show: showOptions && options.length > 0, targetRef: inputRef, containerRef: containerRef, placement: 'bottom-start', offset: 4, onHide: function () { return setShowOptions(false); } }, { children: index$1.jsx("ul", index$1.__assign({ css: index$1.__assign({ zIndex: index$1.DROPDOWN_Z_INDEX, listStyleType: 'none', padding: 0, margin: 0, backgroundColor: 'white', cursor: 'pointer', boxShadow: '0 0 4px rgb(0 0 0 / 15%)', width: dropdownWidth !== undefined ? "".concat(dropdownWidth, "px") : '100%' }, responsiveStyles.getTarget('dropdown')) }, { children: options.map(function (_a) {
-                                var display = _a.display, addressId = _a.address_id;
-                                return (index$1.jsx("li", index$1.__assign({ css: {
-                                        padding: '8px 14px',
-                                        transition: '0.1s ease all',
-                                        '&:hover': index$1.hoverStylesGuard({
-                                            backgroundColor: '#e6e6e633'
-                                        })
-                                    }, onClick: function () { return index$1.__awaiter(_this, void 0, void 0, function () {
-                                        var details;
-                                        var _a;
-                                        return index$1.__generator(this, function (_b) {
-                                            switch (_b.label) {
-                                                case 0: return [4 /*yield*/, new index$1.FeatheryClient().addressDetail(addressId)];
-                                                case 1:
-                                                    details = _b.sent();
-                                                    onSelect(details, addressId);
-                                                    setShowOptions(false);
-                                                    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                                                    return [2 /*return*/];
-                                            }
-                                        });
-                                    }); } }, { children: display }), display));
-                            }) })) })), index$1.jsx(Placeholder.Placeholder, { value: value, element: element, responsiveStyles: responsiveStyles, repeatIndex: repeatIndex }), index$1.jsx(InlineTooltip.InlineTooltip, { containerRef: containerRef, id: element.id, text: element.properties.tooltipText, responsiveStyles: responsiveStyles, repeat: element.repeat })] }))] })));
-}
-function useAddressSearch(searchTerm, servar) {
-    var _a;
-    var meta = servar.metadata;
-    var active = meta.address_autocomplete;
-    var country = (_a = meta.autocomplete_country) !== null && _a !== void 0 ? _a : '';
-    var mounted = useMounted();
-    var _b = index$1.__read(React.useState(searchTerm), 2), term = _b[0], setTerm = _b[1];
-    var _c = index$1.__read(React.useState([]), 2), results = _c[0], setResults = _c[1];
-    var fetchAddresses = React.useCallback(index$1.debounce(function (newTerm) {
-        new index$1.FeatheryClient()
-            .addressSearchResults(newTerm, country, servar.type === 'gmap_city')
-            .then(function (addresses) {
-            if (mounted.current) {
-                setResults(addresses);
-                setTerm(newTerm);
-            }
-        });
-    }, SEARCH_DELAY_TIME_MS), [setResults, setTerm]);
-    React.useEffect(function () {
-        var trimmedTerm = searchTerm.trim();
-        if (!active || trimmedTerm === term)
-            return;
-        if (trimmedTerm.length > 3)
-            fetchAddresses(trimmedTerm);
-        else {
-            if (results.length)
-                setResults([]);
-            setTerm(trimmedTerm);
-        }
-    }, [searchTerm]);
-    return results;
-}
-var index = React.memo(AddressLine1);
-
-exports.default = index;

package/dist/cjs/fthry_index.BYMaOURT.js

@@ -1,140 +0,0 @@
-'use strict';
-
-var index = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-
-// Draws a checkmark, similar in dimensions to the default Chrome checkbox, in CSS
-var checkmarkClipPath = 'polygon(40% 85%, 89% 23%, 76% 12%, 39% 59%, 23% 44%, 12% 55%)';
-var MIN_CHECKBOX_PX = 13;
-// Possibly extract this to its own file, however the radio type is nearly identical to checkbox
-var radio = function (size, color) {
-    size = Math.floor(size / 1.7);
-    return {
-        height: size,
-        width: size,
-        minWidth: size,
-        minHeight: size,
-        border: 0,
-        boxShadow: "inset ".concat(size, "px ").concat(size, "px #").concat(color),
-        borderRadius: '50%'
-    };
-};
-var checkbox = function (size, color) {
-    return {
-        boxShadow: "inset ".concat(size, "px ").concat(size, "px #").concat(color),
-        clipPath: checkmarkClipPath
-    };
-};
-var scaleCheckboxSize = function (fontSize) {
-    return Math.max(fontSize, MIN_CHECKBOX_PX);
-};
-var applyHeightWidthMarginByFontSize = function (responsiveStyles, target, single) {
-    if (single === void 0) { single = false; }
-    responsiveStyles.apply(target, ['font_size'], function (fontSize) {
-        var scaled = scaleCheckboxSize(fontSize);
-        var scaledSize = "".concat(scaled, "px");
-        var styles = {
-            minHeight: scaledSize,
-            height: scaledSize,
-            minWidth: scaledSize,
-            width: scaledSize
-        };
-        var margin = Math.max(scaled / 2, 10);
-        if (!single)
-            styles.marginRight = "".concat(margin, "px");
-        return styles;
-    });
-};
-var applyCheckmarkByFontSize = function (responsiveStyles, target, colorProperty, isRadio) {
-    responsiveStyles.apply(target, ['font_size', colorProperty], function (fontSize, color) {
-        var scaledSize = scaleCheckboxSize(fontSize);
-        return isRadio ? radio(scaledSize, color) : checkbox(scaledSize, color);
-    });
-};
-var applyLabelHeightByFontSize = function (responsiveStyles, target) {
-    responsiveStyles.apply(target, ['font_size', 'line_height'], function (fontSize, lineHeight) {
-        if (!lineHeight)
-            lineHeight = scaleCheckboxSize(fontSize);
-        var topOffset = (lineHeight - fontSize) / 2;
-        return {
-            position: 'relative',
-            top: "-".concat(topOffset, "px"),
-            lineHeight: "".concat(lineHeight, "px")
-        };
-    });
-};
-var applyCheckmark = function (responsiveStyles, target, colorProperty) {
-    responsiveStyles.apply(target, ['height', 'height_unit', 'width', 'width_unit', colorProperty], function (height, heightUnit, width, widthUnit, color) {
-        return {
-            boxShadow: "inset ".concat(width).concat(widthUnit, " ").concat(height).concat(heightUnit, " #").concat(color),
-            clipPath: checkmarkClipPath
-        };
-    });
-};
-function applyCheckableInputStyles(element, responsiveStyles) {
-    responsiveStyles.addTargets('checkbox', 'checkboxCheckmark', 'checkboxSelected', 'checkboxHover', 'checkboxCheckmarkHover', 'checkboxLabel');
-    var _a = element.servar, type = _a.type, multiple = _a.metadata.multiple;
-    var isRadioGroup = type === 'select' || (type === 'matrix' && !multiple);
-    var isCheckboxGroup = type === 'multiselect' ||
-        type === 'checkbox_group' ||
-        (type === 'matrix' && multiple);
-    var scaleWithFontSize = isCheckboxGroup || isRadioGroup;
-    // width/height styles
-    if (scaleWithFontSize) {
-        applyLabelHeightByFontSize(responsiveStyles, 'checkboxLabel');
-        applyHeightWidthMarginByFontSize(responsiveStyles, 'checkbox', true);
-        applyHeightWidthMarginByFontSize(responsiveStyles, 'checkboxCheckmark', true);
-        applyHeightWidthMarginByFontSize(responsiveStyles, 'checkboxCheckmarkHover', true);
-        applyCheckmarkByFontSize(responsiveStyles, 'checkboxCheckmark', 'selected_font_color', isRadioGroup);
-        applyCheckmarkByFontSize(responsiveStyles, 'checkboxCheckmarkHover', 'hover_font_color', isRadioGroup);
-    }
-    else {
-        responsiveStyles.applyHeight('checkbox');
-        responsiveStyles.applyWidth('checkbox');
-        responsiveStyles.applyHeight('checkboxCheckmark');
-        responsiveStyles.applyWidth('checkboxCheckmark');
-        responsiveStyles.applyHeight('checkboxCheckmarkHover');
-        responsiveStyles.applyWidth('checkboxCheckmarkHover');
-        applyCheckmark(responsiveStyles, 'checkboxCheckmark', 'selected_font_color');
-        applyCheckmark(responsiveStyles, 'checkboxCheckmarkHover', 'hover_font_color');
-    }
-    // base styles
-    responsiveStyles.applyBorders({ target: 'checkbox' });
-    if (!isRadioGroup)
-        responsiveStyles.applyCorners('checkbox');
-    responsiveStyles.applyBoxShadow('checkbox');
-    responsiveStyles.applyColor('checkbox', 'background_color', 'backgroundColor', true);
-    responsiveStyles.applySelectorStyles('checkboxHover', {
-        prefix: 'hover_',
-        important: true
-    });
-    responsiveStyles.applySelectorStyles('checkboxSelected', {
-        prefix: 'selected_',
-        important: true
-    });
-    return responsiveStyles;
-}
-var composeCheckableInputStyle = function (styles, noHover, isRadio) {
-    if (noHover === void 0) { noHover = false; }
-    if (isRadio === void 0) { isRadio = false; }
-    return index.__assign(index.__assign({ position: 'static', marginLeft: 5, marginRight: 5, marginTop: 0, marginBottom: 0, appearance: 'none', display: 'grid', placeContent: 'center', 
-        // On error in Safari, checkboxes can have a misshapen outline so disable
-        outline: 'none', borderRadius: isRadio ? '50%' : null }, styles.getTarget('checkbox')), { '&:hover': index.hoverStylesGuard(noHover ? {} : styles.getTarget('checkboxHover')), '&::before': index.__assign({ content: "''", transform: 'scale(0)' }, styles.getTarget('checkboxCheckmark')), '&:hover::before': index.hoverStylesGuard(index.__assign(index.__assign({}, styles.getTarget('checkboxCheckmark')), styles.getTarget('checkboxCheckmarkHover'))), '&:checked': index.__assign({}, styles.getTarget('checkboxSelected')), '&:checked::before': {
-            transform: 'scale(1)'
-        } });
-};
-function CheckboxField(_a) {
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.fieldVal, fieldVal = _b === void 0 ? true : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, _d = _a.elementProps, elementProps = _d === void 0 ? {} : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, children = _a.children;
-    var styles = React.useMemo(function () { return applyCheckableInputStyles(element, responsiveStyles); }, [responsiveStyles]);
-    var servar = element.servar;
-    return (index.jsxs("div", index.__assign({ css: index.__assign(index.__assign({}, responsiveStyles.getTarget('fc')), { position: 'relative', display: 'flex' }) }, elementProps, { children: [children, index.jsx("input", { id: servar.key, name: servar.key, type: 'checkbox', checked: fieldVal, disabled: disabled, onChange: onChange, onFocus: index.iosScrollOnFocus, "aria-label": element.properties.aria_label, css: index.__assign(index.__assign(index.__assign({}, composeCheckableInputStyle(styles, disabled)), (disabled ? responsiveStyles.getTarget('disabled') : {})), { marginTop: '4px', '&:focus-visible': { border: '1px solid rgb(74, 144, 226)' } }) }), fieldLabel] })));
-}
-
-exports.applyCheckableInputStyles = applyCheckableInputStyles;
-exports.applyHeightWidthMarginByFontSize = applyHeightWidthMarginByFontSize;
-exports.composeCheckableInputStyle = composeCheckableInputStyle;
-exports.default = CheckboxField;