@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/useDragAndDrop2.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragAndDrop2.js","names":["onCleanup","JSX","DragItem","DragPreviewRenderer","DragPreviewProps","ref","current","children","items","Element","element","x","y","DragPreview","props","hasDom","HTMLElement","isElementNode","value","nodeType","renderer","callback","rendered","previewValue"],"sources":["../src/DragPreview.tsx","../src/ListDropTargetDelegate.ts","../src/useDragAndDrop.ts"],"sourcesContent":["import { onCleanup, type JSX } from \"solid-js\";\nimport type { DragItem, DragPreviewRenderer } from \"@proyecto-viviana/solid-stately\";\n\nexport interface DragPreviewProps {\n  ref?: { current: DragPreviewRenderer | null };\n  children: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x?: number; y?: number } | null | undefined;\n}\n\nexport function DragPreview(props: DragPreviewProps): JSX.Element {\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n\n  if (props.ref) {\n    const renderer: DragPreviewRenderer = (items, callback) => {\n      const rendered = props.children(items);\n      if (!rendered) {\n        callback(null);\n        return;\n      }\n      if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n        const previewValue = rendered as { element: unknown; x?: number; y?: number };\n        callback(\n          isElementNode(previewValue.element) ? previewValue.element : null,\n          previewValue.x,\n          previewValue.y,\n        );\n        return;\n      }\n      callback(isElementNode(rendered) ? rendered : null);\n    };\n\n    props.ref.current = renderer;\n    onCleanup(() => {\n      if (props.ref?.current === renderer) {\n        props.ref.current = null;\n      }\n    });\n  }\n\n  return null as unknown as JSX.Element;\n}\n","import type { Accessor } from \"solid-js\";\nimport type { DropTarget } from \"@proyecto-viviana/solid-stately\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"horizontal\" | \"vertical\";\ntype Layout = \"stack\" | \"grid\";\n\ninterface CollectionNodeLike {\n  key: string | number;\n  type?: string;\n}\n\nexport interface ListDropTargetDelegateOptions {\n  layout?: Layout;\n  orientation?: Orientation;\n  direction?: Direction;\n}\n\nconst cssEscape = (value: string): string => {\n  const css = (globalThis as { CSS?: { escape?: (input: string) => string } }).CSS;\n  return css?.escape ? css.escape(value) : value.replace(/[^a-zA-Z0-9_-]/g, \"\\\\$&\");\n};\n\nexport class ListDropTargetDelegate {\n  private collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>);\n  private ref: Accessor<HTMLElement | null>;\n  private layout: Layout;\n  private orientation: Orientation;\n  private direction: Direction;\n\n  constructor(\n    collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>),\n    ref: Accessor<HTMLElement | null>,\n    options?: ListDropTargetDelegateOptions,\n  ) {\n    this.collection = collection;\n    this.ref = ref;\n    this.layout = options?.layout ?? \"stack\";\n    this.orientation = options?.orientation ?? \"vertical\";\n    this.direction = options?.direction ?? \"ltr\";\n  }\n\n  private getCollection(): Iterable<CollectionNodeLike> {\n    return typeof this.collection === \"function\"\n      ? (this.collection as () => Iterable<CollectionNodeLike>)()\n      : this.collection;\n  }\n\n  private getPrimaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.left : rect.top;\n  }\n\n  private getPrimaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.right : rect.bottom;\n  }\n\n  private getSecondaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.top : rect.left;\n  }\n\n  private getSecondaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.bottom : rect.right;\n  }\n\n  private getFlowStart(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);\n  }\n\n  private getFlowEnd(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);\n  }\n\n  private getFlowSize(rect: DOMRect): number {\n    return this.getFlowEnd(rect) - this.getFlowStart(rect);\n  }\n\n  private getItemKeys(): Array<string | number> {\n    return [...this.getCollection()].filter((item) => item.type === \"item\").map((item) => item.key);\n  }\n\n  private resolveBoundaryTarget(\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    const keys = this.getItemKeys();\n    if (keys.length === 0) return null;\n    const key = direction === \"next\" ? keys[0] : keys[keys.length - 1];\n    const order: Array<\"before\" | \"on\" | \"after\"> =\n      direction === \"next\" ? [\"before\", \"on\", \"after\"] : [\"after\", \"on\", \"before\"];\n    for (const dropPosition of order) {\n      const target: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(target)) return target;\n    }\n    return null;\n  }\n\n  private resolveTransitionTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const tryPosition = (dropPosition: \"before\" | \"on\" | \"after\"): DropTarget | null => {\n      if (target.dropPosition === dropPosition) return null;\n      const nextTarget: DropTarget = {\n        type: \"item\",\n        key: target.key,\n        dropPosition,\n      };\n      return isValidDropTarget(nextTarget) ? nextTarget : null;\n    };\n\n    if (direction === \"next\") {\n      if (target.dropPosition === \"before\") {\n        return tryPosition(\"on\") ?? tryPosition(\"after\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"after\");\n      }\n    } else {\n      if (target.dropPosition === \"after\") {\n        return tryPosition(\"on\") ?? tryPosition(\"before\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"before\");\n      }\n    }\n\n    return null;\n  }\n\n  private resolveNeighborTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const keys = this.getItemKeys();\n    const index = keys.findIndex((key) => key === target.key);\n    if (index < 0) return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    const nextIndex = direction === \"next\" ? index + 1 : index - 1;\n    if (nextIndex < 0 || nextIndex >= keys.length) {\n      const rootTarget: DropTarget = { type: \"root\" };\n      return isValidDropTarget(rootTarget) ? rootTarget : null;\n    }\n    const key = keys[nextIndex];\n    const order: Array<\"on\" | \"before\" | \"after\"> =\n      direction === \"next\" ? [\"on\", \"before\", \"after\"] : [\"on\", \"after\", \"before\"];\n    for (const dropPosition of order) {\n      const nextTarget: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(nextTarget)) return nextTarget;\n    }\n    return null;\n  }\n\n  getKeyboardNavigationTarget(\n    target: DropTarget | null,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (!target || target.type === \"root\") {\n      return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    }\n    const transition = this.resolveTransitionTarget(target, direction, isValidDropTarget);\n    if (transition) return transition;\n    return this.resolveNeighborTarget(target, direction, isValidDropTarget);\n  }\n\n  getDropTargetFromPoint(\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget {\n    const root = this.ref();\n    if (!root) {\n      return { type: \"root\" };\n    }\n\n    const allItems = [...this.getCollection()].filter((item) => item.type === \"item\");\n    if (allItems.length === 0) {\n      return { type: \"root\" };\n    }\n\n    const collectionId = root.dataset.collection;\n    const selector = collectionId ? `[data-collection=\"${cssEscape(collectionId)}\"]` : \"[data-key]\";\n    const elements = root.querySelectorAll(selector);\n    const elementMap = new Map<string, HTMLElement>();\n    for (const node of elements) {\n      if (node instanceof HTMLElement && node.dataset.key != null) {\n        elementMap.set(node.dataset.key, node);\n      }\n    }\n\n    let low = 0;\n    let high = allItems.length;\n    const rootRect = root.getBoundingClientRect();\n    let primary = this.orientation === \"horizontal\" ? x : y;\n    let secondary = this.orientation === \"horizontal\" ? y : x;\n    primary += this.getPrimaryStart(rootRect);\n    secondary += this.getSecondaryStart(rootRect);\n\n    const flow = this.layout === \"stack\" ? primary : secondary;\n    const isPrimaryRtl = this.orientation === \"horizontal\" && this.direction === \"rtl\";\n    const isSecondaryRtl =\n      this.layout === \"grid\" && this.orientation === \"vertical\" && this.direction === \"rtl\";\n    const isFlowRtl = this.layout === \"stack\" ? isPrimaryRtl : isSecondaryRtl;\n\n    while (low < high) {\n      const mid = Math.floor((low + high) / 2);\n      const item = allItems[mid];\n      const element = elementMap.get(String(item.key));\n      if (!element) break;\n      const rect = element.getBoundingClientRect();\n      const update = (isGreater: boolean) => {\n        if (isGreater) {\n          low = mid + 1;\n        } else {\n          high = mid;\n        }\n      };\n\n      if (primary < this.getPrimaryStart(rect)) {\n        update(isPrimaryRtl);\n      } else if (primary > this.getPrimaryEnd(rect)) {\n        update(!isPrimaryRtl);\n      } else if (secondary < this.getSecondaryStart(rect)) {\n        update(isSecondaryRtl);\n      } else if (secondary > this.getSecondaryEnd(rect)) {\n        update(!isSecondaryRtl);\n      } else {\n        const target: DropTarget = {\n          type: \"item\",\n          key: item.key,\n          dropPosition: \"on\",\n        };\n\n        if (isValidDropTarget(target)) {\n          if (\n            flow <= this.getFlowStart(rect) + 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"before\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (\n            flow >= this.getFlowEnd(rect) - 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"after\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        } else {\n          const midpoint = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;\n          if (flow <= midpoint && isValidDropTarget({ ...target, dropPosition: \"before\" })) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (flow >= midpoint && isValidDropTarget({ ...target, dropPosition: \"after\" })) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        }\n\n        return target;\n      }\n    }\n\n    const item = allItems[Math.min(low, allItems.length - 1)];\n    const element = elementMap.get(String(item.key));\n    const rect = element?.getBoundingClientRect();\n    if (\n      rect &&\n      (primary < this.getPrimaryStart(rect) ||\n        Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect)))\n    ) {\n      return {\n        type: \"item\",\n        key: item.key,\n        dropPosition: isFlowRtl ? \"after\" : \"before\",\n      };\n    }\n\n    return {\n      type: \"item\",\n      key: item.key,\n      dropPosition: isFlowRtl ? \"before\" : \"after\",\n    };\n  }\n}\n","/**\n * Drag and drop compatibility hook for collection components.\n *\n * Mirrors RAC's `useDragAndDrop` shape while delegating to Solid\n * state and aria primitives.\n */\n\nimport type { Accessor, JSX } from \"solid-js\";\nimport { DragPreview } from \"./DragPreview\";\nimport { ListDropTargetDelegate } from \"./ListDropTargetDelegate\";\nimport {\n  createDraggableCollection,\n  createDraggableItem,\n  createDroppableCollection,\n  createDroppableItem,\n  getGlobalDraggingCollectionRef,\n  getGlobalDraggingKeys,\n  type DraggableCollectionOptions,\n  type DraggableCollectionAria,\n  type DraggableItemOptions,\n  type DraggableItemAria,\n  type DroppableCollectionOptions,\n  type DroppableCollectionAria,\n  type DroppableItemOptions,\n  type DroppableItemAria,\n  type DropTargetDelegate as AriaDropTargetDelegate,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createDraggableCollectionState,\n  createDroppableCollectionState,\n  type DragItem,\n  type DragPreviewRenderer,\n  type DraggableCollectionProps,\n  type DraggableCollectionState,\n  type DraggableCollectionStateOptions,\n  type DropTarget,\n  type DroppableCollectionProps,\n  type DroppableCollectionState,\n  type DroppableCollectionStateOptions,\n} from \"@proyecto-viviana/solid-stately\";\n\ninterface DraggableCollectionStateOpts<T = object> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  \"getItems\"\n> {\n  items?: T[];\n}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>,\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: Omit<DraggableCollectionOptions, \"ref\">,\n    state: DraggableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DraggableCollectionAria;\n  useDraggableItem?: (\n    props: DraggableItemOptions,\n    state: DraggableCollectionState,\n  ) => DraggableItemAria;\n  DragPreview?: typeof DragPreview;\n  renderDragPreview?: DragAndDropOptions<T>[\"renderDragPreview\"];\n  isVirtualDragging?: () => boolean;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions,\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: Omit<DroppableCollectionOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableCollectionAria;\n  useDroppableItem?: (\n    options: Omit<DroppableItemOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableItemAria;\n  useDropIndicator?: (\n    props: { target: DropTarget },\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => {\n    dropIndicatorProps: JSX.HTMLAttributes<HTMLElement>;\n    isDropTarget: boolean;\n    isHidden: boolean;\n  };\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  ListDropTargetDelegate?: typeof ListDropTargetDelegate;\n}\n\nexport type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;\n\nexport interface DragAndDrop<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragAndDropHooks<T>;\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends Partial<Omit<DraggableCollectionProps<T>, \"preview\">>, Partial<DroppableCollectionProps> {\n  /**\n   * A function that returns the items being dragged.\n   * If omitted, draggable hooks are not added.\n   */\n  getItems?: (keys: Set<string | number>, items: T[]) => DragItem[];\n  /**\n   * Optional custom drag preview renderer.\n   */\n  renderDragPreview?: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x: number; y: number };\n  /**\n   * Optional drop indicator renderer for collection components.\n   */\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  /**\n   * Optional custom drop target delegate.\n   */\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  /**\n   * Optional drag preview ref.\n   */\n  preview?: { current: DragPreviewRenderer | null };\n  /**\n   * Optional item snapshot used by draggable state `getItems`.\n   */\n  items?: T[];\n  /**\n   * Disable both drag and drop behavior.\n   */\n  isDisabled?: boolean;\n}\n\n/**\n * Provides hooks to enable drag-and-drop behavior for collection components.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}): DragAndDrop<T> {\n  const {\n    getItems,\n    onDrop,\n    onInsert,\n    onItemDrop,\n    onReorder,\n    onMove,\n    onRootDrop,\n    renderDragPreview,\n    renderDropIndicator,\n    dropTargetDelegate,\n  } = options;\n\n  const isDraggable = typeof getItems === \"function\";\n  const isDroppable = Boolean(\n    onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop,\n  );\n\n  const hooks: DragAndDropHooks<T> = {};\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n  const resolvedPreview =\n    options.preview ??\n    (renderDragPreview\n      ? {\n          current: (\n            items: DragItem[],\n            callback: (node: HTMLElement | null, x?: number, y?: number) => void,\n          ) => {\n            const rendered = renderDragPreview(items);\n            if (!rendered) {\n              callback(null);\n              return;\n            }\n            if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n              const previewValue = rendered as { element: unknown; x?: number; y?: number };\n              callback(\n                isElementNode(previewValue.element) ? previewValue.element : null,\n                previewValue.x,\n                previewValue.y,\n              );\n              return;\n            }\n            callback(isElementNode(rendered) ? rendered : null);\n          },\n        }\n      : undefined);\n\n  if (isDraggable && getItems) {\n    hooks.useDraggableCollectionState = (props: DraggableCollectionStateOpts<T>) => {\n      return createDraggableCollectionState<T>(() => ({\n        onDragStart: options.onDragStart ?? props.onDragStart,\n        onDragMove: options.onDragMove ?? props.onDragMove,\n        onDragEnd: options.onDragEnd ?? props.onDragEnd,\n        getAllowedDropOperations:\n          options.getAllowedDropOperations ?? props.getAllowedDropOperations,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n        preview: resolvedPreview ?? props.preview,\n        getItems: (keys) => {\n          const sourceItems = props.items ?? options.items ?? [];\n          return getItems(keys, sourceItems);\n        },\n      }));\n    };\n    hooks.useDraggableCollection = (\n      props: Omit<DraggableCollectionOptions, \"ref\">,\n      state: DraggableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDraggableCollection({ ...props, ref }, state);\n    hooks.useDraggableItem = (props, state) => createDraggableItem(() => props, state);\n    hooks.DragPreview = DragPreview;\n    hooks.renderDragPreview = renderDragPreview;\n    hooks.isVirtualDragging = () =>\n      getGlobalDraggingCollectionRef() != null || getGlobalDraggingKeys().size > 0;\n  }\n\n  if (isDroppable) {\n    hooks.useDroppableCollectionState = (props: DroppableCollectionStateOptions) => {\n      return createDroppableCollectionState(() => ({\n        acceptedDragTypes: options.acceptedDragTypes ?? props.acceptedDragTypes,\n        getDropOperation: options.getDropOperation ?? props.getDropOperation,\n        onDropEnter: options.onDropEnter ?? props.onDropEnter,\n        onDropActivate: options.onDropActivate ?? props.onDropActivate,\n        onDropExit: options.onDropExit ?? props.onDropExit,\n        onDrop: options.onDrop ?? props.onDrop,\n        onInsert: options.onInsert ?? props.onInsert,\n        onRootDrop: options.onRootDrop ?? props.onRootDrop,\n        onItemDrop: options.onItemDrop ?? props.onItemDrop,\n        onReorder: options.onReorder ?? props.onReorder,\n        onMove: options.onMove ?? props.onMove,\n        shouldAcceptItemDrop: options.shouldAcceptItemDrop ?? props.shouldAcceptItemDrop,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n      }));\n    };\n    hooks.useDroppableCollection = (\n      props: Omit<DroppableCollectionOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => {\n      const acceptedDragTypes = options.acceptedDragTypes ?? props.acceptedDragTypes;\n      const normalizedAcceptedDragTypes =\n        acceptedDragTypes === \"all\"\n          ? \"all\"\n          : acceptedDragTypes?.filter(\n              (type): type is string | symbol =>\n                typeof type === \"string\" || typeof type === \"symbol\",\n            );\n      return createDroppableCollection(\n        () => ({\n          ref,\n          dropTargetDelegate: options.dropTargetDelegate ?? props.dropTargetDelegate,\n          keyboardDelegate: props.keyboardDelegate,\n          // Host collection + selection/focus setters, forwarded so keyboard\n          // drop-target navigation and post-drop focus restoration work.\n          collection: props.collection,\n          selectedKeys: props.selectedKeys,\n          setSelectedKeys: props.setSelectedKeys,\n          setFocusedKey: props.setFocusedKey,\n          onKeyDown: props.onKeyDown,\n          acceptedDragTypes: normalizedAcceptedDragTypes,\n          isDisabled: options.isDisabled ?? props.isDisabled,\n          onDropActivate: (e) => {\n            (options.onDropActivate ?? props.onDropActivate)?.({\n              type: \"dropactivate\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n            });\n          },\n          onDrop: (e) => {\n            (options.onDrop ?? props.onDrop)?.({\n              type: \"drop\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n              items: e.items,\n              dropOperation: e.dropOperation,\n            });\n          },\n          onRootDrop: options.onRootDrop ?? props.onRootDrop,\n          onItemDrop: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onItemDrop ?? props.onItemDrop)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n                isInternal: e.isInternal,\n              });\n            }\n          },\n          onInsert: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onInsert ?? props.onInsert)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onReorder: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onReorder ?? props.onReorder)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onMove: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onMove ?? props.onMove)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n        }),\n        state,\n      );\n    };\n    hooks.useDroppableItem = (\n      props: Omit<DroppableItemOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDroppableItem(() => ({ ...props, ref }), state);\n    hooks.useDropIndicator = (\n      props: { target: DropTarget },\n      state: DroppableCollectionState,\n      _ref: Accessor<HTMLElement | null>,\n    ) => {\n      const target = props.target;\n      const activeTarget = state.target;\n      const isDropTarget =\n        activeTarget?.type === target.type &&\n        (target.type === \"root\" ||\n          (activeTarget.type === \"item\" &&\n            target.type === \"item\" &&\n            activeTarget.key === target.key &&\n            activeTarget.dropPosition === target.dropPosition));\n      return {\n        dropIndicatorProps: {\n          role: \"option\",\n          \"aria-disabled\": true,\n          \"aria-hidden\": isDropTarget ? undefined : \"true\",\n          tabIndex: -1,\n          \"data-drop-target\": isDropTarget ? \"\" : undefined,\n        },\n        isDropTarget,\n        isHidden: !isDropTarget,\n      };\n    };\n    hooks.renderDropIndicator = renderDropIndicator;\n    hooks.dropTargetDelegate = dropTargetDelegate;\n    hooks.ListDropTargetDelegate = ListDropTargetDelegate;\n  }\n\n  return {\n    dragAndDropHooks: hooks,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDragAndDrop2.js","names":[],"sources":["../src/DragPreview.tsx","../src/ListDropTargetDelegate.ts","../src/useDragAndDrop.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/dnd/DragPreview.tsx\n\n/**\n * Based on packages/react-aria/src/dnd/DragPreview.tsx.\n */\n\nimport { onCleanup } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type { DragItem, DragPreviewRenderer } from \"@proyecto-viviana/solid-stately\";\n\nexport interface DragPreviewProps {\n  ref?: { current: DragPreviewRenderer | null };\n  children: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x?: number; y?: number } | null | undefined;\n}\n\nexport function DragPreview(props: DragPreviewProps): JSX.Element {\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n\n  if (props.ref) {\n    const renderer: DragPreviewRenderer = (items, callback) => {\n      const rendered = props.children(items);\n      if (!rendered) {\n        callback(null);\n        return;\n      }\n      if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n        const previewValue = rendered as { element: unknown; x?: number; y?: number };\n        callback(\n          isElementNode(previewValue.element) ? previewValue.element : null,\n          previewValue.x,\n          previewValue.y,\n        );\n        return;\n      }\n      callback(isElementNode(rendered) ? rendered : null);\n    };\n\n    props.ref.current = renderer;\n    onCleanup(() => {\n      if (props.ref?.current === renderer) {\n        props.ref.current = null;\n      }\n    });\n  }\n\n  return null as unknown as JSX.Element;\n}\n","/**\n * Based on packages/react-aria/src/dnd/ListDropTargetDelegate.ts.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type { DropTarget } from \"@proyecto-viviana/solid-stately\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"horizontal\" | \"vertical\";\ntype Layout = \"stack\" | \"grid\";\n\ninterface CollectionNodeLike {\n  key: string | number;\n  type?: string;\n}\n\nexport interface ListDropTargetDelegateOptions {\n  layout?: Layout;\n  orientation?: Orientation;\n  direction?: Direction;\n}\n\nconst cssEscape = (value: string): string => {\n  const css = (globalThis as { CSS?: { escape?: (input: string) => string } }).CSS;\n  return css?.escape ? css.escape(value) : value.replace(/[^a-zA-Z0-9_-]/g, \"\\\\$&\");\n};\n\nexport class ListDropTargetDelegate {\n  private collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>);\n  private ref: Accessor<HTMLElement | null>;\n  private layout: Layout;\n  private orientation: Orientation;\n  private direction: Direction;\n\n  constructor(\n    collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>),\n    ref: Accessor<HTMLElement | null>,\n    options?: ListDropTargetDelegateOptions,\n  ) {\n    this.collection = collection;\n    this.ref = ref;\n    this.layout = options?.layout ?? \"stack\";\n    this.orientation = options?.orientation ?? \"vertical\";\n    this.direction = options?.direction ?? \"ltr\";\n  }\n\n  private getCollection(): Iterable<CollectionNodeLike> {\n    return typeof this.collection === \"function\"\n      ? (this.collection as () => Iterable<CollectionNodeLike>)()\n      : this.collection;\n  }\n\n  private getPrimaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.left : rect.top;\n  }\n\n  private getPrimaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.right : rect.bottom;\n  }\n\n  private getSecondaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.top : rect.left;\n  }\n\n  private getSecondaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.bottom : rect.right;\n  }\n\n  private getFlowStart(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);\n  }\n\n  private getFlowEnd(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);\n  }\n\n  private getFlowSize(rect: DOMRect): number {\n    return this.getFlowEnd(rect) - this.getFlowStart(rect);\n  }\n\n  private getItemKeys(): Array<string | number> {\n    return [...this.getCollection()].filter((item) => item.type === \"item\").map((item) => item.key);\n  }\n\n  private resolveBoundaryTarget(\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    const keys = this.getItemKeys();\n    if (keys.length === 0) return null;\n    const key = direction === \"next\" ? keys[0] : keys[keys.length - 1];\n    const order: Array<\"before\" | \"on\" | \"after\"> =\n      direction === \"next\" ? [\"before\", \"on\", \"after\"] : [\"after\", \"on\", \"before\"];\n    for (const dropPosition of order) {\n      const target: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(target)) return target;\n    }\n    return null;\n  }\n\n  private resolveTransitionTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const tryPosition = (dropPosition: \"before\" | \"on\" | \"after\"): DropTarget | null => {\n      if (target.dropPosition === dropPosition) return null;\n      const nextTarget: DropTarget = {\n        type: \"item\",\n        key: target.key,\n        dropPosition,\n      };\n      return isValidDropTarget(nextTarget) ? nextTarget : null;\n    };\n\n    if (direction === \"next\") {\n      if (target.dropPosition === \"before\") {\n        return tryPosition(\"on\") ?? tryPosition(\"after\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"after\");\n      }\n    } else {\n      if (target.dropPosition === \"after\") {\n        return tryPosition(\"on\") ?? tryPosition(\"before\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"before\");\n      }\n    }\n\n    return null;\n  }\n\n  private resolveNeighborTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const keys = this.getItemKeys();\n    const index = keys.findIndex((key) => key === target.key);\n    if (index < 0) return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    const nextIndex = direction === \"next\" ? index + 1 : index - 1;\n    if (nextIndex < 0 || nextIndex >= keys.length) {\n      const rootTarget: DropTarget = { type: \"root\" };\n      return isValidDropTarget(rootTarget) ? rootTarget : null;\n    }\n    const key = keys[nextIndex];\n    const order: Array<\"on\" | \"before\" | \"after\"> =\n      direction === \"next\" ? [\"on\", \"before\", \"after\"] : [\"on\", \"after\", \"before\"];\n    for (const dropPosition of order) {\n      const nextTarget: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(nextTarget)) return nextTarget;\n    }\n    return null;\n  }\n\n  getKeyboardNavigationTarget(\n    target: DropTarget | null,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (!target || target.type === \"root\") {\n      return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    }\n    const transition = this.resolveTransitionTarget(target, direction, isValidDropTarget);\n    if (transition) return transition;\n    return this.resolveNeighborTarget(target, direction, isValidDropTarget);\n  }\n\n  getDropTargetFromPoint(\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget {\n    const root = this.ref();\n    if (!root) {\n      return { type: \"root\" };\n    }\n\n    const allItems = [...this.getCollection()].filter((item) => item.type === \"item\");\n    if (allItems.length === 0) {\n      return { type: \"root\" };\n    }\n\n    const collectionId = root.dataset.collection;\n    const selector = collectionId ? `[data-collection=\"${cssEscape(collectionId)}\"]` : \"[data-key]\";\n    const elements = root.querySelectorAll(selector);\n    const elementMap = new Map<string, HTMLElement>();\n    for (const node of elements) {\n      if (node instanceof HTMLElement && node.dataset.key != null) {\n        elementMap.set(node.dataset.key, node);\n      }\n    }\n\n    let low = 0;\n    let high = allItems.length;\n    const rootRect = root.getBoundingClientRect();\n    let primary = this.orientation === \"horizontal\" ? x : y;\n    let secondary = this.orientation === \"horizontal\" ? y : x;\n    primary += this.getPrimaryStart(rootRect);\n    secondary += this.getSecondaryStart(rootRect);\n\n    const flow = this.layout === \"stack\" ? primary : secondary;\n    const isPrimaryRtl = this.orientation === \"horizontal\" && this.direction === \"rtl\";\n    const isSecondaryRtl =\n      this.layout === \"grid\" && this.orientation === \"vertical\" && this.direction === \"rtl\";\n    const isFlowRtl = this.layout === \"stack\" ? isPrimaryRtl : isSecondaryRtl;\n\n    while (low < high) {\n      const mid = Math.floor((low + high) / 2);\n      const item = allItems[mid];\n      const element = elementMap.get(String(item.key));\n      if (!element) break;\n      const rect = element.getBoundingClientRect();\n      const update = (isGreater: boolean) => {\n        if (isGreater) {\n          low = mid + 1;\n        } else {\n          high = mid;\n        }\n      };\n\n      if (primary < this.getPrimaryStart(rect)) {\n        update(isPrimaryRtl);\n      } else if (primary > this.getPrimaryEnd(rect)) {\n        update(!isPrimaryRtl);\n      } else if (secondary < this.getSecondaryStart(rect)) {\n        update(isSecondaryRtl);\n      } else if (secondary > this.getSecondaryEnd(rect)) {\n        update(!isSecondaryRtl);\n      } else {\n        const target: DropTarget = {\n          type: \"item\",\n          key: item.key,\n          dropPosition: \"on\",\n        };\n\n        if (isValidDropTarget(target)) {\n          if (\n            flow <= this.getFlowStart(rect) + 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"before\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (\n            flow >= this.getFlowEnd(rect) - 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"after\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        } else {\n          const midpoint = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;\n          if (flow <= midpoint && isValidDropTarget({ ...target, dropPosition: \"before\" })) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (flow >= midpoint && isValidDropTarget({ ...target, dropPosition: \"after\" })) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        }\n\n        return target;\n      }\n    }\n\n    const item = allItems[Math.min(low, allItems.length - 1)];\n    const element = elementMap.get(String(item.key));\n    const rect = element?.getBoundingClientRect();\n    if (\n      rect &&\n      (primary < this.getPrimaryStart(rect) ||\n        Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect)))\n    ) {\n      return {\n        type: \"item\",\n        key: item.key,\n        dropPosition: isFlowRtl ? \"after\" : \"before\",\n      };\n    }\n\n    return {\n      type: \"item\",\n      key: item.key,\n      dropPosition: isFlowRtl ? \"before\" : \"after\",\n    };\n  }\n}\n","/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/useDragAndDrop.tsx\n\n/**\n * Drag and drop compatibility hook for collection components.\n *\n * Mirrors RAC's `useDragAndDrop` shape while delegating to Solid\n * state and aria primitives. Based on\n * packages/react-aria-components/src/useDragAndDrop.tsx.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { DragPreview } from \"./DragPreview\";\nimport { ListDropTargetDelegate } from \"./ListDropTargetDelegate\";\nimport {\n  createDraggableCollection,\n  createDraggableItem,\n  createDroppableCollection,\n  createDroppableItem,\n  createDropIndicator,\n  isVirtualDragging,\n  type DraggableCollectionOptions,\n  type DraggableCollectionAria,\n  type DraggableItemOptions,\n  type DraggableItemAria,\n  type DroppableCollectionOptions,\n  type DroppableCollectionAria,\n  type DroppableItemOptions,\n  type DroppableItemAria,\n  type DropTargetDelegate as AriaDropTargetDelegate,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createDraggableCollectionState,\n  createDroppableCollectionState,\n  type DragItem,\n  type DragPreviewRenderer,\n  type DraggableCollectionProps,\n  type DraggableCollectionState,\n  type DraggableCollectionStateOptions,\n  type DropTarget,\n  type DroppableCollectionProps,\n  type DroppableCollectionState,\n  type DroppableCollectionStateOptions,\n} from \"@proyecto-viviana/solid-stately\";\n\ninterface DraggableCollectionStateOpts<T = object> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  \"getItems\"\n> {\n  items?: T[];\n}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>,\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: Omit<DraggableCollectionOptions, \"ref\">,\n    state: DraggableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DraggableCollectionAria;\n  useDraggableItem?: (\n    props: DraggableItemOptions,\n    state: DraggableCollectionState,\n  ) => DraggableItemAria;\n  DragPreview?: typeof DragPreview;\n  renderDragPreview?: DragAndDropOptions<T>[\"renderDragPreview\"];\n  isVirtualDragging?: () => boolean;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions,\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: Omit<DroppableCollectionOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableCollectionAria;\n  useDroppableItem?: (\n    options: Omit<DroppableItemOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableItemAria;\n  useDropIndicator?: (\n    props: { target: DropTarget },\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => {\n    dropIndicatorProps: JSX.HTMLAttributes<HTMLElement>;\n    isDropTarget: boolean;\n    isHidden: boolean;\n  };\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  ListDropTargetDelegate?: typeof ListDropTargetDelegate;\n}\n\nexport type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;\n\nexport interface DragAndDrop<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragAndDropHooks<T>;\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends Partial<Omit<DraggableCollectionProps<T>, \"preview\">>, Partial<DroppableCollectionProps> {\n  /**\n   * A function that returns the items being dragged.\n   * If omitted, draggable hooks are not added.\n   */\n  getItems?: (keys: Set<string | number>, items: T[]) => DragItem[];\n  /**\n   * Optional custom drag preview renderer.\n   */\n  renderDragPreview?: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x: number; y: number };\n  /**\n   * Optional drop indicator renderer for collection components.\n   */\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  /**\n   * Optional custom drop target delegate.\n   */\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  /**\n   * Optional drag preview ref.\n   */\n  preview?: { current: DragPreviewRenderer | null };\n  /**\n   * Optional item snapshot used by draggable state `getItems`.\n   */\n  items?: T[];\n  /**\n   * Disable both drag and drop behavior.\n   */\n  isDisabled?: boolean;\n}\n\n/**\n * Provides hooks to enable drag-and-drop behavior for collection components.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}): DragAndDrop<T> {\n  const {\n    getItems,\n    onDrop,\n    onInsert,\n    onItemDrop,\n    onReorder,\n    onMove,\n    onRootDrop,\n    renderDragPreview,\n    renderDropIndicator,\n    dropTargetDelegate,\n  } = options;\n\n  const isDraggable = typeof getItems === \"function\";\n  const isDroppable = Boolean(\n    onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop,\n  );\n\n  const hooks: DragAndDropHooks<T> = {};\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n  const resolvedPreview =\n    options.preview ??\n    (renderDragPreview\n      ? {\n          current: (\n            items: DragItem[],\n            callback: (node: HTMLElement | null, x?: number, y?: number) => void,\n          ) => {\n            const rendered = renderDragPreview(items);\n            if (!rendered) {\n              callback(null);\n              return;\n            }\n            if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n              const previewValue = rendered as { element: unknown; x?: number; y?: number };\n              callback(\n                isElementNode(previewValue.element) ? previewValue.element : null,\n                previewValue.x,\n                previewValue.y,\n              );\n              return;\n            }\n            callback(isElementNode(rendered) ? rendered : null);\n          },\n        }\n      : undefined);\n\n  if (isDraggable && getItems) {\n    hooks.useDraggableCollectionState = (props: DraggableCollectionStateOpts<T>) => {\n      return createDraggableCollectionState<T>(() => ({\n        onDragStart: options.onDragStart ?? props.onDragStart,\n        onDragMove: options.onDragMove ?? props.onDragMove,\n        onDragEnd: options.onDragEnd ?? props.onDragEnd,\n        getAllowedDropOperations:\n          options.getAllowedDropOperations ?? props.getAllowedDropOperations,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n        preview: resolvedPreview ?? props.preview,\n        getItems: (keys) => {\n          const sourceItems = props.items ?? options.items ?? [];\n          return getItems(keys, sourceItems);\n        },\n        collection: props.collection,\n        selectedKeys: props.selectedKeys,\n        isSelected: props.isSelected,\n      }));\n    };\n    hooks.useDraggableCollection = (\n      props: Omit<DraggableCollectionOptions, \"ref\">,\n      state: DraggableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDraggableCollection({ ...props, ref }, state);\n    hooks.useDraggableItem = (props, state) => createDraggableItem(() => props, state);\n    hooks.DragPreview = DragPreview;\n    hooks.renderDragPreview = renderDragPreview;\n    // RAC `useDragAndDrop.tsx:182` `isVirtualDragging` is DragManager's\n    // `!!dragSession`, not \"any in-flight pointer keys\".\n    hooks.isVirtualDragging = isVirtualDragging;\n  }\n\n  if (isDroppable) {\n    hooks.useDroppableCollectionState = (props: DroppableCollectionStateOptions) => {\n      return createDroppableCollectionState(() => ({\n        acceptedDragTypes: options.acceptedDragTypes ?? props.acceptedDragTypes,\n        getDropOperation: options.getDropOperation ?? props.getDropOperation,\n        onDropEnter: options.onDropEnter ?? props.onDropEnter,\n        onDropActivate: options.onDropActivate ?? props.onDropActivate,\n        onDropExit: options.onDropExit ?? props.onDropExit,\n        onDrop: options.onDrop ?? props.onDrop,\n        onInsert: options.onInsert ?? props.onInsert,\n        onRootDrop: options.onRootDrop ?? props.onRootDrop,\n        onItemDrop: options.onItemDrop ?? props.onItemDrop,\n        onReorder: options.onReorder ?? props.onReorder,\n        onMove: options.onMove ?? props.onMove,\n        shouldAcceptItemDrop: options.shouldAcceptItemDrop ?? props.shouldAcceptItemDrop,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n        collection: props.collection,\n      }));\n    };\n    hooks.useDroppableCollection = (\n      props: Omit<DroppableCollectionOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => {\n      const acceptedDragTypes = options.acceptedDragTypes ?? props.acceptedDragTypes;\n      const normalizedAcceptedDragTypes =\n        acceptedDragTypes === \"all\"\n          ? \"all\"\n          : acceptedDragTypes?.filter(\n              (type): type is string | symbol =>\n                typeof type === \"string\" || typeof type === \"symbol\",\n            );\n      return createDroppableCollection(\n        () => ({\n          ref,\n          dropTargetDelegate: options.dropTargetDelegate ?? props.dropTargetDelegate,\n          keyboardDelegate: props.keyboardDelegate,\n          // Host collection + selection/focus setters, forwarded so keyboard\n          // drop-target navigation and post-drop focus restoration work.\n          collection: props.collection,\n          selectedKeys: props.selectedKeys,\n          setSelectedKeys: props.setSelectedKeys,\n          setFocusedKey: props.setFocusedKey,\n          setFocused: props.setFocused,\n          onKeyDown: props.onKeyDown,\n          acceptedDragTypes: normalizedAcceptedDragTypes,\n          isDisabled: options.isDisabled ?? props.isDisabled,\n          onDropActivate: (e) => {\n            (options.onDropActivate ?? props.onDropActivate)?.({\n              type: \"dropactivate\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n            });\n          },\n          onDrop: (e) => {\n            (options.onDrop ?? props.onDrop)?.({\n              type: \"drop\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n              items: e.items,\n              dropOperation: e.dropOperation,\n            });\n          },\n          onRootDrop: options.onRootDrop ?? props.onRootDrop,\n          onItemDrop: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onItemDrop ?? props.onItemDrop)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n                isInternal: e.isInternal,\n              });\n            }\n          },\n          onInsert: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onInsert ?? props.onInsert)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onReorder: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onReorder ?? props.onReorder)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onMove: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onMove ?? props.onMove)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n        }),\n        state,\n      );\n    };\n    hooks.useDroppableItem = (\n      props: Omit<DroppableItemOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDroppableItem(() => ({ ...props, ref }), state);\n    // RAC `useDragAndDrop.tsx:203` `hooks.useDropIndicator = useDropIndicator`.\n    hooks.useDropIndicator = (props, state, ref) => createDropIndicator(props, state, ref);\n    hooks.renderDropIndicator = renderDropIndicator;\n    hooks.dropTargetDelegate = dropTargetDelegate;\n    hooks.ListDropTargetDelegate = ListDropTargetDelegate;\n  }\n\n  return {\n    dragAndDropHooks: hooks,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,YAAY,OAAsC;CAChE,MAAM,SAAS,OAAO,gBAAgB;CACtC,MAAM,iBAAiB,UAAyC;EAC9D,IAAI,CAAC,OAAO,OAAO;EACnB,IAAI,UAAU,iBAAiB,aAAa,OAAO;EACnD,OAAO,OAAO,UAAU,YAAa,MAAgC,aAAa;CACpF;CAEA,IAAI,MAAM,KAAK;EACb,MAAM,YAAiC,OAAO,aAAa;GACzD,MAAM,WAAW,MAAM,SAAS,KAAK;GACrC,IAAI,CAAC,UAAU;IACb,SAAS,IAAI;IACb;GACF;GACA,IAAI,OAAO,aAAa,YAAY,aAAa,QAAQ,aAAa,UAAU;IAC9E,MAAM,eAAe;IACrB,SACE,cAAc,aAAa,OAAO,IAAI,aAAa,UAAU,MAC7D,aAAa,GACb,aAAa,CACf;IACA;GACF;GACA,SAAS,cAAc,QAAQ,IAAI,WAAW,IAAI;EACpD;EAEA,MAAM,IAAI,UAAU;EACpB,gBAAgB;GACd,IAAI,MAAM,KAAK,YAAY,UACzB,MAAM,IAAI,UAAU;EAExB,CAAC;CACH;CAEA,OAAO;AACT;;;AC3CA,MAAM,aAAa,UAA0B;CAC3C,MAAM,MAAO,WAAgE;CAC7E,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,MAAM,QAAQ,mBAAmB,MAAM;AAClF;AAEA,IAAa,yBAAb,MAAoC;CAClC;CACA;CACA;CACA;CACA;CAEA,YACE,YACA,KACA,SACA;EACA,KAAK,aAAa;EAClB,KAAK,MAAM;EACX,KAAK,SAAS,SAAS,UAAU;EACjC,KAAK,cAAc,SAAS,eAAe;EAC3C,KAAK,YAAY,SAAS,aAAa;CACzC;CAEA,gBAAsD;EACpD,OAAO,OAAO,KAAK,eAAe,aAC7B,KAAK,WAAkD,IACxD,KAAK;CACX;CAEA,gBAAwB,MAAuB;EAC7C,OAAO,KAAK,gBAAgB,eAAe,KAAK,OAAO,KAAK;CAC9D;CAEA,cAAsB,MAAuB;EAC3C,OAAO,KAAK,gBAAgB,eAAe,KAAK,QAAQ,KAAK;CAC/D;CAEA,kBAA0B,MAAuB;EAC/C,OAAO,KAAK,gBAAgB,eAAe,KAAK,MAAM,KAAK;CAC7D;CAEA,gBAAwB,MAAuB;EAC7C,OAAO,KAAK,gBAAgB,eAAe,KAAK,SAAS,KAAK;CAChE;CAEA,aAAqB,MAAuB;EAC1C,OAAO,KAAK,WAAW,UAAU,KAAK,gBAAgB,IAAI,IAAI,KAAK,kBAAkB,IAAI;CAC3F;CAEA,WAAmB,MAAuB;EACxC,OAAO,KAAK,WAAW,UAAU,KAAK,cAAc,IAAI,IAAI,KAAK,gBAAgB,IAAI;CACvF;CAEA,YAAoB,MAAuB;EACzC,OAAO,KAAK,WAAW,IAAI,IAAI,KAAK,aAAa,IAAI;CACvD;CAEA,cAA8C;EAC5C,OAAO,CAAC,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,QAAQ,SAAS,KAAK,SAAS,MAAM,CAAC,CAAC,KAAK,SAAS,KAAK,GAAG;CAChG;CAEA,sBACE,WACA,mBACmB;EACnB,MAAM,OAAO,KAAK,YAAY;EAC9B,IAAI,KAAK,WAAW,GAAG,OAAO;EAC9B,MAAM,MAAM,cAAc,SAAS,KAAK,KAAK,KAAK,KAAK,SAAS;EAChE,MAAM,QACJ,cAAc,SAAS;GAAC;GAAU;GAAM;EAAO,IAAI;GAAC;GAAS;GAAM;EAAQ;EAC7E,KAAK,MAAM,gBAAgB,OAAO;GAChC,MAAM,SAAqB;IAAE,MAAM;IAAQ;IAAK;GAAa;GAC7D,IAAI,kBAAkB,MAAM,GAAG,OAAO;EACxC;EACA,OAAO;CACT;CAEA,wBACE,QACA,WACA,mBACmB;EACnB,IAAI,OAAO,SAAS,QAAQ,OAAO;EACnC,MAAM,eAAe,iBAA+D;GAClF,IAAI,OAAO,iBAAiB,cAAc,OAAO;GACjD,MAAM,aAAyB;IAC7B,MAAM;IACN,KAAK,OAAO;IACZ;GACF;GACA,OAAO,kBAAkB,UAAU,IAAI,aAAa;EACtD;EAEA,IAAI,cAAc,QAAQ;GACxB,IAAI,OAAO,iBAAiB,UAC1B,OAAO,YAAY,IAAI,KAAK,YAAY,OAAO;GAEjD,IAAI,OAAO,iBAAiB,MAC1B,OAAO,YAAY,OAAO;EAE9B,OAAO;GACL,IAAI,OAAO,iBAAiB,SAC1B,OAAO,YAAY,IAAI,KAAK,YAAY,QAAQ;GAElD,IAAI,OAAO,iBAAiB,MAC1B,OAAO,YAAY,QAAQ;EAE/B;EAEA,OAAO;CACT;CAEA,sBACE,QACA,WACA,mBACmB;EACnB,IAAI,OAAO,SAAS,QAAQ,OAAO;EACnC,MAAM,OAAO,KAAK,YAAY;EAC9B,MAAM,QAAQ,KAAK,WAAW,QAAQ,QAAQ,OAAO,GAAG;EACxD,IAAI,QAAQ,GAAG,OAAO,KAAK,sBAAsB,WAAW,iBAAiB;EAC7E,MAAM,YAAY,cAAc,SAAS,QAAQ,IAAI,QAAQ;EAC7D,IAAI,YAAY,KAAK,aAAa,KAAK,QAAQ;GAC7C,MAAM,aAAyB,EAAE,MAAM,OAAO;GAC9C,OAAO,kBAAkB,UAAU,IAAI,aAAa;EACtD;EACA,MAAM,MAAM,KAAK;EACjB,MAAM,QACJ,cAAc,SAAS;GAAC;GAAM;GAAU;EAAO,IAAI;GAAC;GAAM;GAAS;EAAQ;EAC7E,KAAK,MAAM,gBAAgB,OAAO;GAChC,MAAM,aAAyB;IAAE,MAAM;IAAQ;IAAK;GAAa;GACjE,IAAI,kBAAkB,UAAU,GAAG,OAAO;EAC5C;EACA,OAAO;CACT;CAEA,4BACE,QACA,WACA,mBACmB;EACnB,IAAI,CAAC,UAAU,OAAO,SAAS,QAC7B,OAAO,KAAK,sBAAsB,WAAW,iBAAiB;EAEhE,MAAM,aAAa,KAAK,wBAAwB,QAAQ,WAAW,iBAAiB;EACpF,IAAI,YAAY,OAAO;EACvB,OAAO,KAAK,sBAAsB,QAAQ,WAAW,iBAAiB;CACxE;CAEA,uBACE,GACA,GACA,mBACY;EACZ,MAAM,OAAO,KAAK,IAAI;EACtB,IAAI,CAAC,MACH,OAAO,EAAE,MAAM,OAAO;EAGxB,MAAM,WAAW,CAAC,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,QAAQ,SAAS,KAAK,SAAS,MAAM;EAChF,IAAI,SAAS,WAAW,GACtB,OAAO,EAAE,MAAM,OAAO;EAGxB,MAAM,eAAe,KAAK,QAAQ;EAClC,MAAM,WAAW,eAAe,qBAAqB,UAAU,YAAY,EAAE,MAAM;EACnF,MAAM,WAAW,KAAK,iBAAiB,QAAQ;EAC/C,MAAM,6BAAa,IAAI,IAAyB;EAChD,KAAK,MAAM,QAAQ,UACjB,IAAI,gBAAgB,eAAe,KAAK,QAAQ,OAAO,MACrD,WAAW,IAAI,KAAK,QAAQ,KAAK,IAAI;EAIzC,IAAI,MAAM;EACV,IAAI,OAAO,SAAS;EACpB,MAAM,WAAW,KAAK,sBAAsB;EAC5C,IAAI,UAAU,KAAK,gBAAgB,eAAe,IAAI;EACtD,IAAI,YAAY,KAAK,gBAAgB,eAAe,IAAI;EACxD,WAAW,KAAK,gBAAgB,QAAQ;EACxC,aAAa,KAAK,kBAAkB,QAAQ;EAE5C,MAAM,OAAO,KAAK,WAAW,UAAU,UAAU;EACjD,MAAM,eAAe,KAAK,gBAAgB,gBAAgB,KAAK,cAAc;EAC7E,MAAM,iBACJ,KAAK,WAAW,UAAU,KAAK,gBAAgB,cAAc,KAAK,cAAc;EAClF,MAAM,YAAY,KAAK,WAAW,UAAU,eAAe;EAE3D,OAAO,MAAM,MAAM;GACjB,MAAM,MAAM,KAAK,OAAO,MAAM,QAAQ,CAAC;GACvC,MAAM,OAAO,SAAS;GACtB,MAAM,UAAU,WAAW,IAAI,OAAO,KAAK,GAAG,CAAC;GAC/C,IAAI,CAAC,SAAS;GACd,MAAM,OAAO,QAAQ,sBAAsB;GAC3C,MAAM,UAAU,cAAuB;IACrC,IAAI,WACF,MAAM,MAAM;SAEZ,OAAO;GAEX;GAEA,IAAI,UAAU,KAAK,gBAAgB,IAAI,GACrC,OAAO,YAAY;QACd,IAAI,UAAU,KAAK,cAAc,IAAI,GAC1C,OAAO,CAAC,YAAY;QACf,IAAI,YAAY,KAAK,kBAAkB,IAAI,GAChD,OAAO,cAAc;QAChB,IAAI,YAAY,KAAK,gBAAgB,IAAI,GAC9C,OAAO,CAAC,cAAc;QACjB;IACL,MAAM,SAAqB;KACzB,MAAM;KACN,KAAK,KAAK;KACV,cAAc;IAChB;IAEA,IAAI,kBAAkB,MAAM,GAAG;KAC7B,IACE,QAAQ,KAAK,aAAa,IAAI,IAAI,KAClC,kBAAkB;MAAE,GAAG;MAAQ,cAAc;KAAS,CAAC,GAEvD,OAAO,eAAe,YAAY,UAAU;UACvC,IACL,QAAQ,KAAK,WAAW,IAAI,IAAI,KAChC,kBAAkB;MAAE,GAAG;MAAQ,cAAc;KAAQ,CAAC,GAEtD,OAAO,eAAe,YAAY,WAAW;IAEjD,OAAO;KACL,MAAM,WAAW,KAAK,aAAa,IAAI,IAAI,KAAK,YAAY,IAAI,IAAI;KACpE,IAAI,QAAQ,YAAY,kBAAkB;MAAE,GAAG;MAAQ,cAAc;KAAS,CAAC,GAC7E,OAAO,eAAe,YAAY,UAAU;UACvC,IAAI,QAAQ,YAAY,kBAAkB;MAAE,GAAG;MAAQ,cAAc;KAAQ,CAAC,GACnF,OAAO,eAAe,YAAY,WAAW;IAEjD;IAEA,OAAO;GACT;EACF;EAEA,MAAM,OAAO,SAAS,KAAK,IAAI,KAAK,SAAS,SAAS,CAAC;EAEvD,MAAM,OADU,WAAW,IAAI,OAAO,KAAK,GAAG,CAC3B,CAAC,EAAE,sBAAsB;EAC5C,IACE,SACC,UAAU,KAAK,gBAAgB,IAAI,KAClC,KAAK,IAAI,OAAO,KAAK,aAAa,IAAI,CAAC,IAAI,KAAK,IAAI,OAAO,KAAK,WAAW,IAAI,CAAC,IAElF,OAAO;GACL,MAAM;GACN,KAAK,KAAK;GACV,cAAc,YAAY,UAAU;EACtC;EAGF,OAAO;GACL,MAAM;GACN,KAAK,KAAK;GACV,cAAc,YAAY,WAAW;EACvC;CACF;AACF;;;;;;ACnIA,SAAgB,eAA2B,UAAiC,CAAC,GAAmB;CAC9F,MAAM,EACJ,UACA,QACA,UACA,YACA,WACA,QACA,YACA,mBACA,qBACA,uBACE;CAEJ,MAAM,cAAc,OAAO,aAAa;CACxC,MAAM,cAAc,QAClB,UAAU,YAAY,cAAc,aAAa,UAAU,UAC7D;CAEA,MAAM,QAA6B,CAAC;CACpC,MAAM,SAAS,OAAO,gBAAgB;CACtC,MAAM,iBAAiB,UAAyC;EAC9D,IAAI,CAAC,OAAO,OAAO;EACnB,IAAI,UAAU,iBAAiB,aAAa,OAAO;EACnD,OAAO,OAAO,UAAU,YAAa,MAAgC,aAAa;CACpF;CACA,MAAM,kBACJ,QAAQ,YACP,oBACG,EACE,UACE,OACA,aACG;EACH,MAAM,WAAW,kBAAkB,KAAK;EACxC,IAAI,CAAC,UAAU;GACb,SAAS,IAAI;GACb;EACF;EACA,IAAI,OAAO,aAAa,YAAY,aAAa,QAAQ,aAAa,UAAU;GAC9E,MAAM,eAAe;GACrB,SACE,cAAc,aAAa,OAAO,IAAI,aAAa,UAAU,MAC7D,aAAa,GACb,aAAa,CACf;GACA;EACF;EACA,SAAS,cAAc,QAAQ,IAAI,WAAW,IAAI;CACpD,EACF,IACA,KAAA;CAEN,IAAI,eAAe,UAAU;EAC3B,MAAM,+BAA+B,UAA2C;GAC9E,OAAO,sCAAyC;IAC9C,aAAa,QAAQ,eAAe,MAAM;IAC1C,YAAY,QAAQ,cAAc,MAAM;IACxC,WAAW,QAAQ,aAAa,MAAM;IACtC,0BACE,QAAQ,4BAA4B,MAAM;IAC5C,YAAY,QAAQ,cAAc,MAAM;IACxC,SAAS,mBAAmB,MAAM;IAClC,WAAW,SAAS;KAClB,MAAM,cAAc,MAAM,SAAS,QAAQ,SAAS,CAAC;KACrD,OAAO,SAAS,MAAM,WAAW;IACnC;IACA,YAAY,MAAM;IAClB,cAAc,MAAM;IACpB,YAAY,MAAM;GACpB,EAAE;EACJ;EACA,MAAM,0BACJ,OACA,OACA,QACG,0BAA0B;GAAE,GAAG;GAAO;EAAI,GAAG,KAAK;EACvD,MAAM,oBAAoB,OAAO,UAAU,0BAA0B,OAAO,KAAK;EACjF,MAAM,cAAc;EACpB,MAAM,oBAAoB;EAG1B,MAAM,oBAAoB;CAC5B;CAEA,IAAI,aAAa;EACf,MAAM,+BAA+B,UAA2C;GAC9E,OAAO,sCAAsC;IAC3C,mBAAmB,QAAQ,qBAAqB,MAAM;IACtD,kBAAkB,QAAQ,oBAAoB,MAAM;IACpD,aAAa,QAAQ,eAAe,MAAM;IAC1C,gBAAgB,QAAQ,kBAAkB,MAAM;IAChD,YAAY,QAAQ,cAAc,MAAM;IACxC,QAAQ,QAAQ,UAAU,MAAM;IAChC,UAAU,QAAQ,YAAY,MAAM;IACpC,YAAY,QAAQ,cAAc,MAAM;IACxC,YAAY,QAAQ,cAAc,MAAM;IACxC,WAAW,QAAQ,aAAa,MAAM;IACtC,QAAQ,QAAQ,UAAU,MAAM;IAChC,sBAAsB,QAAQ,wBAAwB,MAAM;IAC5D,YAAY,QAAQ,cAAc,MAAM;IACxC,YAAY,MAAM;GACpB,EAAE;EACJ;EACA,MAAM,0BACJ,OACA,OACA,QACG;GACH,MAAM,oBAAoB,QAAQ,qBAAqB,MAAM;GAC7D,MAAM,8BACJ,sBAAsB,QAClB,QACA,mBAAmB,QAChB,SACC,OAAO,SAAS,YAAY,OAAO,SAAS,QAChD;GACN,OAAO,iCACE;IACL;IACA,oBAAoB,QAAQ,sBAAsB,MAAM;IACxD,kBAAkB,MAAM;IAGxB,YAAY,MAAM;IAClB,cAAc,MAAM;IACpB,iBAAiB,MAAM;IACvB,eAAe,MAAM;IACrB,YAAY,MAAM;IAClB,WAAW,MAAM;IACjB,mBAAmB;IACnB,YAAY,QAAQ,cAAc,MAAM;IACxC,iBAAiB,MAAM;KACrB,CAAC,QAAQ,kBAAkB,MAAM,eAAA,GAAkB;MACjD,MAAM;MACN,QAAQ,EAAE;MACV,GAAG,EAAE;MACL,GAAG,EAAE;KACP,CAAC;IACH;IACA,SAAS,MAAM;KACb,CAAC,QAAQ,UAAU,MAAM,OAAA,GAAU;MACjC,MAAM;MACN,QAAQ,EAAE;MACV,GAAG,EAAE;MACL,GAAG,EAAE;MACL,OAAO,EAAE;MACT,eAAe,EAAE;KACnB,CAAC;IACH;IACA,YAAY,QAAQ,cAAc,MAAM;IACxC,aAAa,MAAM;KACjB,IAAI,EAAE,OAAO,SAAS,QACpB,CAAC,QAAQ,cAAc,MAAM,WAAA,GAAc;MACzC,OAAO,EAAE;MACT,QAAQ,EAAE;MACV,eAAe,EAAE;MACjB,YAAY,EAAE;KAChB,CAAC;IAEL;IACA,WAAW,MAAM;KACf,IAAI,EAAE,OAAO,SAAS,QACpB,CAAC,QAAQ,YAAY,MAAM,SAAA,GAAY;MACrC,OAAO,EAAE;MACT,QAAQ,EAAE;MACV,eAAe,EAAE;KACnB,CAAC;IAEL;IACA,YAAY,MAAM;KAChB,IAAI,EAAE,OAAO,SAAS,QACpB,CAAC,QAAQ,aAAa,MAAM,UAAA,GAAa;MACvC,MAAM,EAAE;MACR,QAAQ,EAAE;MACV,eAAe,EAAE;KACnB,CAAC;IAEL;IACA,SAAS,MAAM;KACb,IAAI,EAAE,OAAO,SAAS,QACpB,CAAC,QAAQ,UAAU,MAAM,OAAA,GAAU;MACjC,MAAM,EAAE;MACR,QAAQ,EAAE;MACV,eAAe,EAAE;KACnB,CAAC;IAEL;GACF,IACA,KACF;EACF;EACA,MAAM,oBACJ,OACA,OACA,QACG,2BAA2B;GAAE,GAAG;GAAO;EAAI,IAAI,KAAK;EAEzD,MAAM,oBAAoB,OAAO,OAAO,QAAQ,oBAAoB,OAAO,OAAO,GAAG;EACrF,MAAM,sBAAsB;EAC5B,MAAM,qBAAqB;EAC3B,MAAM,yBAAyB;CACjC;CAEA,OAAO,EACL,kBAAkB,MACpB;AACF"}

package/dist/useDragAndDrop2.jsx

@@ -1,7 +1,34 @@
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/dnd/DragPreview.tsx
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/useDragAndDrop.tsx
 import { onCleanup } from "solid-js";
-import { createDraggableCollection, createDraggableItem, createDroppableCollection, createDroppableItem, getGlobalDraggingCollectionRef, getGlobalDraggingKeys } from "@proyecto-viviana/solidaria";
+import { createDraggableCollection, createDraggableItem, createDropIndicator, createDroppableCollection, createDroppableItem, isVirtualDragging } from "@proyecto-viviana/solidaria";
 import { createDraggableCollectionState, createDroppableCollectionState } from "@proyecto-viviana/solid-stately";
 //#region src/DragPreview.tsx
+/**
+* Based on packages/react-aria/src/dnd/DragPreview.tsx.
+*/
 function DragPreview(props) {
 	const hasDom = typeof HTMLElement !== "undefined";
 	const isElementNode = (value) => {
@@ -272,8 +299,12 @@ function useDragAndDrop(options = {}) {
 				isDisabled: options.isDisabled ?? props.isDisabled,
 				preview: resolvedPreview ?? props.preview,
 				getItems: (keys) => {
-					return getItems(keys, props.items ?? options.items ?? []);
-				}
+					const sourceItems = props.items ?? options.items ?? [];
+					return getItems(keys, sourceItems);
+				},
+				collection: props.collection,
+				selectedKeys: props.selectedKeys,
+				isSelected: props.isSelected
 			}));
 		};
 		hooks.useDraggableCollection = (props, state, ref) => createDraggableCollection({
@@ -283,7 +314,7 @@ function useDragAndDrop(options = {}) {
 		hooks.useDraggableItem = (props, state) => createDraggableItem(() => props, state);
 		hooks.DragPreview = DragPreview;
 		hooks.renderDragPreview = renderDragPreview;
-		hooks.isVirtualDragging = () => getGlobalDraggingCollectionRef() != null || getGlobalDraggingKeys().size > 0;
+		hooks.isVirtualDragging = isVirtualDragging;
 	}
 	if (isDroppable) {
 		hooks.useDroppableCollectionState = (props) => {
@@ -300,7 +331,8 @@ function useDragAndDrop(options = {}) {
 				onReorder: options.onReorder ?? props.onReorder,
 				onMove: options.onMove ?? props.onMove,
 				shouldAcceptItemDrop: options.shouldAcceptItemDrop ?? props.shouldAcceptItemDrop,
-				isDisabled: options.isDisabled ?? props.isDisabled
+				isDisabled: options.isDisabled ?? props.isDisabled,
+				collection: props.collection
 			}));
 		};
 		hooks.useDroppableCollection = (props, state, ref) => {
@@ -314,6 +346,7 @@ function useDragAndDrop(options = {}) {
 				selectedKeys: props.selectedKeys,
 				setSelectedKeys: props.setSelectedKeys,
 				setFocusedKey: props.setFocusedKey,
+				setFocused: props.setFocused,
 				onKeyDown: props.onKeyDown,
 				acceptedDragTypes: normalizedAcceptedDragTypes,
 				isDisabled: options.isDisabled ?? props.isDisabled,
@@ -371,22 +404,7 @@ function useDragAndDrop(options = {}) {
 			...props,
 			ref
 		}), state);
-		hooks.useDropIndicator = (props, state, _ref) => {
-			const target = props.target;
-			const activeTarget = state.target;
-			const isDropTarget = activeTarget?.type === target.type && (target.type === "root" || activeTarget.type === "item" && target.type === "item" && activeTarget.key === target.key && activeTarget.dropPosition === target.dropPosition);
-			return {
-				dropIndicatorProps: {
-					role: "option",
-					"aria-disabled": true,
-					"aria-hidden": isDropTarget ? void 0 : "true",
-					tabIndex: -1,
-					"data-drop-target": isDropTarget ? "" : void 0
-				},
-				isDropTarget,
-				isHidden: !isDropTarget
-			};
-		};
+		hooks.useDropIndicator = (props, state, ref) => createDropIndicator(props, state, ref);
 		hooks.renderDropIndicator = renderDropIndicator;
 		hooks.dropTargetDelegate = dropTargetDelegate;
 		hooks.ListDropTargetDelegate = ListDropTargetDelegate;

package/dist/useDragAndDrop2.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"useDragAndDrop2.jsx","names":[],"sources":["../src/DragPreview.tsx","../src/ListDropTargetDelegate.ts","../src/useDragAndDrop.ts"],"sourcesContent":["import { onCleanup, type JSX } from \"solid-js\";\nimport type { DragItem, DragPreviewRenderer } from \"@proyecto-viviana/solid-stately\";\n\nexport interface DragPreviewProps {\n  ref?: { current: DragPreviewRenderer | null };\n  children: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x?: number; y?: number } | null | undefined;\n}\n\nexport function DragPreview(props: DragPreviewProps): JSX.Element {\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n\n  if (props.ref) {\n    const renderer: DragPreviewRenderer = (items, callback) => {\n      const rendered = props.children(items);\n      if (!rendered) {\n        callback(null);\n        return;\n      }\n      if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n        const previewValue = rendered as { element: unknown; x?: number; y?: number };\n        callback(\n          isElementNode(previewValue.element) ? previewValue.element : null,\n          previewValue.x,\n          previewValue.y,\n        );\n        return;\n      }\n      callback(isElementNode(rendered) ? rendered : null);\n    };\n\n    props.ref.current = renderer;\n    onCleanup(() => {\n      if (props.ref?.current === renderer) {\n        props.ref.current = null;\n      }\n    });\n  }\n\n  return null as unknown as JSX.Element;\n}\n","import type { Accessor } from \"solid-js\";\nimport type { DropTarget } from \"@proyecto-viviana/solid-stately\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"horizontal\" | \"vertical\";\ntype Layout = \"stack\" | \"grid\";\n\ninterface CollectionNodeLike {\n  key: string | number;\n  type?: string;\n}\n\nexport interface ListDropTargetDelegateOptions {\n  layout?: Layout;\n  orientation?: Orientation;\n  direction?: Direction;\n}\n\nconst cssEscape = (value: string): string => {\n  const css = (globalThis as { CSS?: { escape?: (input: string) => string } }).CSS;\n  return css?.escape ? css.escape(value) : value.replace(/[^a-zA-Z0-9_-]/g, \"\\\\$&\");\n};\n\nexport class ListDropTargetDelegate {\n  private collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>);\n  private ref: Accessor<HTMLElement | null>;\n  private layout: Layout;\n  private orientation: Orientation;\n  private direction: Direction;\n\n  constructor(\n    collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>),\n    ref: Accessor<HTMLElement | null>,\n    options?: ListDropTargetDelegateOptions,\n  ) {\n    this.collection = collection;\n    this.ref = ref;\n    this.layout = options?.layout ?? \"stack\";\n    this.orientation = options?.orientation ?? \"vertical\";\n    this.direction = options?.direction ?? \"ltr\";\n  }\n\n  private getCollection(): Iterable<CollectionNodeLike> {\n    return typeof this.collection === \"function\"\n      ? (this.collection as () => Iterable<CollectionNodeLike>)()\n      : this.collection;\n  }\n\n  private getPrimaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.left : rect.top;\n  }\n\n  private getPrimaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.right : rect.bottom;\n  }\n\n  private getSecondaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.top : rect.left;\n  }\n\n  private getSecondaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.bottom : rect.right;\n  }\n\n  private getFlowStart(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);\n  }\n\n  private getFlowEnd(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);\n  }\n\n  private getFlowSize(rect: DOMRect): number {\n    return this.getFlowEnd(rect) - this.getFlowStart(rect);\n  }\n\n  private getItemKeys(): Array<string | number> {\n    return [...this.getCollection()].filter((item) => item.type === \"item\").map((item) => item.key);\n  }\n\n  private resolveBoundaryTarget(\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    const keys = this.getItemKeys();\n    if (keys.length === 0) return null;\n    const key = direction === \"next\" ? keys[0] : keys[keys.length - 1];\n    const order: Array<\"before\" | \"on\" | \"after\"> =\n      direction === \"next\" ? [\"before\", \"on\", \"after\"] : [\"after\", \"on\", \"before\"];\n    for (const dropPosition of order) {\n      const target: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(target)) return target;\n    }\n    return null;\n  }\n\n  private resolveTransitionTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const tryPosition = (dropPosition: \"before\" | \"on\" | \"after\"): DropTarget | null => {\n      if (target.dropPosition === dropPosition) return null;\n      const nextTarget: DropTarget = {\n        type: \"item\",\n        key: target.key,\n        dropPosition,\n      };\n      return isValidDropTarget(nextTarget) ? nextTarget : null;\n    };\n\n    if (direction === \"next\") {\n      if (target.dropPosition === \"before\") {\n        return tryPosition(\"on\") ?? tryPosition(\"after\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"after\");\n      }\n    } else {\n      if (target.dropPosition === \"after\") {\n        return tryPosition(\"on\") ?? tryPosition(\"before\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"before\");\n      }\n    }\n\n    return null;\n  }\n\n  private resolveNeighborTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const keys = this.getItemKeys();\n    const index = keys.findIndex((key) => key === target.key);\n    if (index < 0) return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    const nextIndex = direction === \"next\" ? index + 1 : index - 1;\n    if (nextIndex < 0 || nextIndex >= keys.length) {\n      const rootTarget: DropTarget = { type: \"root\" };\n      return isValidDropTarget(rootTarget) ? rootTarget : null;\n    }\n    const key = keys[nextIndex];\n    const order: Array<\"on\" | \"before\" | \"after\"> =\n      direction === \"next\" ? [\"on\", \"before\", \"after\"] : [\"on\", \"after\", \"before\"];\n    for (const dropPosition of order) {\n      const nextTarget: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(nextTarget)) return nextTarget;\n    }\n    return null;\n  }\n\n  getKeyboardNavigationTarget(\n    target: DropTarget | null,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (!target || target.type === \"root\") {\n      return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    }\n    const transition = this.resolveTransitionTarget(target, direction, isValidDropTarget);\n    if (transition) return transition;\n    return this.resolveNeighborTarget(target, direction, isValidDropTarget);\n  }\n\n  getDropTargetFromPoint(\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget {\n    const root = this.ref();\n    if (!root) {\n      return { type: \"root\" };\n    }\n\n    const allItems = [...this.getCollection()].filter((item) => item.type === \"item\");\n    if (allItems.length === 0) {\n      return { type: \"root\" };\n    }\n\n    const collectionId = root.dataset.collection;\n    const selector = collectionId ? `[data-collection=\"${cssEscape(collectionId)}\"]` : \"[data-key]\";\n    const elements = root.querySelectorAll(selector);\n    const elementMap = new Map<string, HTMLElement>();\n    for (const node of elements) {\n      if (node instanceof HTMLElement && node.dataset.key != null) {\n        elementMap.set(node.dataset.key, node);\n      }\n    }\n\n    let low = 0;\n    let high = allItems.length;\n    const rootRect = root.getBoundingClientRect();\n    let primary = this.orientation === \"horizontal\" ? x : y;\n    let secondary = this.orientation === \"horizontal\" ? y : x;\n    primary += this.getPrimaryStart(rootRect);\n    secondary += this.getSecondaryStart(rootRect);\n\n    const flow = this.layout === \"stack\" ? primary : secondary;\n    const isPrimaryRtl = this.orientation === \"horizontal\" && this.direction === \"rtl\";\n    const isSecondaryRtl =\n      this.layout === \"grid\" && this.orientation === \"vertical\" && this.direction === \"rtl\";\n    const isFlowRtl = this.layout === \"stack\" ? isPrimaryRtl : isSecondaryRtl;\n\n    while (low < high) {\n      const mid = Math.floor((low + high) / 2);\n      const item = allItems[mid];\n      const element = elementMap.get(String(item.key));\n      if (!element) break;\n      const rect = element.getBoundingClientRect();\n      const update = (isGreater: boolean) => {\n        if (isGreater) {\n          low = mid + 1;\n        } else {\n          high = mid;\n        }\n      };\n\n      if (primary < this.getPrimaryStart(rect)) {\n        update(isPrimaryRtl);\n      } else if (primary > this.getPrimaryEnd(rect)) {\n        update(!isPrimaryRtl);\n      } else if (secondary < this.getSecondaryStart(rect)) {\n        update(isSecondaryRtl);\n      } else if (secondary > this.getSecondaryEnd(rect)) {\n        update(!isSecondaryRtl);\n      } else {\n        const target: DropTarget = {\n          type: \"item\",\n          key: item.key,\n          dropPosition: \"on\",\n        };\n\n        if (isValidDropTarget(target)) {\n          if (\n            flow <= this.getFlowStart(rect) + 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"before\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (\n            flow >= this.getFlowEnd(rect) - 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"after\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        } else {\n          const midpoint = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;\n          if (flow <= midpoint && isValidDropTarget({ ...target, dropPosition: \"before\" })) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (flow >= midpoint && isValidDropTarget({ ...target, dropPosition: \"after\" })) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        }\n\n        return target;\n      }\n    }\n\n    const item = allItems[Math.min(low, allItems.length - 1)];\n    const element = elementMap.get(String(item.key));\n    const rect = element?.getBoundingClientRect();\n    if (\n      rect &&\n      (primary < this.getPrimaryStart(rect) ||\n        Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect)))\n    ) {\n      return {\n        type: \"item\",\n        key: item.key,\n        dropPosition: isFlowRtl ? \"after\" : \"before\",\n      };\n    }\n\n    return {\n      type: \"item\",\n      key: item.key,\n      dropPosition: isFlowRtl ? \"before\" : \"after\",\n    };\n  }\n}\n","/**\n * Drag and drop compatibility hook for collection components.\n *\n * Mirrors RAC's `useDragAndDrop` shape while delegating to Solid\n * state and aria primitives.\n */\n\nimport type { Accessor, JSX } from \"solid-js\";\nimport { DragPreview } from \"./DragPreview\";\nimport { ListDropTargetDelegate } from \"./ListDropTargetDelegate\";\nimport {\n  createDraggableCollection,\n  createDraggableItem,\n  createDroppableCollection,\n  createDroppableItem,\n  getGlobalDraggingCollectionRef,\n  getGlobalDraggingKeys,\n  type DraggableCollectionOptions,\n  type DraggableCollectionAria,\n  type DraggableItemOptions,\n  type DraggableItemAria,\n  type DroppableCollectionOptions,\n  type DroppableCollectionAria,\n  type DroppableItemOptions,\n  type DroppableItemAria,\n  type DropTargetDelegate as AriaDropTargetDelegate,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createDraggableCollectionState,\n  createDroppableCollectionState,\n  type DragItem,\n  type DragPreviewRenderer,\n  type DraggableCollectionProps,\n  type DraggableCollectionState,\n  type DraggableCollectionStateOptions,\n  type DropTarget,\n  type DroppableCollectionProps,\n  type DroppableCollectionState,\n  type DroppableCollectionStateOptions,\n} from \"@proyecto-viviana/solid-stately\";\n\ninterface DraggableCollectionStateOpts<T = object> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  \"getItems\"\n> {\n  items?: T[];\n}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>,\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: Omit<DraggableCollectionOptions, \"ref\">,\n    state: DraggableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DraggableCollectionAria;\n  useDraggableItem?: (\n    props: DraggableItemOptions,\n    state: DraggableCollectionState,\n  ) => DraggableItemAria;\n  DragPreview?: typeof DragPreview;\n  renderDragPreview?: DragAndDropOptions<T>[\"renderDragPreview\"];\n  isVirtualDragging?: () => boolean;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions,\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: Omit<DroppableCollectionOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableCollectionAria;\n  useDroppableItem?: (\n    options: Omit<DroppableItemOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableItemAria;\n  useDropIndicator?: (\n    props: { target: DropTarget },\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => {\n    dropIndicatorProps: JSX.HTMLAttributes<HTMLElement>;\n    isDropTarget: boolean;\n    isHidden: boolean;\n  };\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  ListDropTargetDelegate?: typeof ListDropTargetDelegate;\n}\n\nexport type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;\n\nexport interface DragAndDrop<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragAndDropHooks<T>;\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends Partial<Omit<DraggableCollectionProps<T>, \"preview\">>, Partial<DroppableCollectionProps> {\n  /**\n   * A function that returns the items being dragged.\n   * If omitted, draggable hooks are not added.\n   */\n  getItems?: (keys: Set<string | number>, items: T[]) => DragItem[];\n  /**\n   * Optional custom drag preview renderer.\n   */\n  renderDragPreview?: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x: number; y: number };\n  /**\n   * Optional drop indicator renderer for collection components.\n   */\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  /**\n   * Optional custom drop target delegate.\n   */\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  /**\n   * Optional drag preview ref.\n   */\n  preview?: { current: DragPreviewRenderer | null };\n  /**\n   * Optional item snapshot used by draggable state `getItems`.\n   */\n  items?: T[];\n  /**\n   * Disable both drag and drop behavior.\n   */\n  isDisabled?: boolean;\n}\n\n/**\n * Provides hooks to enable drag-and-drop behavior for collection components.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}): DragAndDrop<T> {\n  const {\n    getItems,\n    onDrop,\n    onInsert,\n    onItemDrop,\n    onReorder,\n    onMove,\n    onRootDrop,\n    renderDragPreview,\n    renderDropIndicator,\n    dropTargetDelegate,\n  } = options;\n\n  const isDraggable = typeof getItems === \"function\";\n  const isDroppable = Boolean(\n    onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop,\n  );\n\n  const hooks: DragAndDropHooks<T> = {};\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n  const resolvedPreview =\n    options.preview ??\n    (renderDragPreview\n      ? {\n          current: (\n            items: DragItem[],\n            callback: (node: HTMLElement | null, x?: number, y?: number) => void,\n          ) => {\n            const rendered = renderDragPreview(items);\n            if (!rendered) {\n              callback(null);\n              return;\n            }\n            if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n              const previewValue = rendered as { element: unknown; x?: number; y?: number };\n              callback(\n                isElementNode(previewValue.element) ? previewValue.element : null,\n                previewValue.x,\n                previewValue.y,\n              );\n              return;\n            }\n            callback(isElementNode(rendered) ? rendered : null);\n          },\n        }\n      : undefined);\n\n  if (isDraggable && getItems) {\n    hooks.useDraggableCollectionState = (props: DraggableCollectionStateOpts<T>) => {\n      return createDraggableCollectionState<T>(() => ({\n        onDragStart: options.onDragStart ?? props.onDragStart,\n        onDragMove: options.onDragMove ?? props.onDragMove,\n        onDragEnd: options.onDragEnd ?? props.onDragEnd,\n        getAllowedDropOperations:\n          options.getAllowedDropOperations ?? props.getAllowedDropOperations,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n        preview: resolvedPreview ?? props.preview,\n        getItems: (keys) => {\n          const sourceItems = props.items ?? options.items ?? [];\n          return getItems(keys, sourceItems);\n        },\n      }));\n    };\n    hooks.useDraggableCollection = (\n      props: Omit<DraggableCollectionOptions, \"ref\">,\n      state: DraggableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDraggableCollection({ ...props, ref }, state);\n    hooks.useDraggableItem = (props, state) => createDraggableItem(() => props, state);\n    hooks.DragPreview = DragPreview;\n    hooks.renderDragPreview = renderDragPreview;\n    hooks.isVirtualDragging = () =>\n      getGlobalDraggingCollectionRef() != null || getGlobalDraggingKeys().size > 0;\n  }\n\n  if (isDroppable) {\n    hooks.useDroppableCollectionState = (props: DroppableCollectionStateOptions) => {\n      return createDroppableCollectionState(() => ({\n        acceptedDragTypes: options.acceptedDragTypes ?? props.acceptedDragTypes,\n        getDropOperation: options.getDropOperation ?? props.getDropOperation,\n        onDropEnter: options.onDropEnter ?? props.onDropEnter,\n        onDropActivate: options.onDropActivate ?? props.onDropActivate,\n        onDropExit: options.onDropExit ?? props.onDropExit,\n        onDrop: options.onDrop ?? props.onDrop,\n        onInsert: options.onInsert ?? props.onInsert,\n        onRootDrop: options.onRootDrop ?? props.onRootDrop,\n        onItemDrop: options.onItemDrop ?? props.onItemDrop,\n        onReorder: options.onReorder ?? props.onReorder,\n        onMove: options.onMove ?? props.onMove,\n        shouldAcceptItemDrop: options.shouldAcceptItemDrop ?? props.shouldAcceptItemDrop,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n      }));\n    };\n    hooks.useDroppableCollection = (\n      props: Omit<DroppableCollectionOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => {\n      const acceptedDragTypes = options.acceptedDragTypes ?? props.acceptedDragTypes;\n      const normalizedAcceptedDragTypes =\n        acceptedDragTypes === \"all\"\n          ? \"all\"\n          : acceptedDragTypes?.filter(\n              (type): type is string | symbol =>\n                typeof type === \"string\" || typeof type === \"symbol\",\n            );\n      return createDroppableCollection(\n        () => ({\n          ref,\n          dropTargetDelegate: options.dropTargetDelegate ?? props.dropTargetDelegate,\n          keyboardDelegate: props.keyboardDelegate,\n          // Host collection + selection/focus setters, forwarded so keyboard\n          // drop-target navigation and post-drop focus restoration work.\n          collection: props.collection,\n          selectedKeys: props.selectedKeys,\n          setSelectedKeys: props.setSelectedKeys,\n          setFocusedKey: props.setFocusedKey,\n          onKeyDown: props.onKeyDown,\n          acceptedDragTypes: normalizedAcceptedDragTypes,\n          isDisabled: options.isDisabled ?? props.isDisabled,\n          onDropActivate: (e) => {\n            (options.onDropActivate ?? props.onDropActivate)?.({\n              type: \"dropactivate\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n            });\n          },\n          onDrop: (e) => {\n            (options.onDrop ?? props.onDrop)?.({\n              type: \"drop\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n              items: e.items,\n              dropOperation: e.dropOperation,\n            });\n          },\n          onRootDrop: options.onRootDrop ?? props.onRootDrop,\n          onItemDrop: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onItemDrop ?? props.onItemDrop)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n                isInternal: e.isInternal,\n              });\n            }\n          },\n          onInsert: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onInsert ?? props.onInsert)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onReorder: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onReorder ?? props.onReorder)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onMove: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onMove ?? props.onMove)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n        }),\n        state,\n      );\n    };\n    hooks.useDroppableItem = (\n      props: Omit<DroppableItemOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDroppableItem(() => ({ ...props, ref }), state);\n    hooks.useDropIndicator = (\n      props: { target: DropTarget },\n      state: DroppableCollectionState,\n      _ref: Accessor<HTMLElement | null>,\n    ) => {\n      const target = props.target;\n      const activeTarget = state.target;\n      const isDropTarget =\n        activeTarget?.type === target.type &&\n        (target.type === \"root\" ||\n          (activeTarget.type === \"item\" &&\n            target.type === \"item\" &&\n            activeTarget.key === target.key &&\n            activeTarget.dropPosition === target.dropPosition));\n      return {\n        dropIndicatorProps: {\n          role: \"option\",\n          \"aria-disabled\": true,\n          \"aria-hidden\": isDropTarget ? undefined : \"true\",\n          tabIndex: -1,\n          \"data-drop-target\": isDropTarget ? \"\" : undefined,\n        },\n        isDropTarget,\n        isHidden: !isDropTarget,\n      };\n    };\n    hooks.renderDropIndicator = renderDropIndicator;\n    hooks.dropTargetDelegate = dropTargetDelegate;\n    hooks.ListDropTargetDelegate = ListDropTargetDelegate;\n  }\n\n  return {\n    dragAndDropHooks: hooks,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDragAndDrop2.jsx","names":[],"sources":["../src/DragPreview.tsx","../src/ListDropTargetDelegate.ts","../src/useDragAndDrop.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/dnd/DragPreview.tsx\n\n/**\n * Based on packages/react-aria/src/dnd/DragPreview.tsx.\n */\n\nimport { onCleanup } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type { DragItem, DragPreviewRenderer } from \"@proyecto-viviana/solid-stately\";\n\nexport interface DragPreviewProps {\n  ref?: { current: DragPreviewRenderer | null };\n  children: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x?: number; y?: number } | null | undefined;\n}\n\nexport function DragPreview(props: DragPreviewProps): JSX.Element {\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n\n  if (props.ref) {\n    const renderer: DragPreviewRenderer = (items, callback) => {\n      const rendered = props.children(items);\n      if (!rendered) {\n        callback(null);\n        return;\n      }\n      if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n        const previewValue = rendered as { element: unknown; x?: number; y?: number };\n        callback(\n          isElementNode(previewValue.element) ? previewValue.element : null,\n          previewValue.x,\n          previewValue.y,\n        );\n        return;\n      }\n      callback(isElementNode(rendered) ? rendered : null);\n    };\n\n    props.ref.current = renderer;\n    onCleanup(() => {\n      if (props.ref?.current === renderer) {\n        props.ref.current = null;\n      }\n    });\n  }\n\n  return null as unknown as JSX.Element;\n}\n","/**\n * Based on packages/react-aria/src/dnd/ListDropTargetDelegate.ts.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type { DropTarget } from \"@proyecto-viviana/solid-stately\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"horizontal\" | \"vertical\";\ntype Layout = \"stack\" | \"grid\";\n\ninterface CollectionNodeLike {\n  key: string | number;\n  type?: string;\n}\n\nexport interface ListDropTargetDelegateOptions {\n  layout?: Layout;\n  orientation?: Orientation;\n  direction?: Direction;\n}\n\nconst cssEscape = (value: string): string => {\n  const css = (globalThis as { CSS?: { escape?: (input: string) => string } }).CSS;\n  return css?.escape ? css.escape(value) : value.replace(/[^a-zA-Z0-9_-]/g, \"\\\\$&\");\n};\n\nexport class ListDropTargetDelegate {\n  private collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>);\n  private ref: Accessor<HTMLElement | null>;\n  private layout: Layout;\n  private orientation: Orientation;\n  private direction: Direction;\n\n  constructor(\n    collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>),\n    ref: Accessor<HTMLElement | null>,\n    options?: ListDropTargetDelegateOptions,\n  ) {\n    this.collection = collection;\n    this.ref = ref;\n    this.layout = options?.layout ?? \"stack\";\n    this.orientation = options?.orientation ?? \"vertical\";\n    this.direction = options?.direction ?? \"ltr\";\n  }\n\n  private getCollection(): Iterable<CollectionNodeLike> {\n    return typeof this.collection === \"function\"\n      ? (this.collection as () => Iterable<CollectionNodeLike>)()\n      : this.collection;\n  }\n\n  private getPrimaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.left : rect.top;\n  }\n\n  private getPrimaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.right : rect.bottom;\n  }\n\n  private getSecondaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.top : rect.left;\n  }\n\n  private getSecondaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.bottom : rect.right;\n  }\n\n  private getFlowStart(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);\n  }\n\n  private getFlowEnd(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);\n  }\n\n  private getFlowSize(rect: DOMRect): number {\n    return this.getFlowEnd(rect) - this.getFlowStart(rect);\n  }\n\n  private getItemKeys(): Array<string | number> {\n    return [...this.getCollection()].filter((item) => item.type === \"item\").map((item) => item.key);\n  }\n\n  private resolveBoundaryTarget(\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    const keys = this.getItemKeys();\n    if (keys.length === 0) return null;\n    const key = direction === \"next\" ? keys[0] : keys[keys.length - 1];\n    const order: Array<\"before\" | \"on\" | \"after\"> =\n      direction === \"next\" ? [\"before\", \"on\", \"after\"] : [\"after\", \"on\", \"before\"];\n    for (const dropPosition of order) {\n      const target: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(target)) return target;\n    }\n    return null;\n  }\n\n  private resolveTransitionTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const tryPosition = (dropPosition: \"before\" | \"on\" | \"after\"): DropTarget | null => {\n      if (target.dropPosition === dropPosition) return null;\n      const nextTarget: DropTarget = {\n        type: \"item\",\n        key: target.key,\n        dropPosition,\n      };\n      return isValidDropTarget(nextTarget) ? nextTarget : null;\n    };\n\n    if (direction === \"next\") {\n      if (target.dropPosition === \"before\") {\n        return tryPosition(\"on\") ?? tryPosition(\"after\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"after\");\n      }\n    } else {\n      if (target.dropPosition === \"after\") {\n        return tryPosition(\"on\") ?? tryPosition(\"before\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"before\");\n      }\n    }\n\n    return null;\n  }\n\n  private resolveNeighborTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const keys = this.getItemKeys();\n    const index = keys.findIndex((key) => key === target.key);\n    if (index < 0) return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    const nextIndex = direction === \"next\" ? index + 1 : index - 1;\n    if (nextIndex < 0 || nextIndex >= keys.length) {\n      const rootTarget: DropTarget = { type: \"root\" };\n      return isValidDropTarget(rootTarget) ? rootTarget : null;\n    }\n    const key = keys[nextIndex];\n    const order: Array<\"on\" | \"before\" | \"after\"> =\n      direction === \"next\" ? [\"on\", \"before\", \"after\"] : [\"on\", \"after\", \"before\"];\n    for (const dropPosition of order) {\n      const nextTarget: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(nextTarget)) return nextTarget;\n    }\n    return null;\n  }\n\n  getKeyboardNavigationTarget(\n    target: DropTarget | null,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (!target || target.type === \"root\") {\n      return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    }\n    const transition = this.resolveTransitionTarget(target, direction, isValidDropTarget);\n    if (transition) return transition;\n    return this.resolveNeighborTarget(target, direction, isValidDropTarget);\n  }\n\n  getDropTargetFromPoint(\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget {\n    const root = this.ref();\n    if (!root) {\n      return { type: \"root\" };\n    }\n\n    const allItems = [...this.getCollection()].filter((item) => item.type === \"item\");\n    if (allItems.length === 0) {\n      return { type: \"root\" };\n    }\n\n    const collectionId = root.dataset.collection;\n    const selector = collectionId ? `[data-collection=\"${cssEscape(collectionId)}\"]` : \"[data-key]\";\n    const elements = root.querySelectorAll(selector);\n    const elementMap = new Map<string, HTMLElement>();\n    for (const node of elements) {\n      if (node instanceof HTMLElement && node.dataset.key != null) {\n        elementMap.set(node.dataset.key, node);\n      }\n    }\n\n    let low = 0;\n    let high = allItems.length;\n    const rootRect = root.getBoundingClientRect();\n    let primary = this.orientation === \"horizontal\" ? x : y;\n    let secondary = this.orientation === \"horizontal\" ? y : x;\n    primary += this.getPrimaryStart(rootRect);\n    secondary += this.getSecondaryStart(rootRect);\n\n    const flow = this.layout === \"stack\" ? primary : secondary;\n    const isPrimaryRtl = this.orientation === \"horizontal\" && this.direction === \"rtl\";\n    const isSecondaryRtl =\n      this.layout === \"grid\" && this.orientation === \"vertical\" && this.direction === \"rtl\";\n    const isFlowRtl = this.layout === \"stack\" ? isPrimaryRtl : isSecondaryRtl;\n\n    while (low < high) {\n      const mid = Math.floor((low + high) / 2);\n      const item = allItems[mid];\n      const element = elementMap.get(String(item.key));\n      if (!element) break;\n      const rect = element.getBoundingClientRect();\n      const update = (isGreater: boolean) => {\n        if (isGreater) {\n          low = mid + 1;\n        } else {\n          high = mid;\n        }\n      };\n\n      if (primary < this.getPrimaryStart(rect)) {\n        update(isPrimaryRtl);\n      } else if (primary > this.getPrimaryEnd(rect)) {\n        update(!isPrimaryRtl);\n      } else if (secondary < this.getSecondaryStart(rect)) {\n        update(isSecondaryRtl);\n      } else if (secondary > this.getSecondaryEnd(rect)) {\n        update(!isSecondaryRtl);\n      } else {\n        const target: DropTarget = {\n          type: \"item\",\n          key: item.key,\n          dropPosition: \"on\",\n        };\n\n        if (isValidDropTarget(target)) {\n          if (\n            flow <= this.getFlowStart(rect) + 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"before\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (\n            flow >= this.getFlowEnd(rect) - 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"after\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        } else {\n          const midpoint = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;\n          if (flow <= midpoint && isValidDropTarget({ ...target, dropPosition: \"before\" })) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (flow >= midpoint && isValidDropTarget({ ...target, dropPosition: \"after\" })) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        }\n\n        return target;\n      }\n    }\n\n    const item = allItems[Math.min(low, allItems.length - 1)];\n    const element = elementMap.get(String(item.key));\n    const rect = element?.getBoundingClientRect();\n    if (\n      rect &&\n      (primary < this.getPrimaryStart(rect) ||\n        Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect)))\n    ) {\n      return {\n        type: \"item\",\n        key: item.key,\n        dropPosition: isFlowRtl ? \"after\" : \"before\",\n      };\n    }\n\n    return {\n      type: \"item\",\n      key: item.key,\n      dropPosition: isFlowRtl ? \"before\" : \"after\",\n    };\n  }\n}\n","/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/useDragAndDrop.tsx\n\n/**\n * Drag and drop compatibility hook for collection components.\n *\n * Mirrors RAC's `useDragAndDrop` shape while delegating to Solid\n * state and aria primitives. Based on\n * packages/react-aria-components/src/useDragAndDrop.tsx.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { DragPreview } from \"./DragPreview\";\nimport { ListDropTargetDelegate } from \"./ListDropTargetDelegate\";\nimport {\n  createDraggableCollection,\n  createDraggableItem,\n  createDroppableCollection,\n  createDroppableItem,\n  createDropIndicator,\n  isVirtualDragging,\n  type DraggableCollectionOptions,\n  type DraggableCollectionAria,\n  type DraggableItemOptions,\n  type DraggableItemAria,\n  type DroppableCollectionOptions,\n  type DroppableCollectionAria,\n  type DroppableItemOptions,\n  type DroppableItemAria,\n  type DropTargetDelegate as AriaDropTargetDelegate,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createDraggableCollectionState,\n  createDroppableCollectionState,\n  type DragItem,\n  type DragPreviewRenderer,\n  type DraggableCollectionProps,\n  type DraggableCollectionState,\n  type DraggableCollectionStateOptions,\n  type DropTarget,\n  type DroppableCollectionProps,\n  type DroppableCollectionState,\n  type DroppableCollectionStateOptions,\n} from \"@proyecto-viviana/solid-stately\";\n\ninterface DraggableCollectionStateOpts<T = object> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  \"getItems\"\n> {\n  items?: T[];\n}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>,\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: Omit<DraggableCollectionOptions, \"ref\">,\n    state: DraggableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DraggableCollectionAria;\n  useDraggableItem?: (\n    props: DraggableItemOptions,\n    state: DraggableCollectionState,\n  ) => DraggableItemAria;\n  DragPreview?: typeof DragPreview;\n  renderDragPreview?: DragAndDropOptions<T>[\"renderDragPreview\"];\n  isVirtualDragging?: () => boolean;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions,\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: Omit<DroppableCollectionOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableCollectionAria;\n  useDroppableItem?: (\n    options: Omit<DroppableItemOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableItemAria;\n  useDropIndicator?: (\n    props: { target: DropTarget },\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => {\n    dropIndicatorProps: JSX.HTMLAttributes<HTMLElement>;\n    isDropTarget: boolean;\n    isHidden: boolean;\n  };\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  ListDropTargetDelegate?: typeof ListDropTargetDelegate;\n}\n\nexport type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;\n\nexport interface DragAndDrop<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragAndDropHooks<T>;\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends Partial<Omit<DraggableCollectionProps<T>, \"preview\">>, Partial<DroppableCollectionProps> {\n  /**\n   * A function that returns the items being dragged.\n   * If omitted, draggable hooks are not added.\n   */\n  getItems?: (keys: Set<string | number>, items: T[]) => DragItem[];\n  /**\n   * Optional custom drag preview renderer.\n   */\n  renderDragPreview?: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x: number; y: number };\n  /**\n   * Optional drop indicator renderer for collection components.\n   */\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  /**\n   * Optional custom drop target delegate.\n   */\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  /**\n   * Optional drag preview ref.\n   */\n  preview?: { current: DragPreviewRenderer | null };\n  /**\n   * Optional item snapshot used by draggable state `getItems`.\n   */\n  items?: T[];\n  /**\n   * Disable both drag and drop behavior.\n   */\n  isDisabled?: boolean;\n}\n\n/**\n * Provides hooks to enable drag-and-drop behavior for collection components.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}): DragAndDrop<T> {\n  const {\n    getItems,\n    onDrop,\n    onInsert,\n    onItemDrop,\n    onReorder,\n    onMove,\n    onRootDrop,\n    renderDragPreview,\n    renderDropIndicator,\n    dropTargetDelegate,\n  } = options;\n\n  const isDraggable = typeof getItems === \"function\";\n  const isDroppable = Boolean(\n    onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop,\n  );\n\n  const hooks: DragAndDropHooks<T> = {};\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n  const resolvedPreview =\n    options.preview ??\n    (renderDragPreview\n      ? {\n          current: (\n            items: DragItem[],\n            callback: (node: HTMLElement | null, x?: number, y?: number) => void,\n          ) => {\n            const rendered = renderDragPreview(items);\n            if (!rendered) {\n              callback(null);\n              return;\n            }\n            if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n              const previewValue = rendered as { element: unknown; x?: number; y?: number };\n              callback(\n                isElementNode(previewValue.element) ? previewValue.element : null,\n                previewValue.x,\n                previewValue.y,\n              );\n              return;\n            }\n            callback(isElementNode(rendered) ? rendered : null);\n          },\n        }\n      : undefined);\n\n  if (isDraggable && getItems) {\n    hooks.useDraggableCollectionState = (props: DraggableCollectionStateOpts<T>) => {\n      return createDraggableCollectionState<T>(() => ({\n        onDragStart: options.onDragStart ?? props.onDragStart,\n        onDragMove: options.onDragMove ?? props.onDragMove,\n        onDragEnd: options.onDragEnd ?? props.onDragEnd,\n        getAllowedDropOperations:\n          options.getAllowedDropOperations ?? props.getAllowedDropOperations,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n        preview: resolvedPreview ?? props.preview,\n        getItems: (keys) => {\n          const sourceItems = props.items ?? options.items ?? [];\n          return getItems(keys, sourceItems);\n        },\n        collection: props.collection,\n        selectedKeys: props.selectedKeys,\n        isSelected: props.isSelected,\n      }));\n    };\n    hooks.useDraggableCollection = (\n      props: Omit<DraggableCollectionOptions, \"ref\">,\n      state: DraggableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDraggableCollection({ ...props, ref }, state);\n    hooks.useDraggableItem = (props, state) => createDraggableItem(() => props, state);\n    hooks.DragPreview = DragPreview;\n    hooks.renderDragPreview = renderDragPreview;\n    // RAC `useDragAndDrop.tsx:182` `isVirtualDragging` is DragManager's\n    // `!!dragSession`, not \"any in-flight pointer keys\".\n    hooks.isVirtualDragging = isVirtualDragging;\n  }\n\n  if (isDroppable) {\n    hooks.useDroppableCollectionState = (props: DroppableCollectionStateOptions) => {\n      return createDroppableCollectionState(() => ({\n        acceptedDragTypes: options.acceptedDragTypes ?? props.acceptedDragTypes,\n        getDropOperation: options.getDropOperation ?? props.getDropOperation,\n        onDropEnter: options.onDropEnter ?? props.onDropEnter,\n        onDropActivate: options.onDropActivate ?? props.onDropActivate,\n        onDropExit: options.onDropExit ?? props.onDropExit,\n        onDrop: options.onDrop ?? props.onDrop,\n        onInsert: options.onInsert ?? props.onInsert,\n        onRootDrop: options.onRootDrop ?? props.onRootDrop,\n        onItemDrop: options.onItemDrop ?? props.onItemDrop,\n        onReorder: options.onReorder ?? props.onReorder,\n        onMove: options.onMove ?? props.onMove,\n        shouldAcceptItemDrop: options.shouldAcceptItemDrop ?? props.shouldAcceptItemDrop,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n        collection: props.collection,\n      }));\n    };\n    hooks.useDroppableCollection = (\n      props: Omit<DroppableCollectionOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => {\n      const acceptedDragTypes = options.acceptedDragTypes ?? props.acceptedDragTypes;\n      const normalizedAcceptedDragTypes =\n        acceptedDragTypes === \"all\"\n          ? \"all\"\n          : acceptedDragTypes?.filter(\n              (type): type is string | symbol =>\n                typeof type === \"string\" || typeof type === \"symbol\",\n            );\n      return createDroppableCollection(\n        () => ({\n          ref,\n          dropTargetDelegate: options.dropTargetDelegate ?? props.dropTargetDelegate,\n          keyboardDelegate: props.keyboardDelegate,\n          // Host collection + selection/focus setters, forwarded so keyboard\n          // drop-target navigation and post-drop focus restoration work.\n          collection: props.collection,\n          selectedKeys: props.selectedKeys,\n          setSelectedKeys: props.setSelectedKeys,\n          setFocusedKey: props.setFocusedKey,\n          setFocused: props.setFocused,\n          onKeyDown: props.onKeyDown,\n          acceptedDragTypes: normalizedAcceptedDragTypes,\n          isDisabled: options.isDisabled ?? props.isDisabled,\n          onDropActivate: (e) => {\n            (options.onDropActivate ?? props.onDropActivate)?.({\n              type: \"dropactivate\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n            });\n          },\n          onDrop: (e) => {\n            (options.onDrop ?? props.onDrop)?.({\n              type: \"drop\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n              items: e.items,\n              dropOperation: e.dropOperation,\n            });\n          },\n          onRootDrop: options.onRootDrop ?? props.onRootDrop,\n          onItemDrop: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onItemDrop ?? props.onItemDrop)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n                isInternal: e.isInternal,\n              });\n            }\n          },\n          onInsert: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onInsert ?? props.onInsert)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onReorder: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onReorder ?? props.onReorder)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onMove: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onMove ?? props.onMove)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n        }),\n        state,\n      );\n    };\n    hooks.useDroppableItem = (\n      props: Omit<DroppableItemOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDroppableItem(() => ({ ...props, ref }), state);\n    // RAC `useDragAndDrop.tsx:203` `hooks.useDropIndicator = useDropIndicator`.\n    hooks.useDropIndicator = (props, state, ref) => createDropIndicator(props, state, ref);\n    hooks.renderDropIndicator = renderDropIndicator;\n    hooks.dropTargetDelegate = dropTargetDelegate;\n    hooks.ListDropTargetDelegate = ListDropTargetDelegate;\n  }\n\n  return {\n    dragAndDropHooks: hooks,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,YAAY,OAAsC;CAChE,MAAM,SAAS,OAAO,gBAAgB;CACtC,MAAM,iBAAiB,UAAyC;EAC9D,IAAI,CAAC,OAAO,OAAO;EACnB,IAAI,UAAU,iBAAiB,aAAa,OAAO;EACnD,OAAO,OAAO,UAAU,YAAa,MAAgC,aAAa;CACpF;CAEA,IAAI,MAAM,KAAK;EACb,MAAM,YAAiC,OAAO,aAAa;GACzD,MAAM,WAAW,MAAM,SAAS,KAAK;GACrC,IAAI,CAAC,UAAU;IACb,SAAS,IAAI;IACb;GACF;GACA,IAAI,OAAO,aAAa,YAAY,aAAa,QAAQ,aAAa,UAAU;IAC9E,MAAM,eAAe;IACrB,SACE,cAAc,aAAa,OAAO,IAAI,aAAa,UAAU,MAC7D,aAAa,GACb,aAAa,CACf;IACA;GACF;GACA,SAAS,cAAc,QAAQ,IAAI,WAAW,IAAI;EACpD;EAEA,MAAM,IAAI,UAAU;EACpB,gBAAgB;GACd,IAAI,MAAM,KAAK,YAAY,UACzB,MAAM,IAAI,UAAU;EAExB,CAAC;CACH;CAEA,OAAO;AACT;;;AC3CA,MAAM,aAAa,UAA0B;CAC3C,MAAM,MAAO,WAAgE;CAC7E,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,MAAM,QAAQ,mBAAmB,MAAM;AAClF;AAEA,IAAa,yBAAb,MAAoC;CAClC;CACA;CACA;CACA;CACA;CAEA,YACE,YACA,KACA,SACA;EACA,KAAK,aAAa;EAClB,KAAK,MAAM;EACX,KAAK,SAAS,SAAS,UAAU;EACjC,KAAK,cAAc,SAAS,eAAe;EAC3C,KAAK,YAAY,SAAS,aAAa;CACzC;CAEA,gBAAsD;EACpD,OAAO,OAAO,KAAK,eAAe,aAC7B,KAAK,WAAkD,IACxD,KAAK;CACX;CAEA,gBAAwB,MAAuB;EAC7C,OAAO,KAAK,gBAAgB,eAAe,KAAK,OAAO,KAAK;CAC9D;CAEA,cAAsB,MAAuB;EAC3C,OAAO,KAAK,gBAAgB,eAAe,KAAK,QAAQ,KAAK;CAC/D;CAEA,kBAA0B,MAAuB;EAC/C,OAAO,KAAK,gBAAgB,eAAe,KAAK,MAAM,KAAK;CAC7D;CAEA,gBAAwB,MAAuB;EAC7C,OAAO,KAAK,gBAAgB,eAAe,KAAK,SAAS,KAAK;CAChE;CAEA,aAAqB,MAAuB;EAC1C,OAAO,KAAK,WAAW,UAAU,KAAK,gBAAgB,IAAI,IAAI,KAAK,kBAAkB,IAAI;CAC3F;CAEA,WAAmB,MAAuB;EACxC,OAAO,KAAK,WAAW,UAAU,KAAK,cAAc,IAAI,IAAI,KAAK,gBAAgB,IAAI;CACvF;CAEA,YAAoB,MAAuB;EACzC,OAAO,KAAK,WAAW,IAAI,IAAI,KAAK,aAAa,IAAI;CACvD;CAEA,cAA8C;EAC5C,OAAO,CAAC,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,QAAQ,SAAS,KAAK,SAAS,MAAM,CAAC,CAAC,KAAK,SAAS,KAAK,GAAG;CAChG;CAEA,sBACE,WACA,mBACmB;EACnB,MAAM,OAAO,KAAK,YAAY;EAC9B,IAAI,KAAK,WAAW,GAAG,OAAO;EAC9B,MAAM,MAAM,cAAc,SAAS,KAAK,KAAK,KAAK,KAAK,SAAS;EAChE,MAAM,QACJ,cAAc,SAAS;GAAC;GAAU;GAAM;EAAO,IAAI;GAAC;GAAS;GAAM;EAAQ;EAC7E,KAAK,MAAM,gBAAgB,OAAO;GAChC,MAAM,SAAqB;IAAE,MAAM;IAAQ;IAAK;GAAa;GAC7D,IAAI,kBAAkB,MAAM,GAAG,OAAO;EACxC;EACA,OAAO;CACT;CAEA,wBACE,QACA,WACA,mBACmB;EACnB,IAAI,OAAO,SAAS,QAAQ,OAAO;EACnC,MAAM,eAAe,iBAA+D;GAClF,IAAI,OAAO,iBAAiB,cAAc,OAAO;GACjD,MAAM,aAAyB;IAC7B,MAAM;IACN,KAAK,OAAO;IACZ;GACF;GACA,OAAO,kBAAkB,UAAU,IAAI,aAAa;EACtD;EAEA,IAAI,cAAc,QAAQ;GACxB,IAAI,OAAO,iBAAiB,UAC1B,OAAO,YAAY,IAAI,KAAK,YAAY,OAAO;GAEjD,IAAI,OAAO,iBAAiB,MAC1B,OAAO,YAAY,OAAO;EAE9B,OAAO;GACL,IAAI,OAAO,iBAAiB,SAC1B,OAAO,YAAY,IAAI,KAAK,YAAY,QAAQ;GAElD,IAAI,OAAO,iBAAiB,MAC1B,OAAO,YAAY,QAAQ;EAE/B;EAEA,OAAO;CACT;CAEA,sBACE,QACA,WACA,mBACmB;EACnB,IAAI,OAAO,SAAS,QAAQ,OAAO;EACnC,MAAM,OAAO,KAAK,YAAY;EAC9B,MAAM,QAAQ,KAAK,WAAW,QAAQ,QAAQ,OAAO,GAAG;EACxD,IAAI,QAAQ,GAAG,OAAO,KAAK,sBAAsB,WAAW,iBAAiB;EAC7E,MAAM,YAAY,cAAc,SAAS,QAAQ,IAAI,QAAQ;EAC7D,IAAI,YAAY,KAAK,aAAa,KAAK,QAAQ;GAC7C,MAAM,aAAyB,EAAE,MAAM,OAAO;GAC9C,OAAO,kBAAkB,UAAU,IAAI,aAAa;EACtD;EACA,MAAM,MAAM,KAAK;EACjB,MAAM,QACJ,cAAc,SAAS;GAAC;GAAM;GAAU;EAAO,IAAI;GAAC;GAAM;GAAS;EAAQ;EAC7E,KAAK,MAAM,gBAAgB,OAAO;GAChC,MAAM,aAAyB;IAAE,MAAM;IAAQ;IAAK;GAAa;GACjE,IAAI,kBAAkB,UAAU,GAAG,OAAO;EAC5C;EACA,OAAO;CACT;CAEA,4BACE,QACA,WACA,mBACmB;EACnB,IAAI,CAAC,UAAU,OAAO,SAAS,QAC7B,OAAO,KAAK,sBAAsB,WAAW,iBAAiB;EAEhE,MAAM,aAAa,KAAK,wBAAwB,QAAQ,WAAW,iBAAiB;EACpF,IAAI,YAAY,OAAO;EACvB,OAAO,KAAK,sBAAsB,QAAQ,WAAW,iBAAiB;CACxE;CAEA,uBACE,GACA,GACA,mBACY;EACZ,MAAM,OAAO,KAAK,IAAI;EACtB,IAAI,CAAC,MACH,OAAO,EAAE,MAAM,OAAO;EAGxB,MAAM,WAAW,CAAC,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,QAAQ,SAAS,KAAK,SAAS,MAAM;EAChF,IAAI,SAAS,WAAW,GACtB,OAAO,EAAE,MAAM,OAAO;EAGxB,MAAM,eAAe,KAAK,QAAQ;EAClC,MAAM,WAAW,eAAe,qBAAqB,UAAU,YAAY,EAAE,MAAM;EACnF,MAAM,WAAW,KAAK,iBAAiB,QAAQ;EAC/C,MAAM,6BAAa,IAAI,IAAyB;EAChD,KAAK,MAAM,QAAQ,UACjB,IAAI,gBAAgB,eAAe,KAAK,QAAQ,OAAO,MACrD,WAAW,IAAI,KAAK,QAAQ,KAAK,IAAI;EAIzC,IAAI,MAAM;EACV,IAAI,OAAO,SAAS;EACpB,MAAM,WAAW,KAAK,sBAAsB;EAC5C,IAAI,UAAU,KAAK,gBAAgB,eAAe,IAAI;EACtD,IAAI,YAAY,KAAK,gBAAgB,eAAe,IAAI;EACxD,WAAW,KAAK,gBAAgB,QAAQ;EACxC,aAAa,KAAK,kBAAkB,QAAQ;EAE5C,MAAM,OAAO,KAAK,WAAW,UAAU,UAAU;EACjD,MAAM,eAAe,KAAK,gBAAgB,gBAAgB,KAAK,cAAc;EAC7E,MAAM,iBACJ,KAAK,WAAW,UAAU,KAAK,gBAAgB,cAAc,KAAK,cAAc;EAClF,MAAM,YAAY,KAAK,WAAW,UAAU,eAAe;EAE3D,OAAO,MAAM,MAAM;GACjB,MAAM,MAAM,KAAK,OAAO,MAAM,QAAQ,CAAC;GACvC,MAAM,OAAO,SAAS;GACtB,MAAM,UAAU,WAAW,IAAI,OAAO,KAAK,GAAG,CAAC;GAC/C,IAAI,CAAC,SAAS;GACd,MAAM,OAAO,QAAQ,sBAAsB;GAC3C,MAAM,UAAU,cAAuB;IACrC,IAAI,WACF,MAAM,MAAM;SAEZ,OAAO;GAEX;GAEA,IAAI,UAAU,KAAK,gBAAgB,IAAI,GACrC,OAAO,YAAY;QACd,IAAI,UAAU,KAAK,cAAc,IAAI,GAC1C,OAAO,CAAC,YAAY;QACf,IAAI,YAAY,KAAK,kBAAkB,IAAI,GAChD,OAAO,cAAc;QAChB,IAAI,YAAY,KAAK,gBAAgB,IAAI,GAC9C,OAAO,CAAC,cAAc;QACjB;IACL,MAAM,SAAqB;KACzB,MAAM;KACN,KAAK,KAAK;KACV,cAAc;IAChB;IAEA,IAAI,kBAAkB,MAAM,GAAG;KAC7B,IACE,QAAQ,KAAK,aAAa,IAAI,IAAI,KAClC,kBAAkB;MAAE,GAAG;MAAQ,cAAc;KAAS,CAAC,GAEvD,OAAO,eAAe,YAAY,UAAU;UACvC,IACL,QAAQ,KAAK,WAAW,IAAI,IAAI,KAChC,kBAAkB;MAAE,GAAG;MAAQ,cAAc;KAAQ,CAAC,GAEtD,OAAO,eAAe,YAAY,WAAW;IAEjD,OAAO;KACL,MAAM,WAAW,KAAK,aAAa,IAAI,IAAI,KAAK,YAAY,IAAI,IAAI;KACpE,IAAI,QAAQ,YAAY,kBAAkB;MAAE,GAAG;MAAQ,cAAc;KAAS,CAAC,GAC7E,OAAO,eAAe,YAAY,UAAU;UACvC,IAAI,QAAQ,YAAY,kBAAkB;MAAE,GAAG;MAAQ,cAAc;KAAQ,CAAC,GACnF,OAAO,eAAe,YAAY,WAAW;IAEjD;IAEA,OAAO;GACT;EACF;EAEA,MAAM,OAAO,SAAS,KAAK,IAAI,KAAK,SAAS,SAAS,CAAC;EAEvD,MAAM,OADU,WAAW,IAAI,OAAO,KAAK,GAAG,CAC3B,CAAC,EAAE,sBAAsB;EAC5C,IACE,SACC,UAAU,KAAK,gBAAgB,IAAI,KAClC,KAAK,IAAI,OAAO,KAAK,aAAa,IAAI,CAAC,IAAI,KAAK,IAAI,OAAO,KAAK,WAAW,IAAI,CAAC,IAElF,OAAO;GACL,MAAM;GACN,KAAK,KAAK;GACV,cAAc,YAAY,UAAU;EACtC;EAGF,OAAO;GACL,MAAM;GACN,KAAK,KAAK;GACV,cAAc,YAAY,WAAW;EACvC;CACF;AACF;;;;;;ACnIA,SAAgB,eAA2B,UAAiC,CAAC,GAAmB;CAC9F,MAAM,EACJ,UACA,QACA,UACA,YACA,WACA,QACA,YACA,mBACA,qBACA,uBACE;CAEJ,MAAM,cAAc,OAAO,aAAa;CACxC,MAAM,cAAc,QAClB,UAAU,YAAY,cAAc,aAAa,UAAU,UAC7D;CAEA,MAAM,QAA6B,CAAC;CACpC,MAAM,SAAS,OAAO,gBAAgB;CACtC,MAAM,iBAAiB,UAAyC;EAC9D,IAAI,CAAC,OAAO,OAAO;EACnB,IAAI,UAAU,iBAAiB,aAAa,OAAO;EACnD,OAAO,OAAO,UAAU,YAAa,MAAgC,aAAa;CACpF;CACA,MAAM,kBACJ,QAAQ,YACP,oBACG,EACE,UACE,OACA,aACG;EACH,MAAM,WAAW,kBAAkB,KAAK;EACxC,IAAI,CAAC,UAAU;GACb,SAAS,IAAI;GACb;EACF;EACA,IAAI,OAAO,aAAa,YAAY,aAAa,QAAQ,aAAa,UAAU;GAC9E,MAAM,eAAe;GACrB,SACE,cAAc,aAAa,OAAO,IAAI,aAAa,UAAU,MAC7D,aAAa,GACb,aAAa,CACf;GACA;EACF;EACA,SAAS,cAAc,QAAQ,IAAI,WAAW,IAAI;CACpD,EACF,IACA,KAAA;CAEN,IAAI,eAAe,UAAU;EAC3B,MAAM,+BAA+B,UAA2C;GAC9E,OAAO,sCAAyC;IAC9C,aAAa,QAAQ,eAAe,MAAM;IAC1C,YAAY,QAAQ,cAAc,MAAM;IACxC,WAAW,QAAQ,aAAa,MAAM;IACtC,0BACE,QAAQ,4BAA4B,MAAM;IAC5C,YAAY,QAAQ,cAAc,MAAM;IACxC,SAAS,mBAAmB,MAAM;IAClC,WAAW,SAAS;KAClB,MAAM,cAAc,MAAM,SAAS,QAAQ,SAAS,CAAC;KACrD,OAAO,SAAS,MAAM,WAAW;IACnC;IACA,YAAY,MAAM;IAClB,cAAc,MAAM;IACpB,YAAY,MAAM;GACpB,EAAE;EACJ;EACA,MAAM,0BACJ,OACA,OACA,QACG,0BAA0B;GAAE,GAAG;GAAO;EAAI,GAAG,KAAK;EACvD,MAAM,oBAAoB,OAAO,UAAU,0BAA0B,OAAO,KAAK;EACjF,MAAM,cAAc;EACpB,MAAM,oBAAoB;EAG1B,MAAM,oBAAoB;CAC5B;CAEA,IAAI,aAAa;EACf,MAAM,+BAA+B,UAA2C;GAC9E,OAAO,sCAAsC;IAC3C,mBAAmB,QAAQ,qBAAqB,MAAM;IACtD,kBAAkB,QAAQ,oBAAoB,MAAM;IACpD,aAAa,QAAQ,eAAe,MAAM;IAC1C,gBAAgB,QAAQ,kBAAkB,MAAM;IAChD,YAAY,QAAQ,cAAc,MAAM;IACxC,QAAQ,QAAQ,UAAU,MAAM;IAChC,UAAU,QAAQ,YAAY,MAAM;IACpC,YAAY,QAAQ,cAAc,MAAM;IACxC,YAAY,QAAQ,cAAc,MAAM;IACxC,WAAW,QAAQ,aAAa,MAAM;IACtC,QAAQ,QAAQ,UAAU,MAAM;IAChC,sBAAsB,QAAQ,wBAAwB,MAAM;IAC5D,YAAY,QAAQ,cAAc,MAAM;IACxC,YAAY,MAAM;GACpB,EAAE;EACJ;EACA,MAAM,0BACJ,OACA,OACA,QACG;GACH,MAAM,oBAAoB,QAAQ,qBAAqB,MAAM;GAC7D,MAAM,8BACJ,sBAAsB,QAClB,QACA,mBAAmB,QAChB,SACC,OAAO,SAAS,YAAY,OAAO,SAAS,QAChD;GACN,OAAO,iCACE;IACL;IACA,oBAAoB,QAAQ,sBAAsB,MAAM;IACxD,kBAAkB,MAAM;IAGxB,YAAY,MAAM;IAClB,cAAc,MAAM;IACpB,iBAAiB,MAAM;IACvB,eAAe,MAAM;IACrB,YAAY,MAAM;IAClB,WAAW,MAAM;IACjB,mBAAmB;IACnB,YAAY,QAAQ,cAAc,MAAM;IACxC,iBAAiB,MAAM;KACrB,CAAC,QAAQ,kBAAkB,MAAM,eAAA,GAAkB;MACjD,MAAM;MACN,QAAQ,EAAE;MACV,GAAG,EAAE;MACL,GAAG,EAAE;KACP,CAAC;IACH;IACA,SAAS,MAAM;KACb,CAAC,QAAQ,UAAU,MAAM,OAAA,GAAU;MACjC,MAAM;MACN,QAAQ,EAAE;MACV,GAAG,EAAE;MACL,GAAG,EAAE;MACL,OAAO,EAAE;MACT,eAAe,EAAE;KACnB,CAAC;IACH;IACA,YAAY,QAAQ,cAAc,MAAM;IACxC,aAAa,MAAM;KACjB,IAAI,EAAE,OAAO,SAAS,QACpB,CAAC,QAAQ,cAAc,MAAM,WAAA,GAAc;MACzC,OAAO,EAAE;MACT,QAAQ,EAAE;MACV,eAAe,EAAE;MACjB,YAAY,EAAE;KAChB,CAAC;IAEL;IACA,WAAW,MAAM;KACf,IAAI,EAAE,OAAO,SAAS,QACpB,CAAC,QAAQ,YAAY,MAAM,SAAA,GAAY;MACrC,OAAO,EAAE;MACT,QAAQ,EAAE;MACV,eAAe,EAAE;KACnB,CAAC;IAEL;IACA,YAAY,MAAM;KAChB,IAAI,EAAE,OAAO,SAAS,QACpB,CAAC,QAAQ,aAAa,MAAM,UAAA,GAAa;MACvC,MAAM,EAAE;MACR,QAAQ,EAAE;MACV,eAAe,EAAE;KACnB,CAAC;IAEL;IACA,SAAS,MAAM;KACb,IAAI,EAAE,OAAO,SAAS,QACpB,CAAC,QAAQ,UAAU,MAAM,OAAA,GAAU;MACjC,MAAM,EAAE;MACR,QAAQ,EAAE;MACV,eAAe,EAAE;KACnB,CAAC;IAEL;GACF,IACA,KACF;EACF;EACA,MAAM,oBACJ,OACA,OACA,QACG,2BAA2B;GAAE,GAAG;GAAO;EAAI,IAAI,KAAK;EAEzD,MAAM,oBAAoB,OAAO,OAAO,QAAQ,oBAAoB,OAAO,OAAO,GAAG;EACrF,MAAM,sBAAsB;EAC5B,MAAM,qBAAqB;EAC3B,MAAM,yBAAyB;CACjC;CAEA,OAAO,EACL,kBAAkB,MACpB;AACF"}

package/dist/utils.d.ts

@@ -1,8 +1,5 @@
-/**
- * Utility functions for solidaria-components
- * Port of react-aria-components/src/utils.tsx
- */
-import { type JSX, type Accessor, type Context, type FlowComponent } from "solid-js";
+import type { Accessor, Context, FlowComponent } from "solid-js";
+import type { JSX } from "@solidjs/web";
 /**
  * Render props pattern - children can be a function that receives state
  */
@@ -30,10 +27,12 @@ export interface RenderPropsBase<T> {
  * Slot props for named slots
  */
 export interface SlotProps {
-    /** A slot name for the component. */
-    slot?: string;
+    /** A slot name for the component. HTML `slot` may be `false` to omit. */
+    slot?: string | JSX.RemoveAttribute;
 }
 export declare const DEFAULT_SLOT = "default";
+/** HTML `slot` may be `false`; RAC slots are string names. */
+export declare function resolveSlot(slot: SlotProps["slot"]): string;
 /**
  * Return type for useRenderProps
  */
@@ -84,6 +83,25 @@ export declare function useRenderProps<T extends object>(props: RenderPropsBase<
     defaultClassName?: string;
 }, values: Accessor<T>): RenderPropsResult<T>;
 export declare function composeRenderProps<T extends object>(base: RenderPropsBase<T> | undefined, override: RenderPropsBase<T> | undefined): RenderPropsBase<T>;
+export interface OptionContentProps {
+    /** `renderChildren` of the option's {@link useRenderProps} result. */
+    render: () => JSX.Element;
+    /** `labelProps` from `createOption`; spread onto the span that wraps a primitive label. */
+    labelProps: JSX.HTMLAttributes<HTMLSpanElement>;
+}
+/**
+ * Memoizes `props.render()` so classification and insertion share its result,
+ * wrapping a primitive (string/number) label in `<span {...labelProps}>` so the
+ * option's `aria-labelledby` has a target. Internal to the option components
+ * (ListBox, ComboBox, Select); mount it *inside* the option's `TextContext`
+ * provider so `<Text>` children resolve their slots.
+ *
+ * The tracked memo preserves updates while avoiding separate render calls for
+ * the primitive check and insertion. Re-evaluation can construct children, so
+ * keep this sharing and provider ownership; it is not a universal restriction
+ * on getter reads or a promise that the callback runs only once forever.
+ */
+export declare function OptionContent(props: OptionContentProps): JSX.Element;
 /** A Solid ref target: a callback, a mutable `{ current }` object, or undefined. */
 export type RefLike<T> = T | ((el: T) => void) | {
     current?: T | null;
@@ -124,7 +142,7 @@ export declare function mergeRefs<T>(...refs: Array<RefLike<T>>): (el: T) => voi
  *   {@link DEFAULT_SLOT}) is returned, throwing on an unknown slot name;
  * - otherwise the bare context value is returned.
  */
-export declare function useSlottedContext<T>(context: Context<SlottedContextValue<T>>, slot?: string | null): T | null | undefined;
+export declare function useSlottedContext<T>(context: Context<SlottedContextValue<T>>, slot?: string | null | JSX.RemoveAttribute): T | null | undefined;
 /**
  * Merges context-provided props and a context ref into a component's own props
  * and ref. Port of react-aria-components' `useContextProps`:
@@ -162,7 +180,8 @@ export declare function Provider(props: {
 /**
  * Converts boolean state values to data attributes
  */
-export declare function dataAttr(value: boolean | undefined): "" | undefined;
+export declare function dataAttr(value: boolean | undefined): "true" | undefined;
+export { ariaTrueFalse, attrTrue, attrString, isAriaTrue, coerceDomBoolean, coerceDomRecord, } from "@proyecto-viviana/solidaria/utils";
 /**
  * Creates data attributes from render props
  */

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAIxC;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAEhF;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,GAAG,CAAC,aAAa,CAAC,CAAC;AAE7F;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC7B,yGAAyG;IACzG,KAAK,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC/B,wGAAwG;IACxG,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,eAAe,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,YAAY,CAAC;AAEtC,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,CAE3D;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,gDAAgD;IAChD,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,gDAAgD;IAChD,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC/C;;;;;;;;;OASG;IACH,cAAc,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAClC;;;;;;;;;;;OAWG;IACH,oBAAoB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACxC,mFAAmF;IACnF,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACxC,uCAAuC;IACvC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,EACzD,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAClB,iBAAiB,CAAC,CAAC,CAAC,CAkFtB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EACjD,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACpC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,GACvC,eAAe,CAAC,CAAC,CAAC,CAQpB;AAED,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,MAAM,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC1B,2FAA2F;IAC3F,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;CACjD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAOpE;AAED,oFAAoF;AACpF,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAEpF,+EAA+E;AAC/E,MAAM,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAErD;;;;GAIG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CAC3B;AAED,gFAAgF;AAChF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAElF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,qCAErC;AAED,oFAAoF;AACpF,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,CAUzD;AAED,gFAAgF;AAChF,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAYxE;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,OAAO,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,EACxC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC,eAAe,GACzC,CAAC,GAAG,IAAI,GAAG,SAAS,CAyBtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,MAAM,SAAS,SAAS,EAAE,IAAI,EAC5D,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,EAClB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,GAC3C,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC,CAM9B;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,YAAY,UAAO,GAAG,CAAC,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAa9F;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,MAAM,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3C,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,GAAG,GAAG,CAAC,OAAO,CAcd;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEvE;AAED,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,mCAAmC,CAAC;AAE3C;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACzF,MAAM,EAAE,CAAC,GACR,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAYpC;AAMD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAUnF;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvE,KAAK,EAAE,MAAM,EACb,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,GACnD,CAAC,CAuDH;AAED,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,eAAe,CAOrD,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,CAiBjD"}