@dnd-block-tree/svelte 2.1.0

package/dist/components/DragOverlay.svelte

@@ -0,0 +1,48 @@
+<script lang="ts">
+  import type { BaseBlock } from '@dnd-block-tree/core'
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    activeBlock: BaseBlock | null
+    selectedCount?: number
+    children?: Snippet<[BaseBlock]>
+  }
+
+  let {
+    activeBlock,
+    selectedCount = 0,
+    children,
+  }: Props = $props()
+
+  const showBadge = $derived(selectedCount > 1)
+</script>
+
+<!-- DragOverlay renders outside the normal tree flow -->
+{#if activeBlock}
+  <div style="position: relative;">
+    {#if showBadge}
+      <!-- Stacked card effect -->
+      <div
+        style="position: absolute; top: 4px; left: 4px; right: -4px; bottom: -4px; border-radius: 8px; border: 1px solid #d1d5db; background: #f3f4f6; opacity: 0.6; z-index: -1;"
+      ></div>
+      <!-- Count badge -->
+      <div
+        style="position: absolute; top: -8px; right: -8px; background: #3b82f6; color: white; border-radius: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; z-index: 10; box-shadow: 0 1px 3px rgba(0,0,0,0.2);"
+      >
+        {selectedCount}
+      </div>
+    {/if}
+    {#if children}
+      {@render children(activeBlock)}
+    {:else}
+      <div style="background: white; border: 1px solid #d1d5db; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); border-radius: 6px; padding: 12px; font-size: 14px; width: 256px; pointer-events: none;">
+        <div style="color: #6b7280; text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; margin-bottom: 4px;">
+          {activeBlock.type}
+        </div>
+        <div style="font-weight: 600; color: #1f2937;">
+          Block {activeBlock.id.slice(0, 8)}
+        </div>
+      </div>
+    {/if}
+  </div>
+{/if}

package/dist/components/DragOverlay.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { BaseBlock } from '@dnd-block-tree/core';
+import type { Snippet } from 'svelte';
+interface Props {
+    activeBlock: BaseBlock | null;
+    selectedCount?: number;
+    children?: Snippet<[BaseBlock]>;
+}
+declare const DragOverlay: import("svelte").Component<Props, {}, "">;
+type DragOverlay = ReturnType<typeof DragOverlay>;
+export default DragOverlay;
+//# sourceMappingURL=DragOverlay.svelte.d.ts.map

package/dist/components/DragOverlay.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragOverlay.svelte.d.ts","sourceRoot":"","sources":["../../src/components/DragOverlay.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,WAAW,EAAE,SAAS,GAAG,IAAI,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;CAChC;AA2CH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/DraggableBlock.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { createDraggable } from '@dnd-kit/svelte'
+  import type { BaseBlock } from '@dnd-block-tree/core'
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    block: BaseBlock
+    disabled?: boolean
+    isContainer?: boolean
+    isExpanded?: boolean
+    isSelected?: boolean
+    depth?: number
+    children: Snippet<[{ isDragging: boolean }]>
+  }
+
+  let {
+    block,
+    disabled = false,
+    isContainer = false,
+    isExpanded = false,
+    isSelected = false,
+    depth = 0,
+    children,
+  }: Props = $props()
+
+  const draggable = createDraggable({ get id() { return block.id }, get disabled() { return disabled } })
+</script>
+
+<div
+  {@attach draggable.attach}
+  data-block-id={block.id}
+  style:touch-action="none"
+  style:min-width="0"
+  style:outline="none"
+  role="treeitem"
+  aria-level={depth + 1}
+  aria-expanded={isContainer ? isExpanded : undefined}
+  aria-selected={isSelected || undefined}
+  data-selected={isSelected || undefined}
+  tabindex="-1"
+>
+  {@render children({ isDragging: draggable.isDragging })}
+</div>

package/dist/components/DraggableBlock.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { BaseBlock } from '@dnd-block-tree/core';
+import type { Snippet } from 'svelte';
+interface Props {
+    block: BaseBlock;
+    disabled?: boolean;
+    isContainer?: boolean;
+    isExpanded?: boolean;
+    isSelected?: boolean;
+    depth?: number;
+    children: Snippet<[{
+        isDragging: boolean;
+    }]>;
+}
+declare const DraggableBlock: import("svelte").Component<Props, {}, "">;
+type DraggableBlock = ReturnType<typeof DraggableBlock>;
+export default DraggableBlock;
+//# sourceMappingURL=DraggableBlock.svelte.d.ts.map

package/dist/components/DraggableBlock.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableBlock.svelte.d.ts","sourceRoot":"","sources":["../../src/components/DraggableBlock.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAA;CAC7C;AA0BH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/DropZone.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { createDroppable } from '@dnd-kit/svelte'
+  import { extractUUID } from '@dnd-block-tree/core'
+
+  interface Props {
+    id: string
+    parentId: string | null
+    onHover: (zoneId: string, parentId: string | null) => void
+    activeId: string | null
+    height?: number
+    class?: string
+    activeClass?: string
+  }
+
+  let {
+    id,
+    parentId,
+    onHover,
+    activeId,
+    height = 4,
+    class: className = '',
+    activeClass = '',
+  }: Props = $props()
+
+  const droppable = createDroppable({ get id() { return id } })
+
+  // Hide "into-" zones for the active block (can't drop a container into itself)
+  const zoneBlockId = $derived(extractUUID(id))
+  const isIntoZone = $derived(id.startsWith('into-'))
+  const shouldHide = $derived(isIntoZone && activeId != null && zoneBlockId === activeId)
+
+  // Fire hover callback when drop target is active
+  $effect(() => {
+    if (droppable.isDropTarget) {
+      onHover(id, parentId)
+    }
+  })
+</script>
+
+{#if !shouldHide}
+  <div
+    {@attach droppable.attach}
+    data-zone-id={id}
+    data-parent-id={parentId ?? ''}
+    style:height="{droppable.isDropTarget ? height * 2 : height}px"
+    style:transition="height 150ms ease, background-color 150ms ease"
+    class={droppable.isDropTarget ? `${className} ${activeClass}` : className}
+    data-zone-active={droppable.isDropTarget || undefined}
+  ></div>
+{/if}

package/dist/components/DropZone.svelte.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    id: string;
+    parentId: string | null;
+    onHover: (zoneId: string, parentId: string | null) => void;
+    activeId: string | null;
+    height?: number;
+    class?: string;
+    activeClass?: string;
+}
+declare const DropZone: import("svelte").Component<Props, {}, "">;
+type DropZone = ReturnType<typeof DropZone>;
+export default DropZone;
+//# sourceMappingURL=DropZone.svelte.d.ts.map

package/dist/components/DropZone.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.svelte.d.ts","sourceRoot":"","sources":["../../src/components/DropZone.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAqCH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/GhostPreview.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    children: Snippet
+  }
+
+  let { children }: Props = $props()
+</script>
+
+<div data-dnd-ghost style="opacity: 0.5; pointer-events: none;">
+  {@render children()}
+</div>

package/dist/components/GhostPreview.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    children: Snippet;
+}
+declare const GhostPreview: import("svelte").Component<Props, {}, "">;
+type GhostPreview = ReturnType<typeof GhostPreview>;
+export default GhostPreview;
+//# sourceMappingURL=GhostPreview.svelte.d.ts.map

package/dist/components/GhostPreview.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostPreview.svelte.d.ts","sourceRoot":"","sources":["../../src/components/GhostPreview.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAcH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/TreeRenderer.svelte

@@ -0,0 +1,197 @@
+<script lang="ts">
+  import type { BaseBlock, CanDragFn, AnimationConfig } from '@dnd-block-tree/core'
+  import type { Snippet } from 'svelte'
+  import DropZone from './DropZone.svelte'
+  import DraggableBlock from './DraggableBlock.svelte'
+  import GhostPreview from './GhostPreview.svelte'
+  import Self from './TreeRenderer.svelte'
+
+  interface Props {
+    blocks: BaseBlock[]
+    blocksByParent: Map<string | null, BaseBlock[]>
+    parentId: string | null
+    activeId: string | null
+    expandedMap: Record<string, boolean>
+    containerTypes: readonly string[]
+    onHover: (zoneId: string, parentId: string | null) => void
+    onToggleExpand: (id: string) => void
+    renderBlock: Snippet<[{ block: BaseBlock; isDragging: boolean; depth: number; isExpanded: boolean; onToggleExpand: (() => void) | null; children: Snippet | null }]>
+    depth?: number
+    dropZoneClass?: string
+    dropZoneActiveClass?: string
+    canDrag?: CanDragFn<BaseBlock>
+    previewPosition?: { parentId: string | null; index: number } | null
+    draggedBlock?: BaseBlock | null
+    selectedIds?: Set<string>
+    animation?: AnimationConfig
+  }
+
+  let {
+    blocks,
+    blocksByParent,
+    parentId,
+    activeId,
+    expandedMap,
+    containerTypes,
+    onHover,
+    onToggleExpand,
+    renderBlock,
+    depth = 0,
+    dropZoneClass = '',
+    dropZoneActiveClass = '',
+    canDrag,
+    previewPosition = null,
+    draggedBlock = null,
+    selectedIds,
+    animation,
+  }: Props = $props()
+
+  const items = $derived(blocksByParent.get(parentId) ?? [])
+  const filteredBlocks = $derived(items.filter(block => block.id !== activeId))
+  const showGhostHere = $derived(previewPosition?.parentId === parentId && draggedBlock != null)
+</script>
+
+<div style:min-width="0" role={depth === 0 ? 'tree' : 'group'}>
+  <!-- Start zone -->
+  <DropZone
+    id={parentId ? `into-${parentId}` : 'root-start'}
+    {parentId}
+    {onHover}
+    {activeId}
+    class={dropZoneClass}
+    activeClass={dropZoneActiveClass}
+  />
+
+  {#each filteredBlocks as block, index (block.id)}
+    {@const isContainer = containerTypes.includes(block.type)}
+    {@const isExpanded = expandedMap[block.id] !== false}
+    {@const isDragDisabled = canDrag ? !canDrag(block) : false}
+    {@const ghostBeforeThis = showGhostHere && previewPosition!.index === index}
+    {@const originalIndex = items.findIndex(b => b.id === block.id)}
+    {@const isLastInOriginal = originalIndex === items.length - 1}
+    {@const isSelected = selectedIds?.has(block.id) ?? false}
+
+    <!-- Ghost preview before this block -->
+    {#if ghostBeforeThis && draggedBlock}
+      <GhostPreview>
+        {#snippet children()}
+          {@render renderBlock({
+            block: draggedBlock,
+            isDragging: true,
+            depth,
+            isExpanded: false,
+            onToggleExpand: null,
+            children: null,
+          })}
+        {/snippet}
+      </GhostPreview>
+    {/if}
+
+    <!-- The block itself -->
+    <DraggableBlock
+      {block}
+      disabled={isDragDisabled}
+      {isContainer}
+      {isExpanded}
+      {isSelected}
+      {depth}
+    >
+      {#snippet children({ isDragging })}
+        {#if isContainer}
+          {@const animated = animation?.expandDuration && animation.expandDuration > 0}
+          {@const easing = animation?.easing ?? 'ease'}
+          {@const duration = animation?.expandDuration ?? 0}
+
+          {#snippet childContent()}
+            <Self
+              {blocks}
+              {blocksByParent}
+              parentId={block.id}
+              {activeId}
+              {expandedMap}
+              {containerTypes}
+              {onHover}
+              {onToggleExpand}
+              {renderBlock}
+              depth={depth + 1}
+              {dropZoneClass}
+              {dropZoneActiveClass}
+              {canDrag}
+              {previewPosition}
+              {draggedBlock}
+              {selectedIds}
+              {animation}
+            />
+          {/snippet}
+
+          {#if animated}
+            {@render renderBlock({
+              block,
+              isDragging,
+              depth,
+              isExpanded,
+              onToggleExpand: () => onToggleExpand(block.id),
+              children: childContent,
+            })}
+          {:else}
+            {@render renderBlock({
+              block,
+              isDragging,
+              depth,
+              isExpanded,
+              onToggleExpand: () => onToggleExpand(block.id),
+              children: isExpanded ? childContent : null,
+            })}
+          {/if}
+        {:else}
+          {@render renderBlock({
+            block,
+            isDragging,
+            depth,
+            isExpanded: false,
+            onToggleExpand: null,
+            children: null,
+          })}
+        {/if}
+      {/snippet}
+    </DraggableBlock>
+
+    <!-- After-zone for non-last blocks -->
+    {#if !isLastInOriginal}
+      <DropZone
+        id={`after-${block.id}`}
+        parentId={block.parentId}
+        {onHover}
+        {activeId}
+        class={dropZoneClass}
+        activeClass={dropZoneActiveClass}
+      />
+    {/if}
+  {/each}
+
+  <!-- Ghost at end of container -->
+  {#if showGhostHere && previewPosition!.index >= filteredBlocks.length && draggedBlock}
+    <GhostPreview>
+      {#snippet children()}
+        {@render renderBlock({
+          block: draggedBlock,
+          isDragging: true,
+          depth,
+          isExpanded: false,
+          onToggleExpand: null,
+          children: null,
+        })}
+      {/snippet}
+    </GhostPreview>
+  {/if}
+
+  <!-- End zone -->
+  <DropZone
+    id={parentId ? `end-${parentId}` : 'root-end'}
+    {parentId}
+    {onHover}
+    {activeId}
+    class={dropZoneClass}
+    activeClass={dropZoneActiveClass}
+  />
+</div>

package/dist/components/TreeRenderer.svelte.d.ts

@@ -0,0 +1,35 @@
+import type { BaseBlock, CanDragFn, AnimationConfig } from '@dnd-block-tree/core';
+import type { Snippet } from 'svelte';
+interface Props {
+    blocks: BaseBlock[];
+    blocksByParent: Map<string | null, BaseBlock[]>;
+    parentId: string | null;
+    activeId: string | null;
+    expandedMap: Record<string, boolean>;
+    containerTypes: readonly string[];
+    onHover: (zoneId: string, parentId: string | null) => void;
+    onToggleExpand: (id: string) => void;
+    renderBlock: Snippet<[{
+        block: BaseBlock;
+        isDragging: boolean;
+        depth: number;
+        isExpanded: boolean;
+        onToggleExpand: (() => void) | null;
+        children: Snippet | null;
+    }]>;
+    depth?: number;
+    dropZoneClass?: string;
+    dropZoneActiveClass?: string;
+    canDrag?: CanDragFn<BaseBlock>;
+    previewPosition?: {
+        parentId: string | null;
+        index: number;
+    } | null;
+    draggedBlock?: BaseBlock | null;
+    selectedIds?: Set<string>;
+    animation?: AnimationConfig;
+}
+declare const TreeRenderer: import("svelte").Component<Props, {}, "">;
+type TreeRenderer = ReturnType<typeof TreeRenderer>;
+export default TreeRenderer;
+//# sourceMappingURL=TreeRenderer.svelte.d.ts.map

package/dist/components/TreeRenderer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRenderer.svelte.d.ts","sourceRoot":"","sources":["../../src/components/TreeRenderer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAOnC,UAAU,KAAK;IACb,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,cAAc,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,CAAC,CAAA;IAC/C,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,cAAc,EAAE,SAAS,MAAM,EAAE,CAAA;IACjC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1D,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,cAAc,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC,CAAA;IACpK,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,eAAe,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACnE,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAC/B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAwIH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+export type { BaseBlock, BlockIndex, BlockAction, BlockTreeConfig, BlockStateContextValue, DropZoneType, BlockPosition, DragStartEvent, DragMoveEvent, DragEndEvent, BlockMoveEvent, BlockAddEvent, BlockDeleteEvent, MoveOperation, ExpandChangeEvent, HoverChangeEvent, BlockTreeCallbacks, CanDragFn, CanDropFn, IdGeneratorFn, SensorConfig, DropZoneConfig, AnimationConfig, AutoExpandConfig, BlockTreeCustomization as CoreBlockTreeCustomization, OrderingStrategy, Rect, CollisionCandidate, CollisionResult, CoreCollisionDetection, SnapshotRectsRef, ExpandAction, HistoryState, HistoryAction, BlockTreeOptions, BlockTreeEvents, BlockTreeInstance, TreeValidationResult, NestedBlock, } from '@dnd-block-tree/core';
+export { getDropZoneType, extractBlockId, weightedVerticalCollision, closestCenterCollision, createStickyCollision, EventEmitter, blockReducer, expandReducer, historyReducer, createBlockTree, cloneMap, cloneParentMap, computeNormalizedIndex, buildOrderedBlocks, reparentBlockIndex, getDescendantIds, deleteBlockAndDescendants, getBlockDepth, getSubtreeDepth, reparentMultipleBlocks, validateBlockTree, extractUUID, debounce, generateId, flatToNested, nestedToFlat, generateKeyBetween, generateNKeysBetween, generateInitialKeys, initFractionalOrder, compareFractionalKeys, } from '@dnd-block-tree/core';
+export type { BlockRendererProps, ContainerRendererProps, RendererPropsFor, BlockRenderers, InternalRenderers, BlockStateOptions, TreeStateContextValue, BlockTreeCustomization, } from './types';
+export { adaptCollisionDetection } from './bridge';
+export { triggerHaptic } from './utils/haptic';
+export { getSensorConfig } from './utils/sensors';
+export type { SensorConfigResult } from './utils/sensors';
+export { createBlockState, setBlockStateContext, getBlockStateContext, } from './state/block-state.svelte';
+export type { BlockState } from './state/block-state.svelte';
+export { createTreeState, setTreeStateContext, getTreeStateContext, } from './state/tree-state.svelte';
+export type { TreeState, TreeStateOptions } from './state/tree-state.svelte';
+export { createBlockHistory } from './state/block-history.svelte';
+export type { BlockHistoryOptions, BlockHistoryState } from './state/block-history.svelte';
+export { default as BlockTree } from './components/BlockTree.svelte';
+export { default as TreeRenderer } from './components/TreeRenderer.svelte';
+export { default as DropZone } from './components/DropZone.svelte';
+export { default as DraggableBlock } from './components/DraggableBlock.svelte';
+export { default as DragOverlay } from './components/DragOverlay.svelte';
+export { default as GhostPreview } from './components/GhostPreview.svelte';
+export { default as BlockTreeSSR } from './components/BlockTreeSSR.svelte';
+export { default as BlockTreeDevTools } from './components/BlockTreeDevTools.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,EACf,sBAAsB,EACtB,YAAY,EACZ,aAAa,EACb,cAAc,EACd,aAAa,EACb,YAAY,EACZ,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,aAAa,EACb,YAAY,EACZ,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,sBAAsB,IAAI,0BAA0B,EACpD,gBAAgB,EAChB,IAAI,EACJ,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,GACZ,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EACL,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,cAAc,EACd,eAAe,EACf,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,sBAAsB,CAAA;AAG7B,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAGhB,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGzD,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAA4B,CAAA;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,2BAA2B,CAAA;AAClC,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAG1F,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAA"}

package/dist/index.js

@@ -0,0 +1,20 @@
+// Re-export core functions
+export { getDropZoneType, extractBlockId, weightedVerticalCollision, closestCenterCollision, createStickyCollision, EventEmitter, blockReducer, expandReducer, historyReducer, createBlockTree, cloneMap, cloneParentMap, computeNormalizedIndex, buildOrderedBlocks, reparentBlockIndex, getDescendantIds, deleteBlockAndDescendants, getBlockDepth, getSubtreeDepth, reparentMultipleBlocks, validateBlockTree, extractUUID, debounce, generateId, flatToNested, nestedToFlat, generateKeyBetween, generateNKeysBetween, generateInitialKeys, initFractionalOrder, compareFractionalKeys, } from '@dnd-block-tree/core';
+// Bridge
+export { adaptCollisionDetection } from './bridge';
+// Utils
+export { triggerHaptic } from './utils/haptic';
+export { getSensorConfig } from './utils/sensors';
+// State (rune-based .svelte.ts modules)
+export { createBlockState, setBlockStateContext, getBlockStateContext, } from './state/block-state.svelte';
+export { createTreeState, setTreeStateContext, getTreeStateContext, } from './state/tree-state.svelte';
+export { createBlockHistory } from './state/block-history.svelte';
+// Components
+export { default as BlockTree } from './components/BlockTree.svelte';
+export { default as TreeRenderer } from './components/TreeRenderer.svelte';
+export { default as DropZone } from './components/DropZone.svelte';
+export { default as DraggableBlock } from './components/DraggableBlock.svelte';
+export { default as DragOverlay } from './components/DragOverlay.svelte';
+export { default as GhostPreview } from './components/GhostPreview.svelte';
+export { default as BlockTreeSSR } from './components/BlockTreeSSR.svelte';
+export { default as BlockTreeDevTools } from './components/BlockTreeDevTools.svelte';

package/dist/state/block-history.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { BaseBlock } from '@dnd-block-tree/core';
+export interface BlockHistoryOptions {
+    maxSteps?: number;
+}
+export interface BlockHistoryState<T extends BaseBlock> {
+    readonly blocks: T[];
+    readonly canUndo: boolean;
+    readonly canRedo: boolean;
+    set(blocks: T[]): void;
+    undo(): void;
+    redo(): void;
+}
+/**
+ * Reactive undo/redo history using $state runes.
+ * Wraps core's historyReducer.
+ */
+export declare function createBlockHistory<T extends BaseBlock>(initialBlocks: T[], options?: BlockHistoryOptions): BlockHistoryState<T>;
+//# sourceMappingURL=block-history.svelte.d.ts.map

package/dist/state/block-history.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-history.svelte.d.ts","sourceRoot":"","sources":["../../src/state/block-history.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,sBAAsB,CAAA;AAGnE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,SAAS;IACpD,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAA;IACpB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,CAAA;IACtB,IAAI,IAAI,IAAI,CAAA;IACZ,IAAI,IAAI,IAAI,CAAA;CACb;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,SAAS,EACpD,aAAa,EAAE,CAAC,EAAE,EAClB,OAAO,GAAE,mBAAwB,GAChC,iBAAiB,CAAC,CAAC,CAAC,CA8BtB"}

package/dist/state/block-history.svelte.js

@@ -0,0 +1,30 @@
+import { historyReducer } from '@dnd-block-tree/core';
+/**
+ * Reactive undo/redo history using $state runes.
+ * Wraps core's historyReducer.
+ */
+export function createBlockHistory(initialBlocks, options = {}) {
+    const { maxSteps = 50 } = options;
+    let state = $state({
+        past: [],
+        present: initialBlocks,
+        future: [],
+    });
+    const blocks = $derived(state.present);
+    const canUndo = $derived(state.past.length > 0);
+    const canRedo = $derived(state.future.length > 0);
+    return {
+        get blocks() { return blocks; },
+        get canUndo() { return canUndo; },
+        get canRedo() { return canRedo; },
+        set(newBlocks) {
+            state = historyReducer(state, { type: 'SET', payload: newBlocks, maxSteps });
+        },
+        undo() {
+            state = historyReducer(state, { type: 'UNDO' });
+        },
+        redo() {
+            state = historyReducer(state, { type: 'REDO' });
+        },
+    };
+}

package/dist/state/block-state.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { BaseBlock, BlockIndex, OrderingStrategy, BlockAddEvent, BlockDeleteEvent } from '@dnd-block-tree/core';
+export interface BlockStateOptions<T extends BaseBlock> {
+    initialBlocks?: T[];
+    containerTypes?: readonly string[];
+    orderingStrategy?: OrderingStrategy;
+    maxDepth?: number;
+    onChange?: (blocks: T[]) => void;
+    onBlockAdd?: (event: BlockAddEvent<T>) => void;
+    onBlockDelete?: (event: BlockDeleteEvent<T>) => void;
+}
+export interface BlockState<T extends BaseBlock> {
+    readonly blocks: T[];
+    readonly blockMap: Map<string, T>;
+    readonly childrenMap: Map<string | null, T[]>;
+    readonly normalizedIndex: BlockIndex<T>;
+    createItem(type: T['type'], parentId?: string | null): T;
+    insertItem(type: T['type'], referenceId: string, position: 'before' | 'after'): T;
+    deleteItem(id: string): void;
+    moveItem(activeId: string, targetZone: string): void;
+    setAll(blocks: T[]): void;
+}
+export declare function createBlockState<T extends BaseBlock>(options?: BlockStateOptions<T>): BlockState<T>;
+/** Set block state in context */
+export declare function setBlockStateContext<T extends BaseBlock>(state: BlockState<T>): void;
+/** Get block state from context */
+export declare function getBlockStateContext<T extends BaseBlock>(): BlockState<T>;
+//# sourceMappingURL=block-state.svelte.d.ts.map

package/dist/state/block-state.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-state.svelte.d.ts","sourceRoot":"","sources":["../../src/state/block-state.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,UAAU,EAGV,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EACjB,MAAM,sBAAsB,CAAA;AAa7B,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,SAAS;IACpD,aAAa,CAAC,EAAE,CAAC,EAAE,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAChC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;CACrD;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,SAAS;IAC7C,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACjC,QAAQ,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,CAAA;IAC7C,QAAQ,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACvC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,CAAC,CAAA;IACxD,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,CAAC,CAAA;IACjF,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACpD,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,CAAA;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,SAAS,EAClD,OAAO,GAAE,iBAAiB,CAAC,CAAC,CAAM,GACjC,UAAU,CAAC,CAAC,CAAC,CAoGf;AAED,iCAAiC;AACjC,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAEpF;AAED,mCAAmC;AACnC,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAIzE"}