@comet/admin 8.0.0-beta.5 → 8.0.0-beta.6

package/lib/form/FinalFormSelect.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FinalFormSelect = void 0;
+var _adminIcons = require("@comet/admin-icons");
 var _material = require("@mui/material");
 var _reactIntl = require("react-intl");
 var _ClearInputAdornment = require("../common/ClearInputAdornment");
 var _FinalFormSelect = require("./FinalFormSelect.sc");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["checked", "value", "name", "onChange", "onFocus", "onBlur"],
-  _excluded2 = ["input", "meta", "isAsync", "options", "loading", "getOptionLabel", "getOptionValue", "children", "required"];
+  _excluded2 = ["input", "meta", "isAsync", "options", "loading", "loadingError", "getOptionLabel", "getOptionValue", "noOptionsLabel", "errorLabel", "children", "required"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -25,6 +26,12 @@ var getHasClearableContent = function getHasClearableContent(value, multiple) {
   }
   return value !== undefined && value !== "";
 };
+
+/**
+ * Final Form-compatible Select component.
+ *
+ * @see {@link SelectField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
 var FinalFormSelect = exports.FinalFormSelect = function FinalFormSelect(_ref) {
   var _restInput$multiple;
   var _ref$input = _ref.input,
@@ -42,6 +49,7 @@ var FinalFormSelect = exports.FinalFormSelect = function FinalFormSelect(_ref) {
     options = _ref$options === void 0 ? [] : _ref$options,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
+    loadingError = _ref.loadingError,
     _ref$getOptionLabel = _ref.getOptionLabel,
     getOptionLabel = _ref$getOptionLabel === void 0 ? function (option) {
       if (_typeof(option) === "object") {
@@ -59,6 +67,22 @@ var FinalFormSelect = exports.FinalFormSelect = function FinalFormSelect(_ref) {
         return String(option);
       }
     } : _ref$getOptionValue,
+    _ref$noOptionsLabel = _ref.noOptionsLabel,
+    noOptionsLabel = _ref$noOptionsLabel === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      variant: "body2",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "finalFormSelect.noOptions",
+        defaultMessage: "No options."
+      })
+    }) : _ref$noOptionsLabel,
+    _ref$errorLabel = _ref.errorLabel,
+    errorLabel = _ref$errorLabel === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      variant: "body2",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "finalFormSelect.error",
+        defaultMessage: "Error loading options."
+      })
+    }) : _ref$errorLabel,
     children = _ref.children,
     required = _ref.required,
     rest = _objectWithoutProperties(_ref, _excluded2);
@@ -89,17 +113,11 @@ var FinalFormSelect = exports.FinalFormSelect = function FinalFormSelect(_ref) {
     }));
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, _objectSpread(_objectSpread({}, selectProps), {}, {
-    endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.InputAdornment, {
-        position: "end",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
-          size: 16,
-          color: "inherit"
-        }), endAdornment]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
-        position: "end",
-        children: endAdornment
-      })
+    endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.InputAdornment, {
+      position: "end",
+      children: [loadingError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Error, {
+        color: "error"
+      }), endAdornment]
     }),
     onChange: function onChange(event) {
       var value = event.target.value;
@@ -111,14 +129,16 @@ var FinalFormSelect = exports.FinalFormSelect = function FinalFormSelect(_ref) {
         return getOptionValue(i) == value;
       }));
     },
-    value: value,
+    value: Array.isArray(value) ? value.map(function (i) {
+      return getOptionValue(i);
+    }) : getOptionValue(value),
     renderValue: function renderValue() {
       if (Array.isArray(value)) {
         return value.map(function (i) {
-          return getOptionValue(i);
+          return getOptionLabel(i);
         });
       } else {
-        return getOptionValue(value);
+        return getOptionLabel(value);
       }
     },
     children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FinalFormSelect.MenuItemDisabledOverrideOpacity, {
@@ -142,7 +162,15 @@ var FinalFormSelect = exports.FinalFormSelect = function FinalFormSelect(_ref) {
         display: "none"
       },
       children: getOptionLabel(value)
-    }, getOptionValue(value))), !loading && options.map(function (option) {
+    }, getOptionValue(value))), loading === false && loadingError == null && options.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FinalFormSelect.MenuItemDisabledOverrideOpacity, {
+      value: "",
+      disabled: true,
+      children: noOptionsLabel
+    }), loading === false && loadingError != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FinalFormSelect.MenuItemDisabledOverrideOpacity, {
+      value: "",
+      disabled: true,
+      children: errorLabel
+    }), !loading && options.map(function (option) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
         value: getOptionValue(option),
         children: getOptionLabel(option)

package/lib/form/FinalFormToggleButtonGroup.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import { type FieldRenderProps } from "react-final-form";
+export interface FinalFormToggleButtonGroupProps<FieldValue> extends FieldRenderProps<FieldValue, HTMLDivElement> {
+    options: Array<{
+        value: FieldValue;
+        label: ReactNode;
+    }>;
+    optionsPerRow?: number;
+}
+/**
+ * Final Form-compatible ToggleButtonGroup component.
+ *
+ * @see {@link ToggleButtonGroupField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
+export declare function FinalFormToggleButtonGroup<FieldValue = unknown>({ input: { value, onChange }, options, optionsPerRow, }: FinalFormToggleButtonGroupProps<FieldValue>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FinalFormToggleButtonGroup.d.ts.map

package/lib/form/FinalFormToggleButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinalFormToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormToggleButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,+BAA+B,CAAC,UAAU,CAAE,SAAQ,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC;IAC7G,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,GAAG,OAAO,EAAE,EAC7D,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAC1B,OAAO,EACP,aAAa,GAChB,EAAE,+BAA+B,CAAC,UAAU,CAAC,2CAY7C"}

package/lib/form/FinalFormToggleButtonGroup.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FinalFormToggleButtonGroup = FinalFormToggleButtonGroup;
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+/**
+ * Final Form-compatible ToggleButtonGroup component.
+ *
+ * @see {@link ToggleButtonGroupField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
+function FinalFormToggleButtonGroup(_ref) {
+  var _ref$input = _ref.input,
+    value = _ref$input.value,
+    onChange = _ref$input.onChange,
+    options = _ref.options,
+    optionsPerRow = _ref.optionsPerRow;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+    $optionsPerRow: optionsPerRow,
+    children: options.map(function (_ref2, index) {
+      var optionValue = _ref2.value,
+        label = _ref2.label;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+        $selected: value === optionValue,
+        onClick: function onClick() {
+          return onChange(optionValue);
+        },
+        focusRipple: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+          component: "span",
+          variant: "body2",
+          children: label
+        })
+      }, index);
+    })
+  });
+}
+var Label = /*#__PURE__*/(0, _styles.styled)(_material.Typography, process.env.NODE_ENV === "production" ? {
+  target: "ew0a0do2"
+} : {
+  target: "ew0a0do2",
+  label: "Label"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3JtL0ZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzZFIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3JtL0ZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbkJhc2UsIFR5cG9ncmFwaHksIHR5cGUgVHlwb2dyYXBoeVByb3BzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IGNzcywgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5pbXBvcnQgeyB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHlwZSBGaWVsZFJlbmRlclByb3BzIH0gZnJvbSBcInJlYWN0LWZpbmFsLWZvcm1cIjtcblxuZXhwb3J0IGludGVyZmFjZSBGaW5hbEZvcm1Ub2dnbGVCdXR0b25Hcm91cFByb3BzPEZpZWxkVmFsdWU+IGV4dGVuZHMgRmllbGRSZW5kZXJQcm9wczxGaWVsZFZhbHVlLCBIVE1MRGl2RWxlbWVudD4ge1xuICAgIG9wdGlvbnM6IEFycmF5PHsgdmFsdWU6IEZpZWxkVmFsdWU7IGxhYmVsOiBSZWFjdE5vZGUgfT47XG4gICAgb3B0aW9uc1BlclJvdz86IG51bWJlcjtcbn1cblxuLyoqXG4gKiBGaW5hbCBGb3JtLWNvbXBhdGlibGUgVG9nZ2xlQnV0dG9uR3JvdXAgY29tcG9uZW50LlxuICpcbiAqIEBzZWUge0BsaW5rIFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGR9IOKAkyBwcmVmZXJyZWQgZm9yIHR5cGljYWwgZm9ybSB1c2UuIFVzZSB0aGlzIG9ubHkgaWYgbm8gRmllbGQgd3JhcHBlciBpcyBuZWVkZWQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBGaW5hbEZvcm1Ub2dnbGVCdXR0b25Hcm91cDxGaWVsZFZhbHVlID0gdW5rbm93bj4oe1xuICAgIGlucHV0OiB7IHZhbHVlLCBvbkNoYW5nZSB9LFxuICAgIG9wdGlvbnMsXG4gICAgb3B0aW9uc1BlclJvdyxcbn06IEZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwUHJvcHM8RmllbGRWYWx1ZT4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdCAkb3B0aW9uc1BlclJvdz17b3B0aW9uc1BlclJvd30+XG4gICAgICAgICAgICB7b3B0aW9ucy5tYXAoKHsgdmFsdWU6IG9wdGlvblZhbHVlLCBsYWJlbCB9LCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgIDxCdXR0b24ga2V5PXtpbmRleH0gJHNlbGVjdGVkPXt2YWx1ZSA9PT0gb3B0aW9uVmFsdWV9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKG9wdGlvblZhbHVlKX0gZm9jdXNSaXBwbGU+XG4gICAgICAgICAgICAgICAgICAgIDxMYWJlbCBjb21wb25lbnQ9XCJzcGFuXCIgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgY29tcG9uZW50OiBUeXBvZ3JhcGh5UHJvcHNbXCJjb21wb25lbnRcIl0gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCIkb3B0aW9uc1BlclJvd1wiIH0pPHsgJG9wdGlvbnNQZXJSb3c/OiBudW1iZXIgfT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWluLWhlaWdodDogNDBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZGl2aWRlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmRpdmlkZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGdhcDogMXB4O1xuXG4gICAgJHsoeyAkb3B0aW9uc1BlclJvdyB9KSA9PlxuICAgICAgICAkb3B0aW9uc1BlclJvdyAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KCR7JG9wdGlvbnNQZXJSb3d9LCAxZnIpO1xuICAgICAgICBgfVxuYDtcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkJhc2UsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSBcIiRzZWxlY3RlZFwiIH0pPHsgJHNlbGVjdGVkPzogYm9vbGVhbiB9PmBcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZygzKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nKDMpfTtcbiAgICBwYWRkaW5nLXRvcDogOXB4O1xuICAgIHBhZGRpbmctYm90dG9tOiA5cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuXG4gICAgOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbNTBdfTtcbiAgICB9XG5cbiAgICAkeyh7ICRzZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgJHNlbGVjdGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcblxuICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgIGB9XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Root = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "$optionsPerRow";
+  },
+  target: "ew0a0do1"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "$optionsPerRow";
+  },
+  target: "ew0a0do1",
+  label: "Root"
+})("display:inline-flex;min-height:40px;border:1px solid ", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.palette.divider;
+}, ";background-color:", function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.palette.divider;
+}, ";border-radius:2px;overflow:hidden;gap:1px;", function (_ref5) {
+  var $optionsPerRow = _ref5.$optionsPerRow;
+  return $optionsPerRow && (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            display: inline-grid;\n            grid-template-columns: repeat(", ", 1fr);\n        "])), $optionsPerRow);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3JtL0ZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ21IIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3JtL0ZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbkJhc2UsIFR5cG9ncmFwaHksIHR5cGUgVHlwb2dyYXBoeVByb3BzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IGNzcywgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5pbXBvcnQgeyB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHlwZSBGaWVsZFJlbmRlclByb3BzIH0gZnJvbSBcInJlYWN0LWZpbmFsLWZvcm1cIjtcblxuZXhwb3J0IGludGVyZmFjZSBGaW5hbEZvcm1Ub2dnbGVCdXR0b25Hcm91cFByb3BzPEZpZWxkVmFsdWU+IGV4dGVuZHMgRmllbGRSZW5kZXJQcm9wczxGaWVsZFZhbHVlLCBIVE1MRGl2RWxlbWVudD4ge1xuICAgIG9wdGlvbnM6IEFycmF5PHsgdmFsdWU6IEZpZWxkVmFsdWU7IGxhYmVsOiBSZWFjdE5vZGUgfT47XG4gICAgb3B0aW9uc1BlclJvdz86IG51bWJlcjtcbn1cblxuLyoqXG4gKiBGaW5hbCBGb3JtLWNvbXBhdGlibGUgVG9nZ2xlQnV0dG9uR3JvdXAgY29tcG9uZW50LlxuICpcbiAqIEBzZWUge0BsaW5rIFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGR9IOKAkyBwcmVmZXJyZWQgZm9yIHR5cGljYWwgZm9ybSB1c2UuIFVzZSB0aGlzIG9ubHkgaWYgbm8gRmllbGQgd3JhcHBlciBpcyBuZWVkZWQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBGaW5hbEZvcm1Ub2dnbGVCdXR0b25Hcm91cDxGaWVsZFZhbHVlID0gdW5rbm93bj4oe1xuICAgIGlucHV0OiB7IHZhbHVlLCBvbkNoYW5nZSB9LFxuICAgIG9wdGlvbnMsXG4gICAgb3B0aW9uc1BlclJvdyxcbn06IEZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwUHJvcHM8RmllbGRWYWx1ZT4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdCAkb3B0aW9uc1BlclJvdz17b3B0aW9uc1BlclJvd30+XG4gICAgICAgICAgICB7b3B0aW9ucy5tYXAoKHsgdmFsdWU6IG9wdGlvblZhbHVlLCBsYWJlbCB9LCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgIDxCdXR0b24ga2V5PXtpbmRleH0gJHNlbGVjdGVkPXt2YWx1ZSA9PT0gb3B0aW9uVmFsdWV9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKG9wdGlvblZhbHVlKX0gZm9jdXNSaXBwbGU+XG4gICAgICAgICAgICAgICAgICAgIDxMYWJlbCBjb21wb25lbnQ9XCJzcGFuXCIgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgY29tcG9uZW50OiBUeXBvZ3JhcGh5UHJvcHNbXCJjb21wb25lbnRcIl0gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCIkb3B0aW9uc1BlclJvd1wiIH0pPHsgJG9wdGlvbnNQZXJSb3c/OiBudW1iZXIgfT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWluLWhlaWdodDogNDBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZGl2aWRlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmRpdmlkZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGdhcDogMXB4O1xuXG4gICAgJHsoeyAkb3B0aW9uc1BlclJvdyB9KSA9PlxuICAgICAgICAkb3B0aW9uc1BlclJvdyAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KCR7JG9wdGlvbnNQZXJSb3d9LCAxZnIpO1xuICAgICAgICBgfVxuYDtcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkJhc2UsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSBcIiRzZWxlY3RlZFwiIH0pPHsgJHNlbGVjdGVkPzogYm9vbGVhbiB9PmBcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZygzKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nKDMpfTtcbiAgICBwYWRkaW5nLXRvcDogOXB4O1xuICAgIHBhZGRpbmctYm90dG9tOiA5cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuXG4gICAgOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbNTBdfTtcbiAgICB9XG5cbiAgICAkeyh7ICRzZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgJHNlbGVjdGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcblxuICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgIGB9XG5gO1xuIl19 */"));
+var Button = /*#__PURE__*/(0, _styles.styled)(_material.ButtonBase, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "$selected";
+  },
+  target: "ew0a0do0"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "$selected";
+  },
+  target: "ew0a0do0",
+  label: "Button"
+})("padding-left:", function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.spacing(3);
+}, ";padding-right:", function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.spacing(3);
+}, ";padding-top:9px;padding-bottom:9px;background-color:", function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.palette.background.paper;
+}, ";:hover{background-color:", function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.palette.grey[50];
+}, ";}", function (_ref10) {
+  var $selected = _ref10.$selected,
+    theme = _ref10.theme;
+  return $selected && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            color: ", ";\n\n            :before {\n                content: \"\";\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                height: 2px;\n                background-color: ", ";\n            }\n        "])), theme.palette.primary.main, theme.palette.primary.main);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3JtL0ZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGlIIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3JtL0ZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbkJhc2UsIFR5cG9ncmFwaHksIHR5cGUgVHlwb2dyYXBoeVByb3BzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IGNzcywgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5pbXBvcnQgeyB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHlwZSBGaWVsZFJlbmRlclByb3BzIH0gZnJvbSBcInJlYWN0LWZpbmFsLWZvcm1cIjtcblxuZXhwb3J0IGludGVyZmFjZSBGaW5hbEZvcm1Ub2dnbGVCdXR0b25Hcm91cFByb3BzPEZpZWxkVmFsdWU+IGV4dGVuZHMgRmllbGRSZW5kZXJQcm9wczxGaWVsZFZhbHVlLCBIVE1MRGl2RWxlbWVudD4ge1xuICAgIG9wdGlvbnM6IEFycmF5PHsgdmFsdWU6IEZpZWxkVmFsdWU7IGxhYmVsOiBSZWFjdE5vZGUgfT47XG4gICAgb3B0aW9uc1BlclJvdz86IG51bWJlcjtcbn1cblxuLyoqXG4gKiBGaW5hbCBGb3JtLWNvbXBhdGlibGUgVG9nZ2xlQnV0dG9uR3JvdXAgY29tcG9uZW50LlxuICpcbiAqIEBzZWUge0BsaW5rIFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGR9IOKAkyBwcmVmZXJyZWQgZm9yIHR5cGljYWwgZm9ybSB1c2UuIFVzZSB0aGlzIG9ubHkgaWYgbm8gRmllbGQgd3JhcHBlciBpcyBuZWVkZWQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBGaW5hbEZvcm1Ub2dnbGVCdXR0b25Hcm91cDxGaWVsZFZhbHVlID0gdW5rbm93bj4oe1xuICAgIGlucHV0OiB7IHZhbHVlLCBvbkNoYW5nZSB9LFxuICAgIG9wdGlvbnMsXG4gICAgb3B0aW9uc1BlclJvdyxcbn06IEZpbmFsRm9ybVRvZ2dsZUJ1dHRvbkdyb3VwUHJvcHM8RmllbGRWYWx1ZT4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdCAkb3B0aW9uc1BlclJvdz17b3B0aW9uc1BlclJvd30+XG4gICAgICAgICAgICB7b3B0aW9ucy5tYXAoKHsgdmFsdWU6IG9wdGlvblZhbHVlLCBsYWJlbCB9LCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgIDxCdXR0b24ga2V5PXtpbmRleH0gJHNlbGVjdGVkPXt2YWx1ZSA9PT0gb3B0aW9uVmFsdWV9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKG9wdGlvblZhbHVlKX0gZm9jdXNSaXBwbGU+XG4gICAgICAgICAgICAgICAgICAgIDxMYWJlbCBjb21wb25lbnQ9XCJzcGFuXCIgdmFyaWFudD1cImJvZHkyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgY29tcG9uZW50OiBUeXBvZ3JhcGh5UHJvcHNbXCJjb21wb25lbnRcIl0gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCIkb3B0aW9uc1BlclJvd1wiIH0pPHsgJG9wdGlvbnNQZXJSb3c/OiBudW1iZXIgfT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWluLWhlaWdodDogNDBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZGl2aWRlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmRpdmlkZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGdhcDogMXB4O1xuXG4gICAgJHsoeyAkb3B0aW9uc1BlclJvdyB9KSA9PlxuICAgICAgICAkb3B0aW9uc1BlclJvdyAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KCR7JG9wdGlvbnNQZXJSb3d9LCAxZnIpO1xuICAgICAgICBgfVxuYDtcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkJhc2UsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSBcIiRzZWxlY3RlZFwiIH0pPHsgJHNlbGVjdGVkPzogYm9vbGVhbiB9PmBcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZygzKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nKDMpfTtcbiAgICBwYWRkaW5nLXRvcDogOXB4O1xuICAgIHBhZGRpbmctYm90dG9tOiA5cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuXG4gICAgOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbNTBdfTtcbiAgICB9XG5cbiAgICAkeyh7ICRzZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgJHNlbGVjdGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcblxuICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgIGB9XG5gO1xuIl19 */"));

package/lib/form/Radio.d.ts

@@ -2,7 +2,9 @@ import { type RadioProps } from "@mui/material/Radio";
 import { type FieldRenderProps } from "react-final-form";
 export type FinalFormRadioProps = RadioProps & FieldRenderProps<string, HTMLInputElement>;
 /**
- * @deprecated Use RadioGroupField instead
+ * Final Form-compatible RadioGroup component.
+ *
+ * @see {@link RadioGroupField} – preferred for typical form use. Use this only if no Field wrapper is needed.
  */
 export declare const FinalFormRadio: ({ input: { checked, value, name, onChange, ...restInput }, meta, ...rest }: FinalFormRadioProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Radio.d.ts.map

package/lib/form/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/form/Radio.tsx"],"names":[],"mappings":"AAAA,OAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAC1F;;GAEG;AACH,eAAO,MAAM,cAAc,+EAAgF,mBAAmB,4CAE7H,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/form/Radio.tsx"],"names":[],"mappings":"AAAA,OAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAE1F;;;;GAIG;AACH,eAAO,MAAM,cAAc,+EAAgF,mBAAmB,4CAE7H,CAAC"}

package/lib/form/Radio.js

@@ -18,7 +18,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 /**
- * @deprecated Use RadioGroupField instead
+ * Final Form-compatible RadioGroup component.
+ *
+ * @see {@link RadioGroupField} – preferred for typical form use. Use this only if no Field wrapper is needed.
  */
 var FinalFormRadio = exports.FinalFormRadio = function FinalFormRadio(_ref) {
   var _ref$input = _ref.input,

package/lib/form/Switch.d.ts

@@ -1,5 +1,10 @@
 import { type SwitchProps } from "@mui/material/Switch";
 import { type FieldRenderProps } from "react-final-form";
 export type FinalFormSwitchProps = SwitchProps & FieldRenderProps<string, HTMLInputElement>;
+/**
+ * Final Form-compatible Switch component.
+ *
+ * @see {@link SwitchField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
 export declare const FinalFormSwitch: ({ input: { checked, name, onChange, ...restInput }, meta, ...rest }: FinalFormSwitchProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Switch.d.ts.map

package/lib/form/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/form/Switch.tsx"],"names":[],"mappings":"AAAA,OAAkB,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAE5F,eAAO,MAAM,eAAe,wEAAyE,oBAAoB,4CAExH,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/form/Switch.tsx"],"names":[],"mappings":"AAAA,OAAkB,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAE5F;;;;GAIG;AACH,eAAO,MAAM,eAAe,wEAAyE,oBAAoB,4CAExH,CAAC"}

package/lib/form/Switch.js

@@ -17,6 +17,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * Final Form-compatible Switch component.
+ *
+ * @see {@link SwitchField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
 var FinalFormSwitch = exports.FinalFormSwitch = function FinalFormSwitch(_ref) {
   var _ref$input = _ref.input,
     checked = _ref$input.checked,

package/lib/form/fields/AsyncSelectField.d.ts

@@ -1,6 +1,9 @@
+import { type ReactNode } from "react";
 import { type FieldProps } from "../Field";
 export interface AsyncSelectFieldProps<Option> extends FieldProps<Option, HTMLSelectElement> {
     loadOptions: () => Promise<Option[]>;
+    noOptionsLabel?: ReactNode;
+    errorLabel?: ReactNode;
     getOptionLabel?: (option: Option) => string;
     getOptionValue?: (option: Option) => string;
     clearable?: boolean;

package/lib/form/fields/AsyncSelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncSelectField.d.ts","sourceRoot":"","sources":["../../../src/form/fields/AsyncSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,qBAAqB,CAAC,MAAM,CAAE,SAAQ,UAAU,CAAC,MAAM,EAAE,iBAAiB,CAAC;IACxF,WAAW,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,KAAK,EAAE,qBAAqB,CAAC,MAAM,CAAC,2CAE5E"}
+{"version":3,"file":"AsyncSelectField.d.ts","sourceRoot":"","sources":["../../../src/form/fields/AsyncSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,qBAAqB,CAAC,MAAM,CAAE,SAAQ,UAAU,CAAC,MAAM,EAAE,iBAAiB,CAAC;IACxF,WAAW,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,KAAK,EAAE,qBAAqB,CAAC,MAAM,CAAC,2CAE5E"}

package/lib/form/fields/ToggleButtonGroupField.d.ts

@@ -0,0 +1,11 @@
+import { type FieldProps } from "../Field";
+import { type FinalFormToggleButtonGroupProps } from "../FinalFormToggleButtonGroup";
+export type ToggleButtonGroupFieldProps<FieldValue> = FieldProps<FieldValue, HTMLSelectElement> & Omit<FinalFormToggleButtonGroupProps<FieldValue>, "input" | "meta">;
+/**
+ * The `ToggleButtonGroupField` is a form field component intended to be used to switch between sections in a form.
+ *
+ * This is especially useful when the user needs to choose between different types
+ * of input for the same conceptual field — for example, selecting between an address or coordinate.
+ */
+export declare function ToggleButtonGroupField<FieldValue = unknown>({ options, optionsPerRow, ...restProps }: ToggleButtonGroupFieldProps<FieldValue>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToggleButtonGroupField.d.ts.map

package/lib/form/fields/ToggleButtonGroupField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupField.d.ts","sourceRoot":"","sources":["../../../src/form/fields/ToggleButtonGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAA8B,KAAK,+BAA+B,EAAE,MAAM,+BAA+B,CAAC;AAEjH,MAAM,MAAM,2BAA2B,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,GAC3F,IAAI,CAAC,+BAA+B,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAExE;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,GAAG,OAAO,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,EAAE,2BAA2B,CAAC,UAAU,CAAC,2CAQ7I"}

package/lib/form/fields/ToggleButtonGroupField.js

@@ -0,0 +1,39 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleButtonGroupField = ToggleButtonGroupField;
+var _Field = require("../Field");
+var _FinalFormToggleButtonGroup = require("../FinalFormToggleButtonGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["options", "optionsPerRow"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * The `ToggleButtonGroupField` is a form field component intended to be used to switch between sections in a form.
+ *
+ * This is especially useful when the user needs to choose between different types
+ * of input for the same conceptual field — for example, selecting between an address or coordinate.
+ */
+function ToggleButtonGroupField(_ref) {
+  var options = _ref.options,
+    optionsPerRow = _ref.optionsPerRow,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, _objectSpread(_objectSpread({}, restProps), {}, {
+    children: function children(fieldProps) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FinalFormToggleButtonGroup.FinalFormToggleButtonGroup, {
+        input: fieldProps.input,
+        meta: fieldProps.meta,
+        options: options,
+        optionsPerRow: optionsPerRow
+      });
+    }
+  }));
+}

package/lib/hooks/useAsyncOptionsProps.d.ts

@@ -3,6 +3,7 @@ export interface AsyncOptionsProps<T> {
     isAsync: boolean;
     open: boolean;
     options: T[];
+    loadingError: Error | null;
     loading?: boolean;
     onOpen: (event: ChangeEvent) => void;
     onClose: (event: ChangeEvent) => void;

package/lib/hooks/useAsyncOptionsProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncOptionsProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useAsyncOptionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAY,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AACD,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAqB7F"}
+{"version":3,"file":"useAsyncOptionsProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useAsyncOptionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAY,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AACD,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CA6B7F"}

package/lib/hooks/useAsyncOptionsProps.js

@@ -28,25 +28,40 @@ function useAsyncOptionsProps(loadOptions) {
     _useState6 = _slicedToArray(_useState5, 2),
     loading = _useState6[0],
     setLoading = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    error = _useState8[0],
+    setError = _useState8[1];
   var handleOpen = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var newOptions;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            setError(null);
             setOpen(true);
             setLoading(true);
-            _context.next = 4;
+            _context.prev = 3;
+            _context.next = 6;
             return loadOptions();
-          case 4:
+          case 6:
             newOptions = _context.sent;
             setOptions(newOptions);
+            _context.next = 13;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](3);
+            setError(_context.t0);
+          case 13:
+            _context.prev = 13;
             setLoading(false);
-          case 7:
+            return _context.finish(13);
+          case 16:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[3, 10, 13, 16]]);
     }));
     return function handleOpen() {
       return _ref.apply(this, arguments);
@@ -55,6 +70,7 @@ function useAsyncOptionsProps(loadOptions) {
   return {
     isAsync: true,
     open: open,
+    loadingError: error,
     options: options,
     loading: loading,
     onOpen: handleOpen,

package/lib/index.d.ts

@@ -80,24 +80,8 @@ export { FinalForm, FinalFormSubmitEvent, useFormApiRef } from "./FinalForm";
 export { FinalFormSaveButton } from "./FinalFormSaveButton";
 export { FinalFormSaveCancelButtonsLegacy, FinalFormSaveCancelButtonsLegacyClassKey, FinalFormSaveCancelButtonsLegacyProps, } from "./FinalFormSaveCancelButtonsLegacy";
 export { FinalFormSaveSplitButton } from "./FinalFormSaveSplitButton";
-export { 
-/**
- * @deprecated Use `<AutocompleteField />` instead of `<Field component={FinalFormAutocomplete} />`
- */
-FinalFormAutocomplete, 
-/**
- * @deprecated Use `<AutocompleteField />` instead of `<Field component={FinalFormAutocomplete} />`
- */
-FinalFormAutocompleteProps, } from "./form/Autocomplete";
-export { 
-/**
- * @deprecated Use `<CheckboxField />` instead of `<Field />` with `<FormControlLabel />` and `<FinalFormCheckbox />`
- */
-FinalFormCheckbox, 
-/**
- * @deprecated Use `<CheckboxField />` instead of `<Field />` with `<FormControlLabel />` and `<FinalFormCheckbox />`
- */
-FinalFormCheckboxProps, } from "./form/Checkbox";
+export { FinalFormAutocomplete, FinalFormAutocompleteProps } from "./form/Autocomplete";
+export { FinalFormCheckbox, FinalFormCheckboxProps } from "./form/Checkbox";
 export { Field, FieldProps } from "./form/Field";
 export { FieldContainer, FieldContainerClassKey, FieldContainerProps } from "./form/FieldContainer";
 export { AsyncAutocompleteField, AsyncAutocompleteFieldProps } from "./form/fields/AsyncAutocompleteField";
@@ -112,72 +96,26 @@ export { SelectField, SelectFieldOption, SelectFieldProps } from "./form/fields/
 export { SwitchField, SwitchFieldProps } from "./form/fields/SwitchField";
 export { TextAreaField, TextAreaFieldProps } from "./form/fields/TextAreaField";
 export { TextField, TextFieldProps } from "./form/fields/TextField";
+export { ToggleButtonGroupField, ToggleButtonGroupFieldProps } from "./form/fields/ToggleButtonGroupField";
 export { commonErrorMessages as commonFileErrorMessages } from "./form/file/commonErrorMessages";
 export { FileDropzone, FileDropzoneClassKey, FileDropzoneProps } from "./form/file/FileDropzone";
 export { FileSelect, FileSelectClassKey, FileSelectProps } from "./form/file/FileSelect";
 export { ErrorFileSelectItem, FileSelectItem, LoadingFileSelectItem, ValidFileSelectItem } from "./form/file/fileSelectItemTypes";
 export { FileSelectListItem, FileSelectListItemClassKey, FileSelectListItemProps } from "./form/file/FileSelectListItem";
-export { 
-/**
- * @deprecated Use `<AsyncAutocompleteField />` instead of `<Field component={FinalFormAsyncAutocomplete} />`
- */
-FinalFormAsyncAutocomplete, 
-/**
- * @deprecated Use `<AsyncAutocompleteField />` instead of `<Field component={FinalFormAsyncAutocomplete} />`
- */
-FinalFormAsyncAutocompleteProps, } from "./form/FinalFormAsyncAutocomplete";
-export { 
-/**
- * @deprecated Use `<AsyncSelectField />` instead of `<Field component={FinalFormAsyncSelect} />`
- */
-FinalFormAsyncSelect, 
-/**
- * @deprecated Use `<AsyncSelectField />` instead of `<Field component={FinalFormAsyncSelect} />`
- */
-FinalFormAsyncSelectProps, } from "./form/FinalFormAsyncSelect";
+export { FinalFormAsyncAutocomplete, FinalFormAsyncAutocompleteProps } from "./form/FinalFormAsyncAutocomplete";
+export { FinalFormAsyncSelect, FinalFormAsyncSelectProps } from "./form/FinalFormAsyncSelect";
 export { FinalFormContext, FinalFormContextProvider, FinalFormContextProviderProps, useFinalFormContext } from "./form/FinalFormContextProvider";
 export { FinalFormFileSelect, FinalFormFileSelectProps } from "./form/FinalFormFileSelect";
 export { FinalFormInput, FinalFormInputProps } from "./form/FinalFormInput";
-export { 
-/**
- * @deprecated Use `<NumberField />` instead of `<Field component={FinalFormNumberInput} />`
- */
-FinalFormNumberInput, 
-/**
- * @deprecated Use `<NumberField />` instead of `<Field component={FinalFormNumberInput} />`
- */
-FinalFormNumberInputProps, } from "./form/FinalFormNumberInput";
+export { FinalFormNumberInput, FinalFormNumberInputProps } from "./form/FinalFormNumberInput";
 export { FinalFormRangeInput, FinalFormRangeInputClassKey, FinalFormRangeInputProps } from "./form/FinalFormRangeInput";
-export { 
-/**
- * @deprecated Use `<SearchField />` instead of `<Field component={FinalFormSearchTextField} />`
- */
-FinalFormSearchTextField, 
-/**
- * @deprecated Use `<SearchField />` instead of `<Field component={FinalFormSearchTextField} />`
- */
-FinalFormSearchTextFieldProps, } from "./form/FinalFormSearchTextField";
-export { 
-/**
- * @deprecated Use `<SelectField />` instead of `<Field />` with `<FinalFormSelect />`
- */
-FinalFormSelect, 
-/**
- * @deprecated Use `<SelectField />` instead of `<Field />` with `<FinalFormSelect />`
- */
-FinalFormSelectProps, } from "./form/FinalFormSelect";
+export { FinalFormSearchTextField, FinalFormSearchTextFieldProps } from "./form/FinalFormSearchTextField";
+export { FinalFormSelect, FinalFormSelectProps } from "./form/FinalFormSelect";
+export { FinalFormToggleButtonGroup, FinalFormToggleButtonGroupProps } from "./form/FinalFormToggleButtonGroup";
 export { FormSection, FormSectionClassKey, FormSectionProps } from "./form/FormSection";
 export { OnChangeField } from "./form/helpers/OnChangeField";
 export { FinalFormRadio, FinalFormRadioProps } from "./form/Radio";
-export { 
-/**
- * @deprecated Use `<SwitchField />` instead of `<Field />` with `<FormControlLabel />` and `<FinalFormSwitch />`
- */
-FinalFormSwitch, 
-/**
- * @deprecated Use `<SwitchField />` instead of `<Field />` with `<FormControlLabel />` and `<FinalFormSwitch />`
- */
-FinalFormSwitchProps, } from "./form/Switch";
+export { FinalFormSwitch, FinalFormSwitchProps } from "./form/Switch";
 export { FormMutation } from "./FormMutation";
 export { createComponentSlot } from "./helpers/createComponentSlot";
 export { PrettyBytes } from "./helpers/PrettyBytes";