payload 1.15.6 → 2.0.0-beta.1

package/dist/admin/components/forms/field-types/Email/index.js

@@ -1,69 +1,120 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const withCondition_1 = __importDefault(require("../../withCondition"));
-const useField_1 = __importDefault(require("../../useField"));
-const Label_1 = __importDefault(require("../../Label"));
-const Error_1 = __importDefault(require("../../Error"));
-const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
-const validations_1 = require("../../../../../fields/validations");
-const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacti18next = require("react-i18next");
+const _validations = require("../../../../../fields/validations");
+const _getTranslation = require("../../../../../utilities/getTranslation");
+const _Error = /*#__PURE__*/ _interop_require_default(require("../../Error"));
+const _FieldDescription = /*#__PURE__*/ _interop_require_default(require("../../FieldDescription"));
+const _Label = /*#__PURE__*/ _interop_require_default(require("../../Label"));
+const _useField = /*#__PURE__*/ _interop_require_default(require("../../useField"));
+const _withCondition = /*#__PURE__*/ _interop_require_default(require("../../withCondition"));
 require("./index.scss");
-const Email = (props) => {
-    const { name, path: pathFromProps, required, validate = validations_1.email, admin: { readOnly, style, className, width, placeholder, autoComplete, description, condition, } = {}, label, } = props;
-    const { i18n } = (0, react_i18next_1.useTranslation)();
+const _shared = require("../shared");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const Email = (props)=>{
+    const { name, admin: { autoComplete, className, condition, description, placeholder, readOnly, style, width } = {}, label, path: pathFromProps, required, validate = _validations.email } = props;
+    const { i18n } = (0, _reacti18next.useTranslation)();
     const path = pathFromProps || name;
-    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
-        return validate(value, { ...options, required });
-    }, [validate, required]);
-    const fieldType = (0, useField_1.default)({
-        path,
-        validate: memoizedValidate,
+    const memoizedValidate = (0, _react.useCallback)((value, options)=>{
+        return validate(value, {
+            ...options,
+            required
+        });
+    }, [
+        validate,
+        required
+    ]);
+    const fieldType = (0, _useField.default)({
         condition,
+        path,
+        validate: memoizedValidate
     });
-    const { value, showError, setValue, errorMessage, } = fieldType;
-    const classes = [
-        'field-type',
-        'email',
-        className,
-        showError && 'error',
-        readOnly && 'read-only',
-    ].filter(Boolean).join(' ');
-    return (react_1.default.createElement("div", { className: classes, style: {
+    const { errorMessage, setValue, showError, value } = fieldType;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            _shared.fieldBaseClass,
+            'email',
+            className,
+            showError && 'error',
+            readOnly && 'read-only'
+        ].filter(Boolean).join(' '),
+        style: {
             ...style,
-            width,
-        } },
-        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
-        react_1.default.createElement(Label_1.default, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
-        react_1.default.createElement("input", { id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: setValue, disabled: Boolean(readOnly), placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), type: "email", name: path, autoComplete: autoComplete }),
-        react_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
+            width
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_Error.default, {
+        message: errorMessage,
+        showError: showError
+    }), /*#__PURE__*/ _react.default.createElement(_Label.default, {
+        htmlFor: `field-${path.replace(/\./g, '__')}`,
+        label: label,
+        required: required
+    }), /*#__PURE__*/ _react.default.createElement("input", {
+        autoComplete: autoComplete,
+        disabled: Boolean(readOnly),
+        id: `field-${path.replace(/\./g, '__')}`,
+        name: path,
+        onChange: setValue,
+        placeholder: (0, _getTranslation.getTranslation)(placeholder, i18n),
+        type: "email",
+        value: value || ''
+    }), /*#__PURE__*/ _react.default.createElement(_FieldDescription.default, {
+        description: description,
+        value: value
+    }));
 };
-exports.default = (0, withCondition_1.default)(Email);
-//# sourceMappingURL=index.js.map
+const _default = (0, _withCondition.default)(Email);
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2Zvcm1zL2ZpZWxkLXR5cGVzL0VtYWlsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IGVtYWlsIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vZmllbGRzL3ZhbGlkYXRpb25zJ1xuaW1wb3J0IHsgZ2V0VHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi91dGlsaXRpZXMvZ2V0VHJhbnNsYXRpb24nXG5pbXBvcnQgRXJyb3IgZnJvbSAnLi4vLi4vRXJyb3InXG5pbXBvcnQgRmllbGREZXNjcmlwdGlvbiBmcm9tICcuLi8uLi9GaWVsZERlc2NyaXB0aW9uJ1xuaW1wb3J0IExhYmVsIGZyb20gJy4uLy4uL0xhYmVsJ1xuaW1wb3J0IHVzZUZpZWxkIGZyb20gJy4uLy4uL3VzZUZpZWxkJ1xuaW1wb3J0IHdpdGhDb25kaXRpb24gZnJvbSAnLi4vLi4vd2l0aENvbmRpdGlvbidcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuaW1wb3J0IHsgZmllbGRCYXNlQ2xhc3MgfSBmcm9tICcuLi9zaGFyZWQnXG5cbmNvbnN0IEVtYWlsOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIG5hbWUsXG4gICAgYWRtaW46IHtcbiAgICAgIGF1dG9Db21wbGV0ZSxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbmRpdGlvbixcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICByZWFkT25seSxcbiAgICAgIHN0eWxlLFxuICAgICAgd2lkdGgsXG4gICAgfSA9IHt9LFxuICAgIGxhYmVsLFxuICAgIHBhdGg6IHBhdGhGcm9tUHJvcHMsXG4gICAgcmVxdWlyZWQsXG4gICAgdmFsaWRhdGUgPSBlbWFpbCxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3QgeyBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgY29uc3QgcGF0aCA9IHBhdGhGcm9tUHJvcHMgfHwgbmFtZVxuXG4gIGNvbnN0IG1lbW9pemVkVmFsaWRhdGUgPSB1c2VDYWxsYmFjayhcbiAgICAodmFsdWUsIG9wdGlvbnMpID0+IHtcbiAgICAgIHJldHVybiB2YWxpZGF0ZSh2YWx1ZSwgeyAuLi5vcHRpb25zLCByZXF1aXJlZCB9KVxuICAgIH0sXG4gICAgW3ZhbGlkYXRlLCByZXF1aXJlZF0sXG4gIClcblxuICBjb25zdCBmaWVsZFR5cGUgPSB1c2VGaWVsZCh7XG4gICAgY29uZGl0aW9uLFxuICAgIHBhdGgsXG4gICAgdmFsaWRhdGU6IG1lbW9pemVkVmFsaWRhdGUsXG4gIH0pXG5cbiAgY29uc3QgeyBlcnJvck1lc3NhZ2UsIHNldFZhbHVlLCBzaG93RXJyb3IsIHZhbHVlIH0gPSBmaWVsZFR5cGVcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17W2ZpZWxkQmFzZUNsYXNzLCAnZW1haWwnLCBjbGFzc05hbWUsIHNob3dFcnJvciAmJiAnZXJyb3InLCByZWFkT25seSAmJiAncmVhZC1vbmx5J11cbiAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAuam9pbignICcpfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgIHdpZHRoLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RXJyb3IgbWVzc2FnZT17ZXJyb3JNZXNzYWdlfSBzaG93RXJyb3I9e3Nob3dFcnJvcn0gLz5cbiAgICAgIDxMYWJlbCBodG1sRm9yPXtgZmllbGQtJHtwYXRoLnJlcGxhY2UoL1xcLi9nLCAnX18nKX1gfSBsYWJlbD17bGFiZWx9IHJlcXVpcmVkPXtyZXF1aXJlZH0gLz5cbiAgICAgIDxpbnB1dFxuICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgZGlzYWJsZWQ9e0Jvb2xlYW4ocmVhZE9ubHkpfVxuICAgICAgICBpZD17YGZpZWxkLSR7cGF0aC5yZXBsYWNlKC9cXC4vZywgJ19fJyl9YH1cbiAgICAgICAgbmFtZT17cGF0aH1cbiAgICAgICAgb25DaGFuZ2U9e3NldFZhbHVlfVxuICAgICAgICBwbGFjZWhvbGRlcj17Z2V0VHJhbnNsYXRpb24ocGxhY2Vob2xkZXIsIGkxOG4pfVxuICAgICAgICB0eXBlPVwiZW1haWxcIlxuICAgICAgICB2YWx1ZT17KHZhbHVlIGFzIHN0cmluZykgfHwgJyd9XG4gICAgICAvPlxuICAgICAgPEZpZWxkRGVzY3JpcHRpb24gZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufSB2YWx1ZT17dmFsdWV9IC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aENvbmRpdGlvbihFbWFpbClcbiJdLCJuYW1lcyI6WyJFbWFpbCIsInByb3BzIiwibmFtZSIsImFkbWluIiwiYXV0b0NvbXBsZXRlIiwiY2xhc3NOYW1lIiwiY29uZGl0aW9uIiwiZGVzY3JpcHRpb24iLCJwbGFjZWhvbGRlciIsInJlYWRPbmx5Iiwic3R5bGUiLCJ3aWR0aCIsImxhYmVsIiwicGF0aCIsInBhdGhGcm9tUHJvcHMiLCJyZXF1aXJlZCIsInZhbGlkYXRlIiwiZW1haWwiLCJpMThuIiwidXNlVHJhbnNsYXRpb24iLCJtZW1vaXplZFZhbGlkYXRlIiwidXNlQ2FsbGJhY2siLCJ2YWx1ZSIsIm9wdGlvbnMiLCJmaWVsZFR5cGUiLCJ1c2VGaWVsZCIsImVycm9yTWVzc2FnZSIsInNldFZhbHVlIiwic2hvd0Vycm9yIiwiZGl2IiwiZmllbGRCYXNlQ2xhc3MiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsIkVycm9yIiwibWVzc2FnZSIsIkxhYmVsIiwiaHRtbEZvciIsInJlcGxhY2UiLCJpbnB1dCIsImRpc2FibGVkIiwiaWQiLCJvbkNoYW5nZSIsImdldFRyYW5zbGF0aW9uIiwidHlwZSIsIkZpZWxkRGVzY3JpcHRpb24iLCJ3aXRoQ29uZGl0aW9uIl0sIm1hcHBpbmdzIjoiOzs7OytCQWdGQTs7O2VBQUE7OzsrREFoRm1DOzhCQUNKOzZCQUlUO2dDQUNTOzhEQUNiO3lFQUNXOzhEQUNYO2lFQUNHO3NFQUNLO1FBQ25CO3dCQUN3Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRS9CLE1BQU1BLFFBQXlCLENBQUNDO0lBQzlCLE1BQU0sRUFDSkMsSUFBSSxFQUNKQyxPQUFPLEVBQ0xDLFlBQVksRUFDWkMsU0FBUyxFQUNUQyxTQUFTLEVBQ1RDLFdBQVcsRUFDWEMsV0FBVyxFQUNYQyxRQUFRLEVBQ1JDLEtBQUssRUFDTEMsS0FBSyxFQUNOLEdBQUcsQ0FBQyxDQUFDLEVBQ05DLEtBQUssRUFDTEMsTUFBTUMsYUFBYSxFQUNuQkMsUUFBUSxFQUNSQyxXQUFXQyxrQkFBSyxFQUNqQixHQUFHaEI7SUFFSixNQUFNLEVBQUVpQixJQUFJLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWM7SUFFL0IsTUFBTU4sT0FBT0MsaUJBQWlCWjtJQUU5QixNQUFNa0IsbUJBQW1CQyxJQUFBQSxrQkFBVyxFQUNsQyxDQUFDQyxPQUFPQztRQUNOLE9BQU9QLFNBQVNNLE9BQU87WUFBRSxHQUFHQyxPQUFPO1lBQUVSO1FBQVM7SUFDaEQsR0FDQTtRQUFDQztRQUFVRDtLQUFTO0lBR3RCLE1BQU1TLFlBQVlDLElBQUFBLGlCQUFRLEVBQUM7UUFDekJuQjtRQUNBTztRQUNBRyxVQUFVSTtJQUNaO0lBRUEsTUFBTSxFQUFFTSxZQUFZLEVBQUVDLFFBQVEsRUFBRUMsU0FBUyxFQUFFTixLQUFLLEVBQUUsR0FBR0U7SUFFckQscUJBQ0UsNkJBQUNLO1FBQ0N4QixXQUFXO1lBQUN5QixzQkFBYztZQUFFO1lBQVN6QjtZQUFXdUIsYUFBYTtZQUFTbkIsWUFBWTtTQUFZLENBQzNGc0IsTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7UUFDUnZCLE9BQU87WUFDTCxHQUFHQSxLQUFLO1lBQ1JDO1FBQ0Y7cUJBRUEsNkJBQUN1QixjQUFLO1FBQUNDLFNBQVNUO1FBQWNFLFdBQVdBO3NCQUN6Qyw2QkFBQ1EsY0FBSztRQUFDQyxTQUFTLENBQUMsTUFBTSxFQUFFeEIsS0FBS3lCLE9BQU8sQ0FBQyxPQUFPLE1BQU0sQ0FBQztRQUFFMUIsT0FBT0E7UUFBT0csVUFBVUE7c0JBQzlFLDZCQUFDd0I7UUFDQ25DLGNBQWNBO1FBQ2RvQyxVQUFVUixRQUFRdkI7UUFDbEJnQyxJQUFJLENBQUMsTUFBTSxFQUFFNUIsS0FBS3lCLE9BQU8sQ0FBQyxPQUFPLE1BQU0sQ0FBQztRQUN4Q3BDLE1BQU1XO1FBQ042QixVQUFVZjtRQUNWbkIsYUFBYW1DLElBQUFBLDhCQUFjLEVBQUNuQyxhQUFhVTtRQUN6QzBCLE1BQUs7UUFDTHRCLE9BQU8sQUFBQ0EsU0FBb0I7c0JBRTlCLDZCQUFDdUIseUJBQWdCO1FBQUN0QyxhQUFhQTtRQUFhZSxPQUFPQTs7QUFHekQ7TUFFQSxXQUFld0IsSUFBQUEsc0JBQWEsRUFBQzlDIn0=

package/dist/admin/components/forms/field-types/Email/index.scss

@@ -1,7 +1,6 @@
 @import '../../../../scss/styles.scss';
 
 .field-type.email {
-  margin-bottom: $baseline;
   position: relative;
 
   input {
@@ -15,9 +14,8 @@
   }
 }
 
-
-html[data-theme=light] {
-  .field-type.email{
+html[data-theme='light'] {
+  .field-type.email {
     &.error {
       input {
         @include lightInputError;
@@ -26,7 +24,7 @@ html[data-theme=light] {
   }
 }
 
-html[data-theme=dark] {
+html[data-theme='dark'] {
   .field-type.email {
     &.error {
       input {

package/dist/admin/components/forms/field-types/Email/types.d.ts

@@ -1,4 +1,5 @@
-import { EmailField } from '../../../../../fields/config/types';
+import type { EmailField } from '../../../../../fields/config/types';
 export type Props = Omit<EmailField, 'type'> & {
     path?: string;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/admin/components/forms/field-types/Email/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Email/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAA;AAEpE,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/admin/components/forms/field-types/Email/types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/admin/components/forms/field-types/Group/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 import './index.scss';
 declare const _default: React.FC<Props>;
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/forms/field-types/Group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAapC,OAAO,cAAc,CAAA;;AAqFrB,wBAAmC"}

package/dist/admin/components/forms/field-types/Group/index.js

@@ -1,61 +1,94 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_i18next_1 = require("react-i18next");
-const RenderFields_1 = __importDefault(require("../../RenderFields"));
-const withCondition_1 = __importDefault(require("../../withCondition"));
-const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
-const provider_1 = require("../../../elements/Collapsible/provider");
-const provider_2 = require("./provider");
-const provider_3 = require("../Row/provider");
-const provider_4 = require("../Tabs/provider");
-const getTranslation_1 = require("../../../../../utilities/getTranslation");
-const createNestedFieldPath_1 = require("../../Form/createNestedFieldPath");
-const context_1 = require("../../Form/context");
-const WatchChildErrors_1 = require("../../WatchChildErrors");
-const ErrorPill_1 = require("../../../elements/ErrorPill");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reacti18next = require("react-i18next");
+const _getTranslation = require("../../../../../utilities/getTranslation");
+const _provider = require("../../../elements/Collapsible/provider");
+const _ErrorPill = require("../../../elements/ErrorPill");
+const _FieldDescription = /*#__PURE__*/ _interop_require_default(require("../../FieldDescription"));
+const _context = require("../../Form/context");
+const _createNestedFieldPath = require("../../Form/createNestedFieldPath");
+const _RenderFields = /*#__PURE__*/ _interop_require_default(require("../../RenderFields"));
+const _WatchChildErrors = require("../../WatchChildErrors");
+const _withCondition = /*#__PURE__*/ _interop_require_default(require("../../withCondition"));
+const _provider1 = require("../Row/provider");
+const _provider2 = require("../Tabs/provider");
 require("./index.scss");
+const _provider3 = require("./provider");
+const _shared = require("../shared");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'group-field';
-const Group = (props) => {
-    const { label, fields, name, path: pathFromProps, fieldTypes, indexPath, admin: { readOnly, style, className, width, description, hideGutter = false, }, permissions, } = props;
-    const isWithinCollapsible = (0, provider_1.useCollapsible)();
-    const isWithinGroup = (0, provider_2.useGroup)();
-    const isWithinRow = (0, provider_3.useRow)();
-    const isWithinTab = (0, provider_4.useTabs)();
-    const { i18n } = (0, react_i18next_1.useTranslation)();
-    const submitted = (0, context_1.useFormSubmitted)();
-    const [errorCount, setErrorCount] = react_1.default.useState(undefined);
+const Group = (props)=>{
+    const { name, admin: { className, description, hideGutter = false, readOnly, style, width }, fieldTypes, fields, indexPath, label, path: pathFromProps, permissions } = props;
+    const isWithinCollapsible = (0, _provider.useCollapsible)();
+    const isWithinGroup = (0, _provider3.useGroup)();
+    const isWithinRow = (0, _provider1.useRow)();
+    const isWithinTab = (0, _provider2.useTabs)();
+    const { i18n } = (0, _reacti18next.useTranslation)();
+    const submitted = (0, _context.useFormSubmitted)();
+    const [errorCount, setErrorCount] = _react.default.useState(undefined);
     const groupHasErrors = submitted && errorCount > 0;
     const path = pathFromProps || name;
-    return (react_1.default.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: [
-            'field-type',
+    const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            _shared.fieldBaseClass,
             baseClass,
+            isTopLevel && `${baseClass}--top-level`,
             isWithinCollapsible && `${baseClass}--within-collapsible`,
             isWithinGroup && `${baseClass}--within-group`,
             isWithinRow && `${baseClass}--within-row`,
             isWithinTab && `${baseClass}--within-tab`,
-            (!hideGutter && isWithinGroup) && `${baseClass}--gutter`,
+            !hideGutter && isWithinGroup && `${baseClass}--gutter`,
             groupHasErrors && `${baseClass}--has-error`,
-            className,
-        ].filter(Boolean).join(' '), style: {
+            className
+        ].filter(Boolean).join(' '),
+        id: `field-${path.replace(/\./g, '__')}`,
+        style: {
             ...style,
-            width,
-        } },
-        react_1.default.createElement(WatchChildErrors_1.WatchChildErrors, { setErrorCount: setErrorCount, path: path, fieldSchema: fields }),
-        react_1.default.createElement(provider_2.GroupProvider, null,
-            react_1.default.createElement("div", { className: `${baseClass}__wrap` },
-                react_1.default.createElement("div", { className: `${baseClass}__header` },
-                    (label || description) && (react_1.default.createElement("header", null,
-                        label && (react_1.default.createElement("h3", { className: `${baseClass}__title` }, (0, getTranslation_1.getTranslation)(label, i18n))),
-                        react_1.default.createElement(FieldDescription_1.default, { className: `field-description-${path.replace(/\./gi, '__')}`, value: null, description: description }))),
-                    groupHasErrors && (react_1.default.createElement(ErrorPill_1.ErrorPill, { count: errorCount, withMessage: true }))),
-                react_1.default.createElement(RenderFields_1.default, { permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, readOnly: readOnly, fieldTypes: fieldTypes, indexPath: indexPath, fieldSchema: fields.map((subField) => ({
-                        ...subField,
-                        path: (0, createNestedFieldPath_1.createNestedFieldPath)(path, subField),
-                    })) })))));
+            width
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_WatchChildErrors.WatchChildErrors, {
+        fieldSchema: fields,
+        path: path,
+        setErrorCount: setErrorCount
+    }), /*#__PURE__*/ _react.default.createElement(_provider3.GroupProvider, null, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__wrap`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__header`
+    }, (label || description) && /*#__PURE__*/ _react.default.createElement("header", null, label && /*#__PURE__*/ _react.default.createElement("h3", {
+        className: `${baseClass}__title`
+    }, (0, _getTranslation.getTranslation)(label, i18n)), /*#__PURE__*/ _react.default.createElement(_FieldDescription.default, {
+        className: `field-description-${path.replace(/\./g, '__')}`,
+        description: description,
+        value: null
+    })), groupHasErrors && /*#__PURE__*/ _react.default.createElement(_ErrorPill.ErrorPill, {
+        count: errorCount,
+        withMessage: true
+    })), /*#__PURE__*/ _react.default.createElement(_RenderFields.default, {
+        fieldSchema: fields.map((subField)=>({
+                ...subField,
+                path: (0, _createNestedFieldPath.createNestedFieldPath)(path, subField)
+            })),
+        fieldTypes: fieldTypes,
+        indexPath: indexPath,
+        margins: "small",
+        permissions: permissions?.fields,
+        readOnly: readOnly
+    }))));
 };
-exports.default = (0, withCondition_1.default)(Group);
-//# sourceMappingURL=index.js.map
+const _default = (0, _withCondition.default)(Group);
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2Zvcm1zL2ZpZWxkLXR5cGVzL0dyb3VwL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3V0aWxpdGllcy9nZXRUcmFuc2xhdGlvbidcbmltcG9ydCB7IHVzZUNvbGxhcHNpYmxlIH0gZnJvbSAnLi4vLi4vLi4vZWxlbWVudHMvQ29sbGFwc2libGUvcHJvdmlkZXInXG5pbXBvcnQgeyBFcnJvclBpbGwgfSBmcm9tICcuLi8uLi8uLi9lbGVtZW50cy9FcnJvclBpbGwnXG5pbXBvcnQgRmllbGREZXNjcmlwdGlvbiBmcm9tICcuLi8uLi9GaWVsZERlc2NyaXB0aW9uJ1xuaW1wb3J0IHsgdXNlRm9ybVN1Ym1pdHRlZCB9IGZyb20gJy4uLy4uL0Zvcm0vY29udGV4dCdcbmltcG9ydCB7IGNyZWF0ZU5lc3RlZEZpZWxkUGF0aCB9IGZyb20gJy4uLy4uL0Zvcm0vY3JlYXRlTmVzdGVkRmllbGRQYXRoJ1xuaW1wb3J0IFJlbmRlckZpZWxkcyBmcm9tICcuLi8uLi9SZW5kZXJGaWVsZHMnXG5pbXBvcnQgeyBXYXRjaENoaWxkRXJyb3JzIH0gZnJvbSAnLi4vLi4vV2F0Y2hDaGlsZEVycm9ycydcbmltcG9ydCB3aXRoQ29uZGl0aW9uIGZyb20gJy4uLy4uL3dpdGhDb25kaXRpb24nXG5pbXBvcnQgeyB1c2VSb3cgfSBmcm9tICcuLi9Sb3cvcHJvdmlkZXInXG5pbXBvcnQgeyB1c2VUYWJzIH0gZnJvbSAnLi4vVGFicy9wcm92aWRlcidcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuaW1wb3J0IHsgR3JvdXBQcm92aWRlciwgdXNlR3JvdXAgfSBmcm9tICcuL3Byb3ZpZGVyJ1xuaW1wb3J0IHsgZmllbGRCYXNlQ2xhc3MgfSBmcm9tICcuLi9zaGFyZWQnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdncm91cC1maWVsZCdcblxuY29uc3QgR3JvdXA6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgbmFtZSxcbiAgICBhZG1pbjogeyBjbGFzc05hbWUsIGRlc2NyaXB0aW9uLCBoaWRlR3V0dGVyID0gZmFsc2UsIHJlYWRPbmx5LCBzdHlsZSwgd2lkdGggfSxcbiAgICBmaWVsZFR5cGVzLFxuICAgIGZpZWxkcyxcbiAgICBpbmRleFBhdGgsXG4gICAgbGFiZWwsXG4gICAgcGF0aDogcGF0aEZyb21Qcm9wcyxcbiAgICBwZXJtaXNzaW9ucyxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3QgaXNXaXRoaW5Db2xsYXBzaWJsZSA9IHVzZUNvbGxhcHNpYmxlKClcbiAgY29uc3QgaXNXaXRoaW5Hcm91cCA9IHVzZUdyb3VwKClcbiAgY29uc3QgaXNXaXRoaW5Sb3cgPSB1c2VSb3coKVxuICBjb25zdCBpc1dpdGhpblRhYiA9IHVzZVRhYnMoKVxuICBjb25zdCB7IGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKClcbiAgY29uc3Qgc3VibWl0dGVkID0gdXNlRm9ybVN1Ym1pdHRlZCgpXG4gIGNvbnN0IFtlcnJvckNvdW50LCBzZXRFcnJvckNvdW50XSA9IFJlYWN0LnVzZVN0YXRlKHVuZGVmaW5lZClcbiAgY29uc3QgZ3JvdXBIYXNFcnJvcnMgPSBzdWJtaXR0ZWQgJiYgZXJyb3JDb3VudCA+IDBcblxuICBjb25zdCBwYXRoID0gcGF0aEZyb21Qcm9wcyB8fCBuYW1lXG4gIGNvbnN0IGlzVG9wTGV2ZWwgPSAhKGlzV2l0aGluQ29sbGFwc2libGUgfHwgaXNXaXRoaW5Hcm91cCB8fCBpc1dpdGhpblJvdylcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICBmaWVsZEJhc2VDbGFzcyxcbiAgICAgICAgYmFzZUNsYXNzLFxuICAgICAgICBpc1RvcExldmVsICYmIGAke2Jhc2VDbGFzc30tLXRvcC1sZXZlbGAsXG4gICAgICAgIGlzV2l0aGluQ29sbGFwc2libGUgJiYgYCR7YmFzZUNsYXNzfS0td2l0aGluLWNvbGxhcHNpYmxlYCxcbiAgICAgICAgaXNXaXRoaW5Hcm91cCAmJiBgJHtiYXNlQ2xhc3N9LS13aXRoaW4tZ3JvdXBgLFxuICAgICAgICBpc1dpdGhpblJvdyAmJiBgJHtiYXNlQ2xhc3N9LS13aXRoaW4tcm93YCxcbiAgICAgICAgaXNXaXRoaW5UYWIgJiYgYCR7YmFzZUNsYXNzfS0td2l0aGluLXRhYmAsXG4gICAgICAgICFoaWRlR3V0dGVyICYmIGlzV2l0aGluR3JvdXAgJiYgYCR7YmFzZUNsYXNzfS0tZ3V0dGVyYCxcbiAgICAgICAgZ3JvdXBIYXNFcnJvcnMgJiYgYCR7YmFzZUNsYXNzfS0taGFzLWVycm9yYCxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgXVxuICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgIC5qb2luKCcgJyl9XG4gICAgICBpZD17YGZpZWxkLSR7cGF0aC5yZXBsYWNlKC9cXC4vZywgJ19fJyl9YH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIC4uLnN0eWxlLFxuICAgICAgICB3aWR0aCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFdhdGNoQ2hpbGRFcnJvcnMgZmllbGRTY2hlbWE9e2ZpZWxkc30gcGF0aD17cGF0aH0gc2V0RXJyb3JDb3VudD17c2V0RXJyb3JDb3VudH0gLz5cbiAgICAgIDxHcm91cFByb3ZpZGVyPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fd3JhcGB9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19oZWFkZXJgfT5cbiAgICAgICAgICAgIHsobGFiZWwgfHwgZGVzY3JpcHRpb24pICYmIChcbiAgICAgICAgICAgICAgPGhlYWRlcj5cbiAgICAgICAgICAgICAgICB7bGFiZWwgJiYgPGgzIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdGl0bGVgfT57Z2V0VHJhbnNsYXRpb24obGFiZWwsIGkxOG4pfTwvaDM+fVxuICAgICAgICAgICAgICAgIDxGaWVsZERlc2NyaXB0aW9uXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2BmaWVsZC1kZXNjcmlwdGlvbi0ke3BhdGgucmVwbGFjZSgvXFwuL2csICdfXycpfWB9XG4gICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICB2YWx1ZT17bnVsbH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2hlYWRlcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Z3JvdXBIYXNFcnJvcnMgJiYgPEVycm9yUGlsbCBjb3VudD17ZXJyb3JDb3VudH0gd2l0aE1lc3NhZ2UgLz59XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPFJlbmRlckZpZWxkc1xuICAgICAgICAgICAgZmllbGRTY2hlbWE9e2ZpZWxkcy5tYXAoKHN1YkZpZWxkKSA9PiAoe1xuICAgICAgICAgICAgICAuLi5zdWJGaWVsZCxcbiAgICAgICAgICAgICAgcGF0aDogY3JlYXRlTmVzdGVkRmllbGRQYXRoKHBhdGgsIHN1YkZpZWxkKSxcbiAgICAgICAgICAgIH0pKX1cbiAgICAgICAgICAgIGZpZWxkVHlwZXM9e2ZpZWxkVHlwZXN9XG4gICAgICAgICAgICBpbmRleFBhdGg9e2luZGV4UGF0aH1cbiAgICAgICAgICAgIG1hcmdpbnM9XCJzbWFsbFwiXG4gICAgICAgICAgICBwZXJtaXNzaW9ucz17cGVybWlzc2lvbnM/LmZpZWxkc31cbiAgICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvR3JvdXBQcm92aWRlcj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoQ29uZGl0aW9uKEdyb3VwKVxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIkdyb3VwIiwicHJvcHMiLCJuYW1lIiwiYWRtaW4iLCJjbGFzc05hbWUiLCJkZXNjcmlwdGlvbiIsImhpZGVHdXR0ZXIiLCJyZWFkT25seSIsInN0eWxlIiwid2lkdGgiLCJmaWVsZFR5cGVzIiwiZmllbGRzIiwiaW5kZXhQYXRoIiwibGFiZWwiLCJwYXRoIiwicGF0aEZyb21Qcm9wcyIsInBlcm1pc3Npb25zIiwiaXNXaXRoaW5Db2xsYXBzaWJsZSIsInVzZUNvbGxhcHNpYmxlIiwiaXNXaXRoaW5Hcm91cCIsInVzZUdyb3VwIiwiaXNXaXRoaW5Sb3ciLCJ1c2VSb3ciLCJpc1dpdGhpblRhYiIsInVzZVRhYnMiLCJpMThuIiwidXNlVHJhbnNsYXRpb24iLCJzdWJtaXR0ZWQiLCJ1c2VGb3JtU3VibWl0dGVkIiwiZXJyb3JDb3VudCIsInNldEVycm9yQ291bnQiLCJSZWFjdCIsInVzZVN0YXRlIiwidW5kZWZpbmVkIiwiZ3JvdXBIYXNFcnJvcnMiLCJpc1RvcExldmVsIiwiZGl2IiwiZmllbGRCYXNlQ2xhc3MiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImlkIiwicmVwbGFjZSIsIldhdGNoQ2hpbGRFcnJvcnMiLCJmaWVsZFNjaGVtYSIsIkdyb3VwUHJvdmlkZXIiLCJoZWFkZXIiLCJoMyIsImdldFRyYW5zbGF0aW9uIiwiRmllbGREZXNjcmlwdGlvbiIsInZhbHVlIiwiRXJyb3JQaWxsIiwiY291bnQiLCJ3aXRoTWVzc2FnZSIsIlJlbmRlckZpZWxkcyIsIm1hcCIsInN1YkZpZWxkIiwiY3JlYXRlTmVzdGVkRmllbGRQYXRoIiwibWFyZ2lucyIsIndpdGhDb25kaXRpb24iXSwibWFwcGluZ3MiOiI7Ozs7K0JBcUdBOzs7ZUFBQTs7OzhEQXJHa0I7OEJBQ2E7Z0NBSUE7MEJBQ0E7MkJBQ0w7eUVBQ0c7eUJBQ0k7dUNBQ0s7cUVBQ2I7a0NBQ1E7c0VBQ1A7MkJBQ0g7MkJB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

package/dist/admin/components/forms/field-types/Group/index.scss

@@ -1,14 +1,24 @@
 @import '../../../../scss/styles.scss';
 
 .group-field {
-  margin: base(2) calc(var(--gutter-h) * -1);
-  padding: base(2) var(--gutter-h);
-  border-top: 1px solid var(--theme-elevation-100);
+  margin-left: calc(var(--gutter-h) * -1);
+  margin-right: calc(var(--gutter-h) * -1);
   border-bottom: 1px solid var(--theme-elevation-100);
+  border-top: 1px solid var(--theme-elevation-100);
+
+  &--top-level {
+    padding: base(2) var(--gutter-h);
+
+    &:first-child {
+      padding-top: 0;
+      border-top: 0;
+    }
+  }
 
   &--within-collapsible {
-    margin: $baseline calc(#{$baseline} * -1);
-    padding: $baseline;
+    margin-left: calc(var(--base) * -1);
+    margin-right: calc(var(--base) * -1);
+    padding: var(--base);
 
     &:first-child {
       border-top: 0;
@@ -54,10 +64,16 @@
   }
 
   &__header {
-    margin-bottom: base(.75);
+    margin-bottom: calc(var(--base) / 2);
     display: flex;
     align-items: center;
-    gap: base(.5);
+    gap: base(0.5);
+
+    > header {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
   }
 
   &__title {
@@ -65,8 +81,18 @@
   }
 
   @include small-break {
-    padding-top: $baseline;
-    padding-bottom: $baseline;
+    &--top-level {
+      padding: var(--base) var(--gutter-h);
+
+      &:first-child {
+        padding-top: 0;
+        border-top: 0;
+      }
+    }
+
+    &__header {
+      margin-bottom: calc(var(--base) / 2);
+    }
 
     &--within-collapsible {
       margin-left: calc(var(--gutter-h) * -1);
@@ -83,24 +109,20 @@
   }
 }
 
-.group-field+.group-field {
-  margin-top: base(-2);
+.group-field + .group-field {
   border-top: 0;
+  padding-top: 0;
 }
 
-.group-field--within-collapsible+.group-field--within-collapsible {
-  margin-top: base(-1);
-}
-
-.group-field--within-row+.group-field--within-row {
+.group-field--within-row + .group-field--within-row {
   margin-top: 0;
 }
 
-.group-field--within-tab+.group-field--within-row {
+.group-field--within-tab + .group-field--within-row {
   padding-top: 0;
 }
 
-html[data-theme=light] {
+html[data-theme='light'] {
   .group-field {
     &--has-error {
       color: var(--theme-error-750);
@@ -111,7 +133,7 @@ html[data-theme=light] {
   }
 }
 
-html[data-theme=dark] {
+html[data-theme='dark'] {
   .group-field {
     &--has-error {
       color: var(--theme-error-500);

package/dist/admin/components/forms/field-types/Group/provider.d.ts

@@ -6,3 +6,4 @@ export declare const GroupProvider: React.FC<{
 }>;
 export declare const useGroup: () => boolean;
 export default Context;
+//# sourceMappingURL=provider.d.ts.map

package/dist/admin/components/forms/field-types/Group/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Group/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,QAAA,MAAM,OAAO,wBAAuB,CAAA;AAEpC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAKzF,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,OAA8B,CAAA;AAE1D,eAAe,OAAO,CAAA"}

package/dist/admin/components/forms/field-types/Group/provider.js

@@ -1,36 +1,71 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    GroupProvider: function() {
+        return GroupProvider;
+    },
+    useGroup: function() {
+        return useGroup;
+    },
+    default: function() {
+        return _default;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGroup = exports.GroupProvider = void 0;
-const react_1 = __importStar(require("react"));
-const Context = (0, react_1.createContext)(false);
-const GroupProvider = ({ children, withinGroup = true }) => {
-    return (react_1.default.createElement(Context.Provider, { value: withinGroup }, children));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const Context = /*#__PURE__*/ (0, _react.createContext)(false);
+const GroupProvider = ({ children, withinGroup = true })=>{
+    return /*#__PURE__*/ _react.default.createElement(Context.Provider, {
+        value: withinGroup
+    }, children);
 };
-exports.GroupProvider = GroupProvider;
-const useGroup = () => (0, react_1.useContext)(Context);
-exports.useGroup = useGroup;
-exports.default = Context;
-//# sourceMappingURL=provider.js.map
+const useGroup = ()=>(0, _react.useContext)(Context);
+const _default = Context;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2Zvcm1zL2ZpZWxkLXR5cGVzL0dyb3VwL3Byb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb250ZXh0ID0gY3JlYXRlQ29udGV4dChmYWxzZSlcblxuZXhwb3J0IGNvbnN0IEdyb3VwUHJvdmlkZXI6IFJlYWN0LkZDPHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHdpdGhpbkdyb3VwPzogYm9vbGVhbiB9PiA9ICh7XG4gIGNoaWxkcmVuLFxuICB3aXRoaW5Hcm91cCA9IHRydWUsXG59KSA9PiB7XG4gIHJldHVybiA8Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17d2l0aGluR3JvdXB9PntjaGlsZHJlbn08L0NvbnRleHQuUHJvdmlkZXI+XG59XG5cbmV4cG9ydCBjb25zdCB1c2VHcm91cCA9ICgpOiBib29sZWFuID0+IHVzZUNvbnRleHQoQ29udGV4dClcblxuZXhwb3J0IGRlZmF1bHQgQ29udGV4dFxuIl0sIm5hbWVzIjpbIkdyb3VwUHJvdmlkZXIiLCJ1c2VHcm91cCIsIkNvbnRleHQiLCJjcmVhdGVDb250ZXh0IiwiY2hpbGRyZW4iLCJ3aXRoaW5Hcm91cCIsIlByb3ZpZGVyIiwidmFsdWUiLCJ1c2VDb250ZXh0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztJQUlhQSxhQUFhO2VBQWJBOztJQU9BQyxRQUFRO2VBQVJBOztJQUViLE9BQXNCO2VBQXRCOzs7K0RBYmlEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRWpELE1BQU1DLHdCQUFVQyxJQUFBQSxvQkFBYSxFQUFDO0FBRXZCLE1BQU1ILGdCQUFpRixDQUFDLEVBQzdGSSxRQUFRLEVBQ1JDLGNBQWMsSUFBSSxFQUNuQjtJQUNDLHFCQUFPLDZCQUFDSCxRQUFRSSxRQUFRO1FBQUNDLE9BQU9GO09BQWNEO0FBQ2hEO0FBRU8sTUFBTUgsV0FBVyxJQUFlTyxJQUFBQSxpQkFBVSxFQUFDTjtNQUVsRCxXQUFlQSJ9