@dxos/react-ui-mosaic 0.4.10-main.c5e8686 → 0.4.10-main.c685d5c

package/dist/lib/browser/index.mjs

@@ -2,9 +2,10 @@
 import { useContext } from "react";
 
 // packages/ui/react-ui-mosaic/src/mosaic/Container.tsx
-import React, { createContext, useEffect } from "react";
+import React, { createContext, useEffect, forwardRef } from "react";
 var DEFAULT_TRANSITION = 200;
 var DEFAULT_TYPE = "unknown";
+var DEFAULT_COMPONENT = /* @__PURE__ */ forwardRef(() => /* @__PURE__ */ React.createElement(React.Fragment, null, "missing component"));
 var MosaicOperations = [
   "transfer",
   "copy",
@@ -13,9 +14,10 @@ var MosaicOperations = [
 ];
 var MosaicContainerContext = /* @__PURE__ */ createContext({
   id: "never",
-  type: DEFAULT_TYPE
+  type: DEFAULT_TYPE,
+  Component: DEFAULT_COMPONENT
 });
-var MosaicContainer = ({ children, id, debug, type = DEFAULT_TYPE, Component: Component2, transitionDuration = DEFAULT_TRANSITION, modifier, getOverlayProps, getOverlayStyle, onOver, onDrop }) => {
+var MosaicContainer = ({ children, id, debug, type = DEFAULT_TYPE, Component: Component2 = DEFAULT_COMPONENT, transitionDuration = DEFAULT_TRANSITION, modifier, getOverlayProps, getOverlayStyle, onOver, onDrop }) => {
   const mosaic = useMosaic();
   const container = {
     id,
@@ -64,7 +66,7 @@ var Debug = ({ data, position }) => /* @__PURE__ */ React2.createElement("pre",
 }, JSON.stringify(data, void 0, 1));
 
 // packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx
-import React3, { forwardRef } from "react";
+import React3, { forwardRef as forwardRef2 } from "react";
 import { Card } from "@dxos/react-ui-card";
 
 // packages/ui/react-ui-mosaic/src/mosaic/util/data.ts
@@ -103,9 +105,9 @@ var getTransformCSS = (transform) => transform ? CSS.Transform.toString(Object.a
 })) : void 0;
 
 // packages/ui/react-ui-mosaic/src/mosaic/DefaultComponent.tsx
-var DefaultComponent = /* @__PURE__ */ forwardRef(({ draggableStyle, draggableProps, item: { id }, path }, forwardRef3) => {
+var DefaultComponent = /* @__PURE__ */ forwardRef2(({ draggableStyle, draggableProps, item: { id }, path }, forwardRef4) => {
   return /* @__PURE__ */ React3.createElement(Card.Root, {
-    ref: forwardRef3,
+    ref: forwardRef4,
     style: draggableStyle
   }, /* @__PURE__ */ React3.createElement(Card.Header, null, /* @__PURE__ */ React3.createElement(Card.DragHandle, draggableProps), /* @__PURE__ */ React3.createElement(Card.Title, {
     title: Path.create(path, id),
@@ -501,7 +503,7 @@ var Row = ({ children, id, items }) => /* @__PURE__ */ React6.createElement(Sort
 import { useDraggable, useDroppable } from "@dnd-kit/core";
 import { defaultAnimateLayoutChanges, useSortable } from "@dnd-kit/sortable";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import React7, { forwardRef as forwardRef2 } from "react";
+import React7, { forwardRef as forwardRef3 } from "react";
 var DraggableTile = ({ path: parentPath, type = DEFAULT_TYPE, item, Component: Component2 = DefaultComponent, position, draggableStyle, ...props }) => {
   const { operation } = useMosaic();
   const path = Path.create(parentPath, item.id);
@@ -540,7 +542,7 @@ var DraggableTile = ({ path: parentPath, type = DEFAULT_TYPE, item, Component: C
     ...props
   });
 };
-var DroppableTile = /* @__PURE__ */ forwardRef2(({ path: parentPath, type = DEFAULT_TYPE, item, Component: Component2 = DefaultComponent, position, ...props }, forwardedRef) => {
+var DroppableTile = /* @__PURE__ */ forwardRef3(({ path: parentPath, type = DEFAULT_TYPE, item, Component: Component2 = DefaultComponent, position, ...props }, forwardedRef) => {
   const { operation } = useMosaic();
   const path = parentPath === item.id ? parentPath : Path.create(parentPath, item.id);
   const { setNodeRef, isOver } = useDroppable({

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 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 * - `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' | 'onSelect'>\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 { log } from '@dxos/log';\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    // Only attempt to resolve a foreign overlay tile if the operation is not rejected, since droppables *should* reject\n    // items they don’t recognize and therefore wouldn’t be able to render a tile for. See dxos/dxos#5082.\n    if (activeItem && operation !== 'reject') {\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    log.catch(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 { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport React, { forwardRef } 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    onDelete?: (force?: boolean) => void;\n    onNavigate?: () => void;\n    onAddBefore?: () => void;\n    onAddAfter?: () => 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  TProps = {},\n> = ForwardRefExoticComponent<RefAttributes<TElement> & MosaicTileComponentProps<TData> & TProps>;\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 = forwardRef<HTMLDivElement | null, MosaicTileProps<any>>(\n  ({ path: parentPath, type = DEFAULT_TYPE, item, Component = DefaultComponent, position, ...props }, forwardedRef) => {\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    const ref = useComposedRefs<HTMLDivElement | null>(setNodeRef, forwardedRef);\n\n    return (\n      <Component\n        item={item}\n        path={path}\n        type={type}\n        position={position}\n        operation={operation}\n        isOver={isOver}\n        {...props}\n        ref={ref}\n      />\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  type MosaicTileComponentProps as NaturalMosaicTileComponentProps,\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  TProps = {},\n> = NaturalMosaicTileComponent<TData, TElement, TProps>;\n\nexport type MosaicTileComponentProps<TData extends MosaicDataItem = MosaicDataItem> =\n  NaturalMosaicTileComponentProps<TData>;\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", "log", "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", "log", "catch", "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", "useComposedRefs", "React", "forwardRef", "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", "forwardRef", "forwardedRef", "isOver", "useDroppable", "useComposedRefs", "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  forwardRef,\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';\nexport const DEFAULT_COMPONENT = forwardRef(() => <>missing component</>);\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 * - `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' | 'onSelect'>\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' | 'Component'>;\n\nexport const MosaicContainerContext = createContext<MosaicContainerContextType<any>>({\n  id: 'never',\n  type: DEFAULT_TYPE,\n  Component: DEFAULT_COMPONENT,\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 = DEFAULT_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 { log } from '@dxos/log';\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    // Only attempt to resolve a foreign overlay tile if the operation is not rejected, since droppables *should* reject\n    // items they don’t recognize and therefore wouldn’t be able to render a tile for. See dxos/dxos#5082.\n    if (activeItem && operation !== 'reject') {\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    log.catch(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 { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport React, { forwardRef } 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    onDelete?: (force?: boolean) => void;\n    onNavigate?: () => void;\n    onAddBefore?: () => void;\n    onAddAfter?: () => 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  TProps = {},\n> = ForwardRefExoticComponent<RefAttributes<TElement> & MosaicTileComponentProps<TData> & TProps>;\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 = forwardRef<HTMLDivElement | null, MosaicTileProps<any>>(\n  ({ path: parentPath, type = DEFAULT_TYPE, item, Component = DefaultComponent, position, ...props }, forwardedRef) => {\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    const ref = useComposedRefs<HTMLDivElement | null>(setNodeRef, forwardedRef);\n\n    return (\n      <Component\n        item={item}\n        path={path}\n        type={type}\n        position={position}\n        operation={operation}\n        isOver={isOver}\n        {...props}\n        ref={ref}\n      />\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  type MosaicTileComponentProps as NaturalMosaicTileComponentProps,\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  TProps = {},\n> = NaturalMosaicTileComponent<TData, TElement, TProps>;\n\nexport type MosaicTileComponentProps<TData extends MosaicDataItem = MosaicDataItem> =\n  NaturalMosaicTileComponentProps<TData>;\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", "forwardRef", "DEFAULT_TRANSITION", "DEFAULT_TYPE", "DEFAULT_COMPONENT", "forwardRef", "MosaicOperations", "MosaicContainerContext", "createContext", "id", "type", "Component", "MosaicContainer", "children", "debug", "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", "log", "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", "log", "catch", "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", "useComposedRefs", "React", "forwardRef", "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", "forwardRef", "forwardedRef", "isOver", "useDroppable", "useComposedRefs", "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":9384,"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":2914,"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":15540,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","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":18352,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","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":6224,"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":58128},"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":"@dxos/log","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":"@radix-ui/react-compose-refs","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":3587},"packages/ui/react-ui-mosaic/src/mosaic/SortableContext.tsx":{"bytesInOutput":1191},"packages/ui/react-ui-mosaic/src/mosaic/Tile.tsx":{"bytesInOutput":3480},"packages/ui/react-ui-mosaic/src/mosaic/Mosaic.ts":{"bytesInOutput":383},"packages/ui/react-ui-mosaic/src/index.ts":{"bytesInOutput":0}},"bytes":22085}}}
+{"inputs":{"packages/ui/react-ui-mosaic/src/mosaic/Container.tsx":{"bytes":9955,"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":2914,"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":15540,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","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":18352,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","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":6224,"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":58440},"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":"@dxos/log","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":"@radix-ui/react-compose-refs","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":1160},"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":661},"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":3587},"packages/ui/react-ui-mosaic/src/mosaic/SortableContext.tsx":{"bytesInOutput":1191},"packages/ui/react-ui-mosaic/src/mosaic/Tile.tsx":{"bytesInOutput":3480},"packages/ui/react-ui-mosaic/src/mosaic/Mosaic.ts":{"bytesInOutput":383},"packages/ui/react-ui-mosaic/src/index.ts":{"bytesInOutput":0}},"bytes":22303}}}

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

@@ -8,6 +8,7 @@ type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
 };
 export declare const DEFAULT_TRANSITION = 200;
 export declare const DEFAULT_TYPE = "unknown";
+export declare const DEFAULT_COMPONENT: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 export type MosaicTileOverlayProps = {
     grow?: boolean;
     debug?: boolean;
@@ -69,7 +70,7 @@ export type MosaicContainerProps<TData extends MosaicDataItem = MosaicDataItem,
      */
     onDrop?: (event: MosaicDropEvent<TPosition>) => void;
 }>;
-export type MosaicContainerContextType<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = WithRequiredProperty<Omit<MosaicContainerProps<TData, TPosition>, 'children'>, 'type'>;
+export type MosaicContainerContextType<TData extends MosaicDataItem = MosaicDataItem, TPosition = unknown> = WithRequiredProperty<Omit<MosaicContainerProps<TData, TPosition>, 'children'>, 'type' | 'Component'>;
 export declare const MosaicContainerContext: React.Context<MosaicContainerContextType<any, unknown>>;
 /**
  * Root Container that manages the layout of tiles.

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":"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"}
+{"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,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,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;AACtC,eAAO,MAAM,iBAAiB,+DAA2C,CAAC;AAE1E,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF;;;;;;GAMG;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,eAAe,CACpH,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,CACzD,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,GAAG,WAAW,CAAC,CAAC;AAEzG,eAAO,MAAM,sBAAsB,yDAIjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,8HAYzB,oBAAoB,gBAwBtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-mosaic",
-  "version": "0.4.10-main.c5e8686",
+  "version": "0.4.10-main.c685d5c",
   "description": "An intermediate interface for drag-and-drop interactions.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -24,18 +24,18 @@
     "lodash.defaultsdeep": "^4.6.1",
     "lodash.pick": "^4.4.0",
     "react-resize-detector": "^7.1.2",
-    "@dxos/debug": "0.4.10-main.c5e8686",
-    "@dxos/invariant": "0.4.10-main.c5e8686",
-    "@dxos/keys": "0.4.10-main.c5e8686",
-    "@dxos/log": "0.4.10-main.c5e8686",
-    "@dxos/react-ui": "0.4.10-main.c5e8686",
-    "@dxos/react-ui-card": "0.4.10-main.c5e8686",
-    "@dxos/react-ui-types": "0.4.10-main.c5e8686",
-    "@dxos/react-ui-theme": "0.4.10-main.c5e8686",
-    "@dxos/util": "0.4.10-main.c5e8686"
+    "@dxos/debug": "0.4.10-main.c685d5c",
+    "@dxos/invariant": "0.4.10-main.c685d5c",
+    "@dxos/log": "0.4.10-main.c685d5c",
+    "@dxos/keys": "0.4.10-main.c685d5c",
+    "@dxos/react-ui-card": "0.4.10-main.c685d5c",
+    "@dxos/react-ui": "0.4.10-main.c685d5c",
+    "@dxos/react-ui-types": "0.4.10-main.c685d5c",
+    "@dxos/react-ui-theme": "0.4.10-main.c685d5c",
+    "@dxos/util": "0.4.10-main.c685d5c"
   },
   "devDependencies": {
-    "@phosphor-icons/react": "^2.0.5",
+    "@phosphor-icons/react": "^2.1.5",
     "@types/d3": "^7.4.2",
     "@types/lodash.defaultsdeep": "^4.6.6",
     "@types/lodash.pick": "^4.4.7",
@@ -46,15 +46,15 @@
     "react-dom": "^18.2.0",
     "vite": "^5.2.9",
     "vite-plugin-turbosnap": "^1.0.2",
-    "@dxos/app-graph": "0.4.10-main.c5e8686",
-    "@dxos/echo-schema": "0.4.10-main.c5e8686",
-    "@dxos/gem-core": "0.4.10-main.c5e8686",
-    "@dxos/react-client": "0.4.10-main.c5e8686",
-    "@dxos/storybook-utils": "0.4.10-main.c5e8686",
-    "@dxos/random": "0.4.10-main.c5e8686"
+    "@dxos/gem-core": "0.4.10-main.c685d5c",
+    "@dxos/app-graph": "0.4.10-main.c685d5c",
+    "@dxos/echo-schema": "0.4.10-main.c685d5c",
+    "@dxos/random": "0.4.10-main.c685d5c",
+    "@dxos/storybook-utils": "0.4.10-main.c685d5c",
+    "@dxos/react-client": "0.4.10-main.c685d5c"
   },
   "peerDependencies": {
-    "@phosphor-icons/react": "^2.0.5",
+    "@phosphor-icons/react": "^2.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/mosaic/Container.tsx

@@ -9,6 +9,7 @@ import React, {
   type CSSProperties,
   type HTMLAttributes,
   type PropsWithChildren,
+  forwardRef,
 } from 'react';
 
 import { type ThemedClassName } from '@dxos/react-ui';
@@ -24,6 +25,7 @@ type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
 
 export const DEFAULT_TRANSITION = 200;
 export const DEFAULT_TYPE = 'unknown';
+export const DEFAULT_COMPONENT = forwardRef(() => <>missing component</>);
 
 export type MosaicTileOverlayProps = {
   grow?: boolean;
@@ -108,11 +110,12 @@ export type MosaicContainerProps<TData extends MosaicDataItem = MosaicDataItem,
 export type MosaicContainerContextType<
   TData extends MosaicDataItem = MosaicDataItem,
   TPosition = unknown,
-> = WithRequiredProperty<Omit<MosaicContainerProps<TData, TPosition>, 'children'>, 'type'>;
+> = WithRequiredProperty<Omit<MosaicContainerProps<TData, TPosition>, 'children'>, 'type' | 'Component'>;
 
 export const MosaicContainerContext = createContext<MosaicContainerContextType<any>>({
   id: 'never',
   type: DEFAULT_TYPE,
+  Component: DEFAULT_COMPONENT,
 });
 
 /**
@@ -123,7 +126,7 @@ export const MosaicContainer = ({
   id,
   debug,
   type = DEFAULT_TYPE,
-  Component,
+  Component = DEFAULT_COMPONENT,
   transitionDuration = DEFAULT_TRANSITION,
   modifier,
   getOverlayProps,