@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.32

package/dist/hooks/index.d.cts

@@ -460,13 +460,29 @@ declare function useScrollSpy({ selectors, ids, rootMargin, threshold, root, ena
 
 /** Insert `draggedId` before/after `targetId` in `ids`. */
 declare function reorderIds(ids: string[], draggedId: string, targetId: string, after: boolean): string[];
+/** Move `id` by `delta` positions (clamped). Returns `ids` unchanged when it can't move. */
+declare function moveIdBy(ids: string[], id: string, delta: number): string[];
+interface DragReorderLabels {
+    moveUp: string;
+    moveDown: string;
+    /** Announced after a keyboard/button move */
+    moved: (position: number, total: number, id: string) => string;
+}
+declare const DEFAULT_DRAG_REORDER_LABELS: DragReorderLabels;
 interface UseDragReorderOptions {
     /** Current flat order of item ids (props order) */
     ids: string[];
-    /** Called with the full new id order after a drop. Omit to disable dragging. */
+    /** Called with the full new id order after a drop or move. Omit to disable reordering. */
     onReorder?: (ids: string[]) => void;
     /** Restrict drops, e.g. to the same status group */
     canDropOn?: (draggedId: string, targetId: string) => boolean;
+    /** Add Alt+ArrowUp / Alt+ArrowDown handling (and `tabIndex={0}`) to `rowProps`. Off by default so rows with their own `onKeyDown` keep working. */
+    keyboard?: boolean;
+    /** Receives move announcements instead of the returned `announcement` string. */
+    announce?: (message: string) => void;
+    /** Element rendered as the drag image (`dataTransfer.setDragImage`). */
+    getDragPreview?: (id: string) => Element | null;
+    labels?: Partial<DragReorderLabels>;
 }
 interface DragOverState {
     id: string;
@@ -482,6 +498,17 @@ interface UseDragReorderReturn {
     over: DragOverState | null;
     /** Spread onto each row element (must be keyed by a stable id) */
     rowProps: (id: string) => React.HTMLAttributes<HTMLElement>;
+    /** Move an item by `delta` positions; no-op at the ends or across `canDropOn` boundaries. */
+    moveBy: (id: string, delta: number) => void;
+    /** Props for a visible move button */
+    moveButtonProps: (id: string, direction: 'up' | 'down', label?: string) => {
+        type: 'button';
+        onClick: (e: React.MouseEvent) => void;
+        disabled: boolean;
+        'aria-label': string;
+    };
+    /** Latest move message; render in an `aria-live="polite"` region (empty when `announce` is given). */
+    announcement: string;
 }
 /**
  * HTML5 drag-and-drop list reordering. Rows spread `rowProps(id)`; on drop the
@@ -489,19 +516,77 @@ interface UseDragReorderReturn {
  * consumer persists it (e.g. on the encounter/patient object) and feeds the
  * list back in props order.
  *
- * Drag-and-drop is a pointer-only affordance: pair it with a keyboard
- * alternative (e.g. move buttons / Alt+Arrow keys) for accessibility.
+ * Drag-and-drop is pointer-only, so pair it with `moveButtonProps` buttons
+ * and/or `keyboard: true` (Alt+↑/↓ on focused rows), and render
+ * `announcement` in a polite live region.
  *
  * @example
  * ```tsx
- * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder });
+ * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder, keyboard: true });
  * // <li {...drag.rowProps(item.id)} className={cn(dragIndicatorClasses(drag, item.id))}>
+ * //   <button {...drag.moveButtonProps(item.id, 'up')}><ChevronUp /></button>
+ * // <div aria-live="polite" className="sr-only">{drag.announcement}</div>
  * ```
  */
-declare function useDragReorder({ ids, onReorder, canDropOn, }: UseDragReorderOptions): UseDragReorderReturn;
+declare function useDragReorder({ ids, onReorder, canDropOn, keyboard, announce, getDragPreview, labels: labelsProp, }: UseDragReorderOptions): UseDragReorderReturn;
 /** Tailwind classes for the drag state of a row: drop indicator + dragging dim. */
 declare function dragIndicatorClasses(drag: Pick<UseDragReorderReturn, 'draggingId' | 'over'>, id: string): string;
 
+interface OrderPersistenceAdapter {
+    /** Previously saved order, or null when there is none */
+    load: () => string[] | null | Promise<string[] | null>;
+    save: (order: string[]) => void | Promise<void>;
+}
+interface UseOrderPersistenceOptions extends OrderPersistenceAdapter {
+    /** Delay before `save` runs; rapid changes collapse into one save. */
+    debounceMs?: number;
+    /** Called when `load` or `save` throws or rejects */
+    onError?: (error: unknown) => void;
+}
+interface UseOrderPersistenceReturn {
+    /** Saved order merged with the current `ids` */
+    order: string[];
+    /** Update the order immediately and schedule a debounced save */
+    setOrder: (order: string[]) => void;
+}
+/** Keep saved ids that still exist, then append new ids in their given order. */
+declare function mergeOrder(saved: string[] | null, ids: string[]): string[];
+/**
+ * Persist a user's item order (sections, widgets, list rows) through any
+ * storage. Updates are optimistic, saves are debounced and a pending save is
+ * flushed on unmount and on `pagehide` (navigation, refresh, tab close). On
+ * `pagehide` only work `save` starts synchronously is guaranteed — use
+ * localStorage or `navigator.sendBeacon` there; an async `fetch` may be cut
+ * off. `load` runs once after mount, so server and first client render use
+ * `ids` order.
+ *
+ * @example
+ * ```tsx
+ * const adapter = React.useMemo(() => localStorageOrderAdapter('clinic-sections'), []);
+ * const { order, setOrder } = useOrderPersistence(sectionIds, adapter);
+ * const drag = useDragReorder({ ids: order, onReorder: setOrder });
+ * ```
+ */
+declare function useOrderPersistence(ids: string[], { load, save, debounceMs, onError }: UseOrderPersistenceOptions): UseOrderPersistenceReturn;
+/** `useOrderPersistence` adapter backed by `localStorage` (no-op on the server or when storage is blocked). */
+declare function localStorageOrderAdapter(key: string): OrderPersistenceAdapter;
+
+/**
+ * Keeps a tab (or any one-of-N view) selection in a URL query parameter so it
+ * survives reloads and can be shared. Writes with `history.replaceState` (no
+ * router, no history entry), drops the parameter when the value equals
+ * `defaultValue`, follows back/forward via `popstate`, and ignores values not
+ * in `allowed`. SSR-safe: renders `defaultValue` on the server and during
+ * hydration.
+ *
+ * @example
+ * ```tsx
+ * const [tab, setTab] = useUrlTab('tab', 'summary', ['summary', 'history'] as const);
+ * <Tabs value={tab} onValueChange={(v) => setTab(v as typeof tab)}>…</Tabs>
+ * ```
+ */
+declare function useUrlTab<T extends string>(param: string, defaultValue: T, allowed: readonly T[]): [T, (value: T) => void];
+
 /**
  * State for an `aria-live` region that re-announces even when the same
  * message is emitted twice in a row. Setting identical React state bails out
@@ -1003,4 +1088,4 @@ interface UseTranscriptEditsResult {
  */
 declare function useTranscriptEdits(options: UseTranscriptEditsOptions): UseTranscriptEditsResult;
 
-export { type AnchoredPlacement, DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, type Direction, type DragOverState, type FillerAnalysis, type HoverPreviewState, KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, type KeyboardInsetSource, type KeyboardInsetState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type ResolvedTheme, type SilenceThresholdCount, type Theme, type TranscriptClipboard, type TranscriptEditStats, type UseAnchoredPositionOptions, type UseAnchoredPositionReturn, type UseDragReorderOptions, type UseDragReorderReturn, type UseKeyboardInsetOptions, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, type UseStickToBottomOptions, type UseStickToBottomReturn, type UseTranscriptEditsOptions, type UseTranscriptEditsResult, type UseYouTubeHoverPreviewOptions, type UseYouTubeHoverPreviewReturn, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, buildPlaybackSegments, dragIndicatorClasses, getSpeedAtIndex, initEditableWords, insertSilences, isDarkMode, isRtlLocale, reorderIds, useAnchoredPosition, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy, useStickToBottom, useStreamEndedBelowFold, useTheme, useTranscriptEdits, useYouTubeHoverPreview };
+export { type AnchoredPlacement, DEFAULT_DRAG_REORDER_LABELS, DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, type Direction, type DragOverState, type DragReorderLabels, type FillerAnalysis, type HoverPreviewState, KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, type KeyboardInsetSource, type KeyboardInsetState, type KeyboardShortcutOptions, type MediaTransportState, type OrderPersistenceAdapter, RTL_LOCALES, type ResolvedTheme, type SilenceThresholdCount, type Theme, type TranscriptClipboard, type TranscriptEditStats, type UseAnchoredPositionOptions, type UseAnchoredPositionReturn, type UseDragReorderOptions, type UseDragReorderReturn, type UseKeyboardInsetOptions, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseOrderPersistenceOptions, type UseOrderPersistenceReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, type UseStickToBottomOptions, type UseStickToBottomReturn, type UseTranscriptEditsOptions, type UseTranscriptEditsResult, type UseYouTubeHoverPreviewOptions, type UseYouTubeHoverPreviewReturn, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, buildPlaybackSegments, dragIndicatorClasses, getSpeedAtIndex, initEditableWords, insertSilences, isDarkMode, isRtlLocale, localStorageOrderAdapter, mergeOrder, moveIdBy, reorderIds, useAnchoredPosition, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, useOrderPersistence, usePrefersReducedMotion, useScrollSpy, useStickToBottom, useStreamEndedBelowFold, useTheme, useTranscriptEdits, useUrlTab, useYouTubeHoverPreview };

package/dist/hooks/index.d.ts

@@ -460,13 +460,29 @@ declare function useScrollSpy({ selectors, ids, rootMargin, threshold, root, ena
 
 /** Insert `draggedId` before/after `targetId` in `ids`. */
 declare function reorderIds(ids: string[], draggedId: string, targetId: string, after: boolean): string[];
+/** Move `id` by `delta` positions (clamped). Returns `ids` unchanged when it can't move. */
+declare function moveIdBy(ids: string[], id: string, delta: number): string[];
+interface DragReorderLabels {
+    moveUp: string;
+    moveDown: string;
+    /** Announced after a keyboard/button move */
+    moved: (position: number, total: number, id: string) => string;
+}
+declare const DEFAULT_DRAG_REORDER_LABELS: DragReorderLabels;
 interface UseDragReorderOptions {
     /** Current flat order of item ids (props order) */
     ids: string[];
-    /** Called with the full new id order after a drop. Omit to disable dragging. */
+    /** Called with the full new id order after a drop or move. Omit to disable reordering. */
     onReorder?: (ids: string[]) => void;
     /** Restrict drops, e.g. to the same status group */
     canDropOn?: (draggedId: string, targetId: string) => boolean;
+    /** Add Alt+ArrowUp / Alt+ArrowDown handling (and `tabIndex={0}`) to `rowProps`. Off by default so rows with their own `onKeyDown` keep working. */
+    keyboard?: boolean;
+    /** Receives move announcements instead of the returned `announcement` string. */
+    announce?: (message: string) => void;
+    /** Element rendered as the drag image (`dataTransfer.setDragImage`). */
+    getDragPreview?: (id: string) => Element | null;
+    labels?: Partial<DragReorderLabels>;
 }
 interface DragOverState {
     id: string;
@@ -482,6 +498,17 @@ interface UseDragReorderReturn {
     over: DragOverState | null;
     /** Spread onto each row element (must be keyed by a stable id) */
     rowProps: (id: string) => React.HTMLAttributes<HTMLElement>;
+    /** Move an item by `delta` positions; no-op at the ends or across `canDropOn` boundaries. */
+    moveBy: (id: string, delta: number) => void;
+    /** Props for a visible move button */
+    moveButtonProps: (id: string, direction: 'up' | 'down', label?: string) => {
+        type: 'button';
+        onClick: (e: React.MouseEvent) => void;
+        disabled: boolean;
+        'aria-label': string;
+    };
+    /** Latest move message; render in an `aria-live="polite"` region (empty when `announce` is given). */
+    announcement: string;
 }
 /**
  * HTML5 drag-and-drop list reordering. Rows spread `rowProps(id)`; on drop the
@@ -489,19 +516,77 @@ interface UseDragReorderReturn {
  * consumer persists it (e.g. on the encounter/patient object) and feeds the
  * list back in props order.
  *
- * Drag-and-drop is a pointer-only affordance: pair it with a keyboard
- * alternative (e.g. move buttons / Alt+Arrow keys) for accessibility.
+ * Drag-and-drop is pointer-only, so pair it with `moveButtonProps` buttons
+ * and/or `keyboard: true` (Alt+↑/↓ on focused rows), and render
+ * `announcement` in a polite live region.
  *
  * @example
  * ```tsx
- * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder });
+ * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder, keyboard: true });
  * // <li {...drag.rowProps(item.id)} className={cn(dragIndicatorClasses(drag, item.id))}>
+ * //   <button {...drag.moveButtonProps(item.id, 'up')}><ChevronUp /></button>
+ * // <div aria-live="polite" className="sr-only">{drag.announcement}</div>
  * ```
  */
-declare function useDragReorder({ ids, onReorder, canDropOn, }: UseDragReorderOptions): UseDragReorderReturn;
+declare function useDragReorder({ ids, onReorder, canDropOn, keyboard, announce, getDragPreview, labels: labelsProp, }: UseDragReorderOptions): UseDragReorderReturn;
 /** Tailwind classes for the drag state of a row: drop indicator + dragging dim. */
 declare function dragIndicatorClasses(drag: Pick<UseDragReorderReturn, 'draggingId' | 'over'>, id: string): string;
 
+interface OrderPersistenceAdapter {
+    /** Previously saved order, or null when there is none */
+    load: () => string[] | null | Promise<string[] | null>;
+    save: (order: string[]) => void | Promise<void>;
+}
+interface UseOrderPersistenceOptions extends OrderPersistenceAdapter {
+    /** Delay before `save` runs; rapid changes collapse into one save. */
+    debounceMs?: number;
+    /** Called when `load` or `save` throws or rejects */
+    onError?: (error: unknown) => void;
+}
+interface UseOrderPersistenceReturn {
+    /** Saved order merged with the current `ids` */
+    order: string[];
+    /** Update the order immediately and schedule a debounced save */
+    setOrder: (order: string[]) => void;
+}
+/** Keep saved ids that still exist, then append new ids in their given order. */
+declare function mergeOrder(saved: string[] | null, ids: string[]): string[];
+/**
+ * Persist a user's item order (sections, widgets, list rows) through any
+ * storage. Updates are optimistic, saves are debounced and a pending save is
+ * flushed on unmount and on `pagehide` (navigation, refresh, tab close). On
+ * `pagehide` only work `save` starts synchronously is guaranteed — use
+ * localStorage or `navigator.sendBeacon` there; an async `fetch` may be cut
+ * off. `load` runs once after mount, so server and first client render use
+ * `ids` order.
+ *
+ * @example
+ * ```tsx
+ * const adapter = React.useMemo(() => localStorageOrderAdapter('clinic-sections'), []);
+ * const { order, setOrder } = useOrderPersistence(sectionIds, adapter);
+ * const drag = useDragReorder({ ids: order, onReorder: setOrder });
+ * ```
+ */
+declare function useOrderPersistence(ids: string[], { load, save, debounceMs, onError }: UseOrderPersistenceOptions): UseOrderPersistenceReturn;
+/** `useOrderPersistence` adapter backed by `localStorage` (no-op on the server or when storage is blocked). */
+declare function localStorageOrderAdapter(key: string): OrderPersistenceAdapter;
+
+/**
+ * Keeps a tab (or any one-of-N view) selection in a URL query parameter so it
+ * survives reloads and can be shared. Writes with `history.replaceState` (no
+ * router, no history entry), drops the parameter when the value equals
+ * `defaultValue`, follows back/forward via `popstate`, and ignores values not
+ * in `allowed`. SSR-safe: renders `defaultValue` on the server and during
+ * hydration.
+ *
+ * @example
+ * ```tsx
+ * const [tab, setTab] = useUrlTab('tab', 'summary', ['summary', 'history'] as const);
+ * <Tabs value={tab} onValueChange={(v) => setTab(v as typeof tab)}>…</Tabs>
+ * ```
+ */
+declare function useUrlTab<T extends string>(param: string, defaultValue: T, allowed: readonly T[]): [T, (value: T) => void];
+
 /**
  * State for an `aria-live` region that re-announces even when the same
  * message is emitted twice in a row. Setting identical React state bails out
@@ -1003,4 +1088,4 @@ interface UseTranscriptEditsResult {
  */
 declare function useTranscriptEdits(options: UseTranscriptEditsOptions): UseTranscriptEditsResult;
 
-export { type AnchoredPlacement, DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, type Direction, type DragOverState, type FillerAnalysis, type HoverPreviewState, KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, type KeyboardInsetSource, type KeyboardInsetState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type ResolvedTheme, type SilenceThresholdCount, type Theme, type TranscriptClipboard, type TranscriptEditStats, type UseAnchoredPositionOptions, type UseAnchoredPositionReturn, type UseDragReorderOptions, type UseDragReorderReturn, type UseKeyboardInsetOptions, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, type UseStickToBottomOptions, type UseStickToBottomReturn, type UseTranscriptEditsOptions, type UseTranscriptEditsResult, type UseYouTubeHoverPreviewOptions, type UseYouTubeHoverPreviewReturn, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, buildPlaybackSegments, dragIndicatorClasses, getSpeedAtIndex, initEditableWords, insertSilences, isDarkMode, isRtlLocale, reorderIds, useAnchoredPosition, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy, useStickToBottom, useStreamEndedBelowFold, useTheme, useTranscriptEdits, useYouTubeHoverPreview };
+export { type AnchoredPlacement, DEFAULT_DRAG_REORDER_LABELS, DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, type Direction, type DragOverState, type DragReorderLabels, type FillerAnalysis, type HoverPreviewState, KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, type KeyboardInsetSource, type KeyboardInsetState, type KeyboardShortcutOptions, type MediaTransportState, type OrderPersistenceAdapter, RTL_LOCALES, type ResolvedTheme, type SilenceThresholdCount, type Theme, type TranscriptClipboard, type TranscriptEditStats, type UseAnchoredPositionOptions, type UseAnchoredPositionReturn, type UseDragReorderOptions, type UseDragReorderReturn, type UseKeyboardInsetOptions, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseOrderPersistenceOptions, type UseOrderPersistenceReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, type UseStickToBottomOptions, type UseStickToBottomReturn, type UseTranscriptEditsOptions, type UseTranscriptEditsResult, type UseYouTubeHoverPreviewOptions, type UseYouTubeHoverPreviewReturn, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, buildPlaybackSegments, dragIndicatorClasses, getSpeedAtIndex, initEditableWords, insertSilences, isDarkMode, isRtlLocale, localStorageOrderAdapter, mergeOrder, moveIdBy, reorderIds, useAnchoredPosition, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, useOrderPersistence, usePrefersReducedMotion, useScrollSpy, useStickToBottom, useStreamEndedBelowFold, useTheme, useTranscriptEdits, useUrlTab, useYouTubeHoverPreview };

package/dist/hooks/index.js

@@ -1,12 +1,14 @@
-export { KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, RTL_LOCALES, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useMediaQuery } from '../chunk-GBUVIGD5.js';
-export { useTheme } from '../chunk-KJZNEVYM.js';
+export { KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, RTL_LOCALES, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, isRtlLocale, localStorageOrderAdapter, mergeOrder, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useMediaQuery, useOrderPersistence } from '../chunk-F3EWRDIT.js';
 export { useYouTubeHoverPreview } from '../chunk-POWS35OT.js';
+export { useTheme } from '../chunk-KJZNEVYM.js';
 export { useStickToBottom, useStreamEndedBelowFold } from '../chunk-BM35CACB.js';
+export { useUrlTab } from '../chunk-CVNPNZMX.js';
 export { useScrollSpy } from '../chunk-WBGUYSWY.js';
 export { DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, buildPlaybackSegments, getSpeedAtIndex, initEditableWords, insertSilences, useTranscriptEdits } from '../chunk-UUI7WXI5.js';
 import '../chunk-6CGM5H4J.js';
 export { useMediaTransport } from '../chunk-GW4RFJZ5.js';
-export { dragIndicatorClasses, reorderIds, useDragReorder, useLiveAnnouncement } from '../chunk-7ZVTLTJF.js';
+export { DEFAULT_DRAG_REORDER_LABELS, dragIndicatorClasses, moveIdBy, reorderIds, useDragReorder } from '../chunk-YUMOM3KE.js';
+export { useLiveAnnouncement } from '../chunk-HNXLLDPN.js';
 export { useFocusTrap } from '../chunk-4SMSH4OY.js';
 export { useEscapeKey } from '../chunk-T4ME7QCT.js';
 export { useClickOutside } from '../chunk-62ZOA6PX.js';