@lovett/ui 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -3,8 +3,8 @@ import * as react from 'react';
 import react__default, { HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, RefObject, ComponentProps, ComponentType, RefAttributes, ReactElement, Ref, FormHTMLAttributes, FormEvent } from 'react';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
+import { CollisionDetection, DndContext, DragEndEvent } from '@dnd-kit/core';
 import { LucideIcon } from 'lucide-react';
-import { DndContext, DragEndEvent } from '@dnd-kit/core';
 import { ClassValue } from 'clsx';
 
 /**
@@ -889,6 +889,49 @@ declare function DragHandle({ dragHandleProps, className, }: {
     dragHandleProps: HTMLAttributes<HTMLElement>;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
+/**
+ * Pointer first, `closestCorners` second — dnd-kit's documented shape for a
+ * multi-container board (the pointer, then a rect-based fallback; which rect
+ * strategy is the choice made at the bottom of this note), and the answer to
+ * two defects rather than one.
+ *
+ * The history is a ladder, and each rung is still true:
+ *
+ *   `closestCenter` measured the dragged card's CENTRE against each droppable
+ *   and mis-resolved whenever the card was taller than the row it was over,
+ *   which is the normal case on a board with variable-height cards.
+ *
+ *   `closestCorners` measured the card's four CORNERS instead. Better, and
+ *   still wrong in the same family: it measures the CARD. A tall card's
+ *   corners stay nearer its source lane until most of its body has crossed the
+ *   boundary, so the user has to drag the whole card into the destination
+ *   rather than point at it. Reported as "I have to literally drag the full
+ *   entire card over the lane so it catches it".
+ *
+ *   `pointerWithin` measures the POINTER, so a card is caught by the lane the
+ *   cursor is over regardless of how tall the card is. Card height stops being
+ *   an input at all, which is why this does not reintroduce the defect
+ *   `closestCorners` was adopted to fix — it retires the whole measurement.
+ *
+ * `pointerWithin` returns EVERY droppable containing the pointer, ordered by
+ * the pointer's mean distance to that rect's four corners — so the tightest
+ * box around the cursor wins. A pointer inside a card yields [card, column]
+ * and `over` resolves to the card, which is what gives a cross-column drop its
+ * insertion INDEX. A pointer in the column's empty space below the last card
+ * yields just the column, and the item appends. Both are wanted.
+ *
+ * It returns nothing at all when `pointerCoordinates` is null, and dnd-kit
+ * derives those from the activator event's `clientX`/`clientY`. A KeyboardEvent
+ * has neither, so EVERY keyboard drag takes the fallback — a pointer-only
+ * strategy would leave `over` permanently null and break cross-column keyboard
+ * movement silently, gates all green. The fallback is therefore `closestCorners`
+ * and not `rectIntersection`: keyboard drags keep the exact resolution they
+ * have been tested against, and the pointer-outside-every-droppable case (the
+ * board's margins and gutters) keeps resolving to the nearest lane rather than
+ * to nothing. `rectIntersection` would answer that case by area of overlap —
+ * "most of the card", the defect above, back in the gutters.
+ */
+declare const pointerFirstCollision: CollisionDetection;
 /** containerId -> the ids it holds, in order. */
 type SortableContainers = Readonly<Record<string, readonly string[]>>;
 interface MultiSortableMove {
@@ -903,11 +946,30 @@ interface MultiSortableListProps {
     /** Container ids in board order. Also the set treated as drop targets. */
     containerOrder: readonly string[];
     /**
-     * Commit the move. Called synchronously from the drop handler, so a
-     * `setState` here batches with the primitive's own reset and the board does
-     * not flash the pre-drag arrangement for a frame.
+     * Commit the move. Called from the drop handler with the arrangement the
+     * board is already showing, so the consumer's job is to make `containers`
+     * agree — it is not being asked to produce a frame.
+     *
+     * It used to say "called synchronously ... so a `setState` here batches with
+     * the primitive's own reset". True, and it described the wrong consumer. A
+     * consumer that patches its cache synchronously never saw the ghost; one
+     * that patches from a mutation's `onMutate` — a microtask at best, an
+     * `await cancelQueries` at worst — is not in that batch, and got a frame of
+     * the pre-drag arrangement. See the preview note below for what replaced it.
      */
     onMove: (move: MultiSortableMove, next: SortableContainers) => void;
+    /**
+     * Override the drop-target strategy. Defaults to `pointerFirstCollision`,
+     * whose reasoning is in its own docblock.
+     *
+     * A prop because this component has now changed collision strategy twice
+     * (`closestCenter` → `closestCorners` → pointer-first) and both times a
+     * consumer had to wait for a release of this package to get the fix. The
+     * escape hatch costs one optional prop; a third such wait costs a release.
+     * Overriding it is opting out of the reasoning above, including the keyboard
+     * fallback — a bare `pointerWithin` here disables keyboard dragging.
+     */
+    collisionDetection?: CollisionDetection | undefined;
     /**
      * What follows the pointer. Without this the card appears to vanish.
      *
@@ -926,15 +988,28 @@ interface MultiSortableListProps {
      * and the container the drag is currently resolved INTO.
      *
      * The second argument exists because `useDroppable().isOver` cannot answer
-     * it on a board: `closestCorners` resolves `over` to a sortable ITEM
-     * whenever a column holds one, so the column's own droppable never wins and
-     * its `isOver` measured `false` on every column during real pointer AND
+     * it on a board: every collision strategy here resolves `over` to a sortable
+     * ITEM whenever a column holds one — `closestCorners` by distance, and
+     * `pointerWithin` because a pointer inside a card is inside its column too
+     * and the card's centre is nearer — so the column's own droppable never wins
+     * and its `isOver` measured `false` on every column during real pointer AND
      * keyboard drags. The container has to be derived from the resolved `over`
      * id — the same `containerOf` the announcements already use.
      */
     children: (arrangement: SortableContainers, overContainerId: string | null) => ReactNode;
 }
-declare function MultiSortableList({ containers, containerOrder, onMove, renderOverlay, labelForItem, labelForContainer, children, }: MultiSortableListProps): react_jsx_runtime.JSX.Element;
+/**
+ * How long a settled preview outlives the drop before `containers` wins.
+ *
+ * Floor: dnd-kit's drop animation is 250ms, and the preview has to still be
+ * under the overlay when it lands or the overlay animates onto an empty slot.
+ * Ceiling: a rejected move has to read as rejected rather than as accepted,
+ * and half a second is about where a snap-back stops looking like a response.
+ * The healthy path never reaches either — an optimistic patch supersedes this
+ * in a frame or two, and the timer is cleared.
+ */
+declare const PREVIEW_SETTLE_MS = 500;
+declare function MultiSortableList({ containers, containerOrder, onMove, collisionDetection, renderOverlay, labelForItem, labelForContainer, children, }: MultiSortableListProps): react_jsx_runtime.JSX.Element;
 /**
  * One droppable container inside a <MultiSortableList>.
  *
@@ -943,11 +1018,12 @@ declare function MultiSortableList({ containers, containerOrder, onMove, renderO
  * accent (design brief §4), and only the consumer knows what its border is.
  *
  * `isOver` here is `useDroppable`'s raw answer and is NOT the board's drag-over
- * signal: with `closestCorners`, `over` resolves to a sortable item whenever
- * the column holds one, so this reads `false` for the column the card is
- * actually over. It is kept because the droppable registration is what makes an
- * EMPTY column a drop target at all. The state a consumer should paint comes
- * from `MultiSortableList`'s `overContainerId`.
+ * signal: `over` resolves to a sortable item whenever the column holds one, so
+ * this reads `false` for the column the card is actually over. It is kept
+ * because the droppable registration is what makes an EMPTY column a drop
+ * target at all — and, under pointer-first collision, what makes the column's
+ * empty space below the last card a target for an append. The state a consumer
+ * should paint comes from `MultiSortableList`'s `overContainerId`.
  */
 declare function SortableDropZone({ id, items, children, }: {
     id: string;
@@ -4994,10 +5070,21 @@ declare const DisplayPopover: typeof DisplayPopoverRoot & {
  * PERSISTENCE IS PER SCOPE. `scope` is whatever partition the host needs —
  * for a lens that is the brand id, because ADR-116 D10 requires brand A's
  * preferences never to surface on brand B. The key is
- * `workspace:<name>:<scope>:display`, matching CLAUDE.md §3's namespacing
+ * `<prefix>:<name>:<scope>:display`, matching CLAUDE.md §3's namespacing
  * rule. Changing `scope` re-reads: the provider does not remount, so an
  * in-flight draft elsewhere in the tree survives a brand switch.
  *
+ * THE PREFIX IS THE PRODUCT, AND ITS DEFAULT IS FROZEN. This package is a
+ * dependency of more than one app on more than one origin, and `workspace` is
+ * only the right first segment for one of them: a host whose own convention is
+ * `lightwork:<area>:<id>:<key>` was getting the one key on its board that read
+ * as somebody else's. So `prefix` is an option — and its default is `workspace`
+ * FOREVER, not because that name is good but because these keys already exist
+ * in operators' browsers. A store holds a preference the operator set; changing
+ * the default segment would not move that preference to a new key, it would
+ * walk past it and open at the defaults. The suite pins the unprefixed key as a
+ * literal for that reason.
+ *
  * READING IS DEFENSIVE. `localStorage` is untrusted input — a hand-edited
  * value, a key left behind by an older build, a private window that throws on
  * access. Every persisted key is checked against the default's TYPE and, when
@@ -5072,7 +5159,33 @@ interface DisplayStore<T extends DisplaySettings> {
     /** Exposed so a host can name the key it is clearing. */
     readonly storageKey: (scope: string) => string;
 }
-declare function createDisplayStore<T extends DisplaySettings>(name: string, defaults: T, allowed?: DisplayAllowed<T>, migrations?: DisplayMigrations<T>): DisplayStore<T>;
+/**
+ * Everything about the store that is not its settings.
+ *
+ * An OBJECT rather than a fifth positional string, because `allowed` and
+ * `migrations` are both optional and already both objects: a call reading
+ * `createDisplayStore('board', DEFAULTS, undefined, undefined, 'lightwork')`
+ * puts two bare strings at opposite ends of an argument list and names
+ * neither. `{ prefix: 'lightwork' }` says what it is at the call site, and the
+ * next option that earns its place goes beside it rather than becoming a sixth
+ * positional.
+ */
+interface DisplayStoreOptions {
+    /**
+     * The key's first segment — the PRODUCT, above the store's own `name`.
+     *
+     * Omit it and the key is `workspace:<name>:<scope>:display`, exactly as it
+     * has always been. Pass one and the store moves wholesale onto it, so two
+     * apps sharing this primitive on one origin under the same `name` cannot
+     * read or overwrite each other.
+     *
+     * It is not a migration seam. A store that changes prefix does not carry its
+     * stored settings across; it opens at its defaults on the new key and leaves
+     * the old one behind. Choose it once, when the store is written.
+     */
+    prefix?: string;
+}
+declare function createDisplayStore<T extends DisplaySettings>(name: string, defaults: T, allowed?: DisplayAllowed<T>, migrations?: DisplayMigrations<T>, options?: DisplayStoreOptions): DisplayStore<T>;
 
 /**
  * DeltaChip — the period-over-period change chip that sits beside a KPI value.
@@ -7366,6 +7479,20 @@ interface ThreadComment {
     readonly editedAt?: number | null | undefined;
     /** Set = tombstone (D4). The row still renders and KEEPS its subtree. */
     readonly deletedAt?: number | null | undefined;
+    /**
+     * TRUE = the tombstone above was made by somebody OTHER than the author
+     * (FU-0031, FU-0032). Meaningless without `deletedAt`, and read nowhere else.
+     *
+     * One boolean rather than a `deletedBy` author, and that is a decision, not
+     * a shortcut: the wire deliberately never carries who removed a comment, so
+     * a field that could hold a name would be a field somebody eventually fills.
+     * A boolean cannot leak an identity it does not have.
+     *
+     * OPTIONAL, and absent means `[deleted]` — the render every host on 0.1.0
+     * already gets. A host with no moderation concept never sets it and never
+     * sees a word change.
+     */
+    readonly moderated?: boolean | undefined;
     readonly reactions?: readonly ThreadReactionCount[] | undefined;
     readonly attachments?: readonly ThreadAttachment[] | undefined;
     /**
@@ -7459,6 +7586,65 @@ interface ActivityPaneProps {
     onSubmit?: ((body: string) => void) | undefined;
     /** A reply. Omitted, the thread offers no reply control at all. */
     onReply?: ((body: string, parentId: string) => void) | undefined;
+    /**
+     * Forwarded verbatim to the `<Thread>` the Comments tab already mounts.
+     *
+     * These four are here because the pane used to declare `onSubmit` and
+     * `onReply` and stop. `CommentItem` gates its reaction PICKER on `onReact`
+     * and its overflow MENU ITEMS on `onEdit` / `onDelete`; a menu item whose
+     * callback is absent is not rendered, and the reaction chips still render
+     * DISABLED rather than vanishing. (An earlier draft of this docblock said
+     * the whole bar was "NOT RENDERED". That is the rule from `ThreadProps`'
+     * overflow-menu docblock, and it does not generalise to the engagement row —
+     * `reactions.tsx` renders `disabled={!canReact}`.) So a host composing this
+     * pane shipped an inert
+     * engagement row with no picker to open and a menu holding one line, while
+     * the three routes behind them had no caller in the browser at all. Nothing
+     * errored, which is how it survived a release; Lightwork's FU-0019 found it
+     * by opening the surface rather than by reading the source, and the source
+     * understates it.
+     *
+     * `onRetry` is the same omission with one sharper edge: the failed send it
+     * recovers was posted by THIS pane's own composer, so dropping it left the
+     * pane manufacturing a state and offering nobody a way out of it.
+     *
+     * The signatures are `ThreadProps`', unchanged, because a conduit that
+     * reshapes what passes through it is a second contract to keep in step —
+     * and this one is held by two repos. Absent still means no control, so a
+     * host that passes none renders exactly as it did on 0.1.0.
+     *
+     * STILL NOT FORWARDED, deliberately. This list is EXHAUSTIVE against
+     * `ThreadProps` — check it against that interface before adding one, because
+     * a list whose whole purpose is completeness is worse than no list when it
+     * is short: `onVote`, `onCopyLink`, `onCopyText`, `onSelectAuthor`,
+     * `onSelectMention`, `onOpenAttachment`, `resolveAttachmentUrl`,
+     * `onContinueThread`.
+     *
+     * The line is whether a MUTATION becomes unreachable. `onVote` fails it for
+     * a different reason — the pane never exposes `engagement`, so there is no
+     * vote control to receive it and forwarding it would be a dead prop.
+     * `onCopyText` only reports a clipboard outcome; "Copy text" renders without
+     * it. `onContinueThread` falls back to local state, so the button works
+     * unwired. The rest are reads.
+     *
+     * `onHideLinkPreview` USED to be on this list and should not have been: it is
+     * a write in the same pattern as the other mutations, and `link-preview.tsx`
+     * gates its dismiss control on the callback being present. Since the pane
+     * forwards `comments` verbatim — link previews included — a host got
+     * dismissible-looking rows with no route to the mutation. Same shape as the
+     * defect this whole change fixes, caught in review.
+     */
+    onReact?: ((commentId: string, key: ThreadReactionKey) => void) | undefined;
+    onEdit?: ((commentId: string) => void) | undefined;
+    onDelete?: ((commentId: string) => void) | undefined;
+    onRetry?: ((commentId: string) => void) | undefined;
+    /**
+     * A write, in the same pattern as the mutations above — `link-preview.tsx`
+     * gates its dismiss control on this being present, and the pane forwards
+     * `comments` verbatim, previews included. Without it a host draws rows that
+     * look dismissible and are not. Added in review, not in the original change.
+     */
+    onHideLinkPreview?: ((commentId: string, urlHash: string) => void) | undefined;
     sending?: boolean | undefined;
     composerAvatar?: ReactNode | undefined;
     composerPlaceholder?: string | undefined;
@@ -7472,7 +7658,7 @@ interface ActivityPaneProps {
     emptyStates?: Partial<Record<ActivityTab, ReactNode>> | undefined;
     className?: string | undefined;
 }
-declare function ActivityPane({ tab, defaultTab, onTabChange, comments, activity, draft, onDraftChange, onSubmit, onReply, sending, composerAvatar, composerPlaceholder, composerLabel, composerMaxLength, submitLabel, now, locale, emptyStates, className, }: ActivityPaneProps): react_jsx_runtime.JSX.Element;
+declare function ActivityPane({ tab, defaultTab, onTabChange, comments, activity, draft, onDraftChange, onSubmit, onReply, onReact, onEdit, onDelete, onRetry, onHideLinkPreview, sending, composerAvatar, composerPlaceholder, composerLabel, composerMaxLength, submitLabel, now, locale, emptyStates, className, }: ActivityPaneProps): react_jsx_runtime.JSX.Element;
 
 /**
  * MonthCalendar — the date editor's month grid, and the date-value helpers.
@@ -8675,4 +8861,4 @@ declare function sortCommentTree(roots: readonly CommentNode[], sort: ThreadSort
  */
 declare function useNowTick(enabled: boolean): number;
 
-export { ATTACHMENT_ACCEPT, ATTACHMENT_LIMITS, AVATAR_TINTS, AccordionCompound as Accordion, type AccordionProps, type AccordionSectionProps, type ActivityEntry, ActivityPane, type ActivityPaneProps, type ActivityTab, AllocationSparkbar, type AllocationSparkbarProps, type AnchorAlign, type AnchorPlacement, type AnchorRect, type AnchorSide, type AnchorSize, type AnchoredPosition, type AnchoredPositionOptions, type AnyColumnConfig, AppScroll, type ArcGeometry, type ArcSegment, AreaChart, type AreaChartProps, AttachmentButton, type AttachmentButtonProps, AttachmentDropZone, type AttachmentDropZoneProps, AttachmentGif, type AttachmentGifProps, AttachmentImage, type AttachmentImageProps, AttachmentLightbox, type AttachmentLightboxProps, AttachmentPlaceholder, type AttachmentTicketLike, AttachmentTray, type AttachmentTrayProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarTint, BOARD_HUE_KEYS, BOARD_STATUS_KEYS, BRAND_ICONS, Badge, type BadgeProps, type BadgeTone, type BandScale, BarChart, type BarChartDatum, type BarChartEmphasis, type BarChartMode, type BarChartOrientation, type BarChartProps, type BarChartSeries, Board, type BoardCardContext, BoardColumn, type BoardColumnProps, type BoardColumnSpec, type BoardHueKey, type BoardItemLeadContext, type BoardProps, type BoardStatusKey, BrandFacebook, BrandIcon, type BrandIconKey, type BrandIconProps, BrandInstagram, BrandLinkedIn, BrandLogoTile, type BrandLogoTileProps, type BrandLogoTileSize, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, type BulkActionBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, COLUMN_DATA_TYPES, type CalcLayout, type CalcPrefill, CalculatorShell, type CalculatorShellProps, CalculatorShellV2, type CalculatorShellV2Props, Card, ChartFrame, type ChartFrameProps, type ChartFrameState, type ChartFrameView, ChartLegend, type ChartLegendItem, type ChartLegendProps, type ChartSlot, type ChartTableData, type ChartTableRow, ChartTooltip, type ChartTooltipProps, type ChartTooltipRow, Checkbox, type CheckboxProps, ChipNav, type ChipNavItem, ChipToggleGroup, type ChipToggleGroupProps, type ChipToggleItem, Choropleth, type ChoroplethProps, CodeBlock, type CodeBlockProps, CollapsedReplies, type CollapsedRepliesProps, CollapsibleCard, type CollapsibleCardProps, type ColumnAccessor, type ColumnConfig, type ColumnDataNativeMap, type ColumnDataType, type ColumnOption, type ColumnValueMap, Combobox, type ComboboxGroup, type ComboboxMultipleProps, type ComboboxOption, type ComboboxOptionState, type ComboboxProps, type ComboboxSingleProps, type ComboboxSize, CommentActions, type CommentActionsProps, CommentBody, type CommentBodyProps, type CommentDeliveryState, CommentItem, type CommentItemProps, type CommentNode, CommentVote, type CommentVoteProps, CompletionRing, type CompletionRingProps, type ComposerAttachment, type ComposerAttachmentKind, type ComposerAttachmentState, CopyField, type CopyFieldProps, type Crumb, DEFAULT_INDENT_CLAMP_DEPTH, DEFAULT_MAX_DEPTH, DEFAULT_OPERATORS, DEFAULT_REPLIES_VISIBLE, DETAIL_COLLAPSE_VALUES, DETAIL_MODES, DETAIL_MODE_LABELS, DETAIL_PANEL_DEFAULT_SIZE, DONUT_OTHER_KEY, DataGrid, type DataGridColumn, DataGridColumnOptionsMenu, DataGridDragOverlay, type DataGridDrawerPanelProps, DataGridDropIndicator, type DataGridIcon, type DataGridProps, type DataGridRowBase, type DataGridSortState, DataGridToolbar, type DataGridToolbarProps, type DataGridToolbarRenderProps, type DateFilterOperator, type DateParts, DeltaChip, type DeltaChipProps, type DeltaDirection, type DeltaFormat, type DetailCollapse, DetailDivider, type DetailDividerProps, DetailHeader, type DetailHeaderProps, DetailMenu, type DetailMenuAction, type DetailMenuItem, type DetailMenuProps, type DetailMode, type DetailPaneSide, DetailSection, DetailSurface, type DetailSurfaceProps, DeviceFrame, type DeviceFrameProps, type DisplayAllowed, type DisplayController, type DisplayMigrations, DisplayPopover, type DisplayPopoverProps, type DisplayPopoverSectionProps, type DisplayProviderProps, type DisplaySettings, type DisplayStore, type DisplayValue, DonutChart, type DonutChartDatum, type DonutChartProps, type DonutFold, type DonutGapSurface, type DonutSlice, DragHandle, DropdownButton, type DropdownButtonItem, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, type EditingCell, type ElementType, type EmojiEntry, EmptyPlaceholder, EmptyState, type EmptyStateProps, type Extent, FIELD_FILTERS, FIELD_FILTER_LABELS, FILTERS_SEARCH_PARAM, FILTER_OPERATOR_DETAILS, FOLDER_COLOR_KEYS, type FieldFilter, FieldList, type FieldListProps, type FieldOption, type FieldPerson, FieldRow, type FieldRowDateProps, type FieldRowPeopleProps, type FieldRowProps, type FieldRowSelectProps, type FieldRowTagsProps, type FieldRowTextProps, FieldValueButton, type FieldValueButtonProps, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, type FilterBarCountProps, type FilterBarProps, type FilterBarSearchProps, FilterChipBar, type FilterChipBarProps, type FilterDetails, FilterDropdown, type FilterDropdownProps, type FilterFieldIconRenderer, FilterMenu, type FilterMenuProps, type FilterModel, type FilterOperatorArity, type FilterOperatorDetails, type FilterOperatorDetailsShape, type FilterOperatorTarget, type FilterOperators, type FilterOption, type FilterOptionIconRenderer, type FilterTypeOperatorDetails, type FilterValues, type FiltersState, FloatingDrawer, type FloatingDrawerProps, FloatingStatusBar, type FloatingStatusBarProps, type FloatingStatusTone, FolderCard, type FolderCardProps, type FolderColorKey, type FolderTreeNode, FolderTreePicker, type FolderTreePickerProps, FrameStack, type FrameStackProps, GIF_SEARCH_DEBOUNCE_MS, type GaugeBand, GaugeRing, type GaugeRingProps, type GaugeTone, GifPicker, type GifPickerProps, type GifPickerResult, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, type HeroFormCardAdvancedProps, type HeroFormCardBannerProps, type HeroFormCardFieldProps, type HeroFormCardProps, type HeroFormCardSectionProps, type HomeCrumb, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, Input, type InputProps, type InputSize, Kbd, type KbdProps, LINK_PREVIEW_DEFAULT_ASPECT, LISTBOX_CLASS, type LayerHandle, type LayerKind, type LedgerCell, type LedgerProgress, type LedgerSegment, LineChart, type LineChartProps, type LineChartSeries, LineIcon, LinkPreview, type LinkPreviewProps, ListItem, ListboxOption, type ListboxOptionProps, MarkdownCode, type MarkdownEdit, type MarkdownFormat, MarkdownRenderer, type MarkdownRendererProps, type MentionSuggestionItem, type MentionTarget, type MentionTargetType, MenuButton, type MenuButtonEntry, type MenuButtonItem, type MenuButtonProps, type MenuButtonSeparator, MetaCell, type MetaCellProps, index as MetaPreviews, MetricCard, type MetricCardProps, type MetricCardTone, MicrosoftLogo, type MicrosoftLogoProps, Modal, type MultiOptionFilterOperator, MultiSortableList, type MultiSortableListProps, type MultiSortableMove, type Nullable, type NumberFilterOperator, type NumericInput, OTHER_SLOT_COLOR, type OptionBasedColumnDataType, type OptionFilterOperator, OptionRow, type OptionRowProps, OptionTile, OptionTileGroup, type OptionTileGroupProps, type OptionTileProps, type OutsideClickTarget, PASTE_ATTACHMENT_THRESHOLD, PLACEMENT_CONFIGS, POPOVER_SURFACE_STYLE, PageHeaderHost, PageHeaderSlotProvider, PageHero, type PageHeroProps, PageShell, Pagination, type PaginationProps, type PendingFile, PillButton, type PillButtonProps, type PlacementPreview, type Point, Popover, type PopoverContentProps, type PopoverFooterAction, PopoverFooterActions, type PopoverFooterActionsProps, type PopoverProps, type PopoverTriggerProps, type PreviewAdData, type PreviewConfiguration, type PreviewDevice, type PreviewPlacement, type PreviewPlatform, PS as ProfileSection, type ProfileSectionProps, ProgressBar, type ProgressBarProps, ProgressLedger, type ProgressLedgerProps, REACTION_META, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeSlider, type RangeSliderProps, RankedBars, type RankedBarsItem, type RankedBarsProps, type RankedBarsSort, ReactionBar, type ReactionBarProps, RelativeTime, type RelativeTimeProps, ResizableHandle, type ResizableHandleProps, ResizablePane, type ResizablePaneProps, type RgbTuple, type RichComposerAttachmentProps, RichThreadComposer, type RichThreadComposerProps, type RingDash, SCATTER_SLOT_COUNT, SECTION_SCROLL_OFFSET, SERIES, SERIES_SCATTER, SERIES_SLOT_COUNT, STATUS_GLYPHS, STATUS_LABELS, type ScaleFn, type ScatterSlot, SearchBar, type SearchBarProps, SectionHeading, type SectionHeadingProps, SectionLabel, SegmentedPill, type SegmentedPillItem, type SegmentedPillProps, Select, type SelectOption, type SelectProps, SelectRow, type SelectRowProps, type SelectSize, type SeriesPalette, type SeriesSlot, Shell, type ShellProps, ShellStat, type ShellStatProps, type ShellStatTone, type ShellSubCardProps, type ShellTrayBodyProps, type ShellTrayFooterProps, type ShellTrayHeaderProps, type ShellTrayProps, Slider, type SliderProps, type SortableContainers, SortableDropZone, SortableItem, SortableList, SortableTable, type Column as SortableTableColumn, type SortableTableProps, Sparkline, type SparklineProps, type SparklineVariant, StatCard, type StatCardFooterLink, type StatCardProps, type StatCardSize, StatRow, type StatRowProps, type StatRowStep, StatStrip, type StatStripCell, type StatStripProps, StatsGrid, type StatsGridProps, StatusGlyph, type StatusGlyphProps, StatusRing, type StatusRingProps, StepLoader, type StepLoaderProps, type StepLoaderStep, type SuggestionListProps, type SuggestionOption, THREAD_REACTION_KEYS, type Tab, Tabs, type TabsProps, TagChipInput, type TagChipInputProps, TagRow, TaskCard, type TaskCardAvatar, type TaskCardCount, type TaskCardDate, type TaskCardDragProps, type TaskCardMedia, type TaskCardProps, type TextFilterOperator, TextInput, Textarea, TextareaInput, type TextareaProps, Thread, type ThreadAttachment, type ThreadAttachmentKind, type ThreadAuthor, type ThreadComment, ThreadComposer, type ThreadComposerProps, ThreadConnector, type ThreadConnectorProps, type ThreadEngagement, type ThreadLinkPreview, type ThreadParticipant, type ThreadProps, ThreadRail, type ThreadRailProps, type ThreadReactionCount, type ThreadReactionKey, type ThreadRenderContext, type ThreadSort, ThreadTrunkSegment, type ThreadVote, Toaster, ToggleRow, type ToggleRowProps, TokenBadge, type TokenBadgeProps, Tooltip, type TooltipProps, type TooltipTriggerProps, type UploadResult, type UseAnchoredPositionOptions, type UseAnchoredPositionResult, type UseAttachmentsOptions, type UseAttachmentsResult, type UseEscapeKeyOptions, type UseFileUploadOptions, type UseLayerOptions, type UseOutsideClickOptions, type UseThreadOptions, type UseThreadResult, ValueChip, type ValueChipProps, type VisibleReplies, type WcagBadge, applyMarkdownFormat, arcGeometry, arcSegments, areaPath, asAvatarTint, avatarTintForKey, bandScale, bestTextOn, buildCommentTree, clampPct, clearFilters, cn, computeAnchoredPosition, contrastRatio, copyText, countCommentTree, countDescendants, createDisplayStore, dateFilterFn, dateFilterOperators, defineColumns, detailPaneSide, determineNewOperator, engagementScore, facetedCounts, facetedMinMax, facetedRowsFor, filterRows, foldDonutData, folderColorVar, formatAbsoluteTime, formatAttachmentSize, formatCurrency, formatDateDisplay, formatNumber, formatPercent, formatRatio, formatRelativeTime, getFilter, hasBrandIcon, hexToRgbTuple, hslString, hueClass, hueForKey, indexColumns, initials, isColumnOfType, isOperatorOf, isScatterSlot, isSeriesSlot, ledgerProgress, linePath, linearScale, monthDomain, multiOptionFilterFn, multiOptionFilterOperators, negateOperator, niceTicks, normalizeToMax, numberFilterFn, numberFilterOperators, operatorDetails, operatorValueArity, operatorsForType, optionFilterFn, optionFilterOperators, paletteColor, parseDateValue, parseFilters, parseMentionHref, pastedTextFilename, pruneFilters, relatedOperators, relativeLuminance, removeFilter, rgbCss, rgbString, ringDash, rowMatchesFilter, rowMatchesFilters, scatterColor, serializeFilters, seriesColor, setDateFilter, setFilterOperator, setMultiOptionFilter, setNumberFilter, setOptionFilter, setTextFilter, shouldAttachPaste, slotColor, sortCommentTree, stackFractions, stackTotals, textFilterFn, textFilterOperators, toIsoTimestamp, toggleMultiOptionValue, toggleOptionValue, tooltipPosition, upsertFilter, useAnchoredPosition, useAttachmentUrl, useAttachments, useBreadcrumbHome, useEscapeKey, useFieldRowVisible, useFileUpload, useLayer, useNowTick, useOutsideClick, usePrefersReducedMotion, useThread, wcagBadges, withMinimumArc };
+export { ATTACHMENT_ACCEPT, ATTACHMENT_LIMITS, AVATAR_TINTS, AccordionCompound as Accordion, type AccordionProps, type AccordionSectionProps, type ActivityEntry, ActivityPane, type ActivityPaneProps, type ActivityTab, AllocationSparkbar, type AllocationSparkbarProps, type AnchorAlign, type AnchorPlacement, type AnchorRect, type AnchorSide, type AnchorSize, type AnchoredPosition, type AnchoredPositionOptions, type AnyColumnConfig, AppScroll, type ArcGeometry, type ArcSegment, AreaChart, type AreaChartProps, AttachmentButton, type AttachmentButtonProps, AttachmentDropZone, type AttachmentDropZoneProps, AttachmentGif, type AttachmentGifProps, AttachmentImage, type AttachmentImageProps, AttachmentLightbox, type AttachmentLightboxProps, AttachmentPlaceholder, type AttachmentTicketLike, AttachmentTray, type AttachmentTrayProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarTint, BOARD_HUE_KEYS, BOARD_STATUS_KEYS, BRAND_ICONS, Badge, type BadgeProps, type BadgeTone, type BandScale, BarChart, type BarChartDatum, type BarChartEmphasis, type BarChartMode, type BarChartOrientation, type BarChartProps, type BarChartSeries, Board, type BoardCardContext, BoardColumn, type BoardColumnProps, type BoardColumnSpec, type BoardHueKey, type BoardItemLeadContext, type BoardProps, type BoardStatusKey, BrandFacebook, BrandIcon, type BrandIconKey, type BrandIconProps, BrandInstagram, BrandLinkedIn, BrandLogoTile, type BrandLogoTileProps, type BrandLogoTileSize, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, type BulkActionBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, COLUMN_DATA_TYPES, type CalcLayout, type CalcPrefill, CalculatorShell, type CalculatorShellProps, CalculatorShellV2, type CalculatorShellV2Props, Card, ChartFrame, type ChartFrameProps, type ChartFrameState, type ChartFrameView, ChartLegend, type ChartLegendItem, type ChartLegendProps, type ChartSlot, type ChartTableData, type ChartTableRow, ChartTooltip, type ChartTooltipProps, type ChartTooltipRow, Checkbox, type CheckboxProps, ChipNav, type ChipNavItem, ChipToggleGroup, type ChipToggleGroupProps, type ChipToggleItem, Choropleth, type ChoroplethProps, CodeBlock, type CodeBlockProps, CollapsedReplies, type CollapsedRepliesProps, CollapsibleCard, type CollapsibleCardProps, type ColumnAccessor, type ColumnConfig, type ColumnDataNativeMap, type ColumnDataType, type ColumnOption, type ColumnValueMap, Combobox, type ComboboxGroup, type ComboboxMultipleProps, type ComboboxOption, type ComboboxOptionState, type ComboboxProps, type ComboboxSingleProps, type ComboboxSize, CommentActions, type CommentActionsProps, CommentBody, type CommentBodyProps, type CommentDeliveryState, CommentItem, type CommentItemProps, type CommentNode, CommentVote, type CommentVoteProps, CompletionRing, type CompletionRingProps, type ComposerAttachment, type ComposerAttachmentKind, type ComposerAttachmentState, CopyField, type CopyFieldProps, type Crumb, DEFAULT_INDENT_CLAMP_DEPTH, DEFAULT_MAX_DEPTH, DEFAULT_OPERATORS, DEFAULT_REPLIES_VISIBLE, DETAIL_COLLAPSE_VALUES, DETAIL_MODES, DETAIL_MODE_LABELS, DETAIL_PANEL_DEFAULT_SIZE, DONUT_OTHER_KEY, DataGrid, type DataGridColumn, DataGridColumnOptionsMenu, DataGridDragOverlay, type DataGridDrawerPanelProps, DataGridDropIndicator, type DataGridIcon, type DataGridProps, type DataGridRowBase, type DataGridSortState, DataGridToolbar, type DataGridToolbarProps, type DataGridToolbarRenderProps, type DateFilterOperator, type DateParts, DeltaChip, type DeltaChipProps, type DeltaDirection, type DeltaFormat, type DetailCollapse, DetailDivider, type DetailDividerProps, DetailHeader, type DetailHeaderProps, DetailMenu, type DetailMenuAction, type DetailMenuItem, type DetailMenuProps, type DetailMode, type DetailPaneSide, DetailSection, DetailSurface, type DetailSurfaceProps, DeviceFrame, type DeviceFrameProps, type DisplayAllowed, type DisplayController, type DisplayMigrations, DisplayPopover, type DisplayPopoverProps, type DisplayPopoverSectionProps, type DisplayProviderProps, type DisplaySettings, type DisplayStore, type DisplayStoreOptions, type DisplayValue, DonutChart, type DonutChartDatum, type DonutChartProps, type DonutFold, type DonutGapSurface, type DonutSlice, DragHandle, DropdownButton, type DropdownButtonItem, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, type EditingCell, type ElementType, type EmojiEntry, EmptyPlaceholder, EmptyState, type EmptyStateProps, type Extent, FIELD_FILTERS, FIELD_FILTER_LABELS, FILTERS_SEARCH_PARAM, FILTER_OPERATOR_DETAILS, FOLDER_COLOR_KEYS, type FieldFilter, FieldList, type FieldListProps, type FieldOption, type FieldPerson, FieldRow, type FieldRowDateProps, type FieldRowPeopleProps, type FieldRowProps, type FieldRowSelectProps, type FieldRowTagsProps, type FieldRowTextProps, FieldValueButton, type FieldValueButtonProps, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, type FilterBarCountProps, type FilterBarProps, type FilterBarSearchProps, FilterChipBar, type FilterChipBarProps, type FilterDetails, FilterDropdown, type FilterDropdownProps, type FilterFieldIconRenderer, FilterMenu, type FilterMenuProps, type FilterModel, type FilterOperatorArity, type FilterOperatorDetails, type FilterOperatorDetailsShape, type FilterOperatorTarget, type FilterOperators, type FilterOption, type FilterOptionIconRenderer, type FilterTypeOperatorDetails, type FilterValues, type FiltersState, FloatingDrawer, type FloatingDrawerProps, FloatingStatusBar, type FloatingStatusBarProps, type FloatingStatusTone, FolderCard, type FolderCardProps, type FolderColorKey, type FolderTreeNode, FolderTreePicker, type FolderTreePickerProps, FrameStack, type FrameStackProps, GIF_SEARCH_DEBOUNCE_MS, type GaugeBand, GaugeRing, type GaugeRingProps, type GaugeTone, GifPicker, type GifPickerProps, type GifPickerResult, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, type HeroFormCardAdvancedProps, type HeroFormCardBannerProps, type HeroFormCardFieldProps, type HeroFormCardProps, type HeroFormCardSectionProps, type HomeCrumb, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, Input, type InputProps, type InputSize, Kbd, type KbdProps, LINK_PREVIEW_DEFAULT_ASPECT, LISTBOX_CLASS, type LayerHandle, type LayerKind, type LedgerCell, type LedgerProgress, type LedgerSegment, LineChart, type LineChartProps, type LineChartSeries, LineIcon, LinkPreview, type LinkPreviewProps, ListItem, ListboxOption, type ListboxOptionProps, MarkdownCode, type MarkdownEdit, type MarkdownFormat, MarkdownRenderer, type MarkdownRendererProps, type MentionSuggestionItem, type MentionTarget, type MentionTargetType, MenuButton, type MenuButtonEntry, type MenuButtonItem, type MenuButtonProps, type MenuButtonSeparator, MetaCell, type MetaCellProps, index as MetaPreviews, MetricCard, type MetricCardProps, type MetricCardTone, MicrosoftLogo, type MicrosoftLogoProps, Modal, type MultiOptionFilterOperator, MultiSortableList, type MultiSortableListProps, type MultiSortableMove, type Nullable, type NumberFilterOperator, type NumericInput, OTHER_SLOT_COLOR, type OptionBasedColumnDataType, type OptionFilterOperator, OptionRow, type OptionRowProps, OptionTile, OptionTileGroup, type OptionTileGroupProps, type OptionTileProps, type OutsideClickTarget, PASTE_ATTACHMENT_THRESHOLD, PLACEMENT_CONFIGS, POPOVER_SURFACE_STYLE, PREVIEW_SETTLE_MS, PageHeaderHost, PageHeaderSlotProvider, PageHero, type PageHeroProps, PageShell, Pagination, type PaginationProps, type PendingFile, PillButton, type PillButtonProps, type PlacementPreview, type Point, Popover, type PopoverContentProps, type PopoverFooterAction, PopoverFooterActions, type PopoverFooterActionsProps, type PopoverProps, type PopoverTriggerProps, type PreviewAdData, type PreviewConfiguration, type PreviewDevice, type PreviewPlacement, type PreviewPlatform, PS as ProfileSection, type ProfileSectionProps, ProgressBar, type ProgressBarProps, ProgressLedger, type ProgressLedgerProps, REACTION_META, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeSlider, type RangeSliderProps, RankedBars, type RankedBarsItem, type RankedBarsProps, type RankedBarsSort, ReactionBar, type ReactionBarProps, RelativeTime, type RelativeTimeProps, ResizableHandle, type ResizableHandleProps, ResizablePane, type ResizablePaneProps, type RgbTuple, type RichComposerAttachmentProps, RichThreadComposer, type RichThreadComposerProps, type RingDash, SCATTER_SLOT_COUNT, SECTION_SCROLL_OFFSET, SERIES, SERIES_SCATTER, SERIES_SLOT_COUNT, STATUS_GLYPHS, STATUS_LABELS, type ScaleFn, type ScatterSlot, SearchBar, type SearchBarProps, SectionHeading, type SectionHeadingProps, SectionLabel, SegmentedPill, type SegmentedPillItem, type SegmentedPillProps, Select, type SelectOption, type SelectProps, SelectRow, type SelectRowProps, type SelectSize, type SeriesPalette, type SeriesSlot, Shell, type ShellProps, ShellStat, type ShellStatProps, type ShellStatTone, type ShellSubCardProps, type ShellTrayBodyProps, type ShellTrayFooterProps, type ShellTrayHeaderProps, type ShellTrayProps, Slider, type SliderProps, type SortableContainers, SortableDropZone, SortableItem, SortableList, SortableTable, type Column as SortableTableColumn, type SortableTableProps, Sparkline, type SparklineProps, type SparklineVariant, StatCard, type StatCardFooterLink, type StatCardProps, type StatCardSize, StatRow, type StatRowProps, type StatRowStep, StatStrip, type StatStripCell, type StatStripProps, StatsGrid, type StatsGridProps, StatusGlyph, type StatusGlyphProps, StatusRing, type StatusRingProps, StepLoader, type StepLoaderProps, type StepLoaderStep, type SuggestionListProps, type SuggestionOption, THREAD_REACTION_KEYS, type Tab, Tabs, type TabsProps, TagChipInput, type TagChipInputProps, TagRow, TaskCard, type TaskCardAvatar, type TaskCardCount, type TaskCardDate, type TaskCardDragProps, type TaskCardMedia, type TaskCardProps, type TextFilterOperator, TextInput, Textarea, TextareaInput, type TextareaProps, Thread, type ThreadAttachment, type ThreadAttachmentKind, type ThreadAuthor, type ThreadComment, ThreadComposer, type ThreadComposerProps, ThreadConnector, type ThreadConnectorProps, type ThreadEngagement, type ThreadLinkPreview, type ThreadParticipant, type ThreadProps, ThreadRail, type ThreadRailProps, type ThreadReactionCount, type ThreadReactionKey, type ThreadRenderContext, type ThreadSort, ThreadTrunkSegment, type ThreadVote, Toaster, ToggleRow, type ToggleRowProps, TokenBadge, type TokenBadgeProps, Tooltip, type TooltipProps, type TooltipTriggerProps, type UploadResult, type UseAnchoredPositionOptions, type UseAnchoredPositionResult, type UseAttachmentsOptions, type UseAttachmentsResult, type UseEscapeKeyOptions, type UseFileUploadOptions, type UseLayerOptions, type UseOutsideClickOptions, type UseThreadOptions, type UseThreadResult, ValueChip, type ValueChipProps, type VisibleReplies, type WcagBadge, applyMarkdownFormat, arcGeometry, arcSegments, areaPath, asAvatarTint, avatarTintForKey, bandScale, bestTextOn, buildCommentTree, clampPct, clearFilters, cn, computeAnchoredPosition, contrastRatio, copyText, countCommentTree, countDescendants, createDisplayStore, dateFilterFn, dateFilterOperators, defineColumns, detailPaneSide, determineNewOperator, engagementScore, facetedCounts, facetedMinMax, facetedRowsFor, filterRows, foldDonutData, folderColorVar, formatAbsoluteTime, formatAttachmentSize, formatCurrency, formatDateDisplay, formatNumber, formatPercent, formatRatio, formatRelativeTime, getFilter, hasBrandIcon, hexToRgbTuple, hslString, hueClass, hueForKey, indexColumns, initials, isColumnOfType, isOperatorOf, isScatterSlot, isSeriesSlot, ledgerProgress, linePath, linearScale, monthDomain, multiOptionFilterFn, multiOptionFilterOperators, negateOperator, niceTicks, normalizeToMax, numberFilterFn, numberFilterOperators, operatorDetails, operatorValueArity, operatorsForType, optionFilterFn, optionFilterOperators, paletteColor, parseDateValue, parseFilters, parseMentionHref, pastedTextFilename, pointerFirstCollision, pruneFilters, relatedOperators, relativeLuminance, removeFilter, rgbCss, rgbString, ringDash, rowMatchesFilter, rowMatchesFilters, scatterColor, serializeFilters, seriesColor, setDateFilter, setFilterOperator, setMultiOptionFilter, setNumberFilter, setOptionFilter, setTextFilter, shouldAttachPaste, slotColor, sortCommentTree, stackFractions, stackTotals, textFilterFn, textFilterOperators, toIsoTimestamp, toggleMultiOptionValue, toggleOptionValue, tooltipPosition, upsertFilter, useAnchoredPosition, useAttachmentUrl, useAttachments, useBreadcrumbHome, useEscapeKey, useFieldRowVisible, useFileUpload, useLayer, useNowTick, useOutsideClick, usePrefersReducedMotion, useThread, wcagBadges, withMinimumArc };

package/dist/index.js

@@ -7,7 +7,7 @@ import { createPortal } from 'react-dom';
 import { Link } from 'react-router-dom';
 import { toast, Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
-import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, MeasuringStrategy, closestCorners, DragOverlay, useDroppable } from '@dnd-kit/core';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, pointerWithin, closestCorners, MeasuringStrategy, DragOverlay, useDroppable } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, SortableContext, horizontalListSortingStrategy, rectSortingStrategy, verticalListSortingStrategy, useSortable, arrayMove } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 
@@ -2162,6 +2162,11 @@ function DragHandle({
     }
   );
 }
+var pointerFirstCollision = (args) => {
+  const byPointer = pointerWithin(args);
+  return byPointer.length > 0 ? byPointer : closestCorners(args);
+};
+var PREVIEW_SETTLE_MS = 500;
 function moveBetween(arrangement, itemId, from, to, index) {
   const next = { ...arrangement };
   const fromItems = (next[from] ?? []).filter((id) => id !== itemId);
@@ -2176,6 +2181,7 @@ function MultiSortableList({
   containers,
   containerOrder,
   onMove,
+  collisionDetection = pointerFirstCollision,
   renderOverlay,
   labelForItem,
   labelForContainer,
@@ -2189,7 +2195,34 @@ function MultiSortableList({
   const [overContainerId, setOverContainerId] = useState(null);
   const [preview, setPreview] = useState(null);
   const originRef = useRef(null);
-  const arrangement = preview ?? containers;
+  const settleTimer = useRef(null);
+  useEffect(
+    () => () => {
+      if (settleTimer.current !== null) clearTimeout(settleTimer.current);
+    },
+    []
+  );
+  const stopSettleTimer = () => {
+    if (settleTimer.current !== null) {
+      clearTimeout(settleTimer.current);
+      settleTimer.current = null;
+    }
+  };
+  const superseded = preview !== null && preview.settled && preview.basis !== containers;
+  const arrangement = preview !== null && !superseded ? preview.arrangement : containers;
+  if (superseded) setPreview(null);
+  const holdPreview = (next) => {
+    stopSettleTimer();
+    if (next === containers) {
+      setPreview(null);
+      return;
+    }
+    setPreview({ arrangement: next, basis: containers, settled: true });
+    settleTimer.current = setTimeout(() => {
+      settleTimer.current = null;
+      setPreview(null);
+    }, PREVIEW_SETTLE_MS);
+  };
   const containerOf = (id) => {
     if (containerOrder.includes(id)) return id;
     for (const containerId of containerOrder) {
@@ -2202,8 +2235,9 @@ function MultiSortableList({
   const handleDragStart = (event) => {
     const id = String(event.active.id);
     setActiveId(id);
-    originRef.current = containers;
-    setPreview(containers);
+    stopSettleTimer();
+    originRef.current = arrangement;
+    setPreview({ arrangement, basis: containers, settled: false });
     setOverContainerId(containerOf(id));
   };
   const handleDragOver = (event) => {
@@ -2221,7 +2255,11 @@ function MultiSortableList({
     const overItems = arrangement[to] ?? [];
     const overIndex = overItems.indexOf(overId);
     const index = overIndex === -1 ? overItems.length : overIndex;
-    setPreview(moveBetween(arrangement, itemId, from, to, index));
+    setPreview({
+      arrangement: moveBetween(arrangement, itemId, from, to, index),
+      basis: containers,
+      settled: false
+    });
   };
   const handleDragEnd = (event) => {
     const { active, over } = event;
@@ -2234,7 +2272,7 @@ function MultiSortableList({
     setOverContainerId(null);
     originRef.current = null;
     if (!over || !from) {
-      setPreview(null);
+      holdPreview(origin);
       return;
     }
     const overId = String(over.id);
@@ -2243,21 +2281,25 @@ function MultiSortableList({
     const overIndex = overItems.indexOf(overId);
     const index = overIndex === -1 ? overItems.length : overIndex;
     const next = moveBetween(origin, itemId, from, to, index);
-    setPreview(null);
-    if (from === to && (origin[from] ?? []).indexOf(itemId) === index) return;
+    if (from === to && (origin[from] ?? []).indexOf(itemId) === index) {
+      holdPreview(origin);
+      return;
+    }
+    holdPreview(next);
     onMove({ itemId, fromContainerId: from, toContainerId: to, toIndex: index }, next);
   };
   const handleDragCancel = () => {
     setActiveId(null);
     setOverContainerId(null);
+    const origin = originRef.current ?? containers;
     originRef.current = null;
-    setPreview(null);
+    holdPreview(origin);
   };
   return /* @__PURE__ */ jsxs(
     DndContext,
     {
       sensors,
-      collisionDetection: closestCorners,
+      collisionDetection,
       measuring: { droppable: { strategy: MeasuringStrategy.Always } },
       onDragStart: handleDragStart,
       onDragOver: handleDragOver,
@@ -18233,8 +18275,14 @@ function isDisplayValue(value) {
   if (typeof value === "string" || typeof value === "boolean") return true;
   return typeof value === "number" && Number.isFinite(value);
 }
-function createDisplayStore(name, defaults, allowed, migrations) {
-  const storageKey = (scope) => `workspace:${name}:${scope}:display`;
+function createDisplayStore(name, defaults, allowed, migrations, options) {
+  const prefix = options?.prefix ?? "workspace";
+  if (prefix === "") {
+    throw new Error(
+      "createDisplayStore: `prefix` cannot be empty \u2014 omit the option to use the default."
+    );
+  }
+  const storageKey = (scope) => `${prefix}:${name}:${scope}:display`;
   function validate(key, input) {
     const fallback = defaults[key];
     const migrate = migrations?.[key];
@@ -25126,6 +25174,10 @@ function authorLabel(author) {
   if (email !== void 0 && email !== "") return email;
   return "Unknown member";
 }
+var TOMBSTONE = {
+  deleted: { byline: "[deleted]", body: "[deleted]" },
+  moderated: { byline: "[removed]", body: "[removed by an admin]" }
+};
 function replyCountLabel(count) {
   return `${String(count)} ${count === 1 ? "reply" : "replies"}`;
 }
@@ -25229,7 +25281,8 @@ function CommentItem({
   const collapsed = thread.isCollapsed(node.id);
   const deleted = node.deletedAt != null;
   const state = node.state ?? "sent";
-  const label = deleted ? "[deleted]" : authorLabel(node.author);
+  const tombstone = deleted ? TOMBSTONE[node.moderated === true ? "moderated" : "deleted"] : null;
+  const label = tombstone === null ? authorLabel(node.author) : tombstone.byline;
   const descendants = countDescendants(node);
   const atCap = renderDepth >= thread.maxDepth && !continued;
   const { visible, hidden } = thread.visibleReplies(node);
@@ -25410,7 +25463,7 @@ function CommentItem({
                 }
               )
             ),
-            deleted ? /* @__PURE__ */ jsx("p", { className: "text-[13px] italic", style: { color: "rgb(var(--text-tertiary))" }, children: "[deleted]" }) : /* @__PURE__ */ jsx(
+            tombstone !== null ? /* @__PURE__ */ jsx("p", { className: "text-[13px] italic", style: { color: "rgb(var(--text-tertiary))" }, children: tombstone.body }) : /* @__PURE__ */ jsx(
               CommentBody,
               {
                 bodyMd: node.bodyMd,
@@ -26219,6 +26272,11 @@ function ActivityPane({
   onDraftChange,
   onSubmit,
   onReply,
+  onReact,
+  onEdit,
+  onDelete,
+  onRetry,
+  onHideLinkPreview,
   sending = false,
   composerAvatar,
   composerPlaceholder = "Add a comment\u2026",
@@ -26318,11 +26376,18 @@ function ActivityPane({
               (item) => item.kind === "comment" ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                 FeedLine,
                 {
-                  author: item.comment.author ?? null,
+                  author: item.comment.deletedAt === null || item.comment.deletedAt === void 0 ? item.comment.author ?? null : null,
                   at: item.at,
                   now: clock,
                   locale,
-                  body: item.comment.deletedAt === null || item.comment.deletedAt === void 0 ? /* @__PURE__ */ jsx(CommentBody, { bodyMd: item.comment.bodyMd }) : /* @__PURE__ */ jsx("span", { style: { color: "rgb(var(--text-tertiary))" }, children: "Comment deleted" }),
+                  body: item.comment.deletedAt === null || item.comment.deletedAt === void 0 ? /* @__PURE__ */ jsx(CommentBody, { bodyMd: item.comment.bodyMd }) : (
+                    // The feed's register, not the thread's: a line in a
+                    // sentence rather than a bracketed placeholder. The
+                    // DISTINCTION is the same one, and it has to be, or a
+                    // reader gets one answer on Everything and another on
+                    // Comments about the same comment (FU-0032).
+                    /* @__PURE__ */ jsx("span", { style: { color: "rgb(var(--text-tertiary))" }, children: item.comment.moderated === true ? "Comment removed by an admin" : "Comment deleted" })
+                  ),
                   lead: "commented"
                 }
               ) }, `comment-${item.comment.id}`) : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ActivityLine, { entry: item.entry, now: clock, locale }) }, `activity-${item.entry.id}`)
@@ -26352,7 +26417,12 @@ function ActivityPane({
                   onSubmit: (body, parentId) => {
                     if (parentId !== void 0) onReply(body, parentId);
                   }
-                }
+                },
+                ...onReact === void 0 ? {} : { onReact },
+                ...onEdit === void 0 ? {} : { onEdit },
+                ...onDelete === void 0 ? {} : { onDelete },
+                ...onRetry === void 0 ? {} : { onRetry },
+                ...onHideLinkPreview === void 0 ? {} : { onHideLinkPreview }
               }
             )
           }
@@ -26510,6 +26580,6 @@ function Value({ children }) {
   return /* @__PURE__ */ jsx("span", { className: "font-medium", style: { color: "rgb(var(--foreground))" }, children });
 }
 
-export { AVATAR_TINTS, AccordionCompound as Accordion, ActivityPane, AllocationSparkbar, AppScroll, AreaChart, Avatar, AvatarGroup, BOARD_HUE_KEYS, BOARD_STATUS_KEYS, BRAND_ICONS, Badge, BarChart, Board, BoardColumn, BrandFacebook, BrandIcon, BrandInstagram, BrandLinkedIn, BrandLogoTile, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, ButtonGroup, COLUMN_DATA_TYPES, CalculatorShell, CalculatorShellV2, card_default as Card, ChartFrame, ChartLegend, ChartTooltip, Checkbox, ChipNav, ChipToggleGroup, Choropleth, CollapsedReplies, CollapsibleCard, Combobox2 as Combobox, CommentActions, CommentItem, CommentVote, CompletionRing, CopyField, DEFAULT_INDENT_CLAMP_DEPTH, DEFAULT_MAX_DEPTH, DEFAULT_OPERATORS, DEFAULT_REPLIES_VISIBLE, DETAIL_COLLAPSE_VALUES, DETAIL_MODES, DETAIL_MODE_LABELS, DETAIL_PANEL_DEFAULT_SIZE, DONUT_OTHER_KEY, DataGrid, DataGridColumnOptionsMenu, DataGridDragOverlay, DataGridDropIndicator, DataGridToolbar, DeltaChip, DetailDivider, DetailHeader, DetailMenu, DetailSection, DetailSurface, DeviceFrame, DisplayPopover, DonutChart, DragHandle, DropdownButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyPlaceholder, EmptyState, FIELD_FILTERS, FIELD_FILTER_LABELS, FILTERS_SEARCH_PARAM, FILTER_OPERATOR_DETAILS, FOLDER_COLOR_KEYS, FieldList, FieldRow2 as FieldRow, FieldValueButton, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, FilterChipBar, FilterDropdown, FilterMenu, FloatingDrawer, FloatingStatusBar, FolderCard, FolderTreePicker, FrameStack, GaugeRing, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, LINK_PREVIEW_DEFAULT_ASPECT, LISTBOX_CLASS, LineChart, LineIcon, LinkPreview, ListItem, ListboxOption, MenuButton, MetaCell, meta_previews_exports as MetaPreviews, MetricCard, MicrosoftLogo, modal_default as Modal, MultiSortableList, OTHER_SLOT_COLOR, OptionRow, OptionTile, OptionTileGroup, PLACEMENT_CONFIGS, PageHeaderHost, PageHeaderSlotProvider, PageHero, page_shell_default as PageShell, Pagination, PillButton, PopoverFooterActions, profile_section_default as ProfileSection, ProgressBar, ProgressLedger, REACTION_META, Radio, RadioGroup, RangeSlider, RankedBars, ReactionBar, RelativeTime, ResizableHandle, ResizablePane, SCATTER_SLOT_COUNT, SECTION_SCROLL_OFFSET, SERIES, SERIES_SCATTER, SERIES_SLOT_COUNT, STATUS_GLYPHS, STATUS_LABELS, SearchBar, SectionHeading, SectionLabel, SegmentedPill, Select2 as Select, SelectRow, Shell2 as Shell, ShellStat, Slider, SortableDropZone, SortableItem, SortableList, SortableTable, Sparkline, StatCard, StatRow, StatStrip, StatsGrid, StatusGlyph, StatusRing, StepLoader, THREAD_REACTION_KEYS, Tabs, TagChipInput, TagRow, TaskCard, TextInput, Textarea, TextareaInput, Thread, ThreadConnector, ThreadRail, ThreadTrunkSegment, Toaster, ToggleRow, TokenBadge, Tooltip, ValueChip, arcGeometry, arcSegments, areaPath, asAvatarTint, avatarTintForKey, bandScale, bestTextOn, buildCommentTree, clampPct, clearFilters, contrastRatio, copyText, countCommentTree, countDescendants, createDisplayStore, dateFilterFn, dateFilterOperators, defineColumns, detailPaneSide, determineNewOperator, engagementScore, facetedCounts, facetedMinMax, facetedRowsFor, filterRows, foldDonutData, folderColorVar, formatAbsoluteTime, formatCurrency, formatDateDisplay, formatNumber, formatPercent, formatRatio, formatRelativeTime, getFilter, hasBrandIcon, hexToRgbTuple, hslString, hueClass, hueForKey, indexColumns, initials2 as initials, isColumnOfType, isOperatorOf, isScatterSlot, isSeriesSlot, ledgerProgress, linePath, linearScale, monthDomain, multiOptionFilterFn, multiOptionFilterOperators, negateOperator, niceTicks, normalizeToMax, numberFilterFn, numberFilterOperators, operatorDetails, operatorValueArity, operatorsForType, optionFilterFn, optionFilterOperators, paletteColor, parseDateValue, parseFilters, pruneFilters, relatedOperators, relativeLuminance, removeFilter, rgbCss, rgbString, ringDash, rowMatchesFilter, rowMatchesFilters, scatterColor, serializeFilters, seriesColor, setDateFilter, setFilterOperator, setMultiOptionFilter, setNumberFilter, setOptionFilter, setTextFilter, slotColor, sortCommentTree, stackFractions, stackTotals, textFilterFn, textFilterOperators, toIsoTimestamp, toggleMultiOptionValue, toggleOptionValue, tooltipPosition, upsertFilter, useBreadcrumbHome, useFieldRowVisible, useFileUpload, useNowTick, useThread, wcagBadges, withMinimumArc };
+export { AVATAR_TINTS, AccordionCompound as Accordion, ActivityPane, AllocationSparkbar, AppScroll, AreaChart, Avatar, AvatarGroup, BOARD_HUE_KEYS, BOARD_STATUS_KEYS, BRAND_ICONS, Badge, BarChart, Board, BoardColumn, BrandFacebook, BrandIcon, BrandInstagram, BrandLinkedIn, BrandLogoTile, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, ButtonGroup, COLUMN_DATA_TYPES, CalculatorShell, CalculatorShellV2, card_default as Card, ChartFrame, ChartLegend, ChartTooltip, Checkbox, ChipNav, ChipToggleGroup, Choropleth, CollapsedReplies, CollapsibleCard, Combobox2 as Combobox, CommentActions, CommentItem, CommentVote, CompletionRing, CopyField, DEFAULT_INDENT_CLAMP_DEPTH, DEFAULT_MAX_DEPTH, DEFAULT_OPERATORS, DEFAULT_REPLIES_VISIBLE, DETAIL_COLLAPSE_VALUES, DETAIL_MODES, DETAIL_MODE_LABELS, DETAIL_PANEL_DEFAULT_SIZE, DONUT_OTHER_KEY, DataGrid, DataGridColumnOptionsMenu, DataGridDragOverlay, DataGridDropIndicator, DataGridToolbar, DeltaChip, DetailDivider, DetailHeader, DetailMenu, DetailSection, DetailSurface, DeviceFrame, DisplayPopover, DonutChart, DragHandle, DropdownButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyPlaceholder, EmptyState, FIELD_FILTERS, FIELD_FILTER_LABELS, FILTERS_SEARCH_PARAM, FILTER_OPERATOR_DETAILS, FOLDER_COLOR_KEYS, FieldList, FieldRow2 as FieldRow, FieldValueButton, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, FilterChipBar, FilterDropdown, FilterMenu, FloatingDrawer, FloatingStatusBar, FolderCard, FolderTreePicker, FrameStack, GaugeRing, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, LINK_PREVIEW_DEFAULT_ASPECT, LISTBOX_CLASS, LineChart, LineIcon, LinkPreview, ListItem, ListboxOption, MenuButton, MetaCell, meta_previews_exports as MetaPreviews, MetricCard, MicrosoftLogo, modal_default as Modal, MultiSortableList, OTHER_SLOT_COLOR, OptionRow, OptionTile, OptionTileGroup, PLACEMENT_CONFIGS, PREVIEW_SETTLE_MS, PageHeaderHost, PageHeaderSlotProvider, PageHero, page_shell_default as PageShell, Pagination, PillButton, PopoverFooterActions, profile_section_default as ProfileSection, ProgressBar, ProgressLedger, REACTION_META, Radio, RadioGroup, RangeSlider, RankedBars, ReactionBar, RelativeTime, ResizableHandle, ResizablePane, SCATTER_SLOT_COUNT, SECTION_SCROLL_OFFSET, SERIES, SERIES_SCATTER, SERIES_SLOT_COUNT, STATUS_GLYPHS, STATUS_LABELS, SearchBar, SectionHeading, SectionLabel, SegmentedPill, Select2 as Select, SelectRow, Shell2 as Shell, ShellStat, Slider, SortableDropZone, SortableItem, SortableList, SortableTable, Sparkline, StatCard, StatRow, StatStrip, StatsGrid, StatusGlyph, StatusRing, StepLoader, THREAD_REACTION_KEYS, Tabs, TagChipInput, TagRow, TaskCard, TextInput, Textarea, TextareaInput, Thread, ThreadConnector, ThreadRail, ThreadTrunkSegment, Toaster, ToggleRow, TokenBadge, Tooltip, ValueChip, arcGeometry, arcSegments, areaPath, asAvatarTint, avatarTintForKey, bandScale, bestTextOn, buildCommentTree, clampPct, clearFilters, contrastRatio, copyText, countCommentTree, countDescendants, createDisplayStore, dateFilterFn, dateFilterOperators, defineColumns, detailPaneSide, determineNewOperator, engagementScore, facetedCounts, facetedMinMax, facetedRowsFor, filterRows, foldDonutData, folderColorVar, formatAbsoluteTime, formatCurrency, formatDateDisplay, formatNumber, formatPercent, formatRatio, formatRelativeTime, getFilter, hasBrandIcon, hexToRgbTuple, hslString, hueClass, hueForKey, indexColumns, initials2 as initials, isColumnOfType, isOperatorOf, isScatterSlot, isSeriesSlot, ledgerProgress, linePath, linearScale, monthDomain, multiOptionFilterFn, multiOptionFilterOperators, negateOperator, niceTicks, normalizeToMax, numberFilterFn, numberFilterOperators, operatorDetails, operatorValueArity, operatorsForType, optionFilterFn, optionFilterOperators, paletteColor, parseDateValue, parseFilters, pointerFirstCollision, pruneFilters, relatedOperators, relativeLuminance, removeFilter, rgbCss, rgbString, ringDash, rowMatchesFilter, rowMatchesFilters, scatterColor, serializeFilters, seriesColor, setDateFilter, setFilterOperator, setMultiOptionFilter, setNumberFilter, setOptionFilter, setTextFilter, slotColor, sortCommentTree, stackFractions, stackTotals, textFilterFn, textFilterOperators, toIsoTimestamp, toggleMultiOptionValue, toggleOptionValue, tooltipPosition, upsertFilter, useBreadcrumbHome, useFieldRowVisible, useFileUpload, useNowTick, useThread, wcagBadges, withMinimumArc };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map