@payloadcms/ui 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js

@@ -0,0 +1,27 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "VersionsPill", {
+    enumerable: true,
+    get: function() {
+        return VersionsPill;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _DocumentInfo = require("../../../../../providers/DocumentInfo");
+const _Tab = require("../../Tab");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const VersionsPill = ()=>{
+    const { versions } = (0, _DocumentInfo.useDocumentInfo)();
+    return /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${_Tab.baseClass}__count`
+    }, versions?.totalDocs?.toString());
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9Eb2N1bWVudEhlYWRlci9UYWJzL3RhYnMvVmVyc2lvbnNQaWxsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlRG9jdW1lbnRJbmZvIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vcHJvdmlkZXJzL0RvY3VtZW50SW5mbydcbmltcG9ydCB7IGJhc2VDbGFzcyB9IGZyb20gJy4uLy4uL1RhYidcblxuZXhwb3J0IGNvbnN0IFZlcnNpb25zUGlsbDogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIGNvbnN0IHsgdmVyc2lvbnMgfSA9IHVzZURvY3VtZW50SW5mbygpXG4gIHJldHVybiA8c3BhbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvdW50YH0+e3ZlcnNpb25zPy50b3RhbERvY3M/LnRvU3RyaW5nKCl9PC9zcGFuPlxufVxuIl0sIm5hbWVzIjpbIlZlcnNpb25zUGlsbCIsInZlcnNpb25zIiwidXNlRG9jdW1lbnRJbmZvIiwic3BhbiIsImNsYXNzTmFtZSIsImJhc2VDbGFzcyIsInRvdGFsRG9jcyIsInRvU3RyaW5nIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBTWFBOzs7ZUFBQUE7Ozs4REFMSzs4QkFFYztxQkFDTjs7Ozs7O0FBRW5CLE1BQU1BLGVBQXlCO0lBQ3BDLE1BQU0sRUFBRUMsUUFBUSxFQUFFLEdBQUdDLElBQUFBLDZCQUFlO0lBQ3BDLHFCQUFPLDZCQUFDQztRQUFLQyxXQUFXLENBQUMsRUFBRUMsY0FBUyxDQUFDLE9BQU8sQ0FBQztPQUFHSixVQUFVSyxXQUFXQztBQUN2RSJ9

package/dist/elements/DocumentHeader/Tabs/tabs/index.js

@@ -0,0 +1,75 @@
+"use strict";
+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, {
+    documentViewKeys: function() {
+        return documentViewKeys;
+    },
+    tabs: function() {
+        return tabs;
+    }
+});
+const _VersionsPill = require("./VersionsPill");
+const documentViewKeys = [
+    'API',
+    'Default',
+    'LivePreview',
+    'References',
+    'Relationships',
+    'Version',
+    'Versions'
+];
+const tabs = {
+    API: {
+        condition: ({ collectionConfig, globalConfig })=>collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
+        href: '/api',
+        label: 'API',
+        order: 1000
+    },
+    Default: {
+        href: '',
+        // isActive: ({ href, location }) =>
+        // location.pathname === href || location.pathname === `${href}/create`,
+        label: ({ t })=>t('general:edit'),
+        order: 0
+    },
+    LivePreview: {
+        condition: ({ collectionConfig, config, globalConfig })=>{
+            if (collectionConfig) {
+                return Boolean(config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) || collectionConfig?.admin?.livePreview);
+            }
+            if (globalConfig) {
+                return Boolean(config?.admin?.livePreview?.globals?.includes(globalConfig.slug) || globalConfig?.admin?.livePreview);
+            }
+            return false;
+        },
+        href: '/preview',
+        label: ({ t })=>t('general:livePreview'),
+        order: 100
+    },
+    References: {
+        condition: ()=>false
+    },
+    Relationships: {
+        condition: ()=>false
+    },
+    Version: {
+        condition: ()=>false
+    },
+    Versions: {
+        Pill: _VersionsPill.VersionsPill,
+        condition: ({ collectionConfig, globalConfig })=>Boolean(collectionConfig?.versions || globalConfig?.versions),
+        href: '/versions',
+        label: ({ t })=>t('version:versions'),
+        order: 200
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9Eb2N1bWVudEhlYWRlci9UYWJzL3RhYnMvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRG9jdW1lbnRUYWJDb25maWcgfSBmcm9tICdwYXlsb2FkL3R5cGVzJ1xuXG5pbXBvcnQgeyBWZXJzaW9uc1BpbGwgfSBmcm9tICcuL1ZlcnNpb25zUGlsbCdcblxuZXhwb3J0IGNvbnN0IGRvY3VtZW50Vmlld0tleXMgPSBbXG4gICdBUEknLFxuICAnRGVmYXVsdCcsXG4gICdMaXZlUHJldmlldycsXG4gICdSZWZlcmVuY2VzJyxcbiAgJ1JlbGF0aW9uc2hpcHMnLFxuICAnVmVyc2lvbicsXG4gICdWZXJzaW9ucycsXG5dXG5cbmV4cG9ydCB0eXBlIERvY3VtZW50Vmlld0tleSA9ICh0eXBlb2YgZG9jdW1lbnRWaWV3S2V5cylbbnVtYmVyXVxuXG5leHBvcnQgY29uc3QgdGFiczogUmVjb3JkPFxuICBEb2N1bWVudFZpZXdLZXksXG4gIERvY3VtZW50VGFiQ29uZmlnICYge1xuICAgIG9yZGVyPzogbnVtYmVyIC8vIFRPRE86IGV4cG9zZSB0aGlzIHRvIHRoZSBnbG9iYWxDb25maWcgY29uZmlnXG4gIH1cbj4gPSB7XG4gIEFQSToge1xuICAgIGNvbmRpdGlvbjogKHsgY29sbGVjdGlvbkNvbmZpZywgZ2xvYmFsQ29uZmlnIH0pID0+XG4gICAgICAoY29sbGVjdGlvbkNvbmZpZyAmJiAhY29sbGVjdGlvbkNvbmZpZz8uYWRtaW4/LmhpZGVBUElVUkwpIHx8XG4gICAgICAoZ2xvYmFsQ29uZmlnICYmICFnbG9iYWxDb25maWc/LmFkbWluPy5oaWRlQVBJVVJMKSxcbiAgICBocmVmOiAnL2FwaScsXG4gICAgbGFiZWw6ICdBUEknLFxuICAgIG9yZGVyOiAxMDAwLFxuICB9LFxuICBEZWZhdWx0OiB7XG4gICAgaHJlZjogJycsXG4gICAgLy8gaXNBY3RpdmU6ICh7IGhyZWYsIGxvY2F0aW9uIH0pID0+XG4gICAgLy8gbG9jYXRpb24ucGF0aG5hbWUgPT09IGhyZWYgfHwgbG9jYXRpb24ucGF0aG5hbWUgPT09IGAke2hyZWZ9L2NyZWF0ZWAsXG4gICAgbGFiZWw6ICh7IHQgfSkgPT4gdCgnZ2VuZXJhbDplZGl0JyksXG4gICAgb3JkZXI6IDAsXG4gIH0sXG4gIExpdmVQcmV2aWV3OiB7XG4gICAgY29uZGl0aW9uOiAoeyBjb2xsZWN0aW9uQ29uZmlnLCBjb25maWcsIGdsb2JhbENvbmZpZyB9KSA9PiB7XG4gICAgICBpZiAoY29sbGVjdGlvbkNvbmZpZykge1xuICAgICAgICByZXR1cm4gQm9vbGVhbihcbiAgICAgICAgICBjb25maWc/LmFkbWluPy5saXZlUHJldmlldz8uY29sbGVjdGlvbnM/LmluY2x1ZGVzKGNvbGxlY3Rpb25Db25maWcuc2x1ZykgfHxcbiAgICAgICAgICAgIGNvbGxlY3Rpb25Db25maWc/LmFkbWluPy5saXZlUHJldmlldyxcbiAgICAgICAgKVxuICAgICAgfVxuXG4gICAgICBpZiAoZ2xvYmFsQ29uZmlnKSB7XG4gICAgICAgIHJldHVybiBCb29sZWFuKFxuICAgICAgICAgIGNvbmZpZz8uYWRtaW4/LmxpdmVQcmV2aWV3Py5nbG9iYWxzPy5pbmNsdWRlcyhnbG9iYWxDb25maWcuc2x1ZykgfHxcbiAgICAgICAgICAgIGdsb2JhbENvbmZpZz8uYWRtaW4/LmxpdmVQcmV2aWV3LFxuICAgICAgICApXG4gICAgICB9XG5cbiAgICAgIHJldHVybiBmYWxzZVxuICAgIH0sXG4gICAgaHJlZjogJy9wcmV2aWV3JyxcbiAgICBsYWJlbDogKHsgdCB9KSA9PiB0KCdnZW5lcmFsOmxpdmVQcmV2aWV3JyksXG4gICAgb3JkZXI6IDEwMCxcbiAgfSxcbiAgUmVmZXJlbmNlczoge1xuICAgIGNvbmRpdGlvbjogKCkgPT4gZmFsc2UsXG4gIH0sXG4gIFJlbGF0aW9uc2hpcHM6IHtcbiAgICBjb25kaXRpb246ICgpID0+IGZhbHNlLFxuICB9LFxuICBWZXJzaW9uOiB7XG4gICAgY29uZGl0aW9uOiAoKSA9PiBmYWxzZSxcbiAgfSxcbiAgVmVyc2lvbnM6IHtcbiAgICBQaWxsOiBWZXJzaW9uc1BpbGwsXG4gICAgY29uZGl0aW9uOiAoeyBjb2xsZWN0aW9uQ29uZmlnLCBnbG9iYWxDb25maWcgfSkgPT5cbiAgICAgIEJvb2xlYW4oY29sbGVjdGlvbkNvbmZpZz8udmVyc2lvbnMgfHwgZ2xvYmFsQ29uZmlnPy52ZXJzaW9ucyksXG4gICAgaHJlZjogJy92ZXJzaW9ucycsXG4gICAgbGFiZWw6ICh7IHQgfSkgPT4gdCgndmVyc2lvbjp2ZXJzaW9ucycpLFxuICAgIG9yZGVyOiAyMDAsXG4gIH0sXG59XG4iXSwibmFtZXMiOlsiZG9jdW1lbnRWaWV3S2V5cyIsInRhYnMiLCJBUEkiLCJjb25kaXRpb24iLCJjb2xsZWN0aW9uQ29uZmlnIiwiZ2xvYmFsQ29uZmlnIiwiYWRtaW4iLCJoaWRlQVBJVVJMIiwiaHJlZiIsImxhYmVsIiwib3JkZXIiLCJEZWZhdWx0IiwidCIsIkxpdmVQcmV2aWV3IiwiY29uZmlnIiwiQm9vbGVhbiIsImxpdmVQcmV2aWV3IiwiY29sbGVjdGlvbnMiLCJpbmNsdWRlcyIsInNsdWciLCJnbG9iYWxzIiwiUmVmZXJlbmNlcyIsIlJlbGF0aW9uc2hpcHMiLCJWZXJzaW9uIiwiVmVyc2lvbnMiLCJQaWxsIiwiVmVyc2lvbnNQaWxsIiwidmVyc2lvbnMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0lBSWFBLGdCQUFnQjtlQUFoQkE7O0lBWUFDLElBQUk7ZUFBSkE7Ozs4QkFkZ0I7QUFFdEIsTUFBTUQsbUJBQW1CO0lBQzlCO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0NBQ0Q7QUFJTSxNQUFNQyxPQUtUO0lBQ0ZDLEtBQUs7UUFDSEMsV0FBVyxDQUFDLEVBQUVDLGdCQUFnQixFQUFFQyxZQUFZLEVBQUUsR0FDNUMsQUFBQ0Qsb0JBQW9CLENBQUNBLGtCQUFrQkUsT0FBT0MsY0FDOUNGLGdCQUFnQixDQUFDQSxjQUFjQyxPQUFPQztRQUN6Q0MsTUFBTTtRQUNOQyxPQUFPO1FBQ1BDLE9BQU87SUFDVDtJQUNBQyxTQUFTO1FBQ1BILE1BQU07UUFDTixvQ0FBb0M7UUFDcEMsd0VBQXdFO1FBQ3hFQyxPQUFPLENBQUMsRUFBRUcsQ0FBQyxFQUFFLEdBQUtBLEVBQUU7UUFDcEJGLE9BQU87SUFDVDtJQUNBRyxhQUFhO1FBQ1hWLFdBQVcsQ0FBQyxFQUFFQyxnQkFBZ0IsRUFBRVUsTUFBTSxFQUFFVCxZQUFZLEVBQUU7WUFDcEQsSUFBSUQsa0JBQWtCO2dCQUNwQixPQUFPVyxRQUNMRCxRQUFRUixPQUFPVSxhQUFhQyxhQUFhQyxTQUFTZCxpQkFBaUJlLElBQUksS0FDckVmLGtCQUFrQkUsT0FBT1U7WUFFL0I7WUFFQSxJQUFJWCxjQUFjO2dCQUNoQixPQUFPVSxRQUNMRCxRQUFRUixPQUFPVSxhQUFhSSxTQUFTRixTQUFTYixhQUFhYyxJQUFJLEtBQzdEZCxjQUFjQyxPQUFPVTtZQUUzQjtZQUVBLE9BQU87UUFDVDtRQUNBUixNQUFNO1FBQ05DLE9BQU8sQ0FBQyxFQUFFRyxDQUFDLEVBQUUsR0FBS0EsRUFBRTtRQUNwQkYsT0FBTztJQUNUO0lBQ0FXLFlBQVk7UUFDVmxCLFdBQVcsSUFBTTtJQUNuQjtJQUNBbUIsZUFBZTtRQUNibkIsV0FBVyxJQUFNO0lBQ25CO0lBQ0FvQixTQUFTO1FBQ1BwQixXQUFXLElBQU07SUFDbkI7SUFDQXFCLFVBQVU7UUFDUkMsTUFBTUMsMEJBQVk7UUFDbEJ2QixXQUFXLENBQUMsRUFBRUMsZ0JBQWdCLEVBQUVDLFlBQVksRUFBRSxHQUM1Q1UsUUFBUVgsa0JBQWtCdUIsWUFBWXRCLGNBQWNzQjtRQUN0RG5CLE1BQU07UUFDTkMsT0FBTyxDQUFDLEVBQUVHLENBQUMsRUFBRSxHQUFLQSxFQUFFO1FBQ3BCRixPQUFPO0lBQ1Q7QUFDRiJ9

package/dist/elements/DocumentHeader/index.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DocumentHeader", {
+    enumerable: true,
+    get: function() {
+        return DocumentHeader;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Gutter = require("../Gutter");
+const _RenderTitle = /*#__PURE__*/ _interop_require_default(require("../RenderTitle"));
+const _Tabs = require("./Tabs");
+require("./index.scss");
+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 = {
+        __proto__: null
+    };
+    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 baseClass = `doc-header`;
+const DocumentHeader = (props)=>{
+    const { collectionConfig, config, customHeader, globalConfig, i18n } = props;
+    const titleFieldConfig = collectionConfig?.fields?.find((f)=>'name' in f && f?.name === collectionConfig?.admin?.useAsTitle);
+    return /*#__PURE__*/ _react.default.createElement(_Gutter.Gutter, {
+        className: baseClass
+    }, customHeader && customHeader, !customHeader && /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, /*#__PURE__*/ _react.default.createElement(_RenderTitle.default, {
+        className: `${baseClass}__title`,
+        dateFormat: titleFieldConfig && 'date' in titleFieldConfig?.admin ? titleFieldConfig?.admin?.date?.displayFormat : undefined,
+        fallback: `[${i18n.t('general:untitled')}]`,
+        isDate: titleFieldConfig?.type === 'date'
+    }), /*#__PURE__*/ _react.default.createElement(_Tabs.DocumentTabs, {
+        collectionConfig: collectionConfig,
+        config: config,
+        globalConfig: globalConfig,
+        i18n: i18n
+    })));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Eb2N1bWVudEhlYWRlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJMThuIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuaW1wb3J0IHR5cGUge1xuICBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnLFxuICBTYW5pdGl6ZWRDb25maWcsXG4gIFNhbml0aXplZEdsb2JhbENvbmZpZyxcbn0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IEd1dHRlciB9IGZyb20gJy4uL0d1dHRlcidcbmltcG9ydCBSZW5kZXJUaXRsZSBmcm9tICcuLi9SZW5kZXJUaXRsZSdcbmltcG9ydCB7IERvY3VtZW50VGFicyB9IGZyb20gJy4vVGFicydcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSBgZG9jLWhlYWRlcmBcblxuZXhwb3J0IGNvbnN0IERvY3VtZW50SGVhZGVyOiBSZWFjdC5GQzx7XG4gIGNvbGxlY3Rpb25Db25maWc/OiBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnXG4gIGNvbmZpZzogU2FuaXRpemVkQ29uZmlnXG4gIGN1c3RvbUhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZVxuICBnbG9iYWxDb25maWc/OiBTYW5pdGl6ZWRHbG9iYWxDb25maWdcbiAgaTE4bjogSTE4blxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjb2xsZWN0aW9uQ29uZmlnLCBjb25maWcsIGN1c3RvbUhlYWRlciwgZ2xvYmFsQ29uZmlnLCBpMThuIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHRpdGxlRmllbGRDb25maWcgPSBjb2xsZWN0aW9uQ29uZmlnPy5maWVsZHM/LmZpbmQoXG4gICAgKGYpID0+ICduYW1lJyBpbiBmICYmIGY/Lm5hbWUgPT09IGNvbGxlY3Rpb25Db25maWc/LmFkbWluPy51c2VBc1RpdGxlLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8R3V0dGVyIGNsYXNzTmFtZT17YmFzZUNsYXNzfT5cbiAgICAgIHtjdXN0b21IZWFkZXIgJiYgY3VzdG9tSGVhZGVyfVxuICAgICAgeyFjdXN0b21IZWFkZXIgJiYgKFxuICAgICAgICA8RnJhZ21lbnQ+XG4gICAgICAgICAgPFJlbmRlclRpdGxlXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3RpdGxlYH1cbiAgICAgICAgICAgIGRhdGVGb3JtYXQ9e1xuICAgICAgICAgICAgICB0aXRsZUZpZWxkQ29uZmlnICYmICdkYXRlJyBpbiB0aXRsZUZpZWxkQ29uZmlnPy5hZG1pblxuICAgICAgICAgICAgICAgID8gdGl0bGVGaWVsZENvbmZpZz8uYWRtaW4/LmRhdGU/LmRpc3BsYXlGb3JtYXRcbiAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZmFsbGJhY2s9e2BbJHtpMThuLnQoJ2dlbmVyYWw6dW50aXRsZWQnKX1dYH1cbiAgICAgICAgICAgIGlzRGF0ZT17dGl0bGVGaWVsZENvbmZpZz8udHlwZSA9PT0gJ2RhdGUnfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPERvY3VtZW50VGFic1xuICAgICAgICAgICAgY29sbGVjdGlvbkNvbmZpZz17Y29sbGVjdGlvbkNvbmZpZ31cbiAgICAgICAgICAgIGNvbmZpZz17Y29uZmlnfVxuICAgICAgICAgICAgZ2xvYmFsQ29uZmlnPXtnbG9iYWxDb25maWd9XG4gICAgICAgICAgICBpMThuPXtpMThufVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICApfVxuICAgIDwvR3V0dGVyPlxuICApXG59XG4iXSwibmFtZXMiOlsiRG9jdW1lbnRIZWFkZXIiLCJiYXNlQ2xhc3MiLCJwcm9wcyIsImNvbGxlY3Rpb25Db25maWciLCJjb25maWciLCJjdXN0b21IZWFkZXIiLCJnbG9iYWxDb25maWciLCJpMThuIiwidGl0bGVGaWVsZENvbmZpZyIsImZpZWxkcyIsImZpbmQiLCJmIiwibmFtZSIsImFkbWluIiwidXNlQXNUaXRsZSIsIkd1dHRlciIsImNsYXNzTmFtZSIsIkZyYWdtZW50IiwiUmVuZGVyVGl0bGUiLCJkYXRlRm9ybWF0IiwiZGF0ZSIsImRpc3BsYXlGb3JtYXQiLCJ1bmRlZmluZWQiLCJmYWxsYmFjayIsInQiLCJpc0RhdGUiLCJ0eXBlIiwiRG9jdW1lbnRUYWJzIl0sIm1hcHBpbmdzIjoiOzs7OytCQWdCYUE7OztlQUFBQTs7OytEQVRtQjt3QkFFVDtvRUFDQztzQkFDSztRQUN0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZLENBQUMsVUFBVSxDQUFDO0FBRXZCLE1BQU1ELGlCQU1SLENBQUNFO0lBQ0osTUFBTSxFQUFFQyxnQkFBZ0IsRUFBRUMsTUFBTSxFQUFFQyxZQUFZLEVBQUVDLFlBQVksRUFBRUMsSUFBSSxFQUFFLEdBQUdMO0lBRXZFLE1BQU1NLG1CQUFtQkwsa0JBQWtCTSxRQUFRQyxLQUNqRCxDQUFDQyxJQUFNLFVBQVVBLEtBQUtBLEdBQUdDLFNBQVNULGtCQUFrQlUsT0FBT0M7SUFHN0QscUJBQ0UsNkJBQUNDLGNBQU07UUFBQ0MsV0FBV2Y7T0FDaEJJLGdCQUFnQkEsY0FDaEIsQ0FBQ0EsOEJBQ0EsNkJBQUNZLGVBQVEsc0JBQ1AsNkJBQUNDLG9CQUFXO1FBQ1ZGLFdBQVcsQ0FBQyxFQUFFZixVQUFVLE9BQU8sQ0FBQztRQUNoQ2tCLFlBQ0VYLG9CQUFvQixVQUFVQSxrQkFBa0JLLFFBQzVDTCxrQkFBa0JLLE9BQU9PLE1BQU1DLGdCQUMvQkM7UUFFTkMsVUFBVSxDQUFDLENBQUMsRUFBRWhCLEtBQUtpQixDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUMzQ0MsUUFBUWpCLGtCQUFrQmtCLFNBQVM7c0JBRXJDLDZCQUFDQyxrQkFBWTtRQUNYeEIsa0JBQWtCQTtRQUNsQkMsUUFBUUE7UUFDUkUsY0FBY0E7UUFDZEMsTUFBTUE7O0FBTWxCIn0=

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js

@@ -0,0 +1,82 @@
+"use strict";
+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, {
+    DraggableSortableItem: function() {
+        return DraggableSortableItem;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _useDraggableSortable = require("../useDraggableSortable");
+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 = {
+        __proto__: null
+    };
+    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 DraggableSortableItem = (props)=>{
+    const { id, children, disabled } = props;
+    const { attributes, isDragging, listeners, setNodeRef, transform } = (0, _useDraggableSortable.useDraggableSortable)({
+        id,
+        disabled
+    });
+    return /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, children({
+        attributes: {
+            ...attributes,
+            style: {
+                cursor: isDragging ? 'grabbing' : 'grab'
+            }
+        },
+        listeners,
+        setNodeRef,
+        transform
+    }));
+};
+const _default = DraggableSortableItem;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmFnZ2FibGVTb3J0YWJsZS9EcmFnZ2FibGVTb3J0YWJsZUl0ZW0vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVXNlRHJhZ2dhYmxlQXJndW1lbnRzIH0gZnJvbSAnQGRuZC1raXQvY29yZSdcblxuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgQ2hpbGRGdW5jdGlvbiB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IHVzZURyYWdnYWJsZVNvcnRhYmxlIH0gZnJvbSAnLi4vdXNlRHJhZ2dhYmxlU29ydGFibGUnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVTb3J0YWJsZUl0ZW06IFJlYWN0LkZDPFxuICBVc2VEcmFnZ2FibGVBcmd1bWVudHMgJiB7XG4gICAgY2hpbGRyZW46IENoaWxkRnVuY3Rpb25cbiAgfVxuPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGlkLCBjaGlsZHJlbiwgZGlzYWJsZWQgfSA9IHByb3BzXG5cbiAgY29uc3QgeyBhdHRyaWJ1dGVzLCBpc0RyYWdnaW5nLCBsaXN0ZW5lcnMsIHNldE5vZGVSZWYsIHRyYW5zZm9ybSB9ID0gdXNlRHJhZ2dhYmxlU29ydGFibGUoe1xuICAgIGlkLFxuICAgIGRpc2FibGVkLFxuICB9KVxuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge2NoaWxkcmVuKHtcbiAgICAgICAgYXR0cmlidXRlczoge1xuICAgICAgICAgIC4uLmF0dHJpYnV0ZXMsXG4gICAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICAgIGN1cnNvcjogaXNEcmFnZ2luZyA/ICdncmFiYmluZycgOiAnZ3JhYicsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgbGlzdGVuZXJzLFxuICAgICAgICBzZXROb2RlUmVmLFxuICAgICAgICB0cmFuc2Zvcm0sXG4gICAgICB9KX1cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnYWJsZVNvcnRhYmxlSXRlbVxuIl0sIm5hbWVzIjpbIkRyYWdnYWJsZVNvcnRhYmxlSXRlbSIsInByb3BzIiwiaWQiLCJjaGlsZHJlbiIsImRpc2FibGVkIiwiYXR0cmlidXRlcyIsImlzRHJhZ2dpbmciLCJsaXN0ZW5lcnMiLCJzZXROb2RlUmVmIiwidHJhbnNmb3JtIiwidXNlRHJhZ2dhYmxlU29ydGFibGUiLCJGcmFnbWVudCIsInN0eWxlIiwiY3Vyc29yIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztJQVFhQSxxQkFBcUI7ZUFBckJBOztJQTZCYixPQUFvQztlQUFwQzs7OytEQW5DZ0M7c0NBSUs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUU5QixNQUFNQSx3QkFJVCxDQUFDQztJQUNILE1BQU0sRUFBRUMsRUFBRSxFQUFFQyxRQUFRLEVBQUVDLFFBQVEsRUFBRSxHQUFHSDtJQUVuQyxNQUFNLEVBQUVJLFVBQVUsRUFBRUMsVUFBVSxFQUFFQyxTQUFTLEVBQUVDLFVBQVUsRUFBRUMsU0FBUyxFQUFFLEdBQUdDLElBQUFBLDBDQUFvQixFQUFDO1FBQ3hGUjtRQUNBRTtJQUNGO0lBRUEscUJBQ0UsNkJBQUNPLGVBQVEsUUFDTlIsU0FBUztRQUNSRSxZQUFZO1lBQ1YsR0FBR0EsVUFBVTtZQUNiTyxPQUFPO2dCQUNMQyxRQUFRUCxhQUFhLGFBQWE7WUFDcEM7UUFDRjtRQUNBQztRQUNBQztRQUNBQztJQUNGO0FBR047TUFFQSxXQUFlVCJ9

package/dist/elements/DraggableSortable/DraggableSortableItem/types.js

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

package/dist/elements/DraggableSortable/index.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _core = require("@dnd-kit/core");
+const _sortable = require("@dnd-kit/sortable");
+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 = {
+        __proto__: null
+    };
+    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 DraggableSortable = (props)=>{
+    const { children, className, ids, onDragEnd } = props;
+    const id = (0, _react.useId)();
+    const { setNodeRef } = (0, _core.useDroppable)({
+        id
+    });
+    const sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor, {
+        activationConstraint: {
+            distance: 5
+        }
+    }), (0, _core.useSensor)(_core.KeyboardSensor, {
+        coordinateGetter: _sortable.sortableKeyboardCoordinates
+    }));
+    const handleDragEnd = (0, _react.useCallback)((event)=>{
+        const { active, over } = event;
+        if (!active || !over) return;
+        if (typeof onDragEnd === 'function') {
+            onDragEnd({
+                event,
+                moveFromIndex: ids.findIndex((_id)=>_id === active.id),
+                moveToIndex: ids.findIndex((_id)=>_id === over.id)
+            });
+        }
+    }, [
+        onDragEnd,
+        ids
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_core.DndContext, {
+        collisionDetection: _core.closestCenter,
+        id: id,
+        onDragEnd: handleDragEnd,
+        sensors: sensors
+    }, /*#__PURE__*/ _react.default.createElement(_sortable.SortableContext, {
+        items: ids
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: className,
+        ref: setNodeRef
+    }, children)));
+};
+const _default = DraggableSortable;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmFnZ2FibGVTb3J0YWJsZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEcmFnRW5kRXZlbnQgfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG5pbXBvcnQge1xuICBEbmRDb250ZXh0LFxuICBLZXlib2FyZFNlbnNvcixcbiAgUG9pbnRlclNlbnNvcixcbiAgY2xvc2VzdENlbnRlcixcbiAgdXNlRHJvcHBhYmxlLFxuICB1c2VTZW5zb3IsXG4gIHVzZVNlbnNvcnMsXG59IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5pbXBvcnQgeyBTb3J0YWJsZUNvbnRleHQsIHNvcnRhYmxlS2V5Ym9hcmRDb29yZGluYXRlcyB9IGZyb20gJ0BkbmQta2l0L3NvcnRhYmxlJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VJZCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgRHJhZ2dhYmxlU29ydGFibGU6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGlkcywgb25EcmFnRW5kIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGlkID0gdXNlSWQoKVxuXG4gIGNvbnN0IHsgc2V0Tm9kZVJlZiB9ID0gdXNlRHJvcHBhYmxlKHtcbiAgICBpZCxcbiAgfSlcblxuICBjb25zdCBzZW5zb3JzID0gdXNlU2Vuc29ycyhcbiAgICB1c2VTZW5zb3IoUG9pbnRlclNlbnNvciwge1xuICAgICAgYWN0aXZhdGlvbkNvbnN0cmFpbnQ6IHtcbiAgICAgICAgZGlzdGFuY2U6IDUsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIHVzZVNlbnNvcihLZXlib2FyZFNlbnNvciwge1xuICAgICAgY29vcmRpbmF0ZUdldHRlcjogc29ydGFibGVLZXlib2FyZENvb3JkaW5hdGVzLFxuICAgIH0pLFxuICApXG5cbiAgY29uc3QgaGFuZGxlRHJhZ0VuZCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0VuZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCB7IGFjdGl2ZSwgb3ZlciB9ID0gZXZlbnRcblxuICAgICAgaWYgKCFhY3RpdmUgfHwgIW92ZXIpIHJldHVyblxuXG4gICAgICBpZiAodHlwZW9mIG9uRHJhZ0VuZCA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBvbkRyYWdFbmQoe1xuICAgICAgICAgIGV2ZW50LFxuICAgICAgICAgIG1vdmVGcm9tSW5kZXg6IGlkcy5maW5kSW5kZXgoKF9pZCkgPT4gX2lkID09PSBhY3RpdmUuaWQpLFxuICAgICAgICAgIG1vdmVUb0luZGV4OiBpZHMuZmluZEluZGV4KChfaWQpID0+IF9pZCA9PT0gb3Zlci5pZCksXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgfSxcbiAgICBbb25EcmFnRW5kLCBpZHNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8RG5kQ29udGV4dFxuICAgICAgY29sbGlzaW9uRGV0ZWN0aW9uPXtjbG9zZXN0Q2VudGVyfVxuICAgICAgaWQ9e2lkfVxuICAgICAgb25EcmFnRW5kPXtoYW5kbGVEcmFnRW5kfVxuICAgICAgc2Vuc29ycz17c2Vuc29yc31cbiAgICA+XG4gICAgICA8U29ydGFibGVDb250ZXh0IGl0ZW1zPXtpZHN9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSByZWY9e3NldE5vZGVSZWZ9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NvcnRhYmxlQ29udGV4dD5cbiAgICA8L0RuZENvbnRleHQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJhZ2dhYmxlU29ydGFibGVcbiJdLCJuYW1lcyI6WyJEcmFnZ2FibGVTb3J0YWJsZSIsInByb3BzIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJpZHMiLCJvbkRyYWdFbmQiLCJpZCIsInVzZUlkIiwic2V0Tm9kZVJlZiIsInVzZURyb3BwYWJsZSIsInNlbnNvcnMiLCJ1c2VTZW5zb3JzIiwidXNlU2Vuc29yIiwiUG9pbnRlclNlbnNvciIsImFjdGl2YXRpb25Db25zdHJhaW50IiwiZGlzdGFuY2UiLCJLZXlib2FyZFNlbnNvciIsImNvb3JkaW5hdGVHZXR0ZXIiLCJzb3J0YWJsZUtleWJvYXJkQ29vcmRpbmF0ZXMiLCJoYW5kbGVEcmFnRW5kIiwidXNlQ2FsbGJhY2siLCJldmVudCIsImFjdGl2ZSIsIm92ZXIiLCJtb3ZlRnJvbUluZGV4IiwiZmluZEluZGV4IiwiX2lkIiwibW92ZVRvSW5kZXgiLCJEbmRDb250ZXh0IiwiY29sbGlzaW9uRGV0ZWN0aW9uIiwiY2xvc2VzdENlbnRlciIsIlNvcnRhYmxlQ29udGV4dCIsIml0ZW1zIiwiZGl2IiwicmVmIl0sIm1hcHBpbmdzIjoiOzs7OytCQXFFQTs7O2VBQUE7OztzQkEzRE87MEJBQ3NEOytEQUNuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBSTFDLE1BQU1BLG9CQUFxQyxDQUFDQztJQUMxQyxNQUFNLEVBQUVDLFFBQVEsRUFBRUMsU0FBUyxFQUFFQyxHQUFHLEVBQUVDLFNBQVMsRUFBRSxHQUFHSjtJQUVoRCxNQUFNSyxLQUFLQyxJQUFBQSxZQUFLO0lBRWhCLE1BQU0sRUFBRUMsVUFBVSxFQUFFLEdBQUdDLElBQUFBLGtCQUFZLEVBQUM7UUFDbENIO0lBQ0Y7SUFFQSxNQUFNSSxVQUFVQyxJQUFBQSxnQkFBVSxFQUN4QkMsSUFBQUEsZUFBUyxFQUFDQyxtQkFBYSxFQUFFO1FBQ3ZCQyxzQkFBc0I7WUFDcEJDLFVBQVU7UUFDWjtJQUNGLElBQ0FILElBQUFBLGVBQVMsRUFBQ0ksb0JBQWMsRUFBRTtRQUN4QkMsa0JBQWtCQyxxQ0FBMkI7SUFDL0M7SUFHRixNQUFNQyxnQkFBZ0JDLElBQUFBLGtCQUFXLEVBQy9CLENBQUNDO1FBQ0MsTUFBTSxFQUFFQyxNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHRjtRQUV6QixJQUFJLENBQUNDLFVBQVUsQ0FBQ0MsTUFBTTtRQUV0QixJQUFJLE9BQU9sQixjQUFjLFlBQVk7WUFDbkNBLFVBQVU7Z0JBQ1JnQjtnQkFDQUcsZUFBZXBCLElBQUlxQixTQUFTLENBQUMsQ0FBQ0MsTUFBUUEsUUFBUUosT0FBT2hCLEVBQUU7Z0JBQ3ZEcUIsYUFBYXZCLElBQUlxQixTQUFTLENBQUMsQ0FBQ0MsTUFBUUEsUUFBUUgsS0FBS2pCLEVBQUU7WUFDckQ7UUFDRjtJQUNGLEdBQ0E7UUFBQ0Q7UUFBV0Q7S0FBSTtJQUdsQixxQkFDRSw2QkFBQ3dCLGdCQUFVO1FBQ1RDLG9CQUFvQkMsbUJBQWE7UUFDakN4QixJQUFJQTtRQUNKRCxXQUFXYztRQUNYVCxTQUFTQTtxQkFFVCw2QkFBQ3FCLHlCQUFlO1FBQUNDLE9BQU81QjtxQkFDdEIsNkJBQUM2QjtRQUFJOUIsV0FBV0E7UUFBVytCLEtBQUsxQjtPQUM3Qk47QUFLWDtNQUVBLFdBQWVGIn0=

package/dist/elements/DraggableSortable/types.js

@@ -0,0 +1,6 @@
+/* eslint-disable import/no-extraneous-dependencies */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmFnZ2FibGVTb3J0YWJsZS90eXBlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBpbXBvcnQvbm8tZXh0cmFuZW91cy1kZXBlbmRlbmNpZXMgKi9cbmltcG9ydCB0eXBlIHsgRHJhZ0VuZEV2ZW50IH0gZnJvbSAnQGRuZC1raXQvY29yZSdcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBkcm9wcGFibGVSZWY/OiBSZWY8SFRNTEVsZW1lbnQ+XG4gIGlkczogc3RyaW5nW11cbiAgb25EcmFnRW5kOiAoZTogeyBldmVudDogRHJhZ0VuZEV2ZW50OyBtb3ZlRnJvbUluZGV4OiBudW1iZXI7IG1vdmVUb0luZGV4OiBudW1iZXIgfSkgPT4gdm9pZFxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9EQUFvRCJ9

package/dist/elements/DraggableSortable/useDraggableSortable/index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDraggableSortable", {
+    enumerable: true,
+    get: function() {
+        return useDraggableSortable;
+    }
+});
+const _sortable = require("@dnd-kit/sortable");
+const useDraggableSortable = (props)=>{
+    const { id, disabled } = props;
+    const { attributes, isDragging, listeners, setNodeRef, transform } = (0, _sortable.useSortable)({
+        id,
+        disabled
+    });
+    return {
+        attributes: {
+            ...attributes,
+            style: {
+                cursor: isDragging ? 'grabbing' : 'grab'
+            }
+        },
+        isDragging,
+        listeners,
+        setNodeRef,
+        transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`
+    };
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmFnZ2FibGVTb3J0YWJsZS91c2VEcmFnZ2FibGVTb3J0YWJsZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBVc2VEcmFnZ2FibGVBcmd1bWVudHMgfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG5pbXBvcnQgeyB1c2VTb3J0YWJsZSB9IGZyb20gJ0BkbmQta2l0L3NvcnRhYmxlJ1xuXG5pbXBvcnQgdHlwZSB7IFVzZURyYWdnYWJsZVNvcnRhYmxlUmV0dXJuIH0gZnJvbSAnLi90eXBlcydcblxuZXhwb3J0IGNvbnN0IHVzZURyYWdnYWJsZVNvcnRhYmxlID0gKHByb3BzOiBVc2VEcmFnZ2FibGVBcmd1bWVudHMpOiBVc2VEcmFnZ2FibGVTb3J0YWJsZVJldHVybiA9PiB7XG4gIGNvbnN0IHsgaWQsIGRpc2FibGVkIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgYXR0cmlidXRlcywgaXNEcmFnZ2luZywgbGlzdGVuZXJzLCBzZXROb2RlUmVmLCB0cmFuc2Zvcm0gfSA9IHVzZVNvcnRhYmxlKHtcbiAgICBpZCxcbiAgICBkaXNhYmxlZCxcbiAgfSlcblxuICByZXR1cm4ge1xuICAgIGF0dHJpYnV0ZXM6IHtcbiAgICAgIC4uLmF0dHJpYnV0ZXMsXG4gICAgICBzdHlsZToge1xuICAgICAgICBjdXJzb3I6IGlzRHJhZ2dpbmcgPyAnZ3JhYmJpbmcnIDogJ2dyYWInLFxuICAgICAgfSxcbiAgICB9LFxuICAgIGlzRHJhZ2dpbmcsXG4gICAgbGlzdGVuZXJzLFxuICAgIHNldE5vZGVSZWYsXG4gICAgdHJhbnNmb3JtOiB0cmFuc2Zvcm0gJiYgYHRyYW5zbGF0ZTNkKCR7dHJhbnNmb3JtLnh9cHgsICR7dHJhbnNmb3JtLnl9cHgsIDApYCwgLy8gdHJhbnNsYXRlM2QgaXMgZmFzdGVyIHRoYW4gdHJhbnNsYXRlIGluIG1vc3QgYnJvd3NlcnNcbiAgfVxufVxuIl0sIm5hbWVzIjpbInVzZURyYWdnYWJsZVNvcnRhYmxlIiwicHJvcHMiLCJpZCIsImRpc2FibGVkIiwiYXR0cmlidXRlcyIsImlzRHJhZ2dpbmciLCJsaXN0ZW5lcnMiLCJzZXROb2RlUmVmIiwidHJhbnNmb3JtIiwidXNlU29ydGFibGUiLCJzdHlsZSIsImN1cnNvciIsIngiLCJ5Il0sIm1hcHBpbmdzIjoiOzs7OytCQU1hQTs7O2VBQUFBOzs7MEJBSmU7QUFJckIsTUFBTUEsdUJBQXVCLENBQUNDO0lBQ25DLE1BQU0sRUFBRUMsRUFBRSxFQUFFQyxRQUFRLEVBQUUsR0FBR0Y7SUFFekIsTUFBTSxFQUFFRyxVQUFVLEVBQUVDLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRSxHQUFHQyxJQUFBQSxxQkFBVyxFQUFDO1FBQy9FUDtRQUNBQztJQUNGO0lBRUEsT0FBTztRQUNMQyxZQUFZO1lBQ1YsR0FBR0EsVUFBVTtZQUNiTSxPQUFPO2dCQUNMQyxRQUFRTixhQUFhLGFBQWE7WUFDcEM7UUFDRjtRQUNBQTtRQUNBQztRQUNBQztRQUNBQyxXQUFXQSxhQUFhLENBQUMsWUFBWSxFQUFFQSxVQUFVSSxDQUFDLENBQUMsSUFBSSxFQUFFSixVQUFVSyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQzlFO0FBQ0YifQ==

package/dist/elements/DraggableSortable/useDraggableSortable/types.js

@@ -0,0 +1,6 @@
+/* eslint-disable import/no-unresolved */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmFnZ2FibGVTb3J0YWJsZS91c2VEcmFnZ2FibGVTb3J0YWJsZS90eXBlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBpbXBvcnQvbm8tdW5yZXNvbHZlZCAqL1xuaW1wb3J0IHR5cGUgeyBTeW50aGV0aWNMaXN0ZW5lck1hcCB9IGZyb20gJ0BkbmQta2l0L2NvcmUvZGlzdC9ob29rcy91dGlsaXRpZXMnXG5pbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnXG5cbmV4cG9ydCB0eXBlIFVzZURyYWdnYWJsZVNvcnRhYmxlUmV0dXJuID0ge1xuICBhdHRyaWJ1dGVzOiBIVE1MQXR0cmlidXRlczx1bmtub3duPlxuICBpc0RyYWdnaW5nPzogYm9vbGVhblxuICBsaXN0ZW5lcnM6IFN5bnRoZXRpY0xpc3RlbmVyTWFwXG4gIHNldE5vZGVSZWY6IChub2RlOiBIVE1MRWxlbWVudCB8IG51bGwpID0+IHZvaWRcbiAgdHJhbnNmb3JtOiBzdHJpbmdcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1Q0FBdUMifQ==

package/dist/elements/Drawer/index.js

@@ -0,0 +1,156 @@
+'use client';
+"use strict";
+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, {
+    Drawer: function() {
+        return Drawer;
+    },
+    DrawerToggler: function() {
+        return DrawerToggler;
+    },
+    formatDrawerSlug: function() {
+        return formatDrawerSlug;
+    }
+});
+const _modal = require("@faceless-ui/modal");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _ = require("../..");
+const _X = require("../../icons/X");
+const _EditDepth = require("../../providers/EditDepth");
+const _Gutter = require("../Gutter");
+require("./index.scss");
+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 = {
+        __proto__: null
+    };
+    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 baseClass = 'drawer';
+const zBase = 100;
+const formatDrawerSlug = ({ depth, slug })=>`drawer_${depth}_${slug}`;
+const DrawerToggler = ({ children, className, disabled, onClick, slug, ...rest })=>{
+    const { openModal } = (0, _modal.useModal)();
+    const handleClick = (0, _react.useCallback)((e)=>{
+        openModal(slug);
+        if (typeof onClick === 'function') onClick(e);
+    }, [
+        openModal,
+        slug,
+        onClick
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("button", {
+        className: className,
+        disabled: disabled,
+        onClick: handleClick,
+        type: "button",
+        ...rest
+    }, children);
+};
+const Drawer = ({ Header, children, className, gutter = true, hoverTitle, slug, title })=>{
+    const { t } = (0, _.useTranslation)();
+    const { closeModal, modalState } = (0, _modal.useModal)();
+    const drawerDepth = (0, _EditDepth.useEditDepth)();
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    const [animateIn, setAnimateIn] = (0, _react.useState)(false);
+    (0, _react.useEffect)(()=>{
+        setIsOpen(modalState[slug]?.isOpen);
+    }, [
+        slug,
+        modalState
+    ]);
+    (0, _react.useEffect)(()=>{
+        setAnimateIn(isOpen);
+    }, [
+        isOpen
+    ]);
+    if (isOpen) {
+        // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers
+        return /*#__PURE__*/ _react.default.createElement(_modal.Modal, {
+            className: [
+                className,
+                baseClass,
+                animateIn && `${baseClass}--is-open`,
+                drawerDepth > 1 && `${baseClass}--nested`
+            ].filter(Boolean).join(' '),
+            slug: slug,
+            style: {
+                zIndex: zBase + drawerDepth
+            }
+        }, (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__blur-bg`
+        }), /*#__PURE__*/ _react.default.createElement("button", {
+            "aria-label": t('general:close'),
+            className: `${baseClass}__close`,
+            id: `close-drawer__${slug}`,
+            onClick: ()=>closeModal(slug),
+            type: "button"
+        }), /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__content`
+        }, /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__blur-bg-content`
+        }), /*#__PURE__*/ _react.default.createElement(_Gutter.Gutter, {
+            className: `${baseClass}__content-children`,
+            left: gutter,
+            right: gutter
+        }, /*#__PURE__*/ _react.default.createElement(_EditDepth.EditDepthContext.Provider, {
+            value: drawerDepth + 1
+        }, Header, Header === undefined && /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__header`
+        }, /*#__PURE__*/ _react.default.createElement("h2", {
+            className: `${baseClass}__header__title`,
+            title: hoverTitle ? title : null
+        }, title), /*#__PURE__*/ _react.default.createElement("button", {
+            "aria-label": t('general:close'),
+            className: `${baseClass}__header__close`,
+            id: `close-drawer__${slug}`,
+            onClick: ()=>closeModal(slug),
+            type: "button"
+        }, /*#__PURE__*/ _react.default.createElement(_X.X, null))), children))));
+    }
+    return null;
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmF3ZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgTW9kYWwsIHVzZU1vZGFsIH0gZnJvbSAnQGZhY2VsZXNzLXVpL21vZGFsJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMsIFRvZ2dsZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4nXG5pbXBvcnQgeyBYIH0gZnJvbSAnLi4vLi4vaWNvbnMvWCdcbmltcG9ydCB7IEVkaXREZXB0aENvbnRleHQsIHVzZUVkaXREZXB0aCB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9FZGl0RGVwdGgnXG5pbXBvcnQgeyBHdXR0ZXIgfSBmcm9tICcuLi9HdXR0ZXInXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2RyYXdlcidcbmNvbnN0IHpCYXNlID0gMTAwXG5cbmV4cG9ydCBjb25zdCBmb3JtYXREcmF3ZXJTbHVnID0gKHsgZGVwdGgsIHNsdWcgfTogeyBkZXB0aDogbnVtYmVyOyBzbHVnOiBzdHJpbmcgfSk6IHN0cmluZyA9PlxuICBgZHJhd2VyXyR7ZGVwdGh9XyR7c2x1Z31gXG5cbmV4cG9ydCBjb25zdCBEcmF3ZXJUb2dnbGVyOiBSZWFjdC5GQzxUb2dnbGVyUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQsXG4gIG9uQ2xpY2ssXG4gIHNsdWcsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgeyBvcGVuTW9kYWwgfSA9IHVzZU1vZGFsKClcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBvcGVuTW9kYWwoc2x1ZylcbiAgICAgIGlmICh0eXBlb2Ygb25DbGljayA9PT0gJ2Z1bmN0aW9uJykgb25DbGljayhlKVxuICAgIH0sXG4gICAgW29wZW5Nb2RhbCwgc2x1Zywgb25DbGlja10sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxidXR0b24gY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRpc2FibGVkPXtkaXNhYmxlZH0gb25DbGljaz17aGFuZGxlQ2xpY2t9IHR5cGU9XCJidXR0b25cIiB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9idXR0b24+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IERyYXdlcjogUmVhY3QuRkM8UHJvcHM+ID0gKHtcbiAgSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBndXR0ZXIgPSB0cnVlLFxuICBob3ZlclRpdGxlLFxuICBzbHVnLFxuICB0aXRsZSxcbn0pID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG4gIGNvbnN0IHsgY2xvc2VNb2RhbCwgbW9kYWxTdGF0ZSB9ID0gdXNlTW9kYWwoKVxuICBjb25zdCBkcmF3ZXJEZXB0aCA9IHVzZUVkaXREZXB0aCgpXG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2FuaW1hdGVJbiwgc2V0QW5pbWF0ZUluXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SXNPcGVuKG1vZGFsU3RhdGVbc2x1Z10/LmlzT3BlbilcbiAgfSwgW3NsdWcsIG1vZGFsU3RhdGVdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0QW5pbWF0ZUluKGlzT3BlbilcbiAgfSwgW2lzT3Blbl0pXG5cbiAgaWYgKGlzT3Blbikge1xuICAgIC8vIElNUE9SVEFOVDogZG8gbm90IHJlbmRlciB0aGUgZHJhd2VyIHVudGlsIGl0IGlzIGV4cGxpY2l0bHkgb3BlbiwgdGhpcyBpcyB0byBhdm9pZCBsYXJnZSBodG1sIHRyZWVzIGVzcGVjaWFsbHkgd2hlbiBuZXN0aW5nIGRyYXdlcnNcbiAgICByZXR1cm4gKFxuICAgICAgPE1vZGFsXG4gICAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBiYXNlQ2xhc3MsXG4gICAgICAgICAgYW5pbWF0ZUluICYmIGAke2Jhc2VDbGFzc30tLWlzLW9wZW5gLFxuICAgICAgICAgIGRyYXdlckRlcHRoID4gMSAmJiBgJHtiYXNlQ2xhc3N9LS1uZXN0ZWRgLFxuICAgICAgICBdXG4gICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICAgIHNsdWc9e3NsdWd9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgekluZGV4OiB6QmFzZSArIGRyYXdlckRlcHRoLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7KCFkcmF3ZXJEZXB0aCB8fCBkcmF3ZXJEZXB0aCA9PT0gMSkgJiYgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2JsdXItYmdgfSAvPn1cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ2dlbmVyYWw6Y2xvc2UnKX1cbiAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2Nsb3NlYH1cbiAgICAgICAgICBpZD17YGNsb3NlLWRyYXdlcl9fJHtzbHVnfWB9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gY2xvc2VNb2RhbChzbHVnKX1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRlbnRgfT5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYmx1ci1iZy1jb250ZW50YH0gLz5cbiAgICAgICAgICA8R3V0dGVyIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY29udGVudC1jaGlsZHJlbmB9IGxlZnQ9e2d1dHRlcn0gcmlnaHQ9e2d1dHRlcn0+XG4gICAgICAgICAgICA8RWRpdERlcHRoQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17ZHJhd2VyRGVwdGggKyAxfT5cbiAgICAgICAgICAgICAge0hlYWRlcn1cbiAgICAgICAgICAgICAge0hlYWRlciA9PT0gdW5kZWZpbmVkICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGVhZGVyYH0+XG4gICAgICAgICAgICAgICAgICA8aDIgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19oZWFkZXJfX3RpdGxlYH0gdGl0bGU9e2hvdmVyVGl0bGUgPyB0aXRsZSA6IG51bGx9PlxuICAgICAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgICA8L2gyPlxuICAgICAgICAgICAgICAgICAgey8qIFRPRE86IHRoZSBgYnV0dG9uYCBIVE1MIGVsZW1lbnQgYnJlYWtzIENTUyB0cmFuc2l0aW9ucyBvbiB0aGUgZHJhd2VyIGZvciBzb21lIHJlYXNvbi4uLlxuICAgICAgICAgICAgICAgICAgICBpLmUuIGNoYW5naW5nIHRvIGEgYGRpdmAgZWxlbWVudCB3aWxsIGZpeCB0aGUgYW5pbWF0aW9uIGlzc3VlIGJ1dCB3aWxsIGJyZWFrIGFjY2Vzc2liaWxpdHlcbiAgICAgICAgICAgICAgICAgICovfVxuICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdnZW5lcmFsOmNsb3NlJyl9XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGVhZGVyX19jbG9zZWB9XG4gICAgICAgICAgICAgICAgICAgIGlkPXtgY2xvc2UtZHJhd2VyX18ke3NsdWd9YH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gY2xvc2VNb2RhbChzbHVnKX1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxYIC8+XG4gICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9FZGl0RGVwdGhDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICAgIDwvR3V0dGVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvTW9kYWw+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdLCJuYW1lcyI6WyJEcmF3ZXIiLCJEcmF3ZXJUb2dnbGVyIiwiZm9ybWF0RHJhd2VyU2x1ZyIsImJhc2VDbGFzcyIsInpCYXNlIiwiZGVwdGgiLCJzbHVnIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJkaXNhYmxlZCIsIm9uQ2xpY2siLCJyZXN0Iiwib3Blbk1vZGFsIiwidXNlTW9kYWwiLCJoYW5kbGVDbGljayIsInVzZUNhbGxiYWNrIiwiZSIsImJ1dHRvbiIsInR5cGUiLCJIZWFkZXIiLCJndXR0ZXIiLCJob3ZlclRpdGxlIiwidGl0bGUiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJjbG9zZU1vZGFsIiwibW9kYWxTdGF0ZSIsImRyYXdlckRlcHRoIiwidXNlRWRpdERlcHRoIiwiaXNPcGVuIiwic2V0SXNPcGVuIiwidXNlU3RhdGUiLCJhbmltYXRlSW4iLCJzZXRBbmltYXRlSW4iLCJ1c2VFZmZlY3QiLCJNb2RhbCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwic3R5bGUiLCJ6SW5kZXgiLCJkaXYiLCJhcmlhLWxhYmVsIiwiaWQiLCJHdXR0ZXIiLCJsZWZ0IiwicmlnaHQiLCJFZGl0RGVwdGhDb250ZXh0IiwiUHJvdmlkZXIiLCJ2YWx1ZSIsInVuZGVmaW5lZCIsImgyIiwiWCJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7OztJQTJDYUEsTUFBTTtlQUFOQTs7SUF6QkFDLGFBQWE7ZUFB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

package/dist/elements/Drawer/types.js

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

package/dist/elements/Drawer/useDrawerSlug.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDrawerSlug", {
+    enumerable: true,
+    get: function() {
+        return useDrawerSlug;
+    }
+});
+const _react = require("react");
+const _ = require(".");
+const _EditDepth = require("../../providers/EditDepth");
+const useDrawerSlug = (slug)=>{
+    const uuid = (0, _react.useId)();
+    const editDepth = (0, _EditDepth.useEditDepth)();
+    return (0, _.formatDrawerSlug)({
+        depth: editDepth,
+        slug: `${slug}-${uuid}`
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmF3ZXIvdXNlRHJhd2VyU2x1Zy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlSWQgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgZm9ybWF0RHJhd2VyU2x1ZyB9IGZyb20gJy4nXG5pbXBvcnQgeyB1c2VFZGl0RGVwdGggfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvRWRpdERlcHRoJ1xuXG5leHBvcnQgY29uc3QgdXNlRHJhd2VyU2x1ZyA9IChzbHVnOiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBjb25zdCB1dWlkID0gdXNlSWQoKVxuICBjb25zdCBlZGl0RGVwdGggPSB1c2VFZGl0RGVwdGgoKVxuICByZXR1cm4gZm9ybWF0RHJhd2VyU2x1Zyh7XG4gICAgZGVwdGg6IGVkaXREZXB0aCxcbiAgICBzbHVnOiBgJHtzbHVnfS0ke3V1aWR9YCxcbiAgfSlcbn1cbiJdLCJuYW1lcyI6WyJ1c2VEcmF3ZXJTbHVnIiwic2x1ZyIsInV1aWQiLCJ1c2VJZCIsImVkaXREZXB0aCIsInVzZUVkaXREZXB0aCIsImZvcm1hdERyYXdlclNsdWciLCJkZXB0aCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFLYUE7OztlQUFBQTs7O3VCQUxTO2tCQUVXOzJCQUNKO0FBRXRCLE1BQU1BLGdCQUFnQixDQUFDQztJQUM1QixNQUFNQyxPQUFPQyxJQUFBQSxZQUFLO0lBQ2xCLE1BQU1DLFlBQVlDLElBQUFBLHVCQUFZO0lBQzlCLE9BQU9DLElBQUFBLGtCQUFnQixFQUFDO1FBQ3RCQyxPQUFPSDtRQUNQSCxNQUFNLENBQUMsRUFBRUEsS0FBSyxDQUFDLEVBQUVDLEtBQUssQ0FBQztJQUN6QjtBQUNGIn0=