@dxos/react-ui-stack 0.8.4-main.a4bbb77 → 0.8.4-main.ae835ea

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/lib/browser/{chunk-K76XHALI.mjs → chunk-T4ZCIFCF.mjs} +84 -56
  2. package/dist/lib/browser/chunk-T4ZCIFCF.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +5 -1
  4. package/dist/lib/browser/meta.json +1 -1
  5. package/dist/lib/browser/playwright/index.mjs +10 -23
  6. package/dist/lib/browser/playwright/index.mjs.map +2 -2
  7. package/dist/lib/browser/testing/index.mjs +1 -1
  8. package/dist/lib/node-esm/{chunk-2UOARV5Q.mjs → chunk-G2QYUH52.mjs} +84 -56
  9. package/dist/lib/node-esm/chunk-G2QYUH52.mjs.map +7 -0
  10. package/dist/lib/node-esm/index.mjs +5 -1
  11. package/dist/lib/node-esm/meta.json +1 -1
  12. package/dist/lib/node-esm/playwright/index.mjs +10 -23
  13. package/dist/lib/node-esm/playwright/index.mjs.map +2 -2
  14. package/dist/lib/node-esm/testing/index.mjs +1 -1
  15. package/dist/types/src/components/Image/Image.d.ts +5 -2
  16. package/dist/types/src/components/Image/Image.d.ts.map +1 -1
  17. package/dist/types/src/components/Image/Image.stories.d.ts +2 -0
  18. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -1
  19. package/dist/types/src/components/StackItem/StackItem.d.ts +3 -2
  20. package/dist/types/src/components/StackItem/StackItem.d.ts.map +1 -1
  21. package/dist/types/src/components/StackItem/StackItemContent.d.ts +20 -10
  22. package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +1 -1
  23. package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +1 -1
  24. package/dist/types/src/exemplars/Card/Card.d.ts +15 -4
  25. package/dist/types/src/exemplars/Card/Card.d.ts.map +1 -1
  26. package/dist/types/tsconfig.tsbuildinfo +1 -1
  27. package/package.json +22 -22
  28. package/src/components/Image/Image.stories.tsx +25 -3
  29. package/src/components/Image/Image.tsx +121 -66
  30. package/src/components/StackItem/StackItem.stories.tsx +1 -1
  31. package/src/components/StackItem/StackItemContent.tsx +19 -8
  32. package/src/components/StackItem/StackItemHeading.tsx +1 -5
  33. package/src/exemplars/Card/Card.tsx +20 -2
  34. package/dist/lib/browser/chunk-K76XHALI.mjs.map +0 -7
  35. package/dist/lib/node-esm/chunk-2UOARV5Q.mjs.map +0 -7
@@ -1 +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":7832,"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":8042,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","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":20548,"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-K76XHALI.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","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":1497},"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-K76XHALI.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-K76XHALI.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":101922},"dist/lib/browser/chunk-K76XHALI.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":"@fluentui/react-tabster","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","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","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":8788},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1597},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":2177},"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":5710},"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}}}
1
+ {"inputs":{"src/components/Image/Image.tsx":{"bytes":18897,"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":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":21691,"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-T4ZCIFCF.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-T4ZCIFCF.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-T4ZCIFCF.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":104796},"dist/lib/browser/chunk-T4ZCIFCF.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":4179},"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":5799},"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":53714}}}
@@ -1,18 +1,11 @@
1
1
  // src/playwright/stack-manager.ts
2
- function _define_property(obj, key, value) {
3
- if (key in obj) {
4
- Object.defineProperty(obj, key, {
5
- value,
6
- enumerable: true,
7
- configurable: true,
8
- writable: true
9
- });
10
- } else {
11
- obj[key] = value;
12
- }
13
- return obj;
14
- }
15
2
  var StackManager = class {
3
+ locator;
4
+ _page;
5
+ constructor(locator) {
6
+ this.locator = locator;
7
+ this._page = locator.page();
8
+ }
16
9
  sections() {
17
10
  return this.locator.locator("section");
18
11
  }
@@ -22,14 +15,14 @@ var StackManager = class {
22
15
  section(index) {
23
16
  return new SectionManager(this.locator.locator("section").nth(index));
24
17
  }
18
+ };
19
+ var SectionManager = class {
20
+ locator;
21
+ _page;
25
22
  constructor(locator) {
26
- _define_property(this, "locator", void 0);
27
- _define_property(this, "_page", void 0);
28
23
  this.locator = locator;
29
24
  this._page = locator.page();
30
25
  }
31
- };
32
- var SectionManager = class {
33
26
  async id() {
34
27
  return this.locator.getAttribute("id");
35
28
  }
@@ -60,12 +53,6 @@ var SectionManager = class {
60
53
  await this._page.mouse.up();
61
54
  }
62
55
  }
63
- constructor(locator) {
64
- _define_property(this, "locator", void 0);
65
- _define_property(this, "_page", void 0);
66
- this.locator = locator;
67
- this._page = locator.page();
68
- }
69
56
  };
70
57
  export {
71
58
  SectionManager,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/playwright/stack-manager.ts"],
4
4
  "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"],
5
- "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;",
6
- "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"]
5
+ "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;",
6
+ "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"]
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Card
3
- } from "../chunk-K76XHALI.mjs";
3
+ } from "../chunk-T4ZCIFCF.mjs";
4
4
 
5
5
  // src/testing/CardContainer.tsx
6
6
  import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
@@ -11,56 +11,25 @@ var Image = ({ classNames, src, alt = "", crossOrigin = "anonymous", sampleSize
11
11
  const [dominantColor, setDominantColor] = useState(void 0);
12
12
  const [imageLoaded, setImageLoaded] = useState(false);
13
13
  const canvasRef = useRef(null);
14
- const extractDominantColor = (img) => {
15
- const canvas = canvasRef.current;
16
- const ctx = canvas?.getContext("2d");
17
- if (!canvas || !ctx) {
14
+ const handleImageError = () => {
15
+ setCrossOriginState(void 0);
16
+ };
17
+ const handleImageLoad = ({ target }) => {
18
+ const img = target;
19
+ if (!canvasRef.current) {
18
20
  return;
19
21
  }
20
- canvas.width = sampleSize;
21
- canvas.height = sampleSize;
22
- ctx.drawImage(img, 0, 0, sampleSize, sampleSize);
23
22
  try {
24
- const imageData = ctx.getImageData(0, 0, sampleSize, sampleSize);
25
- const pixels = imageData.data;
26
- let r = 0;
27
- let g = 0;
28
- let b = 0;
29
- let totalWeight = 0;
30
- for (let i = 0; i < pixels.length; i += 4) {
31
- const red = pixels[i];
32
- const green = pixels[i + 1];
33
- const blue = pixels[i + 2];
34
- const alpha = pixels[i + 3];
35
- if (alpha === 0) continue;
36
- const max = Math.max(red, green, blue);
37
- const min = Math.min(red, green, blue);
38
- const saturation = max === 0 ? 0 : (max - min) / max;
39
- const weight = 1 + saturation * 2;
40
- r += red * weight;
41
- g += green * weight;
42
- b += blue * weight;
43
- totalWeight += weight;
44
- }
45
- if (totalWeight > 0) {
46
- r = Math.round(r / totalWeight);
47
- g = Math.round(g / totalWeight);
48
- b = Math.round(b / totalWeight);
49
- r = Math.round(r * contrast);
50
- g = Math.round(g * contrast);
51
- b = Math.round(b * contrast);
52
- setDominantColor(`rgb(${r}, ${g}, ${b})`);
23
+ const color = extractDominantColor(canvasRef.current, img, {
24
+ sampleSize,
25
+ contrast
26
+ });
27
+ if (color) {
28
+ setDominantColor(`rgb(${color[0]}, ${color[1]}, ${color[2]})`);
53
29
  }
54
30
  } catch {
55
31
  setCrossOriginState(void 0);
56
32
  }
57
- };
58
- const handleImageError = () => {
59
- setCrossOriginState(void 0);
60
- };
61
- const handleImageLoad = (ev) => {
62
- const img = ev.target;
63
- extractDominantColor(img);
64
33
  setImageLoaded(true);
65
34
  };
66
35
  return /* @__PURE__ */ React.createElement("div", {
@@ -96,6 +65,67 @@ var Image = ({ classNames, src, alt = "", crossOrigin = "anonymous", sampleSize
96
65
  _effect.f();
97
66
  }
98
67
  };
68
+ var extractDominantColor = (canvas, img, { sampleSize = 64, contrast = 0.95 }) => {
69
+ const ctx = canvas.getContext("2d");
70
+ if (!ctx) {
71
+ return null;
72
+ }
73
+ canvas.width = sampleSize;
74
+ canvas.height = sampleSize;
75
+ ctx.drawImage(img, 0, 0, sampleSize, sampleSize);
76
+ const imageData = ctx.getImageData(0, 0, sampleSize, sampleSize);
77
+ const pixels = imageData.data;
78
+ if (isTransparent(pixels, sampleSize)) {
79
+ return null;
80
+ }
81
+ let r = 0;
82
+ let g = 0;
83
+ let b = 0;
84
+ let totalWeight = 0;
85
+ for (let i = 0; i < pixels.length; i += 4) {
86
+ const red = pixels[i];
87
+ const green = pixels[i + 1];
88
+ const blue = pixels[i + 2];
89
+ const alpha = pixels[i + 3];
90
+ if (alpha === 0) continue;
91
+ const max = Math.max(red, green, blue);
92
+ const min = Math.min(red, green, blue);
93
+ const saturation = max === 0 ? 0 : (max - min) / max;
94
+ const weight = 1 + saturation * 2;
95
+ r += red * weight;
96
+ g += green * weight;
97
+ b += blue * weight;
98
+ totalWeight += weight;
99
+ }
100
+ if (totalWeight > 0) {
101
+ r = Math.round(Math.round(r / totalWeight) * contrast);
102
+ g = Math.round(Math.round(g / totalWeight) * contrast);
103
+ b = Math.round(Math.round(b / totalWeight) * contrast);
104
+ return [
105
+ r,
106
+ g,
107
+ b
108
+ ];
109
+ }
110
+ return null;
111
+ };
112
+ var isTransparent = (pixels, sampleSize, threshold = 0.5) => {
113
+ let edgeTransparentPixels = 0;
114
+ const edgePixels = sampleSize * 4 - 4;
115
+ for (let x = 0; x < sampleSize; x++) {
116
+ const topIndex = x * 4;
117
+ if (pixels[topIndex + 3] === 0) edgeTransparentPixels++;
118
+ const bottomIndex = ((sampleSize - 1) * sampleSize + x) * 4;
119
+ if (pixels[bottomIndex + 3] === 0) edgeTransparentPixels++;
120
+ }
121
+ for (let y = 1; y < sampleSize - 1; y++) {
122
+ const leftIndex = y * sampleSize * 4;
123
+ if (pixels[leftIndex + 3] === 0) edgeTransparentPixels++;
124
+ const rightIndex = (y * sampleSize + sampleSize - 1) * 4;
125
+ if (pixels[rightIndex + 3] === 0) edgeTransparentPixels++;
126
+ }
127
+ return edgeTransparentPixels / edgePixels > threshold;
128
+ };
99
129
 
100
130
  // src/components/StackContext.tsx
101
131
  import { createContext, useContext } from "react";
@@ -438,7 +468,7 @@ import { draggable, dropTargetForElements as dropTargetForElements2 } from "@atl
438
468
  import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source";
439
469
  import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
440
470
  import { attachClosestEdge as attachClosestEdge2, extractClosestEdge as extractClosestEdge2 } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
441
- import { useFocusableGroup as useFocusableGroup2 } from "@fluentui/react-tabster";
471
+ import { useFocusableGroup } from "@fluentui/react-tabster";
442
472
  import { composeRefs as composeRefs2 } from "@radix-ui/react-compose-refs";
443
473
  import React9, { forwardRef as forwardRef5, useCallback as useCallback2, useLayoutEffect as useLayoutEffect2, useMemo as useMemo3, useState as useState5 } from "react";
444
474
  import { createPortal } from "react-dom";
@@ -450,7 +480,7 @@ import { mx as mx6 } from "@dxos/react-ui-theme";
450
480
  import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
451
481
  import React3, { forwardRef as forwardRef2, useMemo as useMemo2 } from "react";
452
482
  import { mx as mx3 } from "@dxos/react-ui-theme";
453
- var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusbar, layoutManaged, classNames, size = "intrinsic", ...props }, forwardedRef) => {
483
+ var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusbar, layoutManaged, classNames, size = "intrinsic", scrollable, ...props }, forwardedRef) => {
454
484
  var _effect = _useSignals3();
455
485
  try {
456
486
  const { size: stackItemSize } = useStack();
@@ -473,7 +503,7 @@ var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusb
473
503
  return /* @__PURE__ */ React3.createElement("div", {
474
504
  role: "none",
475
505
  ...props,
476
- 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", 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),
506
+ 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),
477
507
  style,
478
508
  "data-popover-collision-boundary": true,
479
509
  ref: forwardedRef
@@ -503,7 +533,6 @@ var StackItemDragHandle = ({ asChild, children }) => {
503
533
 
504
534
  // src/components/StackItem/StackItemHeading.tsx
505
535
  import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
506
- import { useFocusableGroup } from "@fluentui/react-tabster";
507
536
  import { Slot as Slot2 } from "@radix-ui/react-slot";
508
537
  import React5, { forwardRef as forwardRef3 } from "react";
509
538
  import { useAttention } from "@dxos/react-ui-attention";
@@ -512,16 +541,11 @@ var StackItemHeading = ({ children, classNames, asChild, separateOnScroll, ...pr
512
541
  var _effect = _useSignals5();
513
542
  try {
514
543
  const { orientation } = useStack();
515
- const focusableGroupAttrs = useFocusableGroup({
516
- tabBehavior: "limited"
517
- });
518
544
  const Root = asChild ? Slot2 : "div";
519
545
  return /* @__PURE__ */ React5.createElement(Root, {
520
546
  role: "heading",
521
547
  ...props,
522
- tabIndex: 0,
523
- ...focusableGroupAttrs,
524
- className: mx4("flex items-center dx-focus-ring-inset-over-all relative !border-is-0 bg-headerSurface", separateOnScroll ? 'border-transparent [[data-scroll-separator="true"]_&]:border-subduedSeparator' : "border-subduedSeparator", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", orientation === "horizontal" ? "border-be" : "border-ie", classNames)
548
+ className: mx4("flex items-center !border-is-0 bg-headerSurface", separateOnScroll ? 'border-transparent [[data-scroll-separator="true"]_&]:border-subduedSeparator' : "border-subduedSeparator", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", orientation === "horizontal" ? "border-be" : "border-ie", classNames)
525
549
  }, children);
526
550
  } finally {
527
551
  _effect.f();
@@ -831,7 +855,7 @@ var StackItemRoot = /* @__PURE__ */ forwardRef5(({ item, children, classNames, s
831
855
  selfDragHandleElement,
832
856
  itemElement
833
857
  ]);
834
- const focusableGroupAttrs = useFocusableGroup2({
858
+ const focusableGroupAttrs = useFocusableGroup({
835
859
  tabBehavior: "limited"
836
860
  });
837
861
  const shouldShowDropIndicator = () => {
@@ -933,6 +957,8 @@ import { Slot as Slot3 } from "@radix-ui/react-slot";
933
957
  import React10, { forwardRef as forwardRef6 } from "react";
934
958
  import { Icon as Icon2, IconButton, Toolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
935
959
  import { hoverableControls, mx as mx7 } from "@dxos/react-ui-theme";
960
+ var cardDefaultInlineSize = 18;
961
+ var cardStackDefaultInlineSizeRem = cardDefaultInlineSize + 2.125;
936
962
  var CardStaticRoot = /* @__PURE__ */ forwardRef6(({ children, classNames, asChild, role = "group", ...props }, forwardedRef) => {
937
963
  var _effect = _useSignals10();
938
964
  try {
@@ -1048,7 +1074,7 @@ var CardPoster = (props) => {
1048
1074
  if (props.image) {
1049
1075
  return /* @__PURE__ */ React10.createElement(Image, {
1050
1076
  classNames: [
1051
- `dx-card__poster is-full __bs-auto`,
1077
+ `dx-card__poster is-full`,
1052
1078
  aspect
1053
1079
  ],
1054
1080
  src: props.image,
@@ -1409,6 +1435,8 @@ export {
1409
1435
  cardText,
1410
1436
  cardHeading,
1411
1437
  cardChrome,
1438
+ cardDefaultInlineSize,
1439
+ cardStackDefaultInlineSizeRem,
1412
1440
  Card,
1413
1441
  CardDragPreview2 as CardDragPreview,
1414
1442
  cardStackHeading,
@@ -1419,4 +1447,4 @@ export {
1419
1447
  CardStack,
1420
1448
  CardStackDragPreview
1421
1449
  };
1422
- //# sourceMappingURL=chunk-2UOARV5Q.mjs.map
1450
+ //# sourceMappingURL=chunk-G2QYUH52.mjs.map