@algolia/satellite 1.2.0 → 1.3.0

package/dist/cjs/Actions/Button/Button.tailwind.js

@@ -16,9 +16,6 @@ var buttonPlugin = plugin(function (_ref) {
       minWidth: "min-content",
       "&, &:hover": {
         textDecoration: "none"
-      },
-      "&:focus": {
-        outline: "none"
       }
     },
     ".btn-disabled": {
@@ -29,9 +26,6 @@ var buttonPlugin = plugin(function (_ref) {
       "&:hover": {
         backgroundColor: rgba(theme("colors.grey.300"), 0.15)
       },
-      "&:focus": {
-        boxShadow: "0 0 0 1px ".concat(theme("colors.accent.600"))
-      },
       "&:active, &.btn-active": {
         color: theme("colors.accent.600"),
         backgroundColor: theme("colors.accent.100"),
@@ -55,8 +49,7 @@ var buttonPlugin = plugin(function (_ref) {
       },
       "&:focus": {
         backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "\n          0 0 0 1px ".concat(theme("colors.accent.600"), ",\n          0 2px 0 1px ").concat(theme("colors.shadow.5"), "\n        ")
+        boxShadow: "0 2px 0 1px ".concat(theme("colors.shadow.5"))
       },
       "&:active, &.btn-active": {
         borderColor: theme("colors.grey.200"),
@@ -82,8 +75,7 @@ var buttonPlugin = plugin(function (_ref) {
       },
       "&:focus": {
         backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.accent.600"), " 0%, ").concat(theme("colors.accent.700"), " 100%)"),
-        borderColor: theme("colors.accent.800"),
-        boxShadow: "\n          inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n          0 0 0 1px ").concat(theme("colors.accent.800"), ",\n          0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n        ")
+        boxShadow: "\n          inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n          0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n        ")
       },
       "&:active, &.btn-active": {
         backgroundColor: theme("colors.accent.700"),
@@ -110,8 +102,7 @@ var buttonPlugin = plugin(function (_ref) {
       },
       "&:focus": {
         backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.red.600"), " 0%, ").concat(theme("colors.red.700"), " 100%)"),
-        borderColor: theme("colors.red.800"),
-        boxShadow: "\n          inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n          0 0 0 1px ").concat(theme("colors.red.800"), ",\n          0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n        ")
+        boxShadow: "\n          inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n          0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n        ")
       },
       "&:active, &.btn-active": {
         borderColor: theme("colors.red.800"),

package/dist/cjs/Actions/Button/PolymorphicButton.js

@@ -19,10 +19,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "className", "variant", "size", "startIcon", "endIcon", "loading", "children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2["default"])(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; }
-var BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["btn inline-flex justify-center items-center px-3 typo-display-body"])));
+var BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["btn inline-flex justify-center items-center px-3 typo-display-body focusable-visible"])));
 var ICON_SIZE = 16;
 /**
  * `PolymorphicButton` is intended for internal use

package/dist/cjs/Actions/Button/PolymorphicIconButton.js

@@ -20,7 +20,7 @@ var _excluded = ["as", "className", "variant", "size", "icon", "title", "showToo
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 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) { (0, _defineProperty2["default"])(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; }
-var BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["btn inline-flex items-center justify-center"])));
+var BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["btn inline-flex items-center justify-center focusable-visible"])));
 var SIZE_CLASSNAMES = {
   small: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["max-h-6 max-w-6 min-h-6 min-w-6 text-mobile md:text-sm"]))),
   medium: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["max-h-8 max-w-8 min-h-8 min-w-8 text-md"]))),

package/dist/cjs/Actions/Switch/Switch.js

@@ -79,7 +79,7 @@ var Switch = exports.Switch = function Switch(_ref) {
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: containerRef,
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["switch\n           relative inline-flex typo-display-body rounded bg-grey-100\n           ", "\n          "])), size === "large" ? "switch-large space-x-1" : "space-x-2px"), _styles.BUTTON_SIZE_CLASSNAMES[size], className),
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["switch focusable-visible-within\n           relative inline-flex typo-display-body rounded bg-grey-100\n           ", "\n          "])), size === "large" ? "switch-large space-x-1" : "space-x-2px"), _styles.BUTTON_SIZE_CLASSNAMES[size], className),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: valueIndicatorRef,
         style: valueIndicatorStyle,

package/dist/cjs/Actions/Switch/Switch.tailwind.js

@@ -9,16 +9,10 @@ var switchPlugin = plugin(function (_ref) {
     ".switch": {
       // this + position relative helps create a new stack context (helps with z-index)
       zIndex: "1",
-      boxShadow: "0 0 0 2px ".concat(theme("colors.grey.100")),
-      "&:focus-within:has(:focus-visible)": {
-        boxShadow: "\n          0 0 0 1px ".concat(theme("colors.grey.100"), ",\n          0 0 0 2px ").concat(theme("colors.accent.600"), "\n        ")
-      }
+      boxShadow: "0 0 0 2px ".concat(theme("colors.grey.100"))
     },
     ".switch-large": {
-      boxShadow: "0 0 0 4px ".concat(theme("colors.grey.100")),
-      "&:focus-within:has(:focus-visible)": {
-        boxShadow: "\n          0 0 0 3px ".concat(theme("colors.grey.100"), ",\n          0 0 0 4px ").concat(theme("colors.accent.600"), "\n        ")
-      }
+      boxShadow: "0 0 0 4px ".concat(theme("colors.grey.100"))
     }
   });
 });

package/dist/cjs/Actions/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,27 @@
+import type { ToggleProps } from "@radix-ui/react-toggle";
+import type { IconComponentType } from "Icons";
+import type { InputHTMLAttributes, ReactNode } from "react";
+import type { ButtonSize } from "../Button/types";
+declare type InputElementProps = InputHTMLAttributes<HTMLInputElement>;
+declare type ToggleButtonSharedProps = {
+    id?: InputElementProps["id"];
+    className?: InputElementProps["className"];
+    style?: InputElementProps["style"];
+    autoFocus?: InputElementProps["autoFocus"];
+    disabled?: InputElementProps["disabled"];
+    pressed?: ToggleProps["pressed"];
+    defaultPressed?: ToggleProps["defaultPressed"];
+    onPressedChange?: ToggleProps["onPressedChange"];
+    size?: ButtonSize;
+};
+declare type IconOnlyToggleButtonProps = {
+    icon: IconComponentType;
+    label: string;
+};
+declare type TextToggleButtonProps = {
+    icon?: IconComponentType;
+    children: ReactNode;
+};
+export declare type ToggleButtonProps = ToggleButtonSharedProps & (IconOnlyToggleButtonProps | TextToggleButtonProps);
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/cjs/Actions/ToggleButton/ToggleButton.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleButton = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _reactToggle = require("@radix-ui/react-toggle");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _Overlay = require("../../Overlay");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _styles = require("../Button/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className", "size", "icon", "children", "label"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+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) { (0, _defineProperty2["default"])(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; }
+var ICON_ONLY_CLASSNAMES = {
+  small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-6 w-6"]))),
+  medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["h-8 w-8"]))),
+  large: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["h-10 w-10"])))
+};
+var ToggleButton = exports.ToggleButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var isIconOnly = !props.children;
+  var _label$props = _objectSpread({
+      label: undefined
+    }, props),
+    className = _label$props.className,
+    _label$props$size = _label$props.size,
+    size = _label$props$size === void 0 ? "medium" : _label$props$size,
+    Icon = _label$props.icon,
+    children = _label$props.children,
+    label = _label$props.label,
+    rest = (0, _objectWithoutProperties2["default"])(_label$props, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Overlay.TooltipWrapper, {
+    content: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactToggle.Toggle, _objectSpread(_objectSpread({
+      ref: ref,
+      type: "button",
+      "aria-label": label,
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["inline-flex items-center justify-center gap-1 min-w-min whitespace-nowrap"]))), (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["group/toggle-button rounded focusable disabled:cursor-not-allowed"]))), (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["aria-pressed:text-accent-600 disabled:!text-grey-300"]))), (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["bg-white data-[state=off]:hover:bg-grey-100 aria-pressed:bg-accent-100 disabled:!bg-grey-50"]))), (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border border-grey-200  aria-pressed:border-accent-600 disabled:!border-grey-200"]))), !isIconOnly && (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["px-3"]))), isIconOnly ? ICON_ONLY_CLASSNAMES[size] : _styles.BUTTON_SIZE_CLASSNAMES[size], className)
+    }, rest), {}, {
+      children: [!!Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        "aria-hidden": "true",
+        className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 h-4 w-4 text-grey-600 group-aria-pressed/toggle-button:text-inherit group-disabled/toggle-button:text-inherit"])))
+      }), !!children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: children
+      })]
+    }))
+  });
+});
+ToggleButton.displayName = "ToggleButton";

package/dist/cjs/Actions/index.d.ts

@@ -4,4 +4,5 @@ export * from "./ButtonLink/ButtonLink";
 export * from "./IconButton/IconButton";
 export * from "./IconButtonLink/IconButtonLink";
 export * from "./Switch";
+export * from "./ToggleButton/ToggleButton";
 export type { ButtonSize, ButtonVariant } from "./Button/types";

package/dist/cjs/Actions/index.js

@@ -68,4 +68,15 @@ Object.keys(_Switch).forEach(function (key) {
       return _Switch[key];
     }
   });
+});
+var _ToggleButton = require("./ToggleButton/ToggleButton");
+Object.keys(_ToggleButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ToggleButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ToggleButton[key];
+    }
+  });
 });

package/dist/cjs/Fields/AutoComplete/AutoComplete.js

@@ -336,7 +336,7 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
         setContainerMeasureRef(el);
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-container"]))), variant === "large" && (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-large py-1"]))), inputFocused && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-focused"]))), disabled && (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-disabled"]))), isInvalid && (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-invalid"]))), noWrap && (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-nowrap"])))),
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-container"]))), inputFocused && (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["focusable-show"]))), variant === "large" && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-large py-1"]))), disabled && (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-disabled"]))), isInvalid && (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-invalid"]))), noWrap && (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-nowrap"])))),
         onClick: function onClick() {
           var _inputRef$current;
           return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();

package/dist/cjs/Fields/AutoComplete/AutoComplete.tailwind.js

@@ -23,8 +23,7 @@ var autoCompletePlugin = plugin(function (_ref) {
       border: "1px solid ".concat(theme("colors.grey.500")),
       boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.3)),
       transition: "all 100ms ease-in-out",
-      outline: "1px solid transparent",
-      "&:not(.autocomplete-disabled, .autocomplete-focused):hover": {
+      "&:not(.autocomplete-disabled, .focusable-show):hover": {
         borderColor: theme("colors.grey.600")
       },
       // Workaround for ie
@@ -42,11 +41,6 @@ var autoCompletePlugin = plugin(function (_ref) {
         }
       }
     },
-
-    ".autocomplete-focused, .autocomplete-container:focus-within": {
-      borderColor: theme("colors.accent.600"),
-      boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5"))
-    },
     ".autocomplete-disabled": {
       cursor: "not-allowed",
       backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
@@ -63,9 +57,6 @@ var autoCompletePlugin = plugin(function (_ref) {
       "&:hover": {
         backgroundColor: theme("colors.red.50"),
         borderColor: theme("colors.red.700")
-      },
-      "&.autocomplete-focused, &.autocomplete-container:focus-within": {
-        outlineColor: theme("colors.red.700")
       }
     },
     ".autocomplete-nowrap": {

package/dist/cjs/Fields/AutoComplete/utils.js

@@ -49,7 +49,7 @@ var DEFAULT_AUTOCOMPLETE_LOCALE = exports.DEFAULT_AUTOCOMPLETE_LOCALE = {
     return multiple ? "Add" : "Use";
   },
   showMoreButton: function showMoreButton(extraResults) {
-    return "Show ".concat((0, _pluralize.pluralize)(extraResults, "result"), " more");
+    return "Show ".concat((0, _pluralize.pluralize)(extraResults, "more result"));
   }
 };
 var optionToString = exports.optionToString = function optionToString(option) {

package/dist/cjs/Fields/Checkbox/Checkbox.d.ts

@@ -19,5 +19,5 @@ export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
  *
  * See the [Checkbox documentation page](https://satellite.algolia.com/components/controls/checkbox) for more information.
  */
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "onChange" | "autoFocus" | "disabled" | "checked" | "required"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "autoFocus" | "onChange" | "disabled" | "checked" | "required"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/cjs/Fields/Checkbox/Checkbox.js

@@ -73,7 +73,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["group/checkbox inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            checkbox\n            ", "\n            ", "\n            ", "\n          "])), indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            checkbox focusable-within\n            ", "\n            ", "\n            ", "\n          "])), indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
       style: {
         color: checkedColor
       },

package/dist/cjs/Fields/Checkbox/Checkbox.tailwind.js

@@ -21,10 +21,9 @@ var checkboxPlugin = plugin(function (_ref) {
       border: "1px solid ".concat(theme("colors.grey.500")),
       boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
       borderRadius: theme("borderRadius.DEFAULT"),
-      transition: "all 250ms cubic-bezier(0.23, 1, 0.32, 1)",
-      "&:focus-within": {
-        borderColor: "currentColor"
-      },
+      transitionProperty: "color, background-color, border-color",
+      transitionTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)",
+      transitionDuration: "250ms",
       "& > .checkbox-icon": {
         userSelect: "none",
         color: "currentColor",
@@ -44,18 +43,11 @@ var checkboxPlugin = plugin(function (_ref) {
       borderColor: "currentColor",
       "&:hover": {
         background: theme("colors.red.50")
-      },
-      "&:focus-within": {
-        outline: "1px solid ".concat(theme("colors.red.700"))
       }
     },
     ".checkbox-checked, .checkbox-indeterminate": {
       borderColor: "currentColor",
       boxShadow: "inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-      "&:focus-within": {
-        borderColor: "currentColor",
-        boxShadow: "\n          inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5"), ",\n          0 0 0 1px currentColor\n        ")
-      },
       "& > .checkbox-icon": {
         opacity: "1",
         transform: "scale(1)"

package/dist/cjs/Fields/DatePicker/DatePicker.tailwind.js

@@ -5,7 +5,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 // @ts-check
 var plugin = require("tailwindcss/plugin");
 var datePickerPlugin = plugin(function (_ref) {
-  var _rdpDay, _rdpDay2, _rdpDay4, _addComponents;
   var addComponents = _ref.addComponents,
     theme = _ref.theme,
     prefix = _ref.prefix;
@@ -23,7 +22,7 @@ var datePickerPlugin = plugin(function (_ref) {
       return ":not(.rdp-day_".concat(modifier, ")");
     }).join("");
   };
-  addComponents((_addComponents = {
+  addComponents((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
     ".rdp-year": {
       // ChevronDown svg from lucide-react,
       backgroundImage: 'url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>\')',
@@ -40,7 +39,7 @@ var datePickerPlugin = plugin(function (_ref) {
       marginLeft: "0",
       marginRight: "1em"
     }
-  }, (0, _defineProperty2["default"])(_addComponents, prefix(".date-picker, .date-range-picker"), {
+  }, prefix(".date-picker, .date-range-picker"), {
     ".rdp[dir='rtl']": {
       ".rdp-months": {
         ".rdp-caption_start": {
@@ -53,20 +52,20 @@ var datePickerPlugin = plugin(function (_ref) {
           marginRight: "0"
         }
       },
-      ".rdp-day": (_rdpDay = {}, (0, _defineProperty2["default"])(_rdpDay, "&_displayedRanges".concat(not("outside")), {
+      ".rdp-day": (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, "&_displayedRanges".concat(not("outside")), {
         borderRadius: "0px",
         backgroundColor: theme("colors.grey.200")
-      }), (0, _defineProperty2["default"])(_rdpDay, "&_displayedRangesStart".concat(not("outside")), {
+      }), "&_displayedRangesStart".concat(not("outside")), {
         color: theme("colors.white"),
         backgroundColor: theme("colors.grey.600"),
         borderTopRightRadius: defaultRadius,
         borderBottomRightRadius: defaultRadius
-      }), (0, _defineProperty2["default"])(_rdpDay, "&_displayedRangesEnd".concat(not("outside")), {
+      }), "&_displayedRangesEnd".concat(not("outside")), {
         color: theme("colors.white"),
         backgroundColor: theme("colors.grey.600"),
         borderTopLeftRadius: defaultRadius,
         borderBottomLeftRadius: defaultRadius
-      }), (0, _defineProperty2["default"])(_rdpDay, "&_range_start".concat(not("outside")), {
+      }), "&_range_start".concat(not("outside")), {
         color: theme("colors.white"),
         borderRadius: "0px",
         borderTopRightRadius: defaultRadius,
@@ -75,7 +74,7 @@ var datePickerPlugin = plugin(function (_ref) {
         "&:hover": {
           backgroundColor: accent600
         }
-      }), (0, _defineProperty2["default"])(_rdpDay, "&_range_end".concat(not("outside")), {
+      }), "&_range_end".concat(not("outside")), {
         color: theme("colors.white"),
         borderRadius: "0px",
         borderTopLeftRadius: defaultRadius,
@@ -84,7 +83,7 @@ var datePickerPlugin = plugin(function (_ref) {
         "&:hover": {
           backgroundColor: accent600
         }
-      }), _rdpDay)
+      })
     },
     "& .rdp-head_cell": {
       textTransform: "capitalize",
@@ -92,9 +91,9 @@ var datePickerPlugin = plugin(function (_ref) {
       fontSize: "0.95em",
       color: theme("colors.grey.600")
     },
-    "& .rdp-day": (_rdpDay2 = {
+    "& .rdp-day": (0, _defineProperty2["default"])((0, _defineProperty2["default"])({
       borderRadius: defaultRadius
-    }, (0, _defineProperty2["default"])(_rdpDay2, "&_today".concat(not("outside")), {
+    }, "&_today".concat(not("outside")), {
       color: theme("colors.grey.900"),
       position: "relative",
       "&:before": {
@@ -111,10 +110,10 @@ var datePickerPlugin = plugin(function (_ref) {
         transform: "translate(-50%, -50%)",
         zIndex: "-1"
       }
-    }), (0, _defineProperty2["default"])(_rdpDay2, "&_selected".concat(not("outside")), {
+    }), "&_selected".concat(not("outside")), {
       color: theme("colors.white")
-    }), _rdpDay2)
-  }), (0, _defineProperty2["default"])(_addComponents, prefix(".date-picker"), (0, _defineProperty2["default"])({
+    })
+  }), prefix(".date-picker"), (0, _defineProperty2["default"])({
     ".rdp-day": (0, _defineProperty2["default"])({
       borderRadius: defaultRadius,
       "&_today": {
@@ -134,21 +133,21 @@ var datePickerPlugin = plugin(function (_ref) {
     "&:hover": {
       backgroundColor: accent600
     }
-  })), (0, _defineProperty2["default"])(_addComponents, prefix(".date-range-picker"), {
-    "& .rdp-day": (_rdpDay4 = {}, (0, _defineProperty2["default"])(_rdpDay4, "&_displayedRanges".concat(not("outside")), {
+  })), prefix(".date-range-picker"), {
+    "& .rdp-day": (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, "&_displayedRanges".concat(not("outside")), {
       borderRadius: "0px",
       backgroundColor: theme("colors.grey.200")
-    }), (0, _defineProperty2["default"])(_rdpDay4, "&_displayedRangesStart".concat(not("outside")), {
+    }), "&_displayedRangesStart".concat(not("outside")), {
       color: theme("colors.white"),
       backgroundColor: theme("colors.grey.600"),
       borderTopLeftRadius: defaultRadius,
       borderBottomLeftRadius: defaultRadius
-    }), (0, _defineProperty2["default"])(_rdpDay4, "&_displayedRangesEnd".concat(not("outside")), {
+    }), "&_displayedRangesEnd".concat(not("outside")), {
       color: theme("colors.white"),
       backgroundColor: theme("colors.grey.600"),
       borderTopRightRadius: defaultRadius,
       borderBottomRightRadius: defaultRadius
-    }), (0, _defineProperty2["default"])(_rdpDay4, "&_selected".concat(not("outside")), {
+    }), "&_selected".concat(not("outside")), {
       color: theme("colors.black"),
       borderRadius: "0px",
       backgroundColor: accent200,
@@ -158,7 +157,7 @@ var datePickerPlugin = plugin(function (_ref) {
       "&:focus": {
         border: "0px"
       }
-    }), (0, _defineProperty2["default"])(_rdpDay4, "&_range_start".concat(not("outside")), {
+    }), "&_range_start".concat(not("outside")), {
       color: theme("colors.white"),
       borderRadius: "0px",
       borderTopLeftRadius: defaultRadius,
@@ -167,7 +166,7 @@ var datePickerPlugin = plugin(function (_ref) {
       "&:hover": {
         backgroundColor: accent600
       }
-    }), (0, _defineProperty2["default"])(_rdpDay4, "&_range_end".concat(not("outside")), {
+    }), "&_range_end".concat(not("outside")), {
       color: theme("colors.white"),
       borderRadius: "0px",
       borderTopRightRadius: defaultRadius,
@@ -176,8 +175,8 @@ var datePickerPlugin = plugin(function (_ref) {
       "&:hover": {
         backgroundColor: accent600
       }
-    }), _rdpDay4)
-  }), _addComponents), {
+    })
+  }), {
     respectPrefix: false
   });
 });

package/dist/cjs/Fields/DatePicker/components/Calendar.js

@@ -36,7 +36,6 @@ var DatePickerCalendar = exports.DatePickerCalendar = function DatePickerCalenda
     //stl`bg-grey-600 text-white rounded-l border-0`,
     displayedRangesEnd: "rdp-day_displayedRangesEnd" //stl`bg-grey-600 text-white rounded-r border-0`,
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDayPicker.DayPicker, _objectSpread(_objectSpread({
     mode: props.mode
   }, curatedProps), {}, {

package/dist/cjs/Fields/Dropzone/Dropzone.js

@@ -74,10 +74,6 @@ var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _react.forwardRef)(function (
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     files = _useState2[0],
     setFiles = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    focused = _useState4[0],
-    setFocused = _useState4[1];
   var _useField = (0, _Field.useField)({
       required: required
     }),
@@ -118,7 +114,7 @@ var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _react.forwardRef)(function (
     "aria-labelledby": labelId,
     "aria-describedby": descriptionId,
     "aria-invalid": isInvalid,
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n            relative flex items-center group/dropzone\n            border rounded\n            overflow-hidden transition-all ease-in-out delay-100\n            focus-within:shadow-field-focused\n            min-h-16\n            ", "\n            ", "\n            ", "\n            ", ""])), focused && "border-accent-600 shadow-field-focused", disabled ? "cursor-not-allowed border-grey-200/30 shadow-none bg-gradient-to-b from-white to-grey-100" : "shadow-field cursor-pointer", isDragReject && !disabled ? "border-red-200 cursor-not-allowed" : isDragActive ? "border-accent-500 cursor-pointer" : null, isInvalid ? "bg-red-100 border-red-700 hover:bg-red-50 focus-within:outline focus-within:outline-red-700 focus-within:outline-1" : "border-grey-500 bg-white focus-within:border-accent-600 hover:bg-grey-50"), className),
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n            relative flex items-center group/dropzone\n            border rounded\n            overflow-hidden transition-all ease-in-out delay-100\n            focusable\n            min-h-16\n            ", "\n            ", "\n            ", ""])), disabled ? "cursor-not-allowed border-grey-200/60 shadow-none bg-gradient-to-b from-white to-grey-100" : "shadow-field cursor-pointer border-grey-500", isDragReject && !disabled ? "border-red-200 cursor-not-allowed" : isDragActive ? "border-accent-500 cursor-pointer" : null, isInvalid ? "bg-red-100 border-red-700 hover:bg-red-50" : "bg-white hover:bg-grey-50"), className),
     onClick: function onClick(evt) {
       // Helps with https://github.com/react-dropzone/react-dropzone/issues/182
       if (evt.target.closest("label")) {
@@ -128,13 +124,7 @@ var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _react.forwardRef)(function (
   })), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({}, getInputProps({
       id: dropzoneId,
-      required: required,
-      onFocus: function onFocus() {
-        return setFocused(true);
-      },
-      onBlur: function onBlur() {
-        return setFocused(false);
-      }
+      required: required
     }))), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["flex-1 flex items-center justify-center space-x-2 display-body"]))),
       children: files.length > 0 ? files.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
@@ -159,7 +149,7 @@ var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _react.forwardRef)(function (
       })
     }), clearable && !disabled && !isValueEmpty && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.IconButton, {
-        className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover/dropzone:visible"),
+        className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mr-2 invisible group-hover/dropzone:visible group-[:has(&:focus)]/dropzone:visible"]))),
         title: locale.clearInput,
         icon: _Icons.XIcon,
         variant: "subtle",

package/dist/cjs/Fields/Form/Form.js

@@ -25,8 +25,8 @@ var _excluded = ["className", "locale"],
   _excluded3 = ["children"],
   _excluded4 = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 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) { (0, _defineProperty2["default"])(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; }
 var DEFAULT_ERROR_MESSAGE_LOCALE = {

package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js

@@ -25,7 +25,7 @@ var _useFormikAutoFocusOnError = require("./utils/useFormikAutoFocusOnError");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2["default"])(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; }
 var initialFormData = {

package/dist/cjs/Fields/Form/stories/Complex.js

@@ -30,7 +30,7 @@ var _useFormikAutoFocusOnError = require("./utils/useFormikAutoFocusOnError");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2["default"])(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; }
 var initialFormData = {

package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js

@@ -23,7 +23,7 @@ var _useFormikAutoFocusOnError = require("./utils/useFormikAutoFocusOnError");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2["default"])(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; }
 var initialFormData = {

package/dist/cjs/Fields/Form/stories/DirtyFields.js

@@ -26,7 +26,7 @@ var _useFormikAutoFocusOnError = require("./utils/useFormikAutoFocusOnError");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2["default"])(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; }
 var initialFormData = {