@dxos/react-ui-stack 0.8.4-main.84f28bd → 0.8.4-main.9735255

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 (102) hide show
  1. package/dist/lib/browser/index.mjs +753 -1001
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/browser/{testing → playwright}/index.mjs +5 -1
  5. package/dist/lib/browser/{testing → playwright}/index.mjs.map +3 -3
  6. package/dist/lib/node-esm/index.mjs +753 -1001
  7. package/dist/lib/node-esm/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/meta.json +1 -1
  9. package/dist/lib/node-esm/{testing → playwright}/index.mjs +5 -1
  10. package/dist/lib/node-esm/{testing → playwright}/index.mjs.map +3 -3
  11. package/dist/types/src/{exemplars → components}/CardStack/CardStack.d.ts +20 -13
  12. package/dist/types/src/components/CardStack/CardStack.d.ts.map +1 -0
  13. package/dist/types/src/components/CardStack/CardStack.stories.d.ts +15 -0
  14. package/dist/types/src/components/CardStack/CardStack.stories.d.ts.map +1 -0
  15. package/dist/types/src/{exemplars → components}/CardStack/CardStackDragPreview.d.ts +1 -1
  16. package/dist/types/src/components/CardStack/CardStackDragPreview.d.ts.map +1 -0
  17. package/dist/types/src/components/CardStack/index.d.ts.map +1 -0
  18. package/dist/types/src/components/Stack/Stack.d.ts +15 -7
  19. package/dist/types/src/components/Stack/Stack.d.ts.map +1 -1
  20. package/dist/types/src/components/Stack/Stack.stories.d.ts +12 -3
  21. package/dist/types/src/components/Stack/Stack.stories.d.ts.map +1 -1
  22. package/dist/types/src/components/StackContext.d.ts +2 -1
  23. package/dist/types/src/components/StackContext.d.ts.map +1 -1
  24. package/dist/types/src/components/StackItem/StackItem.d.ts +9 -12
  25. package/dist/types/src/components/StackItem/StackItem.d.ts.map +1 -1
  26. package/dist/types/src/components/StackItem/StackItem.stories.d.ts +13 -5
  27. package/dist/types/src/components/StackItem/StackItem.stories.d.ts.map +1 -1
  28. package/dist/types/src/components/StackItem/StackItemContent.d.ts +4 -37
  29. package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +1 -1
  30. package/dist/types/src/components/StackItem/StackItemHeading.d.ts +1 -1
  31. package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +1 -1
  32. package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts.map +1 -1
  33. package/dist/types/src/components/StackItem/StackItemSigil.d.ts +2 -2
  34. package/dist/types/src/components/StackItem/StackItemSigil.d.ts.map +1 -1
  35. package/dist/types/src/components/deprecated/LayoutControls.d.ts +3 -0
  36. package/dist/types/src/components/deprecated/LayoutControls.d.ts.map +1 -1
  37. package/dist/types/src/components/index.d.ts +2 -1
  38. package/dist/types/src/components/index.d.ts.map +1 -1
  39. package/dist/types/src/components/{defs.d.ts → types.d.ts} +1 -1
  40. package/dist/types/src/components/types.d.ts.map +1 -0
  41. package/dist/types/src/hooks/useStackDropForElements.d.ts +9 -7
  42. package/dist/types/src/hooks/useStackDropForElements.d.ts.map +1 -1
  43. package/dist/types/src/index.d.ts +0 -1
  44. package/dist/types/src/index.d.ts.map +1 -1
  45. package/dist/types/src/playwright/index.d.ts.map +1 -0
  46. package/dist/types/src/playwright/stack-manager.d.ts.map +1 -0
  47. package/dist/types/src/translations.d.ts +2 -2
  48. package/dist/types/src/translations.d.ts.map +1 -1
  49. package/dist/types/tsconfig.tsbuildinfo +1 -1
  50. package/package.json +48 -39
  51. package/src/{exemplars → components}/CardStack/CardStack.stories.tsx +19 -18
  52. package/src/{exemplars → components}/CardStack/CardStack.tsx +114 -54
  53. package/src/{exemplars → components}/CardStack/CardStackDragPreview.tsx +3 -3
  54. package/src/components/Stack/Stack.stories.tsx +8 -9
  55. package/src/components/Stack/Stack.tsx +225 -26
  56. package/src/components/StackContext.tsx +2 -1
  57. package/src/components/StackItem/StackItem.stories.tsx +19 -15
  58. package/src/components/StackItem/StackItem.tsx +49 -29
  59. package/src/components/StackItem/StackItemContent.tsx +19 -40
  60. package/src/components/StackItem/StackItemHeading.tsx +5 -9
  61. package/src/components/StackItem/StackItemResizeHandle.tsx +2 -1
  62. package/src/components/StackItem/StackItemSigil.tsx +5 -4
  63. package/src/components/deprecated/LayoutControls.tsx +3 -0
  64. package/src/components/index.ts +2 -1
  65. package/src/hooks/useStackDropForElements.ts +59 -45
  66. package/src/index.ts +0 -3
  67. package/src/{testing → playwright}/index.ts +1 -1
  68. package/src/playwright/playwright.config.ts +1 -1
  69. package/src/playwright/smoke.spec.ts +1 -1
  70. package/src/translations.ts +1 -1
  71. package/dist/types/src/components/defs.d.ts.map +0 -1
  72. package/dist/types/src/exemplars/Card/Card.d.ts +0 -57
  73. package/dist/types/src/exemplars/Card/Card.d.ts.map +0 -1
  74. package/dist/types/src/exemplars/Card/Card.stories.d.ts +0 -13
  75. package/dist/types/src/exemplars/Card/Card.stories.d.ts.map +0 -1
  76. package/dist/types/src/exemplars/Card/CardDragPreview.d.ts +0 -6
  77. package/dist/types/src/exemplars/Card/CardDragPreview.d.ts.map +0 -1
  78. package/dist/types/src/exemplars/Card/fragments.d.ts +0 -12
  79. package/dist/types/src/exemplars/Card/fragments.d.ts.map +0 -1
  80. package/dist/types/src/exemplars/Card/index.d.ts +0 -4
  81. package/dist/types/src/exemplars/Card/index.d.ts.map +0 -1
  82. package/dist/types/src/exemplars/CardStack/CardStack.d.ts.map +0 -1
  83. package/dist/types/src/exemplars/CardStack/CardStack.stories.d.ts +0 -9
  84. package/dist/types/src/exemplars/CardStack/CardStack.stories.d.ts.map +0 -1
  85. package/dist/types/src/exemplars/CardStack/CardStackDragPreview.d.ts.map +0 -1
  86. package/dist/types/src/exemplars/CardStack/index.d.ts.map +0 -1
  87. package/dist/types/src/exemplars/index.d.ts +0 -3
  88. package/dist/types/src/exemplars/index.d.ts.map +0 -1
  89. package/dist/types/src/testing/index.d.ts.map +0 -1
  90. package/dist/types/src/testing/stack-manager.d.ts.map +0 -1
  91. package/src/exemplars/Card/Card.stories.tsx +0 -78
  92. package/src/exemplars/Card/Card.tsx +0 -167
  93. package/src/exemplars/Card/CardDragPreview.tsx +0 -22
  94. package/src/exemplars/Card/fragments.ts +0 -23
  95. package/src/exemplars/Card/index.ts +0 -7
  96. package/src/exemplars/index.ts +0 -6
  97. /package/dist/types/src/{exemplars → components}/CardStack/index.d.ts +0 -0
  98. /package/dist/types/src/{testing → playwright}/index.d.ts +0 -0
  99. /package/dist/types/src/{testing → playwright}/stack-manager.d.ts +0 -0
  100. /package/src/{exemplars → components}/CardStack/index.ts +0 -0
  101. /package/src/components/{defs.ts → types.ts} +0 -0
  102. /package/src/{testing → playwright}/stack-manager.ts +0 -0
@@ -1 +1 @@
1
- {"inputs":{"src/components/defs.ts":{"bytes":1239,"imports":[],"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":3423,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":18679,"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-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":7777,"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/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"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/translations.ts":{"bytes":2149,"imports":[],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18614,"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/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":34807,"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/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"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"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":630,"imports":[{"path":"src/components/defs.ts","kind":"import-statement","original":"./defs"},{"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":3657,"imports":[],"format":"esm"},"src/exemplars/Card/Card.tsx":{"bytes":19738,"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/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"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":15766,"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/testing/stack-manager.ts":{"bytes":7182,"imports":[],"format":"esm"},"src/testing/index.ts":{"bytes":478,"imports":[{"path":"src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":79111},"dist/lib/node-esm/index.mjs":{"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-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":"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","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardRoot","cardSpacing","cardStackContent","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/components/index.ts":{"bytesInOutput":0},"src/components/Stack/Stack.tsx":{"bytesInOutput":4810},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":1986},"src/hooks/index.ts":{"bytesInOutput":0},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/Stack/index.ts":{"bytesInOutput":0},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8462},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1582},"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/translations.ts":{"bytesInOutput":495},"src/components/StackItem/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/exemplars/Card/Card.tsx":{"bytesInOutput":5480},"src/exemplars/Card/fragments.ts":{"bytesInOutput":974},"src/exemplars/Card/index.ts":{"bytesInOutput":0},"src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":757},"src/exemplars/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":4675},"src/exemplars/CardStack/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2016}},"bytes":42201},"dist/lib/node-esm/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3685},"dist/lib/node-esm/testing/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/testing/index.ts","inputs":{"src/testing/stack-manager.ts":{"bytesInOutput":1516},"src/testing/index.ts":{"bytesInOutput":0}},"bytes":1721}}}
1
+ {"inputs":{"src/hooks/useStackDropForElements.ts":{"bytes":8945,"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":46278,"imports":[{"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/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/CardStack/CardStack.tsx":{"bytes":17090,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"../Stack"}],"format":"esm"},"src/translations.ts":{"bytes":2163,"imports":[],"format":"esm"},"src/components/CardStack/CardStackDragPreview.tsx":{"bytes":5754,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/components/CardStack/index.ts":{"bytes":595,"imports":[{"path":"src/components/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"src/components/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":5871,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/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":2059,"imports":[{"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":6797,"imports":[{"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/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":2835,"imports":[{"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/components/StackItem/MenuSignifier.tsx":{"bytes":3207,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18009,"imports":[{"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/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":35335,"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/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/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":683,"imports":[{"path":"src/components/CardStack/index.ts","kind":"import-statement","original":"./CardStack"},{"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/index.ts":{"bytes":559,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"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"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":81688},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","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/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":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/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/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/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","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/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","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/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Stack","StackContext","StackItem","autoScrollRootAttributes","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/components/CardStack/CardStack.tsx":{"bytesInOutput":4054},"src/components/Stack/Stack.tsx":{"bytesInOutput":10817},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":2036},"src/hooks/index.ts":{"bytesInOutput":0},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":1539},"src/translations.ts":{"bytesInOutput":501},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8254},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1288},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":345},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1591},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":523},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4371},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":442},"src/index.ts":{"bytesInOutput":0}},"bytes":37639},"dist/lib/node-esm/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3703},"dist/lib/node-esm/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":1764}}}
@@ -1,7 +1,9 @@
1
1
  import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
2
 
3
- // src/testing/stack-manager.ts
3
+ // src/playwright/stack-manager.ts
4
4
  var StackManager = class {
5
+ locator;
6
+ _page;
5
7
  constructor(locator) {
6
8
  this.locator = locator;
7
9
  this._page = locator.page();
@@ -17,6 +19,8 @@ var StackManager = class {
17
19
  }
18
20
  };
19
21
  var SectionManager = class {
22
+ locator;
23
+ _page;
20
24
  constructor(locator) {
21
25
  this.locator = locator;
22
26
  this._page = locator.page();
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../src/testing/stack-manager.ts"],
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;EAGX,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKC,QAAQD,QAAQE,KAAI;EAC3B;EAEAC,WAAoB;AAClB,WAAO,KAAKH,QAAQA,QAAQ,SAAA;EAC9B;EAEAI,QAAQ;AACN,WAAO,KAAKJ,QAAQA,QAAQ,SAAA,EAAWK,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKZ,QAAQA,QAAQ,SAAA,EAAWa,IAAIF,KAAAA,CAAAA;EAChE;AACF;AAEO,IAAMC,iBAAN,MAAMA;EAGX,YAAqBZ,SAAkB;SAAlBA,UAAAA;AACnB,SAAKC,QAAQD,QAAQE,KAAI;EAC3B;EAEA,MAAMY,KAA6B;AACjC,WAAO,KAAKd,QAAQS,aAAa,IAAA;EACnC;EAEA,MAAMM,SAAwB;AAC5B,UAAM,KAAKf,QAAQgB,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKhB,MAAMe,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKlB,QAAQgB,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKhB,MAAMe,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKxB,QAAQgB,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAK1B,MAAM2B,MAAMC,KAAI;AAE3B,YAAM,KAAK5B,MAAM6B,eAAe,GAAA;AAChC,YAAM,KAAK7B,MAAM8B,MAAK;AACtB,YAAM,KAAK9B,MAAM2B,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKlC,MAAM8B,MAAK;AACtB,YAAM,KAAK9B,MAAM6B,eAAe,GAAA;AAChC,YAAM,KAAK7B,MAAM2B,MAAMQ,GAAE;IAC3B;EACF;AACF;",
6
- "names": ["StackManager", "locator", "_page", "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"]
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,40 +1,47 @@
1
1
  import React from 'react';
2
- import { type StackProps } from '../../components';
2
+ import { type StackProps } from '../Stack';
3
+ /**
4
+ * This is `cardDefaultInlineSize` plus 2 times the sum of the inner and outer spacing applied by CardStack on the inline axis.
5
+ */
6
+ declare const cardStackDefaultInlineSizeRem: number;
7
+ declare const cardStackRoot = "flex flex-col";
8
+ declare const cardStackContent = "shrink min-bs-0 grid dx-focus-ring-group-x-indicator bg-baseSurface";
9
+ declare const cardStackItem = "contain-layout pli-2 plb-1 first-of-type:pbs-0 last-of-type:pbe-0";
3
10
  declare const cardStackHeading = "mli-2 order-first bg-transparent rounded-bs-md flex items-center";
4
11
  declare const cardStackFooter = "plb-2 mli-2 border-bs border-transparent [[data-scroll-separator-end=\"true\"]_&]:border-subduedSeparator";
5
- declare const cardStackContent: string[];
6
- declare const cardStackRoot = "flex flex-col pli-2 plb-2";
7
- declare const cardStackItem = "contain-layout pli-2 plb-1 first-of-type:pbs-0 last-of-type:pbe-0";
12
+ /**
13
+ * @deprecated Replace with Mosaic.Stack.
14
+ */
8
15
  export declare const CardStack: {
9
16
  Root: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
10
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
17
+ classNames?: import("@dxos/ui-types").ClassNameValue;
11
18
  } & {
12
19
  asChild?: boolean;
13
20
  } & React.RefAttributes<HTMLDivElement>>;
14
21
  Content: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
15
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
22
+ classNames?: import("@dxos/ui-types").ClassNameValue;
16
23
  } & {
17
24
  asChild?: boolean;
25
+ } & {
26
+ footer?: boolean;
18
27
  } & React.RefAttributes<HTMLDivElement>>;
19
28
  Stack: React.ForwardRefExoticComponent<Omit<Omit<StackProps, "orientation" | "rail" | "size" | "separatorOnScroll">, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
29
  Heading: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
21
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
30
+ classNames?: import("@dxos/ui-types").ClassNameValue;
22
31
  } & {
23
32
  asChild?: boolean;
24
33
  } & React.RefAttributes<HTMLDivElement>>;
25
34
  Footer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
26
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
35
+ classNames?: import("@dxos/ui-types").ClassNameValue;
27
36
  } & {
28
37
  asChild?: boolean;
29
38
  } & React.RefAttributes<HTMLDivElement>>;
30
- DragHandle: React.ForwardRefExoticComponent<{
31
- toolbarItem?: boolean;
32
- } & React.RefAttributes<HTMLButtonElement>>;
39
+ DragHandle: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;
33
40
  Item: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
34
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
41
+ classNames?: import("@dxos/ui-types").ClassNameValue;
35
42
  } & {
36
43
  asChild?: boolean;
37
44
  } & React.RefAttributes<HTMLDivElement>>;
38
45
  };
39
- export { cardStackRoot, cardStackFooter, cardStackHeading, cardStackContent, cardStackItem };
46
+ export { cardStackRoot, cardStackFooter, cardStackHeading, cardStackContent, cardStackItem, cardStackDefaultInlineSizeRem, };
40
47
  //# sourceMappingURL=CardStack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CardStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/CardStack/CardStack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAMzE,OAAO,EAAS,KAAK,UAAU,EAAuC,MAAM,UAAU,CAAC;AAEvF;;GAEG;AACH,QAAA,MAAM,6BAA6B,QAAgC,CAAC;AAMpE,QAAA,MAAM,aAAa,kBAAkB,CAAC;AAuBtC,QAAA,MAAM,gBAAgB,wEAAwE,CAAC;AA4D/F,QAAA,MAAM,aAAa,sEAAsE,CAAC;AAqB1F,QAAA,MAAM,gBAAgB,qEAAqE,CAAC;AAqB5F,QAAA,MAAM,eAAe,8GACsF,CAAC;AA2B5G;;GAEG;AACH,eAAO,MAAM,SAAS;;;;kBAzGV,OAAO;;;;;kBAAP,OAAO;;iBAzBR,OAAO;;;;;;kBAyBN,OAAO;;;;;kBAAP,OAAO;;;;;;kBAAP,OAAO;;CAiHlB,CAAC;AAEF,OAAO,EACL,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,6BAA6B,GAC9B,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const CardStackStory: () => React.JSX.Element;
4
+ declare const meta: {
5
+ title: string;
6
+ component: () => React.JSX.Element;
7
+ decorators: import("@storybook/react").Decorator[];
8
+ parameters: {
9
+ layout: string;
10
+ };
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof CardStackStory>;
14
+ export declare const Default: Story;
15
+ //# sourceMappingURL=CardStack.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CardStack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/CardStack/CardStack.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgC,MAAM,OAAO,CAAC;AAyBrD,QAAA,MAAM,cAAc,yBA8HnB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;CAO6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React, { type PropsWithChildren } from 'react';
2
- import { type StackProps } from '../../components';
2
+ import { type StackProps } from '../Stack';
3
3
  export declare const CardStackDragPreview: {
4
4
  Root: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
5
5
  Heading: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CardStackDragPreview.d.ts","sourceRoot":"","sources":["../../../../../src/components/CardStack/CardStackDragPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AA6C3C,eAAO,MAAM,oBAAoB;yBA3Ce,iBAAiB,CAAC,EAAE,CAAC;4BAUlB,iBAAiB,CAAC,EAAE,CAAC;yCAmBrE,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;2BAUF,iBAAiB,CAAC,EAAE,CAAC;CAStE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CardStack/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC"}
@@ -1,14 +1,16 @@
1
1
  import React, { type ComponentPropsWithRef } from 'react';
2
2
  import { type ThemedClassName } from '@dxos/react-ui';
3
3
  import { StackContext } from '../StackContext';
4
- import { type StackContextValue } from '../defs';
4
+ import { type StackContextValue } from '../types';
5
5
  export type Orientation = 'horizontal' | 'vertical';
6
- export type Size = 'intrinsic' | 'contain' | 'contain-fit-content';
7
- export type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> & Partial<StackContextValue> & {
8
- itemsCount?: number;
9
- getDropElement?: (stackElement: HTMLDivElement) => HTMLDivElement;
10
- separatorOnScroll?: number;
11
- };
6
+ /**
7
+ * Size is how Stack and its StackItems coordinate the dimensions of the items with the available space.
8
+ * - `intrinsic` signals to Stack and its StackItems to occupy their intrinsic size
9
+ * - Any other size will extrinsically fill the available space along the axis of its orientation and handle overflow:
10
+ * - `contain` causes StackItems to occupy their intrinsic size
11
+ * - `split` divides the Stack’s available space among the StackItems
12
+ */
13
+ export type Size = 'intrinsic' | 'contain' | 'split';
12
14
  export declare const railGridHorizontal = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
13
15
  export declare const railGridVertical = "grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
14
16
  export declare const railGridHorizontalContainFitContent = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]";
@@ -16,6 +18,12 @@ export declare const railGridVerticalContainFitContent = "grid-cols-[[rail-start
16
18
  export declare const autoScrollRootAttributes: {
17
19
  'data-drag-autoscroll': string;
18
20
  };
21
+ export type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> & Partial<StackContextValue> & {
22
+ itemsCount?: number;
23
+ getDropElement?: (stackElement: HTMLDivElement) => HTMLDivElement;
24
+ separatorOnScroll?: number;
25
+ circularFocus?: boolean;
26
+ };
19
27
  export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
28
  export { StackContext };
21
29
  export type { StackContextValue };
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAGZ,KAAK,qBAAqB,EAM3B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,gBAAgB,CAAC;AAIhE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AACpD,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,qBAAqB,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAC9F,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,KAAK,cAAc,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEJ,eAAO,MAAM,kBAAkB,gFAAgF,CAAC;AAChH,eAAO,MAAM,gBAAgB,gFAAgF,CAAC;AAG9G,eAAO,MAAM,mCAAmC,2HAC0E,CAAC;AAC3H,eAAO,MAAM,iCAAiC,2HAC4E,CAAC;AAE3H,eAAO,MAAM,wBAAwB;;CAAqC,CAAC;AAE3E,eAAO,MAAM,KAAK,gGAkHjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAGZ,KAAK,qBAAqB,EAQ3B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAY,KAAK,eAAe,EAAS,MAAM,gBAAgB,CAAC;AAIvE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD,eAAO,MAAM,kBAAkB,gFAAgF,CAAC;AAChH,eAAO,MAAM,gBAAgB,gFAAgF,CAAC;AAG9G,eAAO,MAAM,mCAAmC,2HAC0E,CAAC;AAC3H,eAAO,MAAM,iCAAiC,2HAC4E,CAAC;AAE3H,eAAO,MAAM,wBAAwB;;CAAqC,CAAC;AAY3E,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAC9F,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,KAAK,cAAc,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEJ,eAAO,MAAM,KAAK,gGAqSjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
@@ -1,8 +1,17 @@
1
- import '@dxos-theme';
2
- import { type Meta, type StoryObj } from '@storybook/react-vite';
1
+ import { type StoryObj } from '@storybook/react-vite';
3
2
  import React from 'react';
4
3
  declare const DefaultStory: () => React.JSX.Element;
5
- declare const meta: Meta<typeof DefaultStory>;
4
+ declare const meta: {
5
+ title: string;
6
+ component: () => React.JSX.Element;
7
+ argTypes: {
8
+ orientation: {
9
+ control: string;
10
+ options: string[];
11
+ };
12
+ };
13
+ decorators: import("@storybook/react").Decorator[];
14
+ };
6
15
  export default meta;
7
16
  type Story = StoryObj<typeof DefaultStory>;
8
17
  export declare const Default: Story;
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgC,MAAM,OAAO,CAAC;AAuBrD,QAAA,MAAM,YAAY,yBAkGjB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
1
+ {"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgC,MAAM,OAAO,CAAC;AAwBrD,QAAA,MAAM,YAAY,yBAkGjB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;;;;CAK2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import { type Orientation, type Size } from './Stack';
2
- import { type StackItemSize, type StackItemRearrangeHandler } from './defs';
2
+ import { type StackItemRearrangeHandler, type StackItemSize } from './types';
3
3
  export type StackContextValue = {
4
4
  orientation: Orientation;
5
5
  rail: boolean;
6
6
  size: Size;
7
7
  onRearrange?: StackItemRearrangeHandler;
8
+ stackId?: string;
8
9
  };
9
10
  export declare const StackContext: import("react").Context<StackContextValue>;
10
11
  export declare const useStack: () => StackContextValue;
@@ -1 +1 @@
1
- {"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/StackContext.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,yBAAyB,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,YAAY,4CAIvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yBAAiC,CAAC;AAEvD,MAAM,MAAM,aAAa,GACrB;IACE,IAAI,EAAE,MAAM,CAAC;CACd,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC;CACX,GACD;IACE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEN,eAAO,MAAM,IAAI,EAAE,aAAgC,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG;IAClC,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,gDAM3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC"}
1
+ {"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/StackContext.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,4CAIvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yBAAiC,CAAC;AAEvD,MAAM,MAAM,aAAa,GACrB;IACE,IAAI,EAAE,MAAM,CAAC;CACd,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC;CACX,GACD;IACE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEN,eAAO,MAAM,IAAI,EAAE,aAAgC,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG;IAClC,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,gDAM3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC"}
@@ -1,11 +1,11 @@
1
1
  import React, { type ComponentPropsWithRef, type ReactNode } from 'react';
2
2
  import { type ThemedClassName } from '@dxos/react-ui';
3
+ import { type StackItemData, type StackItemSize } from '../types';
3
4
  import { type StackItemContentProps } from './StackItemContent';
4
5
  import { type StackItemDragHandleProps } from './StackItemDragHandle';
5
- import { type StackItemHeadingProps, type StackItemHeadingLabelProps } from './StackItemHeading';
6
+ import { type StackItemHeadingLabelProps, type StackItemHeadingProps } from './StackItemHeading';
6
7
  import { type StackItemResizeHandleProps } from './StackItemResizeHandle';
7
- import { type StackItemSigilProps, type StackItemSigilAction, type StackItemSigilButtonProps } from './StackItemSigil';
8
- import { type StackItemSize, type StackItemData } from '../defs';
8
+ import { type StackItemSigilAction, type StackItemSigilButtonProps, type StackItemSigilProps } from './StackItemSigil';
9
9
  export declare const DEFAULT_HORIZONTAL_SIZE = 48;
10
10
  export declare const DEFAULT_VERTICAL_SIZE = "min-content";
11
11
  export declare const DEFAULT_EXTRINSIC_SIZE = 48;
@@ -18,29 +18,27 @@ type StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
18
18
  onSizeChange?: (nextSize: StackItemSize) => void;
19
19
  role?: 'article' | 'section';
20
20
  disableRearrange?: boolean;
21
- focusIndicatorVariant?: 'over-all' | 'group';
21
+ focusIndicatorVariant?: 'over-all' | 'group' | 'over-all-always' | 'group-always';
22
22
  };
23
23
  type StackItemDragPreviewProps = {
24
24
  children: ({ item }: {
25
25
  item: any;
26
26
  }) => ReactNode;
27
27
  };
28
- export declare const StackItemDragPreview: ({ children }: StackItemDragPreviewProps) => React.ReactPortal | null;
29
28
  export declare const StackItem: {
30
29
  Root: React.ForwardRefExoticComponent<Omit<StackItemRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
31
- Content: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
32
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
30
+ Content: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "role" | "scrollable">, "className"> & {
31
+ classNames?: import("@dxos/ui-types").ClassNameValue;
33
32
  } & {
34
33
  toolbar?: boolean;
35
34
  statusbar?: boolean;
36
- layoutManaged?: boolean;
37
- size?: "intrinsic" | "video" | "square";
38
35
  } & React.RefAttributes<HTMLDivElement>>;
36
+ DragHandle: ({ asChild, children }: StackItemDragHandleProps) => React.JSX.Element;
37
+ DragPreview: ({ children }: StackItemDragPreviewProps) => React.ReactPortal | null;
39
38
  Heading: ({ children, classNames, asChild, separateOnScroll, ...props }: StackItemHeadingProps) => React.JSX.Element;
40
39
  HeadingLabel: React.ForwardRefExoticComponent<Omit<StackItemHeadingLabelProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
41
40
  HeadingStickyContent: ({ children }: React.PropsWithChildren<{}>) => React.JSX.Element;
42
41
  ResizeHandle: () => React.JSX.Element;
43
- DragHandle: ({ asChild, children }: StackItemDragHandleProps) => React.JSX.Element;
44
42
  Sigil: React.ForwardRefExoticComponent<{
45
43
  attendableId?: string;
46
44
  triggerLabel: string;
@@ -51,7 +49,6 @@ export declare const StackItem: {
51
49
  children?: ReactNode | undefined;
52
50
  } & React.RefAttributes<HTMLButtonElement>>;
53
51
  SigilButton: React.ForwardRefExoticComponent<Omit<StackItemSigilButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
54
- DragPreview: ({ children }: StackItemDragPreviewProps) => React.ReactPortal | null;
55
52
  };
56
- export type { StackItemRootProps, StackItemContentProps, StackItemHeadingProps, StackItemHeadingLabelProps, StackItemResizeHandleProps, StackItemDragHandleProps, StackItemSigilProps, StackItemSigilButtonProps, StackItemSigilAction, StackItemDragPreviewProps, };
53
+ export type { StackItemRootProps, StackItemContentProps, StackItemDragHandleProps, StackItemDragPreviewProps, StackItemHeadingProps, StackItemHeadingLabelProps, StackItemResizeHandleProps, StackItemSigilProps, StackItemSigilButtonProps, StackItemSigilAction, };
57
54
  //# sourceMappingURL=StackItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItem.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EAIZ,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,gBAAgB,CAAC;AAIhE,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,EAEhC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAE/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAGjE,eAAO,MAAM,uBAAuB,KAA6B,CAAC;AAClE,eAAO,MAAM,qBAAqB,gBAAwC,CAAC;AAC3E,eAAO,MAAM,sBAAsB,KAAkD,CAAC;AAEtF,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IACxE,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;CAC9C,CAAC;AAqMF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,GAAG,CAAA;KAAE,KAAK,SAAS,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,cAAc,yBAAyB,6BAG3E,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;gCAL6B,yBAAyB;CAgB3E,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,GAC1B,CAAC"}
1
+ {"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItem.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKhE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAElE,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAE3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EACzB,MAAM,kBAAkB,CAAC;AAG1B,eAAO,MAAM,uBAAuB,KAA6B,CAAC;AAClE,eAAO,MAAM,qBAAqB,gBAAwC,CAAC;AAC3E,eAAO,MAAM,sBAAsB,KAAkD,CAAC;AAMtF,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IACxE,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,iBAAiB,GAAG,cAAc,CAAC;CACnF,CAAC;AAgNF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,GAAG,CAAA;KAAE,KAAK,SAAS,CAAC;CAClD,CAAC;AAWF,eAAO,MAAM,SAAS;;;;;;;;;gCATsB,yBAAyB;;;;;;;;;;;;;;;CAoBpE,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,0BAA0B,EAC1B,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,GACrB,CAAC"}
@@ -1,8 +1,16 @@
1
- import '@dxos-theme';
2
- import { type Meta, type StoryObj } from '@storybook/react-vite';
3
- import { StackItem } from './StackItem';
4
- declare const meta: Meta<typeof StackItem.Root>;
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ import { type StackItemRootProps } from './StackItem';
4
+ declare const meta: {
5
+ title: string;
6
+ component: any;
7
+ render: (props: StackItemRootProps) => React.JSX.Element;
8
+ decorators: import("@storybook/react").Decorator[];
9
+ parameters: {
10
+ layout: string;
11
+ };
12
+ };
5
13
  export default meta;
6
- type Story = StoryObj<typeof StackItem.Root>;
14
+ type Story = StoryObj<typeof meta>;
7
15
  export declare const Default: Story;
8
16
  //# sourceMappingURL=StackItem.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StackItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItem.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAAC,IAAI,CAwBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
1
+ {"version":3,"file":"StackItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItem.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAwBjE,QAAA,MAAM,IAAI;;eAEqB,GAAG;oBAxBL,kBAAkB;;;;;CA8BV,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -1,49 +1,16 @@
1
1
  import React, { type ComponentPropsWithoutRef } from 'react';
2
2
  import { type ThemedClassName } from '@dxos/react-ui';
3
- export type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
4
- /**
5
- * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate
6
- * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.
7
- */
3
+ export type StackItemContentProps = ThemedClassName<Omit<ComponentPropsWithoutRef<'div'>, 'role' | 'scrollable'>> & {
8
4
  toolbar?: boolean;
9
- /**
10
- * Whether to provide for the layout of a statusbar after the content.
11
- */
12
5
  statusbar?: boolean;
13
- /**
14
- * Whether the consumer intends to do something custom and typical affordances should not apply
15
- */
16
- layoutManaged?: boolean;
17
- /**
18
- * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for
19
- * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.
20
- */
21
- size?: 'intrinsic' | 'video' | 'square';
22
6
  };
23
7
  /**
24
- * This component should be used by plugins for rendering content within a stack item, a.k.a. a “plank” or “section”.
25
- * The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.
8
+ * This component should be used by plugins for rendering content within a stack item (i.e., a “plank” or “section”).
26
9
  */
27
- export declare const StackItemContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
28
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
10
+ export declare const StackItemContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "role" | "scrollable">, "className"> & {
11
+ classNames?: import("@dxos/ui-types").ClassNameValue;
29
12
  } & {
30
- /**
31
- * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate
32
- * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.
33
- */
34
13
  toolbar?: boolean;
35
- /**
36
- * Whether to provide for the layout of a statusbar after the content.
37
- */
38
14
  statusbar?: boolean;
39
- /**
40
- * Whether the consumer intends to do something custom and typical affordances should not apply
41
- */
42
- layoutManaged?: boolean;
43
- /**
44
- * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for
45
- * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.
46
- */
47
- size?: "intrinsic" | "video" | "square";
48
15
  } & React.RefAttributes<HTMLDivElement>>;
49
16
  //# sourceMappingURL=StackItemContent.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StackItemContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAuB,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IACrF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;IA3B3B;;;OAGG;cACO,OAAO;IAEjB;;OAEG;gBACS,OAAO;IAEnB;;OAEG;oBACa,OAAO;IAEvB;;;OAGG;WACI,WAAW,GAAG,OAAO,GAAG,QAAQ;wCA8CxC,CAAC"}
1
+ {"version":3,"file":"StackItemContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAuB,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,CAAC,GAAG;IAClH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;cAPjB,OAAO;gBACL,OAAO;wCA0CpB,CAAC"}
@@ -1,4 +1,4 @@
1
- import React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type PropsWithChildren } from 'react';
1
+ import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type PropsWithChildren } from 'react';
2
2
  import { type ThemedClassName } from '@dxos/react-ui';
3
3
  import { type AttendableId, type Related } from '@dxos/react-ui-attention';
4
4
  export type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
@@ -1 +1 @@
1
- {"version":3,"file":"StackItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemHeading.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EACZ,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAE1B,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAgB,KAAK,YAAY,EAAE,KAAK,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAKzF,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+DAM9B,qBAAqB,sBAyBvB,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,cAAc,iBAAiB,CAAC,EAAE,CAAC,sBAMhF,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;AAE/G,eAAO,MAAM,qBAAqB,oHAgBjC,CAAC"}
1
+ {"version":3,"file":"StackItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemHeading.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAgB,MAAM,0BAA0B,CAAC;AAKzF,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+DAM9B,qBAAqB,sBAsBvB,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,cAAc,iBAAiB,CAAC,EAAE,CAAC,sBAMhF,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;AAE/G,eAAO,MAAM,qBAAqB,oHAgBjC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"StackItemResizeHandle.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemResizeHandle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAE5C,eAAO,MAAM,qBAAqB,yBAajC,CAAC"}
1
+ {"version":3,"file":"StackItemResizeHandle.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemResizeHandle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAE5C,eAAO,MAAM,qBAAqB,yBAajC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React, { type PropsWithChildren } from 'react';
2
- import { type ActionLike } from '@dxos/app-graph';
2
+ import { type Node } from '@dxos/app-graph';
3
3
  import { type ButtonProps } from '@dxos/react-ui';
4
4
  import { type AttendableId, type Related } from '@dxos/react-ui-attention';
5
5
  export type KeyBinding = {
@@ -9,7 +9,7 @@ export type KeyBinding = {
9
9
  linux?: string;
10
10
  unknown?: string;
11
11
  };
12
- export type StackItemSigilAction = Pick<ActionLike, 'id' | 'properties' | 'data'>;
12
+ export type StackItemSigilAction = Pick<Node.ActionLike, 'id' | 'properties' | 'data'>;
13
13
  export type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> & AttendableId & Related & {
14
14
  isMenu?: boolean;
15
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"StackItemSigil.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemSigil.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAY,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAU,KAAK,WAAW,EAAyD,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAgB,MAAM,0BAA0B,CAAC;AAOzF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC;AAElF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAClE,YAAY,GACZ,OAAO,GAAG;IACR,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,oBAAoB,kHAiBhC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CACjD;IACE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,oBAAoB,EAAE,EAAE,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD,GAAG,OAAO,CACZ,CAAC;AAEF,eAAO,MAAM,cAAc;mBARR,MAAM;kBACP,MAAM;cACV,oBAAoB,EAAE,EAAE;UAC5B,MAAM;eACD,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI;;;2CA6FpD,CAAC"}
1
+ {"version":3,"file":"StackItemSigil.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemSigil.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAY,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAU,KAAK,WAAW,EAAyD,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAgB,MAAM,0BAA0B,CAAC;AAQzF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC;AAEvF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAClE,YAAY,GACZ,OAAO,GAAG;IACR,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,oBAAoB,kHAiBhC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CACjD;IACE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,oBAAoB,EAAE,EAAE,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD,GAAG,OAAO,CACZ,CAAC;AAEF,eAAO,MAAM,cAAc;mBARR,MAAM;kBACP,MAAM;cACV,oBAAoB,EAAE,EAAE;UAC5B,MAAM;eACD,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI;;;2CA6FpD,CAAC"}
@@ -15,5 +15,8 @@ export type LayoutControlsProps = Omit<ButtonGroupProps, 'onClick'> & {
15
15
  isSolo?: boolean;
16
16
  pin?: 'start' | 'end' | 'both';
17
17
  };
18
+ /**
19
+ * @deprecated
20
+ */
18
21
  export declare const LayoutControls: React.ForwardRefExoticComponent<Omit<LayoutControlsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
19
22
  //# sourceMappingURL=LayoutControls.d.ts.map