@payloadcms/ui 3.0.0-alpha.9 → 3.0.0-beta.0

package/dist/elements/DraggableSortable/index.js

@@ -1,71 +1,20 @@
-"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)=>{
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useDroppable, useSensor, useSensors } from '@dnd-kit/core';
+import { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
+import React, { useCallback, useId } from 'react';
+export const DraggableSortable = (props)=>{
     const { children, className, ids, onDragEnd } = props;
-    const id = (0, _react.useId)();
-    const { setNodeRef } = (0, _core.useDroppable)({
+    const id = useId();
+    const { setNodeRef } = useDroppable({
         id
     });
-    const sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor, {
+    const sensors = useSensors(useSensor(PointerSensor, {
         activationConstraint: {
             distance: 5
         }
-    }), (0, _core.useSensor)(_core.KeyboardSensor, {
-        coordinateGetter: _sortable.sortableKeyboardCoordinates
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
     }));
-    const handleDragEnd = (0, _react.useCallback)((event)=>{
+    const handleDragEnd = useCallback((event)=>{
         const { active, over } = event;
         if (!active || !over) return;
         if (typeof onDragEnd === 'function') {
@@ -79,18 +28,17 @@ const DraggableSortable = (props)=>{
         onDragEnd,
         ids
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_core.DndContext, {
-        collisionDetection: _core.closestCenter,
+    return /*#__PURE__*/ React.createElement(DndContext, {
+        collisionDetection: closestCenter,
         id: id,
         onDragEnd: handleDragEnd,
         sensors: sensors
-    }, /*#__PURE__*/ _react.default.createElement(_sortable.SortableContext, {
+    }, /*#__PURE__*/ React.createElement(SortableContext, {
         items: ids
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: className,
         ref: setNodeRef
     }, children)));
 };
-const _default = DraggableSortable;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmFnZ2FibGVTb3J0YWJsZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEcmFnRW5kRXZlbnQgfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG5pbXBvcnQge1xuICBEbmRDb250ZXh0LFxuICBLZXlib2FyZFNlbnNvcixcbiAgUG9pbnRlclNlbnNvcixcbiAgY2xvc2VzdENlbnRlcixcbiAgdXNlRHJvcHBhYmxlLFxuICB1c2VTZW5zb3IsXG4gIHVzZVNlbnNvcnMsXG59IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5pbXBvcnQgeyBTb3J0YWJsZUNvbnRleHQsIHNvcnRhYmxlS2V5Ym9hcmRDb29yZGluYXRlcyB9IGZyb20gJ0BkbmQta2l0L3NvcnRhYmxlJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VJZCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgRHJhZ2dhYmxlU29ydGFibGU6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGlkcywgb25EcmFnRW5kIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGlkID0gdXNlSWQoKVxuXG4gIGNvbnN0IHsgc2V0Tm9kZVJlZiB9ID0gdXNlRHJvcHBhYmxlKHtcbiAgICBpZCxcbiAgfSlcblxuICBjb25zdCBzZW5zb3JzID0gdXNlU2Vuc29ycyhcbiAgICB1c2VTZW5zb3IoUG9pbnRlclNlbnNvciwge1xuICAgICAgYWN0aXZhdGlvbkNvbnN0cmFpbnQ6IHtcbiAgICAgICAgZGlzdGFuY2U6IDUsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIHVzZVNlbnNvcihLZXlib2FyZFNlbnNvciwge1xuICAgICAgY29vcmRpbmF0ZUdldHRlcjogc29ydGFibGVLZXlib2FyZENvb3JkaW5hdGVzLFxuICAgIH0pLFxuICApXG5cbiAgY29uc3QgaGFuZGxlRHJhZ0VuZCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0VuZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCB7IGFjdGl2ZSwgb3ZlciB9ID0gZXZlbnRcblxuICAgICAgaWYgKCFhY3RpdmUgfHwgIW92ZXIpIHJldHVyblxuXG4gICAgICBpZiAodHlwZW9mIG9uRHJhZ0VuZCA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBvbkRyYWdFbmQoe1xuICAgICAgICAgIGV2ZW50LFxuICAgICAgICAgIG1vdmVGcm9tSW5kZXg6IGlkcy5maW5kSW5kZXgoKF9pZCkgPT4gX2lkID09PSBhY3RpdmUuaWQpLFxuICAgICAgICAgIG1vdmVUb0luZGV4OiBpZHMuZmluZEluZGV4KChfaWQpID0+IF9pZCA9PT0gb3Zlci5pZCksXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgfSxcbiAgICBbb25EcmFnRW5kLCBpZHNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8RG5kQ29udGV4dFxuICAgICAgY29sbGlzaW9uRGV0ZWN0aW9uPXtjbG9zZXN0Q2VudGVyfVxuICAgICAgaWQ9e2lkfVxuICAgICAgb25EcmFnRW5kPXtoYW5kbGVEcmFnRW5kfVxuICAgICAgc2Vuc29ycz17c2Vuc29yc31cbiAgICA+XG4gICAgICA8U29ydGFibGVDb250ZXh0IGl0ZW1zPXtpZHN9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSByZWY9e3NldE5vZGVSZWZ9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NvcnRhYmxlQ29udGV4dD5cbiAgICA8L0RuZENvbnRleHQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJhZ2dhYmxlU29ydGFibGVcbiJdLCJuYW1lcyI6WyJEcmFnZ2FibGVTb3J0YWJsZSIsInByb3BzIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJpZHMiLCJvbkRyYWdFbmQiLCJpZCIsInVzZUlkIiwic2V0Tm9kZVJlZiIsInVzZURyb3BwYWJsZSIsInNlbnNvcnMiLCJ1c2VTZW5zb3JzIiwidXNlU2Vuc29yIiwiUG9pbnRlclNlbnNvciIsImFjdGl2YXRpb25Db25zdHJhaW50IiwiZGlzdGFuY2UiLCJLZXlib2FyZFNlbnNvciIsImNvb3JkaW5hdGVHZXR0ZXIiLCJzb3J0YWJsZUtleWJvYXJkQ29vcmRpbmF0ZXMiLCJoYW5kbGVEcmFnRW5kIiwidXNlQ2FsbGJhY2siLCJldmVudCIsImFjdGl2ZSIsIm92ZXIiLCJtb3ZlRnJvbUluZGV4IiwiZmluZEluZGV4IiwiX2lkIiwibW92ZVRvSW5kZXgiLCJEbmRDb250ZXh0IiwiY29sbGlzaW9uRGV0ZWN0aW9uIiwiY2xvc2VzdENlbnRlciIsIlNvcnRhYmxlQ29udGV4dCIsIml0ZW1zIiwiZGl2IiwicmVmIl0sIm1hcHBpbmdzIjoiOzs7OytCQXFFQTs7O2VBQUE7OztzQkEzRE87MEJBQ3NEOytEQUNuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBSTFDLE1BQU1BLG9CQUFxQyxDQUFDQztJQUMxQyxNQUFNLEVBQUVDLFFBQVEsRUFBRUMsU0FBUyxFQUFFQyxHQUFHLEVBQUVDLFNBQVMsRUFBRSxHQUFHSjtJQUVoRCxNQUFNSyxLQUFLQyxJQUFBQSxZQUFLO0lBRWhCLE1BQU0sRUFBRUMsVUFBVSxFQUFFLEdBQUdDLElBQUFBLGtCQUFZLEVBQUM7UUFDbENIO0lBQ0Y7SUFFQSxNQUFNSSxVQUFVQyxJQUFBQSxnQkFBVSxFQUN4QkMsSUFBQUEsZUFBUyxFQUFDQyxtQkFBYSxFQUFFO1FBQ3ZCQyxzQkFBc0I7WUFDcEJDLFVBQVU7UUFDWjtJQUNGLElBQ0FILElBQUFBLGVBQVMsRUFBQ0ksb0JBQWMsRUFBRTtRQUN4QkMsa0JBQWtCQyxxQ0FBMkI7SUFDL0M7SUFHRixNQUFNQyxnQkFBZ0JDLElBQUFBLGtCQUFXLEVBQy9CLENBQUNDO1FBQ0MsTUFBTSxFQUFFQyxNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHRjtRQUV6QixJQUFJLENBQUNDLFVBQVUsQ0FBQ0MsTUFBTTtRQUV0QixJQUFJLE9BQU9sQixjQUFjLFlBQVk7WUFDbkNBLFVBQVU7Z0JBQ1JnQjtnQkFDQUcsZUFBZXBCLElBQUlxQixTQUFTLENBQUMsQ0FBQ0MsTUFBUUEsUUFBUUosT0FBT2hCLEVBQUU7Z0JBQ3ZEcUIsYUFBYXZCLElBQUlxQixTQUFTLENBQUMsQ0FBQ0MsTUFBUUEsUUFBUUgsS0FBS2pCLEVBQUU7WUFDckQ7UUFDRjtJQUNGLEdBQ0E7UUFBQ0Q7UUFBV0Q7S0FBSTtJQUdsQixxQkFDRSw2QkFBQ3dCLGdCQUFVO1FBQ1RDLG9CQUFvQkMsbUJBQWE7UUFDakN4QixJQUFJQTtRQUNKRCxXQUFXYztRQUNYVCxTQUFTQTtxQkFFVCw2QkFBQ3FCLHlCQUFlO1FBQUNDLE9BQU81QjtxQkFDdEIsNkJBQUM2QjtRQUFJOUIsV0FBV0E7UUFBVytCLEtBQUsxQjtPQUM3Qk47QUFLWDtNQUVBLFdBQWVGIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core'\n\nimport {\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  closestCenter,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useId } from 'react'\n\nimport type { Props } from './types.js'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd } = props\n\n  const id = useId()\n\n  const { setNodeRef } = useDroppable({\n    id,\n  })\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      if (!active || !over) return\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext items={ids}>\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"names":["DndContext","KeyboardSensor","PointerSensor","closestCenter","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useId","DraggableSortable","props","children","className","ids","onDragEnd","id","setNodeRef","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","moveFromIndex","findIndex","_id","moveToIndex","collisionDetection","items","div","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SACEA,UAAU,EACVC,cAAc,EACdC,aAAa,EACbC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,eAAe,EAAEC,2BAA2B,QAAQ,oBAAmB;AAChF,OAAOC,SAASC,WAAW,EAAEC,KAAK,QAAQ,QAAO;AAMjD,OAAO,MAAMC,oBAAqC,CAACC;IACjD,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGJ;IAEhD,MAAMK,KAAKP;IAEX,MAAM,EAAEQ,UAAU,EAAE,GAAGf,aAAa;QAClCc;IACF;IAEA,MAAME,UAAUd,WACdD,UAAUH,eAAe;QACvBmB,sBAAsB;YACpBC,UAAU;QACZ;IACF,IACAjB,UAAUJ,gBAAgB;QACxBsB,kBAAkBf;IACpB;IAGF,MAAMgB,gBAAgBd,YACpB,CAACe;QACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;QAEzB,IAAI,CAACC,UAAU,CAACC,MAAM;QAEtB,IAAI,OAAOV,cAAc,YAAY;YACnCA,UAAU;gBACRQ;gBACAG,eAAeZ,IAAIa,SAAS,CAAC,CAACC,MAAQA,QAAQJ,OAAOR,EAAE;gBACvDa,aAAaf,IAAIa,SAAS,CAAC,CAACC,MAAQA,QAAQH,KAAKT,EAAE;YACrD;QACF;IACF,GACA;QAACD;QAAWD;KAAI;IAGlB,qBACE,oBAAChB;QACCgC,oBAAoB7B;QACpBe,IAAIA;QACJD,WAAWO;QACXJ,SAASA;qBAET,oBAACb;QAAgB0B,OAAOjB;qBACtB,oBAACkB;QAAInB,WAAWA;QAAWoB,KAAKhB;OAC7BL;AAKX,EAAC"}

package/dist/elements/DraggableSortable/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC/B,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,SAAS,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC5F,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC/B,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,SAAS,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC5F,CAAA"}

package/dist/elements/DraggableSortable/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/DraggableSortable/types.ts"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core'\nimport type { Ref } from 'react'\n\nexport type Props = {\n  children: React.ReactNode\n  className?: string\n  droppableRef?: Ref<HTMLElement>\n  ids: string[]\n  onDragEnd: (e: { event: DragEndEvent; moveFromIndex: number; moveToIndex: number }) => void\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAMC"}

package/dist/elements/DraggableSortable/useDraggableSortable/index.d.ts

@@ -1,4 +1,4 @@
 import type { UseDraggableArguments } from '@dnd-kit/core';
-import type { UseDraggableSortableReturn } from './types';
+import type { UseDraggableSortableReturn } from './types.js';
 export declare const useDraggableSortable: (props: UseDraggableArguments) => UseDraggableSortableReturn;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DraggableSortable/useDraggableSortable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAI1D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEzD,eAAO,MAAM,oBAAoB,UAAW,qBAAqB,KAAG,0BAoBnE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAI1D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,oBAAoB,UAAW,qBAAqB,KAAG,0BAoBnE,CAAA"}

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

@@ -1,17 +1,7 @@
-"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)=>{
+import { useSortable } from '@dnd-kit/sortable';
+export const useDraggableSortable = (props)=>{
     const { id, disabled } = props;
-    const { attributes, isDragging, listeners, setNodeRef, transform } = (0, _sortable.useSortable)({
+    const { attributes, isDragging, listeners, setNodeRef, transform } = useSortable({
         id,
         disabled
     });
@@ -29,4 +19,4 @@ const useDraggableSortable = (props)=>{
     };
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmFnZ2FibGVTb3J0YWJsZS91c2VEcmFnZ2FibGVTb3J0YWJsZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBVc2VEcmFnZ2FibGVBcmd1bWVudHMgfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG5pbXBvcnQgeyB1c2VTb3J0YWJsZSB9IGZyb20gJ0BkbmQta2l0L3NvcnRhYmxlJ1xuXG5pbXBvcnQgdHlwZSB7IFVzZURyYWdnYWJsZVNvcnRhYmxlUmV0dXJuIH0gZnJvbSAnLi90eXBlcydcblxuZXhwb3J0IGNvbnN0IHVzZURyYWdnYWJsZVNvcnRhYmxlID0gKHByb3BzOiBVc2VEcmFnZ2FibGVBcmd1bWVudHMpOiBVc2VEcmFnZ2FibGVTb3J0YWJsZVJldHVybiA9PiB7XG4gIGNvbnN0IHsgaWQsIGRpc2FibGVkIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgYXR0cmlidXRlcywgaXNEcmFnZ2luZywgbGlzdGVuZXJzLCBzZXROb2RlUmVmLCB0cmFuc2Zvcm0gfSA9IHVzZVNvcnRhYmxlKHtcbiAgICBpZCxcbiAgICBkaXNhYmxlZCxcbiAgfSlcblxuICByZXR1cm4ge1xuICAgIGF0dHJpYnV0ZXM6IHtcbiAgICAgIC4uLmF0dHJpYnV0ZXMsXG4gICAgICBzdHlsZToge1xuICAgICAgICBjdXJzb3I6IGlzRHJhZ2dpbmcgPyAnZ3JhYmJpbmcnIDogJ2dyYWInLFxuICAgICAgfSxcbiAgICB9LFxuICAgIGlzRHJhZ2dpbmcsXG4gICAgbGlzdGVuZXJzLFxuICAgIHNldE5vZGVSZWYsXG4gICAgdHJhbnNmb3JtOiB0cmFuc2Zvcm0gJiYgYHRyYW5zbGF0ZTNkKCR7dHJhbnNmb3JtLnh9cHgsICR7dHJhbnNmb3JtLnl9cHgsIDApYCwgLy8gdHJhbnNsYXRlM2QgaXMgZmFzdGVyIHRoYW4gdHJhbnNsYXRlIGluIG1vc3QgYnJvd3NlcnNcbiAgfVxufVxuIl0sIm5hbWVzIjpbInVzZURyYWdnYWJsZVNvcnRhYmxlIiwicHJvcHMiLCJpZCIsImRpc2FibGVkIiwiYXR0cmlidXRlcyIsImlzRHJhZ2dpbmciLCJsaXN0ZW5lcnMiLCJzZXROb2RlUmVmIiwidHJhbnNmb3JtIiwidXNlU29ydGFibGUiLCJzdHlsZSIsImN1cnNvciIsIngiLCJ5Il0sIm1hcHBpbmdzIjoiOzs7OytCQU1hQTs7O2VBQUFBOzs7MEJBSmU7QUFJckIsTUFBTUEsdUJBQXVCLENBQUNDO0lBQ25DLE1BQU0sRUFBRUMsRUFBRSxFQUFFQyxRQUFRLEVBQUUsR0FBR0Y7SUFFekIsTUFBTSxFQUFFRyxVQUFVLEVBQUVDLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRSxHQUFHQyxJQUFBQSxxQkFBVyxFQUFDO1FBQy9FUDtRQUNBQztJQUNGO0lBRUEsT0FBTztRQUNMQyxZQUFZO1lBQ1YsR0FBR0EsVUFBVTtZQUNiTSxPQUFPO2dCQUNMQyxRQUFRTixhQUFhLGFBQWE7WUFDcEM7UUFDRjtRQUNBQTtRQUNBQztRQUNBQztRQUNBQyxXQUFXQSxhQUFhLENBQUMsWUFBWSxFQUFFQSxVQUFVSSxDQUFDLENBQUMsSUFBSSxFQUFFSixVQUFVSyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQzlFO0FBQ0YifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport { useSortable } from '@dnd-kit/sortable'\n\nimport type { UseDraggableSortableReturn } from './types.js'\n\nexport const useDraggableSortable = (props: UseDraggableArguments): UseDraggableSortableReturn => {\n  const { id, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useSortable({\n    id,\n    disabled,\n  })\n\n  return {\n    attributes: {\n      ...attributes,\n      style: {\n        cursor: isDragging ? 'grabbing' : 'grab',\n      },\n    },\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n  }\n}\n"],"names":["useSortable","useDraggableSortable","props","id","disabled","attributes","isDragging","listeners","setNodeRef","transform","style","cursor","x","y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,WAAW,QAAQ,oBAAmB;AAI/C,OAAO,MAAMC,uBAAuB,CAACC;IACnC,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAE,GAAGF;IAEzB,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGT,YAAY;QAC/EG;QACAC;IACF;IAEA,OAAO;QACLC,YAAY;YACV,GAAGA,UAAU;YACbK,OAAO;gBACLC,QAAQL,aAAa,aAAa;YACpC;QACF;QACAA;QACAC;QACAC;QACAC,WAAWA,aAAa,CAAC,YAAY,EAAEA,UAAUG,CAAC,CAAC,IAAI,EAAEH,UAAUI,CAAC,CAAC,MAAM,CAAC;IAC9E;AACF,EAAC"}

package/dist/elements/DraggableSortable/useDraggableSortable/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react/experimental" resolution-mode="require"/>
 import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import type { HTMLAttributes } from 'react';
 export type UseDraggableSortableReturn = {

package/dist/elements/DraggableSortable/useDraggableSortable/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,oBAAoB,CAAA;IAC/B,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,oBAAoB,CAAA;IAC/B,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"sourcesContent":["import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type { HTMLAttributes } from 'react'\n\nexport type UseDraggableSortableReturn = {\n  attributes: HTMLAttributes<unknown>\n  isDragging?: boolean\n  listeners: SyntheticListenerMap\n  setNodeRef: (node: HTMLElement | null) => void\n  transform: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAMC"}

package/dist/elements/Drawer/index.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import type { Props, TogglerProps } from './types';
+import type { Props, TogglerProps } from './types.js';
 import './index.scss';
 export declare const formatDrawerSlug: ({ slug, depth }: {
     depth: number;
     slug: string;
 }) => string;
+export { useDrawerSlug } from './useDrawerSlug.js';
 export declare const DrawerToggler: React.FC<TogglerProps>;
 export declare const Drawer: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAMlD,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,gBAAgB;WAA8B,MAAM;UAAQ,MAAM;MAAK,MACzD,CAAA;AAE3B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBhD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiFlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAMrD,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,gBAAgB,oBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,MACzD,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyBhD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmFlC,CAAA"}

package/dist/elements/Drawer/index.js

@@ -1,79 +1,18 @@
 '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 _X = require("../../icons/X");
-const _EditDepth = require("../../providers/EditDepth");
-const _Translation = require("../../providers/Translation");
-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;
-}
+import * as facelessUIImport from '@faceless-ui/modal';
+import React, { useCallback, useEffect, useState } from 'react';
+import { X } from '../../icons/X/index.js';
+import { EditDepthContext, useEditDepth } from '../../providers/EditDepth/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Gutter } from '../Gutter/index.js';
 const baseClass = 'drawer';
 const zBase = 100;
-const formatDrawerSlug = ({ slug, depth })=>`drawer_${depth}_${slug}`;
-const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest })=>{
-    const { openModal } = (0, _modal.useModal)();
-    const handleClick = (0, _react.useCallback)((e)=>{
+export const formatDrawerSlug = ({ slug, depth })=>`drawer_${depth}_${slug}`;
+export { useDrawerSlug } from './useDrawerSlug.js';
+export const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest })=>{
+    const { Modal, useModal } = facelessUIImport;
+    const { openModal } = useModal();
+    const handleClick = useCallback((e)=>{
         openModal(slug);
         if (typeof onClick === 'function') onClick(e);
     }, [
@@ -81,7 +20,7 @@ const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest }
         slug,
         onClick
     ]);
-    return /*#__PURE__*/ _react.default.createElement("button", {
+    return /*#__PURE__*/ React.createElement("button", {
         className: className,
         disabled: disabled,
         onClick: handleClick,
@@ -89,26 +28,27 @@ const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest }
         ...rest
     }, children);
 };
-const Drawer = ({ slug, Header, children, className, gutter = true, hoverTitle, title })=>{
-    const { t } = (0, _Translation.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)(()=>{
+export const Drawer = ({ slug, Header, children, className, gutter = true, hoverTitle, title })=>{
+    const { Modal, useModal } = facelessUIImport;
+    const { t } = useTranslation();
+    const { closeModal, modalState } = useModal();
+    const drawerDepth = useEditDepth();
+    const [isOpen, setIsOpen] = useState(false);
+    const [animateIn, setAnimateIn] = useState(false);
+    useEffect(()=>{
         setIsOpen(modalState[slug]?.isOpen);
     }, [
         slug,
         modalState
     ]);
-    (0, _react.useEffect)(()=>{
+    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, {
+        return /*#__PURE__*/ React.createElement(Modal, {
             className: [
                 className,
                 baseClass,
@@ -119,38 +59,38 @@ const Drawer = ({ slug, Header, children, className, gutter = true, hoverTitle,
             style: {
                 zIndex: zBase + drawerDepth
             }
-        }, (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ _react.default.createElement("div", {
+        }, (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__blur-bg`
-        }), /*#__PURE__*/ _react.default.createElement("button", {
+        }), /*#__PURE__*/ React.createElement("button", {
             "aria-label": t('general:close'),
             className: `${baseClass}__close`,
             id: `close-drawer__${slug}`,
             onClick: ()=>closeModal(slug),
             type: "button"
-        }), /*#__PURE__*/ _react.default.createElement("div", {
+        }), /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__content`
-        }, /*#__PURE__*/ _react.default.createElement("div", {
+        }, /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__blur-bg-content`
-        }), /*#__PURE__*/ _react.default.createElement(_Gutter.Gutter, {
+        }), /*#__PURE__*/ React.createElement(Gutter, {
             className: `${baseClass}__content-children`,
             left: gutter,
             right: gutter
-        }, /*#__PURE__*/ _react.default.createElement(_EditDepth.EditDepthContext.Provider, {
+        }, /*#__PURE__*/ React.createElement(EditDepthContext.Provider, {
             value: drawerDepth + 1
-        }, Header, Header === undefined && /*#__PURE__*/ _react.default.createElement("div", {
+        }, Header, Header === undefined && /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__header`
-        }, /*#__PURE__*/ _react.default.createElement("h2", {
+        }, /*#__PURE__*/ React.createElement("h2", {
             className: `${baseClass}__header__title`,
             title: hoverTitle ? title : null
-        }, title), /*#__PURE__*/ _react.default.createElement("button", {
+        }, title), /*#__PURE__*/ React.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))));
+        }, /*#__PURE__*/ React.createElement(X, null))), children))));
     }
     return null;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmF3ZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgTW9kYWwsIHVzZU1vZGFsIH0gZnJvbSAnQGZhY2VsZXNzLXVpL21vZGFsJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMsIFRvZ2dsZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IFggfSBmcm9tICcuLi8uLi9pY29ucy9YJ1xuaW1wb3J0IHsgRWRpdERlcHRoQ29udGV4dCwgdXNlRWRpdERlcHRoIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0VkaXREZXB0aCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IHsgR3V0dGVyIH0gZnJvbSAnLi4vR3V0dGVyJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdkcmF3ZXInXG5jb25zdCB6QmFzZSA9IDEwMFxuXG5leHBvcnQgY29uc3QgZm9ybWF0RHJhd2VyU2x1ZyA9ICh7IHNsdWcsIGRlcHRoIH06IHsgZGVwdGg6IG51bWJlcjsgc2x1Zzogc3RyaW5nIH0pOiBzdHJpbmcgPT5cbiAgYGRyYXdlcl8ke2RlcHRofV8ke3NsdWd9YFxuXG5leHBvcnQgY29uc3QgRHJhd2VyVG9nZ2xlcjogUmVhY3QuRkM8VG9nZ2xlclByb3BzPiA9ICh7XG4gIHNsdWcsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGRpc2FibGVkLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHsgb3Blbk1vZGFsIH0gPSB1c2VNb2RhbCgpXG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoZSkgPT4ge1xuICAgICAgb3Blbk1vZGFsKHNsdWcpXG4gICAgICBpZiAodHlwZW9mIG9uQ2xpY2sgPT09ICdmdW5jdGlvbicpIG9uQ2xpY2soZSlcbiAgICB9LFxuICAgIFtvcGVuTW9kYWwsIHNsdWcsIG9uQ2xpY2tdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkaXNhYmxlZD17ZGlzYWJsZWR9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfSB0eXBlPVwiYnV0dG9uXCIgey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYnV0dG9uPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBEcmF3ZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIHNsdWcsXG4gIEhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgZ3V0dGVyID0gdHJ1ZSxcbiAgaG92ZXJUaXRsZSxcbiAgdGl0bGUsXG59KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCB7IGNsb3NlTW9kYWwsIG1vZGFsU3RhdGUgfSA9IHVzZU1vZGFsKClcbiAgY29uc3QgZHJhd2VyRGVwdGggPSB1c2VFZGl0RGVwdGgoKVxuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFthbmltYXRlSW4sIHNldEFuaW1hdGVJbl0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldElzT3Blbihtb2RhbFN0YXRlW3NsdWddPy5pc09wZW4pXG4gIH0sIFtzbHVnLCBtb2RhbFN0YXRlXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEFuaW1hdGVJbihpc09wZW4pXG4gIH0sIFtpc09wZW5dKVxuXG4gIGlmIChpc09wZW4pIHtcbiAgICAvLyBJTVBPUlRBTlQ6IGRvIG5vdCByZW5kZXIgdGhlIGRyYXdlciB1bnRpbCBpdCBpcyBleHBsaWNpdGx5IG9wZW4sIHRoaXMgaXMgdG8gYXZvaWQgbGFyZ2UgaHRtbCB0cmVlcyBlc3BlY2lhbGx5IHdoZW4gbmVzdGluZyBkcmF3ZXJzXG4gICAgcmV0dXJuIChcbiAgICAgIDxNb2RhbFxuICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgYmFzZUNsYXNzLFxuICAgICAgICAgIGFuaW1hdGVJbiAmJiBgJHtiYXNlQ2xhc3N9LS1pcy1vcGVuYCxcbiAgICAgICAgICBkcmF3ZXJEZXB0aCA+IDEgJiYgYCR7YmFzZUNsYXNzfS0tbmVzdGVkYCxcbiAgICAgICAgXVxuICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICBzbHVnPXtzbHVnfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHpJbmRleDogekJhc2UgKyBkcmF3ZXJEZXB0aCxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgeyghZHJhd2VyRGVwdGggfHwgZHJhd2VyRGVwdGggPT09IDEpICYmIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19ibHVyLWJnYH0gLz59XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdnZW5lcmFsOmNsb3NlJyl9XG4gICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jbG9zZWB9XG4gICAgICAgICAgaWQ9e2BjbG9zZS1kcmF3ZXJfXyR7c2x1Z31gfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNsb3NlTW9kYWwoc2x1Zyl9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250ZW50YH0+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2JsdXItYmctY29udGVudGB9IC8+XG4gICAgICAgICAgPEd1dHRlciBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRlbnQtY2hpbGRyZW5gfSBsZWZ0PXtndXR0ZXJ9IHJpZ2h0PXtndXR0ZXJ9PlxuICAgICAgICAgICAgPEVkaXREZXB0aENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2RyYXdlckRlcHRoICsgMX0+XG4gICAgICAgICAgICAgIHtIZWFkZXJ9XG4gICAgICAgICAgICAgIHtIZWFkZXIgPT09IHVuZGVmaW5lZCAmJiAoXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hlYWRlcmB9PlxuICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGVhZGVyX190aXRsZWB9IHRpdGxlPXtob3ZlclRpdGxlID8gdGl0bGUgOiBudWxsfT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgICAgPC9oMj5cbiAgICAgICAgICAgICAgICAgIHsvKiBUT0RPOiB0aGUgYGJ1dHRvbmAgSFRNTCBlbGVtZW50IGJyZWFrcyBDU1MgdHJhbnNpdGlvbnMgb24gdGhlIGRyYXdlciBmb3Igc29tZSByZWFzb24uLi5cbiAgICAgICAgICAgICAgICAgICAgaS5lLiBjaGFuZ2luZyB0byBhIGBkaXZgIGVsZW1lbnQgd2lsbCBmaXggdGhlIGFuaW1hdGlvbiBpc3N1ZSBidXQgd2lsbCBicmVhayBhY2Nlc3NpYmlsaXR5XG4gICAgICAgICAgICAgICAgICAqL31cbiAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnZ2VuZXJhbDpjbG9zZScpfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hlYWRlcl9fY2xvc2VgfVxuICAgICAgICAgICAgICAgICAgICBpZD17YGNsb3NlLWRyYXdlcl9fJHtzbHVnfWB9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNsb3NlTW9kYWwoc2x1Zyl9XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8WCAvPlxuICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvRWRpdERlcHRoQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgICA8L0d1dHRlcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L01vZGFsPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXSwibmFtZXMiOlsiRHJhd2VyIiwiRHJhd2VyVG9nZ2xlciIsImZvcm1hdERyYXdlclNsdWciLCJiYXNlQ2xhc3MiLCJ6QmFzZSIsInNsdWciLCJkZXB0aCIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiZGlzYWJsZWQiLCJvbkNsaWNrIiwicmVzdCIsIm9wZW5Nb2RhbCIsInVzZU1vZGFsIiwiaGFuZGxlQ2xpY2siLCJ1c2VDYWxsYmFjayIsImUiLCJidXR0b24iLCJ0eXBlIiwiSGVhZGVyIiwiZ3V0dGVyIiwiaG92ZXJUaXRsZSIsInRpdGxlIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiY2xvc2VNb2RhbCIsIm1vZGFsU3RhdGUiLCJkcmF3ZXJEZXB0aCIsInVzZUVkaXREZXB0aCIsImlzT3BlbiIsInNldElzT3BlbiIsInVzZVN0YXRlIiwiYW5pbWF0ZUluIiwic2V0QW5pbWF0ZUluIiwidXNlRWZmZWN0IiwiTW9kYWwiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsInN0eWxlIiwiekluZGV4IiwiZGl2IiwiYXJpYS1sYWJlbCIsImlkIiwiR3V0dGVyIiwibGVmdCIsInJpZ2h0IiwiRWRpdERlcHRoQ29udGV4dCIsIlByb3ZpZGVyIiwidmFsdWUiLCJ1bmRlZmluZWQiLCJoMiIsIlgiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUEyQ2FBLE1BQU07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
+//# sourceMappingURL=index.js.map

package/dist/elements/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { X } from '../../icons/X/index.js'\nimport { EditDepthContext, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\nconst zBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') onClick(e)\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  Header,\n  children,\n  className,\n  gutter = true,\n  hoverTitle,\n  title,\n}) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useEditDepth()\n  const [isOpen, setIsOpen] = useState(false)\n  const [animateIn, setAnimateIn] = useState(false)\n\n  useEffect(() => {\n    setIsOpen(modalState[slug]?.isOpen)\n  }, [slug, modalState])\n\n  useEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <Modal\n        className={[\n          className,\n          baseClass,\n          animateIn && `${baseClass}--is-open`,\n          drawerDepth > 1 && `${baseClass}--nested`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        slug={slug}\n        style={{\n          zIndex: zBase + drawerDepth,\n        }}\n      >\n        {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n        <button\n          aria-label={t('general:close')}\n          className={`${baseClass}__close`}\n          id={`close-drawer__${slug}`}\n          onClick={() => closeModal(slug)}\n          type=\"button\"\n        />\n        <div className={`${baseClass}__content`}>\n          <div className={`${baseClass}__blur-bg-content`} />\n          <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n            <EditDepthContext.Provider value={drawerDepth + 1}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\n                  </h2>\n                  {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n                    i.e. changing to a `div` element will fix the animation issue but will break accessibility\n                  */}\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <X />\n                  </button>\n                </div>\n              )}\n              {children}\n            </EditDepthContext.Provider>\n          </Gutter>\n        </div>\n      </Modal>\n    )\n  }\n\n  return null\n}\n"],"names":["facelessUIImport","React","useCallback","useEffect","useState","X","EditDepthContext","useEditDepth","useTranslation","Gutter","baseClass","zBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","children","className","disabled","onClick","rest","Modal","useModal","openModal","handleClick","e","button","type","Drawer","Header","gutter","hoverTitle","title","t","closeModal","modalState","drawerDepth","isOpen","setIsOpen","animateIn","setAnimateIn","filter","Boolean","join","style","zIndex","div","aria-label","id","left","right","Provider","value","undefined","h2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/elements/Drawer/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react/experimental" resolution-mode="require"/>
 import type { HTMLAttributes } from 'react';
 export type Props = {
     Header?: React.ReactNode;

package/dist/elements/Drawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/elements/Drawer/types.js

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

package/dist/elements/Drawer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type Props = {\n  Header?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  gutter?: boolean\n  hoverTitle?: boolean\n  slug: string\n  title?: string\n}\n\nexport type TogglerProps = HTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  slug: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAYA,WAKC"}

package/dist/elements/Drawer/useDrawerSlug.js

@@ -1,23 +1,13 @@
-"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}`
+import { useId } from 'react';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { formatDrawerSlug } from './index.js';
+export const useDrawerSlug = (slug)=>{
+    const uuid = useId();
+    const editDepth = useEditDepth();
+    return formatDrawerSlug({
+        slug: `${slug}-${uuid}`,
+        depth: editDepth
     });
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmF3ZXIvdXNlRHJhd2VyU2x1Zy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlSWQgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgZm9ybWF0RHJhd2VyU2x1ZyB9IGZyb20gJy4nXG5pbXBvcnQgeyB1c2VFZGl0RGVwdGggfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvRWRpdERlcHRoJ1xuXG5leHBvcnQgY29uc3QgdXNlRHJhd2VyU2x1ZyA9IChzbHVnOiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBjb25zdCB1dWlkID0gdXNlSWQoKVxuICBjb25zdCBlZGl0RGVwdGggPSB1c2VFZGl0RGVwdGgoKVxuICByZXR1cm4gZm9ybWF0RHJhd2VyU2x1Zyh7XG4gICAgZGVwdGg6IGVkaXREZXB0aCxcbiAgICBzbHVnOiBgJHtzbHVnfS0ke3V1aWR9YCxcbiAgfSlcbn1cbiJdLCJuYW1lcyI6WyJ1c2VEcmF3ZXJTbHVnIiwic2x1ZyIsInV1aWQiLCJ1c2VJZCIsImVkaXREZXB0aCIsInVzZUVkaXREZXB0aCIsImZvcm1hdERyYXdlclNsdWciLCJkZXB0aCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFLYUE7OztlQUFBQTs7O3VCQUxTO2tCQUVXOzJCQUNKO0FBRXRCLE1BQU1BLGdCQUFnQixDQUFDQztJQUM1QixNQUFNQyxPQUFPQyxJQUFBQSxZQUFLO0lBQ2xCLE1BQU1DLFlBQVlDLElBQUFBLHVCQUFZO0lBQzlCLE9BQU9DLElBQUFBLGtCQUFnQixFQUFDO1FBQ3RCQyxPQUFPSDtRQUNQSCxNQUFNLENBQUMsRUFBRUEsS0FBSyxDQUFDLEVBQUVDLEtBQUssQ0FBQztJQUN6QjtBQUNGIn0=
+//# sourceMappingURL=useDrawerSlug.js.map

package/dist/elements/Drawer/useDrawerSlug.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Drawer/useDrawerSlug.tsx"],"sourcesContent":["import { useId } from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { formatDrawerSlug } from './index.js'\n\nexport const useDrawerSlug = (slug: string): string => {\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  return formatDrawerSlug({\n    slug: `${slug}-${uuid}`,\n    depth: editDepth,\n  })\n}\n"],"names":["useId","useEditDepth","formatDrawerSlug","useDrawerSlug","slug","uuid","editDepth","depth"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,SAASA,KAAK,QAAQ,QAAO;AAE7B,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,gBAAgB,QAAQ,aAAY;AAE7C,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAMC,OAAOL;IACb,MAAMM,YAAYL;IAClB,OAAOC,iBAAiB;QACtBE,MAAM,CAAC,EAAEA,KAAK,CAAC,EAAEC,KAAK,CAAC;QACvBE,OAAOD;IACT;AACF,EAAC"}

package/dist/elements/Dropzone/index.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import './index.scss';
-type Props = {
+export type Props = {
     className?: string;
     mimeTypes?: string[];
     onChange: (e: FileList) => void;
 };
 export declare const Dropzone: React.FC<Props>;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Dropzone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AASrB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0GpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AASrB,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0GpC,CAAA"}