@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.40

package/dist/chunk-YUMOM3KE.js

@@ -0,0 +1,167 @@
+import { useLiveAnnouncement } from './chunk-HNXLLDPN.js';
+import * as React from 'react';
+
+function reorderIds(ids, draggedId, targetId, after) {
+  if (draggedId === targetId) return ids;
+  if (!ids.includes(draggedId)) return ids;
+  const without = ids.filter((i) => i !== draggedId);
+  const idx = without.indexOf(targetId);
+  if (idx === -1) return ids;
+  without.splice(after ? idx + 1 : idx, 0, draggedId);
+  return without;
+}
+function moveIdBy(ids, id, delta) {
+  const from = ids.indexOf(id);
+  if (from === -1) return ids;
+  const to = Math.max(0, Math.min(ids.length - 1, from + delta));
+  if (to === from) return ids;
+  const next = ids.filter((i) => i !== id);
+  next.splice(to, 0, id);
+  return next;
+}
+var DEFAULT_DRAG_REORDER_LABELS = {
+  moveUp: "Move up",
+  moveDown: "Move down",
+  moved: (position, total) => `Moved to position ${position} of ${total}`
+};
+function useDragReorder({
+  ids,
+  onReorder,
+  canDropOn,
+  keyboard = false,
+  announce,
+  getDragPreview,
+  labels: labelsProp
+}) {
+  const labels = { ...DEFAULT_DRAG_REORDER_LABELS, ...labelsProp };
+  const [announcement, announceLive] = useLiveAnnouncement();
+  const [draggingId, setDraggingId] = React.useState(null);
+  const draggingRef = React.useRef(null);
+  const [over, setOver] = React.useState(null);
+  const enabled = Boolean(onReorder);
+  const reset = React.useCallback(() => {
+    draggingRef.current = null;
+    setDraggingId(null);
+    setOver(null);
+  }, []);
+  const reachable = (id, delta) => {
+    const from = ids.indexOf(id);
+    if (!enabled || from === -1) return 0;
+    const step = Math.sign(delta);
+    let reach = 0;
+    while (reach !== delta) {
+      const t = from + reach + step;
+      if (t < 0 || t >= ids.length || canDropOn && !canDropOn(id, ids[t]))
+        break;
+      reach += step;
+    }
+    return reach;
+  };
+  const moveBy = (id, delta) => {
+    const next = moveIdBy(ids, id, reachable(id, delta));
+    if (next === ids) return;
+    onReorder?.(next);
+    const message = labels.moved(next.indexOf(id) + 1, next.length, id);
+    if (announce) announce(message);
+    else announceLive(message);
+  };
+  const moveButtonProps = (id, direction, label) => {
+    const delta = direction === "up" ? -1 : 1;
+    return {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        moveBy(id, delta);
+      },
+      disabled: reachable(id, delta) === 0,
+      "aria-label": label ?? (direction === "up" ? labels.moveUp : labels.moveDown)
+    };
+  };
+  const moveByRef = React.useRef(moveBy);
+  moveByRef.current = moveBy;
+  const rowProps = React.useCallback(
+    (id) => {
+      if (!enabled) return {};
+      const keyProps = keyboard ? {
+        tabIndex: 0,
+        "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown",
+        onKeyDown: (e) => {
+          if (e.target !== e.currentTarget || !e.altKey) return;
+          if (e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+          e.preventDefault();
+          moveByRef.current(id, e.key === "ArrowUp" ? -1 : 1);
+        }
+      } : {};
+      return {
+        ...keyProps,
+        draggable: true,
+        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text
+        // selection instead of a drag when the drag source contains selectable
+        // text — suppress selection and explicitly mark the row as the drag
+        // element so press-drag reliably initiates drag-and-drop.
+        style: {
+          userSelect: "none",
+          WebkitUserSelect: "none",
+          WebkitUserDrag: "element"
+        },
+        onDragStart: (e) => {
+          e.dataTransfer.effectAllowed = "move";
+          e.dataTransfer.setData("text/plain", id);
+          const preview = getDragPreview?.(id);
+          if (preview) e.dataTransfer.setDragImage(preview, 0, 0);
+          draggingRef.current = id;
+          setDraggingId(id);
+        },
+        onDragEnd: reset,
+        onDragOver: (e) => {
+          const dragged = draggingRef.current;
+          if (!dragged || dragged === id || canDropOn && !canDropOn(dragged, id)) {
+            setOver(null);
+            return;
+          }
+          e.preventDefault();
+          e.dataTransfer.dropEffect = "move";
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          setOver(
+            (prev) => prev?.id === id && prev.after === after ? prev : { id, after }
+          );
+        },
+        onDragLeave: () => {
+          setOver((prev) => prev?.id === id ? null : prev);
+        },
+        onDrop: (e) => {
+          e.preventDefault();
+          const dragged = draggingRef.current ?? e.dataTransfer.getData("text/plain");
+          reset();
+          if (!dragged || dragged === id) return;
+          if (canDropOn && !canDropOn(dragged, id)) return;
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          onReorder?.(reorderIds(ids, dragged, id, after));
+        }
+      };
+    },
+    [enabled, keyboard, ids, onReorder, canDropOn, getDragPreview, reset]
+  );
+  return {
+    enabled,
+    draggingId,
+    over,
+    rowProps,
+    moveBy,
+    moveButtonProps,
+    announcement: announce ? "" : announcement
+  };
+}
+function dragIndicatorClasses(drag, id) {
+  return [
+    drag.draggingId === id ? "opacity-40" : "",
+    drag.over?.id === id && !drag.over.after ? "shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]" : "",
+    drag.over?.id === id && drag.over.after ? "shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]" : ""
+  ].filter(Boolean).join(" ");
+}
+
+export { DEFAULT_DRAG_REORDER_LABELS, dragIndicatorClasses, moveIdBy, reorderIds, useDragReorder };
+//# sourceMappingURL=chunk-YUMOM3KE.js.map
+//# sourceMappingURL=chunk-YUMOM3KE.js.map

package/dist/chunk-YUMOM3KE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDragReorder.ts"],"names":[],"mappings":";;;AAOO,SAAS,UAAA,CACd,GAAA,EACA,SAAA,EACA,QAAA,EACA,KAAA,EACU;AACV,EAAA,IAAI,SAAA,KAAc,UAAU,OAAO,GAAA;AAGnC,EAAA,IAAI,CAAC,GAAA,CAAI,QAAA,CAAS,SAAS,GAAG,OAAO,GAAA;AACrC,EAAA,MAAM,UAAU,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,SAAS,CAAA;AACjD,EAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,OAAA,CAAQ,QAAQ,CAAA;AACpC,EAAA,IAAI,GAAA,KAAQ,IAAI,OAAO,GAAA;AACvB,EAAA,OAAA,CAAQ,OAAO,KAAA,GAAQ,GAAA,GAAM,CAAA,GAAI,GAAA,EAAK,GAAG,SAAS,CAAA;AAClD,EAAA,OAAO,OAAA;AACT;AAGO,SAAS,QAAA,CAAS,GAAA,EAAe,EAAA,EAAY,KAAA,EAAyB;AAC3E,EAAA,MAAM,IAAA,GAAO,GAAA,CAAI,OAAA,CAAQ,EAAE,CAAA;AAC3B,EAAA,IAAI,IAAA,KAAS,IAAI,OAAO,GAAA;AACxB,EAAA,MAAM,EAAA,GAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,GAAA,CAAI,MAAA,GAAS,CAAA,EAAG,IAAA,GAAO,KAAK,CAAC,CAAA;AAC7D,EAAA,IAAI,EAAA,KAAO,MAAM,OAAO,GAAA;AACxB,EAAA,MAAM,OAAO,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,EAAE,CAAA;AACvC,EAAA,IAAA,CAAK,MAAA,CAAO,EAAA,EAAI,CAAA,EAAG,EAAE,CAAA;AACrB,EAAA,OAAO,IAAA;AACT;AASO,IAAM,2BAAA,GAAiD;AAAA,EAC5D,MAAA,EAAQ,SAAA;AAAA,EACR,QAAA,EAAU,WAAA;AAAA,EACV,OAAO,CAAC,QAAA,EAAU,UAAU,CAAA,kBAAA,EAAqB,QAAQ,OAAO,KAAK,CAAA;AACvE;AAoEO,SAAS,cAAA,CAAe;AAAA,EAC7B,GAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA,EAAQ;AACV,CAAA,EAAgD;AAC9C,EAAA,MAAM,MAAA,GAAS,EAAE,GAAG,2BAAA,EAA6B,GAAG,UAAA,EAAW;AAC/D,EAAA,MAAM,CAAC,YAAA,EAAc,YAAY,CAAA,GAAI,mBAAA,EAAoB;AACzD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAU,eAAwB,IAAI,CAAA;AAGtE,EAAA,MAAM,WAAA,GAAoB,aAAsB,IAAI,CAAA;AACpD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAA+B,IAAI,CAAA;AACjE,EAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AAEjC,EAAA,MAAM,KAAA,GAAc,kBAAY,MAAM;AACpC,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,EACd,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,SAAA,GAAY,CAAC,EAAA,EAAY,KAAA,KAA0B;AACvD,IAAA,MAAM,IAAA,GAAO,GAAA,CAAI,OAAA,CAAQ,EAAE,CAAA;AAC3B,IAAA,IAAI,CAAC,OAAA,IAAW,IAAA,KAAS,EAAA,EAAI,OAAO,CAAA;AACpC,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,IAAA,CAAK,KAAK,CAAA;AAC5B,IAAA,IAAI,KAAA,GAAQ,CAAA;AACZ,IAAA,OAAO,UAAU,KAAA,EAAO;AACtB,MAAA,MAAM,CAAA,GAAI,OAAO,KAAA,GAAQ,IAAA;AACzB,MAAA,IAAI,CAAA,GAAI,CAAA,IAAK,CAAA,IAAK,GAAA,CAAI,MAAA,IAAW,SAAA,IAAa,CAAC,SAAA,CAAU,EAAA,EAAI,GAAA,CAAI,CAAC,CAAC,CAAA;AACjE,QAAA;AACF,MAAA,KAAA,IAAS,IAAA;AAAA,IACX;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,MAAA,GAAS,CAAC,EAAA,EAAY,KAAA,KAAkB;AAC5C,IAAA,MAAM,OAAO,QAAA,CAAS,GAAA,EAAK,IAAI,SAAA,CAAU,EAAA,EAAI,KAAK,CAAC,CAAA;AACnD,IAAA,IAAI,SAAS,GAAA,EAAK;AAClB,IAAA,SAAA,GAAY,IAAI,CAAA;AAChB,IAAA,MAAM,OAAA,GAAU,MAAA,CAAO,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,EAAE,CAAA,GAAI,CAAA,EAAG,IAAA,CAAK,MAAA,EAAQ,EAAE,CAAA;AAClE,IAAA,IAAI,QAAA,WAAmB,OAAO,CAAA;AAAA,sBACZ,OAAO,CAAA;AAAA,EAC3B,CAAA;AAEA,EAAA,MAAM,eAAA,GAA2D,CAC/D,EAAA,EACA,SAAA,EACA,KAAA,KACG;AACH,IAAA,MAAM,KAAA,GAAQ,SAAA,KAAc,IAAA,GAAO,EAAA,GAAK,CAAA;AACxC,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,QAAA;AAAA,MACN,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,QAAA,MAAA,CAAO,IAAI,KAAK,CAAA;AAAA,MAClB,CAAA;AAAA,MACA,QAAA,EAAU,SAAA,CAAU,EAAA,EAAI,KAAK,CAAA,KAAM,CAAA;AAAA,MACnC,cACE,KAAA,KAAU,SAAA,KAAc,IAAA,GAAO,MAAA,CAAO,SAAS,MAAA,CAAO,QAAA;AAAA,KAC1D;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,SAAA,GAAkB,aAAO,MAAM,CAAA;AACrC,EAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AAEpB,EAAA,MAAM,QAAA,GAAiB,KAAA,CAAA,WAAA;AAAA,IACrB,CAAC,EAAA,KAAkD;AACjD,MAAA,IAAI,CAAC,OAAA,EAAS,OAAO,EAAC;AACtB,MAAA,MAAM,WAA8C,QAAA,GAChD;AAAA,QACE,QAAA,EAAU,CAAA;AAAA,QACV,mBAAA,EAAqB,2BAAA;AAAA,QACrB,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,UAAA,IAAI,EAAE,MAAA,KAAW,CAAA,CAAE,aAAA,IAAiB,CAAC,EAAE,MAAA,EAAQ;AAC/C,UAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,SAAA,IAAa,CAAA,CAAE,QAAQ,WAAA,EAAa;AAClD,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,SAAA,CAAU,QAAQ,EAAA,EAAI,CAAA,CAAE,GAAA,KAAQ,SAAA,GAAY,KAAK,CAAC,CAAA;AAAA,QACpD;AAAA,UAEF,EAAC;AACL,MAAA,OAAO;AAAA,QACL,GAAG,QAAA;AAAA,QACH,SAAA,EAAW,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKX,KAAA,EAAO;AAAA,UACL,UAAA,EAAY,MAAA;AAAA,UACZ,gBAAA,EAAkB,MAAA;AAAA,UAClB,cAAA,EAAgB;AAAA,SAClB;AAAA,QACA,WAAA,EAAa,CAAC,CAAA,KAAM;AAClB,UAAA,CAAA,CAAE,aAAa,aAAA,GAAgB,MAAA;AAC/B,UAAA,CAAA,CAAE,YAAA,CAAa,OAAA,CAAQ,YAAA,EAAc,EAAE,CAAA;AACvC,UAAA,MAAM,OAAA,GAAU,iBAAiB,EAAE,CAAA;AACnC,UAAA,IAAI,SAAS,CAAA,CAAE,YAAA,CAAa,YAAA,CAAa,OAAA,EAAS,GAAG,CAAC,CAAA;AACtD,UAAA,WAAA,CAAY,OAAA,GAAU,EAAA;AACtB,UAAA,aAAA,CAAc,EAAE,CAAA;AAAA,QAClB,CAAA;AAAA,QACA,SAAA,EAAW,KAAA;AAAA,QACX,UAAA,EAAY,CAAC,CAAA,KAAM;AACjB,UAAA,MAAM,UAAU,WAAA,CAAY,OAAA;AAC5B,UAAA,IACE,CAAC,WACD,OAAA,KAAY,EAAA,IACX,aAAa,CAAC,SAAA,CAAU,OAAA,EAAS,EAAE,CAAA,EACpC;AAEA,YAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,YAAA;AAAA,UACF;AACA,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,CAAA,CAAE,aAAa,UAAA,GAAa,MAAA;AAC5B,UAAA,MAAM,CAAA,GAAI,CAAA,CAAE,aAAA,CAAc,qBAAA,EAAsB;AAChD,UAAA,MAAM,QAAQ,CAAA,CAAE,OAAA,GAAU,CAAA,CAAE,GAAA,GAAM,EAAE,MAAA,GAAS,CAAA;AAC7C,UAAA,OAAA;AAAA,YAAQ,CAAC,IAAA,KACP,IAAA,EAAM,EAAA,KAAO,EAAA,IAAM,IAAA,CAAK,KAAA,KAAU,KAAA,GAAQ,IAAA,GAAO,EAAE,EAAA,EAAI,KAAA;AAAM,WAC/D;AAAA,QACF,CAAA;AAAA,QACA,aAAa,MAAM;AACjB,UAAA,OAAA,CAAQ,CAAC,IAAA,KAAU,IAAA,EAAM,EAAA,KAAO,EAAA,GAAK,OAAO,IAAK,CAAA;AAAA,QACnD,CAAA;AAAA,QACA,MAAA,EAAQ,CAAC,CAAA,KAAM;AACb,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,MAAM,UACJ,WAAA,CAAY,OAAA,IAAW,CAAA,CAAE,YAAA,CAAa,QAAQ,YAAY,CAAA;AAC5D,UAAA,KAAA,EAAM;AACN,UAAA,IAAI,CAAC,OAAA,IAAW,OAAA,KAAY,EAAA,EAAI;AAChC,UAAA,IAAI,SAAA,IAAa,CAAC,SAAA,CAAU,OAAA,EAAS,EAAE,CAAA,EAAG;AAC1C,UAAA,MAAM,CAAA,GAAI,CAAA,CAAE,aAAA,CAAc,qBAAA,EAAsB;AAChD,UAAA,MAAM,QAAQ,CAAA,CAAE,OAAA,GAAU,CAAA,CAAE,GAAA,GAAM,EAAE,MAAA,GAAS,CAAA;AAC7C,UAAA,SAAA,GAAY,UAAA,CAAW,GAAA,EAAK,OAAA,EAAS,EAAA,EAAI,KAAK,CAAC,CAAA;AAAA,QACjD;AAAA,OACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,QAAA,EAAU,KAAK,SAAA,EAAW,SAAA,EAAW,gBAAgB,KAAK;AAAA,GACtE;AAEA,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA,EAAc,WAAW,EAAA,GAAK;AAAA,GAChC;AACF;AAGO,SAAS,oBAAA,CACd,MACA,EAAA,EACQ;AACR,EAAA,OAAO;AAAA,IACL,IAAA,CAAK,UAAA,KAAe,EAAA,GAAK,YAAA,GAAe,EAAA;AAAA,IACxC,IAAA,CAAK,MAAM,EAAA,KAAO,EAAA,IAAM,CAAC,IAAA,CAAK,IAAA,CAAK,QAC/B,2DAAA,GACA,EAAA;AAAA,IACJ,KAAK,IAAA,EAAM,EAAA,KAAO,MAAM,IAAA,CAAK,IAAA,CAAK,QAC9B,4DAAA,GACA;AAAA,GACN,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACb","file":"chunk-YUMOM3KE.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { useLiveAnnouncement } from './useLiveAnnouncement';\n\n/** Insert `draggedId` before/after `targetId` in `ids`. */\nexport function reorderIds(\n  ids: string[],\n  draggedId: string,\n  targetId: string,\n  after: boolean\n): string[] {\n  if (draggedId === targetId) return ids;\n  // Ignore drags that originate outside this list (stale payloads would\n  // otherwise be inserted as unknown ids).\n  if (!ids.includes(draggedId)) return ids;\n  const without = ids.filter((i) => i !== draggedId);\n  const idx = without.indexOf(targetId);\n  if (idx === -1) return ids;\n  without.splice(after ? idx + 1 : idx, 0, draggedId);\n  return without;\n}\n\n/** Move `id` by `delta` positions (clamped). Returns `ids` unchanged when it can't move. */\nexport function moveIdBy(ids: string[], id: string, delta: number): string[] {\n  const from = ids.indexOf(id);\n  if (from === -1) return ids;\n  const to = Math.max(0, Math.min(ids.length - 1, from + delta));\n  if (to === from) return ids;\n  const next = ids.filter((i) => i !== id);\n  next.splice(to, 0, id);\n  return next;\n}\n\nexport interface DragReorderLabels {\n  moveUp: string;\n  moveDown: string;\n  /** Announced after a keyboard/button move */\n  moved: (position: number, total: number, id: string) => string;\n}\n\nexport const DEFAULT_DRAG_REORDER_LABELS: DragReorderLabels = {\n  moveUp: 'Move up',\n  moveDown: 'Move down',\n  moved: (position, total) => `Moved to position ${position} of ${total}`,\n};\n\nexport interface UseDragReorderOptions {\n  /** Current flat order of item ids (props order) */\n  ids: string[];\n  /** Called with the full new id order after a drop or move. Omit to disable reordering. */\n  onReorder?: (ids: string[]) => void;\n  /** Restrict drops, e.g. to the same status group */\n  canDropOn?: (draggedId: string, targetId: string) => boolean;\n  /** Add Alt+ArrowUp / Alt+ArrowDown handling (and `tabIndex={0}`) to `rowProps`. Off by default so rows with their own `onKeyDown` keep working. */\n  keyboard?: boolean;\n  /** Receives move announcements instead of the returned `announcement` string. */\n  announce?: (message: string) => void;\n  /** Element rendered as the drag image (`dataTransfer.setDragImage`). */\n  getDragPreview?: (id: string) => Element | null;\n  labels?: Partial<DragReorderLabels>;\n}\n\nexport interface DragOverState {\n  id: string;\n  /** Drop indicator position relative to the hovered row */\n  after: boolean;\n}\n\nexport interface UseDragReorderReturn {\n  /** Whether drag reordering is active (onReorder provided) */\n  enabled: boolean;\n  /** Id currently being dragged, if any */\n  draggingId: string | null;\n  /** Row currently hovered as a drop target */\n  over: DragOverState | null;\n  /** Spread onto each row element (must be keyed by a stable id) */\n  rowProps: (id: string) => React.HTMLAttributes<HTMLElement>;\n  /** Move an item by `delta` positions; no-op at the ends or across `canDropOn` boundaries. */\n  moveBy: (id: string, delta: number) => void;\n  /** Props for a visible move button */\n  moveButtonProps: (\n    id: string,\n    direction: 'up' | 'down',\n    label?: string\n  ) => {\n    type: 'button';\n    onClick: (e: React.MouseEvent) => void;\n    disabled: boolean;\n    'aria-label': string;\n  };\n  /** Latest move message; render in an `aria-live=\"polite\"` region (empty when `announce` is given). */\n  announcement: string;\n}\n\n/**\n * HTML5 drag-and-drop list reordering. Rows spread `rowProps(id)`; on drop the\n * hook computes the full new id order and reports it via `onReorder` — the\n * consumer persists it (e.g. on the encounter/patient object) and feeds the\n * list back in props order.\n *\n * Drag-and-drop is pointer-only, so pair it with `moveButtonProps` buttons\n * and/or `keyboard: true` (Alt+↑/↓ on focused rows), and render\n * `announcement` in a polite live region.\n *\n * @example\n * ```tsx\n * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder, keyboard: true });\n * // <li {...drag.rowProps(item.id)} className={cn(dragIndicatorClasses(drag, item.id))}>\n * //   <button {...drag.moveButtonProps(item.id, 'up')}><ChevronUp /></button>\n * // <div aria-live=\"polite\" className=\"sr-only\">{drag.announcement}</div>\n * ```\n */\nexport function useDragReorder({\n  ids,\n  onReorder,\n  canDropOn,\n  keyboard = false,\n  announce,\n  getDragPreview,\n  labels: labelsProp,\n}: UseDragReorderOptions): UseDragReorderReturn {\n  const labels = { ...DEFAULT_DRAG_REORDER_LABELS, ...labelsProp };\n  const [announcement, announceLive] = useLiveAnnouncement();\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // dragover can fire before the dragstart state update is visible, so the\n  // authoritative dragged id lives in a ref (set synchronously)\n  const draggingRef = React.useRef<string | null>(null);\n  const [over, setOver] = React.useState<DragOverState | null>(null);\n  const enabled = Boolean(onReorder);\n\n  const reset = React.useCallback(() => {\n    draggingRef.current = null;\n    setDraggingId(null);\n    setOver(null);\n  }, []);\n\n  /** How far `id` can move toward `delta`: stops at the ends or the first slot canDropOn rejects. */\n  const reachable = (id: string, delta: number): number => {\n    const from = ids.indexOf(id);\n    if (!enabled || from === -1) return 0;\n    const step = Math.sign(delta);\n    let reach = 0;\n    while (reach !== delta) {\n      const t = from + reach + step;\n      if (t < 0 || t >= ids.length || (canDropOn && !canDropOn(id, ids[t])))\n        break;\n      reach += step;\n    }\n    return reach;\n  };\n\n  const moveBy = (id: string, delta: number) => {\n    const next = moveIdBy(ids, id, reachable(id, delta));\n    if (next === ids) return;\n    onReorder?.(next);\n    const message = labels.moved(next.indexOf(id) + 1, next.length, id);\n    if (announce) announce(message);\n    else announceLive(message);\n  };\n\n  const moveButtonProps: UseDragReorderReturn['moveButtonProps'] = (\n    id,\n    direction,\n    label\n  ) => {\n    const delta = direction === 'up' ? -1 : 1;\n    return {\n      type: 'button',\n      onClick: (e) => {\n        e.stopPropagation();\n        moveBy(id, delta);\n      },\n      disabled: reachable(id, delta) === 0,\n      'aria-label':\n        label ?? (direction === 'up' ? labels.moveUp : labels.moveDown),\n    };\n  };\n\n  const moveByRef = React.useRef(moveBy);\n  moveByRef.current = moveBy;\n\n  const rowProps = React.useCallback(\n    (id: string): React.HTMLAttributes<HTMLElement> => {\n      if (!enabled) return {};\n      const keyProps: React.HTMLAttributes<HTMLElement> = keyboard\n        ? {\n            tabIndex: 0,\n            'aria-keyshortcuts': 'Alt+ArrowUp Alt+ArrowDown',\n            onKeyDown: (e) => {\n              if (e.target !== e.currentTarget || !e.altKey) return;\n              if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return;\n              e.preventDefault();\n              moveByRef.current(id, e.key === 'ArrowUp' ? -1 : 1);\n            },\n          }\n        : {};\n      return {\n        ...keyProps,\n        draggable: true,\n        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text\n        // selection instead of a drag when the drag source contains selectable\n        // text — suppress selection and explicitly mark the row as the drag\n        // element so press-drag reliably initiates drag-and-drop.\n        style: {\n          userSelect: 'none',\n          WebkitUserSelect: 'none',\n          WebkitUserDrag: 'element',\n        } as React.CSSProperties,\n        onDragStart: (e) => {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', id);\n          const preview = getDragPreview?.(id);\n          if (preview) e.dataTransfer.setDragImage(preview, 0, 0);\n          draggingRef.current = id;\n          setDraggingId(id);\n        },\n        onDragEnd: reset,\n        onDragOver: (e) => {\n          const dragged = draggingRef.current;\n          if (\n            !dragged ||\n            dragged === id ||\n            (canDropOn && !canDropOn(dragged, id))\n          ) {\n            // hovering an invalid target: clear any stale indicator\n            setOver(null);\n            return;\n          }\n          e.preventDefault();\n          e.dataTransfer.dropEffect = 'move';\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          setOver((prev) =>\n            prev?.id === id && prev.after === after ? prev : { id, after }\n          );\n        },\n        onDragLeave: () => {\n          setOver((prev) => (prev?.id === id ? null : prev));\n        },\n        onDrop: (e) => {\n          e.preventDefault();\n          const dragged =\n            draggingRef.current ?? e.dataTransfer.getData('text/plain');\n          reset();\n          if (!dragged || dragged === id) return;\n          if (canDropOn && !canDropOn(dragged, id)) return;\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          onReorder?.(reorderIds(ids, dragged, id, after));\n        },\n      };\n    },\n    [enabled, keyboard, ids, onReorder, canDropOn, getDragPreview, reset]\n  );\n\n  return {\n    enabled,\n    draggingId,\n    over,\n    rowProps,\n    moveBy,\n    moveButtonProps,\n    announcement: announce ? '' : announcement,\n  };\n}\n\n/** Tailwind classes for the drag state of a row: drop indicator + dragging dim. */\nexport function dragIndicatorClasses(\n  drag: Pick<UseDragReorderReturn, 'draggingId' | 'over'>,\n  id: string\n): string {\n  return [\n    drag.draggingId === id ? 'opacity-40' : '',\n    drag.over?.id === id && !drag.over.after\n      ? 'shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n    drag.over?.id === id && drag.over.after\n      ? 'shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n"]}

package/dist/chunk-YW2AKBLS.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/usePrefersReducedMotion.ts
+function usePrefersReducedMotion() {
+  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+var QUERY = "(prefers-reduced-motion: reduce)";
+var canQuery = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
+function subscribe(onStoreChange) {
+  if (!canQuery()) return () => {
+  };
+  const mediaQuery = window.matchMedia(QUERY);
+  mediaQuery.addEventListener("change", onStoreChange);
+  return () => mediaQuery.removeEventListener("change", onStoreChange);
+}
+var getSnapshot = () => canQuery() && window.matchMedia(QUERY).matches;
+var getServerSnapshot = () => false;
+
+exports.usePrefersReducedMotion = usePrefersReducedMotion;
+//# sourceMappingURL=chunk-YW2AKBLS.cjs.map
+//# sourceMappingURL=chunk-YW2AKBLS.cjs.map

package/dist/chunk-YW2AKBLS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/usePrefersReducedMotion.ts"],"names":["useSyncExternalStore"],"mappings":";;;;;AAkBO,SAAS,uBAAA,GAAmC;AAIjD,EAAA,OAAOA,0BAAA,CAAqB,SAAA,EAAW,WAAA,EAAa,iBAAiB,CAAA;AACvE;AAEA,IAAM,KAAA,GAAQ,kCAAA;AAEd,IAAM,WAAW,MACf,OAAO,WAAW,WAAA,IAAe,OAAO,OAAO,UAAA,KAAe,UAAA;AAEhE,SAAS,UAAU,aAAA,EAAuC;AACxD,EAAA,IAAI,CAAC,QAAA,EAAS,EAAG,OAAO,MAAM;AAAA,EAAC,CAAA;AAC/B,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAC1C,EAAA,UAAA,CAAW,gBAAA,CAAiB,UAAU,aAAa,CAAA;AACnD,EAAA,OAAO,MAAM,UAAA,CAAW,mBAAA,CAAoB,QAAA,EAAU,aAAa,CAAA;AACrE;AAEA,IAAM,cAAc,MAAM,QAAA,MAAc,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA,CAAE,OAAA;AAEjE,IAAM,oBAAoB,MAAM,KAAA","file":"chunk-YW2AKBLS.cjs","sourcesContent":["import { useSyncExternalStore } from 'react';\n\n/**\n * Hook that detects if the user prefers reduced motion.\n * Useful for disabling animations for accessibility.\n *\n * @example\n * ```tsx\n * function AnimatedComponent() {\n *   const prefersReducedMotion = usePrefersReducedMotion();\n *   return (\n *     <div className={prefersReducedMotion ? '' : 'animate-fade-in'}>\n *       Content\n *     </div>\n *   );\n * }\n * ```\n */\nexport function usePrefersReducedMotion(): boolean {\n  // External-store pattern: the server snapshot is always `false`, so SSR\n  // markup and the hydration pass agree; React then re-renders immediately\n  // from the client snapshot for reduced-motion users.\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nconst canQuery = () =>\n  typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n\nfunction subscribe(onStoreChange: () => void): () => void {\n  if (!canQuery()) return () => {};\n  const mediaQuery = window.matchMedia(QUERY);\n  mediaQuery.addEventListener('change', onStoreChange);\n  return () => mediaQuery.removeEventListener('change', onStoreChange);\n}\n\nconst getSnapshot = () => canQuery() && window.matchMedia(QUERY).matches;\n\nconst getServerSnapshot = () => false;\n"]}

package/dist/chunk-ZNUMOJOI.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-ZNUMOJOI.cjs.map
+//# sourceMappingURL=chunk-ZNUMOJOI.cjs.map

package/dist/chunk-ZNUMOJOI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-ZNUMOJOI.cjs"}

package/dist/chunk-ZSNFL736.cjs

@@ -0,0 +1,306 @@
+'use strict';
+
+var chunkC77FAR3F_cjs = require('./chunk-C77FAR3F.cjs');
+var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
+var chunk7E46YDOT_cjs = require('./chunk-7E46YDOT.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
+var chunkDXEPYK3I_cjs = require('./chunk-DXEPYK3I.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultRecordHeaderLabels = {
+  back: "Back",
+  moreActions: "More actions",
+  meta: "Details"
+};
+var recordHeaderVariants = classVarianceAuthority.cva(
+  "border-border bg-background flex flex-col gap-3 border-b px-4 py-4 sm:px-6",
+  {
+    variants: {
+      sticky: {
+        true: "sticky top-0 z-20",
+        false: ""
+      }
+    },
+    defaultVariants: { sticky: false }
+  }
+);
+var menuLinkClass = "text-foreground hover:bg-muted focus-visible:bg-muted flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm font-medium focus:outline-none";
+var RecordHeader = React__namespace.forwardRef(
+  ({
+    title,
+    headingLevel: Heading = "h1",
+    subtitle,
+    avatar,
+    icon: Icon,
+    media,
+    badges,
+    meta,
+    actions = [],
+    maxVisibleActions = 2,
+    presence,
+    breadcrumbs,
+    onBack,
+    backHref,
+    sticky,
+    labels: labelsProp,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    const labels = { ...defaultRecordHeaderLabels, ...labelsProp };
+    const [menuOpen, setMenuOpen] = React__namespace.useState(false);
+    const hasOverflow = actions.length > maxVisibleActions;
+    const variantOf = (a, i) => a.variant ?? (i === 0 ? "primary" : "outline");
+    const leading = media ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "record-header-media", className: "shrink-0", children: media }) : avatar ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunkGKDHMNUA_cjs.Avatar,
+      {
+        "data-slot": "record-header-media",
+        size: "lg",
+        src: avatar.src,
+        name: avatar.name,
+        alt: "",
+        className: "shrink-0"
+      }
+    ) : Icon ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "record-header-media",
+        className: "bg-muted text-muted-foreground flex h-12 w-12 shrink-0 items-center justify-center rounded-lg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6", "aria-hidden": "true" })
+      }
+    ) : null;
+    const backClass = chunkS5RVSXDV_cjs.cn(
+      chunkDXEPYK3I_cjs.buttonVariants({ variant: "ghost", size: "icon" }),
+      "shrink-0 rtl:[&_svg]:-scale-x-100"
+    );
+    const back = backHref ? /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: backHref,
+        onClick: onBack,
+        "aria-label": labels.back,
+        className: backClass,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-5 w-5", "aria-hidden": "true" })
+      }
+    ) : onBack ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        "aria-label": labels.back,
+        className: backClass,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-5 w-5", "aria-hidden": "true" })
+      }
+    ) : null;
+    const renderButton = (a, i) => {
+      const ActionIcon = a.icon;
+      const iconEl = ActionIcon ? /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : void 0;
+      const hiddenOnMobile = "hidden sm:inline-flex";
+      if (a.href && !a.disabled) {
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: a.href,
+            onClick: a.onClick,
+            className: chunkS5RVSXDV_cjs.cn(
+              chunkDXEPYK3I_cjs.buttonVariants({ variant: variantOf(a, i), size: "sm" }),
+              "gap-2",
+              hiddenOnMobile
+            ),
+            children: [
+              iconEl,
+              a.label
+            ]
+          },
+          a.id
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        chunkANMX7YDL_cjs.Button,
+        {
+          size: "sm",
+          variant: variantOf(a, i),
+          leftIcon: iconEl,
+          onClick: a.onClick,
+          disabled: a.disabled,
+          className: hiddenOnMobile,
+          children: a.label
+        },
+        a.id
+      );
+    };
+    const renderMenuItem = (a, i) => {
+      const ActionIcon = a.icon;
+      const iconEl = ActionIcon ? /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : void 0;
+      const mobileOnly = i < maxVisibleActions && "sm:hidden";
+      const select = (event) => {
+        setMenuOpen(false);
+        a.onClick?.(event);
+      };
+      if (a.href && !a.disabled) {
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            role: "menuitem",
+            "data-slot": "dropdown-item",
+            href: a.href,
+            onClick: select,
+            className: chunkS5RVSXDV_cjs.cn(menuLinkClass, mobileOnly),
+            children: [
+              iconEl && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-4 w-4 shrink-0", children: iconEl }),
+              a.label
+            ]
+          },
+          a.id
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        chunkC77FAR3F_cjs.DropdownItem,
+        {
+          icon: iconEl,
+          variant: variantOf(a, i) === "danger" ? "danger" : "default",
+          disabled: a.disabled,
+          onClick: select,
+          className: chunkS5RVSXDV_cjs.cn(mobileOnly),
+          children: a.label
+        },
+        a.id
+      );
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "header",
+      {
+        ref,
+        "data-slot": "record-header",
+        className: chunkS5RVSXDV_cjs.cn(recordHeaderVariants({ sticky }), className),
+        ...rest,
+        children: [
+          breadcrumbs && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "record-header-breadcrumbs", children: breadcrumbs }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-slot": "record-header-row",
+              className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3 sm:gap-4", children: [
+                  back,
+                  leading,
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        Heading,
+                        {
+                          "data-slot": "record-header-title",
+                          className: "text-foreground min-w-0 text-xl font-semibold break-words",
+                          children: title
+                        }
+                      ),
+                      badges?.map((b) => /* @__PURE__ */ jsxRuntime.jsx(chunk7E46YDOT_cjs.Badge, { size: "sm", variant: b.variant, children: b.label }, b.id))
+                    ] }),
+                    subtitle && /* @__PURE__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        "data-slot": "record-header-subtitle",
+                        className: "text-muted-foreground mt-0.5 text-sm",
+                        children: subtitle
+                      }
+                    ),
+                    meta && meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                      "ul",
+                      {
+                        "data-slot": "record-header-meta",
+                        "aria-label": labels.meta,
+                        className: "text-muted-foreground mt-1.5 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm",
+                        children: meta.map(({ id, label, icon: MetaIcon, href }) => {
+                          const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                            MetaIcon && /* @__PURE__ */ jsxRuntime.jsx(
+                              MetaIcon,
+                              {
+                                className: "h-4 w-4 shrink-0",
+                                "aria-hidden": "true"
+                              }
+                            ),
+                            label
+                          ] });
+                          return /* @__PURE__ */ jsxRuntime.jsx("li", { className: "inline-flex items-center gap-1.5", children: href ? /* @__PURE__ */ jsxRuntime.jsx(
+                            "a",
+                            {
+                              href,
+                              className: "hover:text-foreground focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-sm underline-offset-2 hover:underline focus-visible:ring-2 focus-visible:outline-none",
+                              children: content
+                            }
+                          ) : content }, id);
+                        })
+                      }
+                    )
+                  ] })
+                ] }),
+                (presence || actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    "data-slot": "record-header-actions",
+                    className: "flex shrink-0 items-center gap-2 sm:justify-end",
+                    children: [
+                      presence,
+                      actions.slice(0, maxVisibleActions).map(renderButton),
+                      actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                        chunkC77FAR3F_cjs.Dropdown,
+                        {
+                          open: menuOpen,
+                          onOpenChange: setMenuOpen,
+                          placement: "bottom-end",
+                          trigger: /* @__PURE__ */ jsxRuntime.jsx(
+                            chunkANMX7YDL_cjs.Button,
+                            {
+                              variant: "outline",
+                              size: "sm",
+                              "aria-label": labels.moreActions,
+                              className: chunkS5RVSXDV_cjs.cn(!hasOverflow && "sm:hidden"),
+                              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4", "aria-hidden": "true" })
+                            }
+                          ),
+                          children: actions.map(renderMenuItem)
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+RecordHeader.displayName = "RecordHeader";
+
+exports.RecordHeader = RecordHeader;
+exports.defaultRecordHeaderLabels = defaultRecordHeaderLabels;
+//# sourceMappingURL=chunk-ZSNFL736.cjs.map
+//# sourceMappingURL=chunk-ZSNFL736.cjs.map

package/dist/chunk-ZSNFL736.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RecordHeader/RecordHeader.tsx"],"names":["cva","React","jsx","Avatar","cn","buttonVariants","ArrowLeft","jsxs","Button","DropdownItem","Badge","Fragment","Dropdown","MoreHorizontal"],"mappings":"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","file":"chunk-ZSNFL736.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ArrowLeft, MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar/Avatar';\nimport { Badge, type BadgeProps } from '../Badge/Badge';\nimport { Button, type ButtonProps } from '../Button/Button';\nimport { buttonVariants } from '../Button/button-variants';\nimport { Dropdown, DropdownItem } from '../Dropdown/Dropdown';\n\nexport interface RecordHeaderBadge {\n  id: string;\n  label: string;\n  variant?: BadgeProps['variant'];\n}\n\nexport interface RecordHeaderMetaItem {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  href?: string;\n}\n\nexport interface RecordHeaderAction {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  /** With `href`, call `event.preventDefault()` to route client-side. */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  href?: string;\n  /** Defaults to `primary` for the first action and `outline` for the rest. */\n  variant?: ButtonProps['variant'];\n  disabled?: boolean;\n}\n\nexport interface RecordHeaderLabels {\n  back: string;\n  moreActions: string;\n  meta: string;\n}\n\nexport const defaultRecordHeaderLabels: RecordHeaderLabels = {\n  back: 'Back',\n  moreActions: 'More actions',\n  meta: 'Details',\n};\n\nconst recordHeaderVariants = cva(\n  'border-border bg-background flex flex-col gap-3 border-b px-4 py-4 sm:px-6',\n  {\n    variants: {\n      sticky: {\n        true: 'sticky top-0 z-20',\n        false: '',\n      },\n    },\n    defaultVariants: { sticky: false },\n  }\n);\n\nexport interface RecordHeaderProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  title: React.ReactNode;\n  headingLevel?: 'h1' | 'h2' | 'h3';\n  subtitle?: React.ReactNode;\n  avatar?: { src?: string | null; name: string };\n  icon?: LucideIcon;\n  /** Replaces avatar/icon, e.g. a company logo. */\n  media?: React.ReactNode;\n  badges?: RecordHeaderBadge[];\n  meta?: RecordHeaderMetaItem[];\n  actions?: RecordHeaderAction[];\n  /** Actions shown as buttons from `sm` up; the rest go to the overflow menu. */\n  maxVisibleActions?: number;\n  presence?: React.ReactNode;\n  breadcrumbs?: React.ReactNode;\n  onBack?: (event: React.MouseEvent<HTMLElement>) => void;\n  backHref?: string;\n  sticky?: boolean;\n  labels?: Partial<RecordHeaderLabels>;\n}\n\nconst menuLinkClass =\n  'text-foreground hover:bg-muted focus-visible:bg-muted flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm font-medium focus:outline-none';\n\nexport const RecordHeader = React.forwardRef<HTMLElement, RecordHeaderProps>(\n  (\n    {\n      title,\n      headingLevel: Heading = 'h1',\n      subtitle,\n      avatar,\n      icon: Icon,\n      media,\n      badges,\n      meta,\n      actions = [],\n      maxVisibleActions = 2,\n      presence,\n      breadcrumbs,\n      onBack,\n      backHref,\n      sticky,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordHeaderLabels, ...labelsProp };\n    const [menuOpen, setMenuOpen] = React.useState(false);\n    const hasOverflow = actions.length > maxVisibleActions;\n    const variantOf = (a: RecordHeaderAction, i: number) =>\n      a.variant ?? (i === 0 ? 'primary' : 'outline');\n\n    const leading = media ? (\n      <div data-slot=\"record-header-media\" className=\"shrink-0\">\n        {media}\n      </div>\n    ) : avatar ? (\n      <Avatar\n        data-slot=\"record-header-media\"\n        size=\"lg\"\n        src={avatar.src}\n        name={avatar.name}\n        // The title already names the record; don't announce it twice.\n        alt=\"\"\n        className=\"shrink-0\"\n      />\n    ) : Icon ? (\n      <div\n        data-slot=\"record-header-media\"\n        className=\"bg-muted text-muted-foreground flex h-12 w-12 shrink-0 items-center justify-center rounded-lg\"\n      >\n        <Icon className=\"h-6 w-6\" aria-hidden=\"true\" />\n      </div>\n    ) : null;\n\n    const backClass = cn(\n      buttonVariants({ variant: 'ghost', size: 'icon' }),\n      'shrink-0 rtl:[&_svg]:-scale-x-100'\n    );\n    const back = backHref ? (\n      <a\n        href={backHref}\n        onClick={onBack}\n        aria-label={labels.back}\n        className={backClass}\n      >\n        <ArrowLeft className=\"h-5 w-5\" aria-hidden=\"true\" />\n      </a>\n    ) : onBack ? (\n      <button\n        type=\"button\"\n        onClick={onBack}\n        aria-label={labels.back}\n        className={backClass}\n      >\n        <ArrowLeft className=\"h-5 w-5\" aria-hidden=\"true\" />\n      </button>\n    ) : null;\n\n    const renderButton = (a: RecordHeaderAction, i: number) => {\n      const ActionIcon = a.icon;\n      const iconEl = ActionIcon ? (\n        <ActionIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n      ) : undefined;\n      const hiddenOnMobile = 'hidden sm:inline-flex';\n      if (a.href && !a.disabled) {\n        return (\n          <a\n            key={a.id}\n            href={a.href}\n            onClick={a.onClick}\n            className={cn(\n              buttonVariants({ variant: variantOf(a, i), size: 'sm' }),\n              'gap-2',\n              hiddenOnMobile\n            )}\n          >\n            {iconEl}\n            {a.label}\n          </a>\n        );\n      }\n      return (\n        <Button\n          key={a.id}\n          size=\"sm\"\n          variant={variantOf(a, i)}\n          leftIcon={iconEl}\n          onClick={a.onClick}\n          disabled={a.disabled}\n          className={hiddenOnMobile}\n        >\n          {a.label}\n        </Button>\n      );\n    };\n\n    const renderMenuItem = (a: RecordHeaderAction, i: number) => {\n      const ActionIcon = a.icon;\n      const iconEl = ActionIcon ? (\n        <ActionIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n      ) : undefined;\n      // Items that are also buttons only appear in the menu below `sm`.\n      const mobileOnly = i < maxVisibleActions && 'sm:hidden';\n      const select = (event: React.MouseEvent<HTMLElement>) => {\n        setMenuOpen(false);\n        a.onClick?.(event);\n      };\n      if (a.href && !a.disabled) {\n        return (\n          <a\n            key={a.id}\n            role=\"menuitem\"\n            data-slot=\"dropdown-item\"\n            href={a.href}\n            onClick={select}\n            className={cn(menuLinkClass, mobileOnly)}\n          >\n            {iconEl && <span className=\"h-4 w-4 shrink-0\">{iconEl}</span>}\n            {a.label}\n          </a>\n        );\n      }\n      return (\n        <DropdownItem\n          key={a.id}\n          icon={iconEl}\n          variant={variantOf(a, i) === 'danger' ? 'danger' : 'default'}\n          disabled={a.disabled}\n          onClick={select}\n          className={cn(mobileOnly)}\n        >\n          {a.label}\n        </DropdownItem>\n      );\n    };\n\n    return (\n      <header\n        ref={ref}\n        data-slot=\"record-header\"\n        className={cn(recordHeaderVariants({ sticky }), className)}\n        {...rest}\n      >\n        {breadcrumbs && (\n          <div data-slot=\"record-header-breadcrumbs\">{breadcrumbs}</div>\n        )}\n        <div\n          data-slot=\"record-header-row\"\n          className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\n        >\n          <div className=\"flex min-w-0 flex-1 items-start gap-3 sm:gap-4\">\n            {back}\n            {leading}\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <Heading\n                  data-slot=\"record-header-title\"\n                  className=\"text-foreground min-w-0 text-xl font-semibold break-words\"\n                >\n                  {title}\n                </Heading>\n                {badges?.map((b) => (\n                  <Badge key={b.id} size=\"sm\" variant={b.variant}>\n                    {b.label}\n                  </Badge>\n                ))}\n              </div>\n              {subtitle && (\n                <p\n                  data-slot=\"record-header-subtitle\"\n                  className=\"text-muted-foreground mt-0.5 text-sm\"\n                >\n                  {subtitle}\n                </p>\n              )}\n              {meta && meta.length > 0 && (\n                <ul\n                  data-slot=\"record-header-meta\"\n                  aria-label={labels.meta}\n                  className=\"text-muted-foreground mt-1.5 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm\"\n                >\n                  {meta.map(({ id, label, icon: MetaIcon, href }) => {\n                    const content = (\n                      <>\n                        {MetaIcon && (\n                          <MetaIcon\n                            className=\"h-4 w-4 shrink-0\"\n                            aria-hidden=\"true\"\n                          />\n                        )}\n                        {label}\n                      </>\n                    );\n                    return (\n                      <li key={id} className=\"inline-flex items-center gap-1.5\">\n                        {href ? (\n                          <a\n                            href={href}\n                            className=\"hover:text-foreground focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-sm underline-offset-2 hover:underline focus-visible:ring-2 focus-visible:outline-none\"\n                          >\n                            {content}\n                          </a>\n                        ) : (\n                          content\n                        )}\n                      </li>\n                    );\n                  })}\n                </ul>\n              )}\n            </div>\n          </div>\n          {(presence || actions.length > 0) && (\n            <div\n              data-slot=\"record-header-actions\"\n              className=\"flex shrink-0 items-center gap-2 sm:justify-end\"\n            >\n              {presence}\n              {actions.slice(0, maxVisibleActions).map(renderButton)}\n              {actions.length > 0 && (\n                <Dropdown\n                  open={menuOpen}\n                  onOpenChange={setMenuOpen}\n                  placement=\"bottom-end\"\n                  trigger={\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      aria-label={labels.moreActions}\n                      className={cn(!hasOverflow && 'sm:hidden')}\n                    >\n                      <MoreHorizontal className=\"h-4 w-4\" aria-hidden=\"true\" />\n                    </Button>\n                  }\n                >\n                  {actions.map(renderMenuItem)}\n                </Dropdown>\n              )}\n            </div>\n          )}\n        </div>\n        {children}\n      </header>\n    );\n  }\n);\n\nRecordHeader.displayName = 'RecordHeader';\n"]}

package/dist/components/Accordion/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVROIMIHB_cjs = require('../../chunk-VROIMIHB.cjs');
+var chunkSHBCUXFS_cjs = require('../../chunk-SHBCUXFS.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -8,7 +8,7 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkVROIMIHB_cjs.Accordion; }
+  get: function () { return chunkSHBCUXFS_cjs.Accordion; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Accordion/index.d.cts

@@ -27,6 +27,12 @@ interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onC
     collapsible?: boolean;
     /** Heading level wrapping each trigger for document outline (default h3). */
     headingLevel?: 'h2' | 'h3' | 'h4';
+    /**
+     * Persists the open ids in `localStorage` under this key (uncontrolled
+     * only). Restored after mount, so server and hydration renders use
+     * `defaultOpenIds`.
+     */
+    storageKey?: string;
 }
 /**
  * A vertically stacked set of expandable panels — FAQ lists, settings

package/dist/components/Accordion/index.d.ts

@@ -27,6 +27,12 @@ interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onC
     collapsible?: boolean;
     /** Heading level wrapping each trigger for document outline (default h3). */
     headingLevel?: 'h2' | 'h3' | 'h4';
+    /**
+     * Persists the open ids in `localStorage` under this key (uncontrolled
+     * only). Restored after mount, so server and hydration renders use
+     * `defaultOpenIds`.
+     */
+    storageKey?: string;
 }
 /**
  * A vertically stacked set of expandable panels — FAQ lists, settings

package/dist/components/Accordion/index.js

@@ -1,4 +1,4 @@
-export { Accordion } from '../../chunk-KRU6IGV7.js';
+export { Accordion } from '../../chunk-JUJGWUAN.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map