@dxos/react-ui-dnd 0.8.3 → 0.8.4-main.2e9d522

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-dnd",
-  "version": "0.8.3",
+  "version": "0.8.4-main.2e9d522",
   "description": "Drag and drop components.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -17,11 +17,7 @@
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
-    "*": {
-      "testing": [
-        "dist/types/src/testing/index.d.ts"
-      ]
-    }
+    "*": {}
   },
   "files": [
     "dist",
@@ -38,14 +34,14 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.8.3",
-    "@dxos/react-ui-theme": "0.8.3"
+    "@dxos/react-ui": "0.8.4-main.2e9d522",
+    "@dxos/react-ui-theme": "0.8.4-main.2e9d522"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.8.3",
-    "@dxos/react-ui": "0.8.3"
+    "@dxos/react-ui": "0.8.4-main.2e9d522",
+    "@dxos/react-ui-theme": "0.8.4-main.2e9d522"
   },
   "publishConfig": {
     "access": "public"

package/src/components/ResizeHandle.tsx

@@ -42,18 +42,18 @@ const RESIZE_SUBJECT = 'data-dx-resize-subject';
 const RESIZE_SUBJECT_DRAGGING = 'data-dx-resizing';
 
 export const resizeAttributes = {
-  'data-dx-resize-subject': true,
+  [RESIZE_SUBJECT]: true,
 };
 
 export type ResizeHandleProps = ThemedClassName<{
   side: Side;
+  iconPosition?: 'start' | 'center' | 'end';
   defaultSize?: Size;
   fallbackSize: number;
   size?: Size;
   minSize: number;
   maxSize?: number;
   unit?: 'rem';
-  iconPosition?: 'start' | 'center' | 'end';
   onSizeChange?: (nextSize: Size, commit?: boolean) => void;
 }>;
 
@@ -63,14 +63,14 @@ export const ResizeHandle = ({
   iconPosition = 'start',
   defaultSize,
   fallbackSize,
-  size: propsSize,
+  size: _size,
   minSize,
   maxSize,
   onSizeChange,
 }: ResizeHandleProps) => {
   const buttonRef = useRef<HTMLButtonElement>(null);
   const [size = 'min-content', setSize] = useControllableState({
-    prop: propsSize,
+    prop: _size,
     defaultProp: defaultSize,
     onChange: onSizeChange,
   });
@@ -102,6 +102,8 @@ export const ResizeHandle = ({
             : dragStartSize.current;
         buttonRef.current?.closest(`[${RESIZE_SUBJECT}]`)?.setAttribute(RESIZE_SUBJECT_DRAGGING, 'true');
       },
+      // NOTE: Throttling here doesn't prevent the warning:
+      //  Measure loop restarted more than 5 times
       onDrag: ({ location }) => {
         if (typeof dragStartSize.current !== 'number') {
           return;

package/src/index.ts

@@ -3,5 +3,5 @@
 //
 
 export * from './components';
-export * from './types';
+export type * from './types';
 export * from './util';

package/dist/lib/node/index.cjs

@@ -1,170 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var node_exports = {};
-__export(node_exports, {
-  REM: () => REM,
-  ResizeHandle: () => ResizeHandle,
-  resizeAttributes: () => resizeAttributes,
-  sizeStyle: () => sizeStyle
-});
-module.exports = __toCommonJS(node_exports);
-var import_tracking = require("@preact-signals/safe-react/tracking");
-var import_adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
-var import_disable_native_drag_preview = require("@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview");
-var import_prevent_unhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
-var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
-var import_react = __toESM(require("react"));
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var sizeStyle = (size, sideOrOrientation, calcSize) => {
-  let sizeProperty = "inlineSize";
-  switch (sideOrOrientation) {
-    case "vertical":
-    case "block-start":
-    case "block-end":
-      sizeProperty = "blockSize";
-  }
-  return {
-    [sizeProperty]: size === "min-content" ? calcSize ? "var(--dx-calc-min)" : "min-content" : `${size}rem`
-  };
-};
-var REM = parseFloat(getComputedStyle(document.documentElement).fontSize);
-var measureSubject = (element, fallbackSize) => {
-  const stackItemElement = element.closest("[data-dx-resize-subject]");
-  return stackItemElement?.getBoundingClientRect() ?? {
-    width: fallbackSize,
-    height: fallbackSize
-  };
-};
-var getNextSize = (startSize, location, client, side, minSize, maxSize) => {
-  return Math.min(maxSize ?? Infinity, Math.max(minSize, startSize + (location.current.input[client] - location.initial.input[client]) / REM * (side.endsWith("end") ? 1 : -1)));
-};
-var RESIZE_SUBJECT = "data-dx-resize-subject";
-var RESIZE_SUBJECT_DRAGGING = "data-dx-resizing";
-var resizeAttributes = {
-  "data-dx-resize-subject": true
-};
-var ResizeHandle = ({ classNames, side, iconPosition = "start", defaultSize, fallbackSize, size: propsSize, minSize, maxSize, onSizeChange }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const buttonRef = (0, import_react.useRef)(null);
-    const [size = "min-content", setSize] = (0, import_react_use_controllable_state.useControllableState)({
-      prop: propsSize,
-      defaultProp: defaultSize,
-      onChange: onSizeChange
-    });
-    const dragStartSize = (0, import_react.useRef)(size);
-    const elevation = (0, import_react_ui.useElevationContext)();
-    const orientation = side.startsWith("inline") ? "horizontal" : "vertical";
-    const client = orientation === "horizontal" ? "clientX" : "clientY";
-    (0, import_react.useLayoutEffect)(() => {
-      if (!buttonRef.current) {
-        return;
-      }
-      return (0, import_adapter.draggable)({
-        element: buttonRef.current,
-        onGenerateDragPreview: ({ nativeSetDragImage }) => {
-          (0, import_disable_native_drag_preview.disableNativeDragPreview)({
-            nativeSetDragImage
-          });
-          import_prevent_unhandled.preventUnhandled.start();
-        },
-        onDragStart: () => {
-          dragStartSize.current = dragStartSize.current === "min-content" ? measureSubject(buttonRef.current, fallbackSize)[orientation === "horizontal" ? "width" : "height"] / REM : dragStartSize.current;
-          buttonRef.current?.closest(`[${RESIZE_SUBJECT}]`)?.setAttribute(RESIZE_SUBJECT_DRAGGING, "true");
-        },
-        onDrag: ({ location }) => {
-          if (typeof dragStartSize.current !== "number") {
-            return;
-          }
-          setSize(getNextSize(dragStartSize.current, location, client, side, minSize, maxSize));
-        },
-        onDrop: ({ location }) => {
-          if (typeof dragStartSize.current !== "number") {
-            return;
-          }
-          const nextSize = getNextSize(dragStartSize.current, location, client, side, minSize, maxSize);
-          setSize(nextSize);
-          onSizeChange?.(nextSize, true);
-          dragStartSize.current = nextSize;
-          buttonRef.current?.closest(`[${RESIZE_SUBJECT}]`)?.removeAttribute(RESIZE_SUBJECT_DRAGGING);
-        }
-      });
-    }, [
-      // Note that `size` should not be a dependency here since dragging this adjusts the size.
-      minSize,
-      maxSize
-    ]);
-    return /* @__PURE__ */ import_react.default.createElement("button", {
-      ref: buttonRef,
-      "data-side": side,
-      className: (0, import_react_ui_theme.mx)("group absolute flex focus-visible:outline-none", (0, import_react_ui_theme.surfaceZIndex)({
-        elevation,
-        level: "tooltip"
-      }), orientation === "horizontal" ? 'cursor-col-resize is-4 inset-block-0 data-[side="inline-end"]:inline-end-0 data-[side="inline-end"]:before:inline-end-0 data-[side="inline-start"]:inline-start-0 data-[side="inline-start"]:before:inline-start-0 !border-lb-0 before:inset-block-0 before:is-1' : 'cursor-row-resize bs-4 inset-inline-0 data-[side="block-end"]:block-end-0 data-[side="block-end"]:before:block-end-0 data-[side="block-start"]:block-start-0 data-[side="block-start"]:before:block-start-0 !border-li-0 before:inset-inline-0 before:bs-1', orientation === "horizontal" ? iconPosition === "end" ? "align-end" : iconPosition === "center" ? "align-center" : "align-start" : iconPosition === "end" ? "justify-end" : iconPosition === "center" ? "justify-center" : "justify-start", "before:transition-opacity before:duration-100 before:ease-in-out before:opacity-0 hover:before:opacity-100 focus-visible:before:opacity-100 active:before:opacity-100", "before:absolute before:block before:bg-neutralFocusIndicator", classNames)
-    }, /* @__PURE__ */ import_react.default.createElement("div", {
-      role: "none",
-      "data-side": side,
-      className: (0, import_react_ui_theme.mx)("grid place-items-center group-hover:opacity-0 group-focus-visible:opacity-0 group-active:opacity-0", orientation === "horizontal" ? "bs-[--rail-size] is-4" : "is-[--rail-size] bs-4")
-    }, /* @__PURE__ */ import_react.default.createElement(DragHandleSignifier, {
-      side
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var DragHandleSignifier = ({ side }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    return /* @__PURE__ */ import_react.default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 256 256",
-      fill: "currentColor",
-      className: (0, import_react_ui_theme.mx)("shrink-0 bs-4 is-4 text-unAccent", side === "block-end" ? "rotate-90" : side === "block-start" ? "-rotate-90" : side === "inline-start" && "rotate-180")
-    }, /* @__PURE__ */ import_react.default.createElement("path", {
-      d: "M256,64c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z"
-    }), /* @__PURE__ */ import_react.default.createElement("path", {
-      d: "M256,120c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z"
-    }), /* @__PURE__ */ import_react.default.createElement("path", {
-      d: "M256,176c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z"
-    }), /* @__PURE__ */ import_react.default.createElement("path", {
-      d: "M256,232c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  REM,
-  ResizeHandle,
-  resizeAttributes,
-  sizeStyle
-});
-//# sourceMappingURL=index.cjs.map

package/dist/lib/node/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ResizeHandle.tsx", "../../../src/util/sizeStyle.ts", "../../../src/util/rem.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';\nimport { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';\nimport { type DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/types';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { useLayoutEffect, useRef } from 'react';\n\nimport { type ThemedClassName, useElevationContext } from '@dxos/react-ui';\nimport { mx, surfaceZIndex } from '@dxos/react-ui-theme';\n\nimport { type Size, type Side } from '../types';\nimport { REM } from '../util';\n\nconst measureSubject = (element: HTMLButtonElement, fallbackSize: number): { width: number; height: number } => {\n  const stackItemElement = element.closest('[data-dx-resize-subject]');\n  return stackItemElement?.getBoundingClientRect() ?? { width: fallbackSize, height: fallbackSize };\n};\n\nconst getNextSize = (\n  startSize: number,\n  location: DragLocationHistory,\n  client: 'clientX' | 'clientY',\n  side: Side,\n  minSize: number,\n  maxSize: number | undefined,\n) => {\n  return Math.min(\n    maxSize ?? Infinity,\n    Math.max(\n      minSize,\n      startSize +\n        ((location.current.input[client] - location.initial.input[client]) / REM) * (side.endsWith('end') ? 1 : -1),\n    ),\n  );\n};\n\nconst RESIZE_SUBJECT = 'data-dx-resize-subject';\nconst RESIZE_SUBJECT_DRAGGING = 'data-dx-resizing';\n\nexport const resizeAttributes = {\n  'data-dx-resize-subject': true,\n};\n\nexport type ResizeHandleProps = ThemedClassName<{\n  side: Side;\n  defaultSize?: Size;\n  fallbackSize: number;\n  size?: Size;\n  minSize: number;\n  maxSize?: number;\n  unit?: 'rem';\n  iconPosition?: 'start' | 'center' | 'end';\n  onSizeChange?: (nextSize: Size, commit?: boolean) => void;\n}>;\n\nexport const ResizeHandle = ({\n  classNames,\n  side,\n  iconPosition = 'start',\n  defaultSize,\n  fallbackSize,\n  size: propsSize,\n  minSize,\n  maxSize,\n  onSizeChange,\n}: ResizeHandleProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [size = 'min-content', setSize] = useControllableState({\n    prop: propsSize,\n    defaultProp: defaultSize,\n    onChange: onSizeChange,\n  });\n  const dragStartSize = useRef<Size>(size);\n  const elevation = useElevationContext();\n\n  const orientation = side.startsWith('inline') ? 'horizontal' : 'vertical';\n  const client = orientation === 'horizontal' ? 'clientX' : 'clientY';\n\n  useLayoutEffect(() => {\n    if (!buttonRef.current) {\n      return;\n    }\n\n    // TODO(thure): This should handle StackItem state vs local state better.\n    return draggable({\n      element: buttonRef.current,\n      onGenerateDragPreview: ({ nativeSetDragImage }) => {\n        // We will be moving the line to indicate a drag; we can disable the native drag preview.\n        disableNativeDragPreview({ nativeSetDragImage });\n        // We don't want any native drop animation for when the user does not drop on a drop target.\n        // We want the drag to finish immediately.\n        preventUnhandled.start();\n      },\n      onDragStart: () => {\n        dragStartSize.current =\n          dragStartSize.current === 'min-content'\n            ? measureSubject(buttonRef.current!, fallbackSize)[orientation === 'horizontal' ? 'width' : 'height'] / REM\n            : dragStartSize.current;\n        buttonRef.current?.closest(`[${RESIZE_SUBJECT}]`)?.setAttribute(RESIZE_SUBJECT_DRAGGING, 'true');\n      },\n      onDrag: ({ location }) => {\n        if (typeof dragStartSize.current !== 'number') {\n          return;\n        }\n        setSize(getNextSize(dragStartSize.current, location, client, side, minSize, maxSize));\n      },\n      onDrop: ({ location }) => {\n        if (typeof dragStartSize.current !== 'number') {\n          return;\n        }\n        const nextSize = getNextSize(dragStartSize.current, location, client, side, minSize, maxSize);\n        setSize(nextSize);\n        onSizeChange?.(nextSize, true);\n        dragStartSize.current = nextSize;\n        buttonRef.current?.closest(`[${RESIZE_SUBJECT}]`)?.removeAttribute(RESIZE_SUBJECT_DRAGGING);\n      },\n    });\n  }, [\n    // Note that `size` should not be a dependency here since dragging this adjusts the size.\n    minSize,\n    maxSize,\n  ]);\n\n  return (\n    <button\n      ref={buttonRef}\n      data-side={side}\n      className={mx(\n        'group absolute flex focus-visible:outline-none',\n        surfaceZIndex({ elevation, level: 'tooltip' }),\n        orientation === 'horizontal'\n          ? 'cursor-col-resize is-4 inset-block-0 data-[side=\"inline-end\"]:inline-end-0 data-[side=\"inline-end\"]:before:inline-end-0 data-[side=\"inline-start\"]:inline-start-0 data-[side=\"inline-start\"]:before:inline-start-0 !border-lb-0 before:inset-block-0 before:is-1'\n          : 'cursor-row-resize bs-4 inset-inline-0 data-[side=\"block-end\"]:block-end-0 data-[side=\"block-end\"]:before:block-end-0 data-[side=\"block-start\"]:block-start-0 data-[side=\"block-start\"]:before:block-start-0 !border-li-0 before:inset-inline-0 before:bs-1',\n        orientation === 'horizontal'\n          ? iconPosition === 'end'\n            ? 'align-end'\n            : iconPosition === 'center'\n              ? 'align-center'\n              : 'align-start'\n          : iconPosition === 'end'\n            ? 'justify-end'\n            : iconPosition === 'center'\n              ? 'justify-center'\n              : 'justify-start',\n        'before:transition-opacity before:duration-100 before:ease-in-out before:opacity-0 hover:before:opacity-100 focus-visible:before:opacity-100 active:before:opacity-100',\n        'before:absolute before:block before:bg-neutralFocusIndicator',\n        classNames,\n      )}\n    >\n      <div\n        role='none'\n        data-side={side}\n        className={mx(\n          'grid place-items-center group-hover:opacity-0 group-focus-visible:opacity-0 group-active:opacity-0',\n          orientation === 'horizontal' ? 'bs-[--rail-size] is-4' : 'is-[--rail-size] bs-4',\n        )}\n      >\n        <DragHandleSignifier side={side} />\n      </div>\n    </button>\n  );\n};\n\nconst DragHandleSignifier = ({ side }: Pick<ResizeHandleProps, 'side'>) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 256 256'\n      fill='currentColor'\n      className={mx(\n        'shrink-0 bs-4 is-4 text-unAccent',\n        side === 'block-end'\n          ? 'rotate-90'\n          : side === 'block-start'\n            ? '-rotate-90'\n            : side === 'inline-start' && 'rotate-180',\n      )}\n    >\n      {/* two pips: <path d='M256,120c-8.8,0-16-7.2-16-16v-56c0-8.8,7.2-16,16-16v88Z' />\n      <path d='M256,232c-8.8,0-16-7.2-16-16v-56c0-8.8,7.2-16,16-16v88Z' /> */}\n      <path d='M256,64c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,120c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,176c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,232c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n    </svg>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ResizeHandleProps } from '../components';\nimport { type Size } from '../types';\n\nexport const sizeStyle = (\n  size: Size,\n  sideOrOrientation: ResizeHandleProps['side'] | 'horizontal' | 'vertical',\n  // TODO(thure): This is an experimental feature under evaluation; remove if the default should become `true`.\n  calcSize?: boolean,\n) => {\n  let sizeProperty = 'inlineSize';\n  switch (sideOrOrientation) {\n    case 'vertical':\n    case 'block-start':\n    case 'block-end':\n      sizeProperty = 'blockSize';\n  }\n  return { [sizeProperty]: size === 'min-content' ? (calcSize ? 'var(--dx-calc-min)' : 'min-content') : `${size}rem` };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nexport const REM = parseFloat(getComputedStyle(document.documentElement).fontSize);\n"],
-  "mappings": "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",
-  "names": ["sizeStyle", "size", "sideOrOrientation", "calcSize", "sizeProperty", "REM", "parseFloat", "getComputedStyle", "document", "documentElement", "fontSize", "measureSubject", "element", "fallbackSize", "stackItemElement", "closest", "getBoundingClientRect", "width", "height", "getNextSize", "startSize", "location", "client", "side", "minSize", "maxSize", "Math", "min", "Infinity", "max", "current", "input", "initial", "endsWith", "RESIZE_SUBJECT", "RESIZE_SUBJECT_DRAGGING", "resizeAttributes", "ResizeHandle", "classNames", "iconPosition", "defaultSize", "propsSize", "onSizeChange", "buttonRef", "useRef", "setSize", "useControllableState", "prop", "defaultProp", "onChange", "dragStartSize", "elevation", "useElevationContext", "orientation", "startsWith", "useLayoutEffect", "draggable", "onGenerateDragPreview", "nativeSetDragImage", "disableNativeDragPreview", "preventUnhandled", "start", "onDragStart", "setAttribute", "onDrag", "onDrop", "nextSize", "removeAttribute", "React", "button", "ref", "data-side", "className", "mx", "surfaceZIndex", "level", "div", "role", "DragHandleSignifier", "svg", "xmlns", "viewBox", "fill", "path", "d"]
-}

package/dist/lib/node/meta.json

@@ -1 +0,0 @@
-{"inputs":{"packages/ui/react-ui-dnd/src/util/sizeStyle.ts":{"bytes":2175,"imports":[],"format":"esm"},"packages/ui/react-ui-dnd/src/util/rem.ts":{"bytes":763,"imports":[],"format":"esm"},"packages/ui/react-ui-dnd/src/util/index.ts":{"bytes":549,"imports":[{"path":"packages/ui/react-ui-dnd/src/util/sizeStyle.ts","kind":"import-statement","original":"./sizeStyle"},{"path":"packages/ui/react-ui-dnd/src/util/rem.ts","kind":"import-statement","original":"./rem"}],"format":"esm"},"packages/ui/react-ui-dnd/src/components/ResizeHandle.tsx":{"bytes":22003,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-dnd/src/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-dnd/src/components/index.ts":{"bytes":487,"imports":[{"path":"packages/ui/react-ui-dnd/src/components/ResizeHandle.tsx","kind":"import-statement","original":"./ResizeHandle"}],"format":"esm"},"packages/ui/react-ui-dnd/src/types.ts":{"bytes":572,"imports":[],"format":"esm"},"packages/ui/react-ui-dnd/src/index.ts":{"bytes":631,"imports":[{"path":"packages/ui/react-ui-dnd/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-dnd/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-dnd/src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-dnd/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12481},"packages/ui/react-ui-dnd/dist/lib/node/index.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["REM","ResizeHandle","resizeAttributes","sizeStyle"],"entryPoint":"packages/ui/react-ui-dnd/src/index.ts","inputs":{"packages/ui/react-ui-dnd/src/components/ResizeHandle.tsx":{"bytesInOutput":6015},"packages/ui/react-ui-dnd/src/util/sizeStyle.ts":{"bytesInOutput":355},"packages/ui/react-ui-dnd/src/util/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-dnd/src/util/rem.ts":{"bytesInOutput":75},"packages/ui/react-ui-dnd/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-dnd/src/index.ts":{"bytesInOutput":0}},"bytes":6764}}}