@dxos/react-ui-stack 0.8.4-main.5ad4a44 → 0.8.4-main.66e292d

package/dist/lib/browser/index.mjs

@@ -37,7 +37,7 @@ import {
   railGridVerticalContainFitContent,
   translationKey,
   translations
-} from "./chunk-SM27YTH3.mjs";
+} from "./chunk-3F2KBXLP.mjs";
 export {
   Card,
   CardDragPreview,

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/components/Image/Image.tsx":{"bytes":14300,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Image/index.ts":{"bytes":463,"imports":[{"path":"src/components/Image/Image.tsx","kind":"import-statement","original":"./Image"}],"format":"esm"},"src/hooks/useStackDropForElements.ts":{"bytes":8238,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/index.ts":{"bytes":608,"imports":[{"path":"src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":3451,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":47250,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","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":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/Stack/index.ts":{"bytes":463,"imports":[{"path":"src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":8503,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2257,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemHeading.tsx":{"bytes":7239,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":3045,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/translations.ts":{"bytes":2149,"imports":[],"format":"esm"},"src/components/StackItem/MenuSignifier.tsx":{"bytes":3634,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18618,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":36047,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","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/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"src/components/StackItem/index.ts":{"bytes":479,"imports":[{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/index.ts":{"bytes":671,"imports":[{"path":"src/components/Image/index.ts","kind":"import-statement","original":"./Image"},{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/exemplars/Card/fragments.ts":{"bytes":4025,"imports":[],"format":"esm"},"src/exemplars/Card/Card.tsx":{"bytes":21717,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/CardDragPreview.tsx":{"bytes":2606,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/index.ts":{"bytes":656,"imports":[{"path":"src/exemplars/Card/Card.tsx","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/Card/CardDragPreview.tsx","kind":"import-statement","original":"./CardDragPreview"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/CardStack/CardStack.tsx":{"bytes":16234,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"../Card"}],"format":"esm"},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytes":6307,"imports":[{"path":"@preact-signals/safe-react/tracking","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":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/exemplars/CardStack/index.ts":{"bytes":594,"imports":[{"path":"src/exemplars/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"src/exemplars/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"src/exemplars/index.ts":{"bytes":544,"imports":[{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/CardStack/index.ts","kind":"import-statement","original":"./CardStack"}],"format":"esm"},"src/index.ts":{"bytes":834,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"./exemplars"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/playwright/stack-manager.ts":{"bytes":7684,"imports":[],"format":"esm"},"src/playwright/index.ts":{"bytes":481,"imports":[{"path":"src/playwright/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"},"src/testing/CardContainer.tsx":{"bytes":3553,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"../exemplars"}],"format":"esm"},"src/testing/index.ts":{"bytes":478,"imports":[{"path":"src/testing/CardContainer.tsx","kind":"import-statement","original":"./CardContainer"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-SM27YTH3.mjs","kind":"import-statement"}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDefaultInlineSize","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":1613},"dist/lib/browser/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3758},"dist/lib/browser/playwright/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/playwright/index.ts","inputs":{"src/playwright/stack-manager.ts":{"bytesInOutput":1948},"src/playwright/index.ts":{"bytesInOutput":0}},"bytes":2063},"dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1782},"dist/lib/browser/testing/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-SM27YTH3.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true}],"exports":["CardContainer"],"entryPoint":"src/testing/index.ts","inputs":{"src/testing/CardContainer.tsx":{"bytesInOutput":1006},"src/testing/index.ts":{"bytesInOutput":0}},"bytes":1151},"dist/lib/browser/chunk-SM27YTH3.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":102451},"dist/lib/browser/chunk-SM27YTH3.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","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":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","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/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","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":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDefaultInlineSize","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"inputs":{"src/components/Image/Image.tsx":{"bytesInOutput":3360},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/Stack/Stack.tsx":{"bytesInOutput":11388},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":2000},"src/hooks/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":495},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8765},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1700},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1940},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":698},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4743},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":679},"src/components/Image/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/Stack/index.ts":{"bytesInOutput":0},"src/components/StackItem/index.ts":{"bytesInOutput":0},"src/exemplars/Card/fragments.ts":{"bytesInOutput":1097},"src/exemplars/Card/Card.tsx":{"bytesInOutput":5809},"src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":757},"src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":4785},"src/exemplars/Card/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2018},"src/exemplars/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/index.ts":{"bytesInOutput":0}},"bytes":52905}}}
+{"inputs":{"src/components/Image/Image.tsx":{"bytes":22568,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Image/index.ts":{"bytes":463,"imports":[{"path":"src/components/Image/Image.tsx","kind":"import-statement","original":"./Image"}],"format":"esm"},"src/hooks/useStackDropForElements.ts":{"bytes":8615,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/index.ts":{"bytes":608,"imports":[{"path":"src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":3451,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":47306,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","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":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/Stack/index.ts":{"bytes":463,"imports":[{"path":"src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":8451,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2257,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemHeading.tsx":{"bytes":7239,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":3045,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/translations.ts":{"bytes":2149,"imports":[],"format":"esm"},"src/components/StackItem/MenuSignifier.tsx":{"bytes":3634,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18618,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":36047,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","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/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"src/components/StackItem/index.ts":{"bytes":479,"imports":[{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/index.ts":{"bytes":671,"imports":[{"path":"src/components/Image/index.ts","kind":"import-statement","original":"./Image"},{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/exemplars/Card/fragments.ts":{"bytes":4025,"imports":[],"format":"esm"},"src/exemplars/Card/Card.tsx":{"bytes":22574,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/CardDragPreview.tsx":{"bytes":2606,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/index.ts":{"bytes":656,"imports":[{"path":"src/exemplars/Card/Card.tsx","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/Card/CardDragPreview.tsx","kind":"import-statement","original":"./CardDragPreview"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/CardStack/CardStack.tsx":{"bytes":16234,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"../Card"}],"format":"esm"},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytes":6307,"imports":[{"path":"@preact-signals/safe-react/tracking","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":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/exemplars/CardStack/index.ts":{"bytes":594,"imports":[{"path":"src/exemplars/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"src/exemplars/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"src/exemplars/index.ts":{"bytes":544,"imports":[{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/CardStack/index.ts","kind":"import-statement","original":"./CardStack"}],"format":"esm"},"src/index.ts":{"bytes":834,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"./exemplars"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/playwright/stack-manager.ts":{"bytes":7185,"imports":[],"format":"esm"},"src/playwright/index.ts":{"bytes":481,"imports":[{"path":"src/playwright/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"},"src/testing/CardContainer.tsx":{"bytes":3553,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"../exemplars"}],"format":"esm"},"src/testing/index.ts":{"bytes":478,"imports":[{"path":"src/testing/CardContainer.tsx","kind":"import-statement","original":"./CardContainer"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-3F2KBXLP.mjs","kind":"import-statement"}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDefaultInlineSize","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":1613},"dist/lib/browser/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3701},"dist/lib/browser/playwright/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/playwright/index.ts","inputs":{"src/playwright/stack-manager.ts":{"bytesInOutput":1556},"src/playwright/index.ts":{"bytesInOutput":0}},"bytes":1671},"dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1782},"dist/lib/browser/testing/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-3F2KBXLP.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true}],"exports":["CardContainer"],"entryPoint":"src/testing/index.ts","inputs":{"src/testing/CardContainer.tsx":{"bytesInOutput":1006},"src/testing/index.ts":{"bytesInOutput":0}},"bytes":1151},"dist/lib/browser/chunk-3F2KBXLP.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":107383},"dist/lib/browser/chunk-3F2KBXLP.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","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":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","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/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","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":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDefaultInlineSize","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"inputs":{"src/components/Image/Image.tsx":{"bytesInOutput":5069},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/Stack/Stack.tsx":{"bytesInOutput":11407},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":2050},"src/hooks/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":495},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8765},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1700},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1940},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":698},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4743},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":679},"src/components/Image/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/Stack/index.ts":{"bytesInOutput":0},"src/components/StackItem/index.ts":{"bytesInOutput":0},"src/exemplars/Card/fragments.ts":{"bytesInOutput":1097},"src/exemplars/Card/Card.tsx":{"bytesInOutput":6015},"src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":757},"src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":4785},"src/exemplars/Card/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2018},"src/exemplars/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/index.ts":{"bytesInOutput":0}},"bytes":54889}}}

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

@@ -1,18 +1,11 @@
 // src/playwright/stack-manager.ts
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 var StackManager = class {
+  locator;
+  _page;
+  constructor(locator) {
+    this.locator = locator;
+    this._page = locator.page();
+  }
   sections() {
     return this.locator.locator("section");
   }
@@ -22,14 +15,14 @@ var StackManager = class {
   section(index) {
     return new SectionManager(this.locator.locator("section").nth(index));
   }
+};
+var SectionManager = class {
+  locator;
+  _page;
   constructor(locator) {
-    _define_property(this, "locator", void 0);
-    _define_property(this, "_page", void 0);
     this.locator = locator;
     this._page = locator.page();
   }
-};
-var SectionManager = class {
   async id() {
     return this.locator.getAttribute("id");
   }
@@ -60,12 +53,6 @@ var SectionManager = class {
       await this._page.mouse.up();
     }
   }
-  constructor(locator) {
-    _define_property(this, "locator", void 0);
-    _define_property(this, "_page", void 0);
-    this.locator = locator;
-    this._page = locator.page();
-  }
 };
 export {
   SectionManager,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/playwright/stack-manager.ts"],
   "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page } from '@playwright/test';\n\nexport class StackManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  sections(): Locator {\n    return this.locator.locator('section');\n  }\n\n  order() {\n    return this.locator.locator('section').evaluateAll((els) => els.map((el) => el.getAttribute('id')));\n  }\n\n  section(index: number): SectionManager {\n    return new SectionManager(this.locator.locator('section').nth(index));\n  }\n}\n\nexport class SectionManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  async id(): Promise<string | null> {\n    return this.locator.getAttribute('id');\n  }\n\n  async remove(): Promise<void> {\n    await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n    await this._page.getByTestId('section.remove').click();\n  }\n\n  async navigateTo(): Promise<void> {\n    await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n    await this._page.getByTestId('section.navigate-to').click();\n  }\n\n  async dragTo(target: Locator, offset: { x: number; y: number } = { x: 0, y: 0 }): Promise<void> {\n    const active = this.locator.getByTestId('section.drag-handle-menu-trigger');\n    const box = await target.boundingBox();\n    if (box) {\n      await active.hover();\n      await this._page.mouse.down();\n      // Timeouts are for input discretization in WebKit\n      await this._page.waitForTimeout(100);\n      await this._page.pause();\n      await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n      await this._page.pause();\n      await this._page.waitForTimeout(100);\n      await this._page.mouse.up();\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;AAMO,IAAMA,eAAN,MAAMA;EAOXC,WAAoB;AAClB,WAAO,KAAKC,QAAQA,QAAQ,SAAA;EAC9B;EAEAC,QAAQ;AACN,WAAO,KAAKD,QAAQA,QAAQ,SAAA,EAAWE,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKT,QAAQA,QAAQ,SAAA,EAAWU,IAAIF,KAAAA,CAAAA;EAChE;EAdA,YAAqBR,SAAkB;;AAFvC,qBAAA,MAAiBW,SAAjB,MAAA;SAEqBX,UAAAA;AACnB,SAAKW,QAAQX,QAAQY,KAAI;EAC3B;AAaF;AAEO,IAAMH,iBAAN,MAAMA;EAOX,MAAMI,KAA6B;AACjC,WAAO,KAAKb,QAAQM,aAAa,IAAA;EACnC;EAEA,MAAMQ,SAAwB;AAC5B,UAAM,KAAKd,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKL,MAAMI,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKjB,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKL,MAAMI,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKvB,QAAQe,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAKf,MAAMgB,MAAMC,KAAI;AAE3B,YAAM,KAAKjB,MAAMkB,eAAe,GAAA;AAChC,YAAM,KAAKlB,MAAMmB,MAAK;AACtB,YAAM,KAAKnB,MAAMgB,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKvB,MAAMmB,MAAK;AACtB,YAAM,KAAKnB,MAAMkB,eAAe,GAAA;AAChC,YAAM,KAAKlB,MAAMgB,MAAMQ,GAAE;IAC3B;EACF;EAhCA,YAAqBnC,SAAkB;;AAFvC,qBAAA,MAAiBW,SAAjB,MAAA;SAEqBX,UAAAA;AACnB,SAAKW,QAAQX,QAAQY,KAAI;EAC3B;AA+BF;",
-  "names": ["StackManager", "sections", "locator", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "_page", "page", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
+  "mappings": ";AAMO,IAAMA,eAAN,MAAMA;;EACMC;EAEjB,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKD,QAAQC,QAAQC,KAAI;EAC3B;EAEAC,WAAoB;AAClB,WAAO,KAAKF,QAAQA,QAAQ,SAAA;EAC9B;EAEAG,QAAQ;AACN,WAAO,KAAKH,QAAQA,QAAQ,SAAA,EAAWI,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKX,QAAQA,QAAQ,SAAA,EAAWY,IAAIF,KAAAA,CAAAA;EAChE;AACF;AAEO,IAAMC,iBAAN,MAAMA;;EACMZ;EAEjB,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKD,QAAQC,QAAQC,KAAI;EAC3B;EAEA,MAAMY,KAA6B;AACjC,WAAO,KAAKb,QAAQQ,aAAa,IAAA;EACnC;EAEA,MAAMM,SAAwB;AAC5B,UAAM,KAAKd,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKjB,MAAMgB,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKjB,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKjB,MAAMgB,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKvB,QAAQe,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAK3B,MAAM4B,MAAMC,KAAI;AAE3B,YAAM,KAAK7B,MAAM8B,eAAe,GAAA;AAChC,YAAM,KAAK9B,MAAM+B,MAAK;AACtB,YAAM,KAAK/B,MAAM4B,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKnC,MAAM+B,MAAK;AACtB,YAAM,KAAK/B,MAAM8B,eAAe,GAAA;AAChC,YAAM,KAAK9B,MAAM4B,MAAMQ,GAAE;IAC3B;EACF;AACF;",
+  "names": ["StackManager", "_page", "locator", "page", "sections", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
 }

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

@@ -1,6 +1,6 @@
 import {
   Card
-} from "../chunk-SM27YTH3.mjs";
+} from "../chunk-3F2KBXLP.mjs";
 
 // src/testing/CardContainer.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";

package/dist/lib/node-esm/{chunk-MMAOXKOM.mjs → chunk-SYKFLQGK.mjs}

@@ -2,67 +2,49 @@ import { createRequire } from 'node:module';const require = createRequire(import
 
 // src/components/Image/Image.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useRef, useState } from "react";
+import React, { useCallback, useRef, useState } from "react";
 import { mx } from "@dxos/react-ui-theme";
-var Image = ({ classNames, src, alt = "", crossOrigin = "anonymous", sampleSize = 64, contrast = 0.95 }) => {
+var cache = /* @__PURE__ */ new Map();
+var Image = ({ classNames, src, alt = "", crossOrigin = "anonymous", sampleSize = 64, contrast = 0.9 }) => {
   var _effect = _useSignals();
   try {
     const [crossOriginState, setCrossOriginState] = useState(crossOrigin);
     const [dominantColor, setDominantColor] = useState(void 0);
     const [imageLoaded, setImageLoaded] = useState(false);
     const canvasRef = useRef(null);
-    const extractDominantColor = (img) => {
-      const canvas = canvasRef.current;
-      const ctx = canvas?.getContext("2d");
-      if (!canvas || !ctx) {
+    const handleImageError = () => {
+      setCrossOriginState(void 0);
+    };
+    const handleImageLoad = useCallback(({ target }) => {
+      const rgb = cache.get(src);
+      if (rgb) {
+        setDominantColor(rgb);
+        setImageLoaded(true);
+        return;
+      }
+      const img = target;
+      if (!canvasRef.current) {
         return;
       }
-      canvas.width = sampleSize;
-      canvas.height = sampleSize;
-      ctx.drawImage(img, 0, 0, sampleSize, sampleSize);
       try {
-        const imageData = ctx.getImageData(0, 0, sampleSize, sampleSize);
-        const pixels = imageData.data;
-        let r = 0;
-        let g = 0;
-        let b = 0;
-        let totalWeight = 0;
-        for (let i = 0; i < pixels.length; i += 4) {
-          const red = pixels[i];
-          const green = pixels[i + 1];
-          const blue = pixels[i + 2];
-          const alpha = pixels[i + 3];
-          if (alpha === 0) continue;
-          const max = Math.max(red, green, blue);
-          const min = Math.min(red, green, blue);
-          const saturation = max === 0 ? 0 : (max - min) / max;
-          const weight = 1 + saturation * 2;
-          r += red * weight;
-          g += green * weight;
-          b += blue * weight;
-          totalWeight += weight;
-        }
-        if (totalWeight > 0) {
-          r = Math.round(r / totalWeight);
-          g = Math.round(g / totalWeight);
-          b = Math.round(b / totalWeight);
-          r = Math.round(r * contrast);
-          g = Math.round(g * contrast);
-          b = Math.round(b * contrast);
-          setDominantColor(`rgb(${r}, ${g}, ${b})`);
+        const color = extractDominantColor(canvasRef.current, img, {
+          sampleSize,
+          contrast
+        });
+        if (color) {
+          const rgb2 = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
+          cache.set(src, rgb2);
+          setDominantColor(rgb2);
         }
       } catch {
         setCrossOriginState(void 0);
       }
-    };
-    const handleImageError = () => {
-      setCrossOriginState(void 0);
-    };
-    const handleImageLoad = (ev) => {
-      const img = ev.target;
-      extractDominantColor(img);
       setImageLoaded(true);
-    };
+    }, [
+      sampleSize,
+      contrast,
+      src
+    ]);
     return /* @__PURE__ */ React.createElement("div", {
       className: mx(`relative flex is-full justify-center overflow-hidden transition-all duration-700`, classNames),
       style: {
@@ -96,6 +78,78 @@ var Image = ({ classNames, src, alt = "", crossOrigin = "anonymous", sampleSize
     _effect.f();
   }
 };
+var extractDominantColor = (canvas, img, { sampleSize = 64, contrast = 0.95 }) => {
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    return null;
+  }
+  canvas.width = sampleSize;
+  canvas.height = sampleSize;
+  ctx.drawImage(img, 0, 0, sampleSize, sampleSize);
+  const imageData = ctx.getImageData(0, 0, sampleSize, sampleSize);
+  const pixels = imageData.data;
+  if (isTransparent(pixels, sampleSize)) {
+    return null;
+  }
+  let r = 0;
+  let g = 0;
+  let b = 0;
+  let totalWeight = 0;
+  const cornerSize = Math.floor(sampleSize * 0.125);
+  for (let y = 0; y < sampleSize; y++) {
+    for (let x = 0; x < sampleSize; x++) {
+      const isInTopLeft = x < cornerSize && y < cornerSize;
+      const isInTopRight = x >= sampleSize - cornerSize && y < cornerSize;
+      const isInBottomLeft = x < cornerSize && y >= sampleSize - cornerSize;
+      const isInBottomRight = x >= sampleSize - cornerSize && y >= sampleSize - cornerSize;
+      if (!isInTopLeft && !isInTopRight && !isInBottomLeft && !isInBottomRight) {
+        continue;
+      }
+      const i = (y * sampleSize + x) * 4;
+      const red = pixels[i];
+      const green = pixels[i + 1];
+      const blue = pixels[i + 2];
+      const alpha = pixels[i + 3];
+      if (alpha === 0) continue;
+      const max = Math.max(red, green, blue);
+      const min = Math.min(red, green, blue);
+      const saturation = max === 0 ? 0 : (max - min) / max;
+      const weight = 1 + saturation * 2;
+      r += red * weight;
+      g += green * weight;
+      b += blue * weight;
+      totalWeight += weight;
+    }
+  }
+  if (totalWeight > 0) {
+    r = Math.round(Math.round(r / totalWeight) * contrast);
+    g = Math.round(Math.round(g / totalWeight) * contrast);
+    b = Math.round(Math.round(b / totalWeight) * contrast);
+    return [
+      r,
+      g,
+      b
+    ];
+  }
+  return null;
+};
+var isTransparent = (pixels, sampleSize, threshold = 0.5) => {
+  let edgeTransparentPixels = 0;
+  const edgePixels = sampleSize * 4 - 4;
+  for (let x = 0; x < sampleSize; x++) {
+    const topIndex = x * 4;
+    if (pixels[topIndex + 3] === 0) edgeTransparentPixels++;
+    const bottomIndex = ((sampleSize - 1) * sampleSize + x) * 4;
+    if (pixels[bottomIndex + 3] === 0) edgeTransparentPixels++;
+  }
+  for (let y = 1; y < sampleSize - 1; y++) {
+    const leftIndex = y * sampleSize * 4;
+    if (pixels[leftIndex + 3] === 0) edgeTransparentPixels++;
+    const rightIndex = (y * sampleSize + sampleSize - 1) * 4;
+    if (pixels[rightIndex + 3] === 0) edgeTransparentPixels++;
+  }
+  return edgeTransparentPixels / edgePixels > threshold;
+};
 
 // src/components/StackContext.tsx
 import { createContext, useContext } from "react";
@@ -123,7 +177,7 @@ var useStackItem = () => useContext(StackItemContext);
 // src/components/Stack/Stack.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import { composeRefs } from "@radix-ui/react-compose-refs";
-import React2, { Children, forwardRef, useCallback, useEffect, useMemo, useState as useState3 } from "react";
+import React2, { Children, forwardRef, useCallback as useCallback2, useEffect, useMemo, useState as useState3 } from "react";
 import { ListItem, useId } from "@dxos/react-ui";
 import { mx as mx2 } from "@dxos/react-ui-theme";
 
@@ -133,14 +187,16 @@ import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element
 import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
 import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
 import { useLayoutEffect, useState as useState2 } from "react";
-var useStackDropForElements = ({ id, element, scrollElement = element, selfDroppable, orientation, onRearrange }) => {
+var noop = () => {
+};
+var useStackDropForElements = ({ id, element, scrollElement = element, orientation, selfDroppable, onRearrange }) => {
   const [dropping, setDropping] = useState2(false);
   useLayoutEffect(() => {
-    if (!element || !selfDroppable) {
+    if (!element) {
       return;
     }
     const acceptSourceType = orientation === "horizontal" ? "column" : "card";
-    return combine(dropTargetForElements({
+    return combine(selfDroppable ? dropTargetForElements({
       element,
       getData: ({ input, element: element2 }) => {
         return attachClosestEdge({
@@ -173,10 +229,10 @@ var useStackDropForElements = ({ id, element, scrollElement = element, selfDropp
           onRearrange(source.data, self.data, extractClosestEdge(self.data));
         }
       }
-    }), autoScrollForElements({
+    }) : noop, scrollElement ? autoScrollForElements({
       element: scrollElement,
       getAllowedAxis: () => orientation
-    }));
+    }) : noop);
   }, [
     element,
     scrollElement,
@@ -226,7 +282,7 @@ var Stack = /* @__PURE__ */ forwardRef(({ children, classNames, style, orientati
       orientation,
       onRearrange
     });
-    const handleScroll = useCallback(() => {
+    const handleScroll = useCallback2(() => {
       if (stackElement && Number.isFinite(separatorOnScroll)) {
         const scrollPosition = orientation === "horizontal" ? stackElement.scrollLeft : stackElement.scrollTop;
         const scrollSize = orientation === "horizontal" ? stackElement.scrollWidth : stackElement.scrollHeight;
@@ -242,7 +298,7 @@ var Stack = /* @__PURE__ */ forwardRef(({ children, classNames, style, orientati
       separatorOnScroll,
       orientation
     ]);
-    const handleBlur = useCallback((event) => {
+    const handleBlur = useCallback2((event) => {
       if (event.target) {
         const target = event.target;
         const closestStackItem = target.closest(`[data-dx-item-id]`);
@@ -255,7 +311,7 @@ var Stack = /* @__PURE__ */ forwardRef(({ children, classNames, style, orientati
       stackId,
       props.onBlur
     ]);
-    const handleKeyDown = useCallback((event) => {
+    const handleKeyDown = useCallback2((event) => {
       const target = event.target;
       if (event.key.startsWith("Arrow") && !target.closest(`input, textarea, [role="textbox"], [data-tabster*="mover"], [data-arrow-keys="all"], [data-arrow-keys~="${event.key.toLowerCase().slice(5)}"]`)) {
         const closestOwnedItem = target.closest(`[data-dx-stack-item="${stackId}"]`);
@@ -440,7 +496,7 @@ import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/el
 import { attachClosestEdge as attachClosestEdge2, extractClosestEdge as extractClosestEdge2 } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
 import { useFocusableGroup } from "@fluentui/react-tabster";
 import { composeRefs as composeRefs2 } from "@radix-ui/react-compose-refs";
-import React9, { forwardRef as forwardRef5, useCallback as useCallback2, useLayoutEffect as useLayoutEffect2, useMemo as useMemo3, useState as useState5 } from "react";
+import React9, { forwardRef as forwardRef5, useCallback as useCallback3, useLayoutEffect as useLayoutEffect2, useMemo as useMemo3, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
 import { ListItem as ListItem2 } from "@dxos/react-ui";
 import { resizeAttributes, sizeStyle } from "@dxos/react-ui-dnd";
@@ -473,7 +529,7 @@ var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusb
     return /* @__PURE__ */ React3.createElement("div", {
       role: "none",
       ...props,
-      className: mx3("group grid grid-cols-[100%] density-coarse", stackItemSize === "contain" && "min-bs-0 overflow-hidden", size === "video" ? "aspect-video" : size === "square" && "aspect-square", toolbar && "[&>.dx-toolbar]:relative [&>.dx-toolbar]:border-be [&>.dx-toolbar]:border-subduedSeparator", scrollable ? "min-bs-0 overflow-y-auto scrollbar-thin contain-layout" : "overflow-hidden", role === "section" && toolbar && "[&_.dx-toolbar]:sticky [&_.dx-toolbar]:z-[1] [&_.dx-toolbar]:block-start-0 [&_.dx-toolbar]:-mbe-px [&_.dx-toolbar]:min-is-0", classNames),
+      className: mx3("group grid grid-cols-[100%] density-coarse", size === "video" ? "aspect-video" : size === "square" && "aspect-square", stackItemSize === "contain" && "min-bs-0 overflow-hidden", scrollable ? "min-bs-0 overflow-y-auto scrollbar-thin contain-layout" : "overflow-hidden", role === "section" && toolbar && "[&_.dx-toolbar]:sticky [&_.dx-toolbar]:z-[1] [&_.dx-toolbar]:block-start-0 [&_.dx-toolbar]:-mbe-px [&_.dx-toolbar]:min-is-0", toolbar && "[&>.dx-toolbar]:relative [&>.dx-toolbar]:border-be [&>.dx-toolbar]:border-subduedSeparator", classNames),
       style,
       "data-popover-collision-boundary": true,
       ref: forwardedRef
@@ -716,7 +772,7 @@ var StackItemRoot = /* @__PURE__ */ forwardRef5(({ item, children, classNames, s
     const [size = orientation === "horizontal" ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] = useState5(propsSize);
     const Root = role ?? "div";
     const composedItemRef = composeRefs2(itemRef, forwardedRef);
-    const setSize = useCallback2((nextSize, commit) => {
+    const setSize = useCallback3((nextSize, commit) => {
       setInternalSize(nextSize);
       if (commit) {
         onSizeChange?.(nextSize);
@@ -926,10 +982,10 @@ import { Primitive } from "@radix-ui/react-primitive";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import React10, { forwardRef as forwardRef6 } from "react";
 import { Icon as Icon2, IconButton, Toolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { hoverableControls, mx as mx7 } from "@dxos/react-ui-theme";
-var cardDefaultInlineSize = 18;
+import { cardMinInlineSize, hoverableControls, mx as mx7 } from "@dxos/react-ui-theme";
+var cardDefaultInlineSize = cardMinInlineSize;
 var cardStackDefaultInlineSizeRem = cardDefaultInlineSize + 2.125;
-var CardStaticRoot = /* @__PURE__ */ forwardRef6(({ children, classNames, asChild, role = "group", ...props }, forwardedRef) => {
+var CardStaticRoot = /* @__PURE__ */ forwardRef6(({ children, classNames, id, asChild, role = "group", ...props }, forwardedRef) => {
   var _effect = _useSignals10();
   try {
     const Root = asChild ? Slot3 : "div";
@@ -943,6 +999,9 @@ var CardStaticRoot = /* @__PURE__ */ forwardRef6(({ children, classNames, asChil
       role
     };
     return /* @__PURE__ */ React10.createElement(Root, {
+      ...id && {
+        "data-object-id": id
+      },
       ...props,
       ...rootProps,
       ref: forwardedRef
@@ -951,7 +1010,7 @@ var CardStaticRoot = /* @__PURE__ */ forwardRef6(({ children, classNames, asChil
     _effect.f();
   }
 });
-var CardSurfaceRoot = ({ role = "never", children, classNames }) => {
+var CardSurfaceRoot = ({ id, role = "never", children, classNames }) => {
   var _effect = _useSignals10();
   try {
     if ([
@@ -960,6 +1019,9 @@ var CardSurfaceRoot = ({ role = "never", children, classNames }) => {
       "card--extrinsic"
     ].includes(role)) {
       return /* @__PURE__ */ React10.createElement("div", {
+        ...id && {
+          "data-object-id": id
+        },
         className: mx7(role === "card--popover" ? "popover-card-width" : [
           "card--intrinsic",
           "card--extrinsic"
@@ -967,6 +1029,7 @@ var CardSurfaceRoot = ({ role = "never", children, classNames }) => {
       }, children);
     } else {
       return /* @__PURE__ */ React10.createElement(CardStaticRoot, {
+        id,
         classNames: [
           role === "card--transclusion" && "mlb-1",
           role === "card--transclusion" && hoverableControls,
@@ -1044,8 +1107,9 @@ var CardPoster = (props) => {
     if (props.image) {
       return /* @__PURE__ */ React10.createElement(Image, {
         classNames: [
-          `dx-card__poster is-full __bs-auto`,
-          aspect
+          `dx-card__poster is-full`,
+          aspect,
+          props.classNames
         ],
         src: props.image,
         alt: props.alt
@@ -1054,7 +1118,7 @@ var CardPoster = (props) => {
     if (props.icon) {
       return /* @__PURE__ */ React10.createElement("div", {
         role: "image",
-        className: mx7(`dx-card__poster grid place-items-center bg-inputSurface text-subdued`, aspect),
+        className: mx7(`dx-card__poster grid place-items-center bg-inputSurface text-subdued`, aspect, props.classNames),
         "aria-label": props.alt
       }, /* @__PURE__ */ React10.createElement(Icon2, {
         icon: props.icon,
@@ -1417,4 +1481,4 @@ export {
   CardStack,
   CardStackDragPreview
 };
-//# sourceMappingURL=chunk-MMAOXKOM.mjs.map
+//# sourceMappingURL=chunk-SYKFLQGK.mjs.map