@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","closestCenter","DndContext","DragOverlay","KeyboardSensor","MouseSensor","TouchSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useEffect","useId","useState","DraggableSortable","props","$","id","children","className","ids","onDragEnd","onDragStart","renderDragOverlay","sortingStrategy","activeId","setActiveId","t0","t1","document","body","classList","add","_temp","dndContextID","sortableContextID","t2","setNodeRef","t3","Symbol","for","activationConstraint","distance","t4","delay","tolerance","t5","coordinateGetter","sensors","t6","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","_id_0","handleDragEnd","t7","handleDragCancel","t8","event_0","active_0","handleDragStart","t9","_jsxs","collisionDetection","onDragCancel","_jsx","items","strategy","ref","dropAnimation","remove"],"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useEffect, useId, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.css'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const {\n    id,\n    children,\n    className,\n    ids,\n    onDragEnd,\n    onDragStart,\n    renderDragOverlay,\n    sortingStrategy,\n  } = props\n  const [activeId, setActiveId] = useState<null | number | string>(null)\n\n  // The overlay is a different element than the drag handle, so its inline cursor\n  // styles don't carry over. So set a body class to show a grabbing cursor everywhere.\n  useEffect(() => {\n    if (activeId !== null) {\n      document.body.classList.add('is-dragging')\n      return () => {\n        document.body.classList.remove('is-dragging')\n      }\n    }\n  }, [activeId])\n\n  const dndContextID = useId()\n  const sortableContextID = useId()\n\n  const { setNodeRef } = useDroppable({\n    id: dndContextID,\n  })\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 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      event.activatorEvent.stopPropagation()\n      setActiveId(null)\n\n      if (!active || !over) {\n        return\n      }\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  const handleDragCancel = useCallback(() => {\n    setActiveId(null)\n  }, [])\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      setActiveId(active.id)\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n      id={dndContextID}\n      onDragCancel={handleDragCancel}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext\n        // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n        id={sortableContextID}\n        items={ids}\n        strategy={sortingStrategy}\n      >\n        <div className={className} id={id} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n      {renderDragOverlay && activeId !== null && (\n        <DragOverlay dropAnimation={null}>{renderDragOverlay(activeId)}</DragOverlay>\n      )}\n    </DndContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["closestCenter","DndContext","DragOverlay","KeyboardSensor","MouseSensor","TouchSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useEffect","useId","useMemo","useRef","useState","useRowAccessibility","DraggableSortable","props","id","announceRows","children","className","ids","onDragEnd","onDragStart","renderDragOverlay","sortingStrategy","containerRef","accessibilityOptions","enabled","accessibility","activeId","setActiveId","document","body","classList","add","remove","dndContextID","sortableContextID","setNodeRef","sensors","activationConstraint","distance","delay","tolerance","coordinateGetter","handleDragEnd","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","handleDragCancel","handleDragStart","_jsxs","collisionDetection","onDragCancel","_jsx","items","strategy","ref","node","current","dropAnimation"],"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useRowAccessibility } from './useRowAccessibility.js'\nimport './index.css'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const {\n    id,\n    announceRows = false,\n    children,\n    className,\n    ids,\n    onDragEnd,\n    onDragStart,\n    renderDragOverlay,\n    sortingStrategy,\n  } = props\n  const containerRef = useRef<HTMLDivElement>(null)\n  const accessibilityOptions = useMemo(\n    () => ({ containerRef, enabled: announceRows, ids }),\n    [announceRows, ids],\n  )\n  const accessibility = useRowAccessibility(accessibilityOptions)\n  const [activeId, setActiveId] = useState<null | number | string>(null)\n\n  // The overlay is a different element than the drag handle, so its inline cursor\n  // styles don't carry over. So set a body class to show a grabbing cursor everywhere.\n  useEffect(() => {\n    if (activeId !== null) {\n      document.body.classList.add('is-dragging')\n      return () => {\n        document.body.classList.remove('is-dragging')\n      }\n    }\n  }, [activeId])\n\n  const dndContextID = useId()\n  const sortableContextID = useId()\n\n  const { setNodeRef } = useDroppable({\n    id: dndContextID,\n  })\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 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      event.activatorEvent.stopPropagation()\n      setActiveId(null)\n\n      if (!active || !over) {\n        return\n      }\n\n      const moveFromIndex = ids.findIndex((_id) => _id === active.id)\n      const moveToIndex = ids.findIndex((_id) => _id === over.id)\n\n      if (moveFromIndex < 0 || moveToIndex < 0) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex,\n          moveToIndex,\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null)\n  }, [])\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      setActiveId(active.id)\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      accessibility={accessibility}\n      collisionDetection={closestCenter}\n      // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n      id={dndContextID}\n      onDragCancel={handleDragCancel}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext\n        // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n        id={sortableContextID}\n        items={ids}\n        strategy={sortingStrategy}\n      >\n        <div\n          className={className}\n          id={id}\n          ref={(node) => {\n            containerRef.current = node\n            setNodeRef(node)\n          }}\n        >\n          {children}\n        </div>\n      </SortableContext>\n      {renderDragOverlay && activeId !== null && (\n        <DragOverlay dropAnimation={null}>{renderDragOverlay(activeId)}</DragOverlay>\n      )}\n    </DndContext>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SACEA,aAAa,EACbC,UAAU,EACVC,WAAW,EACXC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL;AACP,SAASC,eAAe,EAAEC,2BAA2B,QAAQ;AAC7D,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAIhF,SAASC,mBAAmB,QAAQ;AACpC,OAAO;AAIP,OAAO,MAAMC,iBAAA,GAAsCC,KAAA;EACjD,MAAM;IACJC,EAAE;IACFC,YAAA,GAAe,KAAK;IACpBC,QAAQ;IACRC,SAAS;IACTC,GAAG;IACHC,SAAS;IACTC,WAAW;IACXC,iBAAiB;IACjBC;EAAe,CAChB,GAAGT,KAAA;EACJ,MAAMU,YAAA,GAAed,MAAA,CAAuB;EAC5C,MAAMe,oBAAA,GAAuBhB,OAAA,CAC3B,OAAO;IAAEe,YAAA;IAAcE,OAAA,EAASV,YAAA;IAAcG;EAAI,IAClD,CAACH,YAAA,EAAcG,GAAA,CAAI;EAErB,MAAMQ,aAAA,GAAgBf,mBAAA,CAAoBa,oBAAA;EAC1C,MAAM,CAACG,QAAA,EAAUC,WAAA,CAAY,GAAGlB,QAAA,CAAiC;EAEjE;EACA;EACAJ,SAAA,CAAU;IACR,IAAIqB,QAAA,KAAa,MAAM;MACrBE,QAAA,CAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC;MAC5B,OAAO;QACLH,QAAA,CAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC;MACjC;IACF;EACF,GAAG,CAACN,QAAA,CAAS;EAEb,MAAMO,YAAA,GAAe3B,KAAA;EACrB,MAAM4B,iBAAA,GAAoB5B,KAAA;EAE1B,MAAM;IAAE6B;EAAU,CAAE,GAAGrC,YAAA,CAAa;IAClCe,EAAA,EAAIoB;EACN;EAEA,MAAMG,OAAA,GAAUpC,UAAA,CACdD,SAAA,CAAUH,WAAA,EAAa;IACrByC,oBAAA,EAAsB;MACpBC,QAAA,EAAU;IACZ;EACF,IACAvC,SAAA,CAAUF,WAAA,EAAa;IACrBwC,oBAAA,EAAsB;MACpBE,KAAA,EAAO;MACPC,SAAA,EAAW;IACb;EACF,IACAzC,SAAA,CAAUJ,cAAA,EAAgB;IACxB8C,gBAAA,EAAkBvC;EACpB;EAGF,MAAMwC,aAAA,GAAgBtC,WAAA,CACnBuC,KAAA;IACC,MAAM;MAAEC,MAAM;MAAEC;IAAI,CAAE,GAAGF,KAAA;IAEzBA,KAAA,CAAMG,cAAc,CAACC,eAAe;IACpCpB,WAAA,CAAY;IAEZ,IAAI,CAACiB,MAAA,IAAU,CAACC,IAAA,EAAM;MACpB;IACF;IAEA,MAAMG,aAAA,GAAgB/B,GAAA,CAAIgC,SAAS,CAAEC,GAAA,IAAQA,GAAA,KAAQN,MAAA,CAAO/B,EAAE;IAC9D,MAAMsC,WAAA,GAAclC,GAAA,CAAIgC,SAAS,CAAEC,KAAA,IAAQA,KAAA,KAAQL,IAAA,CAAKhC,EAAE;IAE1D,IAAImC,aAAA,GAAgB,KAAKG,WAAA,GAAc,GAAG;MACxC;IACF;IAEA,IAAI,OAAOjC,SAAA,KAAc,YAAY;MACnCA,SAAA,CAAU;QACRyB,KAAA;QACAK,aAAA;QACAG;MACF;IACF;EACF,GACA,CAACjC,SAAA,EAAWD,GAAA,CAAI;EAGlB,MAAMmC,gBAAA,GAAmBhD,WAAA,CAAY;IACnCuB,WAAA,CAAY;EACd,GAAG,EAAE;EAEL,MAAM0B,eAAA,GAAkBjD,WAAA,CACrBuC,OAAA;IACC,MAAM;MAAEC,MAAM,EAANA;IAAM,CAAE,GAAGD,OAAA;IAEnB,IAAI,CAACC,QAAA,EAAQ;MACX;IACF;IAEAjB,WAAA,CAAYiB,QAAA,CAAO/B,EAAE;IAErB,IAAI,OAAOM,WAAA,KAAgB,YAAY;MACrCA,WAAA,CAAY;QAAEN,EAAA,EAAI+B,QAAA,CAAO/B,EAAE;QAAE8B,KAAA,EAAAA;MAAM;IACrC;EACF,GACA,CAACxB,WAAA,CAAY;EAGf,oBACEmC,KAAA,CAAC7D,UAAA;IACCgC,aAAA,EAAeA,aAAA;IACf8B,kBAAA,EAAoB/D,aAAA;IACpB;IACAqB,EAAA,EAAIoB,YAAA;IACJuB,YAAA,EAAcJ,gBAAA;IACdlC,SAAA,EAAWwB,aAAA;IACXvB,WAAA,EAAakC,eAAA;IACbjB,OAAA,EAASA,OAAA;4BAETqB,IAAA,CAACxD,eAAA;MACC;MACAY,EAAA,EAAIqB,iBAAA;MACJwB,KAAA,EAAOzC,GAAA;MACP0C,QAAA,EAAUtC,eAAA;gBAEV,aAAAoC,IAAA,CAAC;QACCzC,SAAA,EAAWA,SAAA;QACXH,EAAA,EAAIA,EAAA;QACJ+C,GAAA,EAAMC,IAAA;UACJvC,YAAA,CAAawC,OAAO,GAAGD,IAAA;UACvB1B,UAAA,CAAW0B,IAAA;QACb;kBAEC9C;;QAGJK,iBAAA,IAAqBM,QAAA,KAAa,qBACjC+B,IAAA,CAAC/D,WAAA;MAAYqE,aAAA,EAAe;gBAAO3C,iBAAA,CAAkBM,QAAA;;;AAI7D","ignoreList":[]}

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

@@ -2,6 +2,7 @@ import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
 import type { SortingStrategy } from '@dnd-kit/sortable';
 import type { Ref } from 'react';
 export type Props = {
+    announceRows?: boolean;
     children: React.ReactNode;
     className?: string;
     droppableRef?: Ref<HTMLElement>;

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":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxD,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,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,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;IAC3F,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,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;IAC3F,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DraggableSortable/types.ts"],"sourcesContent":["import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\nimport type { SortingStrategy } from '@dnd-kit/sortable'\nimport type { Ref } from 'react'\n\nexport type Props = {\n  children: React.ReactNode\n  className?: string\n  droppableRef?: Ref<HTMLElement>\n  id?: string\n  ids: string[]\n  onDragEnd: (e: { event: DragEndEvent; moveFromIndex: number; moveToIndex: number }) => void\n  onDragStart?: (e: { event: DragStartEvent; id: number | string }) => void\n  renderDragOverlay?: (activeId: number | string) => React.ReactNode\n  sortingStrategy?: SortingStrategy\n}\n"],"mappings":"AAIA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DraggableSortable/types.ts"],"sourcesContent":["import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\nimport type { SortingStrategy } from '@dnd-kit/sortable'\nimport type { Ref } from 'react'\n\nexport type Props = {\n  announceRows?: boolean\n  children: React.ReactNode\n  className?: string\n  droppableRef?: Ref<HTMLElement>\n  id?: string\n  ids: string[]\n  onDragEnd: (e: { event: DragEndEvent; moveFromIndex: number; moveToIndex: number }) => void\n  onDragStart?: (e: { event: DragStartEvent; id: number | string }) => void\n  renderDragOverlay?: (activeId: number | string) => React.ReactNode\n  sortingStrategy?: SortingStrategy\n}\n"],"mappings":"AAIA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useSortable","useDraggableSortable","props","$","id","disabled","t0","Symbol","for","duration","easing","t1","transition","attributes","isDragging","isOver","isSorting","listeners","setActivatorNodeRef","setNodeRef","transform","t2","t3","style","t4","x","y","t5"],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport 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 {\n    attributes,\n    isDragging,\n    isOver,\n    isSorting,\n    listeners,\n    setActivatorNodeRef,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id,\n    disabled,\n    transition: {\n      duration: 250,\n      easing: 'cubic-bezier(0, 0.2, 0.2, 1)',\n    },\n  })\n\n  return {\n    attributes: {\n      ...attributes,\n      style: {\n        transition,\n      },\n    },\n    isDragging,\n    isOver,\n    isSorting,\n    listeners,\n    setActivatorNodeRef,\n    setNodeRef,\n    transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n    transition,\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,WAAW,QAAQ;AAI5B,OAAO,MAAMC,oBAAA,GAAuBC,KAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAClC;IAAAK,EAAA;IAAAC;EAAA,IAAyBH,KAAA;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAeXF,EAAA;MAAAG,QAAA;MAAAC,MAAA,EAEF;IAAA;IACVP,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAC,EAAA;IANcO,EAAA;MAAAP,EAAA;MAAAC,QAAA;MAAAO,UAAA,EAGFN;IAGZ;IACFH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAjBA;IAAAU,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,mBAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAR;EAAA,IAUIZ,WAAA,CAAYW,EAOhB;EAAA,IAAAU,EAAA;EAAA,IAAAlB,CAAA,QAAAS,UAAA;IAKWS,EAAA;MAAAT;IAAA;IAEPT,CAAA,MAAAS,UAAA;IAAAT,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAkB,EAAA;IAJUC,EAAA;MAAA,GACPT,UAAU;MAAAU,KAAA,EACNF;IAEP;IACFlB,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAkB,EAAA;IAAAlB,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAOW,MAAAqB,EAAA,GAAAJ,SAAA,IAAa,eAAeA,SAAA,CAAAK,CAAA,OAAkBL,SAAA,CAAAM,CAAA,QAAmB;EAAA,IAAAC,EAAA;EAAA,IAAAxB,CAAA,QAAAW,UAAA,IAAAX,CAAA,SAAAY,MAAA,IAAAZ,CAAA,SAAAa,SAAA,IAAAb,CAAA,SAAAc,SAAA,IAAAd,CAAA,SAAAe,mBAAA,IAAAf,CAAA,SAAAgB,UAAA,IAAAhB,CAAA,SAAAmB,EAAA,IAAAnB,CAAA,SAAAqB,EAAA,IAAArB,CAAA,SAAAS,UAAA;IAbvEe,EAAA;MAAAd,UAAA,EACOS,EAKZ;MAAAR,UAAA;MAAAC,MAAA;MAAAC,SAAA;MAAAC,SAAA;MAAAC,mBAAA;MAAAC,UAAA;MAAAC,SAAA,EAOWI,EAAiE;MAAAZ;IAAA;IAE9ET,CAAA,MAAAW,UAAA;IAAAX,CAAA,OAAAY,MAAA;IAAAZ,CAAA,OAAAa,SAAA;IAAAb,CAAA,OAAAc,SAAA;IAAAd,CAAA,OAAAe,mBAAA;IAAAf,CAAA,OAAAgB,UAAA;IAAAhB,CAAA,OAAAmB,EAAA;IAAAnB,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAAA,OAfOwB,EAeP;AAAA,CACF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useSortable","useDraggableSortable","props","$","id","disabled","t0","Symbol","for","duration","easing","t1","transition","attributes","isDragging","isOver","isSorting","listeners","setActivatorNodeRef","setNodeRef","transform","t2","t3","style","t4","x","y","t5"],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport 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 {\n    attributes,\n    isDragging,\n    isOver,\n    isSorting,\n    listeners,\n    setActivatorNodeRef,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id,\n    disabled,\n    transition: {\n      duration: 250,\n      easing: 'cubic-bezier(0, 0.2, 0.2, 1)',\n    },\n  })\n\n  return {\n    attributes: {\n      ...attributes,\n      style: {\n        transition,\n      },\n    },\n    isDragging,\n    isOver,\n    isSorting,\n    listeners,\n    setActivatorNodeRef,\n    setNodeRef,\n    transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n    transition,\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,WAAW,QAAQ;AAI5B,OAAO,MAAMC,oBAAA,GAAuBC,KAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAClC;IAAAK,EAAA;IAAAC;EAAA,IAAyBH,KAAA;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAeXF,EAAA;MAAAG,QAAA,EACA;MAAAC,MAAA,EACF;IACV;IAAAP,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAC,EAAA;IANcO,EAAA;MAAAP,EAAA;MAAAC,QAAA;MAAAO,UAAA,EAGFN;IAId;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAjBA;IAAAU,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,mBAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAR;EAAA,IAUIZ,WAAA,CAAYW,EAOhB;EAAA,IAAAU,EAAA;EAAA,IAAAlB,CAAA,QAAAS,UAAA;IAKWS,EAAA;MAAAT;IAEP;IAAAT,CAAA,MAAAS,UAAA;IAAAT,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAkB,EAAA;IAJUC,EAAA;MAAA,GACPT,UAAU;MAAAU,KAAA,EACNF;IAGT;IAAAlB,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAkB,EAAA;IAAAlB,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAOW,MAAAqB,EAAA,GAAAJ,SAAiE,IAAjE,eAA4BA,SAAA,CAAAK,CAAW,OAAOL,SAAA,CAAAM,CAAW,QAAQ;EAAA,IAAAC,EAAA;EAAA,IAAAxB,CAAA,QAAAW,UAAA,IAAAX,CAAA,SAAAY,MAAA,IAAAZ,CAAA,SAAAa,SAAA,IAAAb,CAAA,SAAAc,SAAA,IAAAd,CAAA,SAAAe,mBAAA,IAAAf,CAAA,SAAAgB,UAAA,IAAAhB,CAAA,SAAAmB,EAAA,IAAAnB,CAAA,SAAAqB,EAAA,IAAArB,CAAA,SAAAS,UAAA;IAbvEe,EAAA;MAAAd,UAAA,EACOS,EAKZ;MAAAR,UAAA;MAAAC,MAAA;MAAAC,SAAA;MAAAC,SAAA;MAAAC,mBAAA;MAAAC,UAAA;MAAAC,SAAA,EAOWI,EAAiE;MAAAZ;IAE9E;IAAAT,CAAA,MAAAW,UAAA;IAAAX,CAAA,OAAAY,MAAA;IAAAZ,CAAA,OAAAa,SAAA;IAAAb,CAAA,OAAAc,SAAA;IAAAd,CAAA,OAAAe,mBAAA;IAAAf,CAAA,OAAAgB,UAAA;IAAAhB,CAAA,OAAAmB,EAAA;IAAAnB,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAAA,OAfOwB,EAeP;AAAA,CACF","ignoreList":[]}

package/dist/elements/DraggableSortable/useRowAccessibility.d.ts

@@ -0,0 +1,14 @@
+import type { Announcements } from '@dnd-kit/core';
+import type { RefObject } from 'react';
+/** Keep the picked-up row's name stable while its displayed ordinal changes. */
+export declare function useRowAccessibility({ containerRef, enabled, ids, }: {
+    containerRef: RefObject<HTMLDivElement | null>;
+    enabled: boolean;
+    ids: string[];
+}): {
+    announcements: Announcements;
+    screenReaderInstructions: {
+        draggable: string;
+    };
+};
+//# sourceMappingURL=useRowAccessibility.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowAccessibility.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/useRowAccessibility.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAoB,MAAM,eAAe,CAAA;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,OAAO,EACP,GAAG,GACJ,EAAE;IACD,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,OAAO,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,MAAM,EAAE,CAAA;CACd;;;QAuEiC,SAAS;;EAG1C"}

package/dist/elements/DraggableSortable/useRowAccessibility.js

@@ -0,0 +1,99 @@
+import { computeAccessibleName } from 'dom-accessibility-api';
+import { useMemo, useRef } from 'react';
+import { useTranslation } from '../../providers/Translation/index.js';
+/** Keep the picked-up row's name stable while its displayed ordinal changes. */
+export function useRowAccessibility({
+  containerRef,
+  enabled,
+  ids
+}) {
+  const {
+    t
+  } = useTranslation();
+  const pickedUpLabel = useRef('');
+  const previousPosition = useRef(0);
+  return useMemo(() => {
+    if (!enabled) {
+      return undefined;
+    }
+    const position = ({
+      id
+    }) => ids.indexOf(String(id)) + 1;
+    const getLabel = ({
+      id
+    }) => {
+      const handle = Array.from(containerRef.current?.querySelectorAll('[data-sortable-id]') || []).find(element => element.dataset.sortableId === String(id));
+      const name = handle ? computeAccessibleName(handle) : '';
+      const action = t('general:dragToReorder');
+      const label = name.startsWith(action) ? name.slice(action.length).trim() : name;
+      return label || t('general:row');
+    };
+    const announcements = {
+      onDragCancel() {
+        return t('general:dragCancelled', {
+          label: pickedUpLabel.current
+        });
+      },
+      onDragEnd({
+        over
+      }) {
+        const nextPosition = over ? position({
+          id: over.id
+        }) : 0;
+        if (!nextPosition) {
+          return t('general:dragCancelled', {
+            label: pickedUpLabel.current
+          });
+        }
+        return t('general:dragDropped', {
+          count: ids.length,
+          label: pickedUpLabel.current,
+          position: nextPosition
+        });
+      },
+      onDragOver({
+        over
+      }) {
+        if (!over) {
+          return;
+        }
+        const nextPosition = position({
+          id: over.id
+        });
+        if (!nextPosition || nextPosition === previousPosition.current) {
+          return;
+        }
+        const direction = t(nextPosition > previousPosition.current ? 'general:moveDown' : 'general:moveUp');
+        previousPosition.current = nextPosition;
+        return t('general:dragMoved', {
+          count: ids.length,
+          direction,
+          label: pickedUpLabel.current,
+          position: nextPosition
+        });
+      },
+      onDragStart({
+        active
+      }) {
+        pickedUpLabel.current = getLabel({
+          id: active.id
+        });
+        previousPosition.current = position({
+          id: active.id
+        });
+        return t('general:dragPickedUp', {
+          count: ids.length,
+          label: pickedUpLabel.current,
+          position: previousPosition.current
+        });
+      }
+    };
+    return {
+      announcements,
+      screenReaderInstructions: {
+        draggable: t('general:dragInstructions')
+      }
+    };
+  }, [containerRef, enabled, ids, t]);
+}
+//# sourceMappingURL=useRowAccessibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowAccessibility.js","names":["computeAccessibleName","useMemo","useRef","useTranslation","useRowAccessibility","containerRef","enabled","ids","t","pickedUpLabel","previousPosition","undefined","position","id","indexOf","String","getLabel","handle","Array","from","current","querySelectorAll","find","element","dataset","sortableId","name","action","label","startsWith","slice","length","trim","announcements","onDragCancel","onDragEnd","over","nextPosition","count","onDragOver","direction","onDragStart","active","screenReaderInstructions","draggable"],"sources":["../../../src/elements/DraggableSortable/useRowAccessibility.ts"],"sourcesContent":["import type { Announcements, UniqueIdentifier } from '@dnd-kit/core'\nimport type { RefObject } from 'react'\n\nimport { computeAccessibleName } from 'dom-accessibility-api'\nimport { useMemo, useRef } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\n/** Keep the picked-up row's name stable while its displayed ordinal changes. */\nexport function useRowAccessibility({\n  containerRef,\n  enabled,\n  ids,\n}: {\n  containerRef: RefObject<HTMLDivElement | null>\n  enabled: boolean\n  ids: string[]\n}) {\n  const { t } = useTranslation()\n  const pickedUpLabel = useRef('')\n  const previousPosition = useRef(0)\n\n  return useMemo(() => {\n    if (!enabled) {\n      return undefined\n    }\n\n    const position = ({ id }: { id: UniqueIdentifier }) => ids.indexOf(String(id)) + 1\n    const getLabel = ({ id }: { id: UniqueIdentifier }) => {\n      const handle = Array.from(\n        containerRef.current?.querySelectorAll<HTMLElement>('[data-sortable-id]') || [],\n      ).find((element) => element.dataset.sortableId === String(id))\n      const name = handle ? computeAccessibleName(handle) : ''\n      const action = t('general:dragToReorder')\n      const label = name.startsWith(action) ? name.slice(action.length).trim() : name\n\n      return label || t('general:row')\n    }\n    const announcements: Announcements = {\n      onDragCancel() {\n        return t('general:dragCancelled', { label: pickedUpLabel.current })\n      },\n      onDragEnd({ over }) {\n        const nextPosition = over ? position({ id: over.id }) : 0\n\n        if (!nextPosition) {\n          return t('general:dragCancelled', { label: pickedUpLabel.current })\n        }\n        return t('general:dragDropped', {\n          count: ids.length,\n          label: pickedUpLabel.current,\n          position: nextPosition,\n        })\n      },\n      onDragOver({ over }) {\n        if (!over) {\n          return\n        }\n        const nextPosition = position({ id: over.id })\n\n        if (!nextPosition || nextPosition === previousPosition.current) {\n          return\n        }\n        const direction = t(\n          nextPosition > previousPosition.current ? 'general:moveDown' : 'general:moveUp',\n        )\n\n        previousPosition.current = nextPosition\n        return t('general:dragMoved', {\n          count: ids.length,\n          direction,\n          label: pickedUpLabel.current,\n          position: nextPosition,\n        })\n      },\n      onDragStart({ active }) {\n        pickedUpLabel.current = getLabel({ id: active.id })\n        previousPosition.current = position({ id: active.id })\n        return t('general:dragPickedUp', {\n          count: ids.length,\n          label: pickedUpLabel.current,\n          position: previousPosition.current,\n        })\n      },\n    }\n\n    return {\n      announcements,\n      screenReaderInstructions: { draggable: t('general:dragInstructions') },\n    }\n  }, [containerRef, enabled, ids, t])\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Drawer/index.js

@@ -70,7 +70,7 @@ export const Drawer = props => /*#__PURE__*/_jsx(DrawerDepthProvider, {
   })
 });
 const DrawerInner = t0 => {
-  const $ = _c(28);
+  const $ = _c(33);
   const {
     slug,
     children,
@@ -117,56 +117,73 @@ const DrawerInner = t0 => {
     t2 = $[6];
   }
   useEffect(t1, t2);
-  const layersFromTop = openDrawerDepths.filter(depth => depth > drawerDepth).length;
-  const [animateIn, setAnimateIn] = useState(isOpen);
   let t3;
+  if ($[7] !== drawerDepth || $[8] !== openDrawerDepths) {
+    let t4;
+    if ($[10] !== drawerDepth) {
+      t4 = depth => depth > drawerDepth;
+      $[10] = drawerDepth;
+      $[11] = t4;
+    } else {
+      t4 = $[11];
+    }
+    t3 = openDrawerDepths.filter(t4);
+    $[7] = drawerDepth;
+    $[8] = openDrawerDepths;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const layersFromTop = t3.length;
+  const [animateIn, setAnimateIn] = useState(isOpen);
   let t4;
-  if ($[7] !== isOpen) {
-    t3 = () => {
+  let t5;
+  if ($[12] !== isOpen) {
+    t4 = () => {
       setAnimateIn(isOpen);
     };
-    t4 = [isOpen];
-    $[7] = isOpen;
-    $[8] = t3;
-    $[9] = t4;
+    t5 = [isOpen];
+    $[12] = isOpen;
+    $[13] = t4;
+    $[14] = t5;
   } else {
-    t3 = $[8];
-    t4 = $[9];
+    t4 = $[13];
+    t5 = $[14];
   }
-  useLayoutEffect(t3, t4);
+  useLayoutEffect(t4, t5);
   if (isOpen) {
-    const t5 = animateIn && `${baseClass}--is-open`;
-    let t6;
-    if ($[10] !== className || $[11] !== t5) {
-      t6 = [className, baseClass, t5].filter(Boolean);
-      $[10] = className;
-      $[11] = t5;
-      $[12] = t6;
+    const t6 = animateIn && `${baseClass}--is-open`;
+    let t7;
+    if ($[15] !== className || $[16] !== t6) {
+      t7 = [className, baseClass, t6].filter(Boolean);
+      $[15] = className;
+      $[16] = t6;
+      $[17] = t7;
     } else {
-      t6 = $[12];
+      t7 = $[17];
     }
-    const t7 = t6.join(" ");
-    const t8 = `calc(${layersFromTop} * var(--spacer-3))`;
-    const t9 = drawerZBase + drawerDepth;
-    let t10;
-    if ($[13] !== Header || $[14] !== children || $[15] !== closeModal || $[16] !== headerActions || $[17] !== hoverTitle || $[18] !== slug || $[19] !== t || $[20] !== t7 || $[21] !== t8 || $[22] !== t9 || $[23] !== title) {
-      let t11;
-      if ($[25] !== closeModal || $[26] !== slug) {
-        t11 = () => closeModal(slug);
-        $[25] = closeModal;
-        $[26] = slug;
-        $[27] = t11;
+    const t8 = t7.join(" ");
+    const t9 = `calc(${layersFromTop} * var(--spacer-3))`;
+    const t10 = drawerZBase + drawerDepth;
+    let t11;
+    if ($[18] !== Header || $[19] !== children || $[20] !== closeModal || $[21] !== headerActions || $[22] !== hoverTitle || $[23] !== slug || $[24] !== t || $[25] !== t10 || $[26] !== t8 || $[27] !== t9 || $[28] !== title) {
+      let t12;
+      if ($[30] !== closeModal || $[31] !== slug) {
+        t12 = () => closeModal(slug);
+        $[30] = closeModal;
+        $[31] = slug;
+        $[32] = t12;
       } else {
-        t11 = $[27];
+        t12 = $[32];
       }
-      t10 = _jsxs(Modal, {
-        className: t7,
+      t11 = _jsxs(Modal, {
+        className: t8,
         closeOnBlur: false,
         lockBodyScroll: false,
         slug,
         style: {
-          "--drawer-layer-offset": t8,
-          zIndex: t9
+          "--drawer-layer-offset": t9,
+          zIndex: t10
         },
         children: [_jsx("div", {
           className: `${baseClass}__blur-bg`
@@ -175,7 +192,7 @@ const DrawerInner = t0 => {
           "aria-label": t("general:close"),
           className: `${baseClass}__close`,
           id: `close-drawer__${slug}`,
-          onClick: t11,
+          onClick: t12,
           tabIndex: -1,
           type: "button"
         }), _jsxs("div", {
@@ -207,22 +224,22 @@ const DrawerInner = t0 => {
           })]
         })]
       });
-      $[13] = Header;
-      $[14] = children;
-      $[15] = closeModal;
-      $[16] = headerActions;
-      $[17] = hoverTitle;
-      $[18] = slug;
-      $[19] = t;
-      $[20] = t7;
-      $[21] = t8;
-      $[22] = t9;
-      $[23] = title;
-      $[24] = t10;
+      $[18] = Header;
+      $[19] = children;
+      $[20] = closeModal;
+      $[21] = headerActions;
+      $[22] = hoverTitle;
+      $[23] = slug;
+      $[24] = t;
+      $[25] = t10;
+      $[26] = t8;
+      $[27] = t9;
+      $[28] = title;
+      $[29] = t11;
     } else {
-      t10 = $[24];
+      t11 = $[29];
     }
-    return t10;
+    return t11;
   }
   return null;
 };
@@ -269,37 +286,77 @@ const DrawerStackContext = /*#__PURE__*/createContext({
  * name) so confirmation modals like `leave-without-saving-...` never count, and
  * so stacking never depends on slug naming conventions.
  */
-export const DrawerStackProvider = ({
-  children
-}) => {
-  const [openDrawers, setOpenDrawers] = useState({});
-  const registerDrawer = useCallback((uid, depth) => {
-    setOpenDrawers(prev => prev[uid] === depth ? prev : {
-      ...prev,
-      [uid]: depth
-    });
-  }, []);
-  const unregisterDrawer = useCallback(uid_0 => {
-    setOpenDrawers(prev_0 => {
-      if (!(uid_0 in prev_0)) {
-        return prev_0;
-      }
-      const next = {
-        ...prev_0
-      };
-      delete next[uid_0];
-      return next;
+export const DrawerStackProvider = t0 => {
+  const $ = _c(8);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [openDrawers, setOpenDrawers] = useState(t1);
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (uid, depth) => {
+      setOpenDrawers(prev => prev[uid] === depth ? prev : {
+        ...prev,
+        [uid]: depth
+      });
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const registerDrawer = t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = uid_0 => {
+      setOpenDrawers(prev_0 => {
+        if (!(uid_0 in prev_0)) {
+          return prev_0;
+        }
+        const next = {
+          ...prev_0
+        };
+        delete next[uid_0];
+        return next;
+      });
+    };
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const unregisterDrawer = t3;
+  let t4;
+  if ($[3] !== openDrawers) {
+    t4 = {
+      openDrawerDepths: Object.values(openDrawers),
+      registerDrawer,
+      unregisterDrawer
+    };
+    $[3] = openDrawers;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const value = t4;
+  let t5;
+  if ($[5] !== children || $[6] !== value) {
+    t5 = _jsx(DrawerStackContext, {
+      value,
+      children
     });
-  }, []);
-  const value = useMemo(() => ({
-    openDrawerDepths: Object.values(openDrawers),
-    registerDrawer,
-    unregisterDrawer
-  }), [openDrawers, registerDrawer, unregisterDrawer]);
-  return /*#__PURE__*/_jsx(DrawerStackContext, {
-    value: value,
-    children: children
-  });
+    $[5] = children;
+    $[6] = value;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
 };
 export const useDrawerStack = () => use(DrawerStackContext);
 function _temp(action, i) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useCallback","useEffect","useId","useLayoutEffect","useMemo","useState","ChevronIcon","useTranslation","Button","Modal","useModal","baseClass","drawerZBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","t0","$","buttonStyle","children","className","disabled","onClick","rest","openModal","t1","e","handleClick","_jsx","type","Drawer","props","DrawerDepthProvider","DrawerInner","Header","headerActions","hoverTitle","title","t","closeModal","modalState","drawerDepth","useDrawerDepth","uid","openDrawerDepths","registerDrawer","unregisterDrawer","useDrawerStack","isOpen","t2","layersFromTop","filter","length","animateIn","setAnimateIn","t3","t4","t5","t6","Boolean","t7","join","t8","t9","t10","t11","_jsxs","closeOnBlur","lockBodyScroll","style","zIndex","id","tabIndex","undefined","icon","direction","size","map","_temp","DrawerDepthContext","parentDepth","value","DrawerStackContext","DrawerStackProvider","openDrawers","setOpenDrawers","prev","next","Object","values","action","i","margin","label"],"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport React, {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.css'\n\nconst baseClass = 'drawer'\n\nexport const drawerZBase = 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  buttonStyle,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') {\n        onClick(e)\n      }\n    },\n    [openModal, slug, onClick],\n  )\n\n  if (buttonStyle) {\n    return (\n      <Button\n        buttonStyle={buttonStyle}\n        className={className}\n        disabled={disabled}\n        onClick={handleClick}\n        {...rest}\n      >\n        {children}\n      </Button>\n    )\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> = (props) => (\n  <DrawerDepthProvider>\n    <DrawerInner {...props} />\n  </DrawerDepthProvider>\n)\n\nconst DrawerInner: React.FC<Props> = ({\n  slug,\n  children,\n  className,\n  Header,\n  headerActions,\n  hoverTitle,\n  title,\n}) => {\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const uid = useId()\n  const { openDrawerDepths, registerDrawer, unregisterDrawer } = useDrawerStack()\n\n  const isOpen = !!modalState[slug]?.isOpen\n\n  useEffect(() => {\n    if (isOpen) {\n      registerDrawer(uid, drawerDepth)\n\n      return () => unregisterDrawer(uid)\n    }\n  }, [isOpen, uid, drawerDepth, registerDrawer, unregisterDrawer])\n\n  const layersFromTop = openDrawerDepths.filter((depth) => depth > drawerDepth).length\n\n  const [animateIn, setAnimateIn] = useState(isOpen)\n\n  useLayoutEffect(() => {\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={[className, baseClass, animateIn && `${baseClass}--is-open`]\n          .filter(Boolean)\n          .join(' ')}\n        // Fixes https://github.com/payloadcms/payload/issues/13778\n        closeOnBlur={false}\n        // Prevents body-scroll-lock from blocking iOS touch scroll inside the drawer; background scroll is handled by CSS (`body:has(.drawer--is-open)`).\n        lockBodyScroll={false}\n        slug={slug}\n        style={\n          {\n            '--drawer-layer-offset': `calc(${layersFromTop} * var(--spacer-3))`,\n            zIndex: drawerZBase + drawerDepth,\n          } as React.CSSProperties\n        }\n      >\n        <div className={`${baseClass}__blur-bg`} />\n        <button\n          aria-hidden=\"true\"\n          aria-label={t('general:close')}\n          className={`${baseClass}__close`}\n          id={`close-drawer__${slug}`}\n          onClick={() => closeModal(slug)}\n          tabIndex={-1}\n          type=\"button\"\n        />\n        <div className={`${baseClass}__content`}>\n          <div className={`${baseClass}__blur-bg-content`} />\n          <div className={`${baseClass}__content-children`}>\n            {Header}\n            {Header === undefined && (\n              <div className={`${baseClass}__header`}>\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                  buttonStyle=\"ghost\"\n                  className={`${baseClass}__header__close`}\n                  icon={<ChevronIcon direction=\"left\" size={24} />}\n                  onClick={() => closeModal(slug)}\n                />\n                <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                  {title}\n                </h2>\n                {headerActions && headerActions.length > 0 && (\n                  <div className={`${baseClass}__header__actions`}>\n                    {headerActions.map((action, i) => (\n                      <Button\n                        buttonStyle={action.style || 'secondary'}\n                        disabled={action.disabled}\n                        key={i}\n                        margin={false}\n                        onClick={action.onClick}\n                        size=\"medium\"\n                      >\n                        {action.label}\n                      </Button>\n                    ))}\n                  </div>\n                )}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n      </Modal>\n    )\n  }\n\n  return null\n}\n\nexport const DrawerDepthContext = createContext(0)\n\nexport const DrawerDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDrawerDepth()\n  const depth = parentDepth + 1\n\n  return <DrawerDepthContext value={depth}>{children}</DrawerDepthContext>\n}\n\nexport const useDrawerDepth = (): number => use(DrawerDepthContext)\n\ntype DrawerStackContextType = {\n  /** Depths of every currently-open drawer, used to compute layer offsets. */\n  openDrawerDepths: number[]\n  registerDrawer: (uid: string, depth: number) => void\n  unregisterDrawer: (uid: string) => void\n}\n\nconst DrawerStackContext = createContext<DrawerStackContextType>({\n  openDrawerDepths: [],\n  registerDrawer: () => {},\n  unregisterDrawer: () => {},\n})\n\n/**\n * Tracks the depths of all currently-open drawers so each drawer can compute\n * its leftward offset relative to the rest of the open stack.\n *\n * Why this is needed: drawers are anchored to the right edge and stack as real\n * layers. When a child drawer opens on top of its parent(s), every drawer\n * beneath it must slide left to peek out from underneath the active (topmost)\n * drawer — and slide back when that child closes. A drawer's own depth is\n * static, so it cannot know on its own whether something deeper is currently\n * open; that requires shared runtime state about the whole open stack.\n *\n * We track real `Drawer` instances (rather than scanning modal state by slug\n * name) so confirmation modals like `leave-without-saving-...` never count, and\n * so stacking never depends on slug naming conventions.\n */\nexport const DrawerStackProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [openDrawers, setOpenDrawers] = useState<Record<string, number>>({})\n\n  const registerDrawer = useCallback((uid: string, depth: number) => {\n    setOpenDrawers((prev) => (prev[uid] === depth ? prev : { ...prev, [uid]: depth }))\n  }, [])\n\n  const unregisterDrawer = useCallback((uid: string) => {\n    setOpenDrawers((prev) => {\n      if (!(uid in prev)) {\n        return prev\n      }\n\n      const next = { ...prev }\n      delete next[uid]\n      return next\n    })\n  }, [])\n\n  const value = useMemo<DrawerStackContextType>(\n    () => ({\n      openDrawerDepths: Object.values(openDrawers),\n      registerDrawer,\n      unregisterDrawer,\n    }),\n    [openDrawers, registerDrawer, unregisterDrawer],\n  )\n\n  return <DrawerStackContext value={value}>{children}</DrawerStackContext>\n}\n\nexport const useDrawerStack = (): DrawerStackContextType => use(DrawerStackContext)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useCallback","useEffect","useId","useLayoutEffect","useMemo","useState","ChevronIcon","useTranslation","Button","Modal","useModal","baseClass","drawerZBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","t0","$","buttonStyle","children","className","disabled","onClick","rest","openModal","t1","e","handleClick","_jsx","type","Drawer","props","DrawerDepthProvider","DrawerInner","Header","headerActions","hoverTitle","title","t","closeModal","modalState","drawerDepth","useDrawerDepth","uid","openDrawerDepths","registerDrawer","unregisterDrawer","useDrawerStack","isOpen","t2","t3","t4","filter","layersFromTop","length","animateIn","setAnimateIn","t5","t6","t7","Boolean","t8","join","t9","t10","t11","t12","_jsxs","closeOnBlur","lockBodyScroll","style","zIndex","id","tabIndex","undefined","icon","direction","size","map","_temp","DrawerDepthContext","parentDepth","value","DrawerStackContext","DrawerStackProvider","Symbol","for","openDrawers","setOpenDrawers","prev","uid_0","prev_0","next","Object","values","action","i","margin","label"],"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport React, {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.css'\n\nconst baseClass = 'drawer'\n\nexport const drawerZBase = 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  buttonStyle,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') {\n        onClick(e)\n      }\n    },\n    [openModal, slug, onClick],\n  )\n\n  if (buttonStyle) {\n    return (\n      <Button\n        buttonStyle={buttonStyle}\n        className={className}\n        disabled={disabled}\n        onClick={handleClick}\n        {...rest}\n      >\n        {children}\n      </Button>\n    )\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> = (props) => (\n  <DrawerDepthProvider>\n    <DrawerInner {...props} />\n  </DrawerDepthProvider>\n)\n\nconst DrawerInner: React.FC<Props> = ({\n  slug,\n  children,\n  className,\n  Header,\n  headerActions,\n  hoverTitle,\n  title,\n}) => {\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const uid = useId()\n  const { openDrawerDepths, registerDrawer, unregisterDrawer } = useDrawerStack()\n\n  const isOpen = !!modalState[slug]?.isOpen\n\n  useEffect(() => {\n    if (isOpen) {\n      registerDrawer(uid, drawerDepth)\n\n      return () => unregisterDrawer(uid)\n    }\n  }, [isOpen, uid, drawerDepth, registerDrawer, unregisterDrawer])\n\n  const layersFromTop = openDrawerDepths.filter((depth) => depth > drawerDepth).length\n\n  const [animateIn, setAnimateIn] = useState(isOpen)\n\n  useLayoutEffect(() => {\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={[className, baseClass, animateIn && `${baseClass}--is-open`]\n          .filter(Boolean)\n          .join(' ')}\n        // Fixes https://github.com/payloadcms/payload/issues/13778\n        closeOnBlur={false}\n        // Prevents body-scroll-lock from blocking iOS touch scroll inside the drawer; background scroll is handled by CSS (`body:has(.drawer--is-open)`).\n        lockBodyScroll={false}\n        slug={slug}\n        style={\n          {\n            '--drawer-layer-offset': `calc(${layersFromTop} * var(--spacer-3))`,\n            zIndex: drawerZBase + drawerDepth,\n          } as React.CSSProperties\n        }\n      >\n        <div className={`${baseClass}__blur-bg`} />\n        <button\n          aria-hidden=\"true\"\n          aria-label={t('general:close')}\n          className={`${baseClass}__close`}\n          id={`close-drawer__${slug}`}\n          onClick={() => closeModal(slug)}\n          tabIndex={-1}\n          type=\"button\"\n        />\n        <div className={`${baseClass}__content`}>\n          <div className={`${baseClass}__blur-bg-content`} />\n          <div className={`${baseClass}__content-children`}>\n            {Header}\n            {Header === undefined && (\n              <div className={`${baseClass}__header`}>\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                  buttonStyle=\"ghost\"\n                  className={`${baseClass}__header__close`}\n                  icon={<ChevronIcon direction=\"left\" size={24} />}\n                  onClick={() => closeModal(slug)}\n                />\n                <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                  {title}\n                </h2>\n                {headerActions && headerActions.length > 0 && (\n                  <div className={`${baseClass}__header__actions`}>\n                    {headerActions.map((action, i) => (\n                      <Button\n                        buttonStyle={action.style || 'secondary'}\n                        disabled={action.disabled}\n                        key={i}\n                        margin={false}\n                        onClick={action.onClick}\n                        size=\"medium\"\n                      >\n                        {action.label}\n                      </Button>\n                    ))}\n                  </div>\n                )}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n      </Modal>\n    )\n  }\n\n  return null\n}\n\nexport const DrawerDepthContext = createContext(0)\n\nexport const DrawerDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDrawerDepth()\n  const depth = parentDepth + 1\n\n  return <DrawerDepthContext value={depth}>{children}</DrawerDepthContext>\n}\n\nexport const useDrawerDepth = (): number => use(DrawerDepthContext)\n\ntype DrawerStackContextType = {\n  /** Depths of every currently-open drawer, used to compute layer offsets. */\n  openDrawerDepths: number[]\n  registerDrawer: (uid: string, depth: number) => void\n  unregisterDrawer: (uid: string) => void\n}\n\nconst DrawerStackContext = createContext<DrawerStackContextType>({\n  openDrawerDepths: [],\n  registerDrawer: () => {},\n  unregisterDrawer: () => {},\n})\n\n/**\n * Tracks the depths of all currently-open drawers so each drawer can compute\n * its leftward offset relative to the rest of the open stack.\n *\n * Why this is needed: drawers are anchored to the right edge and stack as real\n * layers. When a child drawer opens on top of its parent(s), every drawer\n * beneath it must slide left to peek out from underneath the active (topmost)\n * drawer — and slide back when that child closes. A drawer's own depth is\n * static, so it cannot know on its own whether something deeper is currently\n * open; that requires shared runtime state about the whole open stack.\n *\n * We track real `Drawer` instances (rather than scanning modal state by slug\n * name) so confirmation modals like `leave-without-saving-...` never count, and\n * so stacking never depends on slug naming conventions.\n */\nexport const DrawerStackProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [openDrawers, setOpenDrawers] = useState<Record<string, number>>({})\n\n  const registerDrawer = useCallback((uid: string, depth: number) => {\n    setOpenDrawers((prev) => (prev[uid] === depth ? prev : { ...prev, [uid]: depth }))\n  }, [])\n\n  const unregisterDrawer = useCallback((uid: string) => {\n    setOpenDrawers((prev) => {\n      if (!(uid in prev)) {\n        return prev\n      }\n\n      const next = { ...prev }\n      delete next[uid]\n      return next\n    })\n  }, [])\n\n  const value = useMemo<DrawerStackContextType>(\n    () => ({\n      openDrawerDepths: Object.values(openDrawers),\n      registerDrawer,\n      unregisterDrawer,\n    }),\n    [openDrawers, registerDrawer, unregisterDrawer],\n  )\n\n  return <DrawerStackContext value={value}>{children}</DrawerStackContext>\n}\n\nexport const useDrawerStack = (): DrawerStackContextType => use(DrawerStackContext)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"useDrawerSlug.js","names":["c","_c","useId","useEditDepth","formatDrawerSlug","useDrawerSlug","slug","$","uuid","editDepth","t0","t1","depth"],"sources":["../../../src/elements/Drawer/useDrawerSlug.tsx"],"sourcesContent":["'use client'\nimport { 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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,KAAK,QAAQ;AAEtB,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,aAAA,GAAgBC,IAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAC3B,MAAAO,IAAA,GAAaN,KAAA;EACb,MAAAO,SAAA,GAAkBN,YAAA;EAEV,MAAAO,EAAA,MAAGJ,IAAA,IAAQE,IAAA,EAAM;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,EAAA;IADlBC,EAAA,GAAAP,gBAAA;MAAAE,IAAA,EACCI,EAAiB;MAAAE,KAAA,EAChBH;IAAA,CACT;IAAAF,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,OAHOI,EAGP;AAAA,CACF","ignoreList":[]}
+{"version":3,"file":"useDrawerSlug.js","names":["c","_c","useId","useEditDepth","formatDrawerSlug","useDrawerSlug","slug","$","uuid","editDepth","t0","t1","depth"],"sources":["../../../src/elements/Drawer/useDrawerSlug.tsx"],"sourcesContent":["'use client'\nimport { 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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,KAAK,QAAQ;AAEtB,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,aAAA,GAAgBC,IAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAC3B,MAAAO,IAAA,GAAaN,KAAA;EACb,MAAAO,SAAA,GAAkBN,YAAA;EAEV,MAAAO,EAAA,MAAGJ,IAAA,IAAQE,IAAA,EAAM;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,EAAA;IADlBC,EAAA,GAAAP,gBAAA,CAAiB;MAAAE,IAAA,EAChBI,EAAiB;MAAAE,KAAA,EAChBH;IACT;IAAAF,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,OAHOI,EAGP;AAAA,CACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","className","onCancel","onSave","saveLabel","title","t","t1","filter","Boolean","t2","join","t3","_jsx","children","_jsxs","buttonStyle","margin","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button\n            aria-label={t('general:cancel')}\n            buttonStyle=\"secondary\"\n            margin={false}\n            onClick={onCancel}\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} margin={false} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAOV;EACvB;IAAAQ;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IAGIM,EAAA,IAAAX,SAAA,EAAYK,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAV,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAM,KAAA;IAA5DO,EAAA,GAAAC,IAAA,CAAC;MAAAZ,SAAA,EAAeS,EAA4C;MAAAI,QAAA,EAC1DC,KAAA,CAAC;QAAAd,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAkB,QAAA,GACrCD,IAAA,CAAC;UAAAZ,SAAA,EAAc,GAAAL,SAAA,SAAqB;UAAAkB,QAAA,EAAGT;QAAA,C,GAEvCU,KAAA,CAAC;UAAAd,SAAA,EAAe,GAAAL,SAAA,WAAuB;UAAAkB,QAAA,GACrCD,IAAA,CAAAlB,MAAA;YAAA,cACcW,CAAA,CAAE;YAAAU,WAAA,EACF;YAAAC,MAAA;YAAAC,OAAA,EAEHhB,QAAA;YAAAY,QAAA,EAERd,WAAA,IAAeM,CAAA,CAAE;UAAA,C,GAGpBO,IAAA,CAAApB,UAAA;YAAA,cAAwBa,CAAA,CAAE;YAAAW,MAAA;YAAAC,OAAA,EAAiDf,MAAA;YAAAW,QAAA,EACxEV,SAAA,IAAaE,CAAA,CAAE;UAAA,C;;;;;;;;;;;;;;;SAfxBM,E;CAqBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","className","onCancel","onSave","saveLabel","title","t","t1","filter","Boolean","t2","join","t3","_jsx","children","_jsxs","buttonStyle","margin","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button\n            aria-label={t('general:cancel')}\n            buttonStyle=\"secondary\"\n            margin={false}\n            onClick={onCancel}\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} margin={false} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAOV;EACvB;IAAAQ;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IAGIM,EAAA,IAACX,SAAA,EAAWK,SAAA,CAAU,CAAAO,MAAO,CAACC,OAAA;IAAAV,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAa,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAM,KAAA;IAA5DO,EAAA,GAAAC,IAAA,CAAC;MAAAZ,SAAA,EAAeS,EAA4C;MAAAI,QAAA,EAC1DC,KAAA,CAAC;QAAAd,SAAA,EAAe,GAAGL,SAAA,WAAoB;QAAAkB,QAAA,E,CACrCD,IAAA,CAAC;UAAAZ,SAAA,EAAc,GAAGL,SAAA,SAAkB;UAAAkB,QAAA,EAAGT;YAEvCU,KAAA,CAAC;UAAAd,SAAA,EAAe,GAAGL,SAAA,WAAoB;UAAAkB,QAAA,E,CACrCD,IAAA,CAAClB,MAAA;YAAA,cACaW,CAAA,CAAE;YAAAU,WAAA,EACF;YAAAC,MAAA,EACJ;YAAAC,OAAA,EACChB,QAAA;YAAAY,QAAA,EAERd,WAAiB,IAAFM,CAAA,CAAE;cAGpBO,IAAA,CAACpB,UAAA;YAAA,cAAuBa,CAAA,CAAE;YAAAW,MAAA,EAAiC;YAAAC,OAAA,EAAgBf,MAAA;YAAAW,QAAA,EACxEV,SAAe,IAAFE,CAAA,CAAE;;;;;;;;;;;;;;;;SAfxBM,E;CAqBJ","ignoreList":[]}