@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

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","$","children","className","ids","onDragEnd","onDragStart","renderDragOverlay","sortingStrategy","activeId","setActiveId","t0","t1","document","body","classList","add","_temp","dndContextID","sortableContextID","t2","id","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 { children, className, ids, onDragEnd, onDragStart, renderDragOverlay, 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} 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":"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","ignoreList":[]}

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

@@ -2,9 +2,11 @@ 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>;
+    id?: string;
     ids: string[];
     onDragEnd: (e: {
         event: DragEndEvent;

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,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  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.d.ts.map

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

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

@@ -3,7 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { useSortable } from '@dnd-kit/sortable';
 export const useDraggableSortable = props => {
-  const $ = _c(16);
+  const $ = _c(19);
   const {
     id,
     disabled
@@ -34,7 +34,10 @@ export const useDraggableSortable = props => {
   const {
     attributes,
     isDragging,
+    isOver,
+    isSorting,
     listeners,
+    setActivatorNodeRef,
     setNodeRef,
     transform,
     transition
@@ -63,24 +66,30 @@ export const useDraggableSortable = props => {
   }
   const t4 = transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`;
   let t5;
-  if ($[9] !== isDragging || $[10] !== listeners || $[11] !== setNodeRef || $[12] !== t3 || $[13] !== t4 || $[14] !== transition) {
+  if ($[9] !== isDragging || $[10] !== isOver || $[11] !== isSorting || $[12] !== listeners || $[13] !== setActivatorNodeRef || $[14] !== setNodeRef || $[15] !== t3 || $[16] !== t4 || $[17] !== transition) {
     t5 = {
       attributes: t3,
       isDragging,
+      isOver,
+      isSorting,
       listeners,
+      setActivatorNodeRef,
       setNodeRef,
       transform: t4,
       transition
     };
     $[9] = isDragging;
-    $[10] = listeners;
-    $[11] = setNodeRef;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = transition;
-    $[15] = t5;
+    $[10] = isOver;
+    $[11] = isSorting;
+    $[12] = listeners;
+    $[13] = setActivatorNodeRef;
+    $[14] = setNodeRef;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = transition;
+    $[18] = t5;
   } else {
-    t5 = $[15];
+    t5 = $[18];
   }
   return t5;
 };

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","listeners","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 { attributes, isDragging, listeners, setNodeRef, transform, transition } = 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    listeners,\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;IAKXF,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;IAN2FO,EAAA;MAAAP,EAAA;MAAAC,QAAA;MAAAO,UAAA,EAG/EN;IAGZ;IACFH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAPA;IAAAU,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAL;EAAA,IAAiFZ,WAAA,CAAYW,EAO7F;EAAA,IAAAO,EAAA;EAAA,IAAAf,CAAA,QAAAS,UAAA;IAKWM,EAAA;MAAAN;IAAA;IAEPT,CAAA,MAAAS,UAAA;IAAAT,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAhB,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAe,EAAA;IAJUC,EAAA;MAAA,GACPN,UAAU;MAAAO,KAAA,EACNF;IAEP;IACFf,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAIW,MAAAkB,EAAA,GAAAJ,SAAA,IAAa,eAAeA,SAAA,CAAAK,CAAA,OAAkBL,SAAA,CAAAM,CAAA,QAAmB;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAW,UAAA,IAAAX,CAAA,SAAAY,SAAA,IAAAZ,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAgB,EAAA,IAAAhB,CAAA,SAAAkB,EAAA,IAAAlB,CAAA,SAAAS,UAAA;IAVvEY,EAAA;MAAAX,UAAA,EACOM,EAKZ;MAAAL,UAAA;MAAAC,SAAA;MAAAC,UAAA;MAAAC,SAAA,EAIWI,EAAiE;MAAAT;IAAA;IAE9ET,CAAA,MAAAW,UAAA;IAAAX,CAAA,OAAAY,SAAA;IAAAZ,CAAA,OAAAa,UAAA;IAAAb,CAAA,OAAAgB,EAAA;IAAAhB,CAAA,OAAAkB,EAAA;IAAAlB,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,OAZOqB,EAYP;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/useDraggableSortable/types.d.ts

@@ -1,9 +1,12 @@
-import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js';
 import type { HTMLAttributes } from 'react';
 export type UseDraggableSortableReturn = {
     readonly attributes: HTMLAttributes<unknown>;
     readonly isDragging?: boolean;
+    readonly isOver?: boolean;
+    readonly isSorting?: boolean;
     readonly listeners: SyntheticListenerMap;
+    readonly setActivatorNodeRef?: (node: HTMLElement | null) => void;
     readonly setNodeRef: (node: HTMLElement | null) => void;
     readonly transform: string;
     readonly transition: string;

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":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAA;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAA;IACxC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"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  readonly attributes: HTMLAttributes<unknown>\n  readonly isDragging?: boolean\n  readonly listeners: SyntheticListenerMap\n  readonly setNodeRef: (node: HTMLElement | null) => void\n  readonly transform: string\n  readonly transition: string\n}\n"],"mappings":"AAGA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"sourcesContent":["import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js'\nimport type { HTMLAttributes } from 'react'\n\nexport type UseDraggableSortableReturn = {\n  readonly attributes: HTMLAttributes<unknown>\n  readonly isDragging?: boolean\n  readonly isOver?: boolean\n  readonly isSorting?: boolean\n  readonly listeners: SyntheticListenerMap\n  readonly setActivatorNodeRef?: (node: HTMLElement | null) => void\n  readonly setNodeRef: (node: HTMLElement | null) => void\n  readonly transform: string\n  readonly transition: string\n}\n"],"mappings":"AAGA","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.css

@@ -1,63 +1,86 @@
 @layer payload-default {
   .drawer {
     display: flex;
+    justify-content: flex-end;
     overflow: hidden;
     position: fixed;
-    height: 100vh;
+    inset: 0;
+
+    --gutter-h: var(--spacer-3);
+    --gutter-v: var(--spacer-4);
+  }
+
+  @media (min-width: 768px) {
+    .drawer {
+      --gutter-h: var(--spacer-4);
+    }
+  }
+
+  .drawer.drawer--is-open {
+    visibility: visible;
   }
 
   .drawer__blur-bg {
     position: absolute;
     z-index: 1;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
     opacity: 0;
-    transition: all 200ms linear;
-
-    &:before,
-    &:after {
-      content: ' ';
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-    }
-
-    &:before {
-      background: var(--theme-bg);
-      opacity: 0.75;
-    }
-
-    &:after {
-      backdrop-filter: blur(8px);
-    }
+    background: var(--color-drawer-backdrop);
   }
 
   .drawer__content {
     opacity: 0;
-    transform: translateX(calc(var(--base) * 4));
     position: relative;
     z-index: 2;
-    /* NOTE: width is controlled by js */
-    overflow: hidden;
-    transition: all 200ms linear;
-    background-color: var(--theme-bg);
+    width: clamp(600px, 40vw, 1080px);
+    max-width: calc(100vw - var(--spacer-3));
+    background-color: var(--color-bg);
+    box-shadow: var(--elevation-400-menu-panel);
+    container: drawer / inline-size;
+    /* Animate the leftward shift when a nested drawer stacks on top. */
+    transition: transform 100ms ease-out;
+  }
+
+  @media (min-width: 768px) {
+    .drawer__content {
+      max-width: 100vw;
+    }
   }
 
   .drawer__content-children {
     position: relative;
     z-index: 1;
-    overflow: auto;
+    overflow-x: clip;
+    overflow-y: auto;
     height: 100%;
-    padding: 0;
     display: flex;
     flex-direction: column;
+  }
+
+  /*
+   * Content fades in on first render so the drawer body appears gracefully
+   * instead of snapping in. Quick + soft, never blocky.
+   */
+  .drawer__fade-in {
+    display: flex;
+    flex-direction: column;
+    flex: 1 0 auto;
+    animation: drawer-content-fade-in 200ms ease-out both;
+  }
+
+  @keyframes drawer-content-fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
 
-    & > * {
-      padding: var(--spacer-2-5);
+  @media (prefers-reduced-motion: reduce) {
+    .drawer__fade-in {
+      animation: none;
     }
   }
 
@@ -66,28 +89,19 @@
     opacity: 1;
   }
 
-  .drawer--is-open .drawer__close {
-    opacity: 0.1;
-    transition: opacity 200ms linear;
-    transition-delay: 100ms;
-  }
-
+  /* Offset each ancestor drawer 16px left per drawer stacked on top of it. */
   .drawer--is-open .drawer__content {
-    transform: translateX(0);
+    transform: translateX(calc(-1 * var(--drawer-layer-offset, 0px)));
   }
 
   .drawer__close {
     position: relative;
-    z-index: 2;
+    z-index: 1;
     flex-shrink: 0;
-    text-indent: -9999px;
     cursor: pointer;
-    opacity: 0;
-    will-change: opacity;
-    transition: none;
-    transition-delay: 0ms;
     flex-grow: 1;
-    background: var(--theme-elevation-800);
+    background: transparent;
+    border: 0;
 
     &:active,
     &:focus {
@@ -98,41 +112,35 @@
   .drawer__header {
     display: flex;
     align-items: center;
-    width: 100%;
-    border-bottom: 1px solid var(--border-default);
-    background: var(--bg-default);
+    padding: var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    background: var(--color-bg);
+    gap: var(--spacer-1);
   }
 
   .drawer__header__title {
     margin: 0;
-    flex-grow: 1;
+    flex: 1 0 0;
+    min-width: 0;
     overflow: hidden;
-    color: var(--color-text);
+    white-space: nowrap;
     text-overflow: ellipsis;
-    font-size: var(--text-body-large-strong-font-size);
-    font-weight: var(--text-body-large-strong-font-weight);
-    line-height: var(--text-body-large-strong-line-height);
-    letter-spacing: -0.032px;
+    color: var(--color-text);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 
   .drawer__header__close {
     margin: 0;
+    padding: 0;
+    border: 0;
   }
 
   .drawer__header__actions {
     display: flex;
-    gap: 10px;
+    gap: var(--spacer-2);
     align-items: center;
-    margin-left: auto;
-  }
-
-  html[data-theme='dark'] {
-    .drawer__close {
-      background: var(--color-base-1000);
-    }
-
-    .drawer--is-open .drawer__close {
-      opacity: 0.25;
-    }
   }
 }

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

@@ -14,4 +14,29 @@ export declare const DrawerDepthProvider: React.FC<{
     children: React.ReactNode;
 }>;
 export declare const useDrawerDepth: () => number;
+type DrawerStackContextType = {
+    /** Depths of every currently-open drawer, used to compute layer offsets. */
+    openDrawerDepths: number[];
+    registerDrawer: (uid: string, depth: number) => void;
+    unregisterDrawer: (uid: string) => void;
+};
+/**
+ * Tracks the depths of all currently-open drawers so each drawer can compute
+ * its leftward offset relative to the rest of the open stack.
+ *
+ * Why this is needed: drawers are anchored to the right edge and stack as real
+ * layers. When a child drawer opens on top of its parent(s), every drawer
+ * beneath it must slide left to peek out from underneath the active (topmost)
+ * drawer — and slide back when that child closes. A drawer's own depth is
+ * static, so it cannot know on its own whether something deeper is currently
+ * open; that requires shared runtime state about the whole open stack.
+ *
+ * We track real `Drawer` instances (rather than scanning modal state by slug
+ * name) so confirmation modals like `leave-without-saving-...` never count, and
+ * so stacking never depends on slug naming conventions.
+ */
+export declare const DrawerStackProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useDrawerStack: () => DrawerStackContextType;
 //# 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,KAAqE,MAAM,OAAO,CAAA;AAEzF,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAKrD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,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,CAwGlC,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KASN,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAMrD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,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,CAwChD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIlC,CAAA;AA+GD,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA;AAEnE,KAAK,sBAAsB,GAAG;IAC5B,4EAA4E;IAC5E,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA;AAQD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA6BvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,sBAAiD,CAAA"}