@dxos/react-ui-mosaic 0.3.10-main.3645708 → 0.3.10-main.396fa89

package/dist/lib/browser/index.mjs

@@ -176,6 +176,7 @@ var MosaicRoot = ({ Component: Component2 = DefaultComponent, debug, children })
   const handleDragOver = (event) => {
     const overItem2 = pick(event.over?.data.current, "path", "type", "item", "position");
     if (overItem2?.item?.id === activeItem?.item.id) {
+      setOverItem(overItem2);
       return;
     }
     const activeContainer = activeItem && containers[Path.first(activeItem.path)];
@@ -185,22 +186,16 @@ var MosaicRoot = ({ Component: Component2 = DefaultComponent, debug, children })
       setOverItem(void 0);
       return;
     }
-    const onOver = ({ active, over }) => {
-      if (Path.parent(active.path) === Path.parent(over.path)) {
-        return "rearrange";
-      } else if (overContainer.onOver) {
-        return overContainer.onOver({
-          active,
-          over
-        });
-      } else {
-        return "reject";
-      }
-    };
-    setOperation(onOver({
-      active: activeItem,
-      over: overItem2
-    }));
+    let operation2 = "reject";
+    if (Path.parent(activeItem.path) === Path.parent(overItem2.path)) {
+      operation2 = "rearrange";
+    } else if (overContainer.onOver) {
+      operation2 = overContainer.onOver({
+        active: activeItem,
+        over: overItem2
+      });
+    }
+    setOperation(operation2);
     setOverItem(overItem2);
   };
   const handleDragCancel = (event) => {

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/mosaic/hooks/useContainer.ts", "../../../src/mosaic/Container.tsx", "../../../src/mosaic/hooks/useItemsWithPreview.ts", "../../../src/mosaic/hooks/useMosaic.ts", "../../../src/mosaic/Root.tsx", "../../../src/mosaic/Debug.tsx", "../../../src/mosaic/DefaultComponent.tsx", "../../../src/mosaic/util/data.ts", "../../../src/mosaic/util/path.ts", "../../../src/mosaic/util/props.ts", "../../../src/mosaic/util/styles.ts", "../../../src/mosaic/hooks/useItemsWithOrigin.ts", "../../../src/mosaic/DragOverlay.tsx", "../../../src/mosaic/SortableContext.tsx", "../../../src/mosaic/Tile.tsx", "../../../src/mosaic/Mosaic.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useContext } from 'react';\n\nimport { MosaicContainerContext, type MosaicContainerContextType } from '../Container';\nimport { type MosaicDataItem } from '../types';\n\nexport const useContainer = <\n  TData extends MosaicDataItem = MosaicDataItem,\n  TPosition = unknown,\n>(): MosaicContainerContextType<TData, TPosition> => useContext(MosaicContainerContext);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Modifier } from '@dnd-kit/core';\nimport React, {\n  createContext,\n  useEffect,\n  type CSSProperties,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react';\n\nimport { type MosaicTileComponent } from './Tile';\nimport { useMosaic } from './hooks';\nimport { type MosaicDataItem, type MosaicDraggedItem } from './types';\n\n// TODO(wittjosiah): Factor out.\ntype WithRequiredProperty<Type, Key extends keyof Type> = Type & {\n  [Property in Key]-?: Type[Property];\n};\n\nexport const DEFAULT_TRANSITION = 200;\nexport const DEFAULT_TYPE = 'unknown';\n\nexport type MosaicTileOverlayProps = {\n  grow?: boolean;\n  debug?: boolean;\n};\n\n/**\n * Possible operations when dropping a tile.\n *\n * * `transfer` - Remove the tile from it's current path and move to a new path.\n * * `copy` - Add a clone of the tile at a new path.\n * * `rearrange` - Change the order of the tile within it's current path.\n * * `reject` - The tile is not allowed where it was dropped.\n */\n// TODO(wittjosiah): Add 'delete'. Consider adding 'swap'.\nexport const MosaicOperations = ['transfer', 'copy', 'rearrange', 'reject'] as const;\nexport type MosaicOperation = (typeof MosaicOperations)[number];\n\nexport type MosaicMoveEvent<TPosition = unknown> = {\n  active: MosaicDraggedItem<TPosition>;\n  over: MosaicDraggedItem<TPosition>;\n};\n\nexport type MosaicDropEvent<TPosition = unknown> = MosaicMoveEvent<TPosition> & {\n  operation: MosaicOperation;\n};\n\nexport type MosaicContainerProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = Pick<\n  HTMLAttributes<HTMLDivElement>,\n  'className'\n> &\n  PropsWithChildren<{\n    id: string;\n\n    // TODO(wittjosiah): Don't expose externally.\n    debug?: boolean;\n\n    /**\n     * Default component used to render tiles.\n     */\n    Component?: MosaicTileComponent<TData, any>;\n\n    /**\n     * Default type of tiles.\n     */\n    type?: string;\n\n    /**\n     * Length of transition when moving tiles in milliseconds.\n     *\n     * @default 200\n     */\n    transitionDuration?: number;\n\n    /**\n     * Adapter to transform properties while dragging (e.g., constraint axes).\n     * https://github.com/clauderic/dnd-kit/blob/master/packages/core/src/modifiers/types.ts\n     */\n    modifier?: (activeItem: MosaicDraggedItem, ...modifierArgs: Parameters<Modifier>) => ReturnType<Modifier>;\n\n    /**\n     * Property overrides for the default overlay.\n     */\n    getOverlayProps?: () => MosaicTileOverlayProps;\n\n    /**\n     * Style property overrides for the default overlay.\n     */\n    getOverlayStyle?: () => CSSProperties;\n\n    /**\n     * Called when a tile is dragged over the container.\n     * Returns true if the tile can be dropped.\n     */\n    onOver?: (event: MosaicMoveEvent<TPosition>) => MosaicOperation;\n\n    /**\n     * Called when a tile is dropped on the container.\n     */\n    onDrop?: (event: MosaicDropEvent<TPosition>) => void;\n  }>;\n\nexport type MosaicContainerContextType<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TPosition = unknown,\n> = WithRequiredProperty<Omit<MosaicContainerProps<TData, TPosition>, 'children'>, 'type'>;\n\nexport const MosaicContainerContext = createContext<MosaicContainerContextType<any>>({\n  id: 'never',\n  type: DEFAULT_TYPE,\n});\n\n/**\n * Root Container that manages the layout of tiles.\n */\nexport const MosaicContainer = ({\n  children,\n  id,\n  debug,\n  type = DEFAULT_TYPE,\n  Component,\n  transitionDuration = DEFAULT_TRANSITION,\n  modifier,\n  getOverlayProps,\n  getOverlayStyle,\n  onOver,\n  onDrop,\n}: MosaicContainerProps) => {\n  const mosaic = useMosaic();\n  const container = {\n    id,\n    debug,\n    type,\n    Component,\n    transitionDuration,\n    modifier,\n    getOverlayProps,\n    getOverlayStyle,\n    onOver,\n    onDrop,\n  };\n\n  useEffect(() => {\n    mosaic.setContainer(container.id, container);\n    return () => {\n      // TODO(burdon): The overlay unregisters the container after the tile has re-rendered (removing it).\n      // mosaic.setContainer(container.id);\n    };\n  }, Object.values(container));\n\n  return <MosaicContainerContext.Provider value={container}>{children}</MosaicContainerContext.Provider>;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { useMosaic } from './useMosaic';\nimport { type MosaicDataItem } from '../types';\nimport { Path } from '../util';\n\n/**\n * Returns a spliced collection of items including a placeholder if items that could drop,\n * and removing any item that is currently being dragged out.\n */\nexport const useItemsWithPreview = <T extends MosaicDataItem>({ path, items }: { path: string; items: T[] }): T[] => {\n  const { operation, activeItem, overItem } = useMosaic();\n  const [itemsWithPreview, setItemsWithPreview] = useState(items);\n  const overParent =\n    // If over the sortable context itself & active item is foreign, then treat self as the parent.\n    // This allows items to be appended to the end of the sortable.\n    overItem?.path === path && activeItem && Path.parent(activeItem.path) !== overItem.path\n      ? path\n      : overItem && Path.parent(overItem.path);\n  const [lastOverParent, setLastOverParent] = useState(overParent);\n\n  useEffect(() => {\n    if (!activeItem || !overItem) {\n      setLastOverParent(undefined);\n      setItemsWithPreview(items);\n      return;\n    }\n\n    if (lastOverParent === overParent) {\n      return;\n    }\n\n    const activeIsChild = Path.hasChild(path, activeItem.path);\n    const overIsChild = Path.hasChild(path, overItem.path);\n    const overSelf = overItem.path === path;\n\n    if (operation === 'reject' || operation === 'rearrange') {\n      setLastOverParent(undefined);\n      setItemsWithPreview(items);\n      return;\n    } else {\n      setLastOverParent(overParent);\n    }\n    if (!activeIsChild && overIsChild) {\n      // Insert item into sortable.\n      setItemsWithPreview((items) => {\n        const position = overItem.position as number;\n        return [...items.slice(0, position), activeItem.item as T, ...items.slice(position)];\n      });\n    } else if (!activeIsChild && overSelf) {\n      // Append item to end of sortable.\n      setItemsWithPreview((items) => [...items, activeItem.item as T]);\n    } else if (activeIsChild && !overIsChild) {\n      // Remove item being dragged out.\n      setItemsWithPreview((items) => items.filter((item) => item.id !== activeItem.item.id));\n    } else {\n      // Reset items.\n      setItemsWithPreview(items);\n    }\n  }, [operation, activeItem, overItem, overParent, lastOverParent, path, items]);\n\n  // In order to avoid render glitching, rather than waiting for the effect to run,\n  // immediately return the new items after dropping an item into a new path.\n  return items.length === itemsWithPreview.length ? items : itemsWithPreview;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useContext } from 'react';\n\nimport { raise } from '@dxos/debug';\n\nimport { MosaicContext } from '../Root';\n\nexport const useMosaic = () => useContext(MosaicContext) ?? raise(new Error('Missing MosaicContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  type CollisionDetection,\n  DndContext,\n  type DragCancelEvent,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragOverEvent,\n  type DragStartEvent,\n  KeyboardSensor,\n  type Modifier,\n  MouseSensor,\n  pointerWithin,\n  rectIntersection,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport pick from 'lodash.pick';\nimport React, { createContext, type FC, type PropsWithChildren, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { DEFAULT_TRANSITION, type MosaicContainerProps, type MosaicMoveEvent, type MosaicOperation } from './Container';\nimport { Debug } from './Debug';\nimport { DefaultComponent } from './DefaultComponent';\nimport { type MosaicTileComponent } from './Tile';\nimport { type MosaicDraggedItem } from './types';\nimport { Path } from './util';\n\nconst DEFAULT_COMPONENT_ID = '__default';\n\nexport type MosaicContextType = {\n  containers: Record<string, MosaicContainerProps<any> | undefined>;\n  setContainer: (id: string, container?: MosaicContainerProps<any>) => void;\n  activeItem: MosaicDraggedItem | undefined;\n  overItem: MosaicDraggedItem | undefined;\n  operation: MosaicOperation;\n};\n\nexport const MosaicContext = createContext<MosaicContextType | undefined>(undefined);\n\nexport type MosaicRootProps = PropsWithChildren<{\n  /**\n   * Default component.\n   */\n  Component?: MosaicTileComponent<any>;\n  debug?: boolean;\n}>;\n\n/**\n * Root context provider.\n */\nexport const MosaicRoot: FC<MosaicRootProps> = ({ Component = DefaultComponent, debug, children }) => {\n  const [containers, setContainers] = useState<MosaicContextType['containers']>({\n    [DEFAULT_COMPONENT_ID]: { id: DEFAULT_COMPONENT_ID, Component },\n  });\n\n  const handleSetContainer = (id: string, container?: MosaicContainerProps<any>) => {\n    setContainers((containers) => {\n      if (container) {\n        return { ...containers, [id]: container };\n      } else {\n        const { [id]: _, ...rest } = containers;\n        return rest;\n      }\n    });\n  };\n\n  const [activeItem, setActiveItem] = useState<MosaicDraggedItem>();\n  const [overItem, setOverItem] = useState<MosaicDraggedItem>();\n  const [operation, setOperation] = useState<MosaicOperation>('reject');\n\n  //\n  // DndKit Defaults\n  //\n\n  /**\n   * See: https://docs.dndkit.com/api-documentation/context-provider/collision-detection-algorithms#custom-collision-detection-algorithms\n   * See: https://github.com/clauderic/dnd-kit/tree/master/packages/core/src/utilities/algorithms\n   */\n  // TODO(burdon): Flickering: should not change while animation is happening.\n  const collisionDetection: CollisionDetection = (args) => {\n    // pointerWithin is the most accurate (since we're using drag handles), but only works with pointer sensors.\n    const pointerCollisions = pointerWithin(args);\n    if (pointerCollisions.length > 0) {\n      return pointerCollisions;\n    }\n\n    // If there are no collisions with the pointer, return rectangle intersections.\n    return rectIntersection(args);\n  };\n\n  /**\n   * Dragging transformation modifiers adaptable by container.\n   * See: https://github.com/clauderic/dnd-kit/tree/master/packages/core/src/modifiers\n   */\n  const modifiers: Modifier = (props) => {\n    const { transform } = props;\n    if (activeItem) {\n      const container = containers[Path.first(activeItem.path)];\n      return container?.modifier?.(activeItem, props) ?? transform;\n    } else {\n      return transform;\n    }\n  };\n\n  /**\n   * See: https://github.com/clauderic/dnd-kit/tree/master/packages/core/src/sensors\n   */\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 10,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  //\n  // Events\n  //\n\n  const handleDragStart = (event: DragStartEvent) => {\n    setActiveItem(pick(event.active.data.current as MosaicDraggedItem, 'path', 'type', 'item', 'position'));\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {};\n\n  const handleDragOver = (event: DragOverEvent) => {\n    const overItem = pick(event.over?.data.current as MosaicDraggedItem, 'path', 'type', 'item', 'position');\n\n    // If the over item is the same as the active item, do nothing.\n    // This happens when moving between containers where a placeholder of itself is rendered where it will be dropped.\n    if (overItem?.item?.id === activeItem?.item.id) {\n      return;\n    }\n\n    const activeContainer = activeItem && containers[Path.first(activeItem.path)];\n    const overContainer = overItem?.path && containers[Path.first(overItem.path)];\n    if (!event.over || !overItem || !overContainer || !activeItem || !activeContainer) {\n      setOperation('reject');\n      setOverItem(undefined);\n      return;\n    }\n\n    const onOver = ({ active, over }: MosaicMoveEvent) => {\n      if (Path.parent(active.path) === Path.parent(over.path)) {\n        return 'rearrange';\n      } else if (overContainer.onOver) {\n        return overContainer.onOver({ active, over });\n      } else {\n        return 'reject';\n      }\n    };\n\n    setOperation(onOver({ active: activeItem, over: overItem }));\n    setOverItem(overItem);\n  };\n\n  const handleDragCancel = (event: DragCancelEvent) => {\n    setOperation('reject');\n    setActiveItem(undefined);\n    setOverItem(undefined);\n  };\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const overContainer = overItem && containers[Path.first(overItem.path)];\n\n    if (\n      operation !== 'reject' &&\n      activeItem &&\n      overItem &&\n      (activeItem.path !== overItem.path || activeItem.position !== overItem.position)\n    ) {\n      const activeContainer = containers[Path.first(activeItem.path)];\n      if (activeContainer) {\n        activeContainer.onDrop?.({ operation, active: activeItem, over: overItem });\n\n        if (overContainer && overContainer !== activeContainer) {\n          overContainer.onDrop?.({ operation, active: activeItem, over: overItem });\n        }\n      }\n    }\n\n    setTimeout(() => {\n      setOperation('reject');\n      setOverItem(undefined);\n      setActiveItem(undefined);\n    }, overContainer?.transitionDuration ?? DEFAULT_TRANSITION);\n  };\n\n  return (\n    <MosaicContext.Provider value={{ containers, setContainer: handleSetContainer, activeItem, overItem, operation }}>\n      <DndContext\n        collisionDetection={collisionDetection}\n        modifiers={[modifiers]}\n        sensors={sensors}\n        // TODO(burdon): Allow container to veto drop.\n        cancelDrop={(event) => false}\n        onDragStart={handleDragStart}\n        onDragMove={handleDragMove}\n        onDragOver={handleDragOver}\n        onDragCancel={handleDragCancel}\n        onDragEnd={handleDragEnd}\n      >\n        {children}\n        {debug &&\n          createPortal(\n            <MosaicDebug containers={containers} operation={operation} activeItem={activeItem} overItem={overItem} />,\n            document.body,\n          )}\n      </DndContext>\n    </MosaicContext.Provider>\n  );\n};\n\nconst MosaicDebug: FC<{\n  containers: MosaicContextType['containers'];\n  operation: MosaicOperation;\n  activeItem?: MosaicDraggedItem;\n  overItem?: MosaicDraggedItem;\n}> = ({ containers, operation, activeItem, overItem }) => {\n  return (\n    <Debug\n      position='bottom-right'\n      data={{\n        containers: Object.keys(containers).map((id) => id),\n        operation,\n        active: {\n          id: activeItem?.item?.id.slice(0, 16),\n          path: activeItem?.path && Path.create(...Path.parts(activeItem.path).map((part) => part.slice(0, 16))),\n          type: activeItem?.type,\n          position: activeItem?.position,\n        },\n        over: {\n          id: overItem?.item?.id.slice(0, 16),\n          path: overItem?.path && Path.create(...Path.parts(overItem.path).map((part) => part.slice(0, 16))),\n          type: overItem?.type,\n          position: overItem?.position,\n        },\n      }}\n    />\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\ntype Position = 'bottom-left' | 'bottom-right';\n\nexport type DebugProps = { data: any; position?: Position };\n\nexport const Debug: FC<DebugProps> = ({ data, position }) => (\n  <pre\n    className={mx(\n      'font-mono text-xs overflow-hidden m-2 p-1 z-[100]',\n      'bg-neutral-50 dark:bg-neutral-700 border border-neutral-300 rounded',\n      position === 'bottom-left' && 'fixed left-0 bottom-0',\n      position === 'bottom-right' && 'fixed right-0 bottom-0',\n    )}\n  >\n    {JSON.stringify(data, undefined, 1)}\n  </pre>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { Card } from '@dxos/react-ui-card';\n\nimport { type MosaicTileComponent } from './Tile';\nimport { type MosaicDataItem } from './types';\nimport { Path } from './util';\n\nexport const DefaultComponent: MosaicTileComponent<MosaicDataItem> = forwardRef(\n  ({ draggableStyle, draggableProps, item: { id }, path }, forwardRef) => {\n    return (\n      <Card.Root ref={forwardRef} style={draggableStyle}>\n        <Card.Header>\n          <Card.DragHandle {...draggableProps} />\n          <Card.Title title={Path.create(path, id)} classNames='truncate font-mono text-xs' />\n        </Card.Header>\n      </Card.Root>\n    );\n  },\n);\n\nDefaultComponent.displayName = 'DefaultComponent';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { arrayMove } from '@dxos/util';\n\nimport { type MosaicDataItem } from '../types';\n\n// TODO(wittjosiah): Generalize and expand rearrange utilities.\n\nexport const swapItems = <TItem extends MosaicDataItem, TValue extends MosaicDataItem>(\n  items: TItem[],\n  from: TValue,\n  to: TValue,\n): TItem[] => {\n  const fromIndex = items.findIndex((item) => item.id === from.id);\n  const toIndex = items.findIndex((item) => item.id === to.id);\n  return fromIndex !== -1 && toIndex !== -1 ? arrayMove(items, fromIndex, toIndex) : items;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nconst SEPARATOR = '/';\n\nexport const Path = {\n  create: (...args: string[]) => args.join(SEPARATOR),\n\n  parts: (path: string) => path.split(SEPARATOR),\n  length: (path: string) => path.split(SEPARATOR).length,\n  first: (path: string) => path.split(SEPARATOR)[0] ?? path,\n  last: (path: string) => path.split(SEPARATOR).at(-1) ?? path,\n  parent: (path: string) => path.split(SEPARATOR).slice(0, -1).join(SEPARATOR),\n\n  hasRoot: (path: string, id: string) => Path.first(path) === id,\n  hasChild: (path: string, compare: string) => Path.parent(compare) === path,\n  hasDescendent: (path: string, compare: string) => compare !== path && compare.startsWith(path),\n  siblings: (path: string, compare: string) => Path.parent(path) === Path.parent(compare),\n  onPath: (path: string, id: string) => Path.parts(path).includes(id),\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { MosaicOperations } from '../Container';\nimport { type MosaicTileComponentProps, type MosaicTileProps } from '../Tile';\n\nexport const isTileProps = (props: Record<string, unknown>): props is MosaicTileProps =>\n  typeof props.path === 'string' && typeof props.item === 'object' && props.item\n    ? 'id' in props.item && typeof props.item.id === 'string'\n    : false;\n\nexport const isTileComponentProps = (props: Record<string, unknown>): props is MosaicTileComponentProps =>\n  isTileProps(props) && typeof props.operation === 'string' && MosaicOperations.includes(props.operation);\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// https://docs.dndkit.com/api-documentation/draggable/usedraggable#transform\n\nimport { CSS, type Transform } from '@dnd-kit/utilities';\n\nexport const getTransformCSS = (transform: Transform | null) =>\n  transform ? CSS.Transform.toString(Object.assign(transform, { scaleX: 1, scaleY: 1 })) : undefined;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useMosaic } from './useMosaic';\nimport { type MosaicDataItem } from '../types';\nimport { Path } from '../util';\n\n// TODO(thure): Harmonize this hook signature with its sibling’s.\nexport const useItemsWithOrigin = <T extends MosaicDataItem>(path: string, items: T[]) => {\n  const { operation, activeItem, overItem } = useMosaic();\n\n  if (!activeItem || !overItem) {\n    return items;\n  }\n\n  const activeIsChild = Path.hasChild(path, activeItem.path);\n  const overIsChild = Path.hasChild(path, overItem.path);\n\n  if (activeIsChild && !overIsChild && operation !== 'rearrange') {\n    // Change the dnd-id of the origin item that may move to a foreign destination\n    return items.map((item) => {\n      if (item.id === activeItem.item.id) {\n        return { ...item, id: `${item.id}--origin` };\n      } else {\n        return item;\n      }\n    });\n  } else {\n    // Reset items.\n    return items;\n  }\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DragOverlay } from '@dnd-kit/core';\nimport React, { Component, type PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nimport { type MosaicContainerProps } from './Container';\nimport { DefaultComponent } from './DefaultComponent';\nimport { type MosaicTileComponent } from './Tile';\nimport { useMosaic } from './hooks';\nimport { Path } from './util';\n\nexport type MosaicDragOverlayProps = { delay?: number; debug?: boolean } & Omit<\n  React.ComponentProps<typeof DragOverlay>,\n  'children'\n>;\n\n/**\n * Render the currently dragged item of the Mosaic.\n */\nexport const MosaicDragOverlay = ({ delay = 200, debug = false, ...overlayProps }: MosaicDragOverlayProps) => {\n  const { containers, operation, activeItem, overItem } = useMosaic();\n\n  // Get the overlay component from the over container, otherwise default to the original.\n  const [state, setState] = useState<{\n    container?: MosaicContainerProps<any>;\n    OverlayComponent?: MosaicTileComponent<any>;\n  }>({});\n\n  const timer = useRef<ReturnType<typeof setTimeout>>();\n\n  useEffect(() => {\n    if (activeItem) {\n      let container: MosaicContainerProps<any> | undefined;\n      let OverlayComponent: MosaicTileComponent<any> | undefined;\n      if (overItem?.path) {\n        container = containers[Path.first(overItem.path)];\n        OverlayComponent = container?.Component;\n      }\n\n      if (!OverlayComponent) {\n        container = containers[Path.first(activeItem.path)];\n        OverlayComponent = container?.Component ?? DefaultComponent;\n      }\n\n      // Prevent jitter when transitioning across containers.\n      clearTimeout(timer.current);\n      timer.current = setTimeout(() => setState({ container, OverlayComponent }), timer.current ? delay : 0);\n    } else {\n      setState({});\n    }\n  }, [activeItem, overItem]);\n\n  // Ensure the overlay is rendered as soon as there's an active item, then use local state.\n  const container = state.container ?? (activeItem && containers[Path.first(activeItem.path)]);\n  const OverlayComponent = state.OverlayComponent ?? container?.Component;\n  // Fallback is always to the active (origin) container.\n  const FallbackComponent = (activeItem && containers[Path.first(activeItem.path)])?.Component ?? DefaultComponent;\n\n  // NOTE: The DragOverlay wrapper element must always be mounted to support animations. Conditionally render the content.\n  return (\n    // TODO(burdon): Set custom animations (e.g., in/out/around).\n    <DragOverlay adjustScale={false} {...overlayProps} style={{ ...container?.getOverlayStyle?.() }}>\n      {/* TODO(burdon): Configure density via getOverlayProps. */}\n      {activeItem?.path && container && OverlayComponent && (\n        <OverlayErrorBoundary\n          fallback={\n            <FallbackComponent\n              {...container.getOverlayProps?.()}\n              item={activeItem.item}\n              path={activeItem.path}\n              operation={operation}\n              active='overlay'\n            />\n          }\n        >\n          <OverlayComponent\n            {...container.getOverlayProps?.()}\n            item={activeItem.item}\n            path={activeItem.path}\n            type={activeItem.type}\n            operation={operation}\n            active='overlay'\n          />\n          {debug && (\n            <div className='flex flex-wrap mt-1 p-1 bg-neutral-50 dark:bg-neutral-700 text-xs border rounded overflow-hidden gap-1'>\n              <span className='truncate'>\n                <span className='text-neutral-400'>container </span>\n                {container.id}\n              </span>\n              <span className='truncate'>\n                <span className='text-neutral-400'>item </span>\n                {activeItem.item.id.slice(0, 8)}\n              </span>\n            </div>\n          )}\n        </OverlayErrorBoundary>\n      )}\n    </DragOverlay>\n  );\n};\n\ntype OverlayErrorBoundaryProps = PropsWithChildren<{ fallback?: React.ReactNode }>;\n\nclass OverlayErrorBoundary extends Component<OverlayErrorBoundaryProps> {\n  private readonly fallback: React.ReactNode;\n\n  constructor(props: OverlayErrorBoundaryProps) {\n    super(props);\n    this.fallback = props.fallback ?? <p>ERROR: ${String(this.state.error)}</p>;\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override state = {\n    error: null,\n  };\n\n  override componentDidCatch(error: any, info: any) {\n    console.warn(error, info);\n  }\n\n  override render() {\n    if (this.state.error) {\n      return this.fallback;\n    }\n\n    return this.props.children;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SortableContext, horizontalListSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport React, { type PropsWithChildren } from 'react';\n\nimport { useContainer, useMosaic } from './hooks';\nimport { type MosaicDataItem } from './types';\nimport { Path } from './util';\n\ntype Direction = 'horizontal' | 'vertical';\n\nexport type MosaicSortableProps<TData extends MosaicDataItem = MosaicDataItem> = PropsWithChildren<{\n  id?: string;\n  items?: TData[];\n  direction?: Direction;\n}>;\n\n/**\n * Mosaic convenience wrapper for dnd-kit SortableContext.\n */\n// TODO(burdon): Remove since just obfuscates SortableContext unless more deeply integrated with useSortableItem.\n//  Otherwise accept same props as SortableContext (e.g., verticalListSortingStrategy).\nexport const MosaicSortableContext = ({ id, items = [], direction = 'vertical', children }: MosaicSortableProps) => {\n  const { operation, activeItem, overItem } = useMosaic();\n  const container = useContainer();\n  const contextId = id ?? container.id;\n  const Sortable = direction === 'vertical' ? Column : Row;\n\n  const ids = items.map((item) => {\n    const path = Path.create(contextId, item.id);\n    // TODO(wittjosiah): Copied from Tile.tsx. Consider factoring out to ensure logic is consistent.\n    const isPreview =\n      activeItem &&\n      activeItem.item.id === item.id &&\n      overItem &&\n      (Path.siblings(overItem.path, path) || Path.hasChild(overItem.path, path)) &&\n      operation !== 'reject';\n    return isPreview ? activeItem.path : path;\n  });\n\n  return (\n    <Sortable id={contextId} items={ids}>\n      {children}\n    </Sortable>\n  );\n};\n\nconst Column = ({ children, id, items }: PropsWithChildren<{ id: string; items: string[] }>) => (\n  <SortableContext id={id} items={items} strategy={verticalListSortingStrategy}>\n    {children}\n  </SortableContext>\n);\n\nconst Row = ({ children, id, items }: PropsWithChildren<{ id: string; items: string[] }>) => (\n  <SortableContext id={id} items={items} strategy={horizontalListSortingStrategy}>\n    {children}\n  </SortableContext>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type DraggableAttributes, useDraggable, useDroppable } from '@dnd-kit/core';\nimport { defaultAnimateLayoutChanges, useSortable } from '@dnd-kit/sortable';\nimport React from 'react';\nimport type { CSSProperties, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';\n\nimport { DEFAULT_TYPE, type MosaicOperation, type MosaicTileOverlayProps } from './Container';\nimport { DefaultComponent } from './DefaultComponent';\nimport { useContainer, useMosaic } from './hooks';\nimport type { MosaicDataItem, MosaicDraggedItem } from './types';\nimport { getTransformCSS, Path } from './util';\n\nexport type MosaicActiveType = 'overlay' | 'rearrange' | 'origin' | 'destination';\n\n// TODO(wittjosiah): `id` should be `path` and `data` should be a `MosaicDataItem`.\nexport type MosaicTileAction = { id: string; action: string; data?: any };\n\n/**\n * Props passed to mosaic tile.\n */\nexport type MosaicTileProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = Pick<\n  HTMLAttributes<HTMLDivElement>,\n  'className'\n> &\n  MosaicTileOverlayProps & {\n    path: string;\n    item: TData;\n    Component?: MosaicTileComponent<TData, any>;\n    position?: TPosition;\n    type?: string;\n    operation?: MosaicOperation;\n    active?: MosaicActiveType; // TODO(burdon): Rename state?\n\n    // DndKit props.\n    isDragging?: boolean;\n    isOver?: boolean;\n    draggableStyle?: CSSProperties;\n    draggableProps?: DraggableAttributes &\n      // TODO(wittjosiah): SyntheticListenerMap.\n      HTMLAttributes<HTMLElement>;\n\n    // TODO(burdon): Generalize events via onAction?\n    onSelect?: () => void;\n    onRemove?: () => void;\n    onNavigate?: () => void;\n    onAction?: (action: MosaicTileAction) => void;\n  };\n\nexport type MosaicTileComponentProps<TData extends MosaicDataItem = MosaicDataItem> = Omit<\n  MosaicTileProps<TData>,\n  'Component' | 'operation'\n> & { operation: MosaicOperation };\n\n/**\n * Mosaic Tile component.\n */\nexport type MosaicTileComponent<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TElement extends HTMLElement = HTMLDivElement,\n> = ForwardRefExoticComponent<RefAttributes<TElement> & MosaicTileComponentProps<TData>>;\n\n/**\n * Basic draggable mosaic tile.\n */\nexport const DraggableTile = ({\n  path: parentPath,\n  type = DEFAULT_TYPE,\n  item,\n  Component = DefaultComponent,\n  position,\n  draggableStyle,\n  ...props\n}: MosaicTileProps<any>) => {\n  const { operation } = useMosaic();\n  const path = Path.create(parentPath, item.id);\n  const { setNodeRef, attributes, listeners, /* transform, */ isDragging } = useDraggable({\n    id: path,\n    data: { path, type, item, position } satisfies MosaicDraggedItem,\n  });\n\n  return (\n    <Component\n      ref={setNodeRef}\n      item={item}\n      path={path}\n      type={type}\n      position={position}\n      operation={operation}\n      isDragging={isDragging}\n      draggableStyle={{\n        // TODO(burdon): Override by container?\n        // transform: getTransformCSS(transform),\n        ...draggableStyle,\n      }}\n      draggableProps={{ ...attributes, ...listeners }}\n      {...props}\n    />\n  );\n};\n\n/**\n * Basic droppable mosaic tile.\n */\nexport const DroppableTile = ({\n  path: parentPath,\n  type = DEFAULT_TYPE,\n  item,\n  Component = DefaultComponent,\n  position,\n  ...props\n}: MosaicTileProps<any>) => {\n  const { operation } = useMosaic();\n  const path =\n    parentPath === item.id\n      ? parentPath // If the path is the same as the item id, then this is the root tile.\n      : Path.create(parentPath, item.id);\n  const { setNodeRef, isOver } = useDroppable({\n    id: path,\n    data: { path, type, item, position } satisfies MosaicDraggedItem,\n  });\n\n  return (\n    <Component\n      ref={setNodeRef}\n      item={item}\n      path={path}\n      type={type}\n      position={position}\n      operation={operation}\n      isOver={isOver}\n      {...props}\n    />\n  );\n};\n\n/**\n * Mosaic tile that can be sorted.\n */\nexport const SortableTile = ({\n  path: parentPath,\n  type = DEFAULT_TYPE,\n  item,\n  Component: OverrideComponent,\n  position,\n  draggableStyle,\n  ...props\n}: MosaicTileProps<any, number>) => {\n  const { operation, activeItem, overItem } = useMosaic();\n  const { transitionDuration, Component: ContainerComponent } = useContainer();\n\n  const path = Path.create(parentPath, item.id);\n  // Re-use the active path if it's the same item and the item is a preview.\n  // This helps dndkit understand that the item is being moved and animate it appropriately.\n  const isPreview =\n    activeItem &&\n    activeItem.item.id === item.id &&\n    overItem &&\n    !Path.siblings(activeItem.path, overItem.path) &&\n    (Path.siblings(overItem.path, path) || Path.hasChild(overItem.path, path)) &&\n    operation !== 'reject';\n\n  const { setNodeRef, attributes, listeners, transform, isDragging, isOver } = useSortable({\n    id: isPreview ? activeItem.path : path,\n    data: { path, type, item, position } satisfies MosaicDraggedItem,\n    animateLayoutChanges: (args) =>\n      defaultAnimateLayoutChanges({ ...args, wasDragging: item.id !== activeItem?.item.id }),\n  });\n\n  let active: MosaicActiveType | undefined;\n  if (isDragging) {\n    if (operation === 'rearrange' || operation === 'reject') {\n      active = 'rearrange';\n    } else if (activeItem && Path.parent(activeItem.path) !== parentPath) {\n      active = 'destination';\n    } else {\n      active = 'origin';\n    }\n  }\n\n  const Component = OverrideComponent ?? ContainerComponent ?? DefaultComponent;\n\n  return (\n    <Component\n      ref={setNodeRef}\n      item={item}\n      path={path}\n      type={type}\n      position={position}\n      operation={operation}\n      active={active}\n      isDragging={isDragging}\n      isOver={isOver}\n      draggableStyle={{\n        transform: getTransformCSS(transform),\n        transition: transform ? `transform ${transitionDuration}ms ease` : 'none',\n        ...draggableStyle,\n      }}\n      draggableProps={{ ...attributes, ...listeners }}\n      {...props}\n    />\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type FC } from 'react';\n\nimport {\n  MosaicContainer,\n  type MosaicContainerProps as NaturalMosaicContainerProps,\n  type MosaicMoveEvent as NaturalMosaicMoveEvent,\n  type MosaicDropEvent as NaturalMosaicDropEvent,\n  type MosaicOperation as NaturalMosaicOperation,\n} from './Container';\nimport { Debug, type DebugProps } from './Debug';\nimport { DefaultComponent } from './DefaultComponent';\nimport { MosaicDragOverlay, type MosaicDragOverlayProps } from './DragOverlay';\nimport { MosaicRoot, type MosaicRootProps as NaturalMosaicRootProps } from './Root';\nimport { MosaicSortableContext, type MosaicSortableProps as NaturalMosaicSortableProps } from './SortableContext';\nimport {\n  DraggableTile,\n  DroppableTile,\n  SortableTile,\n  type MosaicTileAction as NaturalMosaicTileAction,\n  type MosaicTileProps as NaturalMosaicTileProps,\n  type MosaicTileComponent as NaturalMosaicTileComponent,\n  type MosaicActiveType as NaturalMosaicActiveType,\n} from './Tile';\nimport { type MosaicDataItem } from './types';\n\nexport const Mosaic = {\n  Root: MosaicRoot,\n  Container: MosaicContainer,\n  DragOverlay: MosaicDragOverlay,\n  SortableContext: MosaicSortableContext,\n  DraggableTile,\n  DroppableTile,\n  SortableTile,\n\n  // TODO(wittjosiah): Consider factoring out or using inline styles instead depending on DXOS UI theme/tailwind.\n  DefaultComponent,\n  // TODO(burdon): Don't export; move to util.\n  Debug,\n} as {\n  Root: FC<MosaicRootProps>;\n  Container: FC<MosaicContainerProps<any, any>>;\n  DragOverlay: FC<MosaicOverlayProps>;\n  SortableContext: FC<MosaicSortableProps>;\n  DraggableTile: FC<MosaicTileProps<any, any>>;\n  DroppableTile: FC<MosaicTileProps<any, any>>;\n  SortableTile: FC<MosaicTileProps<any, number>>;\n\n  DefaultComponent: MosaicTileComponent;\n  Debug: FC<MosaicDebugProps>;\n};\n\nexport type MosaicRootProps = NaturalMosaicRootProps;\n\nexport type MosaicContainerProps<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TPosition = unknown,\n> = NaturalMosaicContainerProps<TData, TPosition>;\n\nexport type MosaicOverlayProps = MosaicDragOverlayProps;\n\nexport type MosaicSortableProps = NaturalMosaicSortableProps;\n\nexport type MosaicTileAction = NaturalMosaicTileAction;\n\nexport type MosaicTileProps<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TPosition = unknown,\n> = NaturalMosaicTileProps<TData, TPosition>;\n\nexport type MosaicTileComponent<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TElement extends HTMLElement = HTMLDivElement,\n> = NaturalMosaicTileComponent<TData, TElement>;\n\nexport type MosaicMoveEvent<TPosition = unknown> = NaturalMosaicMoveEvent<TPosition>;\nexport type MosaicDropEvent<TPosition = unknown> = NaturalMosaicDropEvent<TPosition>;\nexport type MosaicOperation = NaturalMosaicOperation;\nexport type MosaicActiveType = NaturalMosaicActiveType;\n\n// TODO(burdon): Remove.\nexport type MosaicDebugProps = DebugProps;\n"],
-  "mappings": "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",
-  "names": ["useContext", "React", "createContext", "useEffect", "DEFAULT_TRANSITION", "DEFAULT_TYPE", "MosaicOperations", "MosaicContainerContext", "createContext", "id", "type", "MosaicContainer", "children", "debug", "Component", "transitionDuration", "modifier", "getOverlayProps", "getOverlayStyle", "onOver", "onDrop", "mosaic", "useMosaic", "container", "useEffect", "setContainer", "Object", "values", "Provider", "value", "useContainer", "useContext", "MosaicContainerContext", "useEffect", "useState", "useContext", "raise", "DndContext", "KeyboardSensor", "MouseSensor", "pointerWithin", "rectIntersection", "TouchSensor", "useSensor", "useSensors", "sortableKeyboardCoordinates", "pick", "React", "createContext", "useState", "createPortal", "React", "mx", "Debug", "data", "position", "React", "pre", "className", "mx", "JSON", "stringify", "undefined", "React", "forwardRef", "Card", "arrayMove", "swapItems", "items", "from", "to", "fromIndex", "findIndex", "item", "id", "toIndex", "arrayMove", "SEPARATOR", "Path", "create", "args", "join", "parts", "path", "split", "length", "first", "last", "at", "parent", "slice", "hasRoot", "id", "hasChild", "compare", "hasDescendent", "startsWith", "siblings", "onPath", "includes", "isTileProps", "props", "path", "item", "id", "isTileComponentProps", "operation", "MosaicOperations", "includes", "CSS", "getTransformCSS", "transform", "CSS", "Transform", "toString", "Object", "assign", "scaleX", "scaleY", "undefined", "DefaultComponent", "forwardRef", "draggableStyle", "draggableProps", "item", "id", "path", "React", "Card", "Root", "ref", "style", "Header", "DragHandle", "Title", "title", "Path", "create", "classNames", "displayName", "DEFAULT_COMPONENT_ID", "MosaicContext", "createContext", "undefined", "MosaicRoot", "Component", "DefaultComponent", "debug", "children", "containers", "setContainers", "useState", "id", "handleSetContainer", "container", "_", "rest", "activeItem", "setActiveItem", "overItem", "setOverItem", "operation", "setOperation", "collisionDetection", "args", "pointerCollisions", "pointerWithin", "length", "rectIntersection", "modifiers", "props", "transform", "Path", "first", "path", "modifier", "sensors", "useSensors", "useSensor", "MouseSensor", "activationConstraint", "distance", "TouchSensor", "delay", "tolerance", "KeyboardSensor", "coordinateGetter", "sortableKeyboardCoordinates", "handleDragStart", "event", "pick", "active", "data", "current", "handleDragMove", "handleDragOver", "over", "item", "activeContainer", "overContainer", "onOver", "parent", "handleDragCancel", "handleDragEnd", "position", "onDrop", "setTimeout", "transitionDuration", "DEFAULT_TRANSITION", "React", "Provider", "value", "setContainer", "DndContext", "cancelDrop", "onDragStart", "onDragMove", "onDragOver", "onDragCancel", "onDragEnd", "createPortal", "MosaicDebug", "document", "body", "Debug", "Object", "keys", "map", "slice", "create", "parts", "part", "type", "useMosaic", "useContext", "MosaicContext", "raise", "Error", "useItemsWithPreview", "path", "items", "operation", "activeItem", "overItem", "useMosaic", "itemsWithPreview", "setItemsWithPreview", "useState", "overParent", "Path", "parent", "lastOverParent", "setLastOverParent", "useEffect", "undefined", "activeIsChild", "hasChild", "overIsChild", "overSelf", "position", "slice", "item", "filter", "id", "length", "useItemsWithOrigin", "path", "items", "operation", "activeItem", "overItem", "useMosaic", "activeIsChild", "Path", "hasChild", "overIsChild", "map", "item", "id", "DragOverlay", "React", "Component", "useEffect", "useRef", "useState", "MosaicDragOverlay", "delay", "debug", "overlayProps", "containers", "operation", "activeItem", "overItem", "useMosaic", "state", "setState", "useState", "timer", "useRef", "useEffect", "container", "OverlayComponent", "path", "Path", "first", "Component", "DefaultComponent", "clearTimeout", "current", "setTimeout", "FallbackComponent", "React", "DragOverlay", "adjustScale", "style", "getOverlayStyle", "OverlayErrorBoundary", "fallback", "getOverlayProps", "item", "active", "type", "div", "className", "span", "id", "slice", "constructor", "props", "error", "p", "String", "getDerivedStateFromError", "componentDidCatch", "info", "console", "warn", "render", "children", "SortableContext", "horizontalListSortingStrategy", "verticalListSortingStrategy", "React", "MosaicSortableContext", "id", "items", "direction", "children", "operation", "activeItem", "overItem", "useMosaic", "container", "useContainer", "contextId", "Sortable", "Column", "Row", "ids", "map", "item", "path", "Path", "create", "isPreview", "siblings", "hasChild", "React", "SortableContext", "strategy", "verticalListSortingStrategy", "horizontalListSortingStrategy", "useDraggable", "useDroppable", "defaultAnimateLayoutChanges", "useSortable", "React", "DraggableTile", "path", "parentPath", "type", "DEFAULT_TYPE", "item", "Component", "DefaultComponent", "position", "draggableStyle", "props", "operation", "useMosaic", "Path", "create", "id", "setNodeRef", "attributes", "listeners", "isDragging", "useDraggable", "data", "React", "ref", "draggableProps", "DroppableTile", "isOver", "useDroppable", "SortableTile", "OverrideComponent", "activeItem", "overItem", "transitionDuration", "ContainerComponent", "useContainer", "isPreview", "siblings", "hasChild", "transform", "useSortable", "animateLayoutChanges", "args", "defaultAnimateLayoutChanges", "wasDragging", "active", "parent", "getTransformCSS", "transition", "Mosaic", "Root", "MosaicRoot", "Container", "MosaicContainer", "DragOverlay", "MosaicDragOverlay", "SortableContext", "MosaicSortableContext", "DraggableTile", "DroppableTile", "SortableTile", "DefaultComponent", "Debug"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useContext } from 'react';\n\nimport { MosaicContainerContext, type MosaicContainerContextType } from '../Container';\nimport { type MosaicDataItem } from '../types';\n\nexport const useContainer = <\n  TData extends MosaicDataItem = MosaicDataItem,\n  TPosition = unknown,\n>(): MosaicContainerContextType<TData, TPosition> => useContext(MosaicContainerContext);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Modifier } from '@dnd-kit/core';\nimport React, {\n  createContext,\n  useEffect,\n  type CSSProperties,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\n\nimport { type MosaicTileComponent } from './Tile';\nimport { useMosaic } from './hooks';\nimport { type MosaicDataItem, type MosaicDraggedItem } from './types';\n\n// TODO(wittjosiah): Factor out.\ntype WithRequiredProperty<Type, Key extends keyof Type> = Type & {\n  [Property in Key]-?: Type[Property];\n};\n\nexport const DEFAULT_TRANSITION = 200;\nexport const DEFAULT_TYPE = 'unknown';\n\nexport type MosaicTileOverlayProps = {\n  grow?: boolean;\n  debug?: boolean;\n  itemContext?: Record<string, unknown>;\n};\n\n/**\n * Possible operations when dropping a tile.\n *\n * * `transfer` - Remove the tile from it's current path and move to a new path.\n * * `copy` - Add a clone of the tile at a new path.\n * * `rearrange` - Change the order of the tile within it's current path.\n * * `reject` - The tile is not allowed where it was dropped.\n */\n// TODO(wittjosiah): Add 'delete'. Consider adding 'swap'.\nexport const MosaicOperations = ['transfer', 'copy', 'rearrange', 'reject'] as const;\nexport type MosaicOperation = (typeof MosaicOperations)[number];\n\nexport type MosaicMoveEvent<TPosition = unknown> = {\n  active: MosaicDraggedItem<TPosition>;\n  over: MosaicDraggedItem<TPosition>;\n};\n\nexport type MosaicDropEvent<TPosition = unknown> = MosaicMoveEvent<TPosition> & {\n  operation: MosaicOperation;\n};\n\nexport type MosaicContainerProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = ThemedClassName<\n  Omit<HTMLAttributes<HTMLElement>, 'onDrop'>\n> &\n  PropsWithChildren<{\n    id: string;\n\n    // TODO(wittjosiah): Don't expose externally.\n    debug?: boolean;\n\n    /**\n     * Default component used to render tiles.\n     */\n    Component?: MosaicTileComponent<TData, any>;\n\n    /**\n     * Default type of tiles.\n     */\n    type?: string;\n\n    /**\n     * Length of transition when moving tiles in milliseconds.\n     *\n     * @default 200\n     */\n    transitionDuration?: number;\n\n    /**\n     * Adapter to transform properties while dragging (e.g., constraint axes).\n     * https://github.com/clauderic/dnd-kit/blob/master/packages/core/src/modifiers/types.ts\n     */\n    modifier?: (activeItem: MosaicDraggedItem, ...modifierArgs: Parameters<Modifier>) => ReturnType<Modifier>;\n\n    /**\n     * Property overrides for the default overlay.\n     */\n    getOverlayProps?: () => MosaicTileOverlayProps;\n\n    /**\n     * Style property overrides for the default overlay.\n     */\n    getOverlayStyle?: () => CSSProperties;\n\n    /**\n     * Called when a tile is dragged over the container.\n     * Returns true if the tile can be dropped.\n     */\n    onOver?: (event: MosaicMoveEvent<TPosition>) => MosaicOperation;\n\n    /**\n     * Called when a tile is dropped on the container.\n     */\n    onDrop?: (event: MosaicDropEvent<TPosition>) => void;\n  }>;\n\nexport type MosaicContainerContextType<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TPosition = unknown,\n> = WithRequiredProperty<Omit<MosaicContainerProps<TData, TPosition>, 'children'>, 'type'>;\n\nexport const MosaicContainerContext = createContext<MosaicContainerContextType<any>>({\n  id: 'never',\n  type: DEFAULT_TYPE,\n});\n\n/**\n * Root Container that manages the layout of tiles.\n */\nexport const MosaicContainer = ({\n  children,\n  id,\n  debug,\n  type = DEFAULT_TYPE,\n  Component,\n  transitionDuration = DEFAULT_TRANSITION,\n  modifier,\n  getOverlayProps,\n  getOverlayStyle,\n  onOver,\n  onDrop,\n}: MosaicContainerProps) => {\n  const mosaic = useMosaic();\n  const container = {\n    id,\n    debug,\n    type,\n    Component,\n    transitionDuration,\n    modifier,\n    getOverlayProps,\n    getOverlayStyle,\n    onOver,\n    onDrop,\n  };\n\n  useEffect(() => {\n    mosaic.setContainer(container.id, container);\n    return () => {\n      // TODO(burdon): The overlay unregisters the container after the tile has re-rendered (removing it).\n      // mosaic.setContainer(container.id);\n    };\n  }, Object.values(container));\n\n  return <MosaicContainerContext.Provider value={container}>{children}</MosaicContainerContext.Provider>;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { useMosaic } from './useMosaic';\nimport { type MosaicDataItem } from '../types';\nimport { Path } from '../util';\n\n/**\n * Returns a spliced collection of items including a placeholder if items that could drop,\n * and removing any item that is currently being dragged out.\n */\nexport const useItemsWithPreview = <T extends MosaicDataItem>({ path, items }: { path: string; items: T[] }): T[] => {\n  const { operation, activeItem, overItem } = useMosaic();\n  const [itemsWithPreview, setItemsWithPreview] = useState(items);\n  const overParent =\n    // If over the sortable context itself & active item is foreign, then treat self as the parent.\n    // This allows items to be appended to the end of the sortable.\n    overItem?.path === path && activeItem && Path.parent(activeItem.path) !== overItem.path\n      ? path\n      : overItem && Path.parent(overItem.path);\n  const [lastOverParent, setLastOverParent] = useState(overParent);\n\n  useEffect(() => {\n    if (!activeItem || !overItem) {\n      setLastOverParent(undefined);\n      setItemsWithPreview(items);\n      return;\n    }\n\n    if (lastOverParent === overParent) {\n      return;\n    }\n\n    const activeIsChild = Path.hasChild(path, activeItem.path);\n    const overIsChild = Path.hasChild(path, overItem.path);\n    const overSelf = overItem.path === path;\n\n    if (operation === 'reject' || operation === 'rearrange') {\n      setLastOverParent(undefined);\n      setItemsWithPreview(items);\n      return;\n    } else {\n      setLastOverParent(overParent);\n    }\n    if (!activeIsChild && overIsChild) {\n      // Insert item into sortable.\n      setItemsWithPreview((items) => {\n        const position = overItem.position as number;\n        return [...items.slice(0, position), activeItem.item as T, ...items.slice(position)];\n      });\n    } else if (!activeIsChild && overSelf) {\n      // Append item to end of sortable.\n      setItemsWithPreview((items) => [...items, activeItem.item as T]);\n    } else if (activeIsChild && !overIsChild) {\n      // Remove item being dragged out.\n      setItemsWithPreview((items) => items.filter((item) => item.id !== activeItem.item.id));\n    } else {\n      // Reset items.\n      setItemsWithPreview(items);\n    }\n  }, [operation, activeItem, overItem, overParent, lastOverParent, path, items]);\n\n  // In order to avoid render glitching, rather than waiting for the effect to run,\n  // immediately return the new items after dropping an item into a new path.\n  return items.length === itemsWithPreview.length ? items : itemsWithPreview;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useContext } from 'react';\n\nimport { raise } from '@dxos/debug';\n\nimport { MosaicContext } from '../Root';\n\nexport const useMosaic = () => useContext(MosaicContext) ?? raise(new Error('Missing MosaicContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  type CollisionDetection,\n  DndContext,\n  type DragCancelEvent,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragOverEvent,\n  type DragStartEvent,\n  KeyboardSensor,\n  type Modifier,\n  MouseSensor,\n  pointerWithin,\n  rectIntersection,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport pick from 'lodash.pick';\nimport React, { createContext, type FC, type PropsWithChildren, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { DEFAULT_TRANSITION, type MosaicContainerProps, type MosaicOperation } from './Container';\nimport { Debug } from './Debug';\nimport { DefaultComponent } from './DefaultComponent';\nimport { type MosaicTileComponent } from './Tile';\nimport { type MosaicDraggedItem } from './types';\nimport { Path } from './util';\n\nconst DEFAULT_COMPONENT_ID = '__default';\n\nexport type MosaicContextType = {\n  containers: Record<string, MosaicContainerProps<any> | undefined>;\n  setContainer: (id: string, container?: MosaicContainerProps<any>) => void;\n  activeItem: MosaicDraggedItem | undefined;\n  overItem: MosaicDraggedItem | undefined;\n  operation: MosaicOperation;\n};\n\nexport const MosaicContext = createContext<MosaicContextType | undefined>(undefined);\n\nexport type MosaicRootProps = PropsWithChildren<{\n  /**\n   * Default component.\n   */\n  Component?: MosaicTileComponent<any>;\n  debug?: boolean;\n}>;\n\n/**\n * Root context provider.\n */\nexport const MosaicRoot: FC<MosaicRootProps> = ({ Component = DefaultComponent, debug, children }) => {\n  const [containers, setContainers] = useState<MosaicContextType['containers']>({\n    [DEFAULT_COMPONENT_ID]: { id: DEFAULT_COMPONENT_ID, Component },\n  });\n\n  const handleSetContainer = (id: string, container?: MosaicContainerProps<any>) => {\n    setContainers((containers) => {\n      if (container) {\n        return { ...containers, [id]: container };\n      } else {\n        const { [id]: _, ...rest } = containers;\n        return rest;\n      }\n    });\n  };\n\n  const [activeItem, setActiveItem] = useState<MosaicDraggedItem>();\n  const [overItem, setOverItem] = useState<MosaicDraggedItem>();\n  const [operation, setOperation] = useState<MosaicOperation>('reject');\n\n  //\n  // DndKit Defaults\n  //\n\n  /**\n   * See: https://docs.dndkit.com/api-documentation/context-provider/collision-detection-algorithms#custom-collision-detection-algorithms\n   * See: https://github.com/clauderic/dnd-kit/tree/master/packages/core/src/utilities/algorithms\n   */\n  // TODO(burdon): Flickering: should not change while animation is happening.\n  const collisionDetection: CollisionDetection = (args) => {\n    // pointerWithin is the most accurate (since we're using drag handles), but only works with pointer sensors.\n    const pointerCollisions = pointerWithin(args);\n    if (pointerCollisions.length > 0) {\n      return pointerCollisions;\n    }\n\n    // If there are no collisions with the pointer, return rectangle intersections.\n    return rectIntersection(args);\n  };\n\n  /**\n   * Dragging transformation modifiers adaptable by container.\n   * See: https://github.com/clauderic/dnd-kit/tree/master/packages/core/src/modifiers\n   */\n  const modifiers: Modifier = (props) => {\n    const { transform } = props;\n    if (activeItem) {\n      const container = containers[Path.first(activeItem.path)];\n      return container?.modifier?.(activeItem, props) ?? transform;\n    } else {\n      return transform;\n    }\n  };\n\n  /**\n   * See: https://github.com/clauderic/dnd-kit/tree/master/packages/core/src/sensors\n   */\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 10,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  //\n  // Events\n  //\n\n  const handleDragStart = (event: DragStartEvent) => {\n    setActiveItem(pick(event.active.data.current as MosaicDraggedItem, 'path', 'type', 'item', 'position'));\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {};\n\n  const handleDragOver = (event: DragOverEvent) => {\n    const overItem = pick(event.over?.data.current as MosaicDraggedItem, 'path', 'type', 'item', 'position');\n\n    // If the over item is the same as the active item, do nothing.\n    // This happens when moving between containers where a placeholder of itself is rendered where it will be dropped.\n    if (overItem?.item?.id === activeItem?.item.id) {\n      setOverItem(overItem);\n      return;\n    }\n\n    const activeContainer = activeItem && containers[Path.first(activeItem.path)];\n    const overContainer = overItem?.path && containers[Path.first(overItem.path)];\n    if (!event.over || !overItem || !overContainer || !activeItem || !activeContainer) {\n      setOperation('reject');\n      setOverItem(undefined);\n      return;\n    }\n\n    let operation: MosaicOperation = 'reject' as const;\n    if (Path.parent(activeItem.path) === Path.parent(overItem.path)) {\n      operation = 'rearrange' as const;\n    } else if (overContainer.onOver) {\n      operation = overContainer.onOver({ active: activeItem, over: overItem });\n    }\n\n    setOperation(operation);\n    setOverItem(overItem);\n  };\n\n  const handleDragCancel = (event: DragCancelEvent) => {\n    setOperation('reject');\n    setActiveItem(undefined);\n    setOverItem(undefined);\n  };\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const overContainer = overItem && containers[Path.first(overItem.path)];\n\n    if (\n      operation !== 'reject' &&\n      activeItem &&\n      overItem &&\n      (activeItem.path !== overItem.path || activeItem.position !== overItem.position)\n    ) {\n      const activeContainer = containers[Path.first(activeItem.path)];\n      if (activeContainer) {\n        activeContainer.onDrop?.({ operation, active: activeItem, over: overItem });\n\n        if (overContainer && overContainer !== activeContainer) {\n          overContainer.onDrop?.({ operation, active: activeItem, over: overItem });\n        }\n      }\n    }\n\n    setTimeout(() => {\n      setOperation('reject');\n      setOverItem(undefined);\n      setActiveItem(undefined);\n    }, overContainer?.transitionDuration ?? DEFAULT_TRANSITION);\n  };\n\n  return (\n    <MosaicContext.Provider value={{ containers, setContainer: handleSetContainer, activeItem, overItem, operation }}>\n      <DndContext\n        collisionDetection={collisionDetection}\n        modifiers={[modifiers]}\n        sensors={sensors}\n        // TODO(burdon): Allow container to veto drop.\n        cancelDrop={(event) => false}\n        onDragStart={handleDragStart}\n        onDragMove={handleDragMove}\n        onDragOver={handleDragOver}\n        onDragCancel={handleDragCancel}\n        onDragEnd={handleDragEnd}\n      >\n        {children}\n        {debug &&\n          createPortal(\n            <MosaicDebug containers={containers} operation={operation} activeItem={activeItem} overItem={overItem} />,\n            document.body,\n          )}\n      </DndContext>\n    </MosaicContext.Provider>\n  );\n};\n\nconst MosaicDebug: FC<{\n  containers: MosaicContextType['containers'];\n  operation: MosaicOperation;\n  activeItem?: MosaicDraggedItem;\n  overItem?: MosaicDraggedItem;\n}> = ({ containers, operation, activeItem, overItem }) => {\n  return (\n    <Debug\n      position='bottom-right'\n      data={{\n        containers: Object.keys(containers).map((id) => id),\n        operation,\n        active: {\n          id: activeItem?.item?.id.slice(0, 16),\n          path: activeItem?.path && Path.create(...Path.parts(activeItem.path).map((part) => part.slice(0, 16))),\n          type: activeItem?.type,\n          position: activeItem?.position,\n        },\n        over: {\n          id: overItem?.item?.id.slice(0, 16),\n          path: overItem?.path && Path.create(...Path.parts(overItem.path).map((part) => part.slice(0, 16))),\n          type: overItem?.type,\n          position: overItem?.position,\n        },\n      }}\n    />\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\ntype Position = 'bottom-left' | 'bottom-right';\n\nexport type DebugProps = { data: any; position?: Position };\n\nexport const Debug: FC<DebugProps> = ({ data, position }) => (\n  <pre\n    className={mx(\n      'font-mono text-xs overflow-hidden m-2 p-1 z-[100]',\n      'bg-neutral-50 dark:bg-neutral-700 border border-neutral-300 rounded',\n      position === 'bottom-left' && 'fixed left-0 bottom-0',\n      position === 'bottom-right' && 'fixed right-0 bottom-0',\n    )}\n  >\n    {JSON.stringify(data, undefined, 1)}\n  </pre>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { Card } from '@dxos/react-ui-card';\n\nimport { type MosaicTileComponent } from './Tile';\nimport { type MosaicDataItem } from './types';\nimport { Path } from './util';\n\nexport const DefaultComponent: MosaicTileComponent<MosaicDataItem> = forwardRef(\n  ({ draggableStyle, draggableProps, item: { id }, path }, forwardRef) => {\n    return (\n      <Card.Root ref={forwardRef} style={draggableStyle}>\n        <Card.Header>\n          <Card.DragHandle {...draggableProps} />\n          <Card.Title title={Path.create(path, id)} classNames='truncate font-mono text-xs' />\n        </Card.Header>\n      </Card.Root>\n    );\n  },\n);\n\nDefaultComponent.displayName = 'DefaultComponent';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { arrayMove } from '@dxos/util';\n\nimport { type MosaicDataItem } from '../types';\n\n// TODO(wittjosiah): Generalize and expand rearrange utilities.\n\nexport const swapItems = <TItem extends MosaicDataItem, TValue extends MosaicDataItem>(\n  items: TItem[],\n  from: TValue,\n  to: TValue,\n): TItem[] => {\n  const fromIndex = items.findIndex((item) => item.id === from.id);\n  const toIndex = items.findIndex((item) => item.id === to.id);\n  return fromIndex !== -1 && toIndex !== -1 ? arrayMove(items, fromIndex, toIndex) : items;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nconst SEPARATOR = '/';\n\nexport const Path = {\n  create: (...args: string[]) => args.join(SEPARATOR),\n\n  parts: (path: string) => path.split(SEPARATOR),\n  length: (path: string) => path.split(SEPARATOR).length,\n  first: (path: string) => path.split(SEPARATOR)[0] ?? path,\n  last: (path: string) => path.split(SEPARATOR).at(-1) ?? path,\n  parent: (path: string) => path.split(SEPARATOR).slice(0, -1).join(SEPARATOR),\n\n  hasRoot: (path: string, id: string) => Path.first(path) === id,\n  hasChild: (path: string, compare: string) => Path.parent(compare) === path,\n  hasDescendent: (path: string, compare: string) => compare !== path && compare.startsWith(path),\n  siblings: (path: string, compare: string) => Path.parent(path) === Path.parent(compare),\n  onPath: (path: string, id: string) => Path.parts(path).includes(id),\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { MosaicOperations } from '../Container';\nimport { type MosaicTileComponentProps, type MosaicTileProps } from '../Tile';\n\nexport const isTileProps = (props: Record<string, unknown>): props is MosaicTileProps =>\n  typeof props.path === 'string' && typeof props.item === 'object' && props.item\n    ? 'id' in props.item && typeof props.item.id === 'string'\n    : false;\n\nexport const isTileComponentProps = (props: Record<string, unknown>): props is MosaicTileComponentProps =>\n  isTileProps(props) && typeof props.operation === 'string' && MosaicOperations.includes(props.operation);\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// https://docs.dndkit.com/api-documentation/draggable/usedraggable#transform\n\nimport { CSS, type Transform } from '@dnd-kit/utilities';\n\nexport const getTransformCSS = (transform: Transform | null) =>\n  transform ? CSS.Transform.toString(Object.assign(transform, { scaleX: 1, scaleY: 1 })) : undefined;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useMosaic } from './useMosaic';\nimport { type MosaicDataItem } from '../types';\nimport { Path } from '../util';\n\n// TODO(thure): Harmonize this hook signature with its sibling’s.\nexport const useItemsWithOrigin = <T extends MosaicDataItem>(path: string, items: T[]) => {\n  const { operation, activeItem, overItem } = useMosaic();\n\n  if (!activeItem || !overItem) {\n    return items;\n  }\n\n  const activeIsChild = Path.hasChild(path, activeItem.path);\n  const overIsChild = Path.hasChild(path, overItem.path);\n\n  if (activeIsChild && !overIsChild && operation !== 'rearrange') {\n    // Change the dnd-id of the origin item that may move to a foreign destination\n    return items.map((item) => {\n      if (item.id === activeItem.item.id) {\n        return { ...item, id: `${item.id}--origin` };\n      } else {\n        return item;\n      }\n    });\n  } else {\n    // Reset items.\n    return items;\n  }\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DragOverlay } from '@dnd-kit/core';\nimport React, { Component, type PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nimport { type MosaicContainerProps } from './Container';\nimport { DefaultComponent } from './DefaultComponent';\nimport { type MosaicTileComponent } from './Tile';\nimport { useMosaic } from './hooks';\nimport { Path } from './util';\n\nexport type MosaicDragOverlayProps = { delay?: number; debug?: boolean } & Omit<\n  React.ComponentProps<typeof DragOverlay>,\n  'children'\n>;\n\n/**\n * Render the currently dragged item of the Mosaic.\n */\nexport const MosaicDragOverlay = ({ delay = 200, debug = false, ...overlayProps }: MosaicDragOverlayProps) => {\n  const { containers, operation, activeItem, overItem } = useMosaic();\n\n  // Get the overlay component from the over container, otherwise default to the original.\n  const [state, setState] = useState<{\n    container?: MosaicContainerProps<any>;\n    OverlayComponent?: MosaicTileComponent<any>;\n  }>({});\n\n  const timer = useRef<ReturnType<typeof setTimeout>>();\n\n  useEffect(() => {\n    if (activeItem) {\n      let container: MosaicContainerProps<any> | undefined;\n      let OverlayComponent: MosaicTileComponent<any> | undefined;\n      if (overItem?.path) {\n        container = containers[Path.first(overItem.path)];\n        OverlayComponent = container?.Component;\n      }\n\n      if (!OverlayComponent) {\n        container = containers[Path.first(activeItem.path)];\n        OverlayComponent = container?.Component ?? DefaultComponent;\n      }\n\n      // Prevent jitter when transitioning across containers.\n      clearTimeout(timer.current);\n      timer.current = setTimeout(() => setState({ container, OverlayComponent }), timer.current ? delay : 0);\n    } else {\n      setState({});\n    }\n  }, [activeItem, overItem]);\n\n  // Ensure the overlay is rendered as soon as there's an active item, then use local state.\n  const container = state.container ?? (activeItem && containers[Path.first(activeItem.path)]);\n  const OverlayComponent = state.OverlayComponent ?? container?.Component;\n  // Fallback is always to the active (origin) container.\n  const FallbackComponent = (activeItem && containers[Path.first(activeItem.path)])?.Component ?? DefaultComponent;\n\n  // NOTE: The DragOverlay wrapper element must always be mounted to support animations. Conditionally render the content.\n  return (\n    // TODO(burdon): Set custom animations (e.g., in/out/around).\n    <DragOverlay adjustScale={false} {...overlayProps} style={{ ...container?.getOverlayStyle?.() }}>\n      {/* TODO(burdon): Configure density via getOverlayProps. */}\n      {activeItem?.path && container && OverlayComponent && (\n        <OverlayErrorBoundary\n          fallback={\n            <FallbackComponent\n              {...container.getOverlayProps?.()}\n              item={activeItem.item}\n              path={activeItem.path}\n              operation={operation}\n              active='overlay'\n            />\n          }\n        >\n          <OverlayComponent\n            {...container.getOverlayProps?.()}\n            item={activeItem.item}\n            path={activeItem.path}\n            type={activeItem.type}\n            operation={operation}\n            active='overlay'\n          />\n          {debug && (\n            <div className='flex flex-wrap mt-1 p-1 bg-neutral-50 dark:bg-neutral-700 text-xs border rounded overflow-hidden gap-1'>\n              <span className='truncate'>\n                <span className='text-neutral-400'>container </span>\n                {container.id}\n              </span>\n              <span className='truncate'>\n                <span className='text-neutral-400'>item </span>\n                {activeItem.item.id.slice(0, 8)}\n              </span>\n            </div>\n          )}\n        </OverlayErrorBoundary>\n      )}\n    </DragOverlay>\n  );\n};\n\ntype OverlayErrorBoundaryProps = PropsWithChildren<{ fallback?: React.ReactNode }>;\n\nclass OverlayErrorBoundary extends Component<OverlayErrorBoundaryProps> {\n  private readonly fallback: React.ReactNode;\n\n  constructor(props: OverlayErrorBoundaryProps) {\n    super(props);\n    this.fallback = props.fallback ?? <p>ERROR: ${String(this.state.error)}</p>;\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override state = {\n    error: null,\n  };\n\n  override componentDidCatch(error: any, info: any) {\n    console.warn(error, info);\n  }\n\n  override render() {\n    if (this.state.error) {\n      return this.fallback;\n    }\n\n    return this.props.children;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SortableContext, horizontalListSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport React, { type PropsWithChildren } from 'react';\n\nimport { useContainer, useMosaic } from './hooks';\nimport { type MosaicDataItem } from './types';\nimport { Path } from './util';\n\ntype Direction = 'horizontal' | 'vertical';\n\nexport type MosaicSortableProps<TData extends MosaicDataItem = MosaicDataItem> = PropsWithChildren<{\n  id?: string;\n  items?: TData[];\n  direction?: Direction;\n}>;\n\n/**\n * Mosaic convenience wrapper for dnd-kit SortableContext.\n */\n// TODO(burdon): Remove since just obfuscates SortableContext unless more deeply integrated with useSortableItem.\n//  Otherwise accept same props as SortableContext (e.g., verticalListSortingStrategy).\nexport const MosaicSortableContext = ({ id, items = [], direction = 'vertical', children }: MosaicSortableProps) => {\n  const { operation, activeItem, overItem } = useMosaic();\n  const container = useContainer();\n  const contextId = id ?? container.id;\n  const Sortable = direction === 'vertical' ? Column : Row;\n\n  const ids = items.map((item) => {\n    const path = Path.create(contextId, item.id);\n    // TODO(wittjosiah): Copied from Tile.tsx. Consider factoring out to ensure logic is consistent.\n    const isPreview =\n      activeItem &&\n      activeItem.item.id === item.id &&\n      overItem &&\n      (Path.siblings(overItem.path, path) || Path.hasChild(overItem.path, path)) &&\n      operation !== 'reject';\n    return isPreview ? activeItem.path : path;\n  });\n\n  return (\n    <Sortable id={contextId} items={ids}>\n      {children}\n    </Sortable>\n  );\n};\n\nconst Column = ({ children, id, items }: PropsWithChildren<{ id: string; items: string[] }>) => (\n  <SortableContext id={id} items={items} strategy={verticalListSortingStrategy}>\n    {children}\n  </SortableContext>\n);\n\nconst Row = ({ children, id, items }: PropsWithChildren<{ id: string; items: string[] }>) => (\n  <SortableContext id={id} items={items} strategy={horizontalListSortingStrategy}>\n    {children}\n  </SortableContext>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type DraggableAttributes, useDraggable, useDroppable } from '@dnd-kit/core';\nimport { defaultAnimateLayoutChanges, useSortable } from '@dnd-kit/sortable';\nimport React from 'react';\nimport type { CSSProperties, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\n\nimport { DEFAULT_TYPE, type MosaicOperation, type MosaicTileOverlayProps } from './Container';\nimport { DefaultComponent } from './DefaultComponent';\nimport { useContainer, useMosaic } from './hooks';\nimport type { MosaicDataItem, MosaicDraggedItem } from './types';\nimport { getTransformCSS, Path } from './util';\n\nexport type MosaicActiveType = 'overlay' | 'rearrange' | 'origin' | 'destination';\n\n// TODO(wittjosiah): `id` should be `path` and `data` should be a `MosaicDataItem`.\nexport type MosaicTileAction = { id: string; action: string; data?: any };\n\n/**\n * Props passed to mosaic tile.\n */\nexport type MosaicTileProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = ThemedClassName<{}> &\n  MosaicTileOverlayProps & {\n    path: string;\n    item: TData;\n    Component?: MosaicTileComponent<TData, any>;\n    position?: TPosition;\n    type?: string;\n    operation?: MosaicOperation;\n    active?: MosaicActiveType; // TODO(burdon): Rename state?\n\n    // DndKit props.\n    isDragging?: boolean;\n    isOver?: boolean;\n    draggableStyle?: CSSProperties;\n    draggableProps?: DraggableAttributes &\n      // TODO(wittjosiah): SyntheticListenerMap.\n      HTMLAttributes<HTMLElement>;\n\n    // TODO(burdon): Generalize events via onAction?\n    onSelect?: () => void;\n    onRemove?: () => void;\n    onNavigate?: () => void;\n    onAction?: (action: MosaicTileAction) => void;\n  };\n\nexport type MosaicTileComponentProps<TData extends MosaicDataItem = MosaicDataItem> = Omit<\n  MosaicTileProps<TData>,\n  'Component' | 'operation'\n> & { operation: MosaicOperation };\n\n/**\n * Mosaic Tile component.\n */\nexport type MosaicTileComponent<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TElement extends HTMLElement = HTMLDivElement,\n> = ForwardRefExoticComponent<RefAttributes<TElement> & MosaicTileComponentProps<TData>>;\n\n/**\n * Basic draggable mosaic tile.\n */\nexport const DraggableTile = ({\n  path: parentPath,\n  type = DEFAULT_TYPE,\n  item,\n  Component = DefaultComponent,\n  position,\n  draggableStyle,\n  ...props\n}: MosaicTileProps<any>) => {\n  const { operation } = useMosaic();\n  const path = Path.create(parentPath, item.id);\n  const { setNodeRef, attributes, listeners, /* transform, */ isDragging } = useDraggable({\n    id: path,\n    data: { path, type, item, position } satisfies MosaicDraggedItem,\n  });\n\n  return (\n    <Component\n      ref={setNodeRef}\n      item={item}\n      path={path}\n      type={type}\n      position={position}\n      operation={operation}\n      isDragging={isDragging}\n      draggableStyle={{\n        // TODO(burdon): Override by container?\n        // transform: getTransformCSS(transform),\n        ...draggableStyle,\n      }}\n      draggableProps={{ ...attributes, ...listeners }}\n      {...props}\n    />\n  );\n};\n\n/**\n * Basic droppable mosaic tile.\n */\nexport const DroppableTile = ({\n  path: parentPath,\n  type = DEFAULT_TYPE,\n  item,\n  Component = DefaultComponent,\n  position,\n  ...props\n}: MosaicTileProps<any>) => {\n  const { operation } = useMosaic();\n  const path =\n    parentPath === item.id\n      ? parentPath // If the path is the same as the item id, then this is the root tile.\n      : Path.create(parentPath, item.id);\n  const { setNodeRef, isOver } = useDroppable({\n    id: path,\n    data: { path, type, item, position } satisfies MosaicDraggedItem,\n  });\n\n  return (\n    <Component\n      ref={setNodeRef}\n      item={item}\n      path={path}\n      type={type}\n      position={position}\n      operation={operation}\n      isOver={isOver}\n      {...props}\n    />\n  );\n};\n\n/**\n * Mosaic tile that can be sorted.\n */\nexport const SortableTile = ({\n  path: parentPath,\n  type = DEFAULT_TYPE,\n  item,\n  Component: OverrideComponent,\n  position,\n  draggableStyle,\n  ...props\n}: MosaicTileProps<any, number>) => {\n  const { operation, activeItem, overItem } = useMosaic();\n  const { transitionDuration, Component: ContainerComponent } = useContainer();\n\n  const path = Path.create(parentPath, item.id);\n  // Re-use the active path if it's the same item and the item is a preview.\n  // This helps dndkit understand that the item is being moved and animate it appropriately.\n  const isPreview =\n    activeItem &&\n    activeItem.item.id === item.id &&\n    overItem &&\n    !Path.siblings(activeItem.path, overItem.path) &&\n    (Path.siblings(overItem.path, path) || Path.hasChild(overItem.path, path)) &&\n    operation !== 'reject';\n\n  const { setNodeRef, attributes, listeners, transform, isDragging, isOver } = useSortable({\n    id: isPreview ? activeItem.path : path,\n    data: { path, type, item, position } satisfies MosaicDraggedItem,\n    animateLayoutChanges: (args) =>\n      defaultAnimateLayoutChanges({ ...args, wasDragging: item.id !== activeItem?.item.id }),\n  });\n\n  let active: MosaicActiveType | undefined;\n  if (isDragging) {\n    if (operation === 'rearrange' || operation === 'reject') {\n      active = 'rearrange';\n    } else if (activeItem && Path.parent(activeItem.path) !== parentPath) {\n      active = 'destination';\n    } else {\n      active = 'origin';\n    }\n  }\n\n  const Component = OverrideComponent ?? ContainerComponent ?? DefaultComponent;\n\n  return (\n    <Component\n      ref={setNodeRef}\n      item={item}\n      path={path}\n      type={type}\n      position={position}\n      operation={operation}\n      active={active}\n      isDragging={isDragging}\n      isOver={isOver}\n      draggableStyle={{\n        transform: getTransformCSS(transform),\n        transition: transform ? `transform ${transitionDuration}ms ease` : 'none',\n        ...draggableStyle,\n      }}\n      draggableProps={{ ...attributes, ...listeners }}\n      {...props}\n    />\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type FC, type RefAttributes } from 'react';\n\nimport {\n  MosaicContainer,\n  type MosaicContainerProps as NaturalMosaicContainerProps,\n  type MosaicMoveEvent as NaturalMosaicMoveEvent,\n  type MosaicDropEvent as NaturalMosaicDropEvent,\n  type MosaicOperation as NaturalMosaicOperation,\n} from './Container';\nimport { Debug, type DebugProps } from './Debug';\nimport { DefaultComponent } from './DefaultComponent';\nimport { MosaicDragOverlay, type MosaicDragOverlayProps } from './DragOverlay';\nimport { MosaicRoot, type MosaicRootProps as NaturalMosaicRootProps } from './Root';\nimport { MosaicSortableContext, type MosaicSortableProps as NaturalMosaicSortableProps } from './SortableContext';\nimport {\n  DraggableTile,\n  DroppableTile,\n  SortableTile,\n  type MosaicTileAction as NaturalMosaicTileAction,\n  type MosaicTileProps as NaturalMosaicTileProps,\n  type MosaicTileComponent as NaturalMosaicTileComponent,\n  type MosaicActiveType as NaturalMosaicActiveType,\n} from './Tile';\nimport { type MosaicDataItem } from './types';\n\nexport const Mosaic = {\n  Root: MosaicRoot,\n  Container: MosaicContainer,\n  DragOverlay: MosaicDragOverlay,\n  SortableContext: MosaicSortableContext,\n  DraggableTile,\n  DroppableTile,\n  SortableTile,\n\n  // TODO(wittjosiah): Consider factoring out or using inline styles instead depending on DXOS UI theme/tailwind.\n  DefaultComponent,\n  // TODO(burdon): Don't export; move to util.\n  Debug,\n} as {\n  Root: FC<MosaicRootProps>;\n  Container: FC<MosaicContainerProps<any, any>>;\n  DragOverlay: FC<MosaicOverlayProps>;\n  SortableContext: FC<MosaicSortableProps>;\n  DraggableTile: FC<MosaicTileProps<any, any>>;\n  DroppableTile: FC<RefAttributes<HTMLDivElement> & MosaicTileProps<any, any>>;\n  SortableTile: FC<MosaicTileProps<any, number>>;\n\n  DefaultComponent: MosaicTileComponent;\n  Debug: FC<MosaicDebugProps>;\n};\n\nexport type MosaicRootProps = NaturalMosaicRootProps;\n\nexport type MosaicContainerProps<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TPosition = unknown,\n> = NaturalMosaicContainerProps<TData, TPosition>;\n\nexport type MosaicOverlayProps = MosaicDragOverlayProps;\n\nexport type MosaicSortableProps = NaturalMosaicSortableProps;\n\nexport type MosaicTileAction = NaturalMosaicTileAction;\n\nexport type MosaicTileProps<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TPosition = unknown,\n> = NaturalMosaicTileProps<TData, TPosition>;\n\nexport type MosaicTileComponent<\n  TData extends MosaicDataItem = MosaicDataItem,\n  TElement extends HTMLElement = HTMLDivElement,\n> = NaturalMosaicTileComponent<TData, TElement>;\n\nexport type MosaicMoveEvent<TPosition = unknown> = NaturalMosaicMoveEvent<TPosition>;\nexport type MosaicDropEvent<TPosition = unknown> = NaturalMosaicDropEvent<TPosition>;\nexport type MosaicOperation = NaturalMosaicOperation;\nexport type MosaicActiveType = NaturalMosaicActiveType;\n\n// TODO(burdon): Remove.\nexport type MosaicDebugProps = DebugProps;\n"],
+  "mappings": "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",
+  "names": ["useContext", "React", "createContext", "useEffect", "DEFAULT_TRANSITION", "DEFAULT_TYPE", "MosaicOperations", "MosaicContainerContext", "createContext", "id", "type", "MosaicContainer", "children", "debug", "Component", "transitionDuration", "modifier", "getOverlayProps", "getOverlayStyle", "onOver", "onDrop", "mosaic", "useMosaic", "container", "useEffect", "setContainer", "Object", "values", "Provider", "value", "useContainer", "useContext", "MosaicContainerContext", "useEffect", "useState", "useContext", "raise", "DndContext", "KeyboardSensor", "MouseSensor", "pointerWithin", "rectIntersection", "TouchSensor", "useSensor", "useSensors", "sortableKeyboardCoordinates", "pick", "React", "createContext", "useState", "createPortal", "React", "mx", "Debug", "data", "position", "React", "pre", "className", "mx", "JSON", "stringify", "undefined", "React", "forwardRef", "Card", "arrayMove", "swapItems", "items", "from", "to", "fromIndex", "findIndex", "item", "id", "toIndex", "arrayMove", "SEPARATOR", "Path", "create", "args", "join", "parts", "path", "split", "length", "first", "last", "at", "parent", "slice", "hasRoot", "id", "hasChild", "compare", "hasDescendent", "startsWith", "siblings", "onPath", "includes", "isTileProps", "props", "path", "item", "id", "isTileComponentProps", "operation", "MosaicOperations", "includes", "CSS", "getTransformCSS", "transform", "CSS", "Transform", "toString", "Object", "assign", "scaleX", "scaleY", "undefined", "DefaultComponent", "forwardRef", "draggableStyle", "draggableProps", "item", "id", "path", "React", "Card", "Root", "ref", "style", "Header", "DragHandle", "Title", "title", "Path", "create", "classNames", "displayName", "DEFAULT_COMPONENT_ID", "MosaicContext", "createContext", "undefined", "MosaicRoot", "Component", "DefaultComponent", "debug", "children", "containers", "setContainers", "useState", "id", "handleSetContainer", "container", "_", "rest", "activeItem", "setActiveItem", "overItem", "setOverItem", "operation", "setOperation", "collisionDetection", "args", "pointerCollisions", "pointerWithin", "length", "rectIntersection", "modifiers", "props", "transform", "Path", "first", "path", "modifier", "sensors", "useSensors", "useSensor", "MouseSensor", "activationConstraint", "distance", "TouchSensor", "delay", "tolerance", "KeyboardSensor", "coordinateGetter", "sortableKeyboardCoordinates", "handleDragStart", "event", "pick", "active", "data", "current", "handleDragMove", "handleDragOver", "over", "item", "activeContainer", "overContainer", "parent", "onOver", "handleDragCancel", "handleDragEnd", "position", "onDrop", "setTimeout", "transitionDuration", "DEFAULT_TRANSITION", "React", "Provider", "value", "setContainer", "DndContext", "cancelDrop", "onDragStart", "onDragMove", "onDragOver", "onDragCancel", "onDragEnd", "createPortal", "MosaicDebug", "document", "body", "Debug", "Object", "keys", "map", "slice", "create", "parts", "part", "type", "useMosaic", "useContext", "MosaicContext", "raise", "Error", "useItemsWithPreview", "path", "items", "operation", "activeItem", "overItem", "useMosaic", "itemsWithPreview", "setItemsWithPreview", "useState", "overParent", "Path", "parent", "lastOverParent", "setLastOverParent", "useEffect", "undefined", "activeIsChild", "hasChild", "overIsChild", "overSelf", "position", "slice", "item", "filter", "id", "length", "useItemsWithOrigin", "path", "items", "operation", "activeItem", "overItem", "useMosaic", "activeIsChild", "Path", "hasChild", "overIsChild", "map", "item", "id", "DragOverlay", "React", "Component", "useEffect", "useRef", "useState", "MosaicDragOverlay", "delay", "debug", "overlayProps", "containers", "operation", "activeItem", "overItem", "useMosaic", "state", "setState", "useState", "timer", "useRef", "useEffect", "container", "OverlayComponent", "path", "Path", "first", "Component", "DefaultComponent", "clearTimeout", "current", "setTimeout", "FallbackComponent", "React", "DragOverlay", "adjustScale", "style", "getOverlayStyle", "OverlayErrorBoundary", "fallback", "getOverlayProps", "item", "active", "type", "div", "className", "span", "id", "slice", "constructor", "props", "error", "p", "String", "getDerivedStateFromError", "componentDidCatch", "info", "console", "warn", "render", "children", "SortableContext", "horizontalListSortingStrategy", "verticalListSortingStrategy", "React", "MosaicSortableContext", "id", "items", "direction", "children", "operation", "activeItem", "overItem", "useMosaic", "container", "useContainer", "contextId", "Sortable", "Column", "Row", "ids", "map", "item", "path", "Path", "create", "isPreview", "siblings", "hasChild", "React", "SortableContext", "strategy", "verticalListSortingStrategy", "horizontalListSortingStrategy", "useDraggable", "useDroppable", "defaultAnimateLayoutChanges", "useSortable", "React", "DraggableTile", "path", "parentPath", "type", "DEFAULT_TYPE", "item", "Component", "DefaultComponent", "position", "draggableStyle", "props", "operation", "useMosaic", "Path", "create", "id", "setNodeRef", "attributes", "listeners", "isDragging", "useDraggable", "data", "React", "ref", "draggableProps", "DroppableTile", "isOver", "useDroppable", "SortableTile", "OverrideComponent", "activeItem", "overItem", "transitionDuration", "ContainerComponent", "useContainer", "isPreview", "siblings", "hasChild", "transform", "useSortable", "animateLayoutChanges", "args", "defaultAnimateLayoutChanges", "wasDragging", "active", "parent", "getTransformCSS", "transition", "Mosaic", "Root", "MosaicRoot", "Container", "MosaicContainer", "DragOverlay", "MosaicDragOverlay", "SortableContext", "MosaicSortableContext", "DraggableTile", "DroppableTile", "SortableTile", "DefaultComponent", "Debug"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx":{"bytes":9235,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useContainer.ts":{"bytes":1270,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"../Container"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/Debug.tsx":{"bytes":2101,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/data.ts":{"bytes":2029,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/path.ts":{"bytes":3427,"imports":[],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/props.ts":{"bytes":2128,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"../Container"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/styles.ts":{"bytes":1464,"imports":[{"path":"@dnd-kit/utilities","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts":{"bytes":714,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/data.ts","kind":"import-statement","original":"./data"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/path.ts","kind":"import-statement","original":"./path"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/props.ts","kind":"import-statement","original":"./props"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/styles.ts","kind":"import-statement","original":"./styles"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx":{"bytes":2916,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-card","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/Root.tsx":{"bytes":26302,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"lodash.pick","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"./Container"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Debug.tsx","kind":"import-statement","original":"./Debug"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx","kind":"import-statement","original":"./DefaultComponent"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts":{"bytes":1191,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Root.tsx","kind":"import-statement","original":"../Root"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithPreview.ts":{"bytes":9142,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts","kind":"import-statement","original":"./useMosaic"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithOrigin.ts":{"bytes":3646,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts","kind":"import-statement","original":"./useMosaic"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts":{"bytes":814,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useContainer.ts","kind":"import-statement","original":"./useContainer"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithPreview.ts","kind":"import-statement","original":"./useItemsWithPreview"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithOrigin.ts","kind":"import-statement","original":"./useItemsWithOrigin"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts","kind":"import-statement","original":"./useMosaic"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/types.ts":{"bytes":1040,"imports":[],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/DragOverlay.tsx":{"bytes":14606,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx","kind":"import-statement","original":"./DefaultComponent"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/SortableContext.tsx":{"bytes":6845,"imports":[{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/Tile.tsx":{"bytes":17528,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"./Container"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx","kind":"import-statement","original":"./DefaultComponent"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/Mosaic.ts":{"bytes":5852,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"./Container"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Debug.tsx","kind":"import-statement","original":"./Debug"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx","kind":"import-statement","original":"./DefaultComponent"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DragOverlay.tsx","kind":"import-statement","original":"./DragOverlay"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Root.tsx","kind":"import-statement","original":"./Root"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/SortableContext.tsx","kind":"import-statement","original":"./SortableContext"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Tile.tsx","kind":"import-statement","original":"./Tile"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/index.ts":{"bytes":714,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Mosaic.ts","kind":"import-statement","original":"./Mosaic"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/index.ts":{"bytes":465,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/index.ts","kind":"import-statement","original":"./mosaic"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-mosaic/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":56944},"packages/ui/react-ui-mosaic/dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"lodash.pick","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-card","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["Mosaic","Path","getTransformCSS","isTileComponentProps","isTileProps","swapItems","useContainer","useItemsWithOrigin","useItemsWithPreview","useMosaic"],"entryPoint":"packages/ui/react-ui-mosaic/src/index.ts","inputs":{"packages/ui/react-ui-mosaic/src/mosaic/hooks/useContainer.ts":{"bytesInOutput":97},"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx":{"bytesInOutput":958},"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithPreview.ts":{"bytesInOutput":2023},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts":{"bytesInOutput":183},"packages/ui/react-ui-mosaic/src/mosaic/Root.tsx":{"bytesInOutput":5601},"packages/ui/react-ui-mosaic/src/mosaic/Debug.tsx":{"bytesInOutput":442},"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx":{"bytesInOutput":645},"packages/ui/react-ui-mosaic/src/mosaic/util/data.ts":{"bytesInOutput":306},"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-mosaic/src/mosaic/util/path.ts":{"bytesInOutput":678},"packages/ui/react-ui-mosaic/src/mosaic/util/props.ts":{"bytesInOutput":318},"packages/ui/react-ui-mosaic/src/mosaic/util/styles.ts":{"bytesInOutput":180},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithOrigin.ts":{"bytesInOutput":594},"packages/ui/react-ui-mosaic/src/mosaic/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-mosaic/src/mosaic/DragOverlay.tsx":{"bytesInOutput":3324},"packages/ui/react-ui-mosaic/src/mosaic/SortableContext.tsx":{"bytesInOutput":1191},"packages/ui/react-ui-mosaic/src/mosaic/Tile.tsx":{"bytesInOutput":3297},"packages/ui/react-ui-mosaic/src/mosaic/Mosaic.ts":{"bytesInOutput":383},"packages/ui/react-ui-mosaic/src/index.ts":{"bytesInOutput":0}},"bytes":21693}}}
+{"inputs":{"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx":{"bytes":9379,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useContainer.ts":{"bytes":1270,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"../Container"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/Debug.tsx":{"bytes":2101,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/data.ts":{"bytes":2029,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/path.ts":{"bytes":3427,"imports":[],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/props.ts":{"bytes":2128,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"../Container"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/styles.ts":{"bytes":1464,"imports":[{"path":"@dnd-kit/utilities","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts":{"bytes":714,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/data.ts","kind":"import-statement","original":"./data"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/path.ts","kind":"import-statement","original":"./path"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/props.ts","kind":"import-statement","original":"./props"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/styles.ts","kind":"import-statement","original":"./styles"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx":{"bytes":2916,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-card","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/Root.tsx":{"bytes":26052,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"lodash.pick","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"./Container"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Debug.tsx","kind":"import-statement","original":"./Debug"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx","kind":"import-statement","original":"./DefaultComponent"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts":{"bytes":1191,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Root.tsx","kind":"import-statement","original":"../Root"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithPreview.ts":{"bytes":9142,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts","kind":"import-statement","original":"./useMosaic"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithOrigin.ts":{"bytes":3646,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts","kind":"import-statement","original":"./useMosaic"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts":{"bytes":814,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useContainer.ts","kind":"import-statement","original":"./useContainer"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithPreview.ts","kind":"import-statement","original":"./useItemsWithPreview"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithOrigin.ts","kind":"import-statement","original":"./useItemsWithOrigin"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts","kind":"import-statement","original":"./useMosaic"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/types.ts":{"bytes":1040,"imports":[],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/DragOverlay.tsx":{"bytes":14606,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx","kind":"import-statement","original":"./DefaultComponent"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/SortableContext.tsx":{"bytes":6845,"imports":[{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/Tile.tsx":{"bytes":17552,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"./Container"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx","kind":"import-statement","original":"./DefaultComponent"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/Mosaic.ts":{"bytes":5924,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx","kind":"import-statement","original":"./Container"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Debug.tsx","kind":"import-statement","original":"./Debug"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx","kind":"import-statement","original":"./DefaultComponent"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/DragOverlay.tsx","kind":"import-statement","original":"./DragOverlay"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Root.tsx","kind":"import-statement","original":"./Root"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/SortableContext.tsx","kind":"import-statement","original":"./SortableContext"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Tile.tsx","kind":"import-statement","original":"./Tile"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/mosaic/index.ts":{"bytes":714,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts","kind":"import-statement","original":"./util"},{"path":"packages/ui/react-ui-mosaic/src/mosaic/Mosaic.ts","kind":"import-statement","original":"./Mosaic"}],"format":"esm"},"packages/ui/react-ui-mosaic/src/index.ts":{"bytes":465,"imports":[{"path":"packages/ui/react-ui-mosaic/src/mosaic/index.ts","kind":"import-statement","original":"./mosaic"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-mosaic/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":57033},"packages/ui/react-ui-mosaic/dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"lodash.pick","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-card","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["Mosaic","Path","getTransformCSS","isTileComponentProps","isTileProps","swapItems","useContainer","useItemsWithOrigin","useItemsWithPreview","useMosaic"],"entryPoint":"packages/ui/react-ui-mosaic/src/index.ts","inputs":{"packages/ui/react-ui-mosaic/src/mosaic/hooks/useContainer.ts":{"bytesInOutput":97},"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx":{"bytesInOutput":958},"packages/ui/react-ui-mosaic/src/mosaic/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithPreview.ts":{"bytesInOutput":2023},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useMosaic.ts":{"bytesInOutput":183},"packages/ui/react-ui-mosaic/src/mosaic/Root.tsx":{"bytesInOutput":5547},"packages/ui/react-ui-mosaic/src/mosaic/Debug.tsx":{"bytesInOutput":442},"packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx":{"bytesInOutput":645},"packages/ui/react-ui-mosaic/src/mosaic/util/data.ts":{"bytesInOutput":306},"packages/ui/react-ui-mosaic/src/mosaic/util/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-mosaic/src/mosaic/util/path.ts":{"bytesInOutput":678},"packages/ui/react-ui-mosaic/src/mosaic/util/props.ts":{"bytesInOutput":318},"packages/ui/react-ui-mosaic/src/mosaic/util/styles.ts":{"bytesInOutput":180},"packages/ui/react-ui-mosaic/src/mosaic/hooks/useItemsWithOrigin.ts":{"bytesInOutput":594},"packages/ui/react-ui-mosaic/src/mosaic/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-mosaic/src/mosaic/DragOverlay.tsx":{"bytesInOutput":3324},"packages/ui/react-ui-mosaic/src/mosaic/SortableContext.tsx":{"bytesInOutput":1191},"packages/ui/react-ui-mosaic/src/mosaic/Tile.tsx":{"bytesInOutput":3297},"packages/ui/react-ui-mosaic/src/mosaic/Mosaic.ts":{"bytesInOutput":383},"packages/ui/react-ui-mosaic/src/index.ts":{"bytesInOutput":0}},"bytes":21639}}}

package/dist/types/src/mosaic/Container.d.ts

@@ -1,5 +1,6 @@
 import { type Modifier } from '@dnd-kit/core';
 import React, { type CSSProperties, type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
 import { type MosaicTileComponent } from './Tile';
 import { type MosaicDataItem, type MosaicDraggedItem } from './types';
 type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
@@ -10,6 +11,7 @@ export declare const DEFAULT_TYPE = "unknown";
 export type MosaicTileOverlayProps = {
     grow?: boolean;
     debug?: boolean;
+    itemContext?: Record<string, unknown>;
 };
 /**
  * Possible operations when dropping a tile.
@@ -28,7 +30,7 @@ export type MosaicMoveEvent<TPosition = unknown> = {
 export type MosaicDropEvent<TPosition = unknown> = MosaicMoveEvent<TPosition> & {
     operation: MosaicOperation;
 };
-export type MosaicContainerProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = Pick<HTMLAttributes<HTMLDivElement>, 'className'> & PropsWithChildren<{
+export type MosaicContainerProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = ThemedClassName<Omit<HTMLAttributes<HTMLElement>, 'onDrop'>> & PropsWithChildren<{
     id: string;
     debug?: boolean;
     /**

package/dist/types/src/mosaic/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Container.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,EAGZ,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAElD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGtE,KAAK,oBAAoB,CAAC,IAAI,EAAE,GAAG,SAAS,MAAM,IAAI,IAAI,IAAI,GAAG;KAC9D,QAAQ,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,YAAY,YAAY,CAAC;AAEtC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;;;;GAOG;AAEH,eAAO,MAAM,gBAAgB,sDAAuD,CAAC;AACrF,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,eAAe,CAAC,SAAS,GAAG,OAAO,IAAI;IACjD,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,SAAS,GAAG,OAAO,IAAI,eAAe,CAAC,SAAS,CAAC,GAAG;IAC9E,SAAS,EAAE,eAAe,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,EAAE,SAAS,GAAG,OAAO,IAAI,IAAI,CACzG,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,CACZ,GACC,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IAGX,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE5C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,UAAU,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE1G;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,sBAAsB,CAAC;IAE/C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,aAAa,CAAC;IAEtC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,eAAe,CAAC;IAEhE;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;CACtD,CAAC,CAAC;AAEL,MAAM,MAAM,0BAA0B,CACpC,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,SAAS,GAAG,OAAO,IACjB,oBAAoB,CAAC,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3F,eAAO,MAAM,sBAAsB,yDAGjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,8HAYzB,oBAAoB,gBAwBtB,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Container.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/mosaic/Mosaic.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import { type FC, type RefAttributes } from 'react';
 import { type MosaicContainerProps as NaturalMosaicContainerProps, type MosaicMoveEvent as NaturalMosaicMoveEvent, type MosaicDropEvent as NaturalMosaicDropEvent, type MosaicOperation as NaturalMosaicOperation } from './Container';
 import { type DebugProps } from './Debug';
 import { type MosaicDragOverlayProps } from './DragOverlay';
@@ -12,7 +12,7 @@ export declare const Mosaic: {
     DragOverlay: FC<MosaicOverlayProps>;
     SortableContext: FC<MosaicSortableProps>;
     DraggableTile: FC<MosaicTileProps<any, any>>;
-    DroppableTile: FC<MosaicTileProps<any, any>>;
+    DroppableTile: FC<RefAttributes<HTMLDivElement> & MosaicTileProps<any, any>>;
     SortableTile: FC<MosaicTileProps<any, number>>;
     DefaultComponent: MosaicTileComponent<MosaicDataItem, HTMLDivElement>;
     Debug: FC<MosaicDebugProps>;

package/dist/types/src/mosaic/Mosaic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mosaic.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Mosaic.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAEL,KAAK,oBAAoB,IAAI,2BAA2B,EACxD,KAAK,eAAe,IAAI,sBAAsB,EAC9C,KAAK,eAAe,IAAI,sBAAsB,EAC9C,KAAK,eAAe,IAAI,sBAAsB,EAC/C,MAAM,aAAa,CAAC;AACrB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAc,KAAK,eAAe,IAAI,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AACpF,OAAO,EAAyB,KAAK,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAClH,OAAO,EAIL,KAAK,gBAAgB,IAAI,uBAAuB,EAChD,KAAK,eAAe,IAAI,sBAAsB,EAC9C,KAAK,mBAAmB,IAAI,0BAA0B,EACtD,KAAK,gBAAgB,IAAI,uBAAuB,EACjD,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,MAAM;UAcX,GAAG,eAAe,CAAC;eACd,GAAG,qBAAqB,GAAG,EAAE,GAAG,CAAC,CAAC;iBAChC,GAAG,kBAAkB,CAAC;qBAClB,GAAG,mBAAmB,CAAC;mBACzB,GAAG,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;mBAC7B,GAAG,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;kBAC9B,GAAG,gBAAgB,GAAG,EAAE,MAAM,CAAC,CAAC;;WAGvC,GAAG,gBAAgB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC;AAErD,MAAM,MAAM,oBAAoB,CAC9B,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,SAAS,GAAG,OAAO,IACjB,2BAA2B,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG,0BAA0B,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AAEvD,MAAM,MAAM,eAAe,CACzB,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,SAAS,GAAG,OAAO,IACjB,sBAAsB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAE7C,MAAM,MAAM,mBAAmB,CAC7B,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,QAAQ,SAAS,WAAW,GAAG,cAAc,IAC3C,0BAA0B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAEhD,MAAM,MAAM,eAAe,CAAC,SAAS,GAAG,OAAO,IAAI,sBAAsB,CAAC,SAAS,CAAC,CAAC;AACrF,MAAM,MAAM,eAAe,CAAC,SAAS,GAAG,OAAO,IAAI,sBAAsB,CAAC,SAAS,CAAC,CAAC;AACrF,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AAGvD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Mosaic.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Mosaic.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAEL,KAAK,oBAAoB,IAAI,2BAA2B,EACxD,KAAK,eAAe,IAAI,sBAAsB,EAC9C,KAAK,eAAe,IAAI,sBAAsB,EAC9C,KAAK,eAAe,IAAI,sBAAsB,EAC/C,MAAM,aAAa,CAAC;AACrB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAc,KAAK,eAAe,IAAI,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AACpF,OAAO,EAAyB,KAAK,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAClH,OAAO,EAIL,KAAK,gBAAgB,IAAI,uBAAuB,EAChD,KAAK,eAAe,IAAI,sBAAsB,EAC9C,KAAK,mBAAmB,IAAI,0BAA0B,EACtD,KAAK,gBAAgB,IAAI,uBAAuB,EACjD,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,MAAM;UAcX,GAAG,eAAe,CAAC;eACd,GAAG,qBAAqB,GAAG,EAAE,GAAG,CAAC,CAAC;iBAChC,GAAG,kBAAkB,CAAC;qBAClB,GAAG,mBAAmB,CAAC;mBACzB,GAAG,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;mBAC7B,GAAG,cAAc,cAAc,CAAC,GAAG,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;kBAC9D,GAAG,gBAAgB,GAAG,EAAE,MAAM,CAAC,CAAC;;WAGvC,GAAG,gBAAgB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC;AAErD,MAAM,MAAM,oBAAoB,CAC9B,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,SAAS,GAAG,OAAO,IACjB,2BAA2B,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG,0BAA0B,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AAEvD,MAAM,MAAM,eAAe,CACzB,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,SAAS,GAAG,OAAO,IACjB,sBAAsB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAE7C,MAAM,MAAM,mBAAmB,CAC7B,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,QAAQ,SAAS,WAAW,GAAG,cAAc,IAC3C,0BAA0B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAEhD,MAAM,MAAM,eAAe,CAAC,SAAS,GAAG,OAAO,IAAI,sBAAsB,CAAC,SAAS,CAAC,CAAC;AACrF,MAAM,MAAM,eAAe,CAAC,SAAS,GAAG,OAAO,IAAI,sBAAsB,CAAC,SAAS,CAAC,CAAC;AACrF,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AAGvD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC"}

package/dist/types/src/mosaic/Root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Root.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAiB,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAGxF,OAAO,EAAsB,KAAK,oBAAoB,EAAwB,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGxH,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IAClE,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC1E,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACxC,SAAS,EAAE,eAAe,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,8CAA0D,CAAC;AAErF,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0K1C,CAAC"}
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Root.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAiB,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAGxF,OAAO,EAAsB,KAAK,oBAAoB,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGlG,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IAClE,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC1E,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACxC,SAAS,EAAE,eAAe,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,8CAA0D,CAAC;AAErF,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwK1C,CAAC"}

package/dist/types/src/mosaic/Tile.d.ts

@@ -1,5 +1,6 @@
 import { type DraggableAttributes } from '@dnd-kit/core';
 import type { CSSProperties, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
 import { type MosaicOperation, type MosaicTileOverlayProps } from './Container';
 import type { MosaicDataItem } from './types';
 export type MosaicActiveType = 'overlay' | 'rearrange' | 'origin' | 'destination';
@@ -11,7 +12,7 @@ export type MosaicTileAction = {
 /**
  * Props passed to mosaic tile.
  */
-export type MosaicTileProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = Pick<HTMLAttributes<HTMLDivElement>, 'className'> & MosaicTileOverlayProps & {
+export type MosaicTileProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = ThemedClassName<{}> & MosaicTileOverlayProps & {
     path: string;
     item: TData;
     Component?: MosaicTileComponent<TData, any>;

package/dist/types/src/mosaic/Tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAA8B,MAAM,eAAe,CAAC;AAGrF,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAErG,OAAO,EAAgB,KAAK,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG9F,OAAO,KAAK,EAAE,cAAc,EAAqB,MAAM,SAAS,CAAC;AAGjE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAC;AAGlF,MAAM,MAAM,gBAAgB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,EAAE,SAAS,GAAG,OAAO,IAAI,IAAI,CACpG,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,CACZ,GACC,sBAAsB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAG1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,cAAc,CAAC,EAAE,mBAAmB,GAElC,cAAc,CAAC,WAAW,CAAC,CAAC;IAG9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEJ,MAAM,MAAM,wBAAwB,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,IAAI,IAAI,CACxF,eAAe,CAAC,KAAK,CAAC,EACtB,WAAW,GAAG,WAAW,CAC1B,GAAG;IAAE,SAAS,EAAE,eAAe,CAAA;CAAE,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAC7B,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,QAAQ,SAAS,WAAW,GAAG,cAAc,IAC3C,yBAAyB,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;AAEzF;;GAEG;AACH,eAAO,MAAM,aAAa,oFAQvB,gBAAgB,GAAG,CAAC,gBA0BtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,oEAOvB,gBAAgB,GAAG,CAAC,gBAuBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,uGAQtB,gBAAgB,GAAG,EAAE,MAAM,CAAC,gBAuD9B,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAA8B,MAAM,eAAe,CAAC;AAGrF,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAErG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAgB,KAAK,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG9F,OAAO,KAAK,EAAE,cAAc,EAAqB,MAAM,SAAS,CAAC;AAGjE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAC;AAGlF,MAAM,MAAM,gBAAgB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,EAAE,SAAS,GAAG,OAAO,IAAI,eAAe,CAAC,EAAE,CAAC,GACnH,sBAAsB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAG1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,cAAc,CAAC,EAAE,mBAAmB,GAElC,cAAc,CAAC,WAAW,CAAC,CAAC;IAG9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEJ,MAAM,MAAM,wBAAwB,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,IAAI,IAAI,CACxF,eAAe,CAAC,KAAK,CAAC,EACtB,WAAW,GAAG,WAAW,CAC1B,GAAG;IAAE,SAAS,EAAE,eAAe,CAAA;CAAE,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAC7B,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,QAAQ,SAAS,WAAW,GAAG,cAAc,IAC3C,yBAAyB,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;AAEzF;;GAEG;AACH,eAAO,MAAM,aAAa,oFAQvB,gBAAgB,GAAG,CAAC,gBA0BtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,oEAOvB,gBAAgB,GAAG,CAAC,gBAuBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,uGAQtB,gBAAgB,GAAG,EAAE,MAAM,CAAC,gBAuD9B,CAAC"}

package/dist/types/src/views/Demo/Echo.stories.d.ts

@@ -1,10 +1,6 @@
-import React from 'react';
-import { type PublicKey } from '@dxos/react-client';
 declare const _default: {
     title: string;
-    render: React.FC<{
-        spaceKey: PublicKey;
-    }>;
+    render: () => JSX.Element;
     decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];
 };
 export default _default;

package/dist/types/src/views/Demo/Echo.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Demo/Echo.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;;;;;;;;AAoCpD,wBA4BE;AAIF,eAAO,MAAM,IAAI,IAAK,CAAC"}
+{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Demo/Echo.stories.tsx"],"names":[],"mappings":";;;;;AA2CA,wBA4BE;AAIF,eAAO,MAAM,IAAI,IAAK,CAAC"}

package/dist/types/src/views/Grid/Grid.d.ts

@@ -12,7 +12,7 @@ type GridOptions = {
 export type GridLayout = {
     [id: string]: Position;
 };
-export type GridProps<TData extends MosaicDataItem = MosaicDataItem> = MosaicContainerProps<TData, Position> & ControlledSelection & {
+export type GridProps<TData extends MosaicDataItem = MosaicDataItem> = Omit<MosaicContainerProps<TData, Position>, 'onSelect'> & ControlledSelection & {
     items?: TData[];
     layout?: GridLayout;
     options?: Partial<GridOptions>;
@@ -25,6 +25,6 @@ export type GridProps<TData extends MosaicDataItem = MosaicDataItem> = MosaicCon
 /**
  * Grid content.
  */
-export declare const Grid: ({ id, items, layout, options: opts, margin, square, debug, selected: controlledSelected, Component, className, onDrop, onOver, onSelect, onCreate, onAction, }: GridProps) => JSX.Element;
+export declare const Grid: ({ id, items, layout, options: opts, margin, square, debug, selected: controlledSelected, Component, classNames, onDrop, onOver, onSelect, onCreate, onAction, }: GridProps) => JSX.Element;
 export {};
 //# sourceMappingURL=Grid.d.ts.map

package/dist/types/src/views/Grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/views/Grid/Grid.tsx"],"names":[],"mappings":"AAaA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,IAAI,EACV,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAItB,MAAM,cAAc,CAAC;AAOtB,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAMF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAYF,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,EAAE,EAAE,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAC;AAEpD,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,IAAI,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,GAC1G,mBAAmB,GAAG;IACpB,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEJ;;GAEG;AAEH,eAAO,MAAM,IAAI,mKAgBd,SAAS,gBAoHX,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/views/Grid/Grid.tsx"],"names":[],"mappings":"AAaA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,IAAI,EACV,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAItB,MAAM,cAAc,CAAC;AAOtB,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAMF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAYF,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,EAAE,EAAE,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAC;AAEpD,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,IAAI,IAAI,CACzE,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,EACrC,UAAU,CACX,GACC,mBAAmB,GAAG;IACpB,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEJ;;GAEG;AAEH,eAAO,MAAM,IAAI,oKAgBd,SAAS,gBAoHX,CAAC"}

package/dist/types/src/views/Grid/Grid.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import '@dxosTheme';
 declare const _default: {
-    component: ({ id, items, layout, options: opts, margin, square, debug, selected: controlledSelected, Component, className, onDrop, onOver, onSelect, onCreate, onAction, }: import("./Grid").GridProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
+    component: ({ id, items, layout, options: opts, margin, square, debug, selected: controlledSelected, Component, classNames, onDrop, onOver, onSelect, onCreate, onAction, }: import("./Grid").GridProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
     render: () => JSX.Element;
     decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];
     parameters: {

package/dist/types/src/views/Grid/testing.d.ts

@@ -6,5 +6,5 @@ export type DemoGridProps = GridProps & {
     types?: string[];
     debug?: boolean;
 };
-export declare const DemoGrid: ({ id, options, Component, initialItems, initialLayout, types, debug, className, }: DemoGridProps) => JSX.Element;
+export declare const DemoGrid: ({ id, options, Component, initialItems, initialLayout, types, debug, classNames, }: DemoGridProps) => JSX.Element;
 //# sourceMappingURL=testing.d.ts.map

package/dist/types/src/views/Grid/testing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../../src/views/Grid/testing.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,cAAc,CAAC;AAGzE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,sFASlB,aAAa,gBA8Df,CAAC"}
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../../src/views/Grid/testing.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,cAAc,CAAC;AAGzE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,uFASlB,aAAa,gBA8Df,CAAC"}

package/dist/types/src/views/Kanban/Echo.stories.d.ts

@@ -1,13 +1,8 @@
 /// <reference types="react" />
-import { type PublicKey } from '@dxos/react-client';
 declare const _default: {
     title: string;
     component: ({ id, columns, Component: TileComponent, debug, onDrop, }: import("./Kanban").KanbanProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
-    render: ({ basePath, spaceKey, debug, }: {
-        basePath: string;
-        spaceKey: PublicKey;
-        debug: boolean;
-    }) => JSX.Element;
+    render: () => JSX.Element;
     decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];
     parameters: {
         layout: string;

package/dist/types/src/views/Kanban/Echo.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Echo.stories.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;;;;;kBAqBtC,MAAM;kBACN,SAAS;eACZ,OAAO;;;;;;;AAXlB,wBAgDE;AAEF,eAAO,MAAM,IAAI,IAAK,CAAC"}
+{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Echo.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAoCA,wBAgCE;AAEF,eAAO,MAAM,IAAI,IAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-mosaic",
-  "version": "0.3.10-main.3645708",
+  "version": "0.3.10-main.396fa89",
   "description": "An intermediate interface for drag-and-drop interactions.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -25,14 +25,14 @@
     "lodash.defaultsdeep": "^4.6.1",
     "lodash.pick": "^4.4.0",
     "react-resize-detector": "^7.1.2",
-    "@dxos/debug": "0.3.10-main.3645708",
-    "@dxos/invariant": "0.3.10-main.3645708",
-    "@dxos/keys": "0.3.10-main.3645708",
-    "@dxos/react-ui": "0.3.10-main.3645708",
-    "@dxos/react-ui-card": "0.3.10-main.3645708",
-    "@dxos/util": "0.3.10-main.3645708",
-    "@dxos/react-ui-theme": "0.3.10-main.3645708",
-    "@dxos/react-ui-types": "0.3.10-main.3645708"
+    "@dxos/debug": "0.3.10-main.396fa89",
+    "@dxos/invariant": "0.3.10-main.396fa89",
+    "@dxos/keys": "0.3.10-main.396fa89",
+    "@dxos/react-ui": "0.3.10-main.396fa89",
+    "@dxos/react-ui-card": "0.3.10-main.396fa89",
+    "@dxos/react-ui-theme": "0.3.10-main.396fa89",
+    "@dxos/react-ui-types": "0.3.10-main.396fa89",
+    "@dxos/util": "0.3.10-main.396fa89"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.0.2",
@@ -47,11 +47,11 @@
     "react-dom": "^18.2.0",
     "vite": "^4.3.9",
     "vite-plugin-turbosnap": "^1.0.2",
-    "@dxos/app-graph": "0.3.10-main.3645708",
-    "@dxos/echo-schema": "0.3.10-main.3645708",
-    "@dxos/gem-core": "0.3.10-main.3645708",
-    "@dxos/react-client": "0.3.10-main.3645708",
-    "@dxos/storybook-utils": "0.3.10-main.3645708"
+    "@dxos/app-graph": "0.3.10-main.396fa89",
+    "@dxos/echo-schema": "0.3.10-main.396fa89",
+    "@dxos/gem-core": "0.3.10-main.396fa89",
+    "@dxos/react-client": "0.3.10-main.396fa89",
+    "@dxos/storybook-utils": "0.3.10-main.396fa89"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",

package/src/mosaic/Container.tsx

@@ -11,6 +11,8 @@ import React, {
   type PropsWithChildren,
 } from 'react';
 
+import { type ThemedClassName } from '@dxos/react-ui';
+
 import { type MosaicTileComponent } from './Tile';
 import { useMosaic } from './hooks';
 import { type MosaicDataItem, type MosaicDraggedItem } from './types';
@@ -26,6 +28,7 @@ export const DEFAULT_TYPE = 'unknown';
 export type MosaicTileOverlayProps = {
   grow?: boolean;
   debug?: boolean;
+  itemContext?: Record<string, unknown>;
 };
 
 /**
@@ -49,9 +52,8 @@ export type MosaicDropEvent<TPosition = unknown> = MosaicMoveEvent<TPosition> &
   operation: MosaicOperation;
 };
 
-export type MosaicContainerProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = Pick<
-  HTMLAttributes<HTMLDivElement>,
-  'className'
+export type MosaicContainerProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = ThemedClassName<
+  Omit<HTMLAttributes<HTMLElement>, 'onDrop'>
 > &
   PropsWithChildren<{
     id: string;

package/src/mosaic/Mosaic.ts

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type FC } from 'react';
+import { type FC, type RefAttributes } from 'react';
 
 import {
   MosaicContainer,
@@ -46,7 +46,7 @@ export const Mosaic = {
   DragOverlay: FC<MosaicOverlayProps>;
   SortableContext: FC<MosaicSortableProps>;
   DraggableTile: FC<MosaicTileProps<any, any>>;
-  DroppableTile: FC<MosaicTileProps<any, any>>;
+  DroppableTile: FC<RefAttributes<HTMLDivElement> & MosaicTileProps<any, any>>;
   SortableTile: FC<MosaicTileProps<any, number>>;
 
   DefaultComponent: MosaicTileComponent;

package/src/mosaic/Root.tsx

@@ -24,7 +24,7 @@ import pick from 'lodash.pick';
 import React, { createContext, type FC, type PropsWithChildren, useState } from 'react';
 import { createPortal } from 'react-dom';
 
-import { DEFAULT_TRANSITION, type MosaicContainerProps, type MosaicMoveEvent, type MosaicOperation } from './Container';
+import { DEFAULT_TRANSITION, type MosaicContainerProps, type MosaicOperation } from './Container';
 import { Debug } from './Debug';
 import { DefaultComponent } from './DefaultComponent';
 import { type MosaicTileComponent } from './Tile';
@@ -144,6 +144,7 @@ export const MosaicRoot: FC<MosaicRootProps> = ({ Component = DefaultComponent,
     // If the over item is the same as the active item, do nothing.
     // This happens when moving between containers where a placeholder of itself is rendered where it will be dropped.
     if (overItem?.item?.id === activeItem?.item.id) {
+      setOverItem(overItem);
       return;
     }
 
@@ -155,17 +156,14 @@ export const MosaicRoot: FC<MosaicRootProps> = ({ Component = DefaultComponent,
       return;
     }
 
-    const onOver = ({ active, over }: MosaicMoveEvent) => {
-      if (Path.parent(active.path) === Path.parent(over.path)) {
-        return 'rearrange';
-      } else if (overContainer.onOver) {
-        return overContainer.onOver({ active, over });
-      } else {
-        return 'reject';
-      }
-    };
+    let operation: MosaicOperation = 'reject' as const;
+    if (Path.parent(activeItem.path) === Path.parent(overItem.path)) {
+      operation = 'rearrange' as const;
+    } else if (overContainer.onOver) {
+      operation = overContainer.onOver({ active: activeItem, over: overItem });
+    }
 
-    setOperation(onOver({ active: activeItem, over: overItem }));
+    setOperation(operation);
     setOverItem(overItem);
   };
 

package/src/mosaic/Tile.tsx

@@ -7,6 +7,8 @@ import { defaultAnimateLayoutChanges, useSortable } from '@dnd-kit/sortable';
 import React from 'react';
 import type { CSSProperties, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
 
+import { type ThemedClassName } from '@dxos/react-ui';
+
 import { DEFAULT_TYPE, type MosaicOperation, type MosaicTileOverlayProps } from './Container';
 import { DefaultComponent } from './DefaultComponent';
 import { useContainer, useMosaic } from './hooks';
@@ -21,10 +23,7 @@ export type MosaicTileAction = { id: string; action: string; data?: any };
 /**
  * Props passed to mosaic tile.
  */
-export type MosaicTileProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = Pick<
-  HTMLAttributes<HTMLDivElement>,
-  'className'
-> &
+export type MosaicTileProps<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = ThemedClassName<{}> &
   MosaicTileOverlayProps & {
     path: string;
     item: TData;

package/src/testing/Cards.tsx

@@ -16,7 +16,7 @@ export type SimpleCardProps = { id: string; title?: string; body?: string; image
 
 export const SimpleCard: MosaicTileComponent<SimpleCardProps> = forwardRef(
   (
-    { className, active, draggableStyle, draggableProps, item: { id, title }, path, position, grow, debug, onSelect },
+    { classNames, active, draggableStyle, draggableProps, item: { id, title }, path, position, grow, debug, onSelect },
     forwardRef,
   ) => {
     const full = !title;
@@ -25,10 +25,10 @@ export const SimpleCard: MosaicTileComponent<SimpleCardProps> = forwardRef(
         <Card.Root
           noPadding={full}
           classNames={mx(
-            className,
             'w-full snap-center',
             (active === 'origin' || active === 'rearrange') && 'opacity-0',
             active === 'destination' && 'opacity-20',
+            classNames,
           )}
           grow={grow}
         >
@@ -52,7 +52,7 @@ SimpleCard.displayName = 'SimpleCard';
 
 export const ComplexCard: MosaicTileComponent<SimpleCardProps> = forwardRef(
   (
-    { className, isDragging, draggableStyle, draggableProps, item: { id, title, body, image }, grow, debug, onSelect },
+    { classNames, isDragging, draggableStyle, draggableProps, item: { id, title, body, image }, grow, debug, onSelect },
     forwardRef,
   ) => {
     const full = !title;
@@ -60,7 +60,7 @@ export const ComplexCard: MosaicTileComponent<SimpleCardProps> = forwardRef(
       <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>
         <Card.Root
           noPadding={full}
-          classNames={mx(className, 'w-full snap-center', isDragging && 'opacity-20')}
+          classNames={mx('w-full snap-center', isDragging && 'opacity-20', classNames)}
           grow={grow}
         >
           <Card.Header floating={full} onDoubleClick={() => onSelect?.()}>

package/src/views/Demo/Demo.stories.tsx

@@ -34,10 +34,10 @@ export const Default = () => (
     <Mosaic.DragOverlay />
     <div className='flex grow overflow-hidden'>
       <div className='flex shrink-0 w-[280px] overflow-hidden'>
-        <DemoStack id='stack-1' Component={SimpleCard} types={types} debug={debug} className='p-2' />
+        <DemoStack id='stack-1' Component={SimpleCard} types={types} debug={debug} classNames='p-2' />
       </div>
       <div className='flex grow overflow-hidden bg-neutral-900'>
-        <DemoGrid id='grid-1' Component={ComplexCard} types={types} debug={debug} className='p-4' />
+        <DemoGrid id='grid-1' Component={ComplexCard} types={types} debug={debug} classNames='p-4' />
       </div>
       <div className='flex shrink-0 w-[280px] overflow-hidden bg-neutral-900'>
         <DemoStack id='stack-2' Component={ComplexCard} types={types} debug={debug} />
@@ -54,7 +54,7 @@ export const Tree = () => (
         <DemoTree id='tree-1' types={types} debug={debug} />
       </div>
       <div className='flex grow overflow-hidden'>
-        <DemoGrid id='grid-1' Component={ComplexCard} types={types} debug={debug} className='p-4 bg-neutral-900' />
+        <DemoGrid id='grid-1' Component={ComplexCard} types={types} debug={debug} classNames='p-4 bg-neutral-900' />
       </div>
       <div className='flex shrink-0 w-[280px] overflow-hidden bg-neutral-900'>
         <DemoStack id='stack-2' Component={ComplexCard} types={types} debug={debug} />
@@ -71,7 +71,7 @@ export const Kanban = () => (
         <DemoTree id='tree-1' types={types} debug={debug} />
       </div>
       <div className='flex grow overflow-hidden'>
-        <DemoKanban id='kanban-1' Component={SimpleCard} debug={debug} className='p-4' />
+        <DemoKanban id='kanban-1' Component={SimpleCard} debug={debug} classNames='p-4' />
       </div>
       <div className='flex shrink-0 w-[280px] overflow-hidden bg-neutral-900 pl-2'>
         <DemoStack id='stack-1' Component={ComplexCard} types={types} debug={debug} />

package/src/views/Demo/Echo.stories.tsx

@@ -7,7 +7,7 @@ import React, { type FC } from 'react';
 
 import { type PublicKey } from '@dxos/react-client';
 import { Expando } from '@dxos/react-client/echo';
-import { ClientSpaceDecorator } from '@dxos/react-client/testing';
+import { ClientRepeater } from '@dxos/react-client/testing';
 import { withTheme } from '@dxos/storybook-utils';
 
 import { Mosaic } from '../../mosaic';
@@ -43,12 +43,10 @@ const Story: FC<{ spaceKey: PublicKey }> = ({ spaceKey }) => {
 
 export default {
   title: 'Views/Demo',
-  render: Story,
-  decorators: [
-    withTheme,
-    FullscreenDecorator(),
-    ClientSpaceDecorator({
-      onCreateSpace: async (space) => {
+  render: () => (
+    <ClientRepeater
+      Component={Story}
+      onCreateSpace={async (space) => {
         const factory = generator.factories.project;
         const objects = [
           factory.schema,
@@ -66,9 +64,11 @@ export default {
 
         // TODO(burdon): Batch API.
         objects.forEach((object) => space.db.add(object));
-      },
-    }),
-  ],
+      }}
+      createSpace
+    />
+  ),
+  decorators: [withTheme, FullscreenDecorator()],
 };
 
 // TODO(wittjosiah): This currently has a bug where empty over events are fired when dragging from tree onto kanban.

package/src/views/Grid/Grid.tsx

@@ -62,7 +62,10 @@ const defaultGridOptions: GridOptions = {
 
 export type GridLayout = { [id: string]: Position };
 
-export type GridProps<TData extends MosaicDataItem = MosaicDataItem> = MosaicContainerProps<TData, Position> &
+export type GridProps<TData extends MosaicDataItem = MosaicDataItem> = Omit<
+  MosaicContainerProps<TData, Position>,
+  'onSelect'
+> &
   ControlledSelection & {
     items?: TData[];
     layout?: GridLayout;
@@ -88,7 +91,7 @@ export const Grid = ({
   debug,
   selected: controlledSelected,
   Component = Mosaic.DefaultComponent,
-  className,
+  classNames,
   onDrop,
   onOver,
   onSelect,
@@ -159,7 +162,7 @@ export const Grid = ({
         onOver,
       }}
     >
-      <div className={mx('flex grow overflow-auto', className)}>
+      <div className={mx('flex grow overflow-auto', classNames)}>
         {/* TODO(burdon): Tailwind classes aren't currently processed by labs. */}
         <div ref={containerRef} className={mx('grow overflow-auto snap-x md:snap-none snap-mandatory')}>
           <div className='group block relative' style={{ ...bounds, margin: marginSize }}>

package/src/views/Grid/testing.tsx

@@ -25,7 +25,7 @@ export const DemoGrid = ({
   initialLayout,
   types,
   debug,
-  className,
+  classNames,
 }: DemoGridProps) => {
   const [selected, setSelected] = useState<string>();
   const [items, setItems] = useState<MosaicDataItem[]>(
@@ -80,7 +80,7 @@ export const DemoGrid = ({
       layout={layout}
       options={options}
       Component={Component}
-      className={className}
+      classNames={classNames}
       debug={debug}
       selected={selected}
       onSelect={setSelected}

package/src/views/Kanban/Echo.stories.tsx

@@ -6,7 +6,7 @@ import React from 'react';
 
 import { type PublicKey } from '@dxos/react-client';
 import { Expando } from '@dxos/react-client/echo';
-import { ClientSpaceDecorator } from '@dxos/react-client/testing';
+import { ClientRepeater } from '@dxos/react-client/testing';
 import { withTheme } from '@dxos/storybook-utils';
 
 import { Kanban } from './Kanban';
@@ -16,31 +16,30 @@ import { FullscreenDecorator, TestObjectGenerator, range } from '../../testing';
 
 const generator = new TestObjectGenerator();
 
+const Story = ({
+  // TODO(wittjosiah): Can't use id because of ClientSpaceDecorator.
+  basePath = 'projects',
+  spaceKey,
+  debug,
+}: {
+  basePath: string;
+  spaceKey: PublicKey;
+  debug: boolean;
+}) => {
+  return (
+    <Mosaic.Root debug={debug}>
+      <Mosaic.DragOverlay />
+      <EchoKanban id={basePath} spaceKey={spaceKey} generator={generator} debug={debug} />
+    </Mosaic.Root>
+  );
+};
+
 export default {
   title: 'Views/Kanban',
   component: Kanban,
-  render: ({
-    // TODO(wittjosiah): Can't use id because of ClientSpaceDecorator.
-    basePath = 'projects',
-    spaceKey,
-    debug,
-  }: {
-    basePath: string;
-    spaceKey: PublicKey;
-    debug: boolean;
-  }) => {
-    return (
-      <Mosaic.Root debug={debug}>
-        <Mosaic.DragOverlay />
-        <EchoKanban id={basePath} spaceKey={spaceKey} generator={generator} debug={debug} />
-      </Mosaic.Root>
-    );
-  },
-  decorators: [
-    withTheme,
-    FullscreenDecorator(),
-    ClientSpaceDecorator({
-      onCreateSpace: async (space) => {
+  render: () => (
+    <ClientRepeater
+      onCreateSpace={async (space) => {
         const factory = generator.factories.project;
         const objects = [
           factory.schema,
@@ -58,9 +57,12 @@ export default {
 
         // TODO(burdon): Batch API.
         objects.forEach((object) => space.db.add(object));
-      },
-    }),
-  ],
+      }}
+      Component={Story}
+      createSpace
+    />
+  ),
+  decorators: [withTheme, FullscreenDecorator()],
   parameters: {
     layout: 'fullscreen',
   },

package/src/views/Kanban/Kanban.tsx

@@ -124,7 +124,7 @@ const KanbanColumnComponent: MosaicTileComponent<KanbanColumn> = forwardRef(
                     path={path}
                     position={index}
                     Component={Component!}
-                    className='m-1'
+                    classNames='m-1'
                     // debug={debug}
                   />
                 ))}

package/src/views/Stack/Stack.tsx

@@ -41,7 +41,7 @@ export const Stack = ({
                 item={item}
                 path={id}
                 position={index}
-                className='m-1'
+                classNames='m-1'
                 // debug={debug}
               />
             ))}

package/src/views/Tree/Tree.tsx

@@ -73,17 +73,17 @@ const TreeRoot = ({ items }: { items: TreeData[] }) => {
  * Pure component that is used by the mosaic overlay.
  */
 const TreeItem: MosaicTileComponent<TreeData> = forwardRef(
-  ({ path, draggableStyle, draggableProps, item, operation, active, isOver, isDragging, className }, forwardedRef) => {
+  ({ path, draggableStyle, draggableProps, item, operation, active, isOver, isDragging, classNames }, forwardedRef) => {
     return (
       <div
         ref={forwardedRef}
         style={draggableStyle}
         className={mx(
           'flex flex-col rounded',
-          className,
           (active === 'rearrange' || active === 'origin') && 'opacity-0',
           active === 'destination' && 'opacity-20',
           isOver && dropRing,
+          classNames,
         )}
       >
         <Card.Header>